@import url('/global/all.css');
@import url('/global/css/font-awesome.min.css');
html,*{margin:0;padding:0}
body{color:#222;font:400 14px/20px Arial;margin:0;padding:0}

@font-face {
    font-family: 'OpenSans';
    src: url('/font/opensans_regular.eot');
    src: url('/font/opensans_regular.eot?#iefix') format('embedded-opentype'),
         url('/font/opensans_regular.woff') format('woff'),
         url('/font/opensans_regular.ttf') format('truetype'),
         url('/font/opensans_regular.svg#OpenSans') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSansSemibold';
    src: url('/font/opensans_semibold.eot');
    src: url('/font/opensans_semibold.eot?#iefix') format('embedded-opentype'),
         url('/font/opensans_semibold.woff') format('woff'),
         url('/font/opensans_semibold.ttf') format('truetype'),
         url('/font/opensans_semibold.svg#OpenSansSemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SFUGoudyMedium';
    src: url('/font/SFUGoudyMedium.eot');
    src: url('/font/SFUGoudyMedium.eot?#iefix') format('embedded-opentype'),
         url('/font/SFUGoudyMedium.woff2') format('woff2'),
         url('/font/SFUGoudyMedium.woff') format('woff'),
         url('/font/SFUGoudyMedium.ttf') format('truetype'),
         url('/font/SFUGoudyMedium.svg#SFUGoudyMedium') format('svg');
}

a{color:#333;outline:none;text-decoration:none}
ul,li,ol{list-style:none}
.clearfix:after{clear:both;content:" ";display:block;height:0;visibility:hidden}
* html .clearfix{height:1%}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
img {border:none;outline:none;max-width:100%;height: auto;}
.clearfix {clear: both;}
.clear {clear: both;}
.absolute {position: absolute;}
.isLeft {float: left}
.isRight {float: right}

/* ========== MAIN DIV THAT HOLDS THE ENTIRE MENU ========== */

.menu{
	width:100%;
	height:34px;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
	}
.menu ul, .menu ol{
	margin:0;
	padding:0;
	list-style:none;
	}
/* ========== FLOAT ========== */
.menu .left{
	float:left;
	}
.menu .right{
	float:right;
	}	
/* ========== DIV THAT HOLDS MAIN LINKS ========== */
.menu ul{
	position:relative;
	}
/* ========== MAIN LINKS ========== */
.menu ul li{
	float:left;
	}
.menu ul li.menu_right{
	position:relative;
	}
.menu > ul > li:first-child a{
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	}
.menu ul > li > a{
	display:block;
	height:34px;
	padding:0 20px 0 15px;
	font: 400 14px/34px Arial;
	color:#527bc5;
	text-decoration:none;
	-webkit-transition:color 180ms linear 20ms, background 180ms linear 20ms;
	-moz-transition:color 180ms linear 20ms, background 180ms linear 20ms;
	-ms-transition:color 180ms linear 20ms, background 180ms linear 20ms;
	-o-transition:color 180ms linear 20ms, background 180ms linear 20ms;
	transition:color 180ms linear 20ms, background 180ms linear 20ms;
	}
.menu ul li a i.iroot {background: url('/images/global/icon_total.png') no-repeat -25px -46px transparent;width:7px;height:5px;position:absolute;display: block;right:8px;top:15px}

.menu ul > li > a.rboloc{
	display:block;
	height:34px;
	padding:0;
	font: 400 14px/34px Arial;
	color:#527bc5;
	text-decoration:none;
	-webkit-transition:color 180ms linear 20ms, background 180ms linear 20ms;
	-moz-transition:color 180ms linear 20ms, background 180ms linear 20ms;
	-ms-transition:color 180ms linear 20ms, background 180ms linear 20ms;
	-o-transition:color 180ms linear 20ms, background 180ms linear 20ms;
	transition:color 180ms linear 20ms, background 180ms linear 20ms;
	}
/* ========== MAIN LINKS ON MOUSEOVER ========== */
.menu ul:hover li.active a{
	
	}
.menu ul li.active a, .menu ul li:hover > a, .menu ul li.active:hover > a{
	background:#527bc5;
	color:#fff;
	}
/* ========== MAIN LINKS ON MOUSE CLICK ========== */	
.menu ul li a:active, .menu ul li.active a:active{
	color:#fff;
	}
/* ========== CLASSIC/MEGA MENU ========== */	
.menu ul ul, .menu .mega_menu{
	position:absolute;
	visibility:hidden;
	opacity:0;
	z-index:11;
	background:#fff;
	border:solid 1px #ddd;
	-webkit-border-radius:0 0 4px 4px;
	-moz-border-radius:0 0 4px 4px;
	border-radius:0 0 4px 4px;
	-webkit-transition:all 150ms linear 10ms;
	-moz-transition:all 150ms linear 10ms;
	-ms-transition:all 150ms linear 10ms;
	-o-transition:all 150ms linear 10ms;
	transition:all 150ms linear 10ms;
	}
/* ========== MEGA MENU ========== */		
.menu .mega_menu{
	padding:5px 8px;
	}
/* ========== CLASSIC/MEGA MENU ON MOUSEOVER ========== */
.menu ul li:hover > ul, .menu ul li:hover .mega_menu{
	visibility:visible;
	opacity:1;
	}
/* ========== LINKS IN CLASSIC MENU ========== */	
.menu ul ul li{
	float:none;
	position:relative;
	}
.menu ul ul li a{
	position:relative;
	min-width:185px;
	padding:5px 10px;
	font: 400 14px/18px Arial;
	color:#444;
	border-bottom: dotted 1px #d3d3d3;
	border-right:none;
	}
.menu ul ul li:last-child a{
	border-bottom: dotted 0px #1d8f95;
	padding-bottom:1px;
	-webkit-border-radius:0 0 4px 4px;
	-moz-border-radius:0 0 4px 4px;
	border-radius:0 0 4px 4px;
	}	
.menu ul ul li a i{
	position:absolute;
	top:6px;
	right:12px;
	font: 400 14px Arial;
	}
/* ========== LINKS ON MOUSEOVER IN CLASSIC MENU ========== */
.menu ul ul li:hover > a{
	background:#fff;
	color:#527bc5;
	}
/* ========== LINKS ON MOUSE CLICK IN CLASSIC MENU ========== */
.menu ul ul li a:active{
	color:#527bc5;
	}
/* ========== CLASSIC MENU LVL 2,3,4,... ========== */	
.menu ul ul ul li:first-child a{
	-webkit-border-top-right-radius:4px;
	-moz-border-top-right-radius:4px;
	border-top-right-radius:4px;
	}
.menu ul ul ul{
	left:100%;
	top:0;
	margin-left:1px;
	border-top-right-radius:4px;
	}
.menu ul ul ul li a{
	position:relative;
	padding:5px 15px;
	font: 400 14px/18px Arial;
	color:#444;
	border-bottom: dotted 1px #d3d3d3;
	border-right:none;
	}
/* ========== MEGA MENU ALIGNED TO THE RIGHT SIDE ========== */	
.menu ul li.menu_right .mega_menu{
	right:0;
	}	
/* ========== DIFFERENT SIZE OF MEGA MENU ========== */
.menu .size1{
	width:150px; /* + 10px from left and right side, width=170px */
	}
.menu .size2{
	width:250px; /* + 10px from left and right side, width=270px */
	}	
.menu .size3{
	width:350px; /* + 10px from left and right side, width=370px */
	}
.menu .size4{
	width:450px; /* + 10px from left and right side, width=470px */
	}
.menu .size5{
	width:550px; /* + 10px from left and right side, width=570px */
	}
.menu .size6{
	width:650px; /* + 10px from left and right side, width=670px */
	}
.menu .size7{
	width:750px; /* + 10px from left and right side, width=770px */
	}
.menu .size8{
	width:850px; /* + 10px from left and right side, width=870px */
	}
.menu .full_width{
	width:1000px; /* + 10px from left and right side, width=980px. 980px is the width of the Menu */
	left:0;
	padding:9px 12px 2px;
	}	
/* ========== HEADINGS IN MEGA MENU ========== */
.menu h1, .menu h2, .menu h3, .menu h4, .menu h5, .menu h6{
	margin:0;
	font-family:"BebasNeue";
	font-weight:normal;
	color:#64C1FF;
	}
.menu h1{
	font-size:24px;
	}
.menu h2{
	font-size:20px;
	}
.menu h3{
	font-size:18px;
	}
.menu h4{
	font-size:16px;
	}
.menu h5{
	font-size:14px;
	}
.menu h6{
	font-size:12px;
	}
/* ========== CLASSIC LINKS IN MEGA MENU ========== */
.menu .mega_menu a{
	display:inline;
	padding:0;
	color:#444;
	font: 400 13px/28px Arial;
	text-transform:none;
	text-decoration:none;
	border:none;
	-webkit-transition:color 160ms linear 20ms;
	-moz-transition:color 160ms linear 20ms;
	-ms-transition:color 160ms linear 20ms;
	-o-transition:color 160ms linear 20ms;
	transition:color 160ms linear 20ms;
	}
.menu .mega_menu a:hover{
	color:#ff0000;
	}
/* ========== IMAGES INSIDE LINK IN MEGA MENU ========== */		
.menu .mega_menu a img{
	margin:0 0 0 3px;
	opacity:0.7;
	-webkit-transition:opacity 160ms ease-in 10ms;
	-moz-transition:opacity 160ms ease-in 10ms;
	-ms-transition:opacity 160ms ease-in 10ms;
	-o-transition:opacity 160ms ease-in 10ms;
	transition:opacity 160ms ease-in 10ms;
	}
.menu .mega_menu a img:hover{
	opacity:1;
	}
.menu .mega_menu a img:active{
	opacity:0.8;
	}	
/* ========== TYPOGRAPHY IN MEGA MENU ========== */	
.menu .mega_menu p{
	margin:0;
	padding:0;
	font: 400 13px/28px Arial;
	}
.menu .mega_menu .one, .menu .mega_menu .one_half, .menu .mega_menu .one_thirds, .menu .mega_menu .two_thirds, .menu .mega_menu .one_fourth,.menu .mega_menu .three_fourths{
	margin:0 2%;
	padding:0;
	float:left;
	}	
.menu .mega_menu .one{
	width:98%;
	}	
.menu .mega_menu .one_half{
	width:48%;
	}
.menu .mega_menu .one_thirds{
	width:29.33%;
	border-bottom: dotted 1px #d3d3d3;
	}	
.menu .mega_menu .two_thirds{
	width:64.67%;
	}
.menu .mega_menu .one_fourth{
	width:23%;
	}	
.menu .mega_menu .three_fourths{
	width:73%;
	}		
/* ========== IMAGES IN MEGA MENU ========== */		
.menu .mega_menu img{
	margin:3px 0 0 5px;
	/*border:solid 1px #222;
	-webkit-box-shadow:0 0 3px #222;
	-moz-box-shadow:0 0 3px #222;
	box-shadow:0 0 3px #222;*/	
	}
.menu .mega_menu img.left{
	margin:3px 7px 4px 0;
	}
.menu .mega_menu img.right{
	margin:3px 0 4px 7px;
	}
/* ========== PORTFOLIO IN MEGA MENU ========== */	
.menu .mega_menu .portfolio li{
	display:inline-block;
	vertical-align:top;
	width:232px;
	margin:2px 7px 10px;
	float:none;
	*float:left;
	}	
.menu .mega_menu .portfolio li a{
	display:block;
	height:auto;
	}
.menu .mega_menu .portfolio li a img{
	width:100%;
	height:105px;
	margin:0;
	float:left;
	opacity:0.75;
	border:solid 1px #111;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	-webkit-box-shadow:0 0 3px #222;
	-moz-box-shadow:0 0 3px #222;
	box-shadow:0 0 3px #222;
	-webkit-transition:opacity 140ms ease-in 10ms;
	-moz-transition:opacity 140ms ease-in 10ms;
	-ms-transition:opacity 140ms ease-in 10ms;
	-o-transition:opacity 140ms ease-in 10ms;
	transition:opacity 140ms ease-in 10ms;
	}	
.menu .mega_menu .portfolio li p{
	margin:2px 5px 0;
	font:11px/11px Tahoma, Geneva, sans-serif;
	text-align:left;
	color:#888;
	float:left;
	}
.menu .mega_menu .portfolio li a:hover img{
	opacity:1;
	}
.menu .mega_menu .portfolio li a:active img{
	opacity:0.85;
	}		
/* ========== LISTS IN MEGA MENU ========== */
.menu .mega_menu .list{
	display:inline-block;
	vertical-align:top;
	width:183px;
	margin:0 8px 7px 9px;
	padding:0;
	*float:left;
	}	
.menu .mega_menu .list li{
	width:100%;
	border-bottom: #ccc 1px dotted;
	float:left;
	}	
.menu .mega_menu .list li.headline{
	border-bottom: #ccc 1px dotted;
	}
.menu .mega_menu .list li.headline h3, .menu .mega_menu .list li.headline h3 a{
	margin:3px 0 5px 0;
	font: bold normal 14px tahoma;
	color:#bd0a0d;
	}
.menu .mega_menu .list li.headline h3 a{
	margin-left:0;
	}
.menu .mega_menu .list li a{
	margin:0;
	padding:0;
	font:13px/30px Tahoma, Geneva, sans-serif;
	color:#616161;
	text-transform:none;
	text-decoration:none;
	border:none;
	}
.menu .mega_menu .list li:hover a{
	background:none;
	}
.menu .mega_menu .list li a:hover, .menu .mega_menu .list li.headline h3 a:hover{
	color:#222;
	}
.menu .mega_menu .list li a:active, .menu .mega_menu .list li.headline h3 a:active{
	color:#222;
	}
/* ========== BLOG IN MEGA MENU ========== */
.menu .mega_menu .blog_post{
	margin-bottom:10px;
	padding:5px;
	overflow:hidden;
	background:#373737;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	} 	
.menu .mega_menu .blog_post h2{margin-bottom:3px;padding-bottom:3px;color:#555;border-bottom:solid 1px #2E2E2E;}
.menu .mega_menu .blog_post p{font-size:11px;color:#888;}
.menu .mega_menu .blog_post .read_more{margin-top:-5px;height:auto;float:right;font:11px Tahoma, Geneva, sans-serif;color:#555;text-decoration:none;}
.menu .mega_menu .blog_post .read_more:hover{color:#64C1FF;}

.icons {display:inline-block;background-image:url('/images/global/sprite.png');background-repeat: no-repeat;vertical-align:top}
i.icons.icon-hotro{width:25px;height:23px;background-position:-195px -269px;margin:5px 5px 0 0;}
i.icons.icon-tragop{width:23px;height:23px;background-position:-232px -269px;margin:4px 5px 0 0;}
i.icons.icon-km{width:25px;height:23px;background-position:-153px -270px;margin:4px 5px 0 0;}
i.icons.icon-news{width: 29px;height: 28px;background-position: -264px -268px;margin:4px 5px 0 0;}
i.icons.icon-cart{width:28px;height:25px;background-position:-55px -48px;float:left;margin:3px;}

/* START HEADER */
#header{}

#header .top{width:100%;height:34px;background:#222}
#header .top .box{position:relative;width:1200px;margin:0 auto;background:#222}
#header .top .box ul {margin:0;padding:0;list-style-type:none}
#header .top .box ul li {display:inline-block;vertical-align:top;margin:0 15px 0 0;padding:0;list-style-type:none;font:400 13px/34px Arial;color:#fff;}
#header .top .box ul li a{display:block;padding:0;font:400 13px/34px Arial;color:#fff;}
#header .top .box ul li a:hover{color:#ff0;}

#header .top .box ul li a.hotro{display:block;padding:0;font:400 13px/34px Arial;color:#fff;cursor:pointer}
#header .top .box ul li a.hotro:hover{color:#ff0;}
a.htactive{color:#ff0 !important;}
#header .top .box .boxhotro{display:none;width:100%;background-color:#ffffcc;height:auto;z-index:99999;position:absolute;top:34px;border:1px solid #ddd;padding:10px;left:0;box-shadow:0 3px 5px #ddd;color:#333;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	}
#header .top .box .boxhotro ul {margin:0;padding:0;list-style-type:none}
#header .top .box .boxhotro ul li {width:40%;display:inline-block;vertical-align:top;margin:0;padding:0 10px;list-style-type:none;font:400 14px/22px Arial;color:#222;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	}
#header .top .box .boxhotro ul li:last-child{width:60%;padding-right:0;border-left: 1px dotted #222;}
#header .top .box .boxhotro ul li ul{margin:0;padding:0;list-style-type:none}
#header .top .box .boxhotro ul li ul li{width:50%;}
#header .top .box .boxhotro ul li ul li:last-child{width:50%;border:none}

#header .top .box .boxhotro ul li p {margin:0;padding:5px 0;font:400 14px/20px OpenSansSemiBold;color:#222;}
#header .top .box .boxhotro ul li p.head {padding:5px 0 0;font:400 14px/20px OpenSansSemiBold;color:#f00;}
#header .top .box .boxhotro ul li p.head span{font:400 italic 14px/20px OpenSansSemiBold;color:blue;}

#header .top .box .boxhotro ul li ul.item1{margin:0;padding:10px 0 0;list-style-type:none}
#header .top .box .boxhotro ul li ul.item1 li{width:50%;margin:0;padding:3px 0;}
#header .top .box .boxhotro ul li ul.item1 li:first-child{width:50%;border:none}
#header .top .box .boxhotro ul li ul.item1 li div.cssSky{display:inline-block;width:22px;vertical-align:top;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	}
#header .top .box .boxhotro ul li ul.item1 li div.cssText{display:inline-block;width:90%;vertical-align:top;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	}
#header .top .box .boxhotro ul li ul.item1 li div.cssText a{font:400 13px/20px Arial;color:#222;}
#header .top .box .boxhotro ul li ul.item1 li div.cssText a:hover{color:#f00;}

#header .top .box .boxhotro ul li ul.item2{margin:0;padding:0;list-style-type:none}
#header .top .box .boxhotro ul li ul.item2 li{width:100%;margin:0;padding:3px 0;}
#header .top .box .boxhotro ul li ul.item2 li:last-child{}

#header .top .box .boxhotro ul li ul.item2 li div.cssSky{display:inline-block;width:22px;vertical-align:top;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	}
#header .top .box .boxhotro ul li ul.item2 li div.cssText{display:inline-block;width:90%;vertical-align:top;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	}
#header .top .box .boxhotro ul li ul.item2 li div.cssText a{font:400 13px/20px Arial;color:#222;}
#header .top .box .boxhotro ul li ul.item2 li div.cssText a:hover{color:#f00;}
	
#header .hebox{position:relative;width:1200px;margin:0 auto;}
#header .hebox .logo{display:inline-block;vertical-align:top;padding:15px 10px 10px 10px;min-width:15%;}
#header .hebox .logo img {max-height:75px}

#header .hebox .mlogo{display:none;vertical-align:top;padding:10px 10px 5px 10px;min-width:15%;}
#header .hebox .mlogo img {max-height:85px}

#header .hebox .hcart{position:absolute;top:10px;right:0;}
#header .hebox .hcart .hotline{display:inline-block;vertical-align:top;font:400 16px/30px Arial;color:#e00;text-transform:uppercase;padding:3px 25px 0 0;}
#header .hebox .hcart .hotline b{font:bold 24px/30px Arial;}
#header .hebox .hcart .hotline a{font:bold 24px/30px Arial;color:#0265cb;text-decoration:none}
#header .hebox .hcart .hotline a:hover{color:#e00;}
#header .hebox .hcart .head{display:inline-block;vertical-align:top;height:34px;background:#d00;font:400 14px/34px Arial;color:#fff;padding:0 5px;border-radius:4px;-moz-border-radius:4px;}
#cartnum{display:inline-block;width:20px;height:20px;border-radius:100%;background:#fff;color:#e00;line-height:20px;text-align:center;margin-left:5px;}

#header .mnubox{width:100%;background:#1879c1;border-top:#222 2px solid;}

#header .hemnu{position:relative;width:1200px;margin:0 auto;height:38px;font:400 13px/38px Arial;color:#fff;}

/* PC MENU */
#header .hemnu .main-menu{float:left;position:relative;cursor:pointer;}

.main-cmenu:hover ul {display:block !important;top:38px !important;}

#header .hemnu .main-menu .title{text-transform:uppercase;width:220px;padding-left:10px;font:400 14px/38px Arial;color:#fff;}
#header .hemnu .main-menu .title .icon-menu i{width:20px;height:2px;background:#fff;display:block;margin:3px 0;}
#header .hemnu .main-menu .title .icon-menu{float:left;margin-top:10px;margin-right:8px;}
#header .hemnu .main-menu .title span{}
#header .hemnu .main-menu .ul{position:absolute;top:40px;width:220px;height:520px;background:#fff;padding:0;margin:0;z-index:9998;list-style:none;}
#header .hemnu .main-menu .ul li{border:solid 2px #ddd;border-top:solid 0px #ddd;border-bottom:solid 1px #ddd;}
#header .hemnu .main-menu .ul li a.root{display:block;padding:5px 0 5px 35px;font:400 13px/23px Arial;color:#333;}
#header .hemnu .main-menu .ul li:first-child{border-top:solid 2px #ddd;}
#header .hemnu .main-menu .ul li:last-child{border-bottom:solid 2px #ddd;}

.icon-cat-main {width:20px;height:20px;margin:0 8px 0 10px;}
.icon-cat-19 {background-position: -560px -8px;}
.icon-cat-20 {background-position: -560px -40px;}
.icon-cat-21 {background-position: -560px -77px;}
.icon-cat-22 {background-position: -558px -112px;}
.icon-cat-23 {background-position: -559px -149px;}
.icon-cat-24 {background-position: -559px -193px;}
.icon-cat-25 {background-position: -559px -230px;}
.icon-cat-26 {background-position: -562px -271px;}
.icon-cat-27 {background-position: -561px -309px;}
.icon-cat-28 {background-position: -560px -344px;}
.icon-cat-29 {background-position: -561px -380px;}
.icon-cat-30 {background-position: -560px -415px;}
.icon-cat-31 {background-position: -560px -448px;}
.icon-cat-32 {background-position: -563px -478px;}
.icon-skype-support {
    width: 15px;
    height: 20px;
    background-position: -253px -234px;
}

#header .hemnu .main-menu .ul li .sub-menu{position:absolute;visibility:hidden;z-index:9999;left:220px;top:0;width:723px;background:#f7f7f7;border:solid 2px #ddd;border-left:none;min-height:513px;opacity:0;-webkit-transition:opacity 0.5s, -webkit-transform 0.5s;transition:opacity 0.5s, transform 0.5s;-webkit-transition:all 0.45s ease-out 0s;-moz-transition:all 0.45s ease-out 0s;-o-transition:all 0.45s ease-out 0s;transition:all 0.45s ease-out 0s;-moz-transform:translate(20px, 0);-webkit-transform:translate(20px, 0);transform:translate(20px, 0);}
#header .hemnu .main-menu .ul li .sub-menu a{display:block;line-height:20px;}
#header .hemnu .main-menu .ul li .sub-menu a.cat1{font:500 14px/22px Arial;color:#e00;}
#header .hemnu .main-menu .ul li .sub-menu a.cat2{font:400 13px/20px Arial;color:#333;}
#header .hemnu .main-menu .ul li .sub-menu .box-cat{padding:10px;display:inline-block;width:33.33%;vertical-align: top;}

#header .hemnu .main-menu .ul li:hover .sub-menu{visibility:visible;opacity:1;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-o-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);}
#header .hemnu .main-menu .ul li:hover{background:#f7f7f7;border-right:#f7f7f7 0px solid}

/* PC MENU */
#header .hemnu .mainhmenu{float:left;cursor:pointer;display:none;}

#header .hemnu .mainhmenu .title{background:url('/images/global/ico-list.png') right center no-repeat;width:100%;padding:0 28px 0 10px;font:400 14px/38px Arial;color:#fff;}
#header .hemnu .mainhmenu .title span{display:inline-block;font:700 14px/38px Arial;text-transform:none;}

#header .hemnu .mainhmenu .titleac{background:url('/images/global/ico-listac.png') right center no-repeat;width:100%;padding:0 28px 0 10px;font:400 14px/38px Arial;color:#fff;}
#header .hemnu .mainhmenu .titleac span{display:inline-block;font:700 14px/38px Arial;text-transform:none;}

#header .hemnu .mainhmenu .ul{position:absolute;top:38px;background:#ececec;padding:10px 5px 0;margin:0;z-index:9998;list-style:none;display:none;}
#header .hemnu .mainhmenu .ul li.pro{width:24.6%;display:inline-block;vertical-align:top;padding:8px 12px;margin:1px 0.2%;
	background: #efefef; /* Old browsers */
	background: -moz-linear-gradient(top, #efefef 0%, #e0e0e0 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #efefef 0%,#e0e0e0 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #efefef 0%,#e0e0e0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:#ccc 1px solid;
	}
#header .hemnu .mainhmenu .ul li.list{width:100%;display:block;vertical-align:top;background:#ececec;padding:0;margin:0;}
#header .hemnu .mainhmenu .ul li.first{width:100%;display:block;vertical-align:top;background:#ececec;padding:10px 0 0;margin:12px 0 0;border-top:#ccc 1px solid;}
#header .hemnu .mainhmenu .ul li.pro a{display:block;height:57px;overflow:hidden;padding:25px 0 0;font:400 12px/16px Arial;color:#222;text-align:center}
#header .hemnu .mainhmenu .ul li.list a{display:block;padding:6px 15px;font:400 14px/18px Arial;color:#222;}
#header .hemnu .mainhmenu .ul li.first a{display:block;padding:6px 15px;font:400 14px/18px Arial;color:#222;}
#header .hemnu .mainhmenu .ul li:last-child{padding:0 0 10px;border-bottom:#ccc 1px solid;}

#header .hemnu .fsearch{position:absolute;top:-55px;right:0;display:inline-block;padding:0 0 0 10%;}
#header .hemnu .fsearch .fsbox{position: relative; border: #818181 2px solid; height: 40px; padding: 0; margin: 0 auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; overflow: hidden;}
#header .hemnu .fsearch .fsbox input[type="text"] {display:inline-table;vertical-align:top;width:378px;height:36px;padding:0 10px;margin:0px;border:none;outline:none;font:400 15px/36px Arial;}
#header .hemnu .fsearch .fsbox input[type="submit"] {background:#fff url('/images/global/ico-search.png') center center no-repeat;display:inline-table;vertical-align:top;width:38px;height:36px;cursor:pointer;padding:0px;margin:0px;border:none;border-left:#818181 2px solid;color:#fff;font:400 0px/36px Arial;outline:none}
#header .hemnu .fsearch .fsbox .suggestion {border:1px solid #ccc;background:#fff;cursor:default;overflow:auto;width:460px;display:none;z-index:99999;position:absolute;top:33px;left:-1px;max-height:350px;}
#header .hemnu .fsearch .fsbox .suggestion .loadprobox {padding:5px;margin:2px 0;}
#header .hemnu .fsearch .fsbox .suggestion .loadprobox:hover {background-color:#b0d5f6}
#header .hemnu .fsearch .fsbox .suggestion .loadprobox .lpbleft{float:left;margin:0 12px 0 0;width:50px;height:38px;}
#header .hemnu .fsearch .fsbox .suggestion .loadprobox .lpbleft img{width:50px;height:38px;border:none}
#header .hemnu .fsearch .fsbox .suggestion .loadprobox .lpbright{float:left;padding:0;width:355px;height:38px;overflow:hidden}
#header .hemnu .fsearch .fsbox .suggestion .loadprobox .lpbright p.lbprtitle {margin:0;padding:0;font:400 13px/20px tahoma;color:#222;height:20px;overflow:hidden}
#header .hemnu .fsearch .fsbox .suggestion .loadprobox .lpbright p.lbprtitle a{color:#222;}
#header .hemnu .fsearch .fsbox .suggestion .loadprobox .lpbright p.lbprtitle a:hover{color:red}
#header .hemnu .fsearch .fsbox .suggestion .loadprobox .lpbright p.lbprprice {margin:0;padding:0;font:400 13px/18px tahoma;color:red}

#home-fixed{float:left;height:100%;padding:0 30px;display:none;}
.icon-home{width:30px;height:26px;background-position:-469px -7px;margin:5px 0 0 0;}
.icon-hotlinefixed{width:27px;height:27px;background-position:-473px -44px;margin:5px 8px 0 0;float:left;}
#hotline-fixed{position:absolute;height:100%;color:#fff;font-size:20px;position:absolute;right:260px;display:none;z-index: 1;}
#news-fixed{float:right;height:100%;padding:0 20px 0 0;font:700 14px/38px Arial;color:#fff;display:none;}

.hfixed{
	position:fixed !important;
	z-index:999 !important;
	width:100% !important;
	border-radius:0 !important;
	top:0;
	background:#4471c2;
	height:38px;}
.hfixed .fixcon {
    width: 1200px;
    margin: 0 auto;
	position:relative;
	}
.hfixed .main-menu ul{display:none;}
.hfixed .main-menu:hover ul{display:block !important;top:38px !important;}
.hfixed .list-nav-right{display:none;}
.hfixed .main-menu{background:#365899;}
.hfixed #nav-deal{border-radius: 0 !important;}
.hfixed #home-fixed,.hfixed #hotline-fixed{display:block !important;}

.hfixed .fsearch {
	top: 3px !important;
    padding:0 !important;
	right:36% !important;
	}
.hfixed .fsearch .fsbox {
    width: 400px !important;
    border: none !important;
    height: 32px !important;
	}
.hfixed .fsearch .fsbox input[type="text"] {
    width: 320px !important;
	height: 32px !important;
	font: 400 15px/32px Arial !important;
	}
.hfixed .fsearch .fsbox input[type="submit"] {height: 32px !important;
		border-left:none !important;
		-webkit-border-top-right-radius: 4px;
		-webkit-border-bottom-right-radius: 4px;
		-moz-border-radius-topright: 4px;
		-moz-border-radius-bottomright: 4px;
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
	}
#header.fixed #search {
    position: fixed;
    z-index: 9999;
    top: 2px;
    border: none;
    width: 380px;
    background: #fff;
    border-radius: 0;
    height: 33px;
    margin-top: 0;
    margin-left: 330px;
}

.list-nav-right{float:left;margin-left:25px; position:relative;}
.list-nav-right li a,.list-nav-right li span{color:#f5f200;font-size:13px;font-weight:400;}
.list-nav-right li{float:left;margin-left:15px;}
.list-nav-right i.icons{width:30px;height:30px;float:left;margin-top:5px;margin-right:5px;}
.icon-ck1{background-position:-351px -175px;}
.icon-ck2{background-position:-389px -175px;}
.icon-ck3{background-position:-434px -175px;width:35px !important;}
.icon-ck4{background-position:-481px -175px;}
.icons.icon-payment{width:123px;height:123px;background-position:0px -222px;}

#nav-deal{float:right;text-transform:uppercase;font-weight:500;font-size:18px;color:#ffff01;padding:0 20px;border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;position:relative;padding-left:41px;background:#ff3838;background:-moz-linear-gradient(top, #ff3838 0%, #a80002 100%);background:-webkit-linear-gradient(top, #ff3838 0%,#a80002 100%);background:linear-gradient(to bottom, #ff3838 0%,#a80002 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3838', endColorstr='#a80002',GradientType=0 );}
#nav-deal:before{content:'';width:0;height:0;display:block;border:solid 38px transparent;border-bottom-color:#1879c1;position:absolute;left:-38px;top:-38px;}
/* END HEADER */

#content{width:1200px;margin:0 auto;}

#content .float_left{position:fixed;top:190px;transform:translateX(-100%);padding-right:15px;}
#content .float_left img{max-width:80px;border:none}

#float_right{position:fixed;right:5px;top:50%;margin-top:-90px;z-index:99;width:38px;}
#float_right span{
    display: inline-block;
    width: 33px;
    height: 33px;	
    background-image: url('/images/global/sprite.png');
    background-repeat: no-repeat;
	cursor:pointer;
	}
#float_right span.floatfb {background-position: -3px -6px;}
#float_right span.floatyo {background-position: -3px -42px;}
#float_right span.floatmail {background-position: -3px -78px;}
#float_right span.floattel {background-position: -3px -115px;}

.floatpop {
	width:100%;
	background:#fff;
	border:#056bad 3px solid;
	overflow:hidden;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	}
.floatpop .flhead{font:700 16px/22px Arial;color:#444;padding:10px 20px;border:#ddd 1px solid;}
.floatpop .flface{width:100%;background:#eee;margin:0;padding:15px 20px;text-align:center}
.floatpop .flcon{font:400 14px/22px Arial;color:#222;padding:10px 20px;}
.floatpop .flcon h1{margin:0;padding:5px 0;}
.floatpop .flcon h2{margin:0;padding:5px 0;}
.floatpop .flcon h3{margin:0;padding:5px 0;}
.floatpop .flcon p{margin:0;font:400 14px/22px Arial;color:#222;padding:5px 0;}
.floatpop .flcon div{font:400 14px/22px Arial;color:#222;padding:5px 0;}
.floatpop .flcon a{font:400 14px Arial;color:#222;text-decoration:none}
.floatpop .flcon a:hover{font:400 14px Arial;color:red;text-decoration:underline}
.floatpop .flcon img{max-width:100%;height:auto !important}
.floatpop .flcon iframe{width:100%;height:400px}
.floatpop .flcon table{max-width:100%;}
.floatpop .flcon td{padding:3px 5px;}
.floatpop .flcon .bang {margin:10px 0;border-collapse: collapse;}
.floatpop .flcon .bang td{padding:3px 5px;border:#ababab 1px solid;}
.floatpop .flcon .bang0 {margin:10;border-collapse: collapse;}
.floatpop .flcon .bang0 td{padding:0;border:#ababab 0px solid;}
.floatpop .flcon ul{margin:5px 0;padding:0;list-style-type:square;}
.floatpop .flcon ul li{list-style-type:square;margin:0 0 0 18px;padding:5px 0 5px 0;}
	
#content .navi{padding:5px 10px;font:400 14px/24px Arial;color:#222;}
#content .navi a{color:#222;text-decoration:none;}
#content .navi a:hover{color:#ff0000;text-decoration:none;}

#content .cnavi{padding:0 0 15px 0;font:400 14px/18px Arial;color:#6e6566;}
#content .cnavi a{color:#6e6566;text-decoration:none;}
#content .cnavi a:hover{color:#ff0000;text-decoration:none;}

#content .gmap{}
#content .gmap .topmap {width:100%;height:550px;margin:0;overflow:hidden;}
#content .gmap .topmap .map {width:100%;height:700px;padding:0;}

#ginfo{width:500px}
#ginfo .ghead {font-size:16px;padding: 0 0 8px 0;}
#ginfo .gcon {}
#ginfo .gcon .thumb{width:32%;display:inline-block;vertical-align:top;padding:5px 0 0;}
#ginfo .gcon .thumb img{display:block;width:100%;border:none}
#ginfo .gcon .info{width:68%;display:inline-block;vertical-align:top;
	padding: 0 0 0 25px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	}
#ginfo .gcon .info p {margin:0;padding:3px 0;font:400 italic 12px/18px Verdana;color:#666;}

#content .homemnu{display:none}
#content .homemnu ul{margin:0;padding:0 0 12px;list-style-type:none}
#content .homemnu ul li.pro{width:24.6%;display:inline-block;vertical-align:top;padding:8px 12px;margin:1px 0.2%;
	background: #efefef; /* Old browsers */
	background: -moz-linear-gradient(top, #efefef 0%, #e0e0e0 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #efefef 0%,#e0e0e0 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #efefef 0%,#e0e0e0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:#ccc 1px solid;
	}
#content .homemnu ul li.list{width:100%;display:inline-block;vertical-align:top;background:#ececec;padding:0;margin:0;}
#content .homemnu ul li.pro a{display:block;height:57px;overflow:hidden;padding:25px 0 0;font:400 12px/16px Arial;color:#222;text-align:center}
#content .homemnu ul li.list a{display:block;font:400 12px/18px Arial;color:#222;}

#content .ulmn{margin:0;padding:0 0 5px;list-style-type:none}
#content .ulmn li {display:inline-block;vertical-align:top;width:19.2%;background:#1879c1;height:40px;overflow:hidden;padding:1px 15px;margin:0 0 10px 1%;}
#content .ulmn li:first-child{margin-left:0;}
#content .ulmn li:nth-child(6){margin-left:0;}
#content .ulmn li:hover{background:#365899;}
#content .ulmn li.active,
#content .ulmn li.active:hover{background:#de0b00;}
#content .ulmn li a{display:table-cell;height:38px;font:400 14px/18px Arial;color:#fff;vertical-align:middle;}

#content .pleft{display:inline-block;vertical-align:top;width:68%;}
#content .pright{display:inline-block;vertical-align:top;width:32%;padding:0 0 0 20px;}

#home-section1 {}

#sliderh {display:none;
	width:100%;margin:0 0 10px;
  -webkit-user-select: none;
  -moz-user-select: none;  
  user-select: none;
  overflow:hidden;
}

#slider{background:#ccc;display:inline-block;vertical-align:top;margin:0 0 12px 228px;width:715px;height:515px;}
#slider img{width:100%;height:447px;}
#slider #sync2 .item{width:100%;height:58px;float:left;padding:7px 8px;box-sizing:border-box;cursor:pointer;position:relative;text-align:center;font-size:13px; font-family:tahoma; border-right:solid 1px #d00;}
#slider{overflow:hidden;background:#fff;padding:2px 0 0;}
#slider #sync2{border:solid 1px #d00;box-sizing:border-box;width:100%;float:left;font-size:13px;line-height:17px;height:63px;background:#d00;}
#slider #sync2 .owl-item.synced:after{content:'';display:block;width:0;height:0;border:solid 8px transparent;border-bottom-color:#dd0000;position:absolute;top:-16px;left:50%;margin-left:-8px;}
#slider #sync2 *{overflow:visible !important;}
#slider #sync1{max-height:560px;overflow:hidden;}
#slider #sync2 .owl-item{background:#fff;}
#slider #sync2 .owl-item.synced{color:#fff;background:#d00;font-weight:bold;}
#slider #sync2 .owl-item:last-child .item{border-right:none;}
/* * Core Owl Carousel CSS File *v1.3.3 */
.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y;}
.owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out;}
.owl-carousel .owl-item{float:left;}
.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer;}
.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
/* mouse grab icon */
.grabbing{cursor:url(grabbing.png) 8 8, move;}
/* fix */
.owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);}
/** Owl Carousel Owl Demo Theme *v1.3.3*/
.owl-theme .owl-controls{text-align:center;}
/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div{color:#FFF;display:inline-block;zoom:1;*display:inline;/*IE7 life-saver */
margin:5px;padding:3px 10px;font-size:0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background:#ABABAB;filter:Alpha(Opacity=50);/*IE7 fix*/
opacity:0.2;top:50%;position:absolute;line-height:16px;transform:translate(0, -50%);}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);/*IE7 fix*/
 opacity:0.8;text-decoration:none;}
/* Styling Pagination*/
.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1;*display:inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{display:block;width:12px;height:12px;margin:5px 7px;filter:Alpha(Opacity=50);/*IE7 fix*/
opacity:0.2;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#909090;}
.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{filter:Alpha(Opacity=100);/*IE7 fix*/
 opacity:1;}
/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;}
/* preloading images */
.owl-item.loading{min-height:150px;background:url(AjaxLoader.gif) no-repeat center center}
.owl-theme .owl-controls .owl-buttons .owl-next:before{content:'›';font-size:42px;line-height:34px;}
.owl-theme .owl-controls .owl-buttons .owl-prev:before{content:'‹';font-size:42px;line-height:34px;}
.owl-theme .owl-controls{}
.owl-theme .owl-controls .owl-buttons .owl-prev{left:0;}
.owl-theme .owl-controls .owl-buttons .owl-next{right:0;}

#right-top-home{float:right;width:250px;padding:2px 0 0;}
#right-top-home .video{padding:0 0 5px;}
#right-top-home .video .vibox{
    position: relative;
    width: 100%;
    height: 0;
    padding:0 0 56.25% 0 !important;
	margin:0;
	}
#right-top-home .video .vibox iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;	
	}
#right-top-home .video .vibox embed{
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;	
	}
#right-top-home .banner img{display:block;height:367px;width:100%;}
#right-top-home .banner{padding-bottom:4px;}
#right-top-home .banner-tragop img{height:59px;display:block;width:100%;}

#home-section2 {margin:0 0 12px 0}

#top-saleoff{float:left;width:942px;}
#top-saleoff .banner-saleoff-home img{display:block;}
#top-saleoff .banner-saleoff-home{margin-bottom:25px;}

#top-saleoff .top-deal{width:50%;float:left;height:523px;border:solid 1px #ddd;position:relative;}
#top-saleoff .top-deal .d-img{display:block;height:320px;position:relative;margin-bottom:10px;}
#top-saleoff .top-deal .d-img img{max-width:80%;max-height:320px;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;}
#top-saleoff .top-deal .countdown{position:absolute;top:260px;border:solid 1px #e00;font-size:14px;width:300px;left:53px;padding:10px;text-align:center;background:rgba(255, 255, 255, 0.75);}
#top-saleoff .top-deal .countdown span{font-weight:bold;font-size:20px;}
#top-saleoff .top-deal .d-name{display:block;font: 400 18px/22px Arial;margin-bottom:10px;}
#top-saleoff .top-deal .p-container{padding:10px 10px 28px;line-height:21px;}
#top-saleoff .top-deal .d-price{padding:0 0 0 5px;color:#b00;font-weight:bold;font-size:20px;}
#top-saleoff .top-deal .d-oldprice{text-decoration:line-through;color:#888;font-size:14px;}
#top-saleoff .top-deal .d-summary{display:block;margin-top:10px;white-space:pre-line;line-height:20px;font-size:14px;height:80px;overflow:hidden;}
#top-saleoff .top-deal .large-discount{position:absolute;width:90px;height:90px;background:url('/images/global/sprite.png') -106px -3px no-repeat;display:block;text-align:center;font-size:29px;color:#fff;font-weight:500;line-height:90px;left:10px;top:10px;}
#top-saleoff .top-deal .p-icon_new{top:30px;right:10px;position:absolute;padding:5px 10px;border-radius:3px;background-color:#0a62ac;color:#fff;}

#top-saleoff .product-list{width:100%;border-top:solid 1px #ddd;margin-top:0;position:relative;background:#fff;}
#top-saleoff .product-list{border-left:solid 1px #ddd;border-top:solid 1px #ddd;}
#top-saleoff .product-list li{display:inline-block;vertical-align:top;;width:25%;border-right:solid 1px #ddd;border-bottom:solid 1px #ddd;position: relative; background: #fff;}

#top-saleoff .product-list li .p-container{padding:5px 8px 28px;line-height:21px;}
#top-saleoff .product-list li .p-name {display:block;line-height:18px;height:36px;overflow:hidden;margin-top:5px;color:#000;font-weight:normal;font-size:13px;margin-bottom:3px;}
#top-saleoff .product-list li .p-price{
    position: absolute;
    top: 135px;
    right: 5px;
	left:5px;
	text-align:center;
	font: 700 italic 30px/40px Arial;
	color:#d00;
	letter-spacing:-1px;
	text-shadow: 	#fff 2px 0px 0px, 
					#fff 1.75517px 0.958851px 0px, 
					#fff 1.0806px 1.68294px 0px, 
					#fff 0.141474px 1.99499px 0px, 
					#fff -0.832294px 1.81859px 0px, 
					#fff -1.60229px 1.19694px 0px, 
					#fff -1.97998px 0.28224px 0px, 
					#fff -1.87291px -0.701566px 0px, 
					#fff -1.30729px -1.5136px 0px, 
					#fff -0.421592px -1.95506px 0px, 
					#fff 0.567324px -1.91785px 0px, 
					#fff 1.41734px -1.41108px 0px, 
					#fff 1.92034px -0.558831px 0px,
					rgba(0,0,0,.55) 0 5px 5px;
	}
#top-saleoff .product-list li .p-cprice{font-weight:400;color:#d00;font-size:14px;letter-spacing:-1px;}
#top-saleoff .product-list li .p-oldprice{
	position: absolute;
    top: 120px;
    right: 5px;
	left:5px;
	text-align:center;
	font: 500 15px/15px Arial;
	color: #d00;
    text-decoration: line-through;
	}
#top-saleoff .product-list li .discount{width:45px;height:45px;background:url('/images/global/sprite.png') -239px -62px no-repeat;display:block;position:absolute;color:#fff;font-weight:500;font-size:15px;line-height:45px;text-align:center;left:5px;top:5px;}
#top-saleoff .product-list li .p-icon_new{top: 10px;right: 10px; position: absolute; padding: 4px 6px; border-radius: 3px; font: 400 12px/16px Verdana; background-color: #d70000; color: #fff;}

#top-saleoff .product-list li .p-detail{background:#d00;color:#fff;text-transform:uppercase;font-weight:bold;padding:5px 10px;display:block;margin:5px auto;width:110px;text-align:center;cursor:pointer;}
#top-saleoff .product-list li .p-detail:hover{background-color:#e00;}

#top-saleoff .product-list li .p-img{display:block;width:100%;position:relative;}
#top-saleoff .product-list li .p-img img{display:block;max-width:80%;max-height:190px;margin:auto;width: auto;}

#top-saleoff .product-list li .p-hover{position:absolute;top:300px;left:0;width:100%;padding:10px;z-index:90;height:100%;background:rgb(255, 255, 255);color:#000;transition:all 0.3s ease;box-shadow:0 0 0px 1px #F44336 inset;display:table-cell;vertical-align:middle;}
#top-saleoff .product-list li .p-hover .p-warranty{display:block;padding:5px 0;font:400 13px/18px Arial;color: #0069a9;}
#top-saleoff .product-list li .p-hover .p-summary{white-space:pre-line;display:inline-block;max-height:106px;overflow:hidden;text-overflow:clip;font: 400 13px/18px Arial;color: #444;}
#top-saleoff .product-list li:hover .p-hover{top:0;}

.lazy img{width:100%;height:100%;}

#home-section2 .news{float:right;width:250px;}
#home-section2 .news .title{background:#1879c1;height:38px;line-height:38px;color:#fff;padding:0 8px;}
#home-section2 .news .title .h-title{float:left;font: bold 17px/38px Arial;}
#home-section2 .news .title a{float:right;color:#fff;font-size:14px;}

i.icons.icon-hnews{width:23px;height:17px;float:left;background-position:-155px -304px;margin-top:10px;margin-right:5px;}

#home-section2 .news li{padding: 15px 0 11px;border-top:solid 1px #eee;overflow:hidden;}
#home-section2 .news li:last-child{padding-bottom:0;}
#home-section2 .news li:first-child{border:none;}
#home-section2 .news li img{max-width:90px;float:left;max-height:60px;}
#home-section2 .news li .a-right{display:block;margin-left:100px;}
#home-section2 .news li .name{display:block;margin-bottom:3px;font: 400 14px/20px Arial;max-height: 40px;overflow: hidden;}
#home-section2 .news li .time{color:#999;}

#home-section3 {margin:0 0 12px 0}
#home-section3 .box-pro-home {margin-top:20px;}
#home-section3 .box-pro-home:first-child{margin-top:0;}
#home-section3 .box-pro-home .title-box-pro-home{overflow:hidden;margin-bottom:5px;border-bottom:solid 2px #333;height:36px;}
#home-section3 .box-pro-home .title-box-pro-home .h-title{float:left;background:#e00;color:#fff;font:400 16px/34px OpenSansSemiBold;padding:0 15px;position:relative;padding-right:8px;}
#home-section3 .box-pro-home .title-box-pro-home .h-title:after{content:'';display:block;position:absolute;border:solid 34px transparent;border-left-color:#e00;right:-68px;top:0;}

#home-section3 .box-pro-home .title-box-pro-home .list-sub{float:right;margin-top:11px;margin-left:30px;}
#home-section3 .box-pro-home .title-box-pro-home .list-sub a:last-child{color:#e00;}
#home-section3 .box-pro-home .title-box-pro-home .list-sub a{border-left:solid 1px #ccc;padding:0 8px;font:400 13px Arial;color:#222;}
#home-section3 .box-pro-home .title-box-pro-home .list-sub a:hover{color:#e00;}
#home-section3 .box-pro-home .title-box-pro-home .list-sub a:first-child{border:none;}

#home-section3 .box-pro-home .banner{float:right;width:250px;margin-left:8px;}
#home-section3 .box-pro-home .banner img{display:block;width: 100% !important;max-height: 557px !important;}

#home-section3 .box-pro-home .product-list{border-left:solid 1px #ddd;border-top:solid 1px #ddd;}
#home-section3 .box-pro-home .product-list li{display:inline-block;vertical-align:top;width:20%;border-right:solid 1px #ddd;border-bottom:solid 1px #ddd;position: relative; background: #fff;}
#home-section3 .box-pro-home .product-list.has-banner{width:942px;}
#home-section3 .box-pro-home .product-list.has-banner > li{width:25%;}

#home-section3 .box-pro-home .product-list li .p-container{padding:8px 8px 28px 8px;line-height:21px;}
#home-section3 .box-pro-home .product-list li .p-name {display:block;line-height:18px;height:36px;overflow:hidden;margin-top:5px;color:#000;font-weight:normal;font-size:13px;margin-bottom:3px;}
#home-section3 .box-pro-home .product-list li .p-price{
    position: absolute;
    top: 135px;
    right: 5px;
	left:5px;
	text-align:center;
	font: 700 italic 30px/40px Arial;
	color:#d00;
	letter-spacing:-1px;
	text-shadow: 	#fff 2px 0px 0px, 
					#fff 1.75517px 0.958851px 0px, 
					#fff 1.0806px 1.68294px 0px, 
					#fff 0.141474px 1.99499px 0px, 
					#fff -0.832294px 1.81859px 0px, 
					#fff -1.60229px 1.19694px 0px, 
					#fff -1.97998px 0.28224px 0px, 
					#fff -1.87291px -0.701566px 0px, 
					#fff -1.30729px -1.5136px 0px, 
					#fff -0.421592px -1.95506px 0px, 
					#fff 0.567324px -1.91785px 0px, 
					#fff 1.41734px -1.41108px 0px, 
					#fff 1.92034px -0.558831px 0px,
					rgba(0,0,0,.55) 0 5px 5px;
	}
#home-section3 .box-pro-home .product-list li .p-cprice{color:#d00;font-size:14px;letter-spacing:-1px;}
#home-section3 .box-pro-home .product-list li .p-oldprice{
	position: absolute;
    top: 120px;
    right: 5px;
	left:5px;
	text-align:center;
	font: 500 15px/15px Arial;
	color: #d00;
    text-decoration: line-through;	
	}
#home-section3 .box-pro-home .product-list li .discount{width:45px;height:45px;background:url('/images/global/sprite.png') -239px -62px no-repeat;display:block;position:absolute;color:#fff;font-weight:500;font-size:15px;line-height:45px;text-align:center;left:5px;top:5px;}
#home-section3 .box-pro-home .product-list li .p-icon_new{top: 10px;right: 10px; position: absolute; padding: 4px 6px; border-radius: 3px; font: 400 12px/16px Verdana; background-color: #d70000; color: #fff;}

#home-section3 .box-pro-home .product-list li .p-detail{background:#d00;color:#fff;text-transform:uppercase;font-weight:bold;padding:5px 10px;display:block;margin:5px auto;width:110px;text-align:center;cursor:pointer;}
#home-section3 .box-pro-home .product-list li .p-detail:hover{background-color:#e00;}

#home-section3 .box-pro-home .product-list li .p-img{display:block;width:100%;position:relative;}
#home-section3 .box-pro-home .product-list li .p-img img{display:block;max-width:80%;max-height:190px;margin:auto;width: auto;}

#home-section3 .box-pro-home .product-list li .p-hover{position:absolute;top:300px;left:0;width:100%;padding:10px;z-index:90;height:100%;background:rgb(255, 255, 255);color:#000;transition:all 0.3s ease;box-shadow:0 0 0px 1px #F44336 inset;display:table-cell;vertical-align:middle;}
#home-section3 .box-pro-home .product-list li .p-hover .p-warranty{display:block;padding:5px 0;font:400 13px/18px Arial;color: #0069a9;}
#home-section3 .box-pro-home .product-list li .p-hover .p-summary{white-space:pre-line;display:inline-block;max-height:106px;overflow:hidden;text-overflow:clip;font: 400 13px/18px Arial;color: #444;}
#home-section3 .box-pro-home .product-list li:hover .p-hover{top:0;}

#partner-footer{width:1200px;padding:10px;border:solid 1px #ddd;margin:0 auto 15px;}
#partner-footer img{display:inline-block;vertical-align:top;padding:0px;max-height:53.54px;width:auto;}
#partner-footer b{display:block;padding: 5px 12px 0;;color:#e00;font: bold 16px/20px Arial;}

/* START CONTENT */

/* START BOX GENERAL */
#content .boxgen{font:400 14px/22px Arial;color:#222;padding:0 0 12px;}
#content .boxgen h1{margin:0;padding:5px 0;}
#content .boxgen h2{margin:0;padding:5px 0;}
#content .boxgen h3{margin:0;padding:5px 0;}
#content .boxgen p{margin:0;font:400 14px/22px Arial;color:#222;padding:5px 0;}
#content .boxgen div{font:400 14px/22px Arial;color:#222;padding:5px 0;}
#content .boxgen a{font:400 14px Arial;color:#222;text-decoration:none}
#content .boxgen a:hover{font:400 14px Arial;color:red;text-decoration:underline}
#content .boxgen img{max-width:100%;height:auto !important}
#content .boxgen iframe{width:100%;height:400px}
#content .boxgen table{max-width:100%;}
#content .boxgen td{padding:3px 5px;}
#content .boxgen .bang {margin:10px 0;border-collapse: collapse;}
#content .boxgen .bang td{padding:3px 5px;border:#ababab 1px solid;}
#content .boxgen .bang0 {margin:10;border-collapse: collapse;}
#content .boxgen .bang0 td{padding:0;border:#ababab 0px solid;}
#content .boxgen ul{margin:5px 0;padding:0;list-style-type:square;}
#content .boxgen ul li{list-style-type:square;margin:0 0 0 18px;padding:5px 0 5px 0;}
/* END BOX GENERAL */

/* START PRO GENERAL */
#content .progen{font:400 14px/22px Arial;color:#222;padding:0;}
#content .progen h1{margin:0;padding:5px 0;}
#content .progen h2{margin:0;padding:5px 0;}
#content .progen h3{margin:0;padding:5px 0;}
#content .progen p{margin:0;font:400 14px/22px Arial;color:#222;padding:5px 0;}
#content .progen div{font:400 14px/22px Arial;color:#222;padding:5px 0;}
#content .progen a{font:400 14px Arial;color:#222;text-decoration:none}
#content .progen a:hover{font:400 14px Arial;color:red;text-decoration:underline}
#content .progen img{max-width:100%;height:auto !important}
#content .progen iframe{width:80%;height:400px;margin:0 auto}
#content .progen table{max-width:100%;}
#content .progen td{padding:3px 5px;}
#content .progen table {width:100%;margin:15px 0 0;border-collapse: collapse;}
#content .progen table td{padding:3px 5px;border:#ababab 1px solid;}

#content .progen .bang0 {margin:10;border-collapse: collapse;}
#content .progen .bang0 tr:nth-child(odd){background:#ccc;padding:0;border:#ababab 0px solid;}
#content .progen .bang0 td{padding:0;border:#ababab 0px solid;}

#content .progen .bang1 {margin:10;border-collapse: collapse;border:none;}
#content .progen .bang1 tr:nth-child(odd){background:#eeece0;padding:0;border:none;}
#content .progen .bang1 td{padding:3px 12px;border:none;}

#content .progen .bang1b {margin:10;border-collapse: collapse;}
#content .progen .bang1b tr:nth-child(odd){background:#eeece0;padding:0;border:#d8d8d8 1px solid;}
#content .progen .bang1b td{padding:3px 12px;border:#d8d8d8 1px solid;}

#content .progen .bang1h {margin:10;border-collapse: collapse;}
#content .progen .bang1h tr:nth-child(odd){background:#eeece0;padding:0;border:#d8d8d8 1px solid;}
#content .progen .bang1h tr:first-child{background:#b7e7fe;padding:0;border:#d8d8d8 1px solid;}
#content .progen .bang1h td{padding:3px 12px;border:#d8d8d8 1px solid;}

#content .progen .bang2 {margin:10;border-collapse: collapse;border:none;}
#content .progen .bang2 tr:nth-child(odd){background:#f0f0f0;padding:0;border:none;}
#content .progen .bang2 td{padding:3px 12px;border:none;}

#content .progen .bang2b {margin:10;border-collapse: collapse;}
#content .progen .bang2b tr:nth-child(odd){background:#f0f0f0;padding:0;border:#d8d8d8 1px solid;}
#content .progen .bang2b td{padding:3px 12px;border:#d8d8d8 1px solid;}

#content .progen .bang2h {margin:10;border-collapse: collapse;}
#content .progen .bang2h tr:nth-child(odd){background:#f0f0f0;padding:0;border:#d8d8d8 1px solid;}
#content .progen .bang2h tr:first-child{background:#b7e7fe;padding:0;border:#d8d8d8 1px solid;}
#content .progen .bang2h td{padding:3px 12px;border:#d8d8d8 1px solid;}

#content .progen ul{margin:5px 0;padding:0;list-style-type:square;}
#content .progen ul li{list-style-type:square;margin:0 0 0 18px;padding:5px 0 5px 0;}
/* END PRO GENERAL */

/* START BOX NEWS */
#content .title-page-news{background:#eee;overflow:hidden;height:43px;line-height:43px;margin:5px 0 20px;}
#content .title-page-news .h-title{background:#1879c1;float:left;font-size:19px;color:#fff;text-transform:uppercase;font-weight:500;padding:0 18px;position:relative;padding-right:30px;}
#content .title-page-news .h-title:after{content:'';display:block;width:0;height:0;position:absolute;border:solid 43px transparent;border-bottom-color:#1879c1;right:-43px;top:-43px;}

#content .title-left{background:#e00;color:#fff;font-weight:500;padding:9px 10px;}
#content .title-left .h-title{font-size:16px;text-align:center;text-transform:uppercase;}

#content ul.ulnews {margin: 0;padding: 0;list-style:none;}
#content ul.ulnews li{margin: 0 0 20px 0;padding: 0 0 20px 0;border-bottom: #cacaca 1px dotted;list-style:none;}
#content ul.ulnews li .thumb {display:inline-block;vertical-align:top;width:30%;}
#content ul.ulnews li .thumb img {display:block;width:100%;padding:2px;border:#d2d3d5 1px solid;
	-webkit-transition:color 180ms linear 20ms, background 180ms linear 20ms;
	-moz-transition:color 180ms linear 20ms, background 180ms linear 20ms;
	-ms-transition:color 180ms linear 20ms, background 180ms linear 20ms;
	-o-transition:color 180ms linear 20ms, background 180ms linear 20ms;
	transition:color 180ms linear 20ms, background 180ms linear 20ms;
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
	}
#content ul.ulnews li .thumb img:hover {
	-webkit-transition:all 150ms linear 10ms;
	-moz-transition:all 150ms linear 10ms;
	-ms-transition:all 150ms linear 10ms;
	-o-transition:all 150ms linear 10ms;
	transition:all 150ms linear 10ms;
    opacity: 0.75;
    filter: alpha(opacity=75); /* For IE8 and earlier */
	}
#content ul.ulnews li .info {display:inline-block;vertical-align:top;width:70%;padding:0 0 0 18px}
#content ul.ulnews li .info p.title{margin:0;padding:0 0 5px;font:bold 16px/20px Arial;}
#content ul.ulnews li .info p.title a{color:#222;text-decoration:none}
#content ul.ulnews li .info p.title a:hover{color:#eb000a;text-decoration:none}
#content ul.ulnews li .info .nupdated {margin:0;padding:0 0 5px;font:400 italic 14px/20px Arial;color:#565656}
#content ul.ulnews li .info .ndesc {margin:0;padding:0;font:400 14px/20px Arial;color:#222;}

/* RNEWS */
#content ul.ulrnews {margin: 0;padding: 20px 0 5px;list-style:none;}
#content ul.ulrnews li{margin:0;padding: 0 0 20px 0;list-style:none;}
#content ul.ulrnews li .thumb {display:inline-block;vertical-align:top;width:45%;}
#content ul.ulrnews li .thumb img {display:block;width:100%;padding:0;
	-webkit-transition:color 180ms linear 20ms, background 180ms linear 20ms;
	-moz-transition:color 180ms linear 20ms, background 180ms linear 20ms;
	-ms-transition:color 180ms linear 20ms, background 180ms linear 20ms;
	-o-transition:color 180ms linear 20ms, background 180ms linear 20ms;
	transition:color 180ms linear 20ms, background 180ms linear 20ms;
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
	}
#content ul.ulrnews li .thumb img:hover {
	-webkit-transition:all 150ms linear 10ms;
	-moz-transition:all 150ms linear 10ms;
	-ms-transition:all 150ms linear 10ms;
	-o-transition:all 150ms linear 10ms;
	transition:all 150ms linear 10ms;
    opacity: 0.75;
    filter: alpha(opacity=75); /* For IE8 and earlier */
	}
#content ul.ulrnews li .info {display:inline-block;vertical-align:top;width:55%;padding:0 0 0 15px}
#content ul.ulrnews li .info p.title{margin:0;padding:0 0 5px;font:400 16px/20px Arial;}
#content ul.ulrnews li .info p.title a{display:block;color:#222;text-decoration:none}
#content ul.ulrnews li .info p.title a:hover{color:#eb000a;text-decoration:none}
#content ul.ulrnews li .info .nupdated {margin:0;padding:0 0 5px;font:400 italic 14px/20px Arial;color:#565656}

/* DETAIL NEWS */
#content .denews {}
#content .denews .title {margin:0;padding:5px 0;font:bold 22px/30px Arial;color:#222;text-align:justify}
#content .denews .updated {margin:0;padding:0 0 5px 0;font: 400 italic 14px/16px Arial;color:#565656}
#content .denews .desc {margin:0;padding:5px 0;font:400 15px/22px Arial;color:#222;text-align:justify}
#content .denews .source {padding:0 0 5px 0;text-align:right;font:400 16px/22px Arial;color:#222}

#content .denews .downloadtit {margin:0;padding:15px 0;font:400 20px/28px Arial;color:#444;text-transform:uppercase;}
#content .denews .download {margin:0 0 0 10px;padding:3px 0 3px 10px;text-align:left;font:400 15px/20px Arial;color:#222;
	background: url("/images/global/arrow-rv1.png") no-repeat left;
    background-position: 0px 12px;
}
#content .denews .download a{font:400 15px;color:#222;text-decoration:none}
#content .denews .download a:hover{color:#ff0000;text-decoration:none}

#content .ofeatured{width:100%;padding:15px 0;}
#content .ofeatured h4 {font:bold 22px/28px Arial;color:#444;text-transform:uppercase;}

/* END BOX NEWS */

/* START PRODUCTS */

#banner-category-left{width:60%;display:inline-block;vertical-align:top;padding:0 0 10px 0}
#banner-category-right{width:40%;display:inline-block;vertical-align:top;padding:0 0 10px 5px;}
#banner-category-left img,
#banner-category-right img{width:100%;height:210px;border:none;}

#mobilist{display:none;}
#mobilist a{display:inline-block;vertical-align:top;background:#f5f5f5;margin:1px 2px 1px 0;padding:5px 10px;font:400 12px/20px Arial;color:#222;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}

#content .fnavi{display:block;background-color:#f5f5f5;margin-bottom:1px;}
#content .fnavi .left {float:left;}
#content .fnavi .left .fnavi-1{display:table-cell;vertical-align:middle;white-space: nowrap;padding:0;font:400 14px/32px Arial;color:#fff}
#content .fnavi .left .fnavi-2{display:table-cell;vertical-align:middle;white-space: nowrap;padding:0;font:400 14px/32px Arial;color:#fff}
#content .fnavi .right {float:right;padding:4px 4px;}
#content .fnavi .right select.orderby {
    background: rgba(255,255,255,.95) url('/images/global/down-green.png') no-repeat right;
    display: inline-block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    border: 1px solid;
    border-color: #e6e6e6 #e6e6e6 #d2d2d2;
    outline: 0;
    margin: 0;
    padding: 3px 25px 3px 10px;
	font:400 13px/18px Arial;
    color: #444;
	
	-webkit-transition:all 150ms linear 10ms;
	-moz-transition:all 150ms linear 10ms;
	-ms-transition:all 150ms linear 10ms;
	-o-transition:all 150ms linear 10ms;
	transition:all 150ms linear 10ms;
}
#content .fnavi .right select.orderby:hover{
    -webkit-box-shadow: #0066ff 0 0 5px 0;
    -moz-box-shadow: #0066ff 0 0 5px 0;
    box-shadow: #0066ff 0 0 5px 0;
}

/* START PRODUCTS LIST */
#content .mainpro {padding:12px 0 0;}
#content .mainpro .proleft {float:left;width:940px;}
#content .mainpro .proright {float:right;width:250px;}

#content .mainpro .fill {}
#content .mainpro .fill ul{margin:0;padding:0;list-style:none;}
#content .mainpro .fill ul li{margin:0;padding:0;list-style:none;}
#content .mainpro .fill ul li.head-1{
	padding:0 10px;
	border:none;
	background: url('/images/global/bg_gradient_red.png');
	font:400 13px/35px Arial;
	color:#fff;
	text-transform:uppercase;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;	
	}
#content .mainpro .fill ul li.con-1{
	margin:0 0 12px;
	padding:2px 10px;
	border:#ccc 1px solid;
	border-top:none;
	background: url('/images/global/bg_gradient_bottom.png') left 0px repeat-x;
	font:400 13px/25px Arial;
	color:#fff;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;	
	}
#content .mainpro .fill ul li.con-1 ul{margin:0;padding:0;list-style:none;}
#content .mainpro .fill ul li.con-1 ul li{position:relative;margin:0;padding:3px 0 3px 16px;list-style:none;border-bottom:#ddd 1px dotted;}
#content .mainpro .fill ul li.con-1 ul li:before {
    content: "\f101";
    font-family: FontAwesome;
    font-weight: normal;
    color: #222;
    position: absolute;
    top: 9px;
    left: 3px;
    line-height: 1;
    font-size: 13px;
}
#content .mainpro .fill ul li.con-1 ul li:last-child{border-bottom:#ddd 0px solid;}
#content .mainpro .fill ul li.con-1 ul li a{font:400 13px/20px Arial;color:#222;}
#content .mainpro .fill ul li.con-1 ul li a:hover{color:#c2050b;}

#content .mainpro .fill ul li.head-2{
	padding:0 10px;
	border:none;
	background: url('/images/global/bg_gradient_black.png');
	font:400 13px/35px Arial;
	color:#fff;
	text-transform:uppercase;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;	
	}
#content .mainpro .fill ul li.con-2{
	margin:0 0 12px;
	padding:2px 10px;
	border:#ccc 1px solid;
	border-top:none;
	background: url('/images/global/bg_gradient_bottom.png') left 0px repeat-x;
	font:400 13px/25px Arial;
	color:#fff;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;	
	}
#content .mainpro .fill ul li.con-2 ul{margin:0;padding:0;list-style:none;}
#content .mainpro .fill ul li.con-2 ul li{position:relative;margin:0;padding:3px 0 3px 16px;list-style:none;border-bottom:#ddd 1px dotted;}
#content .mainpro .fill ul li.con-2 ul li:before {
    content: "\f096";
    font-family: FontAwesome;
    font-weight: normal;
    color: #222;
    position: absolute;
    top: 9px;
    left: 3px;
    line-height: 1;
    font-size: 13px;
}
#content .mainpro .fill ul li.con-2 ul li:last-child{border-bottom:#ddd 0px solid;}
#content .mainpro .fill ul li.con-2 ul li a{font:400 12px/20px Arial;color:#222;text-transform:uppercase;}
#content .mainpro .fill ul li.con-2 ul li a:hover{color:#c2050b;}
		
#content ul.ulpro {margin: 0;padding: 0;list-style:none;border-left:solid 1px #ddd;border-top: solid 1px #ddd;}
#content ul.ulpro li{margin:0;padding:0;list-style:none;
    display: inline-block;vertical-align:top;
    width: 25%;
    border-right: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
    position: relative;
    background: #fff;
	}
#content ul.ulpro li .p-container {padding: 8px 8px 28px 8px;line-height:21px;}
#content ul.ulpro li .p-container .p-img {display: block;width: 100%;position: relative;}
#content ul.ulpro li .p-container .p-img img {display:block;display: block;margin: auto;max-width:80%;max-height:190px;width: auto;}
#content ul.ulpro li .p-container h3 {display: block;margin:5px 0 3px;padding:0;height:36px;overflow:hidden;font:400 13px/18px Arial;color: #000;}
#content ul.ulpro li .p-container .discount {
    width: 45px;
    height: 45px;
    background: url('/images/global/sprite.png') -239px -62px no-repeat;
    display: block;
    position: absolute;
    color: #fff;
    font-weight: 500;
    font-size: 15px;
    line-height: 45px;
    text-align: center;
    left: 5px;
    top: 5px;
	}
#content ul.ulpro li .p-container .p-icon_new {top: 10px;right: 10px; position: absolute; padding: 4px 6px; border-radius: 3px; font: 400 12px/16px Verdana; background-color: #d70000; color: #fff;}
#content ul.ulpro li .p-hover {
    position: absolute;
    top: 300px;
    left: 0;
    width: 100%;
    padding: 10px;
    z-index: 90;
    height: 100%;
    background: rgb(255, 255, 255);
    color: #000;
    transition: all 0.3s ease;
    box-shadow: 0 0 0px 1px #F44336 inset;
    display: table-cell;
    vertical-align: middle;
	}
#content ul.ulpro li:hover .p-hover{top:0;}

#content ul.ulpro li .p-hover .p-summary {
    white-space: pre-line;
    display: inline-block;
    max-height: 106px;
    overflow: hidden;
    text-overflow: clip;
	font:400 13px/18px Arial;
	color:#444;
	}
#content ul.ulpro li .p-hover .p-detail {
    background: #d00;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    padding: 5px 10px;
    display: block;
    margin: 5px auto;
    width: 110px;
    text-align: center;
    cursor: pointer;
	}
#content ul.ulpro li .p-hover .p-warranty {display:block;padding:5px 0;font:400 13px/18px Arial;color: #0069a9;}
#content ul.ulpro li .p-price {
    position: absolute;
    top: 135px;
    right: 5px;
	left:5px;
	text-align:center;
	font: 700 italic 30px/40px Arial;
	color:#d00;
	letter-spacing:-1px;
	text-shadow: 	#fff 2px 0px 0px, 
					#fff 1.75517px 0.958851px 0px, 
					#fff 1.0806px 1.68294px 0px, 
					#fff 0.141474px 1.99499px 0px, 
					#fff -0.832294px 1.81859px 0px, 
					#fff -1.60229px 1.19694px 0px, 
					#fff -1.97998px 0.28224px 0px, 
					#fff -1.87291px -0.701566px 0px, 
					#fff -1.30729px -1.5136px 0px, 
					#fff -0.421592px -1.95506px 0px, 
					#fff 0.567324px -1.91785px 0px, 
					#fff 1.41734px -1.41108px 0px, 
					#fff 1.92034px -0.558831px 0px,
					rgba(0,0,0,.55) 0 5px 5px;	
	}
#content ul.ulpro li .p-cprice {font:400 14px/18px Arial;color: #d00;letter-spacing:-1px;}
#content ul.ulpro li .p-oldprice {
	position: absolute;
    top: 120px;
    right: 5px;
	left:5px;
	text-align:center;
	font: 500 15px/15px Arial;
	color: #d00;
    text-decoration: line-through;	
	}
	
/* SE PRO */
#content ul.ulse {margin: 0;padding: 0;list-style:none;border-left:solid 1px #ddd;border-top: solid 1px #ddd;}
#content ul.ulse li{margin:0;padding:0;list-style:none;
    display: inline-block;vertical-align:top;
    width: 20%;
    border-right: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
    position: relative;
    background: #fff;
	}
#content ul.ulse li .p-container {padding: 8px 8px 28px 8px;line-height:21px;}
#content ul.ulse li .p-container .p-img {display: block;width: 100%;position: relative;}
#content ul.ulse li .p-container .p-img img {display:block;display: block;margin: auto;max-width:80%;max-height:190px;width: auto;}
#content ul.ulse li .p-container h3 {display: block;margin:5px 0 3px;padding:0;height:36px;overflow:hidden;font:400 13px/18px Arial;color: #000;}
#content ul.ulse li .p-container .discount {
    width: 45px;
    height: 45px;
    background: url('/images/global/sprite.png') -239px -62px no-repeat;
    display: block;
    position: absolute;
    color: #fff;
    font-weight: 500;
    font-size: 15px;
    line-height: 45px;
    text-align: center;
    left: 5px;
    top: 5px;
	}
#content ul.ulse li .p-container .p-icon_new {top: 10px;right: 10px; position: absolute; padding: 4px 6px; border-radius: 3px; font: 400 12px/16px Verdana; background-color: #d70000; color: #fff;}
#content ul.ulse li .p-hover {
    position: absolute;
    top: 300px;
    left: 0;
    width: 100%;
    padding: 10px;
    z-index: 90;
    height: 100%;
    background: rgb(255, 255, 255);
    color: #000;
    transition: all 0.3s ease;
    box-shadow: 0 0 0px 1px #F44336 inset;
    display: table-cell;
    vertical-align: middle;
	}
#content ul.ulse li:hover .p-hover{top:0;}

#content ul.ulse li .p-hover .p-summary {
    white-space: pre-line;
    display: inline-block;
    max-height: 106px;
    overflow: hidden;
    text-overflow: clip;
	font:400 13px/18px Arial;
	color:#444;
	}
#content ul.ulse li .p-hover .p-detail {
    background: #d00;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    padding: 5px 10px;
    display: block;
    margin: 5px auto;
    width: 110px;
    text-align: center;
    cursor: pointer;
	}
#content ul.ulse li .p-hover .p-warranty {display:block;padding:5px 0;font:400 13px/18px Arial;color: #0069a9;}
#content ul.ulse li .p-price {
    position: absolute;
    top: 135px;
    right: 5px;
	left:5px;
	text-align:center;
	font: 700 italic 30px/40px Arial;
	color:#d00;
	letter-spacing:-1px;
	text-shadow: 	#fff 2px 0px 0px, 
					#fff 1.75517px 0.958851px 0px, 
					#fff 1.0806px 1.68294px 0px, 
					#fff 0.141474px 1.99499px 0px, 
					#fff -0.832294px 1.81859px 0px, 
					#fff -1.60229px 1.19694px 0px, 
					#fff -1.97998px 0.28224px 0px, 
					#fff -1.87291px -0.701566px 0px, 
					#fff -1.30729px -1.5136px 0px, 
					#fff -0.421592px -1.95506px 0px, 
					#fff 0.567324px -1.91785px 0px, 
					#fff 1.41734px -1.41108px 0px, 
					#fff 1.92034px -0.558831px 0px,
					rgba(0,0,0,.55) 0 5px 5px;	
	}
#content ul.ulse li .p-cprice {font:400 14px/18px Arial;color: #d00;letter-spacing:-1px;}
#content ul.ulse li .p-oldprice {
	position: absolute;
    top: 120px;
    right: 5px;
	left:5px;
	text-align:center;
	font: 500 15px/15px Arial;
	color: #d00;
    text-decoration: line-through;	
	}
/* END PRODUCTS LIST */

/* START DE PRODUCTS LIST */
#content ul.ulopro {margin: 0;padding: 0;list-style:none;border-left:solid 1px #ddd;border-top: solid 1px #ddd;}
#content ul.ulopro li{margin:0;padding:0;list-style:none;
    display:inline-block;vertical-align:top;
    width: 25%;
    border-right: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
    position: relative;
    background: #fff;
	}
#content ul.ulopro li .p-container {padding: 8px 8px 28px 8px;line-height:21px;}
#content ul.ulopro li .p-container .p-img {display: block;width: 100%;position: relative;}
#content ul.ulopro li .p-container .p-img img {display: block;margin: auto;max-width:80%;max-height:190px;width: auto;}
#content ul.ulopro li .p-container h3 {display: block;margin:5px 0 3px;padding:0;height:36px;overflow:hidden;font:400 13px/18px Arial;color: #000;}
#content ul.ulopro li .p-container .discount {
    width: 45px;
    height: 45px;
    background: url('/images/global/sprite.png') -239px -62px no-repeat;
    display: block;
    position: absolute;
    color: #fff;
    font-weight: 500;
    font-size: 15px;
    line-height: 45px;
    text-align: center;
    left: 5px;
    top: 5px;
	}
#content ul.ulopro li .p-container .p-icon_new {top: 10px;right: 10px; position: absolute; padding: 4px 6px; border-radius: 3px; font: 400 12px/16px Verdana; background-color: #d70000; color: #fff;}
#content ul.ulopro li .p-hover {
    position: absolute;
    top: 300px;
    left: 0;
    width: 100%;
    padding: 10px;
    z-index: 90;
    height: 100%;
    background: rgb(255, 255, 255);
    color: #000;
    transition: all 0.3s ease;
    box-shadow: 0 0 0px 1px #F44336 inset;
    display: table-cell;
    vertical-align: middle;
	}
#content ul.ulopro li:hover .p-hover{top:0;}

#content ul.ulopro li .p-hover .p-summary {
    white-space: pre-line;
    display: inline-block;
    max-height: 106px;
    overflow: hidden;
    text-overflow: clip;
	font:400 13px/18px Arial;
	color:#444;
	}
#content ul.ulopro li .p-hover .p-detail {
    background: #d00;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    padding: 5px 10px;
    display: block;
    margin: 5px auto;
    width: 110px;
    text-align: center;
    cursor: pointer;
	}
#content ul.ulopro li .p-hover .p-warranty {display:block;padding:5px 0;font:400 13px/18px Arial;color: #0069a9;}
#content ul.ulopro li .p-price {
    position: absolute;
    top: 120px;
    right: 5px;
	left:5px;
	text-align:center;
	font: 700 italic 30px/40px Arial;
	color:#d00;
	letter-spacing:-1px;
	text-shadow: 	#222 2px 0px 0px, 
					#fff 1.75517px 0.958851px 0px, 
					#fff 1.0806px 1.68294px 0px, 
					#fff 0.141474px 1.99499px 0px, 
					#fff -0.832294px 1.81859px 0px, 
					#fff -1.60229px 1.19694px 0px, 
					#fff -1.97998px 0.28224px 0px, 
					#fff -1.87291px -0.701566px 0px, 
					#fff -1.30729px -1.5136px 0px, 
					#fff -0.421592px -1.95506px 0px, 
					#fff 0.567324px -1.91785px 0px, 
					#fff 1.41734px -1.41108px 0px, 
					#fff 1.92034px -0.558831px 0px;	
	}
#content ul.ulopro li .p-cprice {font:400 14px/18px Arial;color: #d00;letter-spacing:-1px;}
#content ul.ulopro li .p-oldprice {
	position: absolute;
    top: 120px;
    right: 5px;
	left:5px;
	text-align:center;
	font: 500 15px/15px Arial;
	color: #d00;
    text-decoration: line-through;	
	}
/* END DE PRODUCTS LIST */
.stock{
    position: absolute;
    left: 0px;
    color: #333;
    padding-left: 8px;
    padding-right:0;
    bottom: 8px;	
	}
.stock img{display:block;border:none;}
.love{
    position: absolute;
    right: 0px;
    color: #333;
    background: url('/images/global/icon_addcart.jpg') left -1px no-repeat;
	cursor:pointer;
    padding-left: 17px;
    padding-right: 8px;
    font: 400 12px/12px Arial;
    bottom: 8px;	
	}
.love:hover{
    background: url('/images/global/icon_addcart_hover.jpg') left -1px no-repeat;
	color:#f00;	
	}
.ac{}	
.hover_content_pro {
    position: absolute;
    z-index: 99999;
    background: white;
    border: solid 1px #333;
    width: 377px;
    box-shadow: 0 0 7px #333;
    display: none;
    padding-bottom: 10px;
}
.hover_name {
    display: block;
    padding: 5px 10px;
    font-size: 15px;
    overflow: hidden;
    line-height: 18px;
    background: #ffffff;
    color: Red;
    font-weight: bold;
}
.hover_brand {
    float: right;
    padding-right: 5px;
    padding-top: 5px;
    position: absolute;
    right: 0;
}
.hover_brand img {
    max-width: 75px;
    max-height: 32px;
}
.price_full {
    display: block;
    margin: auto;
	font:700 24px/30px Arial;
	color:#f00;
}
.hover_vat {
    display: block;
    width: 100%;
	font:400 12px/12px Arial;
}

.hori_line {
    clear: both;
    height: 0px;
    border-top: solid 1px #ccc;
    margin: 5px 0;
}
.hover_content_pro table td {
    padding: 2px 0px;
}
.hover_content_pro table {
    padding: 0 10px;
    margin-top: 8px;
}
.hover_offer {
    padding: 0 10px;
    line-height: 17px;
}
.hover_offer b {
    color: #e00;
    font-size: 13px;
}

.hoverpro li:hover {
    border-color: #333;
    box-shadow: 0 0 7px #333;
	z-index:1;
}

.hoverpro li:hover .hover_content_pro {
    display: block;
}
/* START PRO BOX */
#content .container{width:100%;padding:5px 0 15px;}
#content .space20 {height: 20px;clear: both;display: block;}

#progal{margin:0 0 15px;padding:5px;border:#ccc 1px solid;display:none}

#product-image{float:left;width:32%;}
#product-image #sync1{border:solid 1px #ddd;margin-bottom:10px;}
#product-image #sync1 .item img{display:block;padding:5px;}

#product-image #sync2 .item{border:solid 1px #ddd;margin:0 3px;padding:3px;}
#product-image #sync2 .item.current{border-color:#d00;}

#product-image #sync2 .owl-buttons div:before{color:#000;opacity:1;}
#product-image #sync2 .owl-buttons div{background:transparent;opacity:0.6;}
#product-image #sync2 .owl-buttons .owl-prev{left:-50px;}
#product-image #sync2 .owl-buttons .owl-next{right:-50px;}

#product-image #sync2 .owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
#product-image #sync2 .owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y;}
#product-image #sync2 .owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0px, 0px, 0px);}
#product-image #sync2 .owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%;}
#product-image #sync2 .owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out;}
#product-image #sync2 .owl-carousel .owl-item{float:left;}
#product-image #sync2 .owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer;}
#product-image #sync2 .owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
/* mouse grab icon */
#product-image #sync2 .grabbing{cursor:url(grabbing.png) 8 8, move;}
/* fix */
#product-image #sync2 .owl-carousel .owl-wrapper,
#product-image #sync2 .owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);}

#overview{float:right;width:66%;font-size:14px;}
#overview h1{font-size:19px;font-weight:500;margin-top:0;margin-bottom:0;line-height:25px;}
#overview p{margin:5px 0;}
#overview .icons {
    display: inline-block;
    background-image: url('/images/global/sprite.png');
    background-repeat: no-repeat;
	}
#overview .icons.icon-star{width:92px;height:17px;vertical-align:sub;}
.star0{background-position:-354px -116px;}
.star1{background-position:-354px -96px;}
.star2{background-position:-354px -74px;}
.star3{background-position:-354px -51px;}
.star4{background-position:-354px -30px;}
.star5{background-position:-354px -8px;}

#overview .line{border-top:solid 1px #ddd;margin:5px 0;}

#overview .pro-summary{margin:12px 0 10px;}
#overview .pro-summary li i.before,
#overview .icon-list-item{display:block;width:16px;height:16px;background:url('/images/global/sprite.png') -358px -143px no-repeat;float:left;margin-right:5px;}
#overview .pro-summary li span{margin-left:22px;display:block;}
#overview .pro-summary li{padding:4px 0;overflow:hidden;}

#overview p.baohanh{margin:5px 0;}

#overview div.price{margin:12px 0 5px;}
#overview div.price span.pricetit{display:inline-block;width:110px;vertical-align:text-bottom;}
#overview div.price span.pricenum{display:inline-block;font-size:28px;color:#d00;font-weight:bold;letter-spacing:-2px;vertical-align:text-bottom;}
#overview div.price span.vat{display:inline-block;font-size:12px;color:#888;vertical-align:text-bottom;}

#overview div.old-price{margin:5px 0;position:relative;}
#overview div.old-price span.pricetit{display:inline-block;width:110px;vertical-align:text-bottom;}
#overview div.old-price span.text{display:inline-block;color:#888;text-decoration:line-through;vertical-align:text-bottom;}
#overview div.old-price .discount-prodetail{width:65px;height:65px;background:url('/images/global/discount_prodetail.png');position:absolute;text-align:center;line-height:65px;font-size:21px;color:yellow;right:0;top:-37px;}

#overview div.no-price{margin:5px 0;}
#overview div.no-price span.pricetit{display:inline-block;width:110px;vertical-align:text-bottom;}

#overview .pro-offer{color:#e80c00;padding-top:10px;}
#overview .pro-offer .content.collapse{height:150px;}
#overview .pro-offer .title{font-size:17px;margin-bottom:5px;display:block;}
#overview .pro-offer .content{line-height:21px;overflow:hidden;color:#056bad;}
#overview .pro-offer .red {color: #e00;}

#overview-left{width:480px;float:left;}

#overview-right{width:292px;float:right;}

#overview-right #uudai{border:solid 1px #aaa;padding:12px 15px;}
#overview-right #uudai .title{font-size: 15px;text-align:center;display:block;margin-bottom:10px;color: #e00;}
#overview-right #uudai li{margin:12px 0;background:url('/images/global/icon_star_list2.png') left 0px no-repeat;background-size:20px 20px;-webkit-background-size:20px 20px;-moz-background-size:20px 20px;}
#overview-right #uudai li span{display:block;margin-left:30px;line-height:20px;}

#overview-right .button-buy-detail a:hover{opacity:0.8;}
#overview-right .btn-buy{display:block;text-align:center;background:#0757ab;color:#fff;margin:8px 0;padding:8px 10px;transition:all 0.3s ease;background:#3481bc;background:-moz-linear-gradient(top, #3481bc 0%, #003cb5 100%);background:-webkit-linear-gradient(top, #3481bc 0%,#003cb5 100%);background:linear-gradient(to bottom, #3481bc 0%,#003cb5 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#3481bc', endColorstr='#003cb5',GradientType=0 );}
#overview-right .btn-buy span{text-transform:uppercase;display:block;font-weight:bold;font-size:15px;margin-bottom:4px;}
#overview-right .btn-buy.btn-buy-red{background:#ff3838;background:-moz-linear-gradient(top, #ff3838 0%, #a80002 100%);background:-webkit-linear-gradient(top, #ff3838 0%,#a80002 100%);background:linear-gradient(to bottom, #ff3838 0%,#a80002 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3838', endColorstr='#a80002',GradientType=0 );}
#overview-right .btn-buy.btn-buy-red:hover{background:-moz-linear-gradient(top,#a80002 100%,#ff3838 0%);background:-webkit-linear-gradient(top,#ea0003 100%,#ff3838 0%);background:linear-gradient(to bottom,#e40003 100%,#ff3838 0%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#a80002', endColorstr='#ff3838',GradientType=0 );}
#overview-right .btn-buy-blue:hover{background:-moz-linear-gradient(top,#003cb5 100%,#3481bc 0%);background:-webkit-linear-gradient(top,#003cb5 100%,#3481bc 0%);background:linear-gradient(to bottom,#003cb5 100%,#3481bc 0%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#003cb5', endColorstr='#3481bc',GradientType=0 );}
#overview-right a.btn-buy.btn-buy-red span{font-size:24px;padding:3px;}
#overview-right .btn-buy.btn-buy-yellow{background:#f7ad00;background:-moz-linear-gradient(top, #f4c24b 0%, #f7ad00 99%);background:-webkit-linear-gradient(top, #f4c24b 0%,#f7ad00 99%);background:linear-gradient(to bottom, #f4c24b 0%,#f7ad00 99%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4c24b', endColorstr='#f7ad00',GradientType=0 );}
#overview-right .btn-buy.btn-buy-yellow:hover{background:-moz-linear-gradient(top,#f7ad00 99%,#f4c24b 0%);background:-webkit-linear-gradient(top,#f7ad00 99%,#f4c24b 0%);background:linear-gradient(to bottom,#ffb300 99%,#f4c24b 0%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7ad00', endColorstr='#f4c24b',GradientType=0 );}

/*MAGIC ZOOM*/
.MagicZoom,.MagicZoom:hover{outline:0!important;margin:auto;display:block !important;}
.MagicZoom img{border:0!important;outline:0!important;margin:0!important;padding:0!important}
.MagicZoomHint{color:#444;font-size:8pt;font-family:sans-serif;line-height:24px;min-height:24px;text-align:left;text-decoration:none;margin:0;padding:2px 2px 2px 20px !important}
.MagicZoomExternalTitle{display:none}
.MagicZoomBigImageCont{background:#fff;border:1px solid #999}
.MagicZoomBigImageCont *{display:inline}
.MagicZoomBigImageCont img{max-width:none!important;max-height:none!important;height:auto!important;width:auto!important}
.MagicZoomHeader{background:#666;color:#fff;font-size:10pt!important;line-height:normal!important;text-align:center!important}
.MagicZoomPup{background:#fff;border:1px solid #aaa;cursor:move}
.MagicZoomLoading{background:#fff;border:1px solid #ccc;color:#444;font-family:sans-serif;font-size:8pt;line-height:1.5em;text-align:left;text-decoration:none;margin:0;padding:4px 4px 4px 24px !important}
.MagicBoxShadow{-moz-box-shadow:3px 3px 4px #888888;-webkit-box-shadow:3px 3px 4px #888888;box-shadow:3px 3px 4px #888888;border-collapse:separate;filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888') !important;-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888')" !important;}
.MagicBoxGlow{-moz-box-shadow:0px 0px 4px 4px #888888;-webkit-box-shadow:0px 0px 4px 4px #888888;box-shadow:0px 0px 4px 4px #888888;border-collapse:separate;filter:progid:DXImageTransform.Microsoft.Glow(Strength=4, Color='#888888') !important;-ms-filter:"progid:DXImageTransform.Microsoft.Glow(Strength=4, Color='#888888')" !important;}

/*Fancybox*/
.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp{padding:0;margin:0;border:0;outline:none;vertical-align:top;}
.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020;}
.fancybox-skin{position:relative;background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.fancybox-opened{z-index:8030;}
.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0, 0, 0, 0.5);-moz-box-shadow:0 10px 25px rgba(0, 0, 0, 0.5);box-shadow:0 10px 25px rgba(0, 0, 0, 0.5);}
.fancybox-outer, .fancybox-inner{position:relative;}
.fancybox-inner{overflow:hidden;}
.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch;}
.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap;}
.fancybox-image, .fancybox-iframe{display:block;width:100%;height:100%;}
.fancybox-image{max-width:100%;max-height:100%;}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span{background-image:url('/images/global/fancybox_sprite.png');}
#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:0.8;cursor:pointer;z-index:8060;}
#fancybox-loading div{width:44px;height:44px;background:url('/images/global/fancybox_loading.gif') center center no-repeat;}
.fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:8040;}
.fancybox-nav{position:absolute;top:0;width:40%;height:100%;cursor:pointer;text-decoration:none;background:transparent url('/images/global/blank.gif');-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:8040;}
.fancybox-prev{left:0;}
.fancybox-next{right:0;}
.fancybox-nav span{position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:8040;visibility:hidden;}
.fancybox-prev span{left:10px;background-position:0 -36px;}
.fancybox-next span{right:10px;background-position:0 -72px;}
.fancybox-nav:hover span{visibility:visible;}
.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible !important;}
.fancybox-lock{overflow:hidden !important;width:auto;}
.fancybox-lock body{overflow:hidden !important;}
.fancybox-lock-test{overflow-y:hidden !important;}
.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:url('/images/global/fancybox_overlay.png');}
.fancybox-overlay-fixed{position:fixed;bottom:0;right:0;}
.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll;}
.fancybox-title{visibility:hidden;font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050;}
.fancybox-opened .fancybox-title{visibility:visible;}
.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center;}
.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:transparent;background:rgba(0, 0, 0, 0.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:bold;line-height:24px;white-space:nowrap;}
.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff;}
.fancybox-title-inside-wrap{padding-top:10px;}
.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0, 0, 0, .8);}
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5){#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span{background-image:url('/images/global/fancybox_sprite@2x.png');background-size:44px 152px;}
 #fancybox-loading div{background-image:url('/images/global/fancybox_loading@2x.gif');background-size:24px 24px;}
}
#fancybox-buttons{position:fixed;left:0;width:100%;z-index:8050;}
#fancybox-buttons.top{top:10px;}
#fancybox-buttons.bottom{bottom:10px;}
#fancybox-buttons ul{display:block;width:166px;height:30px;margin:0 auto;padding:0;list-style:none;border:1px solid #111;border-radius:3px;-webkit-box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);-moz-box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);background:rgb(50,50,50);background:-moz-linear-gradient(top, rgb(68,68,68) 0%, rgb(52,52,52) 50%, rgb(41,41,41) 50%, rgb(51,51,51) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(68,68,68)), color-stop(50%,rgb(52,52,52)), color-stop(50%,rgb(41,41,41)), color-stop(100%,rgb(51,51,51)));background:-webkit-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);background:-o-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);background:-ms-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);background:linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#222222',GradientType=0 );}
#fancybox-buttons ul li{float:left;margin:0;padding:0;}
#fancybox-buttons a{display:block;width:30px;height:30px;text-indent:-9999px;background-color:transparent;background-image:url('/images/global/fancybox_buttons.png');background-repeat:no-repeat;outline:none;opacity:0.8;}
#fancybox-buttons a:hover{opacity:1;}
#fancybox-buttons a.btnPrev{background-position:5px 0;}
#fancybox-buttons a.btnNext{background-position:-33px 0;border-right:1px solid #3e3e3e;}
#fancybox-buttons a.btnPlay{background-position:0 -30px;}
#fancybox-buttons a.btnPlayOn{background-position:-30px -30px;}
#fancybox-buttons a.btnToggle{background-position:3px -60px;border-left:1px solid #111;border-right:1px solid #3e3e3e;width:35px}
#fancybox-buttons a.btnToggleOn{background-position:-27px -60px;}
#fancybox-buttons a.btnClose{border-left:1px solid #111;width:35px;background-position:-56px 0px;}
#fancybox-buttons a.btnDisabled{opacity:0.4;cursor:default;}
/*Fancybox*/

#content .tag a{display:inline-block;background:#f6f6f6;padding:4px 10px;}
#content .tag a:hover{background:#ddd;color:#e00;}

.font14 {font-size: 14px;}

#pro-info-tab .title-tab{background:#eee;overflow:hidden;}
#pro-info-tab .title-tab a{display:block;float:left;font-weight:500;padding:10px 14px;font-size:14px;}
#pro-info-tab .title-tab a.active{color:#d00;}
#pro-info-tab .h-title{font-size:17px;margin:11px 0;border-bottom:solid 1px #ddd;padding-bottom:6px;margin-top:20px;text-transform:uppercase;font-weight:bold;}
.content-tab-left{width:900px;float:left;}
.content-tab-right{float:right;width:292px;}
.content-tab-right .box-left{margin-top:11px;}
.content-tab-right .pro-left .pright-img{width:120px;}
.content-tab-right .pro-left .pright-right{margin-left:135px;}
.content-tab-right .pro-left .pright-name{margin-top:5px;height:auto;font-size:14px;line-height:19px;}
.content-tab-right .pro-left .p-price{display:inline-block;padding-top:5px;font-size:18px;font-weight: bold;color: #d00;}
.content-tab-right .pro-left .p-cprice{display:inline-block;padding-top:5px;font-size:15px;color: #d00;}
.content-tab-right .title-left{padding:10px;}
.pro-list-nobdr li{border:none !important;width:33.33% !important;margin-bottom:15px;}
.pro-list-nobdr ul{border:none !important;}

#pro-info-tab .title-tab.fixed{position:fixed;top:38px;width:1200px;z-index:991;}

#content .box-pro-home{margin-top:20px;}
#content .box-pro-home:first-child{margin-top:0;}
#content .box-pro-home .banner img{display:block;width:auto;}
#content .box-pro-home .product-list{border-left:solid 1px #ddd;border-top:solid 1px #ddd;}

#content .box-left .title-left{background:#e00;color:#fff;font-weight:bold;padding:9px 10px;}
#content .pro-left .pright-img{float:left;width:120px;}
#content .pro-left li{overflow:hidden;padding:5px 0;border:solid 1px #fff;border-top:solid 1px #eee;transition:all 0.5s ease;}
#content .pro-left li:hover{border: solid 1px #e00 !important;}
#content .pro-left li:first-child{border-color:#fff;}

#content .pro-left .pright-name{line-height:17px;height:51px;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
#content .pro-left .pright-name {margin-top: 5px;height: auto;font-size: 14px;line-height: 19px;}

#overview-bottom{padding:10px;background:#f3f3f3;width:100%;overflow:hidden;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	}
#overview-bottom.scroll-to-fixed-fixed{width: 400px !important;z-index:99 !important;}
#overview-bottom .pro-price{font-size:22px;}
#overview-bottom .line{border-top:solid 1px #ddd;margin:8px 0;}
#overview-bottom .pro-offer{padding-top:0;}

#overview-bottom div.price{margin:12px 0 5px;}
#overview-bottom div.price span.pricetit{display:inline-block;width:110px;vertical-align:text-bottom;}
#overview-bottom div.price span.pricenum{display:inline-block;font-size:20px;color:#d00;font-weight:bold;letter-spacing:-2px;vertical-align:text-bottom;}
#overview-bottom div.price span.vat{display:inline-block;font-size:12px;color:#888;vertical-align:text-bottom;}

#overview-bottom div.old-price{margin:5px 0;position:relative;}
#overview-bottom div.old-price span.pricetit{display:inline-block;width:110px;vertical-align:text-bottom;}
#overview-bottom div.old-price span.text{display:inline-block;color:#888;text-decoration:line-through;vertical-align:text-bottom;}
#overview-bottom div.old-price .discount-prodetail{width:65px;height:65px;background:url('/images/global/discount_prodetail.png');position:absolute;text-align:center;line-height:65px;font-size:21px;color:yellow;right:0;top:-37px;}

#overview-bottom div.no-price{margin:5px 0;}
#overview-bottom div.no-price span.pricetit{display:inline-block;width:110px;vertical-align:text-bottom;}

#overview-bottom .pro-offer{color:#e80c00;padding-top:10px;}
#overview-bottom .pro-offer .content.collapse{height:150px;}
#overview-bottom .pro-offer .title{font-size:17px;margin-bottom:5px;display:block;}
#overview-bottom .pro-offer .content{line-height:21px;overflow:hidden;color:#056bad;}
#overview-bottom .pro-offer .red {color: #e00;}

#overview-bottom .button-buy-detail a:hover{opacity:0.8;}
#overview-bottom .btn-buy{display:block;text-align:center;background:#0757ab;color:#fff;margin:8px 0;padding:8px 10px;transition:all 0.3s ease;background:#3481bc;background:-moz-linear-gradient(top, #3481bc 0%, #003cb5 100%);background:-webkit-linear-gradient(top, #3481bc 0%,#003cb5 100%);background:linear-gradient(to bottom, #3481bc 0%,#003cb5 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#3481bc', endColorstr='#003cb5',GradientType=0 );}
#overview-bottom .btn-buy span{text-transform:uppercase;display:block;font-weight:bold;font-size:15px;margin-bottom:4px;}
#overview-bottom .btn-buy.btn-buy-red{background:#ff3838;background:-moz-linear-gradient(top, #ff3838 0%, #a80002 100%);background:-webkit-linear-gradient(top, #ff3838 0%,#a80002 100%);background:linear-gradient(to bottom, #ff3838 0%,#a80002 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3838', endColorstr='#a80002',GradientType=0 );}
#overview-bottom .btn-buy.btn-buy-red:hover{background:-moz-linear-gradient(top,#a80002 100%,#ff3838 0%);background:-webkit-linear-gradient(top,#ea0003 100%,#ff3838 0%);background:linear-gradient(to bottom,#e40003 100%,#ff3838 0%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#a80002', endColorstr='#ff3838',GradientType=0 );}
#overview-bottom .btn-buy-blue:hover{background:-moz-linear-gradient(top,#003cb5 100%,#3481bc 0%);background:-webkit-linear-gradient(top,#003cb5 100%,#3481bc 0%);background:linear-gradient(to bottom,#003cb5 100%,#3481bc 0%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#003cb5', endColorstr='#3481bc',GradientType=0 );}
#overview-bottom a.btn-buy.btn-buy-red span{font-size:24px;padding:3px;}
#overview-bottom .btn-buy.btn-buy-yellow{background:#f7ad00;background:-moz-linear-gradient(top, #f4c24b 0%, #f7ad00 99%);background:-webkit-linear-gradient(top, #f4c24b 0%,#f7ad00 99%);background:linear-gradient(to bottom, #f4c24b 0%,#f7ad00 99%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4c24b', endColorstr='#f7ad00',GradientType=0 );}
#overview-bottom .btn-buy.btn-buy-yellow:hover{background:-moz-linear-gradient(top,#f7ad00 99%,#f4c24b 0%);background:-webkit-linear-gradient(top,#f7ad00 99%,#f4c24b 0%);background:linear-gradient(to bottom,#ffb300 99%,#f4c24b 0%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7ad00', endColorstr='#f4c24b',GradientType=0 );}

/* END PRO BOX */

/* START FORM BOX */
.bform{
	border-top:#d3d3d3 0px solid !important;
	padding-top:0 !important;
	margin-top:0 !important;
	}
.fform{
	border-top:#d3d3d3 0px solid !important;
	padding-top:5px !important;
	margin-top:5px !important;
	}
#form{
	width:100%;
	padding-top:10px;
	}
#form .formdetail{
	width:100%;
	padding: 0 0 5px 0;
	font: 400 14px/20px Tahoma;
	}
#form .formdetail p{
	font: 400 14px/20px Tahoma;
	padding:3px 0 3px 0;
	}
#form .formdetail span{
	font: 400 italic 13px Tahoma;
	}
#form .formbox {
    width: 80%;
    margin: 0 auto;
	padding:0;
    color: #222;	
	}
#form .formbox .formleft{
    float: left;
    width: 30%;
    padding: 9px 0;
    font: 400 14px/16px Arial;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	}
#form .formbox .formleft span{
	color:#FF0000
	}
#form .formbox .formright{
    float: right;
    width: 70%;
    padding: 3px 0;
    font: 400 14px/16px Arial;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	}
#form .formbox .formright span{
    display: block;
    padding: 5px 0 0 5px;
    font: 400 italic 12px Arial;
    color: #ff0000;
	}
	
#form .formbox select {
    background: #fff url(/images/global/down-green.png) no-repeat right;
    display: inline-block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-appearance: none;
    border: 1px solid;
    border-color: #e6e6e6 #e6e6e6 #d2d2d2;
    outline: 0;
    margin: 0;
    padding: 5px 10px;
	font:400 14px/20px Arial;
    color: #444;
	
	-webkit-transition:all 150ms linear 10ms;
	-moz-transition:all 150ms linear 10ms;
	-ms-transition:all 150ms linear 10ms;
	-o-transition:all 150ms linear 10ms;
	transition:all 150ms linear 10ms;
}

#form .formbox input[type="text"], #form .formbox input[type="password"], #form .formbox input[type="file"], #form .formbox textarea {
	display:inline-block;
	width:100%;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-appearance: none;
    background-color: white;
    border: 1px solid;
    border-color: #e6e6e6 #e6e6e6 #d2d2d2;
    outline: 0;
    margin: 0;
    padding: 5px 10px;
	font:400 14px/20px Arial;
	color:#444;
	
	-webkit-transition:all 150ms linear 10ms;
	-moz-transition:all 150ms linear 10ms;
	-ms-transition:all 150ms linear 10ms;
	-o-transition:all 150ms linear 10ms;
	transition:all 150ms linear 10ms;
}

.size50{width:45% !important}

#form .formbox input[type="radio"] {
	display:inline-block;
    outline: 0;
    margin: 0;
    padding: 5px 10px;
	font:400 14px/20px Arial;
	color:#444;

	-webkit-transition:all 150ms linear 10ms;
	-moz-transition:all 150ms linear 10ms;
	-ms-transition:all 150ms linear 10ms;
	-o-transition:all 150ms linear 10ms;
	transition:all 150ms linear 10ms;
}
#form .formbox input[type="button"] {
	display:inline-block;
	width:auto;
	background:#e62021;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-appearance: none;
    border: 0px solid;
    outline: 0;
    margin: 0;
    padding: 6px 35px;
	font:400 14px/22px OpenSansSemiBold;
	color:#fff;
	text-transform: uppercase;
	cursor:pointer;

	-webkit-transition:all 150ms linear 10ms;
	-moz-transition:all 150ms linear 10ms;
	-ms-transition:all 150ms linear 10ms;
	-o-transition:all 150ms linear 10ms;
	transition:all 150ms linear 10ms;
}

#form .formbox select:hover, #form .formbox input[type="text"]:hover, .formbox input[type="password"]:hover, #form .formbox textarea:hover, #form .formbox input[type="radio"]:hover {
    -webkit-box-shadow: #0066ff 0 0 5px 0;
    -moz-box-shadow: #0066ff 0 0 5px 0;
    box-shadow: #0066ff 0 0 5px 0;
}
#form .formbox input[type="button"]:hover {
	background:#0281c6;
}
/* END FORM BOX */

/* START BOX ENQUIRE */
#cartlist{display:block;}
#cartlist .caleft{width:100%;display:inline-block;vertical-align:top;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	}
#cartlist .caleft h2{margin:0;padding:15px 0;font:400 20px/28px OpenSansSemiBold;color:#e30000;text-transform:uppercase;}
#cartlist .caleft h3{margin:0;padding:0;}
#cartlist .caleft h3 span{display:inline-block;padding:8px 10px;font:400 italic 14px/20px OpenSans;color:#222;}
#cartlist .caleft h3 a{display:inline-block;background:#1879c1;padding:8px 15px;font:400 14px/20px OpenSans;color:#fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	}
#cartlist .caleft h3 a i{padding-right:8px;}

#cartlist .caleft h3 a:hover{background:#f00;}
	
#cartlist .caright{width:0%;display:inline-block;vertical-align:top;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	}
	
#enlist{display:block;margin:0;padding:15px 0 10px 0;font:400 13px/20px Arial;color:#222;}
#enmlist{display:none;margin:0;padding:15px 0 10px 0;font:400 13px/20px Arial;color:#222;}

#bookreport{display:block;margin:0;padding:15px 0 10px 0;font:400 13px/20px Arial;color:#222;}
#bookmreport{display:none;margin:0;padding:15px 0 10px 0;font:400 13px/20px Arial;color:#222;}

#cartlist .encon-2 a.delcart{display:inline-block;background:#1879c1;padding:2px 15px;font:400 13px/20px OpenSans;color:#fff;
	cursor:pointer;
	cursor:hand;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	}
#cartlist .encon-2 a.delcart:hover{background:#f00;color:#fff;}

#cartlist .entit-1{width:6%;font:bold 13px/20px Arial;color:#222;padding:6px 8px;text-align:center;}
#cartlist .entit-2{font:bold 13px/20px Arial;color:#222;padding:6px 8px;}
#cartlist .entit-3{width:10%;font:bold 13px/20px Arial;color:#222;padding:6px 8px;text-align:center;}
#cartlist .entit-4{width:8%;font:bold 13px/20px Arial;color:#222;padding:6px 8px;text-align:center;}
#cartlist .entit-5{width:10%;font:bold 13px/20px Arial;color:#222;padding:6px 8px;text-align:center;}
#cartlist .entit-6{width:6%;font:bold 13px/22px Arial;color:#222;padding:6px 8px;text-align:center;}

#cartlist .encon-1{font:400 13px/20px Arial;color:#222;padding:6px 8px;text-align:center}
#cartlist .encon-2{font:400 13px/20px Arial;color:#222;padding:6px 8px;}
#cartlist .encon-2 a{font:400 13px/20px Arial;color:#222;}
#cartlist .encon-2 a:hover{color:#ff0000;}

#cartlist .encon-2 div{padding:2px 0;font:700 13px/20px Arial;color:#222;}
#cartlist .encon-2 div a{font:700 13px/20px Arial;color:#222;}
#cartlist .encon-2 div a:hover{color:#ff0000;}
#cartlist .encon-2 p{padding:2px 0;font:400 13px/18px Arial;color:#222;}
#cartlist .encon-2 p.km{color:#f00;}
#cartlist .encon-2 p.price{padding:5px 0;color:#f00;}

#cartlist .encon-3{font:400 13px/20px Arial;color:#222;padding:6px 8px;text-align:right}
#cartlist .encon-4{font:400 13px/20px Arial;color:#222;padding:6px 8px;text-align:center;white-space: nowrap;}
#cartlist .encon-5{font:400 13px/20px Arial;color:#222;padding:6px 8px;text-align:right}
#cartlist .encon-6{font:400 13px/20px Arial;color:#222;padding:6px 8px;text-align:center}
#cartlist .encon-6 img{display:inline-block;border:none}

#cartlist .xemtiep {padding:15px 0 0;text-align:right;}
#cartlist .xemtiep a{
	display:inline-block;
	background:#1879c1;
	margin:0;
	padding:8px 15px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	font:400 13px/20px OpenSansSemiBold;
	color:#fff;
	text-transform:uppercase;
	text-align:center;
	cursor:pointer;
	}
#cartlist .xemtiep a:hover {
	background:#f00;
	text-decoration:none;
}

.soluong {outline:none;font-size:14px; width:28px; text-align:center; color:#222;border: #cccccc 1px solid;border-left: #cccccc 0 solid;border-right: #cccccc 0 solid;padding:2px 2px;margin:auto;}
.msoluong {outline:none;font-size:14px; width:18px; text-align:center; color:#222;border: #cccccc 1px solid;border-left: #cccccc 0 solid;border-right: #cccccc 0 solid;padding:2px 5px;margin:auto;}
.txnum {outline:none;font-size:14px;width:20px;text-align:center;color:#222;border:#cccccc 1px solid;padding:2px 0;margin:auto;
	cursor:pointer;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	}

/* START BOX ENFORM */
#enform{width:60%;margin:0 auto 15px;padding:0;font:400 14px/22px Arial;color:#222;}
#enform .entit{font:400 italic 14px/22px Arial;color:#222;padding:5px 0 10px;}
#enform .enitem{padding:5px 0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	}
#enform .enitem .enleft{float:left;width:40%;font:400 14px/32px Arial;color:#222;}
#enform .enitem .enleft span{color:#ff0000;}
#enform .enitem .enright{float:left;width:60%;font:400 14px/22px Arial;color:#222;}
#enform .enitem .enright span{display:inline-block;padding:0 10px 0 5px;font:400 14px/22px Arial;color:#222;}
#enform .enitem .enright input[type="text"], #enform .enitem .enright textarea {
	display:inline-block;
	width:100%;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-appearance: none;
    background-color: white;
    border: 1px solid;
    border-color: #f0f0f0 #f0f0f0 #dedede;
    outline: 0;
    margin: 0;
    padding: 5px 10px;
	font:400 14px/20px OpenSans;
	color:#444;
	
	-webkit-transition:all 150ms linear 10ms;
	-moz-transition:all 150ms linear 10ms;
	-ms-transition:all 150ms linear 10ms;
	-o-transition:all 150ms linear 10ms;
	transition:all 150ms linear 10ms;
}
#enform .enitem .enright input[type="radio"] {
	display:inline-block;
    outline: 0;
    margin: 0;
    padding: 5px 10px;
	font:400 14px/20px OpenSans;
	color:#444;

	-webkit-transition:all 150ms linear 10ms;
	-moz-transition:all 150ms linear 10ms;
	-ms-transition:all 150ms linear 10ms;
	-o-transition:all 150ms linear 10ms;
	transition:all 150ms linear 10ms;
}
#enform .enitem .enright input[type="button"] {
	display:inline-block;
	width:auto;
	background:#1879c1;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-appearance: none;
    border: 0px solid;
    border-bottom: 3px solid #085e9e !important;
    outline: 0;
    margin: 0;
    padding: 6px 35px;
	font:400 14px/22px OpenSansSemiBold;
	color:#fff;
	text-transform: uppercase;
	cursor:pointer;

	-webkit-transition:all 150ms linear 10ms;
	-moz-transition:all 150ms linear 10ms;
	-ms-transition:all 150ms linear 10ms;
	-o-transition:all 150ms linear 10ms;
	transition:all 150ms linear 10ms;
}

#enform .enitem .enright input[type="text"]:hover, #enform .enitem .enright textarea:hover, #enform .enitem .enright input[type="radio"]:hover {
    -webkit-box-shadow: #0066ff 0 0 5px 0;
    -moz-box-shadow: #0066ff 0 0 5px 0;
    box-shadow: #0066ff 0 0 5px 0;
}
#enform .enitem .enright input[type="button"]:hover {
    background: #f00;
    border-bottom: 3px solid #e30000 !important;
}
.txtRequired {border: #d73553 1px solid !important;}
/* END BOX ENFORM */
	
#genhead {}
#genhead span{display: table-cell; color: white; text-transform: uppercase; height: 25px; padding: 5px 25px; background: #1879c1; font: 400 14px/25px OpenSansSemiBold;}

#general {margin:0 0 25px;padding: 10px 15px;border: 1px solid #ccc;font:400 14px/20px Arial;color:#222}
#general p {padding:3px 0;margin:0;font:400 14px/20px Arial;color:#222}
#general h1 {padding:3px 0;margin:0;font:400 20px/24px Arial;color:#222}
#general h2 {padding:3px 0;margin:0;font:400 18px/20px Arial;color:#222}
#general h3 {padding:3px 0;margin:0;font:400 16px/20px Arial;color:#222}

#general ul.baogia {width:100%;margin:0;padding:0;list-style:none;border-top:#ddd 1px solid;border-left:#ddd 1px solid;}
#general ul.baogia li{margin:0;padding:0;list-style:none;
    display:block;vertical-align:top;
    width:100%;
	}
#general ul.baogia li ul{display:flex;width:100%;margin:0;padding:0;list-style:none;}
#general ul.baogia li ul li{width:20%;margin:0;padding:8px 12px;list-style:none;
	display: inline-block;vertical-align:top;
	border-bottom:#ddd 1px solid;
	border-right:#ddd 1px solid;
	font:400 14px/20px Arial;
	color:#222;
	text-align:center;
	}
#general ul.baogia li ul li:first-child{width:5%;}
#general ul.baogia li ul li:nth-child(2){width:60%;text-align:left}
#general ul.baogia li ul li:nth-child(3){width:12%;}
#general ul.baogia li ul li:nth-child(4){width:12%;}
#general ul.baogia li ul li:last-child{width:12%;}

#general ul.baogia li ul li.head{background:#1879c1;font-weight:700;color:#fff;}

#general ul.baogia li ul li span.download{cursor:pointer;color:#e51d24}
#general ul.baogia li ul li span.download:hover{color:#e51d24;text-decoration:underline}
	
#general .glistbox {margin:0;padding:0;}
#general .glistbox .glisttitle-1{
	display:table-cell;
	width:40px;
	border-top:#ccc 1px solid;
	border-left:#ccc 1px solid;
	border-bottom:#ccc 1px solid;
	}
#general .glistbox .glisttitle-2{
	display:table-cell;
	width:750px;
	border-top:#ccc 1px solid;
	border-left:#ccc 1px solid;
	border-bottom:#ccc 1px solid;
	}
#general .glistbox .glisttitle-3{
	display:table-cell;
	width:120px;
	border-top:#ccc 1px solid;
	border-left:#ccc 1px solid;
	border-bottom:#ccc 1px solid;
	}
#general .glistbox .glisttitle-4{
	display:table-cell;
	width:120px;
	border:#ccc 1px solid;
	}
#general .glistbox .glisttitle-1, #general .glistbox .glisttitle-3, #general .glistbox .glisttitle-4{
	font: bold 13px/32px tahoma;
	color:#222;
	text-align:center
	}
#general .glistbox .glisttitle-2 {
	font: bold 13px/32px tahoma;
	color:#222;
	text-align:left
	}
#general .glistbox .glisttitle-2 p{
	margin:0;padding:0 8px;
	font: bold 13px/32px tahoma;
	color:#222;
	text-align:left
	}

#general .glistbox .glistdetail-1{
	display:table-cell;
	vertical-align:middle;
	width:40px;
	border-left:#ccc 1px solid;
	border-bottom:#ccc 1px solid;
	font: 400 13px/28px tahoma;
	color:#222;
	text-align:center
	}
#general .glistbox .glistdetail-2{
	display:table-cell;
	vertical-align:middle;
	width:750px;
	overflow:hidden;
	border-left:#ccc 1px solid;
	border-bottom:#ccc 1px solid;
	text-align:left
	}
#general .glistbox .glistdetail-2 p{
	padding:0 8px 0 8px;
	margin:0;
	font: 400 13px/28px tahoma;
	}
#general .glistbox .glistdetail-3{
	display:table-cell;
	vertical-align:middle;
	width:120px;
	overflow:hidden;
	border-left:#ccc 1px solid;
	border-bottom:#ccc 1px solid;
	text-align:center
	}
#general .glistbox .glistdetail-3 p{
	padding:0 8px 0 8px;
	margin:0;
	font: 400 13px/28px tahoma;
	text-align:center
	}
#general .glistbox .glistdetail-4{
	display:table-cell;
	vertical-align:middle;
	width:120px;
	overflow:hidden;
	border-left:#ccc 1px solid;
	border-right:#ccc 1px solid;
	border-bottom:#ccc 1px solid;
	text-align:center
	}
#general .glistbox .glistdetail-4 p{
	padding:5px 5px;
	margin:0;
	text-align:center
	}
#general .glistbox .glistdetail-4 span{
	display:block;
	background-color:#555555;
	font: 400 13px/28px tahoma;
	color:#fff;
	text-align:center
	}
#general .glistbox .glistdetail-4 span:hover{
	display:block;
	background-color:#32a3ef;
	font: 400 13px/28px tahoma;
	color:#fff;
	text-align:center
	}
	
#otherul {padding: 0 0 10px 10px}
#otherul li{background:url("/images/global/arrow-rv1.png") no-repeat left;background-position:0 14px;padding:6px 0 4px 10px;}
#otherul li a{font:400 15px/20px Arial;color:#1073a5;text-decoration:none}
#otherul li a:hover{color:#f00;}

#sitemap {padding: 0 0 5px 15px}
#sitemap li{padding:4px 0 4px 0;}
#sitemap li a{padding-left:10px;background:url("/images/global/sitemap-1.png") no-repeat left;font:bold 14px/18px Helvetica;text-decoration:none}
#sitemap li a:hover{text-decoration:underline}

#sitemap li ul {padding: 0 0 5px 15px}
#sitemap li ul li{padding:4px 0 4px 0;}
#sitemap li ul li a{padding-left:10px;background:url("/images/global/sitemap-2.png") no-repeat left;font:400 14px/18px Helvetica;text-decoration:none}
#sitemap li ul li a:hover{text-decoration:underline}

#sitemap li ul li ul {padding: 0 0 5px 15px}
#sitemap li ul li ul li{padding:4px 0 4px 0;}
#sitemap li ul li ul li a{padding-left:10px;background:url("/images/global/arrow-rv1.png") no-repeat left;font:400 14px/18px Helvetica;text-decoration:none}
#sitemap li ul li ul li a:hover{text-decoration:underline}

/* END CONTENT */

/* START FOOTER */
#footer{}
#footer .box{background:#c2050b;padding:15px 0;border-top:solid 1px #ccc;}
#footer .ibox{width:1200px;margin:0 auto;padding:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	}
#footer .box ul {margin:0;padding:0;vertical-align:top;list-style:none}
#footer .box ul li{width:73%;display:inline-block;margin:0 0 0 2%;padding:0;vertical-align:top;list-style:none}
#footer .box ul li:first-child{margin-left:0;}
#footer .box ul li:last-child{width:25%;}

#footer .box ul li h3{margin:0;padding:5px 0 8px;font:bold 15px/20px Arial;color:#ff0}
#footer .box ul li h3 a{font:bold 16px Arial;color:#ff0}
#footer .box ul li h3 a:hover{text-decoration:underline}

#footer .box ul li .thumb{padding:3px 0 0;}
#footer .box ul li .thumb img{display:inline-block;max-width:100%;border:none}

#footer .box ul li .bct{padding:10px 0;}
#footer .box ul li .bct img{display:block;height:60px;border:none;}

#footer .box ul li .subcribe{margin:0;padding:20px 0 0;}
#footer .box ul li .subcribe div.text{margin:0;padding:0 0 15px;font:400 14px/22px Arial;color:#ff0;}
#footer .box ul li .subcribe div.text span{
    background: #ff0;
    color: #f00;
    padding: 3px 10px;
    border-radius: 3px;
    font-size: 14px;
    padding: 3px 10px;	
	}
#footer .box ul li .subcribe div.subbox {display: flex;margin:0;padding:0;}
#footer .box ul li .subcribe div.subbox .subtext{display: flex;flex-grow: 1;flex-basis: 0;vertical-align: middle;}
#footer .box ul li .subcribe div.subbox .subbut {display: flex;width: auto;vertical-align: middle;}

#footer .box ul li .subcribe input[type="text"] {
	display:inline-block;
	width:100%;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    background-color: #fff;
    border:#ccc 1px solid;
    outline: 0;
    margin: 0;
    padding:6px 10px;
	font:400 14px/16px Arial;
	color:#444;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#footer .box ul li .subcribe input[type="button"] {
	width:auto;
    background-color: #222;
	border:#222 1px solid;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    outline: 0;
    margin: 0 0 0 3px;
    padding:5px 10px;
	font:bold 12px/16px Arial;
	color:#fff;
	text-transform:uppercase;
	cursor:pointer;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#footer .box ul li .subcribe button[type="submit"]:hover {color:#f00;}

#footer .box ul li ul.bmenu {margin:0;padding:0;vertical-align:top;list-style:none}
#footer .box ul li ul.bmenu li{width:23.5%;display:inline-block;margin:0 0 0 2%;padding:0;vertical-align:top;list-style:none}
#footer .box ul li ul.bmenu li:first-child{margin-left:0;}

#footer .box ul li ul.bmenu li ul{margin:0;padding:0;vertical-align:top;list-style:none}
#footer .box ul li ul.bmenu li ul li{width:100%;display:block;margin:0;padding:0;vertical-align:top;list-style:none}
#footer .box ul li ul.bmenu li ul li a{display:block;padding:3px 0;font:400 13px/20px Arial;color:#f5f5f5}
#footer .box ul li ul.bmenu li ul li a:hover{color:#fff}

#coadd{background:#222;width:100%;}
#coadd ul {width:1200px;margin:0 auto;padding:10px 0;vertical-align:top;list-style:none;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	}
#coadd ul li{width:24.25%;display:inline-block;margin:0 0 0 1%;padding:10px 0;vertical-align:top;list-style:none;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	}
#coadd ul li.w100{width:100%;display:inline-block;margin:0;padding:10px 0;vertical-align:top;list-style:none;text-align:center;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	}
#coadd ul li:first-child{margin-left:0;}
#coadd ul li h3{margin:0;padding:3px 0 5px;font:bold 13px/18px verdana;color:#fff;text-transform:uppercase;}
#coadd ul li p{margin:0;padding:3px 0;font:400 13px/18px verdana;color:#fff;}
#coadd ul li p a{font:400 13px verdana;color:#fff;}
#coadd ul li p a:hover{color:#ff0;}
#coadd ul li p a.map{font:bold 13px verdana;color:#ff0;}
#coadd ul li p a.map:hover{color:#ff0;}

#showroom{width:1200px;margin:0 auto;padding:15px 0;border-top:#ddd 1px solid}
#showroom p{margin:0;padding:3px 0;font:400 13px/18px verdana;color:#222;text-align:center}
#showroom p a{font:400 13px verdana;color:#444;}
#showroom p a:hover{color:#e00;}

#copy{background:#fff;margin:0;padding:8px 2%;font:400 13px/20px verdana;color:#444;text-align:center}
#copy a{font:400 13px/20px verdana;color:#222;}
#copy a:hover{color:#222;}

#callnow{display:none;position:fixed;bottom:10px;left:10px;background:#50a447;
	padding:6px 12px;
	font:700 12px/20px Arial;
	color:#fff;
	text-transform:uppercase;
	z-index:99999;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	}
#callnow:hover{background:#f58220;}
#callnow i{padding-right:5px;}

.popup {
	width:100%;
	height:100%;
	display:none;
	position:fixed;
	top:0px;
	left:0px;
	background:rgba(0,0,0,0.75);
	z-index:9999;
}

/* Inner */
.popup-inner {
	max-width:700px;
	width:90%;
	padding:0;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
}

/* Close Button */
.popup-close {
	width:40px;
	height:40px;
	display:inline-block;
	position:absolute;
	top:0px;
	right:0px;
	transition:ease 0.25s all;
	-webkit-transform:translate(50%, -50%);
	transform:translate(50%, -50%);
	border-radius:1000px;
	background:#f00;
	font:400 30px/34px Arial;
	text-align:center;
	color:#fff;
}

.popup-close:hover {
	-webkit-transform:translate(50%, -50%) rotate(180deg);
	transform:translate(50%, -50%) rotate(180deg);
	background:rgba(0,0,0,1);
	text-decoration:none;
}

#cs-fb {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 999999;
    width: 300px;
}
#cs-fb .cs-title {
    background: #3b5998;
    padding: 10px;
    color: #FFF;
    font-size: 14px;
    width: 120px;
    float: right;
}
#cs-fb .fb-page {
    display: none;
}
#cs-fb:hover> .fb-page {
    display: block;
}
/* END FOOTER */

#navigation h1{font-size:20px;font-weight:400;height:30px;margin-bottom:10px}
#pnavigation h1{font:400 18px OpenSansSemibold;margin:10px 0 10px 0;text-transform: uppercase;color: #A94B97;}
#comming {width:100%;padding-top:50px;padding-bottom:50px;font:bold normal 13px tahoma;color:#454545;text-align:center;}
#page-result{margin:0;font:bold 18px arial;color:#3b5998;}

#mainintro, #mainintro p, #mainintro h1, #mainintro h2{text-align:justify;line-height:18px}
#imgintro {width:710px;height:260px;border:none;outline:none}

#mainlink {margin:20px 0;padding:0;text-align:center;}
#mainlink a {
	background-color:#00467e;
	font:bold 16px/22px Arial;
	color: #fff;
	margin: 0px 4px;
	padding: 3px 0;
	min-width:30px;
	display:inline-block;
	text-align: center;
	text-decoration:none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	text-decoration: none;
	}
#mainlink a:hover{background-color:#ec1b30;}
#mainlink a.active {
	background-color:#ec1b30;
	font:bold 16px/22px Arial;
	color: #fff;
	margin: 0px 4px;
	padding: 3px 0;
	min-width:30px;
	display:inline-block;
	text-align: center;
	text-decoration:none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	text-decoration: none;
	}
#mainlink a.active:hover{background-color:#ec1b30;}

/* START CAU HINH */
#content .cauhinh {padding:10px 0;}
#content .cauhinh h2.title{margin:0;padding:15px 0;font:400 20px/28px OpenSansSemiBold;color:#e30000;text-transform:uppercase;}
#content .cauhinh h3.refresh{position:relative;margin:0;padding:0;height:36px;}
#content .cauhinh h3.refresh div{position:absolute;top:0;right:5px;display:inline-block;padding:8px 0;font:400 16px/20px OpenSansSemiBold;color:#d00;}
#content .cauhinh h3.refresh div span{font:400 16px/20px OpenSansSemiBold;color:#d00;}
#content .cauhinh h3.refresh a{display:inline-block;background:#1879c1;padding:8px 15px;font:400 14px/20px OpenSansSemiBold;color:#fff;text-transform:uppercase;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	}
#content .cauhinh h3.refresh a i{padding-right:8px;}
#content .cauhinh h3.refresh a:hover{background:#f00;}

#content .cauhinh h3.print{position:relative;margin:0;padding:10px 0;text-align:right;}
#content .cauhinh h3.print a{display:inline-block;background:#1879c1;margin-left:10px;padding:8px 15px;font:400 14px/20px OpenSansSemiBold;color:#fff;text-transform:uppercase;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	}
#content .cauhinh h3.print a i{padding-right:8px;}
#content .cauhinh h3.print a:hover{background:#f00;}

#content .cauhinh ul{margin:20px 0 10px;padding:0;list-style:none;}
#content .cauhinh ul li{display:block;width:100%;margin:0;padding:0;list-style:none;border-bottom:1px solid #e1e1e1;}
#content .cauhinh ul li:nth-child(odd){background:#f9f9f9;}
#content .cauhinh ul li:nth-child(even){}

#content .cauhinh ul li ul{margin:0;padding:0;list-style:none;}
#content .cauhinh ul li ul li{display:inline-block;vertical-align:top;margin:0;padding:15px 20px;list-style:none;border:none;
	font:400 15px/20px OpenSansSemiBold;
	color:#222;
	}
#content .cauhinh ul li ul li:nth-child(odd){width:22%;background:none;}
#content .cauhinh ul li ul li:nth-child(even){width:78%;border-left:1px solid #e1e1e1;}

#content .cauhinh ul li ul li span.nhom{display:block;padding:5px 0;font:400 14px/20px OpenSansSemiBold;color:#000;}
#content .cauhinh ul li ul li a.chon{display:inline-block;background:#1879c1;padding:5px 10px;font:400 14px/20px OpenSansSemiBold;color:#fff;
	cursor:pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	}
#content .cauhinh ul li ul li a.chon:hover{background:#f00;}
/* END CAU HINH */

/* START PRODUCTS LIST */
#cauhinh {width:100%;}

#cauhinh .cnavi{display:block;background-color:#f5f5f5;padding:5px 10px;text-align:center;}
#cauhinh .cnavi select.orderby {
    background: rgba(255,255,255,.95) url('/images/global/down-green.png') no-repeat right;
    float:left;
	display: inline-block;
    width: 150px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    border: 1px solid;
    border-color: #e6e6e6 #e6e6e6 #d2d2d2;
    outline: 0;
    margin: 0;
    padding: 3px 25px 3px 10px;
	font:400 13px/18px Arial;
    color: #444;
	
	-webkit-transition:all 150ms linear 10ms;
	-moz-transition:all 150ms linear 10ms;
	-ms-transition:all 150ms linear 10ms;
	-o-transition:all 150ms linear 10ms;
	transition:all 150ms linear 10ms;
}
#cauhinh .cnavi select.orderby:hover{
    -webkit-box-shadow: #0066ff 0 0 5px 0;
    -moz-box-shadow: #0066ff 0 0 5px 0;
    box-shadow: #0066ff 0 0 5px 0;
}
#cauhinh .cnavi .csearch {
    width: 330px;
    display: inline-block;
    vertical-align: top;	
	}
#cauhinh .cnavi .csearch .csbox{position: relative; border: #818181 1px solid; height: 26px; padding: 0; margin: 0 auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; overflow: hidden;}
#cauhinh .cnavi .csearch .csbox input[type="text"] {display:inline-table;vertical-align:top;width:300px;height:26px;padding:0 10px;margin:0px;border:none;outline:none;font:400 15px/26px Arial;}
#cauhinh .cnavi .csearch .csbox input[type="submit"] {background:#fff url('/images/global/ico-search.png') center center no-repeat;background-size:20px 20px;display:inline-table;vertical-align:top;width:27px;height:26px;cursor:pointer;padding:0px;margin:0px;border:none;border-left:#818181 1px solid;color:#fff;font:400 0px/26px Arial;outline:none}

#cauhinh .cnavi .clink {float:right;padding-right:12px;}
#cauhinh .cnavi .clink a {
	background-color:#00467e;
	font:bold 15px/22px Arial;
	color: #fff;
	margin: 0px 2px;
	padding: 2px 0;
	min-width:26px;
	display:inline-block;
	text-align: center;
	text-decoration:none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	text-decoration: none;
	}
#cauhinh .cnavi .clink a:hover{background-color:#ec1b30;}
#cauhinh .cnavi .clink a.cactive {
	background-color:#ec1b30;
	font:bold 15px/22px Arial;
	color: #fff;
	margin: 0px 2px;
	padding: 2px 0;
	min-width:26px;
	display:inline-block;
	text-align: center;
	text-decoration:none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	text-decoration: none;
	}
#cauhinh .cnavi .clink a.cactive:hover{background-color:#ec1b30;}

#cauhinh .makepc {width:100%;height:90vh;overflow-y:scroll;}
#cauhinh .makepc .pcleft {width:25%;display:inline-block;vertical-align:top;padding:5px 0 0;}
#cauhinh .makepc .pcright {width:75%;display:inline-block;vertical-align:top;padding:0 0 0 15px;}

#cauhinh .makepc .fill {}
#cauhinh .makepc .fill ul{margin:0;padding:0;list-style:none;}
#cauhinh .makepc .fill ul li{margin:0;padding:0;list-style:none;}
#cauhinh .makepc .fill ul li.head-1{
	padding:0 10px;
	border:none;
	background: url('/images/global/bg_gradient_red.png');
	font:400 13px/35px Arial;
	color:#fff;
	text-transform:uppercase;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;	
	}
#cauhinh .makepc .fill ul li.con-1{
	margin:0 0 12px;
	padding:2px 10px;
	border:#ccc 1px solid;
	border-top:none;
	background: url('/images/global/bg_gradient_bottom.png') left 0px repeat-x;
	font:400 13px/25px Arial;
	color:#fff;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;	
	}
#cauhinh .makepc .fill ul li.con-1 ul{margin:0;padding:0;list-style:none;}
#cauhinh .makepc .fill ul li.con-1 ul li{position:relative;margin:0;padding:3px 0 3px 16px;list-style:none;border-bottom:#ddd 1px dotted;}
#cauhinh .makepc .fill ul li.con-1 ul li:before {
    content: "\f101";
    font-family: FontAwesome;
    font-weight: normal;
    color: #222;
    position: absolute;
    top: 9px;
    left: 3px;
    line-height: 1;
    font-size: 13px;
}
#cauhinh .makepc .fill ul li.con-1 ul li:last-child{border-bottom:#ddd 0px solid;}
#cauhinh .makepc .fill ul li.con-1 ul li a{font:400 13px/20px Arial;color:#222;}
#cauhinh .makepc .fill ul li.con-1 ul li a:hover{color:#c2050b;}

#cauhinh .makepc .fill ul li.head-2{
	padding:0 10px;
	border:none;
	background: url('/images/global/bg_gradient_black.png');
	font:400 13px/35px Arial;
	color:#fff;
	text-transform:uppercase;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;	
	}
#cauhinh .makepc .fill ul li.con-2{
	margin:0 0 12px;
	padding:2px 10px;
	border:#ccc 1px solid;
	border-top:none;
	background: url('/images/global/bg_gradient_bottom.png') left 0px repeat-x;
	font:400 13px/25px Arial;
	color:#fff;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;	
	}
#cauhinh .makepc .fill ul li.con-2 ul{margin:0;padding:0;list-style:none;}
#cauhinh .makepc .fill ul li.con-2 ul li{position:relative;margin:0;padding:3px 0 3px 16px;list-style:none;border-bottom:#ddd 1px dotted;}
#cauhinh .makepc .fill ul li.con-2 ul li:before {
    content: "\f096";
    font-family: FontAwesome;
    font-weight: normal;
    color: #222;
    position: absolute;
    top: 9px;
    left: 3px;
    line-height: 1;
    font-size: 13px;
}
#cauhinh .makepc .fill ul li.con-2 ul li:last-child{border-bottom:#ddd 0px solid;}
#cauhinh .makepc .fill ul li.con-2 ul li a{font:400 12px/20px Arial;color:#222;text-transform:uppercase;}
#cauhinh .makepc .fill ul li.con-2 ul li a:hover{color:#c2050b;}
		
#cauhinh ul.ulpro {margin:0;padding:0;list-style:none;}
#cauhinh ul.ulpro li{margin:0;padding:15px 0;list-style:none;display:block;vertical-align:top;width:100%;border-bottom: solid 1px #ddd;}
#cauhinh ul.ulpro li .thumb {width:20%;display:inline-block;vertical-align:top;}
#cauhinh ul.ulpro li .thumb img{display:block;width:100%;border:none;}
#cauhinh ul.ulpro li .info {width:80%;display:inline-block;vertical-align:top;padding:0 0 0 15px;}
#cauhinh ul.ulpro li .info h3 {display:inline-block;margin:0;padding:3px 0;font:700 14px/18px Arial;color:#222;}
#cauhinh ul.ulpro li .info p {margin:0;padding:3px 0;font:400 14px/18px Arial;color:#222;}
#cauhinh ul.ulpro li .info span.span{width:100px;display:inline-block;vertical-align:top;padding:0;font:700 14px/18px Arial;color:#222;}

#cauhinh ul.ulpro li .info .p-price {font:bold 15px/18px Arial;color:#d00;}
#cauhinh ul.ulpro li .info .p-cprice {font:400 14px/18px Arial;color:#d00;}
#cauhinh ul.ulpro li .info .p-oldprice {color:#999;text-decoration:line-through;}

.cstock{}
.cstock img{display:block;border:none;}
.clove{
	display:inline-block;background:#1879c1;padding:5px 10px;font:400 14px/20px OpenSansSemiBold;color:#fff;
	cursor:pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	}
.clove:hover{background:#f00;}

#item {position:relative;margin:0;padding:0;}
#item .thumb {width:10%;display:inline-block;vertical-align:top;}
#item .thumb img{display:block;width:100%;border:none;}
#item .info {width:50%;display:inline-block;vertical-align:top;padding:0 15px;}
#item .info h3 {display:inline-block;margin:0;padding:0;font:700 12px/18px Arial;color:#222;}
#item .info p {margin:0;padding:0;font:400 12px/18px Arial;color:#222;}
#item .info span.span{width:100px;display:inline-block;vertical-align:top;padding:0;font:700 12px/18px Arial;color:#222;}

#item .price {width:auto;display:inline-block;vertical-align:top;font:400 12px/18px Arial;color:#222;white-space:nowrap}
#item .price span{display:inline-block;margin:0;padding:0;font:700 14px/18px Arial;color:#222;}
#item .price span.pri{min-width:80px;text-align:right}
#item .price span.suppri{color:#e51d24;}
#item .price b{display:inline-block;margin:0;padding:0 10px;font:400 12px/18px Arial;color:#222;}
#item .edit{position:absolute;top:0;right:0;display:inline-block;margin:0;padding:0;}
#item .edit i{line-height:22px;font-size:16px;}
#item .edit a.edi{color:#1d7be5;}
#item .edit a.del{margin-left:20px;color:#e51d24;}

/* END PRODUCTS LIST */

@media (max-width:640px){

	#header .top,
	#header .top .box,
	#header .hemnu,
	#header .hebox,
	#top-saleoff,
	#footer .box ul li,
	#home-section3 .box-pro-home .product-list.has-banner{width: 100%;}
	
	#content,
	#partner-footer,
	#footer .ibox{width: 98%;}
	
	#footer .ibox,
	#coadd ul{width: 96%;}
	
	#header .hebox .hcart {top:15px;right:10px;text-align:right;}
	#header .hebox .hcart .hotline{width:100%;padding:0}
	
	#header .top .box ul .mnu1,
	#header .top .box ul .mnu3,
	#header .top .box ul .mnu4,
	#header .top .box ul .mnu5,
	#header .hemnu .main-menu,
	.list-nav-right,
	#nav-deal,
	#home-section1,
	#home-section2 .news,
	#home-section3 .box-pro-home .title-box-pro-home .list-sub,
	#home-section3 .box-pro-home .banner,
	#top-saleoff .product-list li .p-hover,
	#home-section3 .box-pro-home .product-list li .p-hover,
	#content ul.ulpro li .p-hover,
	#content ul.ulopro li .p-hover,
	#overview-bottom,
	#content .float_left{display: none;}

	#header .hebox .logo{display:none;}
	#header .hebox .mlogo{display:inline-block;}
	
	#header .top .box .boxhotro ul li{width:100%;padding:0;}
	#header .top .box .boxhotro ul li:first-child{padding:0 10px;}
	#header .top .box .boxhotro ul li:last-child{width:100%;padding:0;border-left:none;}
	#header .top .box .boxhotro ul li ul.item1 li div.cssText{width: auto;}
	#header .top .box .boxhotro ul li ul.item2 li div.cssText{width: auto;}

	#header .hemnu .fsearch {top:0;right:10%;margin:0 0 0 6%;padding:4px 0 0;width:60%;}
	#header .hemnu .fsearch .fsbox{border:#de0b00 0 solid;height:30px;display:flex;}
	#header .hemnu .fsearch .fsbox input[type="text"]{display:inline-block;vertical-align:top;max-width:80%;width:100%;height:30px;font:400 15px/30px Arial;}
	#header .hemnu .fsearch .fsbox input[type="submit"]{display:inline-block;vertical-align:top;width:30px;height:30px;background-size:20px 20px;
		border-left:none;
		-webkit-border-top-right-radius: 4px;
		-webkit-border-bottom-right-radius: 4px;
		-moz-border-radius-topright: 4px;
		-moz-border-radius-bottomright: 4px;
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
		}

	#sliderh,
	#content .homemnu,
	#header .hemnu .mainhmenu,
	#news-fixed{display:block;}
	.hfixed .fsearch {top: 4px !important;right:6% !important;}
	.hfixed .fixcon {width:100%;}
	.hfixed #home-fixed{padding: 0 0 0 6%;}
	.hfixed #hotline-fixed{display:none !important;}

	.hfixed .fsearch .fsbox input[type="text"]{width: 220px !important;height: 30px !important;font: 400 15px/30px Arial !important;}
	.hfixed .fsearch .fsbox input[type="submit"]{height: 30px !important;}
	
	#top-saleoff .product-list li,
	#home-section3 .box-pro-home .product-list li,
	#home-section3 .box-pro-home .product-list.has-banner li,
	#content ul.ulpro li,
	#content ul.ulopro li{width: 50%;}
	
	#top-saleoff .product-list li .p-img img,
	#home-section3 .box-pro-home .product-list li .p-img img,
	#content ul.ulpro li .p-container .p-img img,
	#content ul.ulopro li .p-container .p-img img {max-width: 90%;max-height: 190px;}
	
	#mobilist{display:block;}
	
	#content .mainpro .proleft {width: 100%;}
	#content .mainpro .proright {display: none;}
	
	#content .container {padding: 0 0 15px;}
	#product-image{display:none}
	#progal{display:block}
	#overview{width: 100%;}
	#overview .line {margin: 10px 0 15px;}
	#overview-left{width: 100%;padding: 0 0 12px;}
	#overview-right{width: 100%;}
	#content .space20{height: 5px;}
	#pro-info-tab .title-tab a{padding: 8px 12px;}
	#pro-info-tab .title-tab.fixed{width:100%;position:initial;}
	.content-tab-left{width: 100%;overflow:hidden;}
	.content-tab-right {width: 100%;}
	#pro-info-tab .h-title{margin-top:12px;}
	#overview div.price span.pricenum {font-size: 20px;}
	
	.hover_content_pro {display: none !important;}
	
	#enform {width: 98%;}

	#enlist{display:none;}
	#enmlist{display:block}

	#bookreport{display:none;}
	#bookmreport{display:block}

	#content .title-page-news {height: 38px;line-height: 38px;margin:5px 0 12px;}
	#content .title-page-news .h-title{font-size: 14px;font-weight: 700;padding: 0 25px 0 15px;}

	#content .ulmn li {width: 49.5%;margin: 0 0 5px 1%;}
	#content .ulmn li:nth-child(odd){margin-left:0;}
	#content .ulmn li:nth-child(6){margin-left:1%;}
	
	#content .pleft{width: 100%;}
	#content .pright{display: none;}

	#content ul.ulnews li .thumb{width: 40%;}
	#content ul.ulnews li .info {width: 60%;}
	#content ul.ulnews li .info .ndesc {display: none;}

	#footer .box ul li{margin:0;}
	#footer .box ul li:last-child{width:100%;}
	
	#footer .box ul li ul.bmenu li,
	#coadd ul li{width: 100%;margin: 0;}
	#callnow{display:block}

}

@media (max-width:480px){

	#header .hebox .mlogo img {max-height: 65px;}
	#header .hebox .hcart {top:5px;}
	#header .hebox .hcart .hotline {line-height:34px;}
	#header .hebox .hcart .hotline span{display:none}
	#header .hebox .hcart .hotline a {font: bold 20px/34px Arial;}
	
	#popupContactClose img{height:35px;}
	
	#header .hemnu .fsearch {width:50%;right:20%;}
	.hfixed .fsearch {right: 10px !important;margin: 0 !important;}
	.hfixed .fsearch {top: 4px !important;right:6% !important;}
	.hfixed .fsearch .fsbox input[type="text"]{width: 180px !important;height: 30px !important;font: 400 15px/30px Arial !important;}
	
	#top-saleoff .product-list li .p-price,
	#home-section3 .box-pro-home .product-list li .p-price,
	#content ul.ulpro li .p-price,
	#content ul.ulse li .p-price,
	#content ul.ulopro li .p-price{top:100px;font: 700 italic 20px/40px Arial;}

	#top-saleoff .product-list li .p-oldprice,
	#home-section3 .box-pro-home .product-list li .p-oldprice,
	#content ul.ulpro li .p-oldprice,
	#content ul.ulse li .p-oldprice,
	#content ul.ulopro li .p-oldprice{top:90px;font: 750 italic 15px/15px Arial;}
	
}

@media (max-width:420px){

	#header .hebox .logo img {max-height: 55px;}
	#header .hebox .hcart {top:2px;}
	#header .hebox .hcart .hotline,
	#header .hebox .hcart .hotline b{line-height:30px;}
	#header .hebox .hcart .head {height: 32px;font: 400 14px/32px Arial;}
	
}