body{color:#222;margin:0px 0px;padding:0px 0px;font-weight:normal;font-family:Tahoma,Arial,San-Serif,Sans;}

a:link{color:#222;text-decoration:none;}
a:visited{color:#222;text-decoration:none;}
a:active{color:#0077DD;text-decoration:none;}
a:hover{color:#0077DD;text-decoration:none;}
a:focus{text-decoration:none}

img{border: 0 none;max-width:100%;vertical-align:middle;}
hr{border:0;border-top:1px solid #222;}
p{margin: 0 0 10px;}

form{padding:0;margin:0;}
input, textarea, button{font-size:16px;color:#222;}

.clear-style{clear:both;height:0px;line-height:0px;font-size:0px;padding:0;margin:0;}
.table-wrap{display:flex; flex-wrap:wrap;}
.style-title{font-family:"Noto Sans Thai", San-Serif,Tahoma,Arial; font-size:1.5rem; font-weight:700; margin:0 0 8px 0; padding-left:10px; background:#0077DD;}
.style-title a:link , .style-title a:visited{color:#FFFFFF;} .style-title a:active , .style-title a:hover{color:#333333;}
.style-tab-page{color:#3D4343; font-family:"Noto Sans Thai", San-Serif,Tahoma,Arial; font-weight:500; font-size:16px; padding:10px; text-align:center;}
.style-tab-page a:link , .style-tab-page a:visited{color:#3D4343; padding-right:6px;}
.style-tab-page a:active , .style-tab-page a:hover{color:#0077DD; padding-right:6px;}
.style-nav{line-height:15px; font-family:"Noto Sans Thai", San-Serif,Tahoma,Arial; font-size:0.8rem; font-weight:400; margin-bottom:10px;}
.style-nav a{color:#222222;}
.style-tag:after{content: "";display: table;clear: both;}
a.style-tag{padding:5px 8px 5px 8px;margin:0 5px 5px 0;font-size:12px;color:#666;float:left;background-color:#EDF0F2;}
a.style-cat{font-family:"Noto Sans Thai",sans-serif;padding:5px 8px 5px 8px;margin:0 5px 5px 0;font-size:14px;color:#FFF;float:left;background-color:#0077DD;}

h1{color:#222;font-family:"Noto Sans Thai",sans-serif;font-size:28px;font-weight:600}
h2{color:#222;font-family:"Noto Sans Thai",sans-serif;font-size:26px;font-weight:600}
h3{color:#222;font-family:"Noto Sans Thai",sans-serif;font-size:24px;font-weight:600}
h4{color:#222;font-family:"Noto Sans Thai",sans-serif;font-size:22px;font-weight:600}
h5{color:#222;font-family:"Noto Sans Thai",sans-serif;font-size:20px;font-weight:600}
h6{color:#222;font-family:"Noto Sans Thai",sans-serif;font-size:18px;font-weight:600}
ul{margin:0;}
.spinner{width:40px;height:40px;margin:100px auto;background-color:#0077DD;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:"Noto Sans Thai",sans-serif;font-size:18px;font-weight:500;display:inline-block;padding:10px;text-decoration: underline #0077DD;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:#0077DD}
.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:#0077DD;padding:7px 10px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;-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:#fff;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: #0077DD;border: 1px solid transparent;}
.genric-btn.info-border{color: #0077DD;border: 1px solid #0077DD;background: #fff;}

.mag-thumb img{max-width:100%;aspect-ratio:1/1;}
.mag-title{padding:6px 0; font-size:15px;height:52px;overflow:hidden;overflow-wrap:break-word;}
.mag-title a:active , .mag-title a:hover{color:#0077DD;}
.section-title{font-family:"Noto Sans Thai", San-Serif,Tahoma,Arial; font-size:30px; font-weight:600; margin:0 0 8px 0; padding-top:3px; text-align:center;border-bottom:2px solid #0077DD;background:#F5F5F5;}
.section-title a:link , .section-title a:visited{color:#333333;} .section-title a:active , .section-title a:hover{color:#0077DD;}
.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:#0077DD;}
.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:#0077DD;}
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;background:#F5F5F5;margin-top:20px;}
.mag-footer{padding-top:25px; padding-bottom:15px; margin-top:50px; color:#333; background-color:#F4F6F7; border-top:2px solid #0077DD; text-align:center;font-family:"Noto Sans Thai", San-Serif,Tahoma,Arial;font-size:14px;}
.mag-footer-link{margin-top:30px; padding-top:15px; color:#333; background-color:#F4F6F7; border-top:2px solid #0077DD; font-family:"Noto Sans Thai", San-Serif,Tahoma,Arial;font-size:15px;}
.mag-footer-link ul{margin:0;padding:0 0 0 20px;list-style:square;}
.mag-price{background-color:#F5F5F5;padding:5px 0 5px 15px;color:#FF0000; font-family:"Noto Sans Thai",sans-serif;font-size:28px;font-weight:600}
.mag-price s{color:#919191; font-size:14px;padding-right:7px;}

/* ######################################################################### */

/* ## Mobile ## */
@media(max-device-width:900px){

.style-header{width:100%; height:38px; padding-bottom:8px; background-color:#FFF; border-bottom:2px solid #0077DD;}
.style-header-container{width:100%; margin:0px auto;}

.style-header-logo{float:left; width:70%; padding-top:8px;}
.style-header-logo img{padding-left:8px; height:30px;}
.style-header-menu{float:right; padding:0 8px 0 0; font-family:"Noto Sans Thai", San-Serif,Tahoma,Arial; font-size:1.8rem; font-weight:600;}
.style-header-menu a:link , .style-header-menu a:visited{color:#000;}
.style-header-menu a:active , .style-header-menu a:hover{color:#0077DD;}

.style-container{background-color:#FFFFFF; padding:10px;}

.style-block{background-color:#FFF; margin-bottom:8px; padding:8px;}

.col-show{margin-bottom:15px; margin-left:10px; margin-right:10px;}
.col-thumb img{width:100%;}
.col-topic{padding:6px; background-color:#EDF0F2; font-family:"Noto Sans Thai", San-Serif,Tahoma,Arial;}

.show-col{float:left;width:48%;margin-bottom:15px; margin-left:1%; margin-right:1%;}
.show-col-thumb img{width:100%;}

.style-content , .style-content iframe,  .style-content object,  .style-content embed {max-width: 100%;}

.style-show1{float:left; width:100%;font-size:16px; line-height:1.5; background-color:#FFF;}
.style-show1 img{padding:10px 0 10px 0;height:auto !important;width:auto !important;}
.style-show1 h2 , .style-show1 h3{padding:5px 5px 5px 5px; color:#F53002;}

.style-show2{float:left; width:100%;font-size:16px; background-color:#FFF;}
.style-show2 img{padding:10px 0 10px 0;height:auto !important;width:auto !important;}

.style-agoda-topic{padding-top:15px; text-align:center; font-family:"Noto Sans Thai", San-Serif,Tahoma,Arial; font-size:1.1rem; font-weight:500;}
.style-agoda{text-align:center;}
.style-agoda img , .style-agoda p{display:inline; padding:5px 0 5px 0 !important;}

.style-footer{width:100%; margin:0px auto; color:#333; height:35px; padding-top:10px; background-color:#F4F6F7; border-top:2px solid #0077DD; text-align:center;font-family:"Noto Sans Thai", San-Serif,Tahoma,Arial;font-size:1.01rem;}
}



/* ## Desktop ## */
@media(min-width:900px){

.style-header{width:100%; height:40px; padding-top:10px; padding-bottom:10px; background-color:#FFF; border-bottom:2px solid #0077DD;}
.style-header-container{width:1200px; margin:0px auto;}

.style-header-logo{float:left; width:250px;}
.style-header-menu{float:right; text-align:right; padding:3px 8px 4px 8px; margin:5px 0 0 0; color:#FFF; background-color:#0077DD; font-family:"Noto Sans Thai", San-Serif,Tahoma,Arial; font-size:1.1rem; font-weight:400;}
.style-header-menu a:link , .style-header-menu a:visited{color:#FFF; padding:0 8px 0 8px;}
.style-header-menu a:active , .style-header-menu a:hover{color:#000; padding:0 8px 0 8px;}

.style-container{width:1200px; margin:0px auto;}

.style-block{background-color:#FFF; padding:10px; margin-bottom:10px;}

.col-show{float:left;width:24%; margin-bottom:15px; margin-right:10px;}
.col-thumb img{width:100%;}
.col-topic{padding:6px; background-color:#EDF0F2; font-family:"Noto Sans Thai", San-Serif,Tahoma,Arial;}

.show-col{float:left;width:100%;margin-bottom:15px;}
.show-col-thumb img{width:100%;}

.style-content{width:1200px;margin:0px auto; padding-bottom:10px;}
.style-content iframe,  .style-content object,  .style-content embed {max-width: 100%;}

.style-show1{float:left; width:850px;font-size:16px; line-height:1.5; background-color:#FFF; padding:10px;}
.style-show1 img{padding:10px 0 10px 0;height:auto !important;}
.style-show1 h2 , .style-show1 h3{padding:5px 5px 5px 5px; color:#F53002;}

.style-show2{float:left;width:300px; background-color:#FFF; margin-left:10px; padding:10px;}

.style-agoda-topic{text-align:center; font-family:"Noto Sans Thai", San-Serif,Tahoma,Arial; font-size:1.1rem; font-weight:500; padding-top:15px;}
.style-agoda{text-align:center;}
.style-agoda p , .style-agoda img{display:inline; padding-right:20px;}

.style-footer{width:100%; margin:0px auto; color:#333; height:35px; padding-top:10px; background-color:#F4F6F7; border-top:2px solid #0077DD; text-align:center;font-family:"Noto Sans Thai", San-Serif,Tahoma,Arial; font-size:1.01rem;}
}