@import url("https://fonts.googleapis.com/css?family=Noto+Sans+Thai:400,500,600,700");
body{color:#222;margin:0px 0px;padding:0px 0px;font-weight:normal;font-family:Tahoma,Arial,San-Serif,Sans;}
h1{color:#222;font-family:"DB Heavent Now",sans-serif;font-size:40px;font-weight:600}
h2{color:#222;font-family:"DB Heavent Now",sans-serif;font-size:36px;font-weight:600}
h3{color:#222;font-family:"DB Heavent Now",sans-serif;font-size:28px;font-weight:600}
h4{color:#222;font-family:"DB Heavent Now",sans-serif;font-size:22px;font-weight:600}
h5{color:#222;font-family:"DB Heavent Now",sans-serif;font-size:20px;font-weight:600}
h6{color:#222;font-family:"DB Heavent Now",sans-serif;font-size:18px;font-weight:600}
ul{margin:0;}
a:hover{text-decoration:none}
a:focus{text-decoration:none}
input:focus,textarea:focus{outline:none}
.spinner{width:40px;height:40px;margin:100px auto;background-color:#FD6300;border-radius:100%;-webkit-animation:sk-scaleout 1.0s infinite ease-in-out;animation:sk-scaleout 1.0s infinite ease-in-out}
@-webkit-keyframes sk-scaleout{0%{-webkit-transform:scale(0)}
100%{-webkit-transform:scale(1);opacity:0}
}
@keyframes sk-scaleout{0%{-webkit-transform:scale(0);transform:scale(0)}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}
}
.preloader{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;z-index:5}
.preloader .spinner{position:absolute;top:50%;left:50%;margin:0;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
.main-menu ul{float:right}
@media (min-width: 768px) and (max-width: 991.98px){.main-menu ul{display:none;float:left;position:absolute;top:30px;left:0;z-index:4;background:#f9f9f9;width:100%;padding:20px 20px 30px}}
@media (min-width: 576px) and (max-width: 767.98px){.main-menu ul{display:none;float:left;position:absolute;top:30px;left:0;z-index:4;background:#f9f9f9;width:100%;padding:20px 20px 30px}}
@media (max-width: 575.98px){.main-menu ul{display:none;float:left;position:absolute;top:30px;left:0;z-index:4;background:#f9f9f9;width:100%;padding:20px 20px 30px}}
.main-menu ul li{display:inline;position:relative}
@media (min-width: 768px) and (max-width: 991.98px){.main-menu ul li{display:block}}
@media (min-width: 576px) and (max-width: 767.98px){.main-menu ul li{display:block}}
@media (max-width: 575.98px){.main-menu ul li{display:block}}
.main-menu ul li a{color:#222;font-family:"DB Heavent Now",sans-serif;font-size:18px;font-weight:500;display:inline-block;padding:10px;text-decoration: underline #FD6300;text-underline-offset:3px;}
.main-menu ul li:hover ul.sub-menu{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;visibility:visible;top:100%;left:30px}
.main-menu ul li ul.sub-menu{padding:10px;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;visibility:hidden;position:absolute;top:250%;left:0;width:250px;background:#f9f9f9;z-index:5;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s}
.main-menu ul li ul.sub-menu li{display:block}
.main-menu ul li ul.sub-menu li a{-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s}
.main-menu ul li ul.sub-menu li a:hover{color:#FD6300}
.main-menu .menu-btn{display:inline;margin-left:60px}
@media (min-width: 992px) and (max-width: 1199.98px){.main-menu .menu-btn{margin-left:0}}
@media (min-width: 768px) and (max-width: 991.98px){.main-menu .menu-btn{margin-left:0}
.main-menu .menu-btn .login{display:block}}
@media (min-width: 576px) and (max-width: 767.98px){.main-menu .menu-btn{margin-left:0}
.main-menu .menu-btn .login{display:block}}
@media (max-width: 575.98px){.main-menu .menu-btn{margin-left:0}
.main-menu .menu-btn .login{display:block}}
@media (min-width: 768px) and (max-width: 991.98px){.main-menu.main-menu-light ul{background:#04091e}}
@media (min-width: 576px) and (max-width: 767.98px){.main-menu.main-menu-light ul{background:#04091e}}
@media (max-width: 575.98px){.main-menu.main-menu-light ul{background:#04091e}}
.main-menu.main-menu-light ul ul.sub-menu{background:#04091e}
.main-menu.main-menu-light a{color:#fff}
.custom-navbar{position:absolute;top:-42px;right:15px;background:#FFFFFF;padding:7px 10px;-webkit-border-radius:0px;-moz-border-radius:0px;-ms-border-radius:0px;-o-border-radius:0px;border-radius:0px;-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s;transition:.2s;cursor:pointer;display:none}
@media (min-width: 768px) and (max-width: 991.98px){.custom-navbar{display:block}}
@media (min-width: 576px) and (max-width: 767.98px){.custom-navbar{display:block}}
@media (max-width: 575.98px){.custom-navbar{display:block}}
.custom-navbar span{background:#000000;display:block;width:30px;margin:6px 0;height:2px}
.header-area.main-header{padding:15px 0;margin-bottom:15px;box-shadow:0px 0px 10px 0px rgb(0 0 0 / 10%);}
.header-top{position:relative;padding:30px 0}
.header-top img{margin-top:10px}
.header-top .template-btn{margin-left:30px}
@media (min-width: 992px) and (max-width: 1199.98px){.header-top .template-btn{margin-left:0}}
@media (min-width: 768px) and (max-width: 991.98px){.header-top .template-btn{margin-left:15px;margin-top:15px}}
@media (min-width: 576px) and (max-width: 767.98px){.header-top .template-btn{margin-left:15px;margin-top:15px}}
@media (max-width: 575.98px){.header-top .template-btn{margin-left:15px;margin-top:15px}}

.genric-btn{display: inline-block;margin:1px; outline: none;line-height: 40px;padding: 0 8px;font-size: .8em;text-align: center;text-decoration: none;font-weight: 500;cursor: pointer;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.genric-btn.info{color: #fff;background: #FD6300;border: 1px solid transparent;}
.genric-btn.info-border{color: #FD6300;border: 1px solid #FD6300;background: #fff;}

.mag-thumb img{width:100%;}
.mag-title{padding:6px 0; font-family:"DB Heavent Now", San-Serif,Tahoma,Arial;font-size:17px;}
.mag-title a:active , .mag-title a:hover{color:#FD6300;}
.section-title{font-family:"DB Heavent Now", San-Serif,Tahoma,Arial; font-size:30px; font-weight:600; margin:0 0 8px 0; line-height: 1em; text-align:center;border-bottom:2px solid #FD6300;}
.section-title a:link , .section-title a:visited{color:#333333;} .section-title a:active , .section-title a:hover{color:#FD6300;}
.mag-ads{margin-bottom:20px; clear:both;}
.mag-nav{line-height: 15px;font-family: San-Serif,Tahoma,Arial;font-size: 12px;margin-bottom: 20px;color:#999999;}
.mag-nav a:link , .mag-nav a:visited{color:#999999;} .mag-nav a:active , .mag-nav a:hover{color:#FD6300;}
.mag-post{font-size: 18px;line-height: 1.5;}
.mag-post img{padding:5px 0;height:auto !important;width:auto !important;}
.mag-post h2 , .mag-post h3 , .mag-post h4 , .mag-post h5 , .mag-post h6{padding:5px 5px 5px 0; color:#FD6300;}
a.mag-tag{padding:5px 8px 5px 8px;margin:0 5px 5px 0;font-size:12px;color:#666;float:left;background-color:#EDF0F2;}
.mag-nav-page{width:100%;text-align:center;}
.mag-footer{padding-top:5px; margin-top:5px; color:#333; background-color:#F4F6F7; border-top:2px solid #FD6300; font-family:"DB Heavent Now", San-Serif,Tahoma,Arial;font-size:1.01rem;}
.mag-footer-link{margin-top:30px; padding-top:15px; color:#333; background-color:#F4F6F7; border-top:2px solid #FD6300; font-family:"DB Heavent Now", San-Serif,Tahoma,Arial;font-size:15px;}
.mag-footer-link ul{margin:0;padding:0 0 0 20px;list-style:square;}
.mag-agoda{padding:15px 0 15px 0;}