@charset "UTF-8";
@import url(button.css);
/* CSS Document */

body, html{padding:0; margin:0; line-height:16pt; font-family: 'Noto Sans Thai', sans-serif;}
body{background:#fff;}
a, a:active, a:focus{text-decoration:none; outline:0;}
#header{ background:#f2f2f2; height:155px; width:100%;}
#logo{ margin-top:10px;}
.content_container{width:990px; float:none; margin:auto;}
.header_right{margin-top:30px;}
#header_top{ height:5px; background:#90030e; width:100%;}
.clear{clear:both;}
.footer_text_top{ background:#f6eee3; width:100%; padding:12px 0; font-size:12px; line-height:14pt;}
.footer_text_top h3{font-family:'Noto Sans Thai', Times, serif; font-size:18px; color:#000;}
.footer_text_top ul{margin:0; padding:0; list-style:none; margin-top:10px;}
.footer_text_top ul li{ padding:4px 0;}
.footer_text_top ul li img.icon_footer{margin-right:15px;}

.footer_text_bottom{background:#292929; color:#FFF; width:100%; font-size:12px; padding:10px 0; position: relative;}

.navmenu{ display:block; background:#cfd9e2; height:46px; margin-top:13px;}
.navmenu ul{list-style:none; margin:0; padding:0;}
.navmenu ul li{float:left; padding:12px 12px;}
.navmenu ul li:first-child{background:url(../images/home_icon.png) no-repeat 10px 8px; padding-left:40px;}
.navmenu ul li a{font-size:16px; color:#333; font-family: 'Noto Sans Thai', sans-serif;}

.navmenu ul li a:active{color:#fff !important; }
.navmenu ul li a:hover{text-decoration:none;color:#fff;}
.navmenu ul li.active{ background:#37ad1d;}
.navmenu ul li:hover{ background:#62c94c;}
.navmenu ul li:first-child:hover, .navmenu ul li:first-child.active{background: #37ad1d url(../images/home_icon.png) no-repeat 10px 8px; padding-left:40px;}

#pageHeaderTopic{font-weight:normal; margin-bottom:3rem;}
.badge-support {
	background-color: #0d8bcd;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
	border-radius: 5px 5px 0 0;
	color: #fff;
	display: block;
	position: fixed;
	margin-top: -60px;
	top: 50%;
	right: -65px;
	transform: rotate(-90deg);
	z-index: 999;
	transition: all 0.35s;
}
.badge-support:hover {
  background-color: #0c83c1;
  right: -58px;
}

.badge-support a {
  color: #fff;
  display: block;
  padding: 8px 20px 18px 20px;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0.5px;
}

.badge-support a:hover,
.badge-support a:focus,
.badge-support a:active {
    text-decoration: none;
    color: #fff;
}

.footer_info a,.footer_info ul li a{
    color:rgba(19,19,19,1.00);
}
#wrapper{width:990px; float:none; margin:auto;}
#mainbanner{margin:0 0 20px 0; padding-top:8px;}

.breadcrump{clear:both; display:block; margin:10px 0 10px -10px; padding:10px 0 10px 12px; border-bottom:solid 1px #d0d0d0; margin-bottom:30px;}
.breadcrump ul{padding:0; margin:0; list-style:none;}
.breadcrump ul li{float:left; padding-left:4px 12px; color:#a90110;}
.breadcrump ul li a{text-decoration:none; color:#1b5203; outline:none;}
.breadcrump ul li span{padding:0 10px;}
.breadcrump ul li:last-child span{visibility:hidden;}

.content_bg{ background:#e0e3b8; padding:8px; min-height:310px;}
.content_block{padding:12px 10px;}
.topic_inside, .topic_inside span{font-size:20px; font-weight:300; letter-spacing:1px; color:#000; margin-bottom:15px; border-bottom: 2px solid #e7e7e7; padding-bottom:10px;}
.topic_inside span{border-bottom: 2px solid #8ca86e; padding-bottom:8px;}
.category_img{ width:100%; height:160px; overflow:hidden;}
.category_img img{width:auto;float:none; margin:auto;}
.category_name{ text-align:center; color:#777; margin-bottom:15px; height:40px; overflow:hidden;}
.error{color:#F00;}

/* --------------------- DropDown Menu ---------------------------*/
.sidebar-nav {
    padding: 9px 0;
}
li.dropdown{position:relative;}

.dropdown-menu{width:760px !important; margin-left:12px !important; min-height:360px !important;}
.dropdown-menu-cs{width:500px !important; margin-left:-20px !important; min-height:360px !important;}
/*.dropdown-menu li{width:300px; margin-left:15px; position:relative;}*/
.dropdown-menu .sub-menu li{ margin-left:0;}
.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
	box-shadow:none;
}

.dropdown-menu li:hover>#accordion, .dropdown-menu li:hover>#accordion2 {
    visibility: visible;
	padding-left:10px;
}

.dropdown-menu li>.sub-menu:hover, .dropdown-menu li a>.sub-menu:hover {
	color:#878787 !important;
}


/*.dropdown:hover .dropdown-menu {
    display: block;
}*/

.navmenu ul li ul.dropdown-menu li .dropdown_list,.navmenu ul li ul.dropdown-menu li{padding:8px 15px; padding-left:0 !important; }
.sub-menu{margin:0; margin-left:-15px; width:320px !important;}
.sub-menu li{padding:0px 15px !important;}

.navmenu ul li ul.dropdown-menu li .dropdown_list  a{font-size:15px; color:#878787 !important; font-family: 'Noto Sans Thai', sans-serif; font-weight:lighter; padding:8px 0;}

.navmenu ul li ul.dropdown-menu li a:hover{background:0 !important; font-size:14px !important}
.navmenu ul li ul.dropdown-menu li:first-child{background:none;}
.navmenu ul li.cssupport{display: block; background:none!important; clear: left;}

.navmenu ul li ul.dropdown-menu li .dropdown_list  a:hover{background:0 !important;  color:#c83a3a !important;}
.navmenu ul li ul.dropdown-menu li .dropdown_list li:first-child{background:none; padding-left:0 !important;}
.navmenu ul li ul.dropdown-menu li .dropdown_list li:hover{background:none !important; color:#c83a3a !important;}

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
    margin-top: 0;
}
.navmenu .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;
}
.navmenu .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px;
}

#accordion,#accordion2,#accordion_shipping{margin-left:40px;}
#accordion h4.panel-title, #accordion h4.panel-title a,#accordion2 h4.panel-title, #accordion2 h4.panel-title a{color:#333 !important; font-size:14px !important;}
#accordion .panel-body ul, #accordion2 .panel-body ul{margin-left:5px; width:100% !important;}
#accordion .panel-body ul li a, #accordion2 .panel-body ul li a{color:#333 !important; font-size:12px; padding:4px 5px 10px;}
#accordion2 .panel-body ul li a:hover{color:#b82f38 !important;}
#accordion .panel-body ul li,#accordion2 .panel-body ul li{background:none; margin-left:0px; border-bottom:solid 1px #e0e0e0; display:block; float:unset;}
#accordion .panel-body ul li.productslist:hover, #accordion .panel-body ul li.productslist:hover a{color:#a90112 !important;}
#accordion .panel-body ul li.productslist>.product_info{ visibility:visible;}

#accordion2 .panel-body ul li.productslist:hover, #accordion2 .panel-body ul li.productslist:hover a{color:#a90112 !important;}
#accordion2 .panel-body ul li.productslist>.product_info{ visibility:visible;}

#accordion .panel-default > .panel-heading:hover, #accordion .panel-default > .panel-heading:hover a{background:#a90112 !important; color:#FFF !important;}
#accordion .panel-default > .panel-body:hover .panel-heading{background:#a90112 !important; color:#FFF !important;}
#accordion2 .panel-default > .panel-heading:hover, #accordion2 .panel-default > .panel-heading:hover a{background:#a90112 !important; color:#FFF !important;}
#accordion2 .panel-default > .panel-body:hover .panel-heading{background:#a90112 !important; color:#FFF !important;}

#accordion_shipping .panel-body ul li.productslist:hover, #accordion_shipping .panel-body ul li.productslist:hover a{color:#a90112 !important;}
#accordion_shipping .panel-body ul li.productslist>.product_info{ visibility:visible;}

#accordion_shipping .panel-default > .panel-heading:hover, #accordion_shipping .panel-default > .panel-heading:hover a{background:#a90112 !important; color:#FFF !important;}
#accordion_shipping .panel-default > .panel-body:hover .panel-heading{background:#a90112 !important; color:#FFF !important;}
#accordion_shipping .panel-default > .panel-heading:hover, #accordion_shipping .panel-default > .panel-heading:hover a{background:#a90112 !important; color:#FFF !important;}
#accordion_shipping .panel-default > .panel-body:hover .panel-heading{background:#a90112 !important; color:#FFF !important;}

.panel-body{padding:4px !important;}
/*.panel-body ul li{width:260px !important;}*/
.category_topic{font-size:22px; font-weight:400; margin-left:15px;}
.product_name, .product_name a{color:#333; text-align:center;}
.product_name:hover,.product_name a:hover{color:#a90110;}
.img_product_list{ padding:0;list-style:none; margin:20px 10px;}
.img_product_list li{ float:left; margin:5px; width:80px; height:100px;}
.img_product_list li img{width:100%; height:100%; cursor:pointer;}

/* --------------------------- DropDown Menu ----------------------- */

.demodvd_img img{margin-left:15px;}
#leftproduct{ width:100%; min-height:300px; background:#eeeeee; border-radius:8px;}
.leftproduct_topic{ background:#b39770; padding:5px; color:#fff;}
#leftproduct a{ color:#364143;}
#leftproduct a:active, a:focus,a:hover{ color:#ce373c;}
#leftproduct ul li{ line-height:30px;}

.ads_img{margin-bottom:10px;height:130px !important;}

li.product-cs{position: relative!important;}
li.product-cs .cs_list{ min-width: 260px !important; top: 0; left: 200px; background:rgba(167,226,61,0.60); border: solid 3px #A7E23D; border-radius: 5px;}
.navmenu ul li ul.dropdown-menu li.product-cs a.cs_item{padding: 4px 12px!important;}
.navmenu ul li ul.dropdown-menu li.product-cs a.cs_item:hover{background:#A7E23D !important; font-size:12px !important; border-radius: 10px;}
.navmenu ul li ul.dropdown-menu li.shipping-cs:hover{background:#A7E23D !important; font-size:12px !important; border-radius: 10px;}
.navmenu ul li ul.dropdown-menu li.product-cs:hover{background:#A7E23D !important; font-size:12px !important; border-radius: 10px;}

.drop-down-support{ left: -100px !important;}
.drop-down-support>ul.dropdown-menu{margin-left: 80px !important;}

@media (max-width: 480px)
{
	.content_container{width:100%;}
	#wrapper{width:92%;}
	
	#header{ background:#f6eee3; height:180px; width:100%;}
	.header_right{margin-top:20px !important;}
	#logo{ margin-top:20px; text-align:center;}
	
	.navmenu{ display:block; background:#b39770; height:46px; margin-top:10px;}
	.navmenu ul{list-style:none; margin:0; padding:0;background:#b39770;}
	.navmenu ul li{float:none !important; padding:10px 5px;}
	.navmenu ul li:first-child{background:url(../images/home_icon.png) no-repeat 10px 8px; padding-left:40px;}
	.navmenu ul li:hover{ background:#ca4e5a;}
	.navmenu ul li a{font-size:13px; color:#FFF; font-family: 'Noto Sans Thai', sans-serif; font-weight:normal;}
	.navmenu ul li a:hover{text-decoration:none;}
	.navmenu ul li.active{ background:#a90112;}
	.navmenu ul li:first-child:hover, .navmenu ul li:first-child.active{background: #a90112 url(../images/home_icon.png) no-repeat 10px 8px; padding-left:40px;}
	.demodvd_img img{margin-left:0px;}

     .pikachoose {width: 90%; margin: 0 auto;}
     .pika-stage, .pika-textnav {width: 90%;}
     .pika-stage img{ width:100%;}
	 
	 .ads_img{margin-bottom:10px;height:auto !important;}
	#bs-example-navbar-collapse-1{z-index:99999999999999999999999 !important;}
	
	.category_img{ width:100%; height:150px; overflow:hidden;}
	.category_img img{width:auto; height:100%; float:none; margin:auto;}
	.category_name{ text-align:center; color:#777; margin-bottom:5px; height:40px; overflow:hidden;}
	
	#leftproduct ul{ margin-left:0px; padding:15px;}
}

/*@media (max-width: 767px){
	.content_container{width:767px; float:none; margin:auto;}
	#wrapper{width:767px; float:none; margin:auto;}
}*/

.image_gallery_slide{padding:0; list-style:none; width:900px; float:none; margin:auto !important;}
.image_gallery_slide li{float:left; margin:15px !important;}
/* FlexSlider Default Theme
*********************************/
.flexslider {position: relative;zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { display: block; width: 40px; height: 50px; margin: -30px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 1; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; background:none !important; font-weight:lighter;}
.flex-direction-nav .flex-prev { left: -40px;}
.flex-direction-nav .flex-next { right: -40px; text-align: right;}
.flexslider:hover .flex-prev { opacity: 1; left: -40px; }
.flexslider:hover .flex-next { opacity: 1; right: -40px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0.2 !important; filter:alpha(opacity=0.2); cursor: default; }
.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; font-weight:lighter;}
.flex-direction-nav a.flex-next:before  { content: '\f002'; font-weight:lighter;}

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -20px; text-align: center; visibility:hidden;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 30%; float: left; margin: 0;}
.flex-control-thumbs img {width: 280px; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
.news-content img{ width:80%; float: none; margin: auto;}
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}
.best_seller img{ max-height:254px !important;}
@media (max-width: 480px)
{
	.best_seller img{ max-height:156px !important;}
}