p{margin:0;}
body{padding-top:150px;} /*** Insert banner header by Vijitra.T :: 2019-05-02 ***/
/*body{padding-top:280px;}*/
nav{background:#333435;font-family:'Kanit', sans-serif;}
nav#mobile{background:#ae1b09;}
.navbar{margin-bottom:0;background:#333435;border:none;}
.logo{float:left;}
.menu{float:left;line-height:50px;margin-left:10px;}
.socialquicklink{float:right;line-height:50px;}
.topnav{background:#333435;}
.topnav .container-fluid{display:table;width:100%;}
.topnav ul{}
.topnav ul li{float:right;}
a.listtopnav{line-height:40px;padding:0 20px;color:#fff;position:relative;float:left;text-decoration:none;}
a.listtopnav:after{content:"";width:1px;height:20px;top:50%;right:0;margin-top:-10px;position:absolute;background:rgba(255, 255, 255, 0.3);}
a.listtopnav:before{content:"";width:1px;height:20px;top:50%;left:0;margin-top:-10px;position:absolute;background:rgba(0, 0, 0, 0.3);}
.topnav ul li:first-child .listtopnav:after{display:none;}
.topnav ul li:last-child .listtopnav:before{display:none;}
a.listtopnav:hover{background:#000;}
.midnav{background:#fff;border-bottom:1px solid #eaeaea;padding:15px 0 10px;height:70px;}
.logo{float:left;width:25%;text-align:center;}
.logomain img{max-height:36px;}
.searchform{float:left;padding:4px 10px;width:30%;height:36px;margin-left:70px;}
.blogsearch{width:100%;border-radius:3px;border:2px solid #D61300;overflow:hidden;height:100%;background:#f5f5f5;}
.txtsearch{float:left;width:90%;padding:0 20px 0 10px;position:relative;background:transparent;border:none;outline:none;border-right:1px solid #eaeaea;line-height:32px;}
 .txtsearch::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
      color: #949494;
  opacity: 1; /* Firefox */
}

.txtsearch:-ms-input-placeholder { /* Internet Explorer 10-11 */
      color: #949494;
}

.txtsearch::-ms-input-placeholder { /* Microsoft Edge */
      color: #949494;
}
.catesearch{float:left;width:40%;border:none;padding:0 10px;height:32px;}
.submitsearch{float:right;width:10%;height:34px;background:#D61300;color:#fff;text-align:center;border:none;outline:none;font-weight:lighter;padding:0;}
.submitsearch i{color:#fff;line-height:32px;font-size:20px;}
.quickmenu{float:left;width:39%;display:table;text-align:center;padding:5px 0;}
.cart{float:left;display:table-cell;margin:0 6px;}
.favorite{float:left;display:table-cell;margin:0 10px;}
.member{float:left;display:table-cell;margin:0 10px;}
.member:hover{color:#d85e64;}
.btnquickmenu{color:#3b3b3c;}
.btnquickmenu:hover{color:#d85e64;}
.iconquickmenu,
.descquickmenu{float:left;position:relative;}
.iconquickmenu i{font-size:26px;line-height:32px;}
.descquickmenu{margin-left:5px;font-size:13px;margin-top:8px;font-family:'Kanit', sans-serif;}
.btnmember{font-size:13px;color:#3b3b3c;}
.btnmember:hover{color:#d85e64;text-decoration:none;}
.regis{line-height:16px;}
.regis{line-height:16px;float:left;border-right:1px solid #aaa;padding-right:8px;padding-left:5px;}
.regis:hover p{color:#d85e64;font-weight:bold;}
.login{line-height:16px;}
.login{line-height:16px;float:left;margin-left:10px;}
.login:hover p{color:#d85e64;font-weight:bold;}
a.btnmember.memberdt{float:left;margin-top:0;border-right:1px solid #aaa;padding-right:9px;margin-left:7px;font-weight:bold;}
a.btnmember.memberdt:hover p{color:#d85e64;font-weight:bold;}
.numitem{position:absolute;top:-2px;right:-6px;width:16px;height:16px;background:#e3301b;font-size:12px;text-align:center;color:#fff;line-height:16px;border-radius:50%;}
.botnav{background:#ae1b09;border:none;}
.botnav .container-fluid{display:table;width:100%;text-align:center;}
.listlinkcate{line-height:40px;margin-right:10px;margin-left:10px;text-align:center;color:#fff;font-weight:400;text-decoration:none;}
.listlinkcate:hover{color:#d85e64;text-decoration:none;}
.cd-top {display: inline-block; height: 45px; width: 45px; position: fixed; bottom: 40px; right: 40px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); overflow: hidden; text-indent: 100%; white-space: nowrap; background: rgba(140, 140, 140, 0.8) url('../images/cd-top-arrow.svg') no-repeat center 50%; visibility: hidden; opacity: 0; -webkit-transition: opacity .5s 0s, visibility 0s .5s; -moz-transition: opacity .5s 0s, visibility 0s .5s; transition: opacity .5s 0s, visibility 0s .5s; z-index: 1000;}
.cd-top.cd-is-visible, .cd-top.cd-fade-out {-webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s;}
.cd-top.cd-is-visible {visibility: visible; opacity: 1;}
.cd-top.cd-fade-out {opacity: .7;}
.cd-top:hover {background-color: #5a5a5a; opacity: 1;}
#mobile{display:none;}
#menu a{text-decoration:none;color:#232323;transition:color 0.3s ease;}
#menu a:hover{color:tomato;}
#menuToggle{float:left;display:block;position:relative;top:0;left:0;z-index:1;-webkit-user-select:none;user-select:none;margin:15px 0 0 15px;}
#menuToggle input{display:block;width:40px;height:32px;position:absolute;top:-7px;left:-5px;cursor:pointer;opacity:0;z-index:2;-webkit-touch-callout:none;}
#menuToggle span{display:block;width:23px;height:3px;margin-bottom:3px;position:relative;background:#fff;border-radius:3px;z-index:1;transform-origin:4px 0;transition:transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), opacity 0.55s ease;}
#menuToggle span:first-child{transform-origin:0% 0%;}
#menuToggle span:nth-last-child(2){transform-origin:0% 100%;}
#menuToggle input:checked ~ span{opacity:1;transform:rotate(45deg) translate(-2px, -1px);background:#232323;}
#menuToggle input:checked ~ span:nth-last-child(3){opacity:0;transform:rotate(0deg) scale(0.2, 0.2);}
#menuToggle input:checked ~ span:nth-last-child(2){opacity:1;transform:rotate(-45deg) translate(0, -1px);}
#menu{position:fixed;width:300px;margin:-50px 0 0 -50px;padding:50px;padding-top:125px;background:#ededed;list-style-type:none;-webkit-font-smoothing:antialiased;transform-origin:0% 0%;transform:translate(-100%, 0);transition:transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);overflow-y: scroll;	top: 30px;	bottom: 0;}
#menu li{padding:10px 0;font-size:16px;}
#menuToggle input:checked ~ ul{transform:scale(1.0, 1.0);opacity:1;}
.listquickmenub{float:right;padding:0 8px;}
.configb{}
.memberb{}
.cartb{}
.iconquickmenub{font-size:20px;color:#fff;line-height:50px;}
.navbmid{float:left;width:100%;padding:10px 20px;background:#912518;}
.searchb{position:relative;}
.searchformb{float:left;width:100%;padding:0 10px 0 30px;line-height:30px;font-size:14px;border-radius:3px;border:none;}
.navbbot{width:100%;background:#fff;float:left;padding:10px 0;}
.navbbot i {font-size: 20px;}
.navbtop {position: relative; z-index: 1000;}
.groupmainmenuv{overflow:auto;-webkit-overflow-scrolling:touch;white-space:nowrap;}
.listmainmenub{display:inline-block;font-size:14px;color:#333;line-height:40px;}
.dropdown-menu{left:-60px;}
.bg_banner{height:160px;}
.img_review img:hover,  .img_review_load img:hover {cursor: pointer;}
.img_review_popup, .img_review_popup_load {width: 100%; border: 1px solid #ccc; background: #fff; padding: 0 20px 20px; margin-top: 10px;}
.img_review_popup img, .img_review_popup_load img {width: 100%;}
.close_load {font-size: 21px; font-weight: 700; line-height: 1; padding: 0; cursor: pointer; background: 0 0; border: 0; opacity: .2; outline: none; -webkit-appearance: none;}
.close_load:hover, .close_load:focus {text-decoration: none; opacity: .5; filter: alpha(opacity=50);}
.vdo_reviews{width: 63%; height: 345px !important; padding-bottom: 0 !important; margin: 0 auto 20px;}
.vdo_reviews iframe {width: 100% !important; height: 100% !important;}
.bestseller_mobile {display:none;}
.listcate {min-height: 300px;}
.template_fivecolumn .listcate {width: 20% !important; min-height: initial;}
.txt-wordwrap {display: -webkit-box; overflow: hidden; min-height: 40px; max-height: 40px; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.physical-info table {border: 1px solid #dcdcdc;}
.physical-info td, .physical-info tr {border: none;}
.physical-info td {padding:0 10px;}
.table_detailproduct {width: 35%;}
#menu .submenu_mobile li{font-size:16px;padding-left:17px;}
.owl-dots {display: none;}
@media all and (min-width:320px){.bg_banner{height:70px;}
}
@media all and (min-width:768px){.bg_banner{height:160px;}
}
@media all and (max-width:1200px){.vdo_reviews {height: 315px !important;}
}
@media all and (max-width:1024px){
	/*#desktop{display:none;}
	#mobile{display:block;}*/
	.logomain img{max-height:32px;}
}
@media all and (max-width:990px){
	.vdo_reviews {height: 235px !important;}
	.bestseller_mobile .listcate:nth-child(n+4), .template_fivecolumn .listcate:nth-child(n+5){display:none;}
	.bestseller_mobile{display:block;}
	.bestseller_mobile .topicblog {background: #d71704; border-radius: 5px 5px 0 0; clear: both; padding: 5px;}
	.topictype.headbestseller {margin: 0;}
	.template_fivecolumn .listcate {width: 30% !important; min-height: 350px;}
	.template_fivecolumn .blog_new_event .listcate {min-height: 265px;}
	.filter_search .col-sm-6 {width: 100%;}
	.filter_search .col-sm-12 {text-align: center;}
	.filter_search .black-btn {width: 200px; float: none !important;}
}
@media all and (max-width:980px){
	body{padding-top:100px;}
	/*body{padding-top: 22.5%;} *** Insert banner header by Vijitra.T :: 2019-05-02 *** */
	/*#desktop{display:none;}
	#mobile{display:block;}*/
    .logobmain{float:left;width:45%;margin-top:10px;margin-left:10px;}
    .logob img{width:auto;height:25px;}
	.owl-carousel.owl-drag .owl-item {border-right: 1px solid #e0e0e0; line-height: 30px; text-align: center; margin-right: 0 !important; padding: 0 15px;}
	.owl-stage .owl-item:nth-last-child(1) {border-right: none; padding-right: 0;}
	.owl-next, .owl-prev {position: absolute; top: 9px;}
	.owl-next span, .owl-prev span {padding:20px 10px;}
	.owl-next:focus, .owl-prev:focus {outline: none;}
	.owl-prev {left: 0;}
	.owl-next {right: 0;}
	.owl-stage-outer {width: 90%; margin: 0 auto;}
	/*.slider {margin-top: 20px;}*/

	/*** banner header by Vijitra.t :: 17-05-2019 ***/
	.toggle_menu {cursor: pointer;}
	#menu {transform: translate(5%, 0); z-index: 2; display: none;}
	#menuToggle input:checked ~ span, #menuToggle input:checked ~ span:nth-last-child(2) {opacity: 0;}
	.close_popup p {font-size: 20px; cursor: pointer;}
}
/*@media all and (max-width:920px) {*/
	/*body{padding-top: 27.5%;} !* *** Insert banner header by Vijitra.T :: 2019-05-02 *** *!*/
/*}*/
/*@media all and (max-width:850px) {*/
	/*body{padding-top: 24%;} !* *** Insert banner header by Vijitra.T :: 2019-05-02 *** *!*/
/*}*/
/*@media all and (max-width:800px) {*/
	/*body{padding-top: 24.5%;} !* *** Insert banner header by Vijitra.T :: 2019-05-02 *** *!*/
/*}*/
/*@media all and (max-width:750px) {*/
	/*body{padding-top: 25.5%;} !* *** Insert banner header by Vijitra.T :: 2019-05-02 *** *!*/
/*}*/
/*@media all and (max-device-width:1366px) {*/
@media all and (max-width: 1194px) {
	#desktop{display:none;}
	#mobile{display:block;}

}
@media all and (max-width:700px) {
	/*body{padding-top: 26.5%;} !* *** Insert banner header by Vijitra.T :: 2019-05-02 *** *!*/
	.box.more-about iframe {width: 400px; height: 225px;}
}
/*@media all and (max-width:650px) {*/
	/*body{padding-top: 27.5%;} !* *** Insert banner header by Vijitra.T :: 2019-05-02 *** *!*/
/*}*/
/*@media all and (max-width:600px) {*/
	/*body{padding-top: 29%;} !* *** Insert banner header by Vijitra.T :: 2019-05-02 *** *!*/
/*}*/
/*@media all and (max-width:560px) {*/
	/*body{padding-top: 30%;} !* *** Insert banner header by Vijitra.T :: 2019-05-02 *** *!*/
/*}*/
/*@media all and (max-width:520px) {*/
	/*body{padding-top: 32%;} !* *** Insert banner header by Vijitra.T :: 2019-05-02 *** *!*/
/*}*/
@media all and (max-width:475px) {
	/*body{padding-top: 34%;} !* *** Insert banner header by Vijitra.T :: 2019-05-02 *** *!*/
	.box.more-about iframe {width: 300px; height: 170px;}
}
/*@media all and (max-width:435px) {*/
	/*body{padding-top: 36%;} !* *** Insert banner header by Vijitra.T :: 2019-05-02 *** *!*/
/*}*/
/*@media all and (max-width:400px) {*/
	/*body{padding-top: 38%;} !* *** Insert banner header by Vijitra.T :: 2019-05-02 *** *!*/
/*}*/
/*@media all and (max-width:385px) {*/
	/*body{padding-top: 39%;} !* *** Insert banner header by Vijitra.T :: 2019-05-02 *** *!*/
	/*.box.more-about iframe {width: 250px; height: 140px;}*/
/*}*/
/*@media all and (max-width:350px) {*/
	/*body{padding-top: 42%;} !* *** Insert banner header by Vijitra.T :: 2019-05-02 *** *!*/
/*}*/
@media all and (max-width:768px){
	.cd-top, .cd-top:hover {height: 50px; width: 50px; bottom: 25px; right: 25px; background: rgba(140, 140, 140, 0.52) url(../images/cd-top-arrow.svg) no-repeat center 50%;}
	.vdo_reviews {width: 100%; height: 0 !important; padding-bottom: 56.25% !important;}
	section[data-id="recommend"] .listcate:nth-child(n+5) {display:none;}
}
@media (max-width:600px) {
	.owl-carousel.owl-drag .owl-item {padding: 0;}
}
@media all and (max-width:500px){
	.template_fivecolumn .blog_new_event .listcate:nth-child(n+4){display:block;}
	.owl-stage-outer {width: 85%;}
}
@media all and (max-width:500px) {
	.filter_search .control-label {width: 35%}
	.filter_search .col-xs-9 {width: 60%;}
}
@media all and (max-width:360px){.logob img{width:auto;height:20px;}
	.filter_search .control-label, .filter_search .col-xs-9, .filter_search .black-btn {width: 100%}
}

/* Portrait and Landscape */
@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px)
and (-webkit-min-device-pixel-ratio: 2) {
	.ribbon {
		background-image: url(http://www.bectero.com/intropage/coronation/assets/img/before/ribbon-mobile-tpm-1.jpg);
	}
	body {padding-top: 0px;}
	.bgswap-cate {margin-top: 70px !important;}
}

/* bgswap */
.bgswap{
	background: #f6f6f6;
}
.bgswap-cate{
	background: #f6f6f6;
}


/* Menu - 25-06-2019 BY MV3W */
@media(max-width:1200px){

	.searchform {
	    padding: 0;
	    margin-left: 10px !important;
	}

	.quickmenu {
    	width: 44%;
    	float: right;
	}

	.listlinkcate {
    	margin: 0 5px;
	}

}


/* Menu */
@media(max-width:990px){
	body{
		padding-top: 100px;
	}
	#menu {
	    transform: translate(5%,0);
	    z-index: 9999;
	    display: none;
	}

	a.close_popup{
		font-size: 20px;
	}
	.navbar{
		min-height: 0;
	}

}

@media(max-width:590px){
	.menumobileNew .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
	/* body.home .navbar-fixed-top{
		background: transparent !important;
	} */
	body.home .navbar-fixed-top.clearHeader{
		background: transparent !important;
	}
	body.home .navbar-fixed-top.redHeader{
		background: #ae1b09!important;
	}
	body{padding-top:0px;}

	.smenu {
	    background: #f0f0f0;
		border: 1px solid #ccc;
	    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	    left: 0px;
	    margin: 5px 7px;
	    opacity: 0;
	    padding: 0;
	    position: absolute;
	    /* top: 0px; */
	    -webkit-transition: opacity 0.2s ease-in-out, top 0.2s ease-in-out;
	    -moz-transition: opacity 0.2s ease-in-out, top 0.2s ease-in-out;
	    transition: opacity 0.2s ease-in-out, top 0.2s ease-in-out;
	}

	/* .smenu:after {
	    background-color: #FFF;
		border-bottom: 1px solid #CCC;
	    border-right: 1px solid #CCC;
	    bottom: -7px;
	    content: '';
	    display: inline-block;
	    height: 10px;
	    left: 50px;
	    position: absolute;
	    width: 10px;
	    -webkit-transform: rotate(45deg);
	    -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	    transform: rotate(45deg)
	} */
	.smenu:after, .smenu:before {
		top: 100%;
		left: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
	}

	.smenu:after {
		border-color: rgba(255, 255, 255, 0);
		border-top-color: #f0f0f0;
		border-width: 10px;
		margin-left: -10px;
	}
	.smenu:before {
		border-color: rgba(204, 204, 204, 0);
		border-top-color: #ccc;
		border-width: 11px;
		margin-left: -11px;
	}

	.smenu li {
	    border-bottom: 1px solid #ccc;
	    list-style-type: none;
	    margin: 0;
	    width: 100px;
	}
	.smenu li a{
		font-size: 16px;
		padding: 10px 5px;
		text-decoration: none;
		display: block;
	}

	.smenu li:hover {
	    background-color: #fafafa;
	}

	.smenu .facebook:hover {
	    background-color: #4C66A4;
	    color: #FFF !important;
	}

	.smenu .twitter:hover {
	    background-color: #019AD2;
	    color: #FFF !important;
	}

	.smenu .line:hover {
	    background-color: #019AD2;
	    color: #FFF !important;
	}

	.smenu li:last-child {
	    border-bottom: none;
	}

	.smenu.share {
	    opacity: 1;
	    bottom: 65px;
	}

	.nav-share i{
		color: #d3d3d3;
	}
}