﻿@import url('/global/css/all.css');
@import url('/global/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%;}
*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	}
@font-face {
    font-family: segoe;
    src: local("segoe"),
    local("segoe"),
    url('/font/SEGOEUI.TTF');
    font-weight: normal;
}
@font-face {
    font-family: 'Mont';
    src: url('/font/Montserrat-SemiBold.ttf');   
    font-weight: normal;
    font-style: normal;
}
@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: 'OpenSansBold';
    src: url('/font/opensans_bold.eot');
    src: url('/font/opensans_bold.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_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: 'OswaldVNF';
	src: url('/font/oswald-vnf.eot');
	src: url('/font/oswald-vnf.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;
	position:relative;
	}
.menu ul > li i{display:none;position:absolute;}
.menu ul li.menu_right{
	position:relative;
	}
.menu > ul > li:first-child a{
	}
.menu > ul > li:first-child a span{display:none}
.menu ul > li > a{
	display:block;
	padding:0 16px;
	font: 400 14px/80px Montserrat, OpenSansSemiBold;
	color:#2f2f2f;
	text-decoration:none;
	text-transform:uppercase;

    box-shadow: 0 0 1px transparent;
    transform: perspective(1px) translateZ(0px);
    transition-duration: 0.3s;
    transition-property: transform;
    vertical-align: middle;
	
	}
.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: #999999;
    transform: scale(1.1);
	}
.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:rgba(0,0,0,1);
	min-width:200px;
	height:auto;
	padding:10px 20px;
	font:400 13px/18px Montserrat, OpenSansSemiBold;
	text-transform:none;
	color:#d4d4d4;
	border-bottom:solid 1px #222;
	border-right:none;
	
    box-shadow: 0 0 0 transparent;
    transform: perspective(1px) translateZ(0px);
    transition-duration: 0.3s;
    transition-property: transform;
    vertical-align: middle;
	}
.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:rgba(0,0,0,1);
	transform: scale(1);
	color:#fff;
	border-right:none;
	}
.menu ul ul li:first-child:hover a{
	background:rgba(0,0,0,1);
	transform: scale(1);
	color:#fff;
	border-right:none;
	}	
/* ========== LINKS ON MOUSE CLICK IN CLASSIC MENU ========== */
.menu ul ul li a:active{
	background:rgba(0,0,0,1);
	transform: scale(1);
	color:#fff;
	}
/* ========== 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;
	}	
/* ========== 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:#888;
	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;
	}	
.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:#888;
	}
/* ========== 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:#888;
	}
.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:15px;
		right:10px;
		width:46px;
		height:40px;
		}
	.menu input#dropdown{
		opacity:0;
		}
	.menu label{
		background: url('/images/icon_list.png') no-repeat center;
		}
	.menu label:hover{
		cursor:pointer;
		}
	.menu input#dropdown:checked ~ label{
		background: url('/images/icon_listac.png') no-repeat center;
		}
	.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:70px;
		height:100%;
		/*overflow:hidden;*/
		position:relative;
		}
	.menu ul{
		display:none;
		position: absolute;
		width:100%;
		top:70px;
		margin:0;
		padding:0;
		float:none;
		background:#222;
		z-index:997;
		}
	.menu ul > li{
		float:none;
		}
	.menu > ul > li:first-child a{
		width:100%;
		background: rgba(0,0,0,1);
		min-width:auto;
		height: auto;
		padding: 10px 20px;
		font: 400 13px/20px Montserrat, OpenSansSemiBold;
		text-transform:uppercase;
		color: #d4d4d4;
		border-bottom: solid 1px #222;
		border-right: none;
		box-shadow: 0 0 0 transparent;
		transform: perspective(1px) translateZ(0px);
		transition-duration: 0.3s;
		transition-property: transform;
		vertical-align: middle;
		}
	.menu > ul > li:first-child a span{display:block}
	.menu ul li a{
		width:100%;
		background: rgba(0,0,0,1);
		min-width:auto;
		height: auto;
		padding: 10px 20px;
		font: 400 13px/20px Montserrat, OpenSansSemiBold;
		text-transform:uppercase;
		color: #d4d4d4;
		border-bottom: solid 1px #222;
		border-right: none;
		box-shadow: 0 0 0 transparent;
		transform: perspective(1px) translateZ(0px);
		transition-duration: 0.3s;
		transition-property: transform;
		vertical-align: middle;
		}
	.menu ul > li i{display:block;position:absolute;right:0;top:0;color:#fff;width:40px;height:40px;cursor:pointer;text-align:center;}
	.menu ul > li i:before{width:40px;height:40px;line-height:40px;}
	.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;
		transform: scale(1) !important;
		}
	.menu ul li:first-child:hover > a{
		color:#fff;
		transform: scale(1) !important;
		}
	.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:50%;
		float:left;
		}
	.menu ul ul li a{
		width:100%;
		background: rgba(0,0,0,1);
		min-width:auto;
		height: auto;
		padding: 10px 30px;
		font: 400 13px/20px Montserrat, OpenSansSemiBold;
		text-transform:none;
		color: #d4d4d4;
		border-bottom: solid 1px #222;
		border-right: none;
		box-shadow: 0 0 0 transparent;
		transform: perspective(1px) translateZ(0px);
		transition-duration: 0.3s;
		transition-property: transform;
		vertical-align: middle;
		}
	.menu ul ul li:last-child a {
		border-bottom: solid 1px #222;
		-webkit-border-radius:0;
		-moz-border-radius:0;
		border-radius:0;
	}
	.menu ul ul li:hover a{color:#fff;}
	.menu ul ul li:first-child:hover a{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%}
	}
	
.clearfix {
	clear: both;
}
/* START HEADER */
#header{width:100%;background:#000;
	position:fixed;
	top:0;
	z-index:9999;
	}
#header .top{width:100%;
    -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;padding:0 0 0 10px;}
#header .top .box ul.con{display:inline-block;vertical-align:top;padding:0;margin:0;list-style:none;}
#header .top .box ul.con li{display:inline-block;vertical-align:top;padding:0;margin:0;list-style:none;}
#header .top .box ul.con li a{display:inline-block;vertical-align:top;padding:8px 25px 9px 0;font:400 13px/20px Montserrat;color:#cecece;}
#header .top .box ul.con li a:hover{color:#fff;}
#header .top .box ul.con li a i{padding-right:8px;}

#header .top .box .right{float:right;}
#header .top .box .right .hotline {display:inline-block;vertical-align:top;margin:0 18px 0 0;padding:0 18px 0 0;text-align: left;border-right: 1px solid #333;}
#header .top .box .right .hotline p{display: block;font:400 13px/20px Roboto;color:#000;text-transform: uppercase;}
#header .top .box .right .hotline div{display: block;font:700 18px/20px Roboto;color:#e72c3f;text-transform: uppercase;}

#header .top .box ul.mem{padding:0;margin:0;list-style:none;}
#header .top .box ul.mem li{display:inline-block;vertical-align:top;padding:0;margin:0;list-style:none;}

#header .top .box ul.mem li a{display:block;padding:10px 15px;font:400 13px/17px Roboto;color:#fff;
    box-shadow: 0 0 1px transparent;
    transform: perspective(1px) translateZ(0px);
    transition-duration: 0.3s;
    transition-property: transform;
    vertical-align: middle;
	}
#header .top .box ul.mem li a:hover{color:#fff;transform:scale(1.1);}

#header .top .box ul.mem li div{position:relative;display:block;padding:10px 15px;font:400 13px/20px Roboto;color:#fff;
    box-shadow: 0 0 1px transparent;
    transform: perspective(1px) translateZ(0px);
    transition-duration: 0.3s;
    transition-property: transform;
    vertical-align: middle;
	cursor:pointer;
	z-index:9999;
	}
#header .top .box ul.mem li div i{padding-right:8px;}
#header .top .box ul.mem li div ul{position:absolute;top:40px;right:5px;min-width:180px;background:#fff;display:none;margin:0;list-style:none;
	border:#efefef 1px solid;
	border-top:#efefef 0px solid;
    padding: 10px 15px;
    box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.5);
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	overflow:hidden;
	}
#header .top .box ul.mem li div ul li{display:block;vertical-align:top;padding:5px 0;margin:0;list-style:none;white-space:nowrap;}
#header .top .box ul.mem li div ul li a{display:block;background:#fdd835;border:#fdd835 1px solid;overflow:hidden;
	padding:5px 10px;
	font:400 13px/20px Roboto;
	color:#4a4a4a;
	text-align:center;
	vertical-align: middle;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
    -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;
    box-shadow:none;
    transform:none;
	}
#header .top .box ul.mem li div ul li a.log{display:block;background:#fff;border:#ccc 1px solid;overflow:hidden;
	padding:5px 10px;
	font:400 13px/20px Roboto;
	color:#222;
	text-align:center;
	vertical-align: middle;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
    -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;
    box-shadow:none;
    transform:none;
	}
#header .top .box ul.mem li div ul li a.loginFB{background:#3b5998;border:#3b5998 1px solid;text-align:center;color:#fff;}
#header .top .box ul.mem li div ul li a.loginGG{background:#df4a32;border:#c63923 1px solid;text-align:center;color:#fff;}

#header .top .box ul.mem li div ul li a:hover,
#header .top .box ul.mem li div ul li a.log:hover{
	color:#4a4a4a;
	transform:none;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);	
	}
#header .top .box ul.mem li div ul li a.loginFB:hover{color:#fff;}
#header .top .box ul.mem li div ul li a.loginGG:hover{color:#fff;}

#header .top .box ul.mem li div:hover{color:#fff;transform:scale(1.1);}
#header .top .box ul.mem li div:hover ul{display:block;}

#header .top .box .right .mxh {display:inline-block;vertical-align:top;padding:9px 0;}

#header .mnbox{width:100%;margin:0;background:#fff;box-shadow:0 0 1px #e5e5e5;}
#header .mnbox .box{position:relative;width:1172px;margin: 0 auto;}
#header .mnbox .box .logo{display:inline-block;vertical-align:top;padding:10px 10% 10px 0;}
#header .mnbox .box .logo img{display:block;max-height:60px;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 .mnbox .box .left{display:inline-block;vertical-align:top;}
#header .mnbox .box .right{display:inline-block;vertical-align:top;position:absolute;top:0;right:10px;}
#header .mnbox .box .right .sebox {display:inline-block;vertical-align:top;padding:0;}
#header .mnbox .box .right .giohang {display:inline-block;vertical-align:top;padding:27px 0 0 30px;}
#header .mnbox .box .right .giohang a{position:relative;display:inline-block;
    box-shadow: 0 0 1px transparent;
    transform: perspective(1px) translateZ(0px);
    transition-duration: 0.3s;
    transition-property: box-shadow, transform;
    vertical-align: middle;
	}
#header .mnbox .box .right .giohang a span{
    background-color: red;
    border-radius: 50%;
    color: white;
    font:400 9px/15px 'Roboto', sans-serif;
    padding:0;
    position: absolute;
    right: -10px;
    text-align: center;
    top: -5px;
    width: 15px;	
	}
#header .mnbox .box .right .giohang a:hover{transform: scale(1.1);}

div.search{display:flex;padding:23px 10px 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-appearance: none;
    background-color: #fff;
    border:#ccc 2px solid;
	border-right:none;
    outline: 0;
    margin: 0;
    padding:5px 10px 5px 12px;
	font:400 14px/20px Montserrat;
	color:#999;
}

div.search button[type="submit"] {
	width:auto;
     background-color: #f00;
	border:#f00 1px solid;
	border-left:#fff 0 solid;
    -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:#222;
}

.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;
	}
.fixed .box .logo {padding: 5px 10px !important;}
.fixed .box .logo img{max-height:40px !important;}
	
#boxanh{padding:117px 0 0;}
#boxanh .thumb{width:100%;}
#boxanh .thumb img{display:block;width:100%;border:none}

#boxmanh{display:none;padding:107px 0 0;}
#boxmanh .thumb{width:100%;}
#boxmanh .thumb img{display:block;width:100%;border:none}

#box80{width:100%;height:117px;margin:0 auto;}

/* END HEADER */

/* START CONTENT */
#navi{margin: 0;padding:0;}
#navi .navibox{
	position:relative;
    width: 1172px;
    margin: 20px auto 0;
    position: relative;
    background: #fff;
    padding: 15px 10px;
    font: 700 12px/30px 'Roboto', sans-serif;
    color: #989898;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
	overflow:hidden;
	}
#navi .navibox a{
    display: inline-block;
    padding: 0 15px;
    font: 700 12px/30px 'Roboto', sans-serif;
    color: #989898;
    text-transform: uppercase;
    text-decoration: none;
	}
#navi .navibox a:hover{text-decoration:underline;}

#navi .navibox div{position:absolute;top:15px;right:15px;}
#navi .navibox div span.loginFacebook{display:inline-block;
	background:#3b5998;
	border:#3b5998 1px solid;
	padding:0 15px;
    font: 450 12px/30px 'Roboto', sans-serif;
    color: #fff;
	text-transform:uppercase;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor:pointer;
	}
#navi .navibox div span.loginGoogle{display:inline-block;
	background:#df4a32;
	border:#c63923 1px solid;
	padding:0 15px;
	margin:0 0 0 10px;
    font: 450 12px/30px 'Roboto', sans-serif;
    color: #fff;
	text-transform:uppercase;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor:pointer;
	}
		
#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;
    margin: 0 auto;
	}	
#content div.conbox{width:1172px;margin:0 auto;}

#content div.conbox .brand{
	position:relative;
	background:#fff;
	padding:15px 25px;
	margin:20px 0 0;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	}
#content div.conbox .brand span{
	background:url("/images/global/arrow-down.png") no-repeat right;
	display:inline-block;
	margin:0;padding:0 30px 0 0;
	font:700 20px/30px 'Roboto', sans-serif;
	color:#696969;
	text-transform:uppercase;}

#content div.homebox{margin:0;padding:0;}
#content div.homebox .hotpro{width:1172px;margin:0 auto;padding:0;}
#content div.homebox .hotpro .ulhome{width:100%;padding:0;margin:0;list-style-type:none;}
#content div.homebox .hotpro .ulhome div.hot{display:flex;}
#content div.homebox .hotpro .ulhome li{}
#content div.homebox .hotpro .ulhome li.li30{width:25%;display:inline-block;vertical-align:top;
	position:relative;
	background:#fff;
	padding:0;
	margin:15px 0 0;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	}
#content div.homebox .hotpro .ulhome li.li70{width:75%;padding:0 0 0 18px;display:inline-block;vertical-align:top;}
#content div.homebox .hotpro .ulhome li.lihome{
	position:relative;
	background:#fff;
	padding:15px 25px;
	margin:20px 0 0;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	}
#content div.homebox .hotpro .ulhome li.lihome h2{
	background:url("/images/global/arrow-down.png") no-repeat right;
	display:inline-block;
	margin:0;padding:0 30px 0 0;
	font:700 20px/30px 'Roboto', sans-serif;
	color:#696969;
	text-transform:uppercase;}

#content div.homebox .hotpro .ulhome li.lihome a{
	position:absolute;top:15px;right:25px;
	display:inline-block;
	padding: 0 10px 0 0;
	background:url("/images/global/arrow-viewmore.png") no-repeat right;
	background-position-y:10px;
	font:700 12px/30px 'Roboto', sans-serif;
	color:#989898;
	text-transform:uppercase;
	text-decoration:none;
	}
#content div.homebox .hotpro .ulhome li.lihome a:hover{color:#444;text-decoration:none;}

#content div.homebox .hotpro .ulhome li.lineh{
	position:relative;
	background:#fff;
	padding:15px 25px;
	margin:20px 0 0;
	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	}
#content div.homebox .hotpro .ulhome li.lineh h2{
	background:url("/images/global/arrow-down.png") no-repeat right;
	display:inline-block;
	margin:0;padding:0 30px 0 0;
	font:700 20px/30px 'Roboto', sans-serif;
	color:#696969;
	text-transform:uppercase;}

#content div.homebox .hotpro .ulhome li.lineh a{
	position:absolute;top:15px;right:25px;
	display:inline-block;
	padding: 0 10px 0 0;
	background:url("/images/global/arrow-viewmore.png") no-repeat right;
	background-position-y:10px;
	font:700 12px/30px 'Roboto', sans-serif;
	color:#989898;
	text-transform:uppercase;
	text-decoration:none;
	}
#content div.homebox .hotpro .ulhome li.lineh a:hover{color:#444;text-decoration:none;}

#content div.homebox .hotpro .ulhome li.linehcon {
	background:#fff;
	-webkit-border-bottom-right-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-moz-border-radius-bottomright: 7px;
	-moz-border-radius-bottomleft: 7px;
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
	}

#content div.homebox .homepro{width:1172px;margin:0 auto;padding:0;}
#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 0 0 2%;
	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: #f00;
    background: rgba(255,255,255,.8);
    -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 .homeanh{width:1172px;margin:20px auto 0;padding:10px 0;
	background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	}
	
#content div.homebox .homeanh .ulhome{width:100%;padding:25px 0 0;margin:0;list-style-type:none;}
#content div.homebox .homeanh .ulhome li{}
#content div.homebox .homeanh .ulhome li.lihome{padding:15px 0;text-align:center}
#content div.homebox .homeanh .ulhome li.lihome h2{position:relative;background:#fff;display:inline-block;margin:0;padding:0 15px;font:400 22px/30px OpenSansSemiBold;color:#e72c3f;text-transform:uppercase;}
#content div.homebox .homeanh .ulhome li.lihome h2:before {
    position: absolute;
    left: 100%;
    top: 50%;
    height: 1px;
    width: 150px;
    content: "";
    z-index: 1;
    margin-bottom: 30px;
    background: #ccc;
}
#content div.homebox .homeanh .ulhome li.lihome h2:after {
    position: absolute;
    right: 100%;
    top: 50%;
    height: 1px;
    width: 150px;
    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 "Roboto Condensed", sans-serif;margin:0;padding:0;text-transform: uppercase;}
	
#anhbn {
  width:100%;
  margin:0;
  padding:0;
  -webkit-user-select: none;
  -moz-user-select: none;  
  user-select: none;
  overflow:hidden;
	}

/* MAIN PRO DETAIL */
#content .prode {}
	
/* 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: #ff0000 2px solid;
    color: #ff0000;
    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: #ff0000 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;
	-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;}
#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 */

#content div.best{
	width:1172px;
	position:relative;
	padding:0;
	margin:25px auto 15px;
	text-align:center;
	}
#content div.best span{
	display:inline-block;
	background:#fff;
	padding:5px 25px;
	font:700 20px/30px 'Roboto', sans-serif;
	color:#696969;
	text-transform:uppercase;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;	
	}
#content div.topro{width:1188px;padding:0;margin:0 auto;list-style:none;}
		
#content .tpro{width:1172px;padding:0;margin:0 auto;list-style:none;}
#content .tpro li{display:inline-block;width:32%;position:relative;background:#fff;margin:15px 0 0 2%;list-style:none;vertical-align:top;

    box-shadow: 0 0 1px transparent;
    transform: perspective(1px) translateZ(0px);
    transition-duration: 0.3s;
    transition-property: box-shadow, transform;
    vertical-align: middle;
	overflow:hidden;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
#content .tpro li:first-child{margin-left:0;}
#content .tpro li:nth-child(4){margin-left:0;}
#content .tpro li .thumb {
    display: block;
	position:relative;
    text-align: center;
    width: 100%;
	padding:0;
	}
#content .tpro li .thumb img{
	display:block;
	width: 100%;
	border:none;
	}
#content .tpro li .thumb span {
    display: inline-block;
    background-color: #ec3e45;
    border-radius: 5px;
    color: white;
    font: 700 10px/10px 'Roboto', sans-serif;
    left: 15px;
    padding: 4px 7px;
    position: absolute;
    top: 20px;
}
#content .tpro li .thumb span.qt {background:none;border-radius:0;left: 70px;padding:0;top: 10px;}

#content .tpro li .info {position:relative;padding:5px 10px;}
#content .tpro li h2{height:22px;overflow:hidden;margin:3px 0;padding:0;font:500 14px/22px 'Roboto', sans-serif;color:#666;text-align:center}
#content .tpro li h2 a{font:500 14px/22px 'Roboto', sans-serif;color:#666}
#content .tpro li h2 a:hover{color:#222;}

#content .tpro li p{position:relative;margin:0;padding:3px 0;font:400 13px/20px OpenSans;color:#666;text-align:center;}
#content .tpro li span.oprice{position:absolute;left:0;top:3px;font:400 14px/20px 'Roboto', sans-serif;color:#ef4248;text-decoration:line-through}
#content .tpro li span.price{font:900 16px/20px 'Roboto', sans-serif;color:#5ac168;}	

#content .tpro li div.lovebox{position:absolute;right:10px;bottom:5px;}	
#content .tpro li div.lovebox .love {display:inline-block;background: url('/images/global/cart2-icon.png') no-repeat;width:20px;height:20px;cursor: pointer;}
#content .tpro li div.lovebox .love:hover{background: url('/images/global/cart2-icon-hover.png') no-repeat;}
.ac {background: url('/images/global/cart2-icon-hover.png') no-repeat !important;}
#content .tpro li div.lovebox .numcart {
    display:none;
	visibility: hidden;
    padding:0;
}

#content .tpro li:hover{box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.5);transform: scale(1.02);}

/* END TOP PRO LIST */

/* START HOME MNU */
#content .hmnu{width:100%;padding:0;margin:0;list-style:none;}
#content .hmnu li{position:relative;display:block;width:100%;margin:0;padding:10px 0;list-style:none;vertical-align:top;border-bottom: 2px solid #f5f5f5;}
#content .hmnu li a{display:block;width:100%;margin:0;padding:5px 0 5px 40px;
	border-left: 4px solid transparent;
	font:500 14px/20px 'Roboto', sans-serif;
	color: #999;
	}
#content .hmnu li:hover a{border-left:4px solid #1875f0;color:#545454;}

#content .hmnu li.active a{display:block;width:100%;margin:0;padding:5px 0 5px 40px;
	border-left:4px solid #1875f0;
	font:500 14px/20px 'Roboto', sans-serif;
	color: #999;
	}
#content .hmnu li span {
	position: absolute;
    top: 13px;
    right: 15px;
    background-color: #f5f5f5;
    border-radius: 3px;
    color: #555555;
    font-weight: bold;
    font: 700 12px/20px 'Roboto', sans-serif;
    padding: 2px 5px 1px;
    min-width: 13px;
    text-align: center;
}

/* FOR PC */
#content .topanh{position:relative;width:100%;padding:0;margin:25px 0;overflow:hidden;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
#content .topanh a{position:absolute;display:block;width:100%;top:30px;left:0;text-align:center;}
#content .topanh img{display:block;width:100%;min-height:125px;border:none;}
#content .topanh p {
	margin:40px 0 0;
	font: 700 20px/28px 'Roboto', sans-serif;
	color:#fff;
	box-shadow: 0 0 1px transparent;
    transform: perspective(1px) translateZ(0px);
    transition-duration: 0.3s;
    transition-property: box-shadow, transform;
    vertical-align: middle;
}
#content .topanh p:hover{transform: scale(1.1);}
#content .topanh span {
    background-color: #f13a30;
    border-radius: 4px;
    display: inline-block;
	font: 500 10px/14px 'Roboto', sans-serif;
	color:#fff;
    padding: 3px 10px;
    text-transform: uppercase;
}
#content .topanh b {
	font: 500 12px/18px 'Roboto', sans-serif;
	color:#fff;
    display: block;
    margin-top: 15px;
}

/* FOR MOBI */
#content .topmanh{display:none;position:relative;width:100%;padding:0;margin:25px 0;overflow:hidden;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
#content .topmanh a{position:absolute;display:block;width:100%;top:25px;left:0;text-align:center;}
#content .topmanh img{display:block;width:100%;min-height:125px;border:none;}
#content .topmanh p {
	margin:10px 0 0;
	font: 700 20px/28px 'Roboto', sans-serif;
	color:#fff;
	box-shadow: 0 0 1px transparent;
    transform: perspective(1px) translateZ(0px);
    transition-duration: 0.3s;
    transition-property: box-shadow, transform;
    vertical-align: middle;
}
#content .topmanh p:hover{transform: scale(1.1);}
#content .topmanh span {
    background-color: #f13a30;
    border-radius: 4px;
    display: inline-block;
	font: 500 10px/14px 'Roboto', sans-serif;
	color:#fff;
    padding: 3px 10px;
    text-transform: uppercase;
}
#content .topmanh b {
	font: 500 12px/18px 'Roboto', sans-serif;
	color:#fff;
    display: block;
    margin-top: 5px;
}
/* END HOME MNU */
	
/* START HOME PRO 3 LIST */
#content .hpro{width:100%;padding:0;margin:0;list-style:none;}
#content .hpro li{display:inline-block;width:32%;position:relative;background:#fff;margin:15px 0 0 2%;list-style:none;vertical-align:top;

    box-shadow: 0 0 1px transparent;
    transform: perspective(1px) translateZ(0px);
    transition-duration: 0.3s;
    transition-property: box-shadow, transform;
    vertical-align: middle;
	overflow:hidden;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
#content .hpro li:first-child{margin-left:0;}
#content .hpro li:nth-child(4){margin-left:0;}
#content .hpro li .thumb {
    display: block;
	position:relative;
    text-align: center;
    width: 100%;
	padding:0;
	}
#content .hpro li .thumb img{
	display:block;
	width: 100%;
	border:none;
	}
#content .hpro li .thumb span {
    display: inline-block;
    background-color: #ec3e45;
    border-radius: 5px;
    color: white;
    font: 700 10px/10px 'Roboto', sans-serif;
    left: 15px;
    padding: 4px 7px;
    position: absolute;
    top: 15px;
}
#content .hpro li .thumb span.qt {background:none;border-radius:0;left: 70px;padding:0;top: 10px;}

#content .hpro li .info {position:relative;padding:5px 10px;}
#content .hpro li h2{height:22px;overflow:hidden;margin:3px 0;padding:0;font:500 14px/22px 'Roboto', sans-serif;color:#666;text-align:center}
#content .hpro li h2 a{font:500 14px/22px 'Roboto', sans-serif;color:#666}
#content .hpro li h2 a:hover{color:#222;}

#content .hpro li p{position:relative;margin:0;padding:3px 0;font:400 13px/20px OpenSans;color:#666;text-align:center;}
#content .hpro li span.oprice{position:absolute;left:0;top:3px;font:400 14px/20px 'Roboto', sans-serif;color:#ef4248;text-decoration:line-through}
#content .hpro li span.price{font:900 16px/20px 'Roboto', sans-serif;color:#5ac168;}	

#content .hpro li div.lovebox{position:absolute;right:10px;bottom:5px;}	
#content .hpro li div.lovebox .love {display:inline-block;background: url('/images/global/cart2-icon.png') no-repeat;width:20px;height:20px;cursor: pointer;}
#content .hpro li div.lovebox .love:hover{background: url('/images/global/cart2-icon-hover.png') no-repeat;}
.ac {background: url('/images/global/cart2-icon-hover.png') no-repeat !important;}
#content .hpro li div.lovebox .numcart {
    display:none;
	visibility: hidden;
    padding:0;
}

#content .hpro li:hover{box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.5);transform: scale(1.02);}
/* END HOME PRO 3 LIST */

/* START HOME PRO 4 ADS LIST */
#content .hpro4a{width:100%;padding:0;margin:0;list-style:none;}
#content .hpro4a li{display:inline-block;width:23.5%;position:relative;background:#fff;margin:20px 0 0 2%;list-style:none;vertical-align:top;

    box-shadow: 0 0 1px transparent;
    transform: perspective(1px) translateZ(0px);
    transition-duration: 0.3s;
    transition-property: box-shadow, transform;
	overflow:hidden;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
#content .hpro4a li:nth-child(4){margin-left:0;}
#content .hpro4a li .thumb {
    display: block;
	position:relative;
    text-align: center;
    width: 100%;
	height:275px;
	overflow:hidden;
	}
#content .hpro4a li .thumb img{
	display:block;
	width: 100%;
	border:none;
	}
#content .hpro4a li .thumb span {
    display: inline-block;
    background-color: #ec3e45;
    border-radius: 5px;
    color: white;
    font: 700 10px/10px 'Roboto', sans-serif;
    left: 15px;
    padding: 4px 7px;
    position: absolute;
    top: 15px;
}
#content .hpro4a li .thumb span.qt {background:none;border-radius:0;left: 70px;padding:0;top: 10px;}

#content .hpro4a li .info {position:relative;padding:5px 10px;}
#content .hpro4a li h2{height:22px;overflow:hidden;margin:3px 0;padding:0;font:500 14px/22px 'Roboto', sans-serif;color:#666;text-align:center}
#content .hpro4a li h2 a{font:500 14px/22px 'Roboto', sans-serif;color:#666}
#content .hpro4a li h2 a:hover{color:#222;}

#content .hpro4a li p{position:relative;margin:0;padding:3px 0;font:400 13px/20px OpenSans;color:#666;text-align:center;}
#content .hpro4a li span.oprice{position:absolute;left:0;top:3px;font:400 14px/20px 'Roboto', sans-serif;color:#ef4248;text-decoration:line-through}
#content .hpro4a li span.price{font:900 16px/20px 'Roboto', sans-serif;color:#5ac168;}	

#content .hpro4a li div.lovebox{position:absolute;right:10px;bottom:5px;}	
#content .hpro4a li div.lovebox .love {display:inline-block;background: url('/images/global/cart2-icon.png') no-repeat;width:20px;height:20px;cursor: pointer;}
#content .hpro4a li div.lovebox .love:hover{background: url('/images/global/cart2-icon-hover.png') no-repeat;}
#content .hpro4a li div.lovebox .numcart {
    display:none;
	visibility: hidden;
    padding:0;
}

#content .hpro4a li.ad{width:49%;margin-left:0;}
#content .hpro4a li.ad .thumb {
    display: block;
	position:relative;
    text-align: center;
    width: 100%;
	height:339px;
	overflow:hidden;
	}
#content .hpro4a li.ad .thumb img{
	display:block;
	width: 100%;
	border:none;
	}
	
#content .hpro4a li:hover{box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.5);transform: scale(1.02);}
/* END HOME PRO 4 ADS LIST */

/* START HOME PRO 4 LIST */
#content .hpro4{width:100%;padding:0;margin:0;list-style:none;}
#content .hpro4 li{display:inline-block;width:23.5%;position:relative;background:#fff;margin:20px 0 0 2%;list-style:none;vertical-align:top;

    box-shadow: 0 0 1px transparent;
    transform: perspective(1px) translateZ(0px);
    transition-duration: 0.3s;
    transition-property: box-shadow, transform;

	overflow:hidden;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
#content .hpro4 li:first-child,
#content .hpro4 li:nth-child(5){margin-left:0;}
#content .hpro4 li .thumb {
    display: block;
	position:relative;
    text-align: center;
    width: 100%;
	height:275px;
	overflow:hidden;
	}
#content .hpro4 li .thumb img{
	display:block;
	width: 100%;
	height:275px;
	border:none;
	}
#content .hpro4 li .thumb span {
    display: inline-block;
    background-color: #ec3e45;
    border-radius: 5px;
    color: white;
    font: 700 10px/10px 'Roboto', sans-serif;
    left: 15px;
    padding: 4px 7px;
    position: absolute;
    top: 15px;
}
#content .hpro4 li .thumb span.qt{background:none;border-radius:0;left:70px;padding:0;top:10px;}
#content .hpro4 li .thumb span.qt img{height:auto;}

#content .hpro4 li .info {position:relative;padding:5px 10px;}
#content .hpro4 li h2{height:22px;overflow:hidden;margin:3px 0;padding:0;font:500 14px/22px 'Roboto', sans-serif;color:#666;text-align:center}
#content .hpro4 li h2 a{font:500 14px/22px 'Roboto', sans-serif;color:#666}
#content .hpro4 li h2 a:hover{color:#222;}

#content .hpro4 li p{position:relative;margin:0;padding:3px 0;font:400 13px/20px OpenSans;color:#666;text-align:center;}
#content .hpro4 li span.oprice{position:absolute;left:0;top:3px;font:400 14px/20px 'Roboto', sans-serif;color:#ef4248;text-decoration:line-through}
#content .hpro4 li span.price{font:900 16px/20px 'Roboto', sans-serif;color:#5ac168;}	

#content .hpro4 li div.lovebox{position:absolute;right:10px;bottom:5px;}	
#content .hpro4 li div.lovebox .love {display:inline-block;background: url('/images/global/cart2-icon.png') no-repeat;width:20px;height:20px;cursor: pointer;}
#content .hpro4 li div.lovebox .love:hover{background: url('/images/global/cart2-icon-hover.png') no-repeat;}
#content .hpro4 li div.lovebox .numcart {
    display:none;
	visibility: hidden;
    padding:0;
}

#content .hpro4 li:hover{box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.5);transform: scale(1.02);}
/* END HOME PRO 4 LIST */

/* START HOME PRO LIST */
#content .pro{width:100%;padding:0;margin:0;list-style:none;}
#content .pro li{display:inline-block;width:23.5%;position:relative;background:#fff;margin:25px 0 0 2%;list-style:none;vertical-align:top;

    box-shadow: 0 0 1px transparent;
    transform: perspective(1px) translateZ(0px);
    transition-duration: 0.3s;
    transition-property: box-shadow, transform;
	overflow:hidden;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
#content .pro li:first-child,
#content .pro li:nth-child(5),
#content .pro li:nth-child(9),
#content .pro li:nth-child(13),
#content .pro li:nth-child(17),
#content .pro li:nth-child(21),
#content .pro li:nth-child(25),
#content .pro li:nth-child(29),
#content .pro li:nth-child(33){margin-left:0;}
#content .pro li .thumb {
    display: block;
	position:relative;
    text-align: center;
    width: 100%;
	overflow:hidden;
	}
#content .pro li .thumb img{
	display:block;
	width: 100%;
	border:none;
	}
#content .pro li .thumb span {
    display:inline-block;
	background-color: #ec3e45;
    border-radius: 5px;
    color: white;
    font:700 10px/10px 'Roboto', sans-serif;
    left: 15px;
    padding: 4px 7px;
    position: absolute;
    top: 15px;
}
#content .pro li .thumb span.qt {background:none;border-radius:0;left: 70px;padding:0;top: 10px;}

#content .pro li .info {position:relative;padding:5px 10px;}
#content .pro li h2{height:22px;overflow:hidden;margin:3px 0;padding:0;font:500 14px/22px 'Roboto', sans-serif;color:#666;text-align:center}
#content .pro li h2 a{font:500 14px/22px 'Roboto', sans-serif;color:#666}
#content .pro li h2 a:hover{color:#222;}

#content .pro li p{position:relative;margin:0;padding:3px 0;font:400 13px/20px OpenSans;color:#666;text-align:center;}
#content .pro li span.oprice{position:absolute;left:0;top:3px;font:400 14px/20px 'Roboto', sans-serif;color:#ef4248;text-decoration:line-through}
#content .pro li span.price{font:900 16px/20px 'Roboto', sans-serif;color:#5ac168;}	

#content .pro li div.lovebox{position:absolute;right:10px;bottom:5px;}	
#content .pro li div.lovebox .love {display:inline-block;background: url('/images/global/cart2-icon.png') no-repeat;width:20px;height:20px;cursor: pointer;}
#content .pro li div.lovebox .love:hover{background: url('/images/global/cart2-icon-hover.png') no-repeat;}
#content .pro li div.lovebox .numcart {
    display:none;
	visibility: hidden;
    padding:0;
}

#content .pro li:hover{box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.5);transform: scale(1.02);}
/* END HOME PRO LIST */

/* START PRO DETAIL */
#content .divpro{width:100%;padding:0;margin:0;}
#content .divpro .protop{width:100%;padding:45px 0;margin:0;
	background:#222;
    background-size: cover;
    background-repeat: no-repeat;
	}
#content .divpro .protop .box{width:1172px;padding:0;margin:0 auto;}
#content .divpro .protop .left{display:inline-block;vertical-align:top;width:50%;padding:0 5% 0 0;margin:0;}
#content .divpro .protop .left .nogal img{display:block;width:100%;border:none;
    box-shadow: 0 0 1px transparent;
    transform: perspective(1px) translateZ(0px);
    transition-duration: 0.3s;
    transition-property: box-shadow, transform;
    vertical-align: middle;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow:hidden;
	}
#content .divpro .protop .left .nogal img:hover{box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.5); transform: scale(1.02);}

#content .divpro .protop .right{display:inline-block;vertical-align:top;width:50%;padding:0 0 0 5%;margin:0;}
#content .divpro .protop .right h1{
    margin: 0;
    padding:0 0 5px;
    font: 900 40px/50px 'Roboto', sans-serif;
    color: #fff;
    text-transform: uppercase;	
	}
#content .divpro .protop .right .price{position:relative;display:block;width:100%;padding:5px 0;margin:0;font:400 15px/20px "Roboto Condensed", sans-serif;color:#fff;}
#content .divpro .protop .right .price span{font:900 34px/34px 'Roboto', sans-serif;color:#fff;}
#content .divpro .protop .right .price span.tt{font:400 24px/34px 'Roboto', sans-serif;color:#fff;text-decoration:line-through}

#content .divpro .protop .right .promo{
    padding: 5px 0;
    margin: 15px 0;
    font: 400 15px/20px 'Roboto', sans-serif;
    color: #444;
    background:#fff;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	}
#content .divpro .protop .right .promo .prom-title{
	font:400 14px/20px 'Roboto', sans-serif;
    color: #444;
    position: relative;
    padding: 10px 20px;
    border-bottom: 2px solid #f5f5f5;	
	}
#content .divpro .protop .right .promo .prom-title h2{
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
    font:400 14px/20px 'Roboto', sans-serif;
    color: #444;
    text-transform: uppercase;	
	}
#content .divpro .protop .right .promo .prom-title h2 img{
	position: absolute; right: -28px; display: block; top: -5px;
	}
#content .divpro .protop .right .promo .promgen{font:400 14px/22px 'Roboto', sans-serif;;color:#666;padding:10px 20px;}
#content .divpro .protop .right .promo .promgen h1{font:20px/26px;color:#666;padding:5px 0;}
#content .divpro .protop .right .promo .promgen h2{font:18px/26px;color:#666;padding:5px 0;}
#content .divpro .protop .right .promo .promgen h3{font:16px/26px;color:#666;padding:5px 0;}
#content .divpro .protop .right .promo .promgen p{font:14px/22px;color:#666;padding:5px 0;}
#content .divpro .protop .right .promo .promgen div{font:14px/22px;color:#666;padding:5px 0;}
#content .divpro .protop .right .promo .promgen p a{font:400 14px/22px 'Roboto', sans-serif;;color:#666;text-decoration:none}
#content .divpro .protop .right .promo .promgen p a:hover{color:red;text-decoration:underline}
#content .divpro .protop .right .promo .promgen div a{font:400 14px/22px 'Roboto', sans-serif;;color:#666;text-decoration:none}
#content .divpro .protop .right .promo .promgen div a:hover{color:red;text-decoration:underline}
#content .divpro .protop .right .promo .promgen img{margin:5px 0;max-width:100%;height:auto !important;border:none}
#content .divpro .protop .right .promo .promgen table{max-width:100%;}
#content .divpro .protop .right .promo .promgen td{padding:3px 5px;}
#content .divpro .protop .right .promo .promgen .bang {margin:10px 0;border-collapse: collapse;}
#content .divpro .protop .right .promo .promgen .bang td{padding:3px 5px;border:#ababab 1px solid;}

#content .divpro .protop .right .technote{
    padding: 15px 0;
    margin: 15px 0;
    font: 400 15px/20px 'Roboto', sans-serif;
    color: #fff;
    border-top: #e1e1e1 1px solid;
    border-bottom: #e1e1e1 1px solid;	
	}

#content .divpro .protop .right ul{width:100%;padding:5px 0;margin:0;list-style:none;}
#content .divpro .protop .right ul li{display:inline-block;width:100%;margin:0;padding:3px 0;list-style:none;vertical-align:top;font:400 15px/20px 'Roboto', sans-serif;color:#fff;}
#content .divpro .protop .right ul li:nth-child(odd){width:30%;padding:3px 10px 3px 0;}
#content .divpro .protop .right ul li:nth-child(even){width:70%;}

#content .divpro .protop .right ul li a{font:700 15px/20px 'Roboto', sans-serif;color:#fff;}
#content .divpro .protop .right ul li a:hover{text-decoration:underline}
	
.lisize{padding:4px 10px 4px 0;}
.txtsize{
	min-width:24px;
	display:inline-block;
	vertical-align:top;
	margin:3px 4px 3px 0;
	border:#e5e5e5 1px solid;
	font:400 14px/22px Arial;
	color: #444;
	text-align:center;
	cursor:pointer;
	}
.acs {
	min-width:24px;
	height:24px;
	display:inline-block;
	vertical-align:top;
	margin:3px 4px 3px 0;
	border:#df0023 2px solid;
	font:400 14px/22px Arial;
	color: #df0023;
	text-align:center;
	cursor:pointer;
}
.txtcolor{
	width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: top;
    margin: 0 4px 0 0;
    padding: 1px;
    border: #e5e5e5 1px solid;
    font: 400 14px/20px Arial;
    color: #444;
    text-align: center;
    cursor: pointer;
	}
.acc {
	width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: top;
    margin: 0 4px 0 0;
    border: #df0023 1px solid;
    font: 400 14px/20px Arial;
    color: #df0023;
    text-align: center;
    cursor: pointer;
}
.txtcolor span,
.acc span{
	width:100%;
	height:100%;
	display:inline-block;
	position:relative;
}

.txtcolor span span,
.acc span span{position:absolute;bottom:20px;left:-2px;z-index:1;width:auto;height:auto;
	background:#fff;
	padding:5px 15px;
	font:400 14px/20px Arial;
	color: #222;
	white-space:nowrap;
    visibility: hidden;
    opacity: 0;

	-webkit-border-radius: 4px;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius: 4px;
	-moz-border-radius-bottomleft: 0;
	border-radius: 4px;
	border-bottom-left-radius: 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;
	}
.txtcolor span:hover span,
.acc span:hover span{
	visibility:visible;
	opacity:1;	
	}
	
#size{}
#msize{}
.spsize,
.spmsize{
	min-width:24px;
	display:inline-block;
	vertical-align:top;
	margin:3px 4px 3px 0;
	border:#e5e5e5 1px solid;
	font:400 14px/22px Arial;
	color: #444;
	text-align:center;
	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;
	}
.sizeac,
.msizeac {
	min-width:24px;
	height:24px;
	display:inline-block;
	vertical-align:top;
	margin:3px 4px 3px 0;
	border:#df0023 2px solid;
	font:400 14px/22px Arial;
	color: #df0023;
	text-align:center;
	cursor:pointer;
}

#color{height:20px;display:inline-block;}
#mcolor{}
.spcolor,
.spmcolor{
	width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: top;
    margin: 0 4px 0 0;
    padding: 1px;
    border: #e5e5e5 1px solid;
    font: 400 14px/20px Arial;
    color: #444;
    text-align: center;
    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;
	}
.colac,
.mcolac {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: top;
    margin: 0 4px 0 0;
    border: #df0023 1px solid;
    font: 400 14px/20px Arial;
    color: #df0023;
    text-align: center;
    cursor: pointer;
}
.spcolor span,
.spmcolor span,
.colac span,
.mcolac span{
	width:100%;
	height:100%;
	display:inline-block;
	position:relative;
}

.spcolor span span,
.spmcolor span span,
.colac span span,
.mcolac span span{position:absolute;bottom:20px;left:-2px;z-index:1;width:auto;height:auto;
	background:#222;
	padding:5px 15px;
	font:400 14px/20px Arial;
	color: #fff;
	white-space:nowrap;
    visibility: hidden;
    opacity: 0;

	-webkit-border-radius: 4px;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius: 4px;
	-moz-border-radius-bottomleft: 0;
	border-radius: 4px;
	border-bottom-left-radius: 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;
	}
.spcolor span:hover span,
.spmcolor span:hover span,
.colac span:hover span,
.mcolac span:hover span{
	visibility:visible;
	opacity:1;	
	}
	
#size:hover > .spsize{display:inline-block;}
#msize:hover > .spmsize{display:inline-block;}
#color:hover > .spcolor{display:inline-block;}
#mcolor:hover > .spmcolor{display:inline-block;}

#content .divpro .protop .right .procart{
    position: relative;
    padding:15px 0;
    margin:0;
	}
#content .divpro .protop .right .procart span.dcart{
    box-shadow: 0 0 1px transparent;
    transform: perspective(1px) translateZ(0px);
    transition-duration: 0.3s;
    transition-property: box-shadow, transform;
    vertical-align: top;
	
	display:inline-block;
	background:#1875f0;
	margin:0 10px;
	padding:6px 15px;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font:700 12px/30px 'Roboto', sans-serif;
	color:#fff;
	text-transform:uppercase;
	text-align:center;
	cursor:pointer;
	}
#content .divpro .protop .right .procart span.dcart:hover {transform: scale(1.1);}
#content .divpro .protop .right .procart span.dcart i{padding-right:6px;}

.prosoluong {outline:none;background:#fff;width:30px;font: 900 16px/30px Arial;text-align:center;color:#222;padding:5px;border:#fff 0px solid;}
.promsoluong {outline:none;width:30px;font:900 16px/30px Arial;text-align:center;color:#222;padding:5px;border:#fff 0px solid;}
.txpronum {outline:none;width:40px;font:900 16px/30px Arial;text-align:center;color:#fff;padding:5px;border:none;background:transparent;cursor:pointer;}
	
#content .divpro .protop .right .procart span.numcart{
	display:inline-block;vertical-align: top;
	border: #fff 1px solid;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	}
	
#content .divpro .procon{
	width:1172px;
	margin:20px auto;
	background:#fff;

	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	}
#content .divpro .procon::-webkit-scrollbar {
    display: none;
}
#content .divpro .procon .pro-title{
	font:400 16px/20px 'Roboto', sans-serif;
    color: #666;
    position: relative;
    padding: 20px 5%;
    border-bottom: 2px solid #f5f5f5;	
	}
#content .divpro .procon .pro-title h2{
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
    font:400 16px/20px 'Roboto', sans-serif;
    color: #666;
    text-transform: uppercase;	
	}
#content .divpro .procon .pro-title h2 img{
	position: absolute; right: -28px; display: block; top: -5px;
	}
	
#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;
	}
	
#content .divpro .profb{padding:20px 5%;overflow:hidden}
#content .proother{
    width: 1172px;
    margin: 0 auto;
	padding:10px 0 0;
	}
#content .proother .pro-title {
    font: 400 16px/20px 'Roboto', sans-serif;
    color: #666;
    text-align:center;
}
#content .proother .pro-title h2 {
    display: inline-block;
    margin: 0;
    padding: 0 0 5px;
    font: 400 22px/32px 'Roboto', sans-serif;
    color: #666;
    text-transform: uppercase;
	border-bottom: 2px solid #999;
}
#content .proother .box{padding:10px 0;}

#content .proview{
    width: 1172px;
    margin: 0 auto;
	padding:25px 0;
	}
#content .proview .pro-title {padding:0 0 20px;
    font: 400 16px/20px 'Roboto', sans-serif;
    color: #666;
    text-align:center;
}
#content .proview .pro-title h2 {
    display: inline-block;
    margin: 0;
    padding: 0 0 5px;
    font: 400 22px/32px 'Roboto', sans-serif;
    color: #666;
    text-transform: uppercase;
	border-bottom: 2px solid #999;
}
#content .proview .box{background:#fff;padding:0 5px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
	}
/* END PRO DETAIL */

/* START BOX PRO GEN */
#content .degen{font:400 14px/22px 'Roboto', sans-serif;;color:#666;padding:20px 5%;}
#content .degen h1{font:20px/26px;color:#666;padding:5px 0;}
#content .degen h2{font:18px/26px;color:#666;padding:5px 0;}
#content .degen h3{font:16px/26px;color:#666;padding:5px 0;}
#content .degen p{font:14px/22px;color:#666;padding:5px 0;}
#content .degen div{font:14px/22px;color:#666;padding:5px 0;}
#content .degen p a{font:400 14px/22px 'Roboto', sans-serif;;color:#666;text-decoration:none}
#content .degen p a:hover{color:red;text-decoration:underline}
#content .degen div a{font:400 14px/22px 'Roboto', sans-serif;;color:#666;text-decoration:none}
#content .degen div a:hover{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%;}
#content .degen td{padding:3px 5px;}
#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:#e72c3f;}
	
/* START BOX NEWS */
#content .mainnews {
    font: 400 14px/22px Arial;
    color: #222;
    margin: 25px 0 20px;
    background: #fff;
    padding: 30px 5%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
	}
#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 2%;
	border:#ddd 1px solid;
	overflow:hidden;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
#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;	}
#content .nbox li .right {float:right;width:62%;padding:0 0 0 15px;}
#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;}
#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;}
#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}

#content .vidbox{padding:15px 0 25px;}
#content .vidbox .vicbox{
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
	margin:15px 0 5px;
	}
#content .vidbox .vicbox iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;	
	}
/* START BOX GENERAL */
#content .boxgen{}
#content .boxgen .title{
    font: 400 22px/28px OpenSansSemiBold;
    color: #e72c3f;
    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:#222;padding:10px 0 0 0;text-align:right}
#content .boxgen h1{font:20px/26px Arial;color:#222;padding:5px 0;}
#content .boxgen h2{font:18px/26px Arial;color:#222;padding:5px 0;}
#content .boxgen h3{font:16px/26px Arial;color:#222;padding:5px 0;}
#content .boxgen p{font:14px/22px Arial;color:#222;padding:5px 0;}
#content .boxgen div{font:14px/22px Arial;color:#222;padding:5px 0;}
#content .boxgen a{color:#004e8a;text-decoration:none}
#content .boxgen a:hover{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;}
#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:#fff;}
#footer .box{width:1172px;margin:0 auto;padding:20px 0 15px;}

#footer .box ul{padding:0;margin:0;list-style:none}
#footer .box ul li{display:inline-block;width:20%;margin:0;padding:0;vertical-align:top;}
#footer .box ul li.add{width:30%;padding:0 15px 0 0;}
#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:700 15px/20px "Roboto",sans-serif;color:#575757;text-transform:uppercase}
#footer .box ul li div.head a{font:700 15px/20px "Roboto",sans-serif;color:#575757;}
#footer .box ul li div.head a:hover{color:#222;}

#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:5px 0;vertical-align:top;}
#footer .box ul li ul li:last-child{width:100%;}
#footer .box ul li ul li a{display:block;font:400 14px/20px "Roboto",sans-serif;color:#6e6e6e;}
#footer .box ul li ul li a:hover{color:#222;}
#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;}
#footer .box ul li ul.office li h3{margin:0;padding:3px 0;font:700 14px/20px "Roboto",sans-serif;color:#6e6e6e;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 14px/20px "Roboto",sans-serif;color:#6e6e6e;}
#footer .box ul li ul.office li a{display:inline-block;font:400 14px/20px "Roboto",sans-serif;color:#6e6e6e;}
#footer .box ul li ul.office li a:hover{color:#222;}
#footer .box ul li ul.office li div{margin:0;padding:5px 0 3px;}
#footer .box ul li ul.office li div a{display:inline-block;}
#footer .box ul li ul.office li div a img{display:block;height:65px;border:none}

#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{}
#footer .box ul li .bct a{display:block;width:160px;height:61px;margin:0 auto;
	background-image: url('/images/global/dathongbao.png');
    background-repeat: no-repeat;
	}

#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 "Roboto",sans-serif;color:#222;}
#footer .box ul li .subcribe div.text span{
    background:#f00;
	color: #fff;
    padding: 3px 10px;
    border-radius: 3px;
    font:400 14px/22px "Roboto",sans-serif;	
	}
#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-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-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 .copy{margin:0 auto;border-top:#dddcdc 1px solid;padding:10px 2%;font:400 13px/18px OpenSans;color:#888;text-align:center;}
#footer .copy a{color:#a9a9a9;}
#footer .copy a:hover{color:#fff;}

.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%);
}
.popup-inner img{display:block;width:100%;border:none}
/* 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;
}
/* 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}

#herrormsg {width:100%;padding:20px 0 0;font:400 12px/12px Verdana;color:#fff;text-align:center;}
.herrormsg-title {width:100%;padding:20px 0 0;font:400 12px/12px Verdana;color:#fff;text-align:center;}

#errormsg {width:100%;padding-top:50px;padding-bottom:50px;font:400 14px/22px 'Roboto', sans-serif;color:#454545;text-align:center;}
#errormsg p{margin:0;padding:5px 0;font:400 14px/22px 'Roboto', sans-serif;color:#454545;text-align:center;}
#errormsg p.xacminh{margin:0;padding:5px 0;font:400 14px/22px 'Roboto', sans-serif;color:#454545;}
#errormsg p.xacminh a{font:400 14px/22px 'Roboto', sans-serif;color:#00759c;}
#errormsg p.xacminh a:hover{color:#ff0000;}
#errormsg span{font:700 14px/22px 'Roboto', sans-serif;color:#454545;}
.errormsg-title {width:100%;padding:30px 0 10px;font:700 15px/22px 'Roboto', sans-serif;color:#444;text-align:center;text-transform:uppercase}
.errormsg-error{margin:0;padding:5px 0;font:700 15px/22px 'Roboto', sans-serif;color:#222;text-align:left;}
.errormsg-message{margin:0;padding:5px 0 30px;font:400 14px/22px 'Roboto', sans-serif;color:#ff0000;text-align:left;}

#bookmsg {width:100%;font:400 14px/22px 'Roboto', sans-serif;color:#454545;
    background: #fff;
    margin: 0 0 25px 0;
	padding:25px;
	text-align:center;
	overflow:hidden;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	}
#bookmsg h2{margin:0;padding:5px 0;font:400 18px/22px 'Roboto', sans-serif;color:#b70017;}
#bookmsg p{margin:0;padding:5px 0;font:400 14px/22px 'Roboto', sans-serif;color:#454545;}
#bookmsg p a{font:400 14px/22px 'Roboto', sans-serif;color:#007ff0;}
#bookmsg p a:hover{text-decoration:none}
#bookmsg p span{color:#58b712;}
#bookmsg div{margin:0;padding:5px 0;font:400 14px/22px 'Roboto', sans-serif;color:#454545;}
#bookmsg div span{display:inline-block;background:#58b712;padding:10px 25px;font:400 18px/22px 'Roboto', sans-serif;color:#fff;}

#mainlink {margin:25px 0;padding:0;text-align:center;}
#mainlink a {
	background-color:#fff;
	font:450 14px/20px Roboto;
	color: #333;
	margin: 0px 4px;
	padding:4px 0 2px;
	min-width:28px;
	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;
	}
#mainlink a:hover{background-color:#e6e6e6;border:#adadad 1px solid;color: #333;}
#mainlink a.active {
	background-color:#e72c3f;
	font:450 14px/20px Roboto;
	color: #fff;
	margin: 0px 4px;
	padding:4px 0 2px;
	min-width:28px;
	display:inline-block;
	text-align: center;
	text-decoration:none;
	border:#e72c3f 1px solid;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-decoration: none;
	}
#mainlink a.active:hover{background-color:#c9302c;border:#ac2925 1px solid;color: #fff;}

/* START BOX ENQUIRE */
#cartlist{display:block;}
#cartlist h2.title{margin:0;padding:15px 0 12px;font:400 20px/28px OpenSansSemiBold;color:#e72c3f;text-transform:uppercase;}

#cartlist h3.step-title{margin:0;padding:15px 0 5px;font:400 20px/25px OpenSansSemiBold;color:#444;}

#cartlist h3.title{margin:0;padding:0 0 15px;}
#cartlist h3.title span{display:inline-block;padding:8px 10px;font:400 italic 14px/20px OpenSans;color:#222;}
#cartlist h3.title 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;
	}
#cartlist h3.title a i{padding-right:8px;}
#cartlist h3.title a:hover{background:#ea5563;}

#cartlist .caleft{width:71%;display:inline-block;vertical-align:top;
	background:#fff;
	margin:0 1.5% 25px 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	}
#cartlist .caleft .calbox{padding:10px 20px 10px;}

#cartlist .caleft .calbox .agree{padding:20px 5px 0;font:400 14px/25px 'Roboto', sans-serif;color:#666;}
#cartlist .caleft .calbox .agree div{padding:10px 0;font:400 14px/25px 'Roboto', sans-serif;color:#666;}
#cartlist .caleft .calbox .agree div i{
    height: 25px;
    width: 25px;
    font-size: 25px;
	color:#f00;
	cursor:pointer;
    margin: 0 8px 0 0;
    vertical-align: top;	
	}
	
#cartlist .caleft .calbox .caldv{padding:10px 5px;font:400 15px/25px 'Roboto', sans-serif;color:#242424;border-bottom: #f4f4f4 1px solid;}
#cartlist .caleft .calbox .caldv div{padding:10px 0;font:400 15px/25px 'Roboto', sans-serif;color:#242424;}
#cartlist .caleft .calbox .caldv div span.price{float:right;font:400 15px/25px 'Roboto', sans-serif;color:#242424;}
#cartlist .caleft .calbox .caldv div span.free{float:none;font:400 13px/25px 'Roboto', sans-serif;color:#35c4f6;text-transform:lowercase;}
#cartlist .caleft .calbox .caldv div i{
    height: 25px;
    width: 25px;
    font-size: 25px;
	color:#35c4f6;
	cursor:pointer;
    margin: 0 8px 0 0;
    vertical-align: top;	
	}
#cartlist .caleft .calbox .caldv div.bieumau{
	padding:15px 25px;
	margin:15px 20px;
	font:400 15px/25px 'Roboto', sans-serif;
	color:#242424;
	overflow:hidden;
	border:#ddd 1px solid;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	}
#cartlist .caleft .calbox .caldv div.bieumau h4{margin:0;padding:5px 0 10px;
	font:400 13px/18px 'Roboto', sans-serif;
	color:#242424;
	}
#cartlist .caleft .calbox .caldv div.bieumau h5{margin:0;padding:10px 0 5px;
	font:700 13px/18px 'Roboto', sans-serif;
	color:#242424;
	}
#cartlist .caleft .calbox .caldv div.bieumau h6{margin:0;padding:2px 0;
	font:400 13px/18px 'Roboto', sans-serif;
	color:#242424;
	}
#cartlist .caleft .calbox .caldv div.bieumau ul{width:80%;padding:0;margin:0;list-style:none}
#cartlist .caleft .calbox .caldv div.bieumau ul li{display:inline-block;width:65%;margin:0 0 0 2%;padding:5px 0;vertical-align:top;border:none;}
#cartlist .caleft .calbox .caldv div.bieumau ul li:nth-child(odd){width:33%;margin-left:0;padding:9px 0 8px}

#cartlist .caleft .calbox .caldv div.bieumau ul li span {color: #ff0000;}

#cartlist .caleft .calbox .caldv div.bieumau select {
    background: rgba(255,255,255,1) url('/images/global/down-green.png') no-repeat right;
    display: inline-block;
    width: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-appearance: none;
    border: #ccc 1px solid;
    outline: 0;
    margin: 0;
    padding: 5px 10px;
	font:400 15px/20px 'Roboto', sans-serif;
    color: #555;
	
	-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;
}

#cartlist .caleft .calbox .caldv div.bieumau input[type="text"], #cartlist .caleft .calbox .caldv div.bieumau textarea {
	display:inline-block;
	width:100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-appearance: none;
    background-color: rgba(255,255,255,1);
    border: #ccc 1px solid;
    outline: 0;
    margin: 0;
    padding: 5px 10px;
	font:400 15px/20px 'Roboto', sans-serif;
	color:#555;
	
	-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;

}

#cartlist .caleft .calbox .caldv div.bieumau select:hover, #cartlist .caleft .calbox .caldv div.bieumau input[type="text"]:hover, #cartlist .caleft .calbox .caldv div.bieumau textarea:hover {
    -webkit-box-shadow: #0066ff 0 0 5px 0;
    -moz-box-shadow: #0066ff 0 0 5px 0;
    box-shadow: #0066ff 0 0 5px 0;
}

#cartlist .caleft .booknow{padding:10px 0;}
#cartlist .caleft .booknow input[type="button"]{width:auto;display:inline-block;
	background:#ff424e;
	border:#ff424e 1px solid;
	padding:10px 25px;
	font: 400 16px/20px 'Roboto', sans-serif;
	color:#fff;
	text-transform:uppercase;
	text-align:center;
	cursor:pointer;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 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;
	}
#cartlist .caleft .booknow input[type="button"]:hover{background:#ff0f1e;border:#ff0f1e 1px solid;}

#cartlist .caleft .note{padding:0 0 10px;font: 400 13px/18px 'Roboto', sans-serif;color:#444;}

#cartlist .caleft ul{padding:0;margin:0;list-style:none}
#cartlist .caleft ul li{display:flex;width:100%;margin:0;padding:20px 25px;vertical-align:top;border-bottom:#f4f4f4 1px solid;}
#cartlist .caleft ul li:last-child{border-bottom:#f4f4f4 0px solid;}
#cartlist .caleft ul li .thumb{display:inline-block;width:20%;margin:0;padding:0;vertical-align:top;}
#cartlist .caleft ul li .thumb img{display:block;width:100%;border:none;}
#cartlist .caleft ul li .info{width:100%;display:inline-block;margin:0;padding:0 15px 0 20px;vertical-align:top;}
#cartlist .caleft ul li .info h2{padding:5px 0;font:400 15px/20px 'Roboto', sans-serif;color:#242424;}
#cartlist .caleft ul li .info h2 a{font:400 15px/20px 'Roboto', sans-serif;color:#242424}
#cartlist .caleft ul li .info h2 a:hover{color:#007ff0;}

#cartlist .caleft ul li .info div{padding:5px 0;font:400 14px/20px 'Roboto', sans-serif;color:#242424;}
#cartlist .caleft ul li .info div a{font:400 14px/20px 'Roboto', sans-serif;color:#242424}
#cartlist .caleft ul li .info div a:hover{color:#007ff0;}

#cartlist .caleft ul li .info p{padding:5px 0;font:400 14px/20px 'Roboto', sans-serif;color:#007ff0;}
#cartlist .caleft ul li .info p a{font:400 14px/20px 'Roboto', sans-serif;color:#007ff0}
#cartlist .caleft ul li .info p a:hover{color:#007ff0;text-decoration:underline}

#cartlist .caleft ul li .price{width:auto;display:inline-block;margin:0;padding:0 15px;vertical-align:top;text-align:right;white-space:nowrap;}
#cartlist .caleft ul li .price div{padding:5px 0;font:500 15px/20px 'Roboto', sans-serif;color:#242424;}
#cartlist .caleft ul li .price div span{text-decoration:underline}
#cartlist .caleft ul li .price p{padding:0 0 5px;font:400 12px/15px 'Roboto', sans-serif;color:#a2a2a2;text-decoration:line-through}
#cartlist .caleft ul li .price div.disc{padding:0 0 5px;font:700 10px/15px 'Roboto', sans-serif;color:#242424;}
#cartlist .caleft ul li .price div.disc span {
    display:inline-block;
	background-color: #ec3e45;
    border-radius: 5px;
    color: white;
    font:700 10px/10px 'Roboto', sans-serif;
	text-decoration:none;
    padding: 4px 7px;
}

#cartlist .caleft ul li .cnum{width:auto;display:inline-block;margin:0;padding:3px 0 3px 25px;vertical-align:top;white-space:nowrap;}
#cartlist .caleft ul li .cnum div{
    border: #c8c8c8 1px solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	overflow: hidden;
	}
#cartlist .caleft ul li .cnum p{display:none}
	
#cartlist .caright{width:27.5%;display:inline-block;vertical-align:top;padding:0 0 20px;}
#cartlist .caright .boxwhite{width:100%;
	background:#fff;
	margin:0 0 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	}
#cartlist .caright .boxcode{width:100%;
	background:#fff;
	margin:10px 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	}
#cartlist .caright .boxfee{width:100%;
	background:#fff;
	border:1px dashed #090;
	overflow:hidden;
	margin:0 0 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	}
	
#cartlist .caright .boxorder{}
#cartlist .caright .boxorder a{width:100%;display:block;
	background:#ff424e;
	border:#ff424e 1px solid;
	padding:10px 0;
	font: 400 14px/20px 'Roboto', sans-serif;
	color:#fff;
	text-align:center;
	cursor:pointer;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 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;
	}
#cartlist .caright .boxorder a:hover{background:#ff0f1e;border:#ff0f1e 1px solid;}

#cartlist .caright ul.dangnhap{margin:0;padding:0;list-style:none;}
#cartlist .caright ul.dangnhap li{margin:0;padding:0;list-style:none;}
#cartlist .caright ul.dangnhap li:first-child{padding-bottom:5px;}
#cartlist .caright ul.dangnhap li:last-child{padding-top:5px;}
#cartlist .caright ul.dangnhap li a{width:100%;display:block;
	background:#ff424e;
	border:#ff424e 1px solid;
	padding:10px 0;
	font: 400 14px/20px 'Roboto', sans-serif;
	color:#fff;
	text-align:center;
	cursor:pointer;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 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;
	}
#cartlist .caright ul.dangnhap li a.loginFB{background:#3b5998;border:#3b5998 1px solid;}
#cartlist .caright ul.dangnhap li a.loginGG{background:#df4a32;border:#c63923 1px solid;}

#cartlist .caright ul.dangnhap li a:hover{background:#ff0f1e;border:#ff0f1e 1px solid;}
#cartlist .caright ul.dangnhap li a.loginFB:hover{color:#fff;}
#cartlist .caright ul.dangnhap li a.loginGG:hover{color:#fff;}

#cartlist .caright .tamtinh{padding:20px 20px;font:400 15px/20px 'Roboto', sans-serif;color:#242424;border-bottom: #f4f4f4 1px solid;}
#cartlist .caright .tamtinh span{float:right;font:400 15px/20px 'Roboto', sans-serif;color:#242424;}
#cartlist .caright .tamtinh i{float:right;padding:0 0 0 5px;font:400 15px/20px 'Roboto', sans-serif;color:#242424;text-decoration:underline}

#cartlist .caright .dichvu{padding:15px 20px;font:400 14px/20px 'Roboto', sans-serif;color:#242424;border-bottom: #f4f4f4 1px solid;}
#cartlist .caright .dichvu div{padding:5px 0;font:400 14px/20px 'Roboto', sans-serif;color:#242424;}
#cartlist .caright .dichvu div span{float:right;font:400 14px/20px 'Roboto', sans-serif;color:#242424;}
#cartlist .caright .dichvu div i{float:right;padding:0 0 0 5px;font:400 14px/20px 'Roboto', sans-serif;color:#242424;text-decoration:underline}

#cartlist .caright .giamgia{padding:20px 20px;font:400 15px/20px 'Roboto', sans-serif;color:#242424;border-bottom: #f4f4f4 1px solid;}
#cartlist .caright .giamgia span{float:right;font:400 15px/20px 'Roboto', sans-serif;color:#242424;}
#cartlist .caright .giamgia i{float:right;padding:0 0 0 5px;font:400 15px/20px 'Roboto', sans-serif;color:#242424;text-decoration:underline}

#cartlist .caright .macode{padding:20px 20px;font:400 15px/20px 'Roboto', sans-serif;color:#242424;border-bottom: #f4f4f4 1px solid;}
#cartlist .caright .macode span{float:right;font:450 15px/20px 'Roboto', sans-serif;color:#fe3834;}
#cartlist .caright .macode i{float:right;padding:0 0 0 10px;font:400 14px/20px 'Roboto', sans-serif;color:#242424;text-decoration:underline;cursor:pointer;}
#cartlist .caright .macode i:hover{color:#fe3834;}

#cartlist .caright .thanhtien{padding:20px 20px 5px;font:400 15px/20px 'Roboto', sans-serif;color:#242424;}
#cartlist .caright .thanhtien span{float:right;font:400 20px/20px 'Roboto', sans-serif;color:#fe3834;}
#cartlist .caright .thanhtien i{float:right;padding:0 0 0 5px;font:400 18px/20px 'Roboto', sans-serif;color:#fe3834;text-decoration:underline}
#cartlist .caright .vat{padding:0 25px 20px;font:400 12px/20px 'Roboto', sans-serif;color:#242424;text-align:right;}

#cartlist .caright .fee{padding:10px 20px;font:400 13px/18px 'Roboto', sans-serif;color:#242424;}
#cartlist .caright .fee p{margin:0;padding:3px 0;font:400 13px/18px 'Roboto', sans-serif;color:#242424;}

#cartlist .caright ul{padding:0;margin:0;list-style:none}
#cartlist .caright ul li{position:relative;display:block;width:100%;margin:0;padding:10px 20px;vertical-align:top;border-bottom:#f4f4f4 1px solid;}
#cartlist .caright ul li:last-child{border-bottom:#f4f4f4 0px solid;}

#cartlist .caright ul li h3{width:75%;padding:2px 0;font:400 13px/16px 'Roboto', sans-serif;color:#242424;}
#cartlist .caright ul li h3 a{color:#007ff0}
#cartlist .caright ul li h3 a:hover{color:#f00;}
#cartlist .caright ul li div{padding:2px 0;font:400 12px/16px 'Roboto', sans-serif;color:#242424;}
#cartlist .caright ul li div span{display:inline-block;vertical-align:top;width:12px;height:12px;margin:2px 6px;}
#cartlist .caright ul li span.price{position:absolute;top:12px;right:25px;display:inline-block;font:400 12px/16px 'Roboto', sans-serif;color:#242424;}

#cartlist .caright ul li.head{position:relative;display:block;width:100%;margin:0;padding:10px 20px;vertical-align:top;border-bottom:#f4f4f4 1px solid;}
#cartlist .caright ul li.head h2{width:75%;padding:3px 0;font:400 14px/20px 'Roboto', sans-serif;color:#242424;}
#cartlist .caright ul li.head a{position:absolute;top:10px;right:20px;display:inline-block;
	border:#ccc 1px solid;
	margin:0;
	padding:3px 10px;
	font: 400 12px/18px 'Roboto', sans-serif;
	color:#333;
	text-align:center;
	cursor:pointer;
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f7f7f7));
    background: linear-gradient(#fff,#f7f7f7);
	outline:none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-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;
	}
#cartlist .caright ul li.head a:hover{background:#fff;}

#cartlist .caright ul li.add{position:relative;display:block;width:100%;margin:0;padding:10px 20px;vertical-align:top;border-bottom:#f4f4f4 0 solid;}
#cartlist .caright ul li.add h3{width:100%;padding:2px 0 5px;font:700 15px/20px 'Roboto', sans-serif;color:#242424;}
#cartlist .caright ul li.add p{width:100%;padding:2px 0;font:400 14px/20px 'Roboto', sans-serif;color:#242424;}

#cartlist .caright .bchead{padding:20px 20px 16px;font:400 15px/20px 'Roboto', sans-serif;color:#222;border-bottom: #f4f4f4 1px solid;}
#cartlist .caright .bccon{padding:20px 30px;}
div.bccode{display:flex;padding:0;}
div.bccode .ditext{
	display: flex;
    flex-grow: 1;
    flex-basis: 0;
    vertical-align: middle;
	}
div.bccode .dibut {
    display: flex;
    width: auto;
    vertical-align: middle;
}

div.bccode input {
	display:inline-block;
	width:100%;
    -webkit-appearance: none;
    background-color: #fff;
    border:#ccc 1px solid;
	border-right:none;
    outline: 0;
    margin: 0;
    padding:5px 10px 5px 12px;
	font:400 14px/20px Montserrat;
	color:#999;
}

div.bccode button[type="submit"] {
	width:auto;
	background-color: #f00;
	border:#f00 1px solid;
	border-left:#fff 0 solid;
    -webkit-appearance: none;
    outline: 0;
    margin: 0;
    padding:4px 10px 6px;
	font:400 13px/16px Montserrat;
	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.bccode button[type="submit"]:hover {background-color: #222;border:#222 1px solid;border-left:#222 0 solid;}

#enlist{display:block;margin:0;padding:5px 0;}
#enmlist{display:none;margin:0;padding:5px 0;}

.soluong {outline:none;background:#fff;width:30px;font:400 14px/20px Arial;text-align:center;color:#a2a2a2;padding:2px 5px;border:none;border-left:#c8c8c8 1px solid;border-right:#c8c8c8 1px solid;}
.msoluong {outline:none;width:20px;font:400 14px/20px Arial;text-align:center;color:#a2a2a2;padding:2px 5px;border:#c8c8c8 1px solid;}
.txnum {outline:none;width:24px;font:400 14px/20px Arial;text-align:center;color:#a2a2a2;padding:2px 5px;border:none;background:#fff;cursor:pointer;}

/* END BOX ENQUIRE */

/* BOX DANH BẠ */
#content .boxdb {
    padding: 15px 15px 10px;
    margin: 10px 0 0;
    background: #fff;
    border: #ddd 1px solid;
    overflow: hidden;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;	
	}

#content .danhba {width:100%;padding:0;margin:0;list-style:none}
#content .danhba li{position:relative;display:inline-block;width:49%;padding:15px 15px 10px;margin:10px 0 10px 2%;vertical-align:top;
	background:#fff;
	border:#ddd 1px solid;
	overflow:hidden;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	}
#content .danhba li:nth-child(odd){margin-left:0;}
.dcmd{border:1px dashed #090 !important}
	
#content .danhba li h2{margin:0;padding:0 0 3px;font:700 15px/20px 'Roboto', sans-serif;color:#333;}
#content .danhba li p{margin:0;padding:0;font:400 13px/20px 'Roboto', sans-serif;color:#333;}
#content .danhba li span{position:absolute;top:5px;right:5px;display:inline-block;padding:0 5px;font:400 12px/15px 'Roboto', sans-serif;color:#090;}
#content .danhba li div{margin:0;padding:5px 0;}
#content .danhba li div a{display:inline-block;
	border:#ccc 1px solid;
	margin:0 8px 0 0;
	padding:5px 10px;
	font: 400 12px/18px 'Roboto', sans-serif;
	color:#333;
	text-align:center;
	cursor:pointer;
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f7f7f7));
    background: linear-gradient(#fff,#f7f7f7);
	outline:none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-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 .danhba li div a:hover{background:#fff;}

#content .danhba li div a.chon{width:auto;display:inline-block;
	border:#555649 1px solid;
	margin:0 8px 0 0;
	padding:5px 10px;
	font: 400 12px/18px 'Roboto', sans-serif;
	color:#fff;
	text-align:center;
	cursor:pointer;
    background: -webkit-gradient(linear,left top,left bottom,from(#626455),to(#626455));
    background: linear-gradient(#626455,#626455);
	outline:none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-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 .danhba li div a.chon:hover{
    background: -webkit-gradient(linear,left top,left bottom,from(#555649),to(#555649));
    background: linear-gradient(#555649,#555649);
	border:#555649 1px solid;
	}

.dcmd a.chon {
    background: -webkit-gradient(linear,left top,left bottom,from(#00b6f0),to(#00b6f0)) !important;
    background: linear-gradient(#00b6f0,#00b6f0) !important;
	border:#00b6f0 1px solid !important;
	}
.dcmd a.chon:hover {
    background: -webkit-gradient(linear,left top,left bottom,from(#029fd1),to(#029fd1)) !important;
    background: linear-gradient(#029fd1,#029fd1) !important;
	border:#029fd1 1px solid !important;
	}
	
#content .themdb{padding:10px 0 0;}
#content .themdb a{display:inline-block;
	background:#ff424e;
	border:#ff424e 1px solid;
	padding:5px 12px;
	font: 400 14px/22px 'Roboto', sans-serif;
	color:#fff;
	outline:none;
	text-align:center;
	cursor:pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-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 .themdb a:hover{background:#ff0f1e;border:#ff0f1e 1px solid;}

#progress {
    margin: 0;
    padding: 0;
}
#progress .pgbox{
    width: 1172px;
    margin: 20px auto 0;
    position: relative;
    background: #fff;
    padding: 15px 10px;
    font: 700 12px/30px 'Roboto', sans-serif;
    color: #989898;
	text-align:center;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
	overflow:hidden;
	}
#progress .pgbox ul {display:block;width:100%;padding:0;margin:0;list-style:none}
#progress .pgbox ul li{position:relative;display:inline-block;width:33.333%;padding:0 15px 25px;margin:0;vertical-align:top;text-align:center;}
#progress .pgbox ul li p{margin:0;padding:0 0 12px;font: 700 13px/30px 'Roboto', sans-serif;color: #666;}
#progress .pgbox ul li div{
    width: 100%;
    left: 0;
    height: 6px;
    display: block;
    position: absolute;
    background: #ebebeb;	
	}
#progress .pgbox ul li div span{
    width: 100%;
    height: 6px;
    display: block;
    position:absolute;
    background:rgba(0,0,0,0);	
	}
#progress .pgbox ul li div span.acv{
    background:#35c4f6;
	z-index:1;
	}
#progress .pgbox ul li div span i{
    position: absolute;
	background: #fff;
	border: #ccc 1px solid;
	font: 700 14px/28px 'Roboto', sans-serif;
	color: #444;
    height: 28px;
    width: 28px;
	z-index:2;
	overflow:hidden;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-box-shadow: #666 0 0 2px;
    box-shadow: #666 0 0 2px;
	}
#progress .pgbox ul li div span i.acv{
    position: absolute;
	background: #35c4f6;
	border: #35c4f6 1px solid;
	font: 700 14px/28px 'Roboto', sans-serif;
	color: #fff;
    height: 28px;
    width: 28px;
	overflow:hidden;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;	
	}
#progress .pgbox ul li:first-child div{left:50%;}
#progress .pgbox ul li:last-child div{width:50%;left:0;}

#content .mainpay {
    font: 400 14px/22px Arial;
    color: #222;
    margin: 25px 0 20px;
}

/* BOX DON HANG */
#content .bordh {
    font: 400 14px/22px Arial;
    color: #222;
    margin: 25px 0;
    background: #fff;
    padding: 10px 25px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;	
	}
	
#content .bordh .dthead{margin:0;padding:0 0 35px;font:450 20px/30px Roboto;color:#222;text-transform:uppercase;text-align:center;}
#content .bordh .dthead span{color:#f00;}

#content .donhang {width:100%;padding:0;margin:0;list-style:none}
#content .donhang li{position:relative;display:block;width:100%;padding:0;margin:0;background:#fff;border-bottom:#ddd 1px solid;}
#content .donhang li:last-child{border:none;}
#content .donhang li ul{display:flex;width:100%;padding:0;margin:0;list-style:none}
#content .donhang li ul li{position:relative;display:inline-block;width:100%;padding:12px 10px 10px;margin:0;vertical-align:top;border:none;font:400 14px/20px 'Roboto', sans-serif;color:#333;}
#content .donhang li ul li span{display:block;padding:2px 0;font:600 14px/20px 'Roboto', sans-serif;color:#333;}
#content .donhang li ul li:first-child{width:12%;padding-left:0;}
#content .donhang li ul li:nth-child(2){width:12%}
#content .donhang li ul li:nth-child(3){width:52%}
#content .donhang li ul li:nth-child(4){width:12%;text-align:right}
#content .donhang li ul li:last-child{width:12%;padding-right:0;text-align:right}
#content .donhang li ul li a{color:#007ff0;}
#content .donhang li ul li a:hover{color:#f00;}

#content .mdonhang {display:none;width:100%;padding:0;margin:0;list-style:none}
#content .mdonhang li{position:relative;display:block;width:100%;padding:0;margin:0;background:#fff;border-bottom:#ddd 1px solid;}
#content .mdonhang li:last-child{border:none;}
#content .mdonhang li ul{display:flex;width:100%;padding:0;margin:0;list-style:none}
#content .mdonhang li ul li{position:relative;display:inline-block;width:100%;padding:12px 0 10px;margin:0;vertical-align:top;border:none;font:400 14px/20px 'Roboto', sans-serif;color:#333;}
#content .mdonhang li ul li span{display:block;padding:2px 0;font:600 14px/20px 'Roboto', sans-serif;color:#333;}
#content .mdonhang li ul li div{padding:2px 0;font:400 14px/20px 'Roboto', sans-serif;color:#666;}
#content .mdonhang li ul li p{padding:3px 0;font:450 14px/20px 'Roboto', sans-serif;color:#333;}
#content .mdonhang li ul li div span{display:inline-block;vertical-align:top;padding:0;font:450 14px/20px 'Roboto', sans-serif;color:#333;}
#content .mdonhang li ul li div span.price{color:#f00;}
#content .mdonhang li ul li a{color:#007ff0;}
#content .mdonhang li ul li a:hover{color:#f00;}

#content .boxdh {padding:25px 0;}
#content .boxdh h2{position:relative;margin:0;padding:0 8px 20px;font:400 17px/22px 'Roboto', sans-serif;color:#333;}
#content .boxdh h2 span{position:absolute;top:0;right:8px;font:400 12px/22px 'Roboto', sans-serif;color:#333;}

#content .boxdh ul.dhhead {width:100%;padding:0;margin:0;list-style:none}
#content .boxdh ul.dhhead li{display:inline-block;vertical-align:top;width:32.66666%;padding:0;margin:0 0 0 1%;}
#content .boxdh ul.dhhead li:first-child{margin-left:0;}
#content .boxdh ul.dhhead li h3{margin:0;padding:0 8px 5px;font:400 14px/20px 'Roboto', sans-serif;color:#333;text-transform:uppercase}
#content .boxdh ul.dhhead li div{
    font: 400 14px/22px Arial;
    color: #222;
	min-height:110px;
    background: #fff;
    padding: 10px 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}
#content .boxdh ul.dhhead li div h4{margin:0;padding:3px 0;font:700 14px/20px 'Roboto', sans-serif;color:#333;text-transform:uppercase;}
#content .boxdh ul.dhhead li div p{margin:0;padding:3px 0;font:400 14px/20px 'Roboto', sans-serif;color:#333;}

#content .boxdh .cancel{text-align:right;}
#content .boxdh .cancel a,
#content .boxdh .cancel span{width:auto;display:inline-block;vertical-align:top;
	background:#ff424e;
	border:#ff424e 1px solid;
	margin:0 0 0 10px;
	padding:8px 25px;
	font: 400 14px/20px 'Roboto', sans-serif;
	color:#fff;
	text-align:center;
	cursor:pointer;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 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;
	}
#content .boxdh .cancel a i{padding-right:8px;}
#content .boxdh .cancel a:hover,
#content .boxdh .cancel span:hover{background:#ff0f1e;border:#ff0f1e 1px solid;}

/* DÀNH CHO PC */
#content .dhcon {width:100%;padding:0;margin:0;list-style:none;
    font: 400 14px/22px Arial;
    color: #222;
    margin: 25px 0 20px;
    background: #fff;
    padding: 10px 25px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
	}
#content .dhcon li{position:relative;display:block;width:100%;padding:0;margin:0;border-bottom:#ddd 1px solid;}
#content .dhcon li:last-child{border:none;}
#content .dhcon li ul.sp{display:flex;width:100%;padding:0;margin:0;list-style:none}
#content .dhcon li ul.sp li{position:relative;display:inline-block;width:100%;padding:12px 10px 10px;margin:0;vertical-align:top;border:none;font:400 14px/20px 'Roboto', sans-serif;color:#333;}
#content .dhcon li ul.sp li span{display:block;padding:2px 0;font:600 14px/20px 'Roboto', sans-serif;color:#333;}
#content .dhcon li ul.sp li:first-child{width:64%;padding-left:0;}
#content .dhcon li ul.sp li:nth-child(2){width:12%;text-align:right}
#content .dhcon li ul.sp li:nth-child(3){width:12%;text-align:right}
#content .dhcon li ul.sp li:last-child{width:12%;padding-right:0;text-align:right}

#content .dhcon li ul.sp li .thumb{width:10%;display:inline-block;vertical-align:top;}
#content .dhcon li ul.sp li .thumb img{display:block;width:100%;border:none}
#content .dhcon li ul.sp li .info{width:90%;display:inline-block;vertical-align:top;padding:0 0 0 20px;}
#content .dhcon li ul.sp li .info h3{margin:0;padding:3px 0;font:700 14px/20px 'Roboto', sans-serif;color:#333;}
#content .dhcon li ul.sp li .info h3 a{color:#333;}
#content .dhcon li ul.sp li .info h3 a:hover{color:#f00;}
#content .dhcon li ul.sp li .info div{padding:3px 0;font:400 12px/18px 'Roboto', sans-serif;color:#242424;}
#content .dhcon li ul.sp li .info div span{display:inline-block;vertical-align:top;width:12px;height:12px;margin:3px 6px;}
#content .dhcon li ul.sp li .info p{margin:0;padding:3px 0;font:400 14px/18px 'Roboto', sans-serif;color:#333;}

#content .dhcon li ul.tong{display:block;width:100%;padding:10px 0 5px;margin:0;list-style:none}
#content .dhcon li ul.tong li{position:relative;display:inline-block;width:100%;padding:5px 10px;margin:0;vertical-align:top;border:none;font:400 14px/20px 'Roboto', sans-serif;color:#333;}
#content .dhcon li ul.tong li:nth-child(odd){width:88%;padding-left:0;text-align:right}
#content .dhcon li ul.tong li:nth-child(even){width:12%;padding-right:0;text-align:right}
#content .dhcon li ul.tong li span{font-weight:700;color:#f00;}

/* DÀNH CHO MOB */
#content .dhmcon {display:none;width:100%;padding:0;margin:0;list-style:none;
    font: 400 14px/22px Arial;
    color: #222;
    margin: 15px 0 20px;
    background: #fff;
    padding: 10px 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
	}
#content .dhmcon li{position:relative;display:block;width:100%;padding:0;margin:0;border-bottom:#ddd 1px solid;}
#content .dhmcon li:last-child{border:none;}
#content .dhmcon li ul.sp{display:flex;width:100%;padding:0;margin:0;list-style:none}
#content .dhmcon li ul.sp li{position:relative;display:inline-block;width:100%;padding:12px 0 10px;margin:0;vertical-align:top;border:none;font:400 14px/20px 'Roboto', sans-serif;color:#333;}
#content .dhmcon li ul.sp li span{display:block;padding:2px 0;font:600 14px/20px 'Roboto', sans-serif;color:#333;}

#content .dhmcon li ul.sp li .thumb{width:20%;display:inline-block;vertical-align:top;}
#content .dhmcon li ul.sp li .thumb img{display:block;width:100%;border:none}
#content .dhmcon li ul.sp li .info{width:80%;display:inline-block;vertical-align:top;padding:0 0 0 20px;}
#content .dhmcon li ul.sp li .info h3{margin:0;padding:3px 0;font:700 14px/20px 'Roboto', sans-serif;color:#333;}
#content .dhmcon li ul.sp li .info h3 a{color:#333;}
#content .dhmcon li ul.sp li .info h3 a:hover{color:#f00;}
#content .dhmcon li ul.sp li .info p{padding:0;font:400 14px/20px 'Roboto', sans-serif;color:#333;}
#content .dhmcon li ul.sp li .info p span{display:inline-block;font:450 14px/20px 'Roboto', sans-serif;color:#333;}
#content .dhmcon li ul.sp li .info div{padding:0;font:400 14px/20px 'Roboto', sans-serif;color:#333;}
#content .dhmcon li ul.sp li .info div span{display:inline-block;vertical-align:top;width:12px;height:12px;margin:3px 6px;}

#content .dhmcon li ul.tong{display:block;width:100%;padding:10px 0 5px;margin:0;list-style:none}
#content .dhmcon li ul.tong li{position:relative;display:inline-block;width:100%;padding:5px 10px;margin:0;vertical-align:top;border:none;font:400 14px/20px 'Roboto', sans-serif;color:#333;}
#content .dhmcon li ul.tong li:nth-child(odd){width:88%;padding-left:0;text-align:right}
#content .dhmcon li ul.tong li:nth-child(even){width:12%;padding-right:0;text-align:right}
#content .dhmcon li ul.tong li span{font-weight:700;color:#f00;}

#content .memcon {width:100%;padding:0;margin:0;list-style:none;
    font: 400 14px/22px Arial;
    color: #222;
    margin:0;
    background: #fff;
    padding: 10px 25px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
	}
#content .memcon li{position:relative;display:inline-block;vertical-align:top;width:50%;padding:8px 3px;margin:0;font:400 14px/20px 'Roboto', sans-serif;color:#242424;border-bottom:#ddd 1px solid;}
#content .memcon li span{font:450 14px/20px 'Roboto', sans-serif;color:#242424;}
/* START FORM MEM BOX */
#form{}
#form .formhead{
	width:100%;
	border-bottom:#d3d3d3 1px solid;
	padding: 0 0 10px 0;
	margin: 0 0 15px 0;
	}
#form .formhead p{font: 400 13px/18px Verdana;padding:3px 0;color:#222;}
#form .formhead span{font: 400 italic 13px Verdana;color:#ff0000;}
	
#form .formdetail{width:50%;margin:0 auto;padding: 3px 0 10px 0;font:400 14px/22px 'Roboto', sans-serif;}
#form .formdetail p{font: 400 14px/18px Verdana;padding:3px 0;}
#form .formdetail span{font: 400 14px 'Roboto', sans-serif;color:#f00}
	
#form .formbox {width:50%;margin:0 auto;color:#222;}
.formbox90 {width:80% !important;}
#form .formbox div.head{width:100%;padding:9px 0 12px;font: bold 14px/16px Verdana;}
#form .formbox .formleft{float:left;width:30%;padding:9px 0;font:400 14px/22px 'Roboto', sans-serif;color:#333;}
#form .formbox .formleft span{color:#ff0000}
#form .formbox .formright{float:right;width:70%;padding:3px 0;font:400 14px/22px 'Roboto', sans-serif;color:#333;}
#form .formbox .formright span{display:block;padding:5px 0 0 5px;font:400 12px 'Roboto', sans-serif;color:#f00;}
#form .formbox .formright a{font:400 14px/22px 'Roboto', sans-serif;text-decoration:none}
#form .formbox .formright a:hover{color:#f00;}

#form .formbox select {
    background: rgba(255,255,255,1) url('/images/global/down-green.png') no-repeat right;
    display: inline-block;
    width: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-appearance: none;
    border: #ccc 1px solid;
    outline: 0;
    margin: 0;
    padding: 5px 10px;
	font:400 15px/22px 'Roboto', sans-serif;
    color: #555;
	
	-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-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-appearance: none;
    background-color: rgba(255,255,255,1);
    border: #ccc 1px solid;
    outline: 0;
    margin: 0;
    padding: 5px 10px;
	font:400 15px/22px 'Roboto', sans-serif;
	color:#555;
	
	-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;

}

::placeholder {font-size:14px;color:#d4d4d4;opacity: 1;}
:-ms-input-placeholder {font-size:14px;color:#d4d4d4;}
::-ms-input-placeholder {font-size:14px;color:#d4d4d4;}

#form .formbox input[type="radio"] {
	display:inline-block;
    outline: 0;
    margin: 0;
    padding: 5px 10px;
	font:400 15px/22px 'Roboto', sans-serif;
	color:#555;

	-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:#f00;
	border:#f00 1px solid;
	padding:6px 25px;
	font: 400 14px/20px 'Roboto', sans-serif;
	color:#fff;
	text-align:center;
	cursor:pointer;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 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;
}

#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:#f00;border:#f00 1px solid;}

.fsize0{width:45px !important}
.fsize01{width:85px !important}
.fsize1{width:150px !important}
.fsize2{width:200px !important}
.fsize3{width:250px !important}

/* END FORM BOX */

/* 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 VIDEO LIST */
#promap{width:100%;height:450px;margin:25px 0 10px;}
/* END MAP LIST */
@media (max-width:1366px){

	#anhbn {max-height: 520px;}

}

@media (max-width:1280px){

	#anhbn {max-height: 486px;}

}

@media (max-width:1024px){
	
	#anhbn {max-height: 390px;}

	#header .top .box,
	#header .mnbox .box{width:100%;}
	
	#header .mnbox .box .logo {padding: 10px 10% 10px 10px;}
	#header .mnbox .box .right{right:20px;}
	
	#content div.best,
	#content div.homebox .hotpro,
	#content div.homebox .homeanh,
	#footer .box,
	#navi .navibox,
	#content div.conbox,
	#content .divpro .protop .box,
	#content .divpro .procon,
	#content .proother,
	#content .proview,
	#progress .pgbox{width:96%;}
	
	#content div.topro{
		width: -moz-calc(96% + 16px);
		width: -webkit-calc(96% + 16px);
		width: -o-calc(96% + 16px);
		width: calc(96% + 16px);	
		}
	
	#content .hpro4a li.ad .thumb{height:291px;}
	#content .hpro4a li .thumb{height:227px;}
	
	#content .hpro4 li .thumb{height:227px;}
	#content .hpro4 li .thumb img{height:auto;}

	#content .topanh p {margin: 15px 0 0;}
	#content .topanh b {font: 500 14px/18px 'Roboto', sans-serif;margin-top: 10px;}

}

@media (max-width:900px){
	
	#anhbn {max-height: 340px;}

	#header .mnbox .box{height: 70px;}
	#header .mnbox .box .logo{padding:10px;position:absolute;top:0;left:0;z-index:999;}
	#header .mnbox .box .logo img {max-height:50px;}
	
	#header .mnbox .box .left{display:block;}

	div.search{padding:18px 10px 0;}
	div.search input {border: #ccc 1px solid;}
	div.search button[type="submit"] {border: #f00 0 solid;}
	#header .mnbox .box .right {right: 90px;}
	#header .mnbox .box .right .giohang {padding:25px 0 0 20px;}
	#boxanh {padding:107px 0 0;}
	#box80 {height: 107px;}
	
	#content .hpro4a li.ad .thumb{height:263px;}
	#content .hpro4a li .thumb{height:199px;}
	
	#content .hpro4 li .thumb{height:199px;}
	
	#content .divpro .protop .left {padding: 0 3% 0 0;}
	#content .divpro .protop .right {padding: 0 0 0 3%;}
	#content .divpro .protop .right h1 {font: 450 25px/35px 'Roboto', sans-serif;}
	#content .divpro .protop .right .price span {font: 900 25px/25px 'Roboto', sans-serif;}
	
	#content .mainnews {padding: 30px 20px;}
	
	#content .topanh a {top: 25px;}
	#content .topanh p {margin: 10px 0 0;}
	#content .topanh b {margin-top: 5px;}

	#footer .box ul li.add {width:50%;padding:10px 1%;}
	#footer .box ul li {width:50%;padding:10px 1%;}
	#footer .box ul li.fanpage{width:50%;padding:10px 1%;}
		
}

@media (max-width:768px){

	#anhbn {max-height: 290px;}
	
	#content div.homebox .hotpro .ulhome li.li30 {width: 36%;}
	#content .hmnu li a,
	#content .hmnu li.active a {padding: 5px 0 5px 20px;}
	#content div.homebox .hotpro .ulhome li.li70 {width: 64%;}
	#content .hpro li {width: 48.5%;}
	#content .hpro li:nth-child(odd){margin-left:0;}
	#content .hpro li:nth-child(even){margin-left:3%;}
	
	#content .hpro4a li{width: 48.5%;}
	#content .hpro4a li:nth-child(even){margin-left:0;}
	#content .hpro4a li:nth-child(odd){margin-left:3%;}
	#content .hpro4a li .thumb {height: auto;}
	#content .hpro4a li.ad{width:100%;margin-left:0;}
	#content .hpro4a li.ad .thumb {height: auto;}
	
	#content .hpro4 li {width:48.5%;}
	#content .hpro4 li:nth-child(odd){margin-left:0;}
	#content .hpro4 li:nth-child(even){margin-left:3%;}
	#content .hpro4 li .thumb{height: auto;}
	
	#content .pro li{width:48.5%;}
	#content .pro li:nth-child(odd){margin-left:0;}
	#content .pro li:nth-child(even){margin-left:3%;}
	
	#cartlist .caleft {width: 62%;margin: 0 2% 25px 0;}
	#cartlist .caright {width: 35%;}
	#content .danhba li div {padding: 5px 0 0;}
	#content .danhba li div a {margin: 5px 8px 5px 0;}
	#content .danhba li div a.chon {margin: 5px 8px 5px 0;}

	#content .bordh {padding: 10px 15px;}
	#content .donhang {display:none;}
	#content .mdonhang {display:block;}
	
	#content .dhcon {display:none;}
	#content .dhmcon {display:block;}
	
	#content .dhmcon li ul.tong li:nth-child(odd) {width: 50%;text-align:left}
	#content .dhmcon li ul.tong li:nth-child(even) {width: 50%;}

	#form .formbox,
	#form .formdetail{width: 96%;}

	#content .nbox li{width:100%;margin-left:0;}
	#content .nbox li:last-child{margin-bottom:0;}

}

@media (max-width:640px){

	#anhbn {max-height: 240px;}
	#anhmbn {max-height: 240px;}

	#content div.homebox .hotpro .ulhome div.hot {display:block;}
	#content div.homebox .hotpro .ulhome li.li30 {width:100%;}
	#content div.homebox .hotpro .ulhome li.li70 {width:100%;padding:0;}
	
	#content .divpro .protop .left {width: 100%;padding:0;}
	#content .divpro .protop .right {width: 100%;padding:15px 0 0;}
	
	#cartlist .caleft ul li {display: block;padding: 20px 15px;}
	#cartlist .caleft ul li .thumb {width: 35%;padding:0 0 10px}
	#cartlist .caleft ul li .info {width: 65%;padding: 0 0 0 20px;}
	#cartlist .caleft ul li .price {width: 35%;text-align: center;}

}

@media (max-width:480px){
	
	#anhbn {max-height: 232px;}
	#anhmbn {max-height: 232px;}

	.menu > ul > li:first-child a {padding: 10px 15px;}
	.menu ul ul li a {padding: 10px 15px;}
	
	#boxanh{display:none}
	#boxmanh{display:block}
	
	#content .topanh{display:none;}
	#content .topmanh{display:block;}
	
	#header .top .box ul.con li:last-child {display:none;}
		
	div.search input {width: 150px;}
	
	#content div.topro {
		width: -moz-calc(98%);
		width: -webkit-calc(98%);
		width: -o-calc(98%);
		width: calc(98%);
	}

	.hot-view .item p{text-align:left !important;}
	.hot-view .item span.oprice{display:none}
	
	#content .hpro li p{text-align:left;}
	#content .hpro li span.oprice{display:none}

	#content .hpro4 li p{text-align:left;}
	#content .hpro4 li span.oprice{display:none}
		
	#content .hpro4a li p{text-align:left;}
	#content .hpro4a li span.oprice{display:none}
	
	#content .pro li p{text-align:left;}
	#content .pro li span.oprice{display:none}
	
	#cartlist .caleft {width: 100%;margin: 0 0 25px;}
	#cartlist .caright {width: 100%;}
	
	#progress .pgbox ul li {padding: 0 5px 25px;}
	#progress .pgbox ul li p {height:42px;font: 450 13px/30px 'Roboto', sans-serif;}

	#content .danhba li {width:100%;margin:10px 0;}
	
	#content .boxdh ul.dhhead li {width: 100%;padding: 0;margin: 0 0 10px;}
	#content .boxdh ul.dhhead li div {min-height: auto;padding: 15px 20px;}

	#content .boxdh h2 b {display: block;padding:5px 0;font: 450 15px/22px 'Roboto', sans-serif;}
	#content .boxdh h2 span {position: relative;display: block;top: auto;right: auto;font: 400 14px/22px 'Roboto', sans-serif;}
	#content .dhmcon li ul.sp li .info {padding: 0 0 0 10px;}

	#footer .box ul li.add {width:100%;padding:10px 1%;}
	#footer .box ul li {width:100%;padding:10px 1%;}
	#footer .box ul li.fanpage{width:100%;padding:10px 1%;}

#content .nbox li {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    padding: 0;
    margin: 0 0 25px;
    border: none;
    overflow: hidden;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
}
#content .nbox li .left {width: 100%;}

#content .nbox li .right {width: 100%;padding: 0;}

}

@media (max-width:420px){

	#anhbn {max-height: 202px;}
	#anhmbn {max-height: 202px;}
	
	#header .mnbox .box .right .sebox {display: none;}
	
	#form .formbox .formleft {width: 100%;padding: 2px 3px;}
	#form .formbox .formright {width: 100%;padding: 3px 0;}
	
}