body{padding:0px;margin:0 auto;font-family:tahoma;font-size:14px;background:#cccccc;}
.container{width:100%;padding-right:0px;padding-left:0px;}
.max{max-width:1040px;margin:0 auto;}
img{max-width:100%;}
.bold{font-weight:bold !important;}
.clear{clear:both;}
header{width:100%;height:45px;background: #ff3d00;border-bottom:15px solid #de1111;}
footer{width:100%;height:145px;background: #000;color:#CECDCD;text-align:right;}
footer .ul-menu-footer{margin-top:30px;}
footer .ul-menu-footer li:not(:last-child):after{content:'|';margin-left:10px;}
footer .ul-menu-footer li a{color:#CECDCD;}
.font-kanit{font-family:'kanit'}
.hide{display:none;}
.show{display:block;}
.bg-white{background: #fff;}
.logo{margin-top:-35px;background: #fff;padding: 10px;border-radius: 10px;padding-top:5px;}
.margin-top-10{margin-top:10px;}
.margin-top-20{margin-top:20px;}
.input-search{position:relative;}
.icon-search{position:absolute;top:7px;font-size:15px;right:23px;color:#999;cursor: pointer;}
.bottom-line{border-bottom:1px solid #ccc;}
.padding-top{padding-top:10px;}
.clear-padding{padding:0px;}
.clear-margin{margin:0 auto;}
.padding-top-bottom{padding:20px 0;}
.padding-top{padding-top:20px;}
.padding-bottom{padding-bottom: 20px;}
.padding-left-right{padding:0 20px;}
.img{margin-bottom:10px;padding:5px;border:1px solid #ddd;}
.topic{font-size:14px;font-weight: bold;height:20px;overflow: hidden;}
.topic a{color:#333;}
.detail{text-align: justify;color: #777;}
.detail-small{color: #777;}
.orange{color:#ff6600;}
.bg-green{background:#127b35;padding:0;position:relative;}
.hot-review{position:absolute;bottom:0px;right:10px;color:#fff;font-size:40px;}
.hot-story{position:absolute;bottom:0px;right:10px;color:#fff;font-size:32px;}
.img-review{float:left;margin-right: 25px;margin-bottom: 15px;}
.h1-topic{font-size:25px;margin-top:0px;}

.p-review img{height:auto !important;margin:0 auto;}
.p-review strong{color:#333;}
.padding-content{padding:30px;text-align:left;}
.img-first-review{width:100%;max-height:270px;}
.img-next-review{width:100%;max-height:144px;}
.img-next-blogger{width:100%;max-height:180px;}
.img-other-review{max-width:263px;max-height:132px;}

.carousel-control.right{background-image:none;}
.carousel-control.left{background-image:none;}
.banner-top{width:485px;height:80px;margin:10px 0;margin-right:-40px;}

#ul-menu{padding:0px;margin:0px;}
#ul-menu li a{color: #000;display:block;padding: 10px 10px;}
#ul-menu li a:hover{text-decoration: none;background: #000;color:#fff;}
#ul-menu li a.active{background:#000;color: #fff}
.img_t{margin:10px 0;}
.detail-overflow{height:60px;overflow: hidden;}
.overflow-article{height:40px;overflow: hidden;color:#777}
.detail-big{overflow: hidden;max-height:140px;}
.detail-bottom{height: 140px;overflow: hidden;}
.ul-copy-right{font-size:12px;color:#666;}
.div-article-bottom img{padding:5px;border:1px solid #ddd;margin-bottom:10px;}
.btn-menu{font-size: 16px;padding:0px 8px;background:#de1111;color:#fff;border:none;display:none;border-radius: 5px;}
.btn-menu:hover{background:#aa0606;color:#fff;}

.ul-menu-mobile{padding:0px;margin:0px;display:none;}
.ul-menu-mobile li a{display:block;background: #ff3d00;padding:2px 5px;color:#fff;border-bottom:1px solid #e03803;border-top:1px solid #f84d17;}
.ul-menu-mobile li a:hover{text-decoration: none;background: #e03803;bottom-top:1px solid #e03803;border-bottom:1px solid #ca0d0d;}
.ul-menu-mobile li a.active{text-decoration: none;background: #e03803;bottom-top:1px solid #e03803;border-bottom:1px solid #ca0d0d;}
.logo-mobile{display: none;margin-left:10px;}
.angle-left{position: absolute;bottom:40%;}
.angle-right{position: absolute;bottom:40%;}

.angle-left-review{position: absolute;bottom:60%;color:#333;left:10px;}
.angle-right-review{position: absolute;bottom:60%;color:#333;right:10px;}

@font-face {
	font-family: 'Kanit';
	font-style: normal;
	font-weight: 400;
	src: local('Kanit'), local('Kanit-Regular'), url(https://fonts.gstatic.com/s/kanit/v1/RPQGAQk3DD66RypwKRnBKQ.woff2) format('woff2');
	unicode-range: U+0E01-0E5B, U+200B-200D, U+25CC;
}

@media (max-width: 1264px){
}

@media (max-width: 1024px){
}
@media screen and (min-width: 600px) and (max-width: 1000px){
}
@media (max-width: 800px) {
	.col-md-2{width:30%;float:left;margin-bottom:30px;}
	.padding-content{padding:0px;padding-top:20px;}
}

@media (max-width: 768px) {
	header{text-align:center;border-bottom:3px solid #cc0000;background: #fff;overflow: hidden;}
	.icon-social{display: none;}
	#ul-menu{display:none;}
	.div-slide{padding-top:20px;}
	.bottom-line{border:none;}
	.div-article img{width:100%;max-width:427px;}
	.overflow-article{height:auto;max-height:140px !important;}
	.detail-small{display:none;}
	.col-md-2{width:30%;float:left;margin-bottom:30px;}
	.ul-menu-footer{display: none;}
	footer{height:auto;text-align:center;}
	.ul-copy-right{margin-top:10px;}
	.div-article-bottom img{width:100%;max-width:427px;}
	.logo{height:55px;margin-top:-66px;}
	.btn-menu{display:block;float:right;margin-top:14.5px;margin-right: 10px;}
	.div-input{display:none;}
	.div-none-mobile{display:none;}
	.logo-mobile{height:45px;float:left;display: block;}
	.img-first-review{max-height:100%;}
	.img-next-review{max-height:100%;}
	.img-next-blogger{max-height:100%;}
}
@media (max-width: 640px) {

}
@media (max-width: 480px) {

}
@media (max-width: 320px) {
	.col-md-2{width:45%;}
}
@media (max-width: 240px) {
	
}