html,body {font-family: 'Sarabun-Regular',sarif;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6,
.main-header .navbar-collapse {font-family: 'Kanit-Medium',sarif;}
.main-header,.main-footer {font-family: 'Kanit-Regular',sarif;}
.font-kanit-regular {font-family: 'Kanit-Regular',sarif;}
.font-kanit-medium {font-family: 'Kanit-Medium',sarif;}
.font-kanit-bold {font-family: 'Kanit-Bold',sarif;}

.color-white {color:white;}
.color-green {color:green;}
.color-gray {color:gray;}

.fs-14 {font-size:14px;}
.fs-16 {font-size:16px;}
.fs-18 {font-size:18px;}
.fs-20 {font-size:20px;}

ul.mainmenu {list-style:none;}
.banner img,.certificate img,.ce-gallery .ce-row .ce-column img {width:100%;height:auto;}
.ce-gallery .ce-row {display:flex;justify-content: space-between; flex: 1 1 0;}
.ce-gallery .ce-row .ce-column {flex-grow: 1;}
.product-item a,.article-item a {text-decoration:none; color:#212529}
.product-item a:hover,.article-item a:hover {text-decoration:underline; color:#0d6efd;}
.sponsor {width:auto;height:100px;}

.frame-space-after-extra-small {margin-bottom:1rem;}
.frame-space-after-small {margin-bottom:2rem;}
.frame-space-after-medium {margin-bottom:3rem;}
.frame-space-after-large {margin-bottom:4rem;}
.frame-space-after-extra-large {margin-bottom:5rem;}

.frame-space-before-extra-small {margin-top:1rem;}
.frame-space-before-small {margin-top:2rem;}
.frame-space-before-medium {margin-top:3rem;}
.frame-space-before-large {margin-top:4rem;}
.frame-space-before-extra-large {margin-top:5rem;}

.ce-headline-center {text-align:center;}
.ce-headline-right {text-align:right;}

footer.main-footer  {
background: rgb(1,131,53);
background: -moz-linear-gradient(180deg, rgba(1,131,53,1) 0%, rgba(0,21,111,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(1,131,53,1) 0%, rgba(0,21,111,1) 100%);
background: linear-gradient(180deg, rgba(1,131,53,1) 0%, rgba(0,21,111,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#018335",endColorstr="#00156f",GradientType=1);
}

.prize-item {}
.img-cover-fit  {
    height: 100%;
    object-fit: cover;
    width: 100%;
}
ul.f3-widget-paginator {list-style:none;}
ul.f3-widget-paginator li a{padding:5px 10px; background:#efefef;}
ul.f3-widget-paginator li.current a{background:#FCED22}

@media (min-width: 320px) {
	.radius-20 {border-radius:0px;}
}
@media (min-width: 768px) {
    .mx-md-5rem {
        margin-right: 5rem !important;
        margin-left: 5rem !important;
    }
    .mx-md-7rem {
        margin-right: 7rem !important;
        margin-left: 7rem !important;
    }
    .mx-md-10rem {
        margin-right: 10rem !important;
        margin-left: 10rem !important;
    }
	.radius-20 {border-radius:20px;}
}