@import url('https://fonts.googleapis.com/css?family=Mitr:200,300,400,500,600,700&display=swap&subset=thai');
@font-face {
    font-family: 'AngsanaNew';
    src: url('../font/Angsana\ New/angsana.ttc');
}
/* @import '~swiper/dist/css/swiper.min.css'; */
@import 'https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.0/css/swiper.min.css';

html, body {
    font-family: 'Mitr', sans-serif !important;
    color: #463734 !important;
}
.Mitr {
    font-family: 'Mitr', sans-serif;
}
.AngsanaNew {
    font-family: 'AngsanaNew' !important;
}
.white {
    color: #fff;
}
.blue {
    color: #0E3052;
}
.blue-bg {
    background-color: #0E3052;
}
.gold-light {
    color: #E0C6A3;
}
.gold-light-bg {
    background-color: #E0C6A3;
}
.gold-dark {
    color: #C6A677;
}
.gold-dark-bg {
    background-color: #C6A677;
}
.img-cover {
    margin-top: -300px;
}
.section-1 {
    /* background-image: url('../pic\ hearder.png'); */
}
.section-2 .submit {
    background-image: url('../Web\ 1920\ –\ 1\ \(1\).png');
}
.section-10 .submit {
    background-image: url('../Web\ 1920\ –\ 1\ \(1\).png');
}
.section-11 {
    background-image: url('../Web\ 1920\ –\ 1\ \(1\).png');
}
div#collapseExample {
    position: absolute;
    top: 12%;
    right: 15%;
}
/* .img-of-slide {
    display: none;
}
swiper {
    display: initial;
} */
a {
    color: #0E3052 !important;
}
.cursor {
    cursor: pointer;
}
@media only screen and (max-width: 899px) {
    /* .section-1 {
        background-image: url('../ipad pic.jpg');
    } */
    .text-ipad {
        display: initial !important;
    }
}
@media only screen and (max-width: 519px) {
    /* .section-1 {
        background-image: url('../mobile\ pic.jpg');
    } */
}



/* .crossfade > figure {
    animation: imageAnimation 15s linear infinite 0s;
    backface-visibility: hidden;
    background-size: cover;
    background-position: bottom;
    color: transparent;
    height: 110vh;
    left: 0px;
    opacity: 0;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 0;
}
.crossfade > figure:nth-child(1) {
    background-image: url('../hearder at in 1.png');
}
.crossfade > figure:nth-child(2) {
    animation-delay: 10s;
    background-image: url('../hearder at in 2.png');
}
@keyframes
imageAnimation {
    0% {
        animation-timing-function: ease-in;
        opacity: 0;
    }
    25% {        
        opacity: 1;
    }
    50% {
        opacity: 1;
    }
    75% {
        opacity: 1;
    }
    100% {
        animation-timing-function: ease-out;
        opacity: 0;
    }
} */
/* figure{  
    width: 438px;
    height: 330px;
    overflow: hidden;
    margin: 0 !important;  
}
figure img{
    display: block; 
    width: 100%;
}
.change-ratio img{
    margin: -20% 0%; 
} */