﻿@import url('css/font-awesome.min.css');
html,*{margin:0;padding:0}
body{color:#222;font: 400 13px/18px Tahoma;margin:0;padding:0}
h1,h2,h3,h4,h5,p, ul, li{margin:0;padding:0}
a{color:#36c;outline:none;text-decoration:none;
    -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;
}
.clearfix:after{clear:both;content:" ";display:block;height:0;visibility:hidden}
* html .clearfix{height:1%;}
@font-face {
    font-family: 'OpenSans';
    src: url('../font/opensans_regular.eot');
    src: url('../font/opensans_regulard41d.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: 'OpenSansBold';
    src: url('../font/opensans_bold.eot');
    src: url('../font/opensans_boldd41d.eot?#iefix') format('embedded-opentype'),
         url('../font/opensans_bold.woff') format('woff'),
         url('../font/opensans_bold.ttf') format('truetype'),
         url('../font/opensans_bold.svg#OpenSansBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSansSemibold';
    src: url('../font/opensans_semibold.eot');
    src: url('../font/opensans_semiboldd41d.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: 'OswaldVNF';
	src: url('../font/oswald-vnf.eot');
	src: url('../font/oswald-vnfd41d.eot?#iefix') format('embedded-opentype'),
		 url('../font/oswald-vnf.woff') format('woff'),
		 url('../font/oswald-vnf.ttf') format('truetype'),
		 url('../font/oswald-vnf.svg#AftaserifRegular') format('svg');
	font-weight: 300;
	font-style: normal;
}
/* ========== MAIN DIV THAT HOLDS THE ENTIRE MENU ========== */
.menu{}
.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{
    font-size: 25px;
	}
.menu > ul > li:first-child a span{display:none}
.menu ul > li > a{
	display:block;
	padding:0 10px;
	font: 400 13px/44px OpenSansSemiBold;
	color:#fff;
	text-decoration:none;
	/* text-transform:uppercase; */
	-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;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	}
.menu ul > li > a div{
	padding-top:5px;
	font:400 13px/13px "OpenSans", Arial;
	color:#fff;
	text-decoration:none;
	text-transform:none;
	}
/* ========== MAIN LINKS ON MOUSEOVER ========== */
.menu ul:hover li.active a{
	}
.menu ul li:hover > a{
	color:#fff;
	background:#fab803;
	}
.menu ul li.active:hover > a{
	}
.menu ul li:first-child:hover > a{
	}
/* ========== MAIN LINKS ON MOUSE CLICK ========== */	
.menu ul li a:active, .menu ul li.active a:active{
	}
/* ========== CLASSIC/MEGA MENU ========== */	
.menu ul ul, .menu .mega_menu{
	position:absolute;
	visibility:hidden;
	opacity:0;
	z-index:997;
	border-left:solid 0px #006a0c;
	border-right:solid 0px #006a0c;
	-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:9px 0 9px;
	border:none;
	border-top:solid 0 #004b09;
	border-bottom:solid 0 #004b09;
	}
/* ========== 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;
	background:#fab803;
	min-width:185px;
	height:auto;
	padding:10px 20px;
	font:400 13px/18px Arial;
	text-transform:none;
	color:#fff;
	border-bottom:solid 1px #ccc;
	border-right:none;
	}
.menu ul ul li:last-child a{
	border-bottom:dotted 0px #d2d2d2;
	-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;
	right:12px;
	}
/* ========== LINKS ON MOUSEOVER IN CLASSIC MENU ========== */
.menu ul ul li:hover > a{
	background:#DCA200;
	border-right:none;
	}
.menu ul ul li:first-child:hover a{
	background:#DCA200;
	border-right:none;
	}	
/* ========== LINKS ON MOUSE CLICK IN CLASSIC MENU ========== */
.menu ul ul li a:active{
	background:#DCA200;
	}
/* ========== 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;
	border-top-right-radius:4px;
	}	
/* ========== 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:100%; /* + 10px from left and right side, width=980px. 980px is the width of the Menu */
	left:0;
	padding:9px 8px 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	}	
/* ========== HEADINGS IN MEGA MENU ========== */
.menu h1, .menu h2, .menu h3, .menu h4, .menu h5, .menu h6{
	margin:0;
	font-family:"OpenSans";
	font-weight:normal;
	color:#ffff00;
	}
.menu h1{
	font-size:18px;
	}
.menu h2{
	font-size:16px;
	}
.menu h3{
	font-size:14px;
	}
.menu h4{
	font-size:13px;
	}
.menu h5{
	font-size:12px;
	}
.menu h6{
	font-size:12px;
	}
/* ========== CLASSIC LINKS IN MEGA MENU ========== */
.menu .mega_menu a{
	}
.menu .mega_menu a:hover{
	}
/* ========== IMAGES INSIDE LINK IN MEGA MENU ========== */		
.menu .mega_menu a img{
	margin:0;
	}
.menu .mega_menu a img:hover{
	}
.menu .mega_menu a img:active{
	}	
/* ========== TYPOGRAPHY IN MEGA MENU ========== */	
.menu .mega_menu p{
	margin:3px 0 6px 0;
	font-size:12px;
	color:#dddcdc;
	font-family:Tahoma, Geneva, sans-serif;
	}
.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 1%;
	padding:0 0 12px;
	float:left;
	}	
.menu .mega_menu .one{
	width:98%;
	}	
.menu .mega_menu .one_half{
	width:48%;
	}
.menu .mega_menu .one_thirds{
	width:31.33%;
	}	
.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{
	}
.menu .mega_menu img.left{
	}
.menu .mega_menu img.right{
	}
/* ========== PORTFOLIO IN MEGA MENU ========== */	
.menu .mega_menu .portfolio li{
	display:inline-block;
	vertical-align:top;
	width:12.5%;
	padding:5px;
	margin:0;
	float:none;
	*float:left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	}	
.menu .mega_menu .portfolio li a{}
.menu .mega_menu .portfolio li a img{width:100%;margin:0;}
.menu .mega_menu .portfolio li p{margin:0;padding:8px 0;text-align:center}
.menu .mega_menu .portfolio li p a{font:400 14px/18px OpenSans;color:#444;}
.menu .mega_menu .portfolio li p a:hover{color:#c40002;}
/* ========== LISTS IN MEGA MENU ========== */
.menu .mega_menu .list{
	display:inline-block;
	/*vertical-align:top;*/
	width:46%;
	margin:0 2%;
	padding:0;
	*float:left;
	}	
.menu .mega_menu .list li{
	width:100%;
	float:left;
	}	
.menu .mega_menu .list li.headline{
	border-bottom:solid 1px #353535;
	}
.menu .mega_menu .list li.headline h3, .menu .mega_menu .list li.headline h3 a{
	margin-left:7px;
	font:20px "OpenSans";
	color:#5B5B5B;
	text-transform:uppercase;
	}
.menu .mega_menu .list li.headline h3 a{
	margin-left:0;
	}
.menu .mega_menu .list li a{
	margin-left:7px;
	padding:0;
	font:13px/24px "OpenSans";
	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:#ffff00;
	}
.menu .mega_menu .list li a:active, .menu .mega_menu .list li.headline h3 a:active{
	color:#dddcdc;
	}
/* ========== BLOG IN MEGA MENU ========== */
.menu .mega_menu .blog_post{
	margin-bottom:10px;
	padding:5px;
	overflow:hidden;
	background:#029013;
	-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:#dddcdc;
	}
.menu .mega_menu .blog_post .read_more{
	margin-top:-5px;
	height:auto;
	float:right;
	font:11px OpenSans;
	color:#555;
	text-decoration:none;
	}	
.menu .mega_menu .blog_post .read_more:hover{
	color:#ffff00;
	}
/* Animated CSS3 Mega Menu - Responsive */
	.menu input#dropdown, .menu label{
		display:none;
		position:absolute;
		top:5px;
		left:0px;
		width:46px;
		height:35px;
		}
	.menu input#dropdown{
		opacity:0;
		}
	.menu label{
		background: #fab803 url('../images/icon_list.png') no-repeat center;
		webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
		}
	.menu label:hover{
		cursor:pointer;
		}
	.menu input#dropdown:checked ~ label{
		background: #543a1f url('../images/icon_list.png') no-repeat center;
		-webkit-box-shadow:inset 0 0 28px #473127, inset 0 0 6px #1A1A1A;
		-moz-box-shadow:inset 0 0 28px #473127, inset 0 0 6px #1A1A1A;
		box-shadow:inset 0 0 28px #473127, inset 0 0 6px #1A1A1A;
		}
	.menu input#dropdown:checked ~ ul{
		display:block;
		}	
	.menu div.dropdown{
		display:none;
		position:absolute;
		top:3px;
		left:66px;
		margin:0;
		font: 400 16px OpenSans;
		text-transform:uppercase;
		color:#fff;
		}
	.menu div.dropdown span{
		text-transform:none;
		font:400 26px "OswaldVNF";
		color:#fff;
		}
	.menu div.dropdown span a{
		color:#fff;
		}
	.menu div.flag{
		float:right;
		display:none;
		margin:9px 5px 0 0;
		}
	.menu div.flag img{
		margin:0 5px 0 0;
		}
@media only screen and (max-width: 1024px){
	.menu{
		width:100%;
		}
	.menu ul > li > a{}
	.menu ul ul{
		margin:0;
		}
	.menu .mega_menu{
		width:auto;
		margin:0;
		}
	}
@media only screen and (max-width: 900px){
	.menu input, .menu label, .menu div.dropdown{display:block;}
	.menu div.flag{display:block;}
	.menu{
		width:100%;
		min-height:50px;
		height:100%;
		/*overflow:hidden;*/
		position:relative;
		}
	.menu ul{
		display:none;
		position: absolute;
		width:100%;
		top:50px;
		margin:0;
		padding:0;
		float:none;
		background:#543a1f;
		z-index:997;
		}
	.menu ul > li{
		float:none;
		}
	.menu > ul > li:first-child a{
		background: none;
		width:100%;
		height:auto;
		padding:6px 2%;
		font:400 14px/28px "OpenSans", Arial;
		color:#fff;
		text-transform:uppercase;
		border-right:solid 0px #684a2b;
		border-bottom:solid 1px #684a2b;
		}
	.menu > ul > li:first-child a span{display:block}
	.menu ul li a{
		width:100%;
		background:none;
		height:auto !important;
		padding:6px 2% !important;
		font:400 14px/28px "OpenSans", Arial !important;
		color:#fff;
		text-transform:uppercase;
		border-right:solid 0px #684a2b;
		border-bottom:solid 1px #684a2b;
		}
	.menu .mega_menu .portfolio li p {padding-bottom:0}
	.menu .mega_menu p,.menu .mega_menu .portfolio li p a {color: #fff;border-bottom:none}
	.menu .mega_menu .portfolio li a {border-bottom:none}
	.menu ul > li > a div {display:inline-block;padding:0 0 0 5px;font:400 14px/14px "OpenSans", Arial;text-transform:uppercase;color:#fff;}
	.menu ul li:hover > a, .menu ul li.active:hover > a{
		color:#fff;
		}
	.menu ul li:first-child:hover > a{
		color:#fff;
		}
	.menu ul ul, .menu .mega_menu{
		display:block;
		position:static;
		visibility:visible;
		opacity:1;
		margin:0;
		font-size:0;
		overflow:hidden;
		border:none;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
		background:#684a2b;
		}
	.menu ul ul li{
		width:100%;
		float:left;
		}
	.menu ul ul li a{
		width:100%;
		padding: 6px 2% 6px 30px !important;
		text-align:left;
		color:#fff;
		border:none;
		font: 400 14px/28px "OpenSans", Arial !important;
		text-transform:none;
		border-bottom:solid 1px #543a1f;
		}
	.menu ul ul li:hover a{
		background:#005378;
		color:#fff;
		}
	.menu ul ul li:first-child:hover a{
		background:#005378;
		color:#fff;
		}
	.menu ul ul ul, .menu ul ul li a i{
		display:none;
		}
	.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{
		display:inline-block;
		vertical-align:top;
		padding:0 0 12px;
		float:none;
		}	
	.menu .mega_menu{
		width:auto !important;}	
	.menu .mega_menu .portfolio li, .menu .mega_menu .list{
		margin:0;
		width:48%;
		margin:0 1% 2%;
		}
	}
@media only screen and (max-width: 750px) {
	.menu{width:100%}
	.hidden-mobile{
		display: none;
	}	
}
@media only screen and (min-width: 751px) {
	.menu{width:100%}
	.hidden-desktop{
		display: none;
	}	
}
.clearfix {
	clear: both;
}
/* START HEADER */
#header{width:100%;background:#fff;border-top:#DCA200 2px solid;
	position:fixed;
	top:0;
	z-index:9999;
	}
#header .top{width:100%;padding:10px 0;
    -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;
	}
#header .top .box{position:relative;width:1172px;margin:0 auto;}
#header .top .box .logo{display:inline-block;vertical-align:top;padding:0 0 0 10px;}
#header .top .box .logo img{display:block;max-height:57px;border:none;
    -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;
	}
#header .top .box .right{position:absolute;top:10px;right:0;}
#header .top .box .right .hotline {display:inline-block;vertical-align:top;margin:0 10px 0 0;padding:0 10px 0 0;text-align: left;border-right: 1px solid #333;}
#header .top .box .right .hotline p{display: block;font:400 13px/20px Arial;color:#000;text-transform: uppercase;}
#header .top .box .right .hotline div{display: block;font:700 18px/20px Arial;color:#DCA200;text-transform: uppercase;}
#header .top .box .right .worktime {display:inline-block;vertical-align:top;margin:0 10px 0 0;padding:0 10px 0 0;text-align: left;border-right: 1px solid #333;}
#header .top .box .right .worktime p{display: block;font:400 13px/20px Arial;color:#000;text-transform: uppercase;}
#header .top .box .right .worktime div{display: block;font:700 14px/20px Arial;color:#000;text-transform: uppercase;}
#header .top .box .right .giohang {display:inline-block;vertical-align:top;padding:4px 0;}
#header .top .box .right .giohang a{display:block;margin:0;padding:0 0 0 35px;background: url('../images/global/cart.png') no-repeat left;color:#585858;font:400 14px/32px OpenSans;text-decoration:none;vertical-align:top;}
#header .top .box .right .giohang a span{display:inline-block;padding:0 0 0 5px;color:#444;font:400 14px/32px OpenSansSemiBold;}
#header .top .box .right .giohang a:hover{color:#585858;}
#header .top .box .right .mxh {display:inline-block;vertical-align:top;padding:9px 0;}
#header .mnbox{width:100%;margin:0;background:#DCA200;height:44px;}
#header .mnbox .box{position:relative;width:1172px;margin: 0 auto;}
#header .mnbox .box .right{position:absolute;top:0;right:10px;}
div.search{display:flex;padding:8px 3px 0;}
div.search .ditext{
	display: flex;
    flex-grow: 1;
    flex-basis: 0;
    vertical-align: middle;
	}
div.search .dibut {
    display: flex;
    width: auto;
    vertical-align: middle;
}
div.search input {
	display:inline-block;
	width:180px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    background-color: #DCA200;
    border:#fff 1px solid;
	border-right:none;
    outline: 0;
    margin: 0;
    padding:6px 10px 6px 12px;
	font:400 14px/16px Arial;
	color:#fff;
}
div.search button[type="submit"] {
	width:auto;
     background-color: #DCA200;
	border:#fff 1px solid;
	border-left:#fff 0 solid;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    outline: 0;
    margin: 0;
    padding:5px 10px;
	font:400 13px/16px Arial;
	color:#fff;
	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;
}
div.search button[type="submit"]:hover {
	color:#f00;
}
.fixed {padding:0 !important;
    -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;
	}
#boxads{padding:126px 0 0;}
#boxmn{display:none;padding:0;margin:0;list-style-type:none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	}
#boxmn li
{
	display: inline-block;
	vertical-align: top;
	width: 22%;
	padding: 0;
	margin: 5px 1%;
	list-style-type: none;
	-webkit-box-shadow: 0 10px 6px -6px #777;
	-moz-box-shadow: 0 10px 6px -6px #777;
	box-shadow: 0 10px 6px -6px #777;
	background: #DCA200;
	border-radius: 4px;
	}
#boxmn li a{display:block;font:400 14px/20px Arial;color:#222;text-align:center;
	display: block;
	font: 400 14px/20px Arial;
	color: #fff;
	text-align: center;
	padding: 4px 5px;
	min-height: 72px;
	/* border: #ea212b 1px solid; */
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	/* border-radius: 3px; */
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 );
	font-weight: 600;
	}
/* END HEADER */
/* START CONTENT */
#navi{margin: 0;padding:0;background:#fcfcfc;border-bottom:1px solid #eee;}
#navi .navibox{width:1172px;font:400 13px/13px OpenSansSemiBold;color:#222;padding:10px 0;margin:0 auto;}
#navi .navibox a{color:#222;text-decoration:none;}
#navi .navibox a:hover{text-decoration:underline;}
#otherul{padding:0;margin:0 0 0 10px;list-style:none;}
#otherul li{background:url("../images/global/arrow-rv1.png") no-repeat left;background-position: 5px 7px;padding:0 0 10px 15px}
#otherul li a{font:400 14px/18px Arial;color:#222;text-decoration:none}
#otherul li a:hover{color:#d4232b}
#content{width:100%;
	padding: 0 0 15px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	}	
#content div.conbox{width:1172px;margin:0 auto;}
#content div.homebox{margin:0;padding:0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	}
#content div.homebox .hotpro{
	width: 1172px;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding-bottom: 20px;
    text-align: center;
}
#content div.homebox .hotpro p
{
	padding-top: 15px;
	font-size: 14px;
	color: #777;
}
#content div.homebox .hotpro .ulhome{width:100%;padding:0;margin:0;list-style-type:none;}
#content div.homebox .hotpro .ulhome .lihome{padding:15px 0;text-align:center}
#content div.homebox .hotpro .ulhome .lihome .title{position:relative;background:#fff;display:inline-block;margin:0;padding:0 15px;font:400 22px/30px OpenSansSemiBold;color:#DCA200;text-transform:uppercase;}
#content div.homebox .hotpro .ulhome .lihome .title:before {
    position: absolute;
    left: 100%;
    top: 50%;
    height: 1px;
    width: 100px;
    content: "";
    z-index: 1;
    margin-bottom: 30px;
    background: #ccc;
}
#content div.homebox .hotpro .ulhome .lihome .title:after {
    position: absolute;
    right: 100%;
    top: 50%;
    height: 1px;
    width: 100px;
    content: "";
    z-index: 1;
    margin-bottom: 30px;
    background: #ccc;
}
#content div.homebox .homepro{width:1172px;margin:0 auto;padding:0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	}
#content div.homebox .homepro ul{width:100%;padding:0;margin:0;list-style-type:none;}
#content div.homebox .homepro ul li{width:32%;display:inline-block;vertical-align:top;padding:0;margin:0 4px 0 1%;
	position: relative;
    overflow: hidden;
	}
#content div.homebox .homepro ul li:first-child{margin-left:0;}
#content div.homebox .homepro ul li img{display:block;width:100%;border:none}
#content div.homebox .homepro ul li a {position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
    vertical-align: middle;
    -webkit-transition: background-color .5s;
    -moz-transition: background-color .5s;
    -o-transition: background-color .5s;
    -ms-transition: background-color .5s;
    transition: background-color .5s;	
	}
#content div.homebox .homepro ul li a .text {
    vertical-align: middle;
    display: table;
    width: 100%;
    height: 100%;
}
#content div.homebox .homepro ul li a .text div.middle {
    vertical-align: middle;
    display: table-cell;
}
#content div.homebox .homepro ul li h2 {
    vertical-align: middle;
    font:400 16px/20px OpenSansSemiBold;
    margin: 0;
    padding: 15px 30px;
    text-transform:uppercase;
    color: #fff;
    background: #fab803;
    -webkit-transition: background-color 0s;
    -moz-transition: background-color 0s;
    -o-transition: background-color 0s;
    -ms-transition: background-color 0s;
    transition: background-color 0s;
}
#content div.homebox .homepro ul li p {
    text-align: center;
    color: #FFF;
    font:400 14px/20px OpenSans;
    padding: 10px 30px;
    display: none;
    -webkit-transition: background-color .5s;
    -moz-transition: background-color .5s;
    -o-transition: background-color .5s;
    -ms-transition: background-color .5s;
    transition: background-color .5s;
}
#content div.homebox .homepro ul li:hover a {background:rgba(0,0,0,.55)}
#content div.homebox .homepro ul li:hover h2 {
    background: 0 0;
    padding-left: 0;
    padding-right: 0;
    margin: 0 30px;
    border-bottom: 1px solid #DCA200;
}
#content div.homebox .homepro ul li:hover p {display:block;}
#content div.homebox .homead{width:1172px;margin:0 auto;padding:0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	}
#content div.homebox .homead .ulhome{width:100%;padding:25px 0 0;margin:0;list-style-type:none;}
#content div.homebox .homead .ulhome li.lihome{padding:15px 0;text-align:center}
#content div.homebox .homead .ulhome li.lihome p{position:relative;background:#fff;display:inline-block;margin:0;padding:0 15px;font:400 22px/30px OpenSansSemiBold;color:#DCA200;text-transform:uppercase;}
#content div.homebox .homead .ulhome li.lihome p:before {
    position: absolute;
    left: 100%;
    top: 50%;
    height: 1px;
    width: 100px;
    content: "";
    z-index: 1;
    margin-bottom: 30px;
    background: #ccc;
}
#content div.homebox .homead .ulhome li.lihome p:after {
    position: absolute;
    right: 100%;
    top: 50%;
    height: 1px;
    width: 100px;
    content: "";
    z-index: 1;
    margin-bottom: 30px;
    background: #ccc;
}
#content .featured{padding:10px 0 10px 0.5%;}
#content .featured span{color:#565656;font:400 22px/22px OpenSansSemiBold;margin:0;padding:0;}
#sliderh {
  width:100%;
  margin:0;
  padding:0;
  -webkit-user-select: none;
  -moz-user-select: none;  
  user-select: none;
  overflow:hidden;
	}
/* MAIN PRO LIST */
#content .prolist {margin:0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	}
#content .prolist .left{width:20%;display:inline-block;vertical-align:top;padding:0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	}
#content .prolist .left .cmenu{width:100%;padding:20px 0 5px;margin:0;list-style-type:none;}
#content .prolist .left .cmenu li{padding:0;margin:0;}
#content .prolist .left .cmenu li.head {
	background:#006BCD;
	font:400 14px/22px OpenSansSemiBold;
	color: #fff;
    text-transform: uppercase;
	padding: 8px 15px;
	}
#content .prolist .left .cmenu li.head a{font:400 14px/22px OpenSansSemiBold;color:#fff;}
#content .prolist .left .cmenu li.head a:hover{color:#ff9c00;}
#content .prolist .left .cmenu li ul{padding:0;margin:0;list-style-type:none;}
#content .prolist .left .cmenu li ul li{padding:0;margin:0;text-align:left;
	border-bottom:#dfdfdf 1px solid;
	}
#content .prolist .left .cmenu li ul li a{display:block;padding:8px 2px;font:400 13px/22px Arial;color:#444;}
#content .prolist .left .cmenu li ul li:hover > a{color:#DCA200;}
#content .prolist .left .cmenu li ul li a i{padding-right:6px;font-size:13px;}
#content .prolist .left .cmenu li ul li a.active{color:#444;}
#content .prolist .right{width:79%;display:inline-block;vertical-align:top;padding:0 0 0 25px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	}
/* MAIN PRO DETAIL */
#content .prode {margin:20px 0 0;
	border-top:#ddd 1px solid;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	}
#content .prode .left{width:78%;display:inline-block;vertical-align:top;padding:0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	}	
#content .prode .right{width:21%;display:inline-block;vertical-align:top;padding:0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	}
#content .prode .right .chotro{width:100%;margin:0 8px;list-style-type:none;}
#content .prode .right .chotro li{background:#f2f2f2;padding:25px 15px;margin:0;}
#content .prode .right .chotro li ul{padding:0;margin:0;list-style-type:none;}
#content .prode .right .chotro li ul li{padding:0;margin:0;text-align:left;}
#content .prode .right .chotro li ul li a{display:block;padding:5px 0;font:400 12px/20px OpenSansSemiBold;color:#444;text-transform:uppercase;}
#content .prode .right .chotro li ul li:hover > a{color:#DCA200;}
#content .prode .right .chotro li ul li a i{padding-right:6px;font-size:13px;}
#content .prode .right .chotro li div.support{padding:2px;margin:20px 0 0;border:2px double #DCA200;background:#fff;}
#content .prode .right .chotro li div.support div{border: 1px double #DCA200;display: block;padding: 15px 10px 10px;position: relative;}
#content .prode .right .chotro li div.support div h3{position:absolute;width:100%;top:-14px;left:0;margin:0;padding:0;text-align:center}
#content .prode .right .chotro li div.support div h3 span{position:relative;display:inline-block;padding:0 10px;text-align:center}
#content .prode .right .chotro li div.support div h3 span strong{position:relative;z-index:2;display:inline-block;font:400 15px/20px OpenSansSemiBold;color:#DCA200;text-transform:uppercase;}
#content .prode .right .chotro li div.support div h3 span:before {
    background: #FFF;
    width: 100%;
    height: 50%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    content: "";
    display: block;
	}
#content .prode .right .chotro li div.support div h3 span:after {
    background: #f2f2f2;
    width: 100%;
    height: 50%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    content: "";
    display: block;
}
#content .prode .right .chotro li div.support div p{margin:0;padding:5px 0;text-align:center;}
#content .prode .right .chotro li div.support div a{display:block;background:#eee;padding:5px 0;font:400 14px/20px OpenSans;color:#444;}
#content .prode .right .chotro li div.support div a i{padding-right:6px;font-size:13px;}
#content .prode .right .chotro li div.support div a:hover,
#content .prode .right .chotro li div.support div a:hover i{color:#DCA200;}
#content .prode .right .cmenu{width:100%;padding:15px 0 0;margin:0 8px;list-style-type:none;}
#content .prode .right .cmenu li{padding:0;margin:0;}
#content .prode .right .cmenu li.head {
	background:#006BCD;
	font:400 14px/22px OpenSansSemiBold;
	color: #fff;
    text-transform: uppercase;
	padding: 8px 15px;
	}
#content .prode .right .cmenu li.head a{font:400 14px/22px OpenSansSemiBold;color:#fff;}
#content .prode .right .cmenu li.head a:hover{color:#ff9c00;}
#content .prode .right .cmenu li ul{padding:0;margin:0;list-style-type:none;}
#content .prode .right .cmenu li ul li{padding:0;margin:0;text-align:left;
	border-bottom:#dfdfdf 1px solid;
	}
#content .prode .right .cmenu li ul li a{display:block;padding:8px 2px;font:400 13px/22px Arial;color:#444;}
#content .prode .right .cmenu li ul li:hover > a{color:#DCA200;}
#content .prode .right .cmenu li ul li a i{padding-right:6px;font-size:13px;}
#content .prode .right .cmenu li ul li a.active{color:#444;}
/* START NEWS LIST */
#content div.neread{margin:0;padding:35px 0 15px;font:400 15px/15px OpenSans;color:#222;text-align:center}
#content div.neread a{
    border: #DCA200 2px solid;
    color: #DCA200;
    display: inline-block;
    font: 400 14px/34px Arial;
    text-transform: uppercase;
    margin: 0;
    padding: 0 25px;
    text-decoration: none;
	}
#content div.neread a:hover{background: #DCA200 none repeat scroll 0 0;color:#fff;text-decoration:none}
#content .ulnews{width:100%;padding:0;margin:0 auto;list-style-type:none;}
#content .ulnews li{
	display:inline-block;
	background:#fff;
	border:#d9d9d9 1px solid;
	width:29.33333%;
	margin:25px 2% 0;
	padding:10px;
	list-style-type:none;
	vertical-align:top;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-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 .ulnews li .thumb{
	position:relative;
	width:100%;
	padding:0px;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
#content .ulnews li .thumb a img{
	display:block;
	position:relative;
	width:100%;
	margin:0 auto;
	opacity:1;
	border:none;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
	-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;
	z-index:1;
	}
#content .ulnews li h4{margin:10px 0 8px 0;padding:0;font:400 16px/22px OpenSansSemiBold;color:#222;height:22px;overflow:hidden;}
#content .ulnews li h4 a{font:400 16px/22px OpenSansSemiBold;color:#222;}
#content .ulnews li h4 a:hover {color:#dd3333;}
#content .ulnews li p.desc{height:60px;overflow:hidden;margin:0;padding:0;font:400 14px/20px OpenSans;color:#444;}
#content .ulnews li p.updated{margin:0;padding:0 0 8px 0;font:400 italic 13px/13px OpenSans;color:#565656;}
/* END NEWS LIST */
/* START HOME PRO LIST */
#content .hpro{width:100%;padding:15px 0 0 0;margin:0;list-style:none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	}
#content .hpro li{display:inline-block;width:32%;position:relative;margin:5px 4px;list-style:none;vertical-align:top;
    border: 1px solid #ddd;
    padding: 15px 10px;
    background:#fff;;
    /*-webkit-box-shadow: 0px 0px 9px -2px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 9px -2px rgba(0, 0, 0, 0.1);*/
	transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;-ms-transition:all .3s ease 0s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	box-sizing: border-box;
}
#content .hpro li .thumb {
    display: block;
    text-align: center;
    width: 100%;
	padding:0;
    transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	}
#content .hpro li .thumb img{
	display:block;
	width: 100%;
	border:none;
    transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
	/*
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
    padding:0;
	*/
    margin: 0 auto;
	}
#content .hpro li .thumb div.seller{
    display: inline-block;
    position: absolute;
    top: 5px;
    left: 10px;
	width:40px;
	}
#content .hpro li .thumb div.seller img{display:block;width:100%;border:none}
#content .hpro li .thumb div.km{
    display: inline-block;
    position: absolute;
    top: 5px;
    right: 5px;
	width:80px;
	}
#content .hpro li .thumb div.km img{display:block;width:100%;border:none}
#content .hpro li h2{height:20px;overflow:hidden;margin:5px 0;padding:0;font:400 13px/20px OpenSansSemiBold;color:#222;text-align:center}
#content .hpro li h3 a{    
	margin: 0;
    font: 400 13px/20px OpenSansSemiBold;
    color: #222;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
	overflow: hidden;
}
#content .hpro li h3 a:hover{color:#DCA200;}
#content .hpro li p.desc{
	height: 20px;
    overflow: hidden;
    margin: 3px 0;
    padding: 0;
    font: 400 13px/20px OpenSans;
    color: #222;
    text-align: center;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#content .hpro li p.oprice{margin:3px 0 0;padding:0;font:400 13px/13px OpenSans;text-align:center;color:#666;text-decoration:line-through}
#content .hpro li p.opricen{margin:3px 0 0;padding:0;font:400 13px/13px OpenSans;text-align:center;color:#666}
#content .hpro li p.price{margin:3px 0;padding:0;font:400 20px/30px OpenSansSemiBold;text-align:center;color:#DCA200;}	
#content .hpro li div.lovebox{margin:0;padding:8px 0 0 0;text-align:center;}	
#content .hpro li div.lovebox .love {
    background: #DCA200;
    display: inline-block;
	visibility: hidden;
    cursor: pointer;
    color: #fff;
    font: 400 11px/20px Arial;
    text-transform: uppercase;
    padding: 3px 15px;
    text-decoration: none;
}
.ac {background: #5CB811 !important;}
#content .hpro li div.lovebox .numcart {
    display: inline-block;
	visibility: hidden;
    padding: 3px 0 3px 8px;
}
#content .hpro li:hover{border: 1px solid #ddd;}
#content .hpro li:hover .thumb img{
	display:block;
	width: 100%;
	border:none;
    margin: 0 auto;	
	}
#content .hpro li:hover div.lovebox .love {visibility:visible;}
#content .hpro li:hover div.lovebox .numcart {visibility:visible;}
#content .hpro li div.lovebox .love:hover {background: #222;}
/* END HOME PRO LIST */
/* START HOME PRO LIST */
#content .pro{width:100%;padding:15px 0 0 0;margin:0;list-style:none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	}
#content .pro li{display:inline-block;width:24%;position:relative;margin:5px 0;list-style:none;vertical-align:top;
    border: 1px solid #ddd;
    padding: 15px 10px;
    background:#fff;;
    /*-webkit-box-shadow: 0px 0px 9px -2px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 9px -2px rgba(0, 0, 0, 0.1);*/
	transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;-ms-transition:all .3s ease 0s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	}
#content .pro li .thumb {
    display: block;
    text-align: center;
    width: 100%;
	padding:0;
    transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	}
#content .pro li .thumb img{
	display:block;
	width: 100%;
	border:none;
    transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
	/*
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
    padding:0;
	*/
    margin: 0 auto;
	}
#content .pro li .thumb div.seller{
    display: inline-block;
    position: absolute;
    top: 5px;
    left: 10px;
	width:40px;
	}
#content .pro li .thumb div.seller img{display:block;width:100%;border:none}
#content .pro li .thumb div.km{
    display: inline-block;
    position: absolute;
    top: 5px;
    right: 5px;
	width:80px;
	}
#content .pro li .thumb div.km img{display:block;width:100%;border:none}
#content .pro li h2{
	height:20px;overflow:hidden;margin:5px 0;padding:0;font:400 13px/20px OpenSansSemiBold;color:#222;text-align:center;
	white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
	overflow: hidden;
}
#content .pro li h2 a{margin:0;font:400 13px/20px OpenSansSemiBold;color:#222;}
#content .pro li h2 a:hover{color:#DCA200;}
#content .pro li p.desc{
	height:20px;overflow:hidden;
	margin:3px 0;padding:0;
	font:400 13px/20px OpenSans;
	color:#222;
	text-align:center; 
	display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#content .pro li p.oprice{margin:3px 0 0;padding:0;font:400 13px/13px OpenSans;text-align:center;color:#666;text-decoration:line-through}
#content .pro li p.opricen{margin:3px 0 0;padding:0;font:400 13px/13px OpenSans;text-align:center;color:#666;}
#content .pro li p.price{margin:3px 0;padding:0;font:400 20px/30px OpenSansSemiBold;text-align:center;color:#DCA200;}	
#content .pro li div.lovebox{margin:0;padding:8px 0 0 0;text-align:center;}	
#content .pro li div.lovebox .love {
    background: #DCA200;
    display: inline-block;
	visibility: hidden;
    cursor: pointer;
    color: #fff;
    font: 400 11px/20px Arial;
    text-transform: uppercase;
    padding: 3px 15px;
    text-decoration: none;
}
.ac {background: #5CB811 !important;}
#content .pro li div.lovebox .numcart {
    display: inline-block;
	visibility: hidden;
    padding: 3px 0 3px 8px;
}
#content .pro li:hover{border: 1px solid #ddd;}
#content .pro li:hover .thumb img{
	display:block;
	width: 100%;
	border:none;
    margin: 0 auto;	
	}
#content .pro li:hover div.lovebox .love {visibility:visible;}
#content .pro li:hover div.lovebox .numcart {visibility:visible;}
#content .pro li div.lovebox .love:hover {background: #222;}
#content .progen{font:400 14px/20px Arial;color:#444;padding:0;text-align:justify}
#content .progen h1{font:400 18px/24px Arial;color:#444;padding:5px 0;}
#content .progen h2{font:400 17px/24px Arial;color:#444;padding:5px 0;}
#content .progen h3{font:400 16px/24px Arial;color:#444;padding:5px 0;}
#content .progen p{font:400 14px/20px Arial;color:#444;padding:5px 0;}
#content .progen div{font:400 14px/20px Arial;color:#444;padding:5px 0;}
#content .progen p a{font:400 14px Arial;color:#444;text-decoration:none}
#content .progen p a:hover{font:400 14px Arial;color:red;text-decoration:underline}
#content .progen div a{font:400 14px Arial;color:#444;text-decoration:none}
#content .progen div a:hover{font:400 14px Arial;color:red;text-decoration:underline}
#content .progen img{margin:5px 0;max-width:100%;height:auto !important;border:none}
#content .progen table{max-width:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;	
	}
#content .progen td{padding:3px 5px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	}
#content .progen .bang {margin:10px 0;border-collapse: collapse;}
#content .progen .bang td{padding:3px 5px;border:#ababab 1px solid;}
#content .progen .bang0 {margin:10;border-collapse: collapse;}
#content .progen .bang0 td{padding:0;border:#ababab 0px solid;}
/* END HOME PRO LIST */
/* START PRO DETAIL */
#content .divpro{width:100%;padding:0;margin:0;}
#content .divpro .prohead{width:100%;padding:0;margin:0;}
#content .divpro .prohead h1{margin:0;padding:0 0 15px 0;font:bold 24px/28px Arial;color:#444;text-align:center}
#content .divpro .protop{width:100%;padding:0;margin:0;}
#content .divpro .protop .left{float:left;width:53%;padding:0 10px 10px;margin:0;
	border:#ddd 1px solid;
	border-top:#ddd 0 solid;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	}
#content .divpro .protop .left img.ipro{display:block;width:100%;border:none}
#galpro{
	padding:0;
	border: #e3e8f4 0px solid;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
#content .divpro .protop .right{float:right;width:45%;padding:0 10px 0 0;margin:0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	}
#content .divpro .protop .right .tab{padding:35px 0 0 0;}
#content .divpro .protop .right h1{
    margin: 0;
    padding: 15px 0 10px;
    font: 400 16px/22px OpenSansSemiBold;
    color: #222;
	text-transform: uppercase;	
	word-wrap: break-word;
	}
#content .divpro .protop .right h2{margin:15px 0 0;padding:15px 0 5px 0;font:bold 16px/28px Arial;color:#565656;text-transform:uppercase;border-top: #dedede 1px solid;}
#content .divpro .protop .right .price{position:relative;display:block;width:100%;padding:5px 0;margin:0;font:400 14px/20px Arial;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	color:#555;
	}
#content .divpro .protop .right .price span{font:700 17px/18px Arial;color:#DCA200;}
#content .divpro .protop .right .price span.tt{font:400 14px/18px Arial;color:#666;text-decoration:line-through}
#content .divpro .protop .right .technote{padding:7px 7px;margin:0;font:400 14px/22px Arial;color:#444444c7;}
#content .divpro .protop .right ul{width:100%;padding:0;margin:0;list-style:none;}
#content .divpro .protop .right ul li{display:inline-block;width:100%;margin:0;padding:5px 0;list-style:none;vertical-align:top;font:400 13px/18px Arial;color:#444;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	}
#content .divpro .protop .right ul li:nth-child(odd){width:26%;padding:5px 10px 5px 0;float: left;}
#content .divpro .protop .right ul li:nth-child(even){width:70%;}
#content .divpro .protop .right .procart{
    position: relative;
    padding: 10px 15px;
    margin: 15px 0 0;
    font: 400 15px/22px Arial;
    color: #444;
    background: #f8f8f8;
    border-top: #eee 1px solid;
    border-bottom: #eee 1px solid;	
	}
#content .divpro .protop .right .procart span.cart{
	display:inline-block;
	background:#DCA200;
	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;
	}
#content .divpro .protop .right .procart span.cart:hover {
	background:#DCA200;
	text-decoration:none;
}
#content .divpro .protop .right .procart span.cart i{padding-right:6px;}
#content .divpro .protop .right .procart span.numcart{
	display:inline-block;
	padding:8px 5px;
	}
#content .divpro .protop .right .procart div.dshare{position:absolute;top:13px;right:13px;}
#content .divpro .procon{margin:20px 0 0 0;padding:0 25px 0 0;font:400 13px/18px Tahoma;color:#222;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	}
#content iframe {
    margin: 0 auto;
    height: 500px;
}
@media only screen and (max-width: 780px) and (min-width: 150px)
{
	#content iframe {
    	height: 250px;
	}
}
#content .divpro .procon .pro-title h2{
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
    font: 400 20px/30px OpenSansSemiBold;
    color: #DCA200;
    text-transform: uppercase;	
	}
#content .divpro .procon .pchead{margin:0 0 10px 0;border-bottom:#e88520 2px solid;}
#content .divpro .procon .pchead span{display:inline-block;background-color:#e88520;margin:0;padding:0 25px;font:bold 16px/30px 'Arial';color:#fff;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	}
/* END PRO DETAIL */
/* START BOX PRO GEN */
#content .degen{font:14px/20px Arial;color:#222;padding:15px 0;text-align:justify}
#content .degen h1{font:20px/26px Arial;color:#222;padding:5px 0;}
#content .degen h2{font:18px/26px Arial;color:#222;padding:5px 0;}
#content .degen h3{font:16px/26px Arial;color:#222;padding:5px 0;}
#content .degen p{font:14px/20px Arial;color:#222;padding:5px 0;}
#content .degen div{font:14px/20px Arial;color:#222;padding:5px 0;}
#content .degen p a{font:14px Arial;color:#222;text-decoration:none}
#content .degen p a:hover{font:14px Arial;color:red;text-decoration:underline}
#content .degen div a{font:14px Arial;color:#004e8a;text-decoration:none}
#content .degen div a:hover{font:14px Arial;color:red;text-decoration:underline}
#content .degen img{margin:5px 0;max-width:100%;height:auto !important;border:none}
#content .degen table{max-width:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;	
	}
#content .degen td{padding:3px 5px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	}
#content .degen .bang {margin:10px 0;border-collapse: collapse;}
#content .degen .bang td{padding:3px 5px;border:#ababab 1px solid;}
#content .degen .bang0 {margin:10;border-collapse: collapse;}
#content .degen .bang0 td{padding:0;border:#ababab 0px solid;}
/* END BOX PRO GEN */
#content .tailieu {padding:15px 0 10px;margin:0;}
#content .tailieu .ultailieu{width:100%;padding:0;margin:0;list-style-type:none;}
#content .tailieu .ultailieu li{width:100%;padding:0;margin:0;list-style-type:none;}
#content .tailieu .ultailieu li.head{padding:10px 0;}
#content .tailieu .ultailieu li.head h2{margin:0;padding:0;font:400 18px/25px OpenSansSemiBold;color:#222;text-transform:uppercase;}
#content .tailieu .ultailieu li ul{width:100%;padding:0;margin:0;list-style-type:none;}
#content .tailieu .ultailieu li ul li{width:100%;padding:5px 0;margin:0;list-style-type:none;}
#content .tailieu .ultailieu li ul li a{font:400 14px/20px Arial;color:#222;}
#content .tailieu .ultailieu li ul li a i{padding-right:5px;}
#content .tailieu .ultailieu li ul li a:hover{color:#DCA200;}
/* START BOX NEWS */
#content .mainnews {padding:25px 0 10px;margin:0;}
#content .nbox {width:100%;padding:0;margin:0;list-style:none}
#content .nbox li{width:49%;display:inline-block;vertical-align:top;padding:0 20px 0 0;margin:0 0 25px 1%;
	border:#ddd 1px solid;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	}
#content .nbox li:nth-child(odd){margin-left:0;}
#content .nbox li .left {float:left;width:38%;padding:0;}
#content .nbox li .left img{display:block;width:100%;border:none;
	padding:0px;
	border: 0px solid #ddd;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;	
	}
#content .nbox li .right {float:right;width:62%;padding:0 0 0 15px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	}
#content .nbox li h2{
    max-height:40px;
	overflow:hidden;
	margin: 15px 0 5px;
    padding: 0;
    font: 400 15px/20px OpenSansSemiBold;
    text-transform: uppercase;
    color: #222;	
	}
#content .nbox li h2 a{color:#222;}
#content .nbox li h2 a:hover{color:#f00;}
#content .nbox li p.updated{margin:0;padding:0;font:400 italic 14px/20px 'Arial';color:#666;}
#content .nbox li p.desc{max-height:60px;overflow:hidden;margin:5px 0 10px;padding:0;font:400 14px/20px OpenSans;color:#444;}
/* CHIA 3 COT */
#content .n3box {width:100%;padding:0;margin:0;list-style:none}
#content .n3box li{display:inline-block;width:32%;padding:0;margin:10px 0 10px 2%;vertical-align:top;
	border-bottom:#ddd 0 dotted;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	}
#content .n3box li:first-child,
#content .n3box li:nth-child(4),
#content .n3box li:nth-child(7),
#content .n3box li:nth-child(10){margin-left:0}
#content .n3box li .thumb {width:100%;padding:0;}
#content .n3box li .thumb img{display:block;width:100%;border:none;
	padding:0px;
	border: 0px solid #ddd;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;	
	}
#content .n3box li h2{
    margin: 0;
    padding: 8px 0 5px 0;
    font: 400 14px/18px OpenSans;
    text-transform: uppercase;
    color: #444;	
	}
#content .n3box li h2 a{color:#444;}
#content .n3box li h2 a:hover{color:#b15c00;}
#content .n3box li p.updated{margin:0;padding:0;font:400 italic 14px/20px 'Arial';color:#666;}
#content .n3box li p.desc{margin:0;padding:5px 0 0 0;font:400 14px/20px OpenSans;color:#444;}
/* END BOX NEWS */
#content .vibox{padding:15px 0 25px;}
#content .vibox iframe{width:100%;height:500px}
#content .vidbox{padding:15px 0 25px;}
#content .vidbox .vicbox{width:80%;margin:0 auto;}
#content .vidbox .vicbox iframe{width:100%;height:400px}
/* START BOX GENERAL */
#content .boxgen{font:400 14px/22px Arial;color:#000;padding:0;text-align:justify}
#content .boxgen .title{
    font: 400 22px/28px OpenSansSemiBold;
    color: #DCA200;
    padding: 0 0 15px;
    text-transform: uppercase;	
	}
#content .boxgen .updated {padding:0 0 4px 0;font:400 italic 13px/15px Arial;color:#666;}
#content .boxgen .updated img{display:inline-block;margin:0 0 0 6px}
#content .boxgen .desc{font:400 15px/22px Arial;color:#222;padding:5px 0;}
#content .boxgen .source{font:400 italic 14px/22px Arial;color:#000;padding:10px 0 0 0;text-align:right}
#content .boxgen h1{font:20px/26px Arial;color:#000;padding:5px 0;}
#content .boxgen h2{font:18px/26px Arial;color:#000;padding:5px 0;}
#content .boxgen h3{font:16px/26px Arial;color:#000;padding:5px 0;}
#content .boxgen p{font:14px/22px Arial;color:#000;padding:5px 0;}
#content .boxgen div{font:14px/22px Arial;color:#000;padding:5px 0;}
#content .boxgen p a{font:14px Arial;color:#004e8a;text-decoration:none}
#content .boxgen p a:hover{font:14px Arial;color:red;text-decoration:underline}
#content .boxgen div a{font:14px Arial;color:#004e8a;text-decoration:none}
#content .boxgen div a:hover{font:400 14px Arial;color:red;text-decoration:underline}
#content .boxgen img{display:inline-block;margin:5px 0;max-width:100%;height:auto !important;border:none}
#content .boxgen table{max-width:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;	
	}
#content .boxgen td{padding:3px 5px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	}
#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 .share{padding:10px 0;text-align:left}
/* END BOX GENERAL */
#sitemap {padding: 0 0 5px 30px;list-style:none;}
#sitemap li{padding:5px 0 5px 0;list-style:none;}
#sitemap li a{font:bold 14px/18px Arial;text-decoration:none;color:#222;}
#sitemap li a:hover{text-decoration:underline}
#sitemap li ul {padding: 0 0 5px 30px}
#sitemap li ul li{padding:5px 0 5px 0;}
#sitemap li ul li a{font:400 14px/18px Arial;text-decoration:none;color:#222;}
#sitemap li ul li a:hover{text-decoration:underline}
#sitemap li ul li ul {padding: 0 0 5px 30px}
#sitemap li ul li ul li{padding:5px 0 5px 0;}
#sitemap li ul li ul li a{font:400 14px/18px Arial;text-decoration:none;color:#222;}
#sitemap li ul li ul li a:hover{text-decoration:underline}
/* START GROUP LIST */
#fgroup{width:1172px;padding:0 0 10px 0;margin:0 auto;list-style:none;}
#fgroup li{
	margin:0;
	padding: 0 10px 0;
	list-style:none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	}
#fgroup li.section-1{padding:0;}
#fgroup li.section-1 .section-title{margin:0 0 20px 0;padding:0;border-bottom: 1px solid #dea52a;}
#fgroup li.section-1 .section-title h2{margin:0;padding:0;font:400 22px/36px "Helvetica Neue",Arial;text-transform:uppercase;color:#666;}
/* END GROUP LIST */
/* START FOOTER */
#footer{display:block;background:#006BCD;}
#footer .box{width:1172px;margin: auto;padding:20px 0 10px;}
#footer .box ul{padding:0;margin: auto;list-style:none;display: table;}
#footer .box ul li{
	display:inline-block;
	width: 34%;
	margin:0;
	padding:0;
	vertical-align:top;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	}
#footer .box ul li.add{width: 32%;}
#footer .box ul li.fanpage{width:30%;padding:0 0 0 20px;}
#footer .box ul li.fanpage .facebook{width:100%;margin:0;overflow:hidden;text-align:center;}
#footer .box ul li div.head{padding:0 0 10px;font:400 15px/20px OpenSansSemiBold;color:#dddcdc;text-transform:uppercase}
#footer .box ul li div.head a{font:400 15px/20px OpenSansSemiBold;color:#dddcdc;}
#footer .box ul li div.head a:hover{color:#fff;}
#footer .box ul li ul{padding:0;margin:0;list-style:none}
#footer .box ul li ul li{display:inline-block;width:100%;margin:0;padding:3px 0;vertical-align:top;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	}
#footer .box ul li ul li:last-child{width:100%;}
#footer .box ul li ul li a{display:block;font:400 13px/18px OpenSans;color:#dddcdc;}
#footer .box ul li ul li a:hover{color:#fff;}
#footer .box ul li ul li a i{padding-right:8px;font-size:16px;}
#footer .box ul li ul.office{padding:0;margin:0;list-style:none}
#footer .box ul li ul.office li{display:inline-block;width:100%;margin:0;padding:3px 0;vertical-align:top;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	}
#footer .box ul li ul.office li h3{margin:0;padding:3px 0;font:400 13px/18px OpenSansSemiBold;color:#dddcdc;text-transform:capitalize;}
#footer .box ul li ul.office li h3 i{padding-right:8px;font-size:16px;}
#footer .box ul li ul.office li p{margin:0;padding:3px 0;font:400 13px/18px OpenSans;color:#dddcdc;}
#footer .box ul li ul.office li a{display:inline-block;font:400 13px/18px OpenSans;color:#dddcdc;}
#footer .box ul li ul.office li a:hover{color:#fff;}
#footer .copy{width:1172px;margin:0 auto;border-top:#dddcdc 1px solid;padding:10px 0;font:400 13px/18px OpenSans;color:#dddcdc;text-align:center;}
/* 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:5px 0;padding:0;text-align:center;}
#mainlink a {
	background-color: #fff;
    font: 400 16px/22px Arial;
    color: #002bff;
    margin: 15px 5px 0px 5px;
    padding: 5px 5px;
    min-width: 30px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    border: #ccc 1px solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	}
#mainlink a:hover{background-color:#e6e6e6;border:#adadad 1px solid;color: #333;}
#mainlink a.active {
	background-color:#DCA200;
	font:400 16px/22px Arial;
	color: #fff;
	margin: 0px 4px;
	padding: 3px 0;
	min-width:30px;
	display:inline-block;
	text-align: center;
	text-decoration:none;
	border:#DCA200 1px solid;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-decoration: none;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	}
#mainlink a.active:hover{background-color:#c9302c;border:#ac2925 1px solid;color: #fff;}
/* 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:#DCA200;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:#222;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:#DCA200;}
#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 14px/25px Arial;color:#222;}
#enlist .entit-1{width:6%;font:bold 14px/25px Arial;color:#222;padding:6px 8px;text-align:center;}
#enlist .entit-2{font:bold 14px/25px Arial;color:#222;padding:6px 8px;}
#enlist .entit-3{width:10%;font:bold 14px/25px Arial;color:#222;padding:6px 8px;text-align:center;}
#enlist .entit-4{width:8%;font:bold 14px/25px Arial;color:#222;padding:6px 8px;text-align:center;}
#enlist .entit-5{width:10%;font:bold 14px/25px Arial;color:#222;padding:6px 8px;text-align:center;}
#enlist .entit-6{width:6%;font:bold 14px/25px Arial;color:#222;padding:6px 8px;text-align:center;}
#enlist .encon-1{font:400 14px/25px Arial;color:#222;padding:6px 8px;text-align:center}
#enlist .encon-2{font:bold 14px/25px Arial;color:#222;padding:6px 8px;}
#enlist .encon-2 a{font:bold 14px/25px Arial;color:#222;}
#enlist .encon-2 a:hover{color:#DCA200;}
#enlist .encon-3{font:400 14px/25px Arial;color:#222;padding:6px 8px;text-align:right}
#enlist .encon-4{font:400 14px/25px Arial;color:#222;padding:6px 8px;text-align:center}
#enlist .encon-5{font:bold 14px/25px Arial;color:#222;padding:6px 8px;text-align:right}
#enlist .encon-6{font:400 14px/25px Arial;color:#222;padding:6px 8px;text-align:center}
#enlist .encon-6 img{display:inline-block;border:none}
#enlist .xemtiep {padding:15px 0 0;text-align:right;}
#enlist .xemtiep a{
	display:inline-block;
	background:#222;
	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;
	}
#enlist .xemtiep a:hover {
	background:#DCA200;
	text-decoration:none;
}
/* END BOX ENQUIRE */
/* START BOX ENFORM */
#enform{width:60%;margin:15px auto;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:#DCA200;}
#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:#1f892a;
	-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 #197923 !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: #197923;
    border-bottom: 3px solid #197923 !important;
}
.txtRequired {border: #d73553 1px solid !important;}
/* END BOX ENFORM */
/* 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%;
	border-top:#d3d3d3 1px solid;
	padding-top:25px;
	margin-top:20px;
	}
#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 {}
#form .formbox .formleft{
	float:left;
	width:25%;
	padding:9px 0 9px 8%;
	font: 400 13px/16px Tahoma;
	}
#form .formbox .formleft span{
	color:#DCA200
	}
#form .formbox .formright{
	float:right;
	width:55%;
	padding:3px 10% 3px 0;
	font: 400 13px/16px Tahoma;
	}
#form .formbox .formright span{
	font: bold 13px Tahoma;
	}
/* END FORM BOX */
/* START SEARCH ITEM */
.ssubmit{background:url("../images/global/searchbg.png");border:#cccccc 1px solid;border-radius:3px;color:#444;cursor:pointer;font:bold 12px tahoma;padding:6px 15px;text-align:center;text-transform:uppercase;margin:4px 0 4px 0;}
.ssubmit:hover{color:#fff;background:url("../images/global/searchbgac.png");border:#e87e00 1px solid;}
.soluong {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;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	}
.textbox100 {outline:none;font-size:14px; width:100%; text-align:left; color:#404040;border: #cccccc 1px solid;padding:5px;margin:2px 0 2px 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.textarea100 {outline:none;font-size:14px; width:100%; text-align:left; color:#404040;border: #cccccc 1px solid;padding:5px;margin:2px 0 2px 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.cbox100 {outline:none;font-size:13px; width:100%; text-align:left; color:#404040;border: #cccccc 1px solid;padding:3px;margin:2px 0 2px 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.txtbox65px {outline:none;width:65px;background-color:#fff;color:#404040;border:#cccccc 1px solid;margin:5px 0;padding:0 5px;
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	height:27px;
	}
.txtbox100 {outline:none;width:96%;background-color:#fff;color:#404040;border:#cccccc 1px solid;margin:5px 0;padding:0 2%;
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	height:27px;
	}
.txtarea100 {outline:none;width:96%;background-color:#fff;color:#404040;border:#cccccc 1px solid;margin:5px 0;padding:5px 2%;
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	}
.cbobox100 {outline:none;width:100%;font:400 14px/18px arial;color:#222;border:#ddd 1px solid;margin:5px 0;padding:4px 2%;
	background: #fff url('../images/global/down-green.png') no-repeat right;
	-moz-user-select:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	-o-appearance:none;
	appearance:none;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	}
    select::-ms-expand {
        display: none;
    }
/* END SEARCH ITEM */
/* START MANG XH */
a.vs-social-link {
  display: inline-block;
  margin-left: 10px;
  -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;
}
a.vs-social-link i {
  font-size: 22px;
  display: block;
  -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;
}
a.vs-social-link.rss {
  color: #555;
}
a.vs-social-link.facebook {
  color: #555;
}
a.vs-social-link.twitter {
  color: #555;
}
a.vs-social-link.google {
  color: #555;
}
a.vs-social-link.linkedin {
  color: #555;
}
a.vs-social-link.youtube {
  color: #555;
}
a.vs-social-link.pinterest {
  color: #555;
}
a.vs-social-link:hover {
  color: #000;
}
a.vs-social-link:hover i {
  color: #000;
}
/* BOTTOM */
a.vs-social-link-b {
  background: #105caa;
  width: 34px;
  display: inline-block;
  text-align: center;
  margin: 3px 8px 0 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  -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;
}
a.vs-social-link-b i {
  font-size:15px;
  color: #fff;
  margin: 6px 0;
  display: block;
  -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;
}
a.vs-social-link-b.rss-b {
  background: #ee6d12;
}
a.vs-social-link-b.facebook-b {
  background: #39517b;
}
a.vs-social-link-b.twitter-b {
  background: #4ec5ec;
}
a.vs-social-link-b.google-b {
  background: #dc1b18;
}
a.vs-social-link-b.linkedin-b {
  background: #2f5d93;
}
a.vs-social-link-b.youtube-b {
  background: #bd1111;
}
a.vs-social-link-b.pinterest-b {
  background: #fe0000;
}
a.vs-social-link-b:last-child {
  margin: 0;
}
a.vs-social-link-b:hover {
  background: #fff;
}
a.vs-social-link-b:hover i {
  color: #4f5972;
}
/* END MANG XH */
/* START SLIDE BANNER */
#floating_banner_left{overflow: hidden; position: absolute; top: 0px; left:0; width: 160px; height: auto; z-index:500;}
#floating_banner_right{overflow: hidden; position: absolute; top: 0px; right: 0px; width: 165px; height: auto; left: 1111px; z-index:500;}
#floating_banner_left div.box,
#floating_banner_right div.box {
	border: 2px solid #222;
	background:#fff;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	}
#floating_banner_left div.adbox,
#floating_banner_right div.adbox {
	border: 2px solid #222;
	background:#fff;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	}
#floating_banner_left div.adbox img,
#floating_banner_right div.adbox img {display:block;width:100%;border:none;margin: 0 0 8px 0;}
#floating_banner_left div.head,
#floating_banner_right div.head {
	font: 400 14px/20px OpenSansSemiBold;
    color: #fff;
    margin: 0;
    padding: 5px 10px;
    background: #e60000;
	}
#floating_banner_right .pro{width:100%;padding:15px 5px 0;margin:0;list-style:none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	}
#floating_banner_right .pro li{display:inline-block;width:100%;position:relative;padding:0 0 10px;margin:0 0 15px 0;list-style:none;vertical-align:top;
    border-bottom: 1px solid #ddd;
    background:#fff;;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	}
#floating_banner_right .pro li:last-child{padding:0;border-bottom: 0px solid #ddd;}
#floating_banner_right .pro li .thumb{display:inline-block;width:30%;padding:0;vertical-align:top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	}
#floating_banner_right .pro li .thumb img{display:block;width:100%;border:none}
#floating_banner_right .pro li .info{display:inline-block;width:70%;padding:0 0 0 10px;vertical-align:top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	}
#floating_banner_right .pro li div.price{padding:0;font:400 12px/15px Arial;color:#DCA200;}
#floating_banner_right .pro li div.price a{font:bold 12px/15px Arial;color:#DCA200;}
#floating_banner_right .pro li div.price a:hover{color:#DCA200;}
#floating_banner_right .pro li h2{margin:0;padding:0 0 5px 0;font:400 12px/15px Arial;color:#444}
#floating_banner_right .pro li h2 a{display:block;margin:0;font:400 12px/15px Arial;color:#444;}
#floating_banner_right .pro li h2 a:hover{color:#e60000;}
/* END SLIDE BANNER */
/* START VIDEO LIST */
#promap{width:100%;height:450px;margin:25px 0 10px;}
/* END MAP LIST */
/* FORM DANG KY EMAIL */
#feedback-1 {
    position: fixed;
    bottom: 0;
    height: auto;
    z-index: 9999;
    left: 50px;
}
#feedback-1 .feedback-header
	{
    font:400 15px/20px OpenSansSemiBold;
	color:#fff;
	text-align: center;
    padding: 7px 25px;
    cursor: pointer;
    background: #015ea7;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.fade{
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}
.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
    opacity: 0.5 !important;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}
#feedback-2 {
    background: #015DA5;
    position: fixed;
    left: 50px;
    bottom: 50px;
    z-index: 999999;
    color: #ffffff !important;
    height: auto;
    width: 550px;
    padding: 15px 20px;
    border-radius: 4px;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    bottom: inherit !important;
}
#feedback-2 #close{
    position: absolute;
    font-size: 20px;
    right: 15px;
    top: 2px;
    opacity: .8;
    cursor: pointer;
}
#feedback-2 .heading{
    font:400 18px/20px OpenSansSemiBold;
	border-bottom: 1px solid #ffffff;
	margin-bottom: 12px;
    padding: 0 0 10px;
}
#feedback-2 .body form{
    margin-top: 10px;
}
#feedback-2 .body span.shead{
	font:400 14px/18px OpenSans;
}
#feedback-2 .body .msg{
	font:400 italic 14px/18px OpenSans;
	color:#ffff00;
	text-align:center;
	padding:30px 0 42px;
}
#feedback-2 .body .dkform{padding:12px 0 0}
#feedback-2 .body .dkform div{display:inline-block;width:32.666666%;vertical-align:top;
	margin: 0 1% 0 0;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	}
#feedback-2 .body .dkform div.button{margin:0;}
#feedback-2 .body .dkform div span{display:block;opacity:.5;padding:5px 5px 8px;font:400 italic 12px/12px OpenSans;color:#fff;}
#feedback-2 .body form input[type="text"] {
	display:block;
	width:100%;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-appearance: none;
    background-color: #eff0f0;
    border: 0px solid;
    border-color: #eff0f0 #eff0f0 #eff0f0 #eff0f0;
    outline: 0;
    margin: 0;
    padding: 6px 12px;
	font:400 14px/20px OpenSans;
	color:#222;
}
#feedback-2 .body form input[type="button"] {
	width:100%;
	background:#f05a28;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-appearance: none;
    border: 0px solid;
    border-bottom: 0px solid #347da4 !important;
    outline: 0;
    margin: 0;
    padding: 6px 10px;
	font:400 14px/20px OpenSansSemiBold;
	color:#fff;
	text-transform:none;
	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;
}
#feedback-2 .body form input[type="submit"]:hover {
	background:#d6410f;
	color:#fff;
}
#feedback-2 .foot{
    opacity: .5;
    font:400 13px/16px OpenSans;
    margin-top: 10px;
}
/* FORM DANG KY TÀI LIỆU */
#reg-2 {
    background: #fff;
	border: 3px solid #ccc;
    position: fixed;
    left: 20%;
    bottom: 10%;
    z-index: 999999;
    color: #222;
    height: auto;
    width: 700px;
    padding: 15px 15px;
	/*
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    bottom: inherit !important;
	*/
}
#reg-2 #closer{
    position: absolute;
    font-size: 20px;
    right: 15px;
    top: 12px;
    opacity: .8;
    cursor: pointer;
}
#reg-2 .heading{
    font:400 18px/20px OpenSansSemiBold;
	border-bottom: 1px solid #eee;
	margin-bottom: 12px;
    padding: 0 0 10px;
}
#reg-2 .info{display:inline-block;width:55%;vertical-align:top;
	padding:0 30px 0 0;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	}
#reg-2 .info .thumb{padding:5px 0 0}
#reg-2 .info .thumb img{display:block;width:100%;border:none}
#reg-2 .info .dkinfo{width:100%;padding:0;margin:15px 0 0 0;}
#reg-2 .info .dkinfo div.rbox{margin:0;padding:10px 15px 5px;
	border:#dadada 1px solid;
	border-top:0px solid #054d66;
	-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;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	}
#reg-2 .info .dkinfo h3{
    margin: 0;
    border: none;
    padding: 0 0 5px 0;
    font: 400 14px/20px OpensansSemiBold;
    color: #222;
    text-transform: uppercase;
	}
#reg-2 .info .dkinfo .why{width:100%;padding:0;margin:0;list-style:none;}
#reg-2 .info .dkinfo .why li{list-style:none;
    position: relative;
	margin:0;
    padding: 10px 0 10px 28px;
    font: 400 14px/18px Opensans;
    color: #222;
	}
#reg-2 .info .dkinfo li:last-child{border-bottom:0px solid #ddd;}
#reg-2 .info .dkinfo li:before{
    position: absolute;
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f00c";
    top: 9px;
    left: 0;
    color: #ffb50b;
    border: 1px solid;
    border-radius: 50%;
    padding: 2px;	
	}
#reg-2 .body{display:inline-block;width:45%;vertical-align:top;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	}
#reg-2 .body form{
    margin-top: 10px;
}
#reg-2 .body span.shead{
	font:400 14px/18px OpenSans;
}
#reg-2 .body .msg{
	font:400 italic 14px/18px OpenSans;
	color:#DCA200;
	text-align:center;
	padding:30px 0 42px;
}
#reg-2 .body .dkform{padding:12px 0 0}
#reg-2 .body .dkform div{display:inline-block;width:100%;vertical-align:top;
	margin:0;
	padding:0;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	}
#reg-2 .body .dkform div.button{margin:0;}
#reg-2 .body .dkform div span{display:block;opacity:.5;padding:5px 5px 8px;font:400 italic 12px/12px OpenSans;color:#222;}
#reg-2 .body form input[type="text"], #reg-2 .body textarea {
	display:block;
	width:100%;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-appearance: none;
    background-color: #fff;
    border: #ccc 1px solid;
    outline: 0;
    margin: 0;
    padding: 4px 10px;
	font:400 14px/20px OpenSans;
	color:#222;
}
#reg-2 .body form input[type="button"] {
	width:100%;
	background:#f05a28;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-appearance: none;
    border: 0px solid;
    border-bottom: 0px solid #347da4 !important;
    outline: 0;
    margin: 0;
    padding: 6px 10px;
	font:400 14px/20px OpenSansSemiBold;
	color:#fff;
	text-transform:none;
	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;
}
#reg-2 .body form input[type="submit"]:hover {
	background:#d6410f;
	color:#fff;
}
#reg-2 .foot{
    opacity: .5;
    font:400 13px/16px OpenSans;
    margin:15px 0 5px;
}
#cs-fb {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 999999;
    width: 250px;
}
#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;
}
@media (max-width:1280px){
	#header .top .box,
	#header .mnbox .box,
	#content div.homebox .hotpro,
	#content div.homebox .homepro,
	#content div.homebox .homead,
	#footer .box,
	#footer .copy,
	#navi .navibox,
	#content div.conbox {width: 98%;}
	#header .mnbox .box {width: 100%;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	padding:0 10px;	
	}
	#content .hpro li {width: 23%;}
}
@media (max-width:1024px){
}
@media (max-width:900px){
	#content .prolist .left {display: none;}
	#content .prolist .right {width: 100%;padding: 0;}
	#content .prode .left {width: 70%;}
	#content .prode .right {width: 30%;}
	#content .divpro .protop .left {width: 100%;}
	#content .divpro .protop .right {width: 100%;}
	#footer .box ul li {width: 49%;}
	#footer .box ul li.add {width: 39%;padding: 0px 0 0;}
	#footer .box ul li.fanpage {width:50%;padding: 15px 0;}
	#footer .box ul li.fanpage .facebook {text-align: left;}
}
@media (max-width:768px){
	#content .prode .left {width: 100%;overflow: hidden;}
	#content .prode .right {width: 100%;}
	#content .divpro .procon {padding: 0;}
	#content .divpro .protop .right {padding:0;}
	#content .nbox li {width: 100%;margin: 0 0 25px;}
}
@media (max-width:640px){
	#header .top{padding: 1px 0;}
	#header .top .box .logo {display: block;float:left;padding-top: 5px}
	#header .top .box .logo img {display: inline-block;max-height: 50px;
	object-fit: cover;
	width: 55px;
	position: fixed;
	object-position: left;}
	#header .top .box .right {position: static;top: auto;right: auto;text-align: right;padding: 5px 0 10px;}
	#boxads{padding:103px 0 0;}
	#content .hpro li {width: 49%;margin: 5px 0px;}
	#content .pro li {width: 49%;}
	#content div.homebox .homepro ul li {width: 100%;margin: 0 0 20px;}
	#footer .box ul li.add {width:100%;}
	#footer .box ul li.fanpage {width:100%;}
}
@media (max-width:480px){
	#sliderh {height:150px !important;}
	#header .top .box .right .mxh {display: none;}
	#boxmn{display:block;}
	#content .pro li div.lovebox .numcart {padding: 3px 8px;}
	#content .hpro li div.lovebox .numcart {padding: 3px 8px;}
	#footer .box ul li ul.office li {width: 100%;}
	#content .nbox li {padding:0}
	#content .nbox li .left {width: 100%;padding: 0;}
	#content .nbox li .right {width: 100%;padding: 0 10px;}
	#content .divpro .protop .right ul li:nth-child(odd) {
		width: 32%;
		padding: 5px 10px 5px 0;
		float: left;
	}
	#content .divpro .protop .right ul li:nth-child(even) {
		width: 66%;
	}
}
@media (max-width:420px){
	#header .top .box .right .worktime {
		display: inline-table;
		border: none;
	}
	#content div.homebox .hotpro .ulhome li.lihome h2:before {width: 30px;}
	#content div.homebox .hotpro .ulhome li.lihome h2:after {width: 30px;}
}
/* hk */
.hk {
position: relative;
padding-bottom: 56.25% !important;
padding-top: 10px !important;
height: 0;
overflow: hidden;
width: 98%;
margin: auto;
}
.hk iframe, 
.hk object,
.hk embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.call-zalo {
    position: fixed;
    bottom: 52px;
    height: 40px;
    line-height: 40px;
    padding: 0 0px 0 0px;
    border-radius: 40px;
    color: #fff;
    left: 20px;
    z-index: 99999;
    background: #57abd8;
}
.call-zalo .icon-zalo {
    font-size: 17px;
    line-height: 38px;
    background: #57acd8;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    text-align: center;
    float: right;
    background-image: url(../images/global/zalo.png);
    margin-top: -1px;
}
.call-zalo a{
	text-transform: uppercase;
	text-decoration: none;
}
.call-zalo img{
		border-style: none;
}
.call-mobile {
    background: #ED1C24;
    position: fixed;
    bottom: 10px;
    height: 40px;
    line-height: 40px;
    padding: 0 0px 0 0px;
    border-radius: 40px;
    color: #fff;
    right: 20px;
    z-index: 99999;
}
.call-mobile i {
    font-size: 20px;
    line-height: 40px;
    background: #B52026;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    text-align: center;
    float: right;
}
.call-mobile a {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    margin-right: 10px;
    padding-left: 10px;
}
.success {
    background-color: #1E73BE;
    padding: 10px;
    color: white !important;
}
/*  hidden  ============================================================================= */
@media (max-width: 767px) {
	.hidden-xs {
		display: none !important;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.hidden-sm {
		display: none !important;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.hidden-md {
		display: none !important;
	}
}
@media (min-width: 1200px) {
	.hidden-lg {
		display: none !important;
	}
}
.pro-detail .rsImg {
    margin-top: 10px !important;
}
/* Style the tab */
.tab {
	overflow: hidden;
	/* border: 1px solid #ccc;
	background-color: #f1f1f1; */
	text-align: center;
}
/* Style the buttons that are used to open the tab content */
.tab .tablinks {
	background-color: inherit;
    color: #777;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 16px 16px 2px 16px;
    transition: opacity .25s ease,color .25s ease;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: normal;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
}
/* Change background color of buttons on hover */
.tab .tablinks:hover {
	border-bottom: 2px solid #DCA200;
}
/* Create an active/current tablink class */
.tab .tablinks.active {
	border-bottom: 2px solid #DCA200;
	color: #000;
}
/* Style the tab content */
.tabcontent {
display: none;
padding: 6px 12px;
/* border: 1px solid #ccc; */
border-top: none;
}
.title-br
{
	display: inline;
    font-size: 14px;
}
.product-label-hot {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 5px;
    height: 30px;
    width: 30px;
    border-radius: 35px;
    font-size: 14px;
    background-color: #DCA200;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
}
@media (max-width: 767px){
#content div.homebox .hotpro .ulhome .lihome .title:before {
    width: 35px !important;
}
}
@media (max-width: 767px){
#content div.homebox .homead .ulhome li.lihome p:before {
    width: 50px !important;
}
}
#content .divpro .protop .right .cate {
    position: relative;
    display: block;
    width: 100%;
    padding: 5px 0;
    margin: 0;
    font: 400 14px/20px Arial;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    color: #555;
}