@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%;}
*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-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/Roboto-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:25px 12px;
	font: 450 15px/40px Roboto, OpenSansSemiBold;
	color:#444;
	text-decoration:none;
	text-transform:uppercase;
	}
.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:#ec3237;}
.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 ========== */	
/* ========== CLASSIC/MEGA MENU ========== */	
.menu ul ul, .menu .mega_menu{
	position:absolute;
	top:100px;
	visibility:hidden;
	opacity:0;
	z-index:997;
	background: #fff;
    border-left: solid 0px #232323;
    border-right: solid 0px #232323;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    -webkit-box-shadow: 0 3px 3px rgba(45,45,45,.3);
    -moz-box-shadow: 0 3px 3px rgba(45,45,45,.3);
    box-shadow: 0 3px 3px rgba(45,45,45,.3);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
	}

.mnright{right:0;}
.mnright ul{left:calc(-100% - 21px) !important}

/* ========== MEGA MENU ========== */		
.menu .mega_menu{
	padding:9px 0 9px;
	border:none;
	border-top:solid 0 #004b09;
	border-bottom:solid 0 #004b09;
	}
.menu ul li:hover > ul{top:80px;visibility:visible;opacity:1;}
.menu ul li:hover .mega_menu{top:80px;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(255,255,255,0);
	min-width:200px;
	height:auto;
	padding:10px 15px;
	font:400 15px/20px Roboto, Arial;
	color:#444;
	text-transform:none;
	border-bottom:#e6e6e6 1px solid;
	border-left:none;
	border-right:none;
	white-space:nowrap;
	}
.menu ul ul ul li a{min-width:200px;white-space:normal;}

.menu ul li ul li:last-child a{border-bottom:dotted 0px #d2d2d2;}

.menu ul ul li a i{
	position:absolute;
	right:12px;
	}
/* ========== LINKS ON MOUSEOVER IN CLASSIC MENU ========== */
.menu ul ul li:hover > a{color:#ec3237;}
.menu ul ul li:first-child:hover a{}	
/* ========== LINKS ON MOUSE CLICK IN CLASSIC MENU ========== */
.menu ul ul li a:active{color:#ec3237;}
/* ========== CLASSIC MENU LVL 2,3,4,... ========== */	
.menu ul ul ul li:first-child a{}
.menu ul ul ul{left:100%;top:20px;
	-webkit-box-shadow: 1px 0px 1px rgba(50, 50, 50, 0);
	-moz-box-shadow:    1px 0px 1px rgba(50, 50, 50, 0);
	box-shadow:         1px 0px 1px rgba(50, 50, 50, 0);
	border:solid 1px #830000;
	border-top:solid 0px #830000;
	border-left:solid 0px #830000;
	}
.menu ul ul li:hover ul{left:100%;top:0px;}
.menu ul ul ul li a{border-left:solid 0px #830000;border-bottom:#830000 1px dotted !important;font: 400 15px/20px Roboto, Arial;}
.menu ul ul ul li:first-child a{border-left:solid 0px #830000 !important;}
.menu ul ul ul li:last-child a{border-bottom:solid 0px #830000 !important;}
/* ========== 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:5px 10px 15px;
	}	
/* ========== 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:Roboto, Arial, 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:23%;
	margin:0 1%;
	padding:0;
	*float:left;
	}	
.menu .mega_menu .list li{
	width:100%;
	float:left;
	}	
.menu .mega_menu .list li.headline{padding:5px 0;}
.menu .mega_menu .list li.headline h3, .menu .mega_menu .list li.headline h3 a{
	font:500 14px/20px Roboto, Arial;
	color:#222;
	text-transform:uppercase;
	}
.menu .mega_menu .list li.headline h3 a{}
.menu .mega_menu .list li a{
	display:block;
	padding:5px 10px;
	font:400 14px/16px Roboto, Arial;
	color:#222;
	text-transform:none;
	text-decoration:none;
	border:none;
	}
.menu .mega_menu .list li:hover a{background:#f6f6f6;color:#ff891e;}
.menu .mega_menu .list li.headline h3:hover a{background:none;color:#ff891e;}
.menu .mega_menu .list li a:hover, .menu .mega_menu .list li.headline h3 a:hover{
	color:#ff891e;
	}

.menu .mega_menu .list li a:active, .menu .mega_menu .list li.headline h3 a:active{
	color:#ff891e;
	}
/* ========== 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:0;
		right:75px;
		width:22px;
		height:30px;
		}
	.menu input#dropdown{
		opacity:0;
		}
	.menu label{
		background: url('/images/icon_list.png') no-repeat center;
		background-size:22px 20px;
		background-position:0 5px;
		padding:0 0 0 32px;
		font:400 20px/30px Roboto, Arial;
		color:#d40000;
		-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;
		}
	.menu label:hover{
		cursor:pointer;
		}
	.menu input#dropdown:checked ~ label{
		background: url('/images/icon_listac.png') no-repeat center;
		background-size:22px 20px;
		background-position:0 5px;
		color:#d40000;
		}
	.menu input#dropdown:checked ~ ul{
		left:0;visibility:visible;opacity:1;overflow-y:auto;		
		height: -moz-calc(100vh - 90px);
		height: -webkit-calc(100vh - 90px);
		height: -o-calc(100vh - 90px);
		height: calc(100vh - 90px);
		}	
	.menu div.dropdown{
		display:none;
		position:absolute;
		top:0;
		left:0;
		right:0;
		margin:0;
		}
	.menu div.dropdown span{padding-left:50px;
		font:400 20px/40px Roboto, Arial;
		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:30px;
		height:100%;
		/*overflow:hidden;*/
		position:relative;
		}
	.menu ul{
		visibility:hidden;
		opacity:0;
		width:100%;
		left:-100%;
		top:60px;
		margin:0;
		padding:0;
		float:none;
		background:#fff;
		z-index:999;

		-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5);
		-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5);
		box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5);
	
		-webkit-transition: all .3s ease;
		-moz-transition: all .3s ease;
		-o-transition: all .3s ease;
		transition: all .3s ease;
		}
	.menu ul > li{
		float:none;
		}
	.pinherit{position: relative !important;}
	.menu > ul > li:first-child a span{display:block}
	.menu > ul > li:first-child a i{display:none}
	.menu > ul > li:first-child a{
		width:100%;
		background: rgba(0,0,0,0);
		min-width:auto;
		height: auto;
		}
	.menu > ul > li:first-child a span{display:block}
	.menu ul li a{
		width:100%;
		background: rgba(0,0,0,0);
		min-width:auto;
		height: auto;
		padding:5px 15px !important;
		font:700 15px/30px "Open Sans", Arial;
		text-transform:uppercase;
		color: #333;
		border-bottom:solid 1px #ccc;
		border-right: none;
		}
	.menu ul > li > a:before {display:none;}
	.menu ul > li > a:hover:before {display:none;}
	
	.menu ul > li i{display:block;position:absolute;right:0;top:0;color:#222;width:40px;height:40px;cursor:pointer;text-align:center;}
	.menu ul > li i:hover{color:#f00;}
	.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: #222;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:#222;
		transform: scale(1) !important;
		}
	.menu ul li:first-child:hover > a{
		color:#222;
		transform: scale(1) !important;
		}
	.menu ul ul, .menu .mega_menu{
		display:block;
		background:none;
		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;*/
		}
	.smnac{display:block !important;visibility:visible !important;}
	
	.menu ul ul li{
		width:100%;
		float:left;
		}
	.menu ul ul li a{
		width:100%;
		min-width:auto;
		height: auto;
		padding: 10px 25px !important;
		font:400 14px/20px Roboto, Arial !important;
		text-transform:uppercase;
		color: #222;
		border-bottom:#ccc 1px dotted;
		border-right: none;
		}
	.menu ul ul li:last-child a {
		border-bottom:#ccc 1px dotted;
		-webkit-border-radius:0;
		-moz-border-radius:0;
		border-radius:0;
	}
	.menu ul ul li:hover a{color:#ff891e;}
	.menu ul ul li:first-child:hover a{color:#ff891e;}
	.menu ul ul ul, .menu ul ul li a i{
		
		}
	.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:#fff;}
#header .box{position:relative;width:1200px;margin:0 auto;}
#header .box .logo{position:relative;float:left;padding:15px 0;z-index:4;}
#header .box .logo img{display:block;height:60px;border:none;}
#header .box .left{float:left;padding:0 0 0 45px;}
#header .box .right{float:right;display:inline-block;vertical-align:top;padding:20px 0;}
#header .box .right .sebox {display:inline-block;vertical-align:top;padding:0;}

#header .box .right .giohang {display:inline-block;vertical-align:top;padding:15px 15px 0 35px;}
#header .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 .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 .box .right .giohang a:hover{transform: scale(1.1);}

.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;
	}
	
#boxanh{}
#boxanh .thumb{width:100%;}
#boxanh .thumb img{display:block;width:100%;border:none}
#box80{}

div.search{display:flex;padding:5px 0;z-index:2;
    -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 .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:150px;
    -webkit-appearance: none;
    background-color: #fff;
    border:#d9d9d9 1px solid;
	border-right:none;
    outline: 0;
    margin: 0;
    padding:10px 20px;
	font:400 14px/18px Arial;
	color:#999;
	-webkit-border-top-left-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}

div.search button[type="submit"] {
	width:auto;
    background-color:#fff;
    border:#d9d9d9 1px solid;
	border-left:none;
    -webkit-appearance: none;
    outline: 0;
    margin: 0;
    padding:10px 10px 10px 5px;
	font:400 14px/18px Arial;
	color:#222;
	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-top-right-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-topright: 20px;
	-moz-border-radius-bottomright: 20px;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;

}
div.search button[type="submit"]:hover {
	color:#d42316;
}

/* END HEADER */

/* START CONTENT */
#content div.navi{background:#f2f2f2;}
#content div.navi ul{width:1200px;margin:0 auto;padding:5px 10px;list-style:none;}
#content div.navi ul li{display:inline-block;vertical-align:top;margin:0;padding:5px 0;list-style:none;font:400 15px/20px Roboto, serif;color:#222;}
#content div.navi ul li a{font:400 15px/20px Roboto, serif;color:#222;text-decoration:none;}
#content div.navi ul li a:hover{color:#ec3237;}
#content div.navi ul li:after {
    content: '';
    font-family: FontAwesome;
    visibility: visible;
    padding: 0 10px;
    display: inline-block;
}
#content div.navi ul li:last-child:after{visibility:hidden;}
		
#otherul{padding:0;margin:0;list-style:none;}
#otherul li{background:url("/images/global/arrow-rv1.png") no-repeat left;background-position: 5px 9px;padding:0 0 10px 15px}
#otherul li a{font:400 14px/18px Roboto, Arial;color:#222;text-decoration:none}
#otherul li a:hover{color:#d4232b}

#content{margin:0 auto;}

#content .nsxhead{position:relative;margin:0;padding:0 0 25px;}
#content .nsxhead h2{margin:0;padding:0;font:450 28px/30px Roboto, serif;color:#ec3237;}

#content div.home{}
#content div.home ul{display:block;margin:0;padding:0;list-style:none;}
#content div.home ul li{margin:0;padding:0;list-style:none;}
#content div.home ul li.pgroup {background:#fff;background-size:contain;padding:15px 0;}
#content div.home ul li.pgroup .head{width:1200px;position:relative;margin:25px auto;padding:0;text-align:center}
#content div.home ul li.pgroup .head::before{position:absolute;top:20px;content:"";background:#ccc;display:block;width:100%;height:1px;z-index:1}
#content div.home ul li.pgroup .head h2{position:relative;background:#fff;display:inline-block;margin:0;padding:5px 15px;font:450 28px/30px Roboto, serif;color:#ec3237;text-transform:uppercase;z-index:2}

#content div.home ul li.pgroup ul{width:1200px;margin:0 auto;padding:10px 0;list-style:none;}
#content div.home ul li.pgroup ul li{position:relative;width:18.4%;display:inline-block;vertical-align:top;margin:0 0 20px 2%;padding:0;}
#content div.home ul li.pgroup ul li:first-child,
#content div.home ul li.pgroup ul li:nth-child(6),
#content div.home ul li.pgroup ul li:nth-child(11),
#content div.home ul li.pgroup ul li:nth-child(16),
#content div.home ul li.pgroup ul li:nth-child(21),
#content div.home ul li.pgroup ul li:nth-child(26){margin-left:0;}

#content div.home ul li.pgroup ul li .thumb {display:block;width:100%;overflow:hidden;border-radius:4px;}
#content div.home ul li.pgroup ul li .thumb a{display:block;position:relative;width:100%;}
#content div.home ul li.pgroup ul li .thumb a img{position:relative;display:block;width:100%;border:none;z-index:1;}

#content div.home ul li.pgroup ul li .info{position:relative;text-align:center;}
#content div.home ul li.pgroup ul li .info h3{margin:0;padding:8px 0 2px;}
#content div.home ul li.pgroup ul li .info h3 a{display:block;font:450 16px/22px Roboto,Arial;color:#555}
#content div.home ul li.pgroup ul li .info h3 a:hover{color:#222;}
#content div.home ul li.pgroup ul li .info div{margin:0;padding:0;font:400 14px/20px Roboto,Arial;color:#888}

/* DICH VU */
#content div.home ul li.dichvu {position:relative;background:#003586;}
#content div.home ul li.dichvu .dvbox{width:1200px;position:relative;padding:45px 0;margin:0 auto;z-index:2}
#content div.home ul li.dichvu .dvbox .head{padding:0 10px 25px;text-align:center;}
#content div.home ul li.dichvu .dvbox .head span{position:relative;display:inline-block;vertical-align:top;font:450 25px/32px 'Roboto', Arial;color:#fff;text-transform:uppercase;}
#content div.home ul li.dichvu .dvbox .head div{padding:10px 0 0;font:300 20px/22px Roboto, Arial;color:#fff;text-align:center}
#content div.home ul li.dichvu .dvbox .head div p,
#content div.home ul li.dichvu .dvbox .head div div{padding:3px 0 15px;font:300 20px/22px Roboto, Arial;color:#fff;text-align:center}
#content div.home ul li.dichvu .dvbox .tbox{position:relative;}

#content div.home ul li.dichvu .dvbox .tbox ul{position:relative;display:block;width:100%;margin:0 auto;padding:0;list-style:none;}
#content div.home ul li.dichvu .dvbox .tbox ul li{position:relative;width:31.33333%;display:inline-block;vertical-align:top;margin:0 0 0 3%;padding:15px 0;list-style:none;}
#content div.home ul li.dichvu .dvbox .tbox ul li:first-child,
#content div.home ul li.dichvu .dvbox .tbox ul li:nth-child(4){margin-left:0;}
#content div.home ul li.dichvu .dvbox .tbox ul li .thumb{width:20%;display:inline-block;vertical-align:top;}
#content div.home ul li.dichvu .dvbox .tbox ul li .thumb img{display:block;width:100%;border:none;}
#content div.home ul li.dichvu .dvbox .tbox ul li .info{width:80%;display:inline-block;vertical-align:top;padding:0 0 0 20px;}
#content div.home ul li.dichvu .dvbox .tbox ul li .info div{padding:0 0 5px;font:450 14px/20px 'Roboto', Arial;color:#fff;}
#content div.home ul li.dichvu .dvbox .tbox ul li .info p{padding:0;font:300 12px/18px 'Roboto', Arial;color:#fff;}
/* END DICH VU */

#content div.home ul li.ngroup{background:#f6f6f6;}
#content div.home ul li.ngroup .nbbox{width:1200px;position:relative;padding:35px 0;margin:0 auto;}
#content div.home ul li.ngroup .nbbox .head{position:relative;margin:0 auto;padding:0 0 25px;text-align:center}
#content div.home ul li.ngroup .nbbox .head::before{position:absolute;top:20px;content:"";background:#ccc;display:block;width:100%;height:1px;z-index:1}
#content div.home ul li.ngroup .nbbox .head span{position:relative;background:#f6f6f6;display:inline-block;margin:0;padding:5px 15px;font:450 28px/30px Roboto, serif;color:#ec3237;text-transform:uppercase;z-index:2}
#content div.home ul li.ngroup .nbbox .head div{padding:10px 0 0;font:400 15px/22px 'Roboto', Arial;color:#444;text-align:center}
#content div.home ul li.ngroup .nbbox .head div p,
#content div.home ul li.ngroup .nbbox .head div div{padding:3px 0;font:400 15px/22px 'Roboto', Arial;color:#444;text-align:center}
#content div.home ul li.ngroup .nbbox .head div a{color:#444;}
#content div.home ul li.ngroup .nbbox .ibox{}

.nbview {width:100%;}
.nbview .item{background:#fff;margin:0 10px;padding:0;overflow:hidden;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	}
.nbview .item .thumb{position:relative;display:block;}
.nbview .item .thumb img{display:block;width:100%;border:none;}
.nbview .item .thumb .play{position:absolute;top:0;bottom:0;left:0;right:0;
    display: flex;
    align-items: center;
	text-align:center;
	}
.nbview .item .thumb .play div{width:auto;margin:0 auto}
.nbview .item .thumb .play img{width:auto;height:50px;display:block;border:none;}

.nbview .item .info{position:relative;width:100%;height:134px;padding:10px 15px 15px;}
.nbview .item .info h3{max-height:44px;overflow:hidden;margin:0 0 5px;padding:0;font:450 16px/22px 'Roboto', Arial;color:#232021;text-align:left}
.nbview .item .info h3 a{color:#222}
.nbview .item .info h3 a:hover{color:#ec3237;}
.nbview .item .info div{margin:0;padding:0;font:400 15px/20px 'Roboto', Arial;color:#444;text-align:left;}
/* END NEWS */

#content div.home ul li.dgroup{background:#fff;}
#content div.home ul li.dgroup .nbbox{width:1200px;position:relative;padding:35px 0;margin:0 auto;}
#content div.home ul li.dgroup .nbbox .head{position:relative;margin:0 auto;padding:0 2% 25px;text-align:center}
#content div.home ul li.dgroup .nbbox .head span{font:450 28px/30px Roboto, serif;color:#ec3237;}
#content div.home ul li.dgroup .nbbox .ibox{}
.nsxview {width:100%;overflow:hidden;}
.nsxview .item{margin:0 5px;
    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: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	}
.nsxview .item .thumb {
    display: block;
	position:relative;
    text-align: center;
    width: 100%;
	overflow:hidden;
	}
.nsxview .item .thumb img{
	display:block;
	width: 100%;
	border:none;
	}
/* END DOI TAC */

#content div.home ul li.overview{background:#fff;padding:0 0 55px;}
#content div.home ul li.overview .head{width:1200px;position:relative;margin:15px auto 35px;padding:0;text-align:center}
#content div.home ul li.overview .head::before{position:absolute;top:20px;content:"";background:#ccc;display:block;width:100%;height:1px;z-index:1}
#content div.home ul li.overview .head h2{position:relative;background:#fff;display:inline-block;margin:0;padding:5px 15px;font:450 28px/30px Roboto, serif;color:#444;text-transform:uppercase;z-index:2}

#content div.home ul li.overview .ovbox{width:1200px;margin:0 auto;display:flex;align-items:center;}
#content div.home ul li.overview .ovbox .thumb{width:40%;display:inline-block;vertical-align:top}
#content div.home ul li.overview .ovbox .thumb img{display:block;width:100%;border:none}
#content div.home ul li.overview .ovbox .thumb .ytbox{
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
	margin:0;
	}
#content div.home ul li.overview .ovbox .thumb .ytbox iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;	
	}
	
#content div.home ul li.overview .ovbox .info{width:60%;display:inline-block;vertical-align:top;padding:0 0 0 4%;font:400 15px/24px Roboto, Arial;color:#454545;}

#content div.home ul li.overview .ovbox .info .ocon{padding:0;font:300 15px/22px Roboto, Arial;color:#222;}
#content div.home ul li.overview .ovbox .info .ocon h1{font:20px/30px Roboto, Arial;color:#232021;padding:5px 0;}
#content div.home ul li.overview .ovbox .info .ocon h2{font:18px/30px Roboto, Arial;color:#232021;padding:5px 0;}
#content div.home ul li.overview .ovbox .info .ocon h3{font:16px/30px Roboto, Arial;color:#333;padding:5px 0;}
#content div.home ul li.overview .ovbox .info .ocon p{font:300 15px/22px Roboto, Arial;color:#333;padding:5px 0;}
#content div.home ul li.overview .ovbox .info .ocon div{font:300 15px/22px Roboto, Arial;color:#333;padding:5px 0;}
#content div.home ul li.overview .ovbox .info .ocon a{font:300 15px Roboto, Arial;color:#333;text-decoration:none}
#content div.home ul li.overview .ovbox .info .ocon a:hover{font:300 15px Roboto, Arial;color:red;text-decoration:underline}
#content div.home ul li.overview .ovbox .info .ocon img{display:inline-block;margin:5px 0;max-width:100%;height:auto !important;border:none}
#content div.home ul li.overview .ovbox .info .ocon ul{width:100%;padding:10px 0;margin:0;list-style-type:none;}
#content div.home ul li.overview .ovbox .info .ocon ul li{display:inline-block;width:100%;background:url("/images/global/63144.png") no-repeat left;background-position:0 11px;background-size:auto 12px;padding:5px 0 5px 22px;margin:0;list-style-type:none;
	font:300 15px/22px Roboto, Arial;color:#333;
	}

#content div.home ul li.overview .ovbox .info div.more {padding:10px 0 0;text-align:left;}
#content div.home ul li.overview .ovbox .info div.more a{display: inline-block;margin:0;padding:10px 35px;font:450 16px/20px Roboto, Arial;color:#fff;
    background:#ec3237;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius:20px;	
	}
#content div.home ul li.overview .ovbox .info div.more a:hover{background:#cb1419;}
/* END OVERVIEW */

#content .top-home{background:#003586;padding:10px 0;}
#content .top-home ul{display:block;width:1200px;margin:0 auto;padding:0;list-style:none;}
#content .top-home ul li{position:relative;width:24.25%;display:inline-block;vertical-align:top;margin:0 0 0 1%;padding:0;list-style:none;}
#content .top-home ul li:first-child{margin-left:0;}
#content .top-home ul li .thumb{float:left;background:#fff;width:44px;height:44px;padding:8px;
	-webkit-border-radius:22px;
	-moz-border-radius:22px;
	border-radius:22px;
	overflow:hidden;
	}
#content .top-home ul li .thumb img{display:block;width:100%;height:100%;border:none;}
#content .top-home ul li .info{float:left;padding-left:20px;}
#content .top-home ul li .info div{padding:0;font:450 14px/22px Roboto, Arial;color:#fff;text-transform:uppercase;}
#content .top-home ul li .info p{padding:0;font:450 14px/22px Roboto, Arial;color:#fff;text-transform:uppercase;}

#content div.conbox{background:#fff;width:100%;margin:0 auto;padding:20px 0;}
#content div.conbox .left{width:55%;display:inline-block;vertical-align:top;padding:0 8% 0 0;}
#content div.conbox .right{width:45%;display:inline-block;vertical-align:top;}
#content div.conbox .right div.head{position:relative;margin:0 0 25px;padding:0 0 5px;font:400 16px/30px "Open Sans", Arial;color:#222;text-transform:uppercase;border-bottom: #d6d6d6 1px solid;}
#content div.conbox .right div.head:before {
    content: '';
    display: block;
    background: #7e481c;
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 30%;
    height: 1px;
    z-index: 1;
}

#content div.conbox .pleft{width:22%;display:inline-block;vertical-align:top;padding:0 20px 0 0;}
#content div.conbox .pright{width:78%;display:inline-block;vertical-align:top;}

#content div.conbox .nleft{width:22%;display:inline-block;vertical-align:top;padding:0 20px 0 0;}
#content div.conbox .nright{width:78%;display:inline-block;vertical-align:top;}

#content .conbox .cleft{width:55%;display:inline-block;vertical-align:top;padding:0 8% 0 0;}
#content .conbox .cright{width:45%;display:inline-block;vertical-align:top;}
#content .conbox .cright div.head{position:relative;margin:25px 0;padding:0 0 3px;font:450 20px/30px Roboto, serif;color:#3e4095;text-transform:uppercase;
    border-bottom: #d6d6d6 1px solid;
	}
#content .conbox .cright div.head:before {
    content: '';
    display: block;
    background:#ec3237;
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 35%;
    height: 1px;
    z-index: 1;
}

#content ul.vmenu{display:block;margin:0 0 15px;padding:0;list-style-type:none;}
#content ul.vmenu li{width:100%;display:inline-block;vertical-align:top;margin:0;padding:0;font:600 13px/30px "Open Sans", Arial;}
#content ul.vmenu li.head{background:#ec3237;padding:6px 15px;font:400 15px/25px "Open Sans", Arial;color:#fff;text-transform:uppercase;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	overflow:hidden
	}
#content ul.vmenu li a{display:block;background:#fff;border:#e9e9e9 1px solid;border-top:#e9e9e9 0px solid;padding:6px 15px;font:400 15px/25px Roboto, serif;color:#222;}
#content ul.vmenu li a:hover{color:#ec3237;}

#content div.vnews{width:100%;}
#content div.vnews .head{background:#8a8c8e;padding:6px 15px;font:400 15px/25px "Open Sans", Arial;color:#fff;text-transform:uppercase;}
#content div.vnews ul.news{display:block;margin:0;padding:6px 0;list-style:none;}
#content div.vnews ul.news li{width:100%;display:block;margin:0;padding:6px 0 6px 12px;list-style:none;}
#content div.vnews ul.news li:last-child{padding-bottom:0;}
#content div.vnews ul.news li .thumb{width:40%;display:inline-block;vertical-align:top;margin:0;padding:0;}
#content div.vnews ul.news li .thumb img{display:block;width:100%;border:none}
#content div.vnews ul.news li h3{width:60%;display:inline-block;vertical-align:top;margin:0;padding:0 0 0 12px;}
#content div.vnews ul.news li h3 a{height:60px;overflow:hidden;display:block;font:400 14px/20px Arial;color:#222;}
#content div.vnews ul.news li h3 a:hover{color:#f5720e;}

#content div.vnews ul.vpro{display:block;margin:0;padding:0;list-style-type:none;}
#content div.vnews ul.vpro li{width:50%;display:inline-block;vertical-align:top;margin:0;padding:10px 10px;border-right:#e5e5e5 1px solid;border-bottom:#e5e5e5 1px solid;}
#content div.vnews ul.vpro li:first-child,
#content div.vnews ul.vpro li:nth-child(6){}

#content div.vnews ul.vpro li .thumb {display:block;position:relative;text-align:center;width:100%;overflow:hidden;}
#content div.vnews ul.vpro li .thumb img{display:block;width:100%;border:none;}
#content div.vnews ul.vpro li .info{position:relative;padding:5px 0;}
#content div.vnews ul.vpro li .info h2{height:22px;overflow:hidden;margin:3px 0 5px;padding:0;font:450 14px/22px 'Roboto',Arial;color:#444;text-transform:uppercase;}
#content div.vnews ul.vpro li .info h2 a{font:450 14px/22px 'Roboto',Arial;color:#222}
#content div.vnews ul.vpro li .info h2 a:hover{color:#0071ab;}
#content div.vnews ul.vpro li .info div{margin:0;padding:0;font:400 14px/20px Arial;color:#666;}
#content div.vnews ul.vpro li .info div span.pri{display:inline-block;vertical-align:top;padding:0 10px 0 0;font:bold 14px/20px Arial;color:#e10c00;}
#content div.vnews ul.vpro li .info div span.tt{display:inline-block;vertical-align:top;padding:0;font:400 12px/20px Arial;color:#666;text-decoration:line-through}

#content .featured{margin:0;padding:15px 5px 20px;}
#content .featured h2{position:relative;display:block;margin:0;padding:0 0 0 15px;font:450 22px/30px Roboto;color:#444;text-transform:uppercase;}
#content .featured h2:before{
    display: block;
    width: 4px;
    height: 22px;
    position: absolute;
    top: 3px;
    left: 0;
    background: #ff6115;
    content: '';
}
#content .featured h3{position:relative;display:block;margin:0;padding:0 0 0 15px;font:450 20px/30px Roboto;color:#444;text-transform:uppercase;}
#content .featured h3:before {
    display: block;
    width: 4px;
    height: 20px;
    position: absolute;
    top: 5px;
    left: 0;
    background: #ff6115;
    content: '';
}
	
#sliderh {
  width:100%;
  margin:0;
  padding:0;
  -webkit-user-select: none;
  -moz-user-select: none;  
  user-select: none;
  overflow:hidden;
	}
#sliderm {
  width:100%;
  display:none;
  margin:0;
  padding:0;
  -webkit-user-select: none;
  -moz-user-select: none;  
  user-select: none;
  overflow:hidden;
	}
.rsContent {
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
}
.rsContent .rscon{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;align-items:center;}
.rsContent .rscon .rsbox{width:100%;padding:0 8%;}
.rsContent .rscon .rsbox p{margin:0;padding:0;font:200 50px/60px 'Roboto', sans-serif;color:#fff;text-shadow: 1px 1px 1px rgba(150, 150, 150, 1);}
.rsContent .rscon .rsbox p span{font:400 50px/60px 'Roboto', sans-serif;color:#fff;}

.rsContent .rscon .rsbox div{margin:0;padding:0;font:200 50px/60px 'Roboto', sans-serif;color:#9c281b;text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);}
.rsContent .rscon .rsbox div span{font:400 50px/60px 'Roboto', sans-serif;color:#9c281b;}

#bananh{position:relative;}
#bananh .thumb{display:block;}
#bananh .thumb img{display:block;width:100%;border:none;}
#bananh .head{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;align-items:center;z-index:1;}
#bananh .head .box{width:1200px;margin:0 auto;font:500 50px/60px Roboto, sans-serif;color:#fff;text-shadow: 2px 2px 1px #222;}

/* START HOME TOP 3 */
#content div.tophome{background:#fff;padding:35px 0;}
#content div.tophome ul{width:1200px;margin:0 auto;padding:0;list-style-type:none;}
#content div.tophome li{width:31.33333%;display:inline-block;vertical-align:top;border:#acacac 1px dotted;margin:0 0 0 3%;padding:15px 15px;}
#content div.tophome li:first-child{margin-left:0;}
#content div.tophome li .thumb{width:20%;display:inline-block;vertical-align:top;position:relative;margin:0;padding:0;}
#content div.tophome li .thumb img{display:block;max-height:50px;border:none;overflow:hidden;}
#content div.tophome li .info{width:80%;display:inline-block;vertical-align:top;position:relative;margin:0;padding:0 0 0 10px;}
#content div.tophome li .info p {height:25px;overflow:hidden;margin:0;padding:0;font:600 14px/25px "Open Sans", Arial;color:#222;text-transform:uppercase;}
#content div.tophome li .info div {height:25px;overflow:hidden;margin:0;padding:0;font:400 13px/25px "Open Sans", Arial;color:#444;}
/* END HOME TOP 3 */

/* LY DO CHON */
#content .lydochon{background: url('/images/global/lydobg.png');padding:55px 0;background-size:cover}
#content .lydochon .box{width:98%;margin:0 auto;}
#content .lydochon .box .head{width:1000px;margin:0 auto;text-align:center}
#content .lydochon .box .head h2{display:inline-block;margin:0;padding:0;font:600 30px/40px 'Roboto', sans-serif;color:#fff;text-transform:uppercase;}
#content .lydochon .box .head h2:after{content:'';height:2px;background:#fff;width:40%;display:block;margin:10px auto 0;}
#content .lydochon .box .head div.desc{display:block;margin:0;padding:25px 0 0;font:400 14px/22px Roboto, Arial;color:#fff;}

#content .lydochon .box div.inbox {width:1200px;margin:0 auto;padding:25px 0 5px;}
#content .lydochon .box .link{padding:15px 0 0;text-align:center;}
#content .lydochon .box .link a{font:13px/20px Roboto, Arial;color:#fff;text-transform:uppercase;text-decoration:underline}
#content .lydochon .box .link a:hover{color:#fff;}

.ldview {width:100%;margin:0 auto;overflow:hidden;}
.ldview .item{width:100%;display:block;padding:10px 10px;margin:0;list-style-type:none;}
.ldview .item .ibox{position:relative;display:block;overflow:hidden;background:#fff;z-index:1;}
.ldview .item .thumb{position:relative;width:100%;display:inline-block;vertical-align:top;z-index:2;overflow:hidden;}
.ldview .item .thumb .play{position:absolute;top:0;bottom:0;left:0;right:0;
    display: flex;
    align-items: center;
	text-align:center;
	}
.ldview .item .thumb .play div{width:auto;margin:0 auto}
.ldview .item .thumb .play img{width:auto;height:50px;display:block;border:none;}
.ldview .item .thumb img{position:relative;width:100%;display:block;border:none;}
.ldview .item .ninfo{position:relative;width:100%;display:inline-block;vertical-align:top;padding:10px 15px;}
.ldview .item .ninfo .title {
    height: 20px;
    overflow: hidden;
    margin: 0 0 5px;
    padding: 0;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    text-overflow: ellipsis;
	}
.ldview .item .ninfo .title a{font:700 14px/20px Roboto, Arial;color:#555;}
.ldview .item .ninfo .title a:hover{color:#f27521;}
.ldview .item .ninfo p.desc {
    max-height: 66px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    text-overflow: ellipsis;	
	font:400 14px/22px Roboto, Arial;
	color:#555;
	}
		
/* MAIN PRO DETAIL */
#content .prode {width:1200px;margin:0 auto;}
	
/* 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 */

/* START PRO LIST */
#content .category-info{margin:0 0 20px;padding:10px 15px;border-radius:3px;border:1px solid #eee;}
.vh-content{position:relative;}
.vh-content.scrollHide{height:350px;overflow:hidden;}
.vh-content.scrollShow{height:auto;overflow:auto;padding-bottom:50px!important;}
.vh-content .more-view-shadown{width:100%;position:absolute;bottom:0;left:0;padding:50px 0 10px;color:#000;text-align: center;
    background: -moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 30%,white 100%);
    background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 30%,white 100%);
    background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 30%,white 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff",endColorstr="#ffffff",GradientType=0);
	}
.vh-content .more-view-shadown .btn{
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid #ccc;
    border-radius:4px;
    color: #333;
    background-color: #fff;
	}
.vh-content .more-view-shadown .btn:hover{color:#333;background-color:#e6e6e6;border-color:#adadad;}

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

#content .list .pgroup {}
#content .list .pgroup ul{width:1200px;margin:0 auto;padding:10px 0;list-style:none;}
#content .list .pgroup ul li{position:relative;width:18.4%;display:inline-block;vertical-align:top;margin:0 0 20px 2%;padding:0;}
#content .list .pgroup ul li:first-child,
#content .list .pgroup ul li:nth-child(6),
#content .list .pgroup ul li:nth-child(11),
#content .list .pgroup ul li:nth-child(16),
#content .list .pgroup ul li:nth-child(21),
#content .list .pgroup ul li:nth-child(26){margin-left:0;}

#content .list .pgroup ul li .thumb {display:block;width:100%;overflow:hidden;border-radius:4px;}
#content .list .pgroup ul li .thumb a{display:block;position:relative;width:100%;}
#content .list .pgroup ul li .thumb a img{position:relative;display:block;width:100%;border:none;z-index:1;}

#content .list .pgroup ul li .info{position:relative;text-align:center;}
#content .list .pgroup ul li .info h3{margin:0;padding:8px 0 2px;}
#content .list .pgroup ul li .info h3 a{display:block;font:450 16px/22px Roboto,Arial;color:#555}
#content .list .pgroup ul li .info h3 a:hover{color:#222;}
#content .list .pgroup ul li .info div{margin:0;padding:0;font:400 14px/20px Roboto,Arial;color:#888}
/* END GROUP */

#content .pro{width:100%;padding:0;margin:0;list-style:none;}
#content .pro li{position:relative;width:18.4%;display:inline-block;vertical-align:top;margin:0 0 20px 2%;padding:0;}
#content .pro li:first-child,
#content .pro li:nth-child(6),
#content .pro li:nth-child(11),
#content .pro li:nth-child(16),
#content .pro li:nth-child(21),
#content .pro li:nth-child(26){margin-left:0;}

#content .pro .thumb {display:block;width:100%;overflow:hidden;border-radius:4px;}
#content .pro .thumb a{display:block;position:relative;width:100%;}
#content .pro .thumb a img{position:relative;display:block;width:100%;border:none;z-index:1;}
#content .pro .thumb a .new{position:absolute;top:0;left:0;z-index:2;}
#content .pro .thumb a .new img{display:block;width:60px;border:none;}
#content .pro .thumb a .type{position:absolute;bottom:0;left:0;right:0;z-index:2;text-align:center;}
#content .pro .thumb a .type span{
    width:auto;
    text-align: center;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius:10px;
    background-image: linear-gradient(78deg, #ff0000, #ffa300);
    font: 450 11px/12px Roboto;
	text-transform:uppercase;
    color: #fff;
    display: inline-block;
    padding: 7px 15px 5px;
    margin-bottom: 0;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    border: 1px solid transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#content .pro .info{position:relative;padding:5px 0;}
#content .pro .info h2{height:22px;overflow:hidden;margin:5px 0;padding:0;font:450 14px/22px 'Roboto',Arial;color:#444;text-transform:uppercase;}
#content .pro .info h2 a{font:450 14px/22px 'Roboto',Arial;color:#222}
#content .pro .info h2 a:hover{color:#0071ab;}
#content .pro .info div{margin:0;padding:0;font:400 14px/20px Arial;color:#666;}
#content .pro .info div span.pri{display:inline-block;vertical-align:top;padding:0 10px 0 0;font:bold 14px/20px Arial;color:#e10c00;}
#content .pro .info div span.pri a{font:bold 14px/20px Arial;color:#e10c00;}
#content .pro .info div span.pri a:hover{font:bold 14px/20px Arial;color:#e10c00;}
#content .pro .info div span.tt{display:inline-block;vertical-align:top;padding:0;font:400 12px/20px Arial;color:#666;text-decoration:line-through}
/* END PRO LIST */

/* START PRO DETAIL */
#content .divpro{background:#fff;border-top:#e5e5e5 1px solid;}
#content .divpro .protop{padding:15px 15px;}
#content .divpro .protop .box{}
#content .divpro .protop .box ul{width:100%;padding:0;margin:0;list-style:none;}
#content .divpro .protop .box ul li{display:inline-block;vertical-align:top;padding:0;margin:0;list-style:none;}
#content .divpro .protop .box ul li.li1{width:34%;}
#content .divpro .protop .box ul li.li1 .nogal{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	overflow:hidden;
	}
#content .divpro .protop .box ul li.li1 .nogal img{display:block;width:100%;border:none;}

#content .divpro .protop .box ul li.li2{width:38%;padding:0 3%;}
#content .divpro .protop .box ul li.li2 h1{margin:0;padding:0;font:bold 22px/32px Arial;color:#333;}
#content .divpro .protop .box ul li.li2 .price{padding:5px 0;margin:0;font:400 15px/20px Arial;color:#222;}
#content .divpro .protop .box ul li.li2 .price span{font:bold 25px/35px Arial;color:#f00;}
#content .divpro .protop .box ul li.li2 .price span.tt{font:400 16px/35px Arial;color:#666;text-decoration:line-through}
#content .divpro .protop .box ul li.li2 .technote{padding:10px 3px;margin:10px 0;font:400 14px/22px Arial;color:#222;border-top:#e5e5e5 1px solid;border-bottom:#e5e5e5 1px solid;}
#content .divpro .protop .box ul li.li2 .technote ul{width:100%;padding:5px 0;margin:0;list-style-type:none;}
#content .divpro .protop .box ul li.li2 .technote ul li{display:block;width:100%;
	background:url("/images/global/ok-icon.png") no-repeat left;
	background-position:0 5px;
	background-size:14px auto;
	padding:3px 0 3px 20px;
	margin:0;
	list-style-type:none;
	font:14px/20px Arial;color:#222;
	}
#content .divpro .protop .box ul li.li2 .infohead{margin:0;padding:5px 0;font:400 15px/20px Roboto, Arial;color:#222;}
#content .divpro .protop .box ul li.li2 .info{background:#f5f9fa;margin:0;padding:5px 10px;border:#eee 1px solid;}
#content .divpro .protop .box ul li.li2 .info ul{margin:0;padding:0;}
#content .divpro .protop .box ul li.li2 .info ul li{width:48.5%;display:inline-block;vertical-align:top;margin:0 0 0 3%;padding:3px 0;font:400 13px/20px Roboto, Arial;color:#444;}
#content .divpro .protop .box ul li.li2 .info ul li:nth-child(odd){margin-left:0;}
#content .divpro .protop .box ul li.li2 .info ul li span{color:#f00;}
#content .divpro .protop .box ul li.li2 .info ul li a{color:#444;}
#content .divpro .protop .box ul li.li2 .info ul li a:hover{color:#f00;}
	
#content .divpro .protop .box ul li.li2 .procart{position:relative;padding:20px 0 0;}
#content .divpro .protop .box ul li.li2 .procart .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:#f2354b;
	margin:0 10px;
	padding:6px 15px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font:400 15px/25px Roboto, Arial;
	color:#fff;
	text-align:center;
	cursor:pointer;
	}
#content .divpro .protop .box ul li.li2 .procart .dcart:hover {transform: scale(1.02);}
#content .divpro .protop .box ul li.li2 .procart .dcart i{padding-right:8px;}
#content .divpro .protop .box ul li.li2 .procart .dcall{
    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:#f2354b;
	margin:0 10px;
	padding:6px 15px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font:400 15px/25px Roboto, Arial;
	color:#fff;
	text-align:center;
	cursor:pointer;
	}
#content .divpro .protop .box ul li.li2 .procart .dcall:hover {transform: scale(1.02);}
#content .divpro .protop .box ul li.li2 .procart .dcall i{padding-right:8px;}
.prosoluong {outline:none;background:#fff;width:35px;font:400 15px/25px Roboto, Arial;text-align:center;color:#333;padding:5px;border:#e5e5e5 1px solid;border-top:none;border-bottom:none;}
.promsoluong {outline:none;width:35px;font:400 15px/25px Roboto, Arial;text-align:center;color:#333;padding:5px;border:#e5e5e5 1px solid;border-top:none;border-bottom:none;}
.txpronum {outline:none;width:35px;font:400 16px/25px Roboto, Arial;text-align:center;color:#333;padding:5px;border:none;background:transparent;cursor:pointer;}
#content .divpro .protop .box ul li.li2 .procart .numcart{
	display:inline-block;vertical-align: top;
	border: #e5e5e5 1px solid;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	}

#content .divpro .protop .box ul li.li2 .procall{position:relative;padding:15px 0;}
#content .divpro .protop .box ul li.li2 .procall span{display:inline-block;vertical-align:top;margin:0;padding:6px 10px;font:400 16px/25px Roboto, Arial;color:#666;}
#content .divpro .protop .box ul li.li2 .procall .dcall{
    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:#f2354b;
	margin:0;
	padding:6px 15px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font:400 15px/25px Roboto, Arial;
	color:#fff;
	text-align:center;
	cursor:pointer;
	}
#content .divpro .protop .box ul li.li2 .procall .dcall:hover {transform:scale(1.02);}
#content .divpro .protop .box ul li.li2 .procall .dcall i{padding-right:8px;}
	
#content .divpro .protop .box ul li.li3{width:28%;}
#content .divpro .protop .box ul li.li3 div.head{background:#ec3237;padding:6px 15px;font:400 15px/25px "Open Sans", Arial;color:#fff;text-transform:uppercase;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	overflow:hidden
	}
#content .divpro .protop .box ul li.li3 div.con{width:100%;padding:10px 15px;border:#e5e5e5 1px solid;border-top:none;font:400 14px/22px Arial;color:#444;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	overflow:hidden;
	}
#content .divpro .protop .box ul li.li3 div.con h1{font:20px/25px Arial;color:#444;padding:3px 0;text-align:justify;}
#content .divpro .protop .box ul li.li3 div.con h2{font:18px/24px Arial;color:#444;padding:3px 0;text-align:justify;}
#content .divpro .protop .box ul li.li3 div.con h3{font:16px/22px Arial;color:#444;padding:3px 0;text-align:justify;}
#content .divpro .protop .box ul li.li3 div.con p{font:14px/20px Arial;color:#444;padding:3px 0;text-align:justify;}
#content .divpro .protop .box ul li.li3 div.con div{font:14px/20px Arial;color:#444;padding:5px 0;text-align:justify;}
#content .divpro .protop .box ul li.li3 div.con a{font:14px Arial;color:#004e8a;text-decoration:none}
#content .divpro .protop .box ul li.li3 div.con a:hover{font:14px Arial;color:red;text-decoration:underline}
#content .divpro .protop .box ul li.li3 div.con ul{width:100%;padding:5px 0;margin:0;list-style-type:none;}
#content .divpro .protop .box ul li.li3 div.con ul li{display:block;width:100%;
	background:url("/images/global/icon-news-select.png") no-repeat left;
	background-position:0 8px;
	background-size:14px auto;
	padding:3px 0 3px 22px;
	margin:0;
	list-style-type:none;
	font:400 14px/25px Roboto;
	color:#222;
	}

#content .divpro .protop .box ul li.li3 .well{font:400 14px/22px Roboto;color:#fff;
    padding:15px 15px;
    margin:15px 0 0;
    background-color:#003586;
    border:1px solid #003586;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}
#content .divpro .protop .box ul li.li3 .well i{padding-right:5px;}
	
#content .divpro .procon{padding:0 15px;}
#content .divpro .procon .proleft{width:72%;display:inline-block;vertical-align:top;padding:0 20px 15px 0;}
#content .divpro .procon .proright{width:28%;display:inline-block;vertical-align:top;padding:0 0 15px;}
#content .divpro .procon .proright .dnews{width:100%;}
#content .divpro .procon .proright .dnews .head{background:#ec3237;padding:6px 15px;font:400 15px/25px "Open Sans", Arial;color:#fff;text-transform:uppercase;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	overflow:hidden
	}
#content .divpro .procon .proright .dnews .con{width:100%;padding:5px 15px 0;border:#e5e5e5 1px solid;border-top:none;font:400 14px/22px Arial;color:#444;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	overflow:hidden;
	}
#content .divpro .procon .proright .dnews .con ul{display:block;margin:0;padding:6px 0;list-style:none;}
#content .divpro .procon .proright .dnews .con ul li{width:48%;display:inline-block;vertical-align:top;margin:0 0 0 4%;padding:5px 0;list-style:none;}
#content .divpro .procon .proright .dnews .con ul li:nth-child(odd){margin-left:0}
#content .divpro .procon .proright .dnews .con ul li .thumb {display:block;width:100%;overflow:hidden;border-radius:4px;}
#content .divpro .procon .proright .dnews .con ul li .thumb a{display:block;position:relative;width:100%;}
#content .divpro .procon .proright .dnews .con ul li .thumb a img{position:relative;display:block;width:100%;border:none;z-index:1;}
#content .divpro .procon .proright .dnews .con ul li .thumb a .new{position:absolute;top:0;left:0;z-index:2;}
#content .divpro .procon .proright .dnews .con ul li .thumb a .new img{display:block;width:60px;border:none;}
#content .divpro .procon .proright .dnews .con ul li .thumb a .type{position:absolute;bottom:0;left:0;right:0;z-index:2;text-align:center;}
#content .divpro .procon .proright .dnews .con ul li .thumb a .type span{
    width:auto;
    text-align: center;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius:10px;
    background-image: linear-gradient(78deg, #ff0000, #ffa300);
    font: 450 11px/12px Roboto;
	text-transform:uppercase;
    color: #fff;
    display: inline-block;
    padding: 7px 15px 5px;
    margin-bottom: 0;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    border: 1px solid transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#content .divpro .procon .proright .dnews .con ul li .info{position:relative;padding:5px 0;}
#content .divpro .procon .proright .dnews .con ul li .info h2{height:20px;overflow:hidden;margin:5px 0 2px;padding:0;font:450 13px/20px 'Roboto',Arial;color:#222;}
#content .divpro .procon .proright .dnews .con ul li .info h2 a{font:450 13px/20px 'Roboto',Arial;color:#222}
#content .divpro .procon .proright .dnews .con ul li .info h2 a:hover{color:#0071ab;}
#content .divpro .procon .proright .dnews .con ul li .info div{margin:0;padding:0;font:400 13px/20px Arial;color:#666;}
#content .divpro .procon .proright .dnews .con ul li .info div span.pri{display:inline-block;vertical-align:top;padding:0 10px 0 0;font:400 13px/20px Roboto;color:#e10c00;}
#content .divpro .procon .proright .dnews .con ul li .info div span.tt{display:inline-block;vertical-align:top;padding:0;font:400 12px/20px Roboto;color:#666;text-decoration:line-through}

#content .divpro .procon .proright .well{font:400 14px/25px Roboto;color:#fff;
    padding:15px 15px;
    margin:15px 0 0;
    background-color:#003586;
    border:1px solid #003586;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}

#content .opro{position:relative;background:#fff;margin:0;}
#content .opro .head{width:1200px;position:relative;margin:25px auto;padding:0;text-align:center}
#content .opro .head::before{position:absolute;top:20px;content:"";background:#ccc;display:block;width:100%;height:1px;z-index:1}
#content .opro .head h3{position:relative;background:#fff;display:inline-block;margin:0;padding:5px 15px;font:450 28px/30px Roboto, serif;color:#444;text-transform:uppercase;z-index:2}

#content .opro ul{display:block;margin:0;padding:0;list-style-type:none;}
#content .opro li{position:relative;width:18.4%;display:inline-block;vertical-align:top;margin:0 0 20px 2%;padding:0;}
#content .opro li:first-child,
#content .opro li:nth-child(6),
#content .opro li:nth-child(11),
#content .opro li:nth-child(16),
#content .opro li:nth-child(21),
#content .opro li:nth-child(26){margin-left:0;}

#content .opro .thumb {display:block;width:100%;overflow:hidden;border-radius:4px;}
#content .opro .thumb a{display:block;position:relative;width:100%;}
#content .opro .thumb a img{position:relative;display:block;width:100%;border:none;z-index:1;}
#content .opro .thumb a .new{position:absolute;top:0;left:0;z-index:2;}
#content .opro .thumb a .new img{display:block;width:60px;border:none;}
#content .opro .thumb a .type{position:absolute;bottom:0;left:0;right:0;z-index:2;text-align:center;}
#content .opro .thumb a .type span{
    width:auto;
    text-align: center;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius:10px;
    background-image: linear-gradient(78deg, #ff0000, #ffa300);
    font: 450 11px/12px Roboto;
	text-transform:uppercase;
    color: #fff;
    display: inline-block;
    padding: 7px 15px 5px;
    margin-bottom: 0;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    border: 1px solid transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#content .opro .info{position:relative;padding:5px 0;}
#content .opro .info h2{height:22px;overflow:hidden;margin:5px 0;padding:0;font:450 14px/22px 'Roboto',Arial;color:#444;text-transform:uppercase;}
#content .opro .info h2 a{font:450 14px/22px 'Roboto',Arial;color:#222}
#content .opro .info h2 a:hover{color:#0071ab;}
#content .opro .info div{margin:0;padding:0;font:400 14px/20px Arial;color:#666;}
#content .opro .info div span.pri{display:inline-block;vertical-align:top;padding:0 10px 0 0;font:bold 14px/20px Arial;color:#e10c00;}
#content .opro .info div span.tt{display:inline-block;vertical-align:top;padding:0;font:400 12px/20px Arial;color:#666;text-decoration:line-through}
/* END PRO DETAIL */

/* START BOX PRO GEN */
#content .degen{font:400 14px/22px Roboto, Arial;;color:#444;padding:10px 3px;}
#content .degen h1{font:20px/26px Roboto, Arial;color:#444;padding:5px 0;}
#content .degen h2{font:18px/26px Roboto, Arial;color:#444;padding:5px 0;}
#content .degen h3{font:16px/26px Roboto, Arial;color:#444;padding:5px 0;}
#content .degen p{font:14px/22px Roboto, Arial;color:#444;padding:5px 0;}
#content .degen div{font:14px/22px;color:#444;padding:5px 0;}
#content .degen p a{font:400 14px/22px Roboto, Arial;color:#444;text-decoration:none}
#content .degen p a:hover{color:red;text-decoration:underline}
#content .degen div a{font:400 14px/22px Roboto, Arial;color:#444;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 */
	
/* START BOX NEWS */
#content .mbox {width:100%;padding:0;margin:0 0 20px;list-style:none}
#content .mbox li{width:100%;padding:0 0 20px;margin:0 0 20px;border-bottom:#dbdbdb 1px solid;}
#content .mbox li:last-child{margin:0;}

#content .mbox li .neleft {float:left;width:20%;overflow:hidden;}
#content .mbox li .neleft a {position:relative;width:100%;display:block;overflow:hidden;}
#content .mbox li .neleft img{display:block;width:100%;border:none;}
#content .mbox li .neright {float:right;width:78%;padding-right:10px;}
#content .mbox li h2{margin:0;padding:3px 0 8px;font:450 18px/22px Roboto;color:#333;}
#content .mbox li h2 a{font:450 18px/22px Roboto;color:#333;}
#content .mbox li h2 a:hover{color:#a70e1a;}
#content .mbox li p.desc{margin:0;padding:0;font:400 15px/22px Roboto;color:#444;}
#content .mbox li div.pronum{margin:0;padding:6px 0 0;font:400 15px/22px Roboto;color:#666;}
#content .mbox li div.pronum span{color:#f00;}

#content .nbox {width:100%;padding:0;margin:0 0 20px;list-style:none}
#content .nbox li{width:100%;padding:0 0 20px;margin:0 0 20px;border-bottom:#dbdbdb 1px solid;}
#content .nbox li:last-child{margin:0;}

#content .nbox li .neleft {float:left;width:28%;overflow:hidden;}
#content .nbox li .neleft a {position:relative;width:100%;display:block;overflow:hidden;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	}
#content .nbox li .neleft img{display:block;width:100%;border:none;}
#content .nbox li .neright {float:right;width:70%;padding-right:10px;}
#content .nbox li h2{margin:0;padding:3px 0 5px;font:400 18px/22px Roboto;color:#333;}
#content .nbox li h2 a{font:400 18px/22px Roboto;color:#333;}
#content .nbox li h2 a:hover{color:#a70e1a;}
#content .nbox li p.updated{margin:0;padding:0 0 5px;font:400 14px/20px Roboto;color:#999;}
#content .nbox li p.desc{margin:0;padding:0;font:400 15px/22px Roboto;color:#444;}

#content .nbox li ul{position:relative;width:100%;padding:0;margin:0;list-style:none}
#content .nbox li ul li{width:65%;min-height:70px;display:inline-block;vertical-align:top;padding:0;margin:0;border-bottom:none;}
#content .nbox li ul li:nth-child(2){width:15%}
#content .nbox li ul li:last-child{width:20%}
#content .nbox li ul li h2{margin:0;padding:3px 0;font:450 15px/20px Roboto;color:#333;}
#content .nbox li ul li p{margin:0;padding:3px 0;font:400 14px/18px Roboto;color:#444;}
#content .nbox li ul li div{position:absolute;left:0;bottom:0;}
#content .nbox li ul li div a{display:inline-block;padding:5px 15px;font:14px/20px Arial, sans-serif;color:#fff;
	background:#0475c5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	}
#content .nbox li ul li div a:hover{background:#f70608;color:#fff;}
#content .nbox li ul li div a i{padding-right:5px;}

#content .dbox{}

#content .gabox{padding:15px 0 0;}
#content .share{padding:25px 0 5px;}
#content .share h3{margin:20px 0 10px 35px;padding:0;font:400 30px/35px Roboto;color:#444;position:relative;}
#content .share h3:before {
    position: absolute;
    top: 8px;
    left: -30px;
    content: '';
    background: url('/images/global/sprite-k14.20.png') -289px -31px no-repeat;
    width: 20px;
    height: 20px;
}
#content .share .bshare{padding:10px;border:#e5e5e5 1px solid;}
/* END BOX NEWS */

/* START BOX GENERAL */
#content .formgen {
    font: 400 14px/22px Roboto, Arial;
    color: #222;
    margin: 25px 0;
    background: #eee;
    padding: 30px 5%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
	}
#content .maingen {width:1200px;margin:0 auto;padding:25px 0;}
#content .maingen1 {width:1200px;margin:0 auto;padding:25px 0;}

#content .boxgen{font:15px/24px Roboto, serif;color:#222;text-align:justify;}
#content .boxgen .title{
    font: 600 20px/28px Roboto, Arial;
    color: #9d0a0e;
    padding: 0 0 15px;
    text-transform: uppercase;	
	}
#content .boxgen .updated {padding:0 0 4px 0;font:400 italic 13px/15px Roboto, serif;color:#666;}
#content .boxgen .updated img{display:inline-block;margin:0 0 0 6px}
#content .boxgen .desc{font:600 15px/24px Roboto, serif;color:#222;padding:5px 0;}
#content .boxgen .source{font:400 italic 14px/24px Roboto, serif;color:#222;padding:10px 0 0 0;text-align:right}

#content .boxgen .tieude1{position:relative;margin:25px 0 !important;padding:0 !important;text-align:center}
#content .boxgen .tieude1::before{position:absolute;top:20px;content:"";background:#eee;display:block;width:100%;height:1px;z-index:1}
#content .boxgen .tieude1 h1{position:relative;background:#fff;display:inline-block;margin:0;padding:5px 15px;font:450 22px/30px Roboto, serif;color:#a71d22;z-index:2}

#content .boxgen .tieude2{position:relative;margin:25px 0 !important;padding:0 !important;text-align:center}
#content .boxgen .tieude2::before{position:absolute;top:20px;content:"";background:#eee;display:block;width:100%;height:1px;z-index:1}
#content .boxgen .tieude2 h2{position:relative;background:#fff;display:inline-block;margin:0;padding:5px 15px;font:450 20px/30px Roboto, serif;color:#a71d22;z-index:2}
	
#content .boxgen h1{font:22px/30px Roboto, serif;color:#222;padding:5px 0;}
#content .boxgen h2{font:20px/28px Roboto, serif;color:#222;padding:5px 0;}
#content .boxgen h3{font:18px/26px Roboto, serif;color:#222;padding:5px 0;}
#content .boxgen p{font:15px/24px Roboto, serif;color:#222;padding:5px 0;}
#content .boxgen div{font:15px/24px Roboto, serif;color:#222;padding:5px 0;}
#content .boxgen a{font:15px Roboto, serif;color:#222;text-decoration:none}
#content .boxgen a:hover{font:15px Roboto, serif;color:#ff9900;}
#content .boxgen img{display:inline-block;margin:5px 0;max-width:100%;height:auto !important;border:none}
#content .boxgen table{max-width:100%;}
#content .boxgen td{padding:3px 5px;}
#content .boxgen .bang {margin:10px 0;border-collapse: collapse;}
#content .boxgen .bang td{padding:3px 5px;border:#ababab 1px solid;}
#content .boxgen .bang0 {margin:10;border-collapse: collapse;}
#content .boxgen .bang0 td{padding:0;border:#ababab 0px solid;}

#content .boxgen .bang20 {margin:10;border-collapse: collapse;}
#content .boxgen .bang20 td{width:50%;padding:0;border:#ababab 0px solid;vertical-align:top;}
#content .boxgen .bang20 td:nth-child(odd){padding-right:2%;}
#content .boxgen .bang20 td:nth-child(even){padding-left:2%;}

#content .boxgen ul,
#content .boxgen ol{width:auto;margin:5px 0 5px 25px;padding:0;display:inline-block;vertical-align:top;list-style-type:none;}
#content .boxgen ul li,
#content .boxgen ol li{width:100%;margin:0;padding:3px 0;display:inline-block;vertical-align:top;list-style-type:none;font:15px/24px Roboto, serif;color:#222;}
#content .boxgen ul li:before,
#content .boxgen ol li:before{
	position: absolute;
	margin-left: -20px;
	font-family: 'FontAwesome';
	font-size: 14px;
	content: "\f005";
	color: #ec3237;
}

#content .boxgen .youtube{position:relative;width:100%;height:0;padding-bottom:56.25%;margin:0;}
#content .boxgen .youtube iframe{position:absolute;top:0;left:0;width:100%;height:100%;}

#content .boxgen .bang2n {margin:0;border-collapse: collapse;}
#content .boxgen .bang2n td{display:inline-block;vertical-align:top;width:55% !important;margin:0;padding:0 0 25px 25px;border:#ababab 0px solid;font:15px Roboto, serif;color:#222;}
#content .boxgen .bang2n td:first-child{width:44.6% !important;padding-left:0;}
#content .boxgen .bang2n td img{display:block;margin:0;width:100%;height:auto;border:none}
#content .boxgen .bang2n ul{display:block;margin:0 auto;padding:10px 0;list-style:none}
#content .boxgen .bang2n ul li{width:100%;display:inline-block;vertical-align:top;margin:0;padding:0;}
#content .boxgen .bang2n ul li a{display:block;margin:0;padding:5px 0;font:15px Roboto, serif;color:#222;}
#content .boxgen .bang2n ul li a:hover{color:#ff9900;}

#content .boxgen .bang3n {margin:0;border-collapse: collapse;}
#content .boxgen .bang3n td{display:inline-block;vertical-align:top;width:31.6% !important;margin:0 0 0 2%;padding:10px 0;border:#ababab 0px solid;font:15px Roboto, serif;color:#222;}
#content .boxgen .bang3n td:first-child,
#content .boxgen .bang3n td:nth-child(4){margin-left:0;}
#content .boxgen .bang3n td img{display:block;margin:0;width:100%;height:auto;border:none}
#content .boxgen .bang3n ul{display:block;margin:0 auto;padding:10px 0;list-style:none}
#content .boxgen .bang3n ul li{width:100%;display:inline-block;vertical-align:top;margin:0;padding:0;}
#content .boxgen .bang3n ul li a{display:block;margin:0;padding:5px 0;font:15px Roboto, serif;color:#222;}
#content .boxgen .bang3n ul li a:hover{color:#ff9900;}

.p10{padding-right:10px !important}
.p15{padding-right:15px !important}
.p20{padding-right:20px !important}
.p25{padding-right:25px !important}
.p30{padding-right:30px !important}
.p35{padding-right:35px !important}
.p40{padding-right:40px !important}

#content .share{overflow:hidden;padding:15px 0;text-align:left}
/* END BOX GENERAL */

.overlay:hover {opacity: 1;}
.overlay {
    background-color: rgba(0, 0, 0, 0.1);
	display:flex;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    align-items:center;
    opacity: 0;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}
.overlay div{display:block;width:100%;}
.overlay div p{display:block;width:100%;margin:0;padding:0 0 5px;font:400 20px/30px Roboto, Arial;color:#fff;text-transform:uppercase}
.overlay div span{display:block;width:100%;text-align:center;}
.overlay div span span{background:#ee1c25;display:inline-block;width:auto;padding:5px 15px;font:400 13px/20px Roboto, Arial;color:#fff;}

.overlay:before, .overlay:after {
    z-index: 3;
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: opacity 0.5s, transform 0.5s;
}

.overlay:before {
    z-index: 3;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
}

.overlay:after {
    z-index: 3;
    border-right: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
}

.overlay:hover::before, .overlay:hover::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

#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 Roboto, 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 Roboto, 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 Roboto, Arial;text-decoration:none;color:#222;}
#sitemap li ul li ul li a:hover{text-decoration:underline}

#doitac{display:block;background:#fff;padding:25px 0;border-top:#d5d4d4 1px dashed;}
#doitac .box{width:1200px;margin:0 auto;}

/* START FOOTER */
#foot{margin:0;padding:35px 0 25px;background:#dde8ef;}
#foot .box{width:1200px;margin:0 auto;padding:0;}

#foot .box ul{width:100%;padding:0;margin:0;list-style-type:none;}
#foot .box ul li{width:20%;display:inline-block;vertical-align:top;padding:0;margin:0 0 0 2%;}
#foot .box ul li:first-child{width:34%;margin-left:0;}

#foot .box ul li div.head{padding:0 0 15px;font:600 15px/20px Roboto, Arial;color:#222;text-transform:uppercase}
#foot .box ul li div.head a{font:600 15px/20px Roboto, Arial;color:#222;}
#foot .box ul li div.head a:hover{color:#ec3237;}

#foot .box ul li ul{padding:0;margin:0;list-style:none}
#foot .box ul li ul li{display:inline-block;width:100%;margin:0;padding:5px 0;vertical-align:top;}
#foot .box ul li ul li:first-child{width:100%;}
#foot .box ul li ul li a{display:block;font:300 14px/18px Roboto, Arial;color:#222;}
#foot .box ul li ul li a:hover{color:#222;}
#foot .box ul li ul li a i{padding-right:8px;font-size:16px;}

#foot .box ul li ul.office{padding:0;margin:0;list-style:none}
#foot .box ul li ul.office li{display:inline-block;width:100%;margin:0;padding:5px 0 5px 25px;font:400 14px/20px Roboto, Arial;color:#222;vertical-align:top;
	border-right:#253e43 0px solid;
    position: relative;
	}
#foot .box ul li ul.office li:last-child{padding:5px 0;}
#foot .box ul li ul.office li div.follow{display:block;padding:5px 0 10px;font:450 16px/20px Roboto, Arial;color:#222;}
#foot .box ul li ul.office li .mxh{margin:0;padding:0;}
#foot .box ul li ul.office li .mxh .bct{display:inline-block;vertical-align:top;padding:0 10px 0 0;}
#foot .box ul li ul.office li .mxh .bct a{display:inline-block;vertical-align:top;font:400 14px/20px 'Open Sans', Arial;color:#ddd;}
#foot .box ul li ul.office li .mxh .bct a:hover{color:#fff;}
#foot .box ul li ul.office li .mxh .bct a img{display:block;height:40px;border:none;}
#foot .box ul li ul.office li .mxh .mxhs{display:inline-block;vertical-align:top;padding:7px 0 0;}

#foot .box ul li ul.office li.address:before {
    content: '\f041';
    font: 450 18px/20px fontawesome;
    display: block;
    position: absolute;
    top: 4px;
    left: 0;
    width: 20px;
    height: 20px;
    text-align: center;
    z-index: 1;
    transition: transform .25s linear;
    -webkit-transition: -webkit-transform .25s linear;
}
#foot .box ul li ul.office li.tel1:before {
    content: '\f095';
    font: 450 15px/20px fontawesome;
    display: block;
    position: absolute;
    top: 5px;
    left: 0;
    width: 20px;
    height: 20px;
    text-align: center;
    z-index: 1;
    transition: transform .25s linear;
    -webkit-transition: -webkit-transform .25s linear;
}
#foot .box ul li ul.office li.hotline:before {
    content: '\f10b';
    font: 450 20px/20px fontawesome;
    display: block;
    position: absolute;
    top: 4px;
    left: 0;
    width: 20px;
    height: 20px;
    text-align: center;
    z-index: 1;
    transition: transform .25s linear;
    -webkit-transition: -webkit-transform .25s linear;
}
#foot .box ul li ul.office li.email:before {
    content: '\f003';
    font: 450 14px/20px fontawesome;
    display: block;
    position: absolute;
    top: 4px;
    left: 0;
    width: 20px;
    height: 20px;
    text-align: center;
    z-index: 1;
    transition: transform .25s linear;
    -webkit-transition: -webkit-transform .25s linear;
}
#foot .box ul li ul.office li.time{padding:8px 0 8px 25px;font:400 14px/20px Roboto,sans-serif;color:#222;}
#foot .box ul li ul.office li.time:before {
    content: '\f017';
    font: 450 20px/20px fontawesome;
    display: block;
    position: absolute;
    top: 6px;
    left: 0;
    width: 20px;
    height: 20px;
    text-align: center;
    z-index: 1;
    transition: transform .25s linear;
    -webkit-transition: -webkit-transform .25s linear;
}

#foot .box ul li ul.office li p{margin:0;padding:1px 10px;font:400 14px/20px Roboto,sans-serif;color:#222;}
#foot .box ul li ul.office li p span{font:500 14px/20px Roboto,sans-serif;}
#foot .box ul li ul.office li a{display:inline-block;font:400 14px/20px Roboto,sans-serif;color:#222;}
#foot .box ul li ul.office li a:hover{color:#222;}

#footer{}
#footer .copy{background:#000;padding:10px 1%;font:400 14px/20px Roboto,sans-serif;color:#908f8f;text-align:center;}
#footer .copy a{color:#908f8f;}
#footer .copy a:hover{color:#fff;}
/* END FOOTER */

#chat {
    position: fixed;
    bottom:115px;
	width:40px;
    height: auto;
    z-index: 998;
    left: 10px;
}
#chat .zalo{
    display:block;
	background:url("/images/global/icon-zalo.png");
	background-size:40px 40px;
	width:40px;
	height:40px;
	margin:0 0 5px;
	}
#chat .face{
    display:block;
	background:url("/images/global/icon-facebook.png");
	background-size:40px 40px;
	width:40px;
	height:40px;
	margin:0 0 5px;
	}
#chat .fb{
    display:block;
	background:url("/images/global/icon-fb.png");
	background-size:40px 40px;
	width:40px;
	height:40px;
	margin:0 0 5px;
	}
#chat .youtube{
    display:block;
	background:url("/images/global/icon-youtube.png");
	background-size:40px 40px;
	width:40px;
	height:40px;
	margin:0 0 5px;
	}
#chat .call{
    display:block;
	background:url("/images/global/icon-call.png");
	background-size:40px 40px;
	width:40px;
	height:40px;
	margin:0 0 5px;
	}

.fone {
    color: #ff0;
    font:450 18px/30px Roboto;
    padding:0 15px 0 50px;
    margin:3px 0;
}
.fone:hover{color:#fff;}
.fix_tel {position:fixed;bottom:15px;left:10px;z-index:998;}
.fix_tel a {text-decoration: none; display:block;}

.fix_tel1 {position:fixed;bottom:65px;left:10px;z-index:998;}
.fix_tel1 a {text-decoration: none; display:block;}

.tel {background:#f00;width:auto;position:relative;overflow:hidden;border-radius:40px;border:solid 1px #f00;}
.ring-alo-phone {
    background-color: transparent;
    cursor: pointer;
    height: 80px;
    position: absolute;
    transition: visibility 0.5s ease 0s;
    visibility: hidden;
    width: 80px;
    z-index: 200000 !important;
}
.ring-alo-phone.ring-alo-show {
    visibility: visible;
}
.ring-alo-phone.ring-alo-hover, .ring-alo-phone:hover {
    opacity: 1;
}
.ring-alo-ph-circle {
    animation: 1.2s ease-in-out 0s normal none infinite running ring-alo-circle-anim;
    background-color: transparent;
    border: 2px solid rgba(30, 30, 30, 0.4);
    border-radius: 100%;
    height: 70px;
    left: 10px;
    opacity: 0.1;
    position: absolute;
    top: 12px;
    transform-origin: 50% 50% 0;
    transition: all 0.5s ease 0s;
    width: 70px;
}
.ring-alo-phone.ring-alo-active .ring-alo-ph-circle {
    animation: 1.1s ease-in-out 0s normal none infinite running ring-alo-circle-anim !important;
}
.ring-alo-phone.ring-alo-static .ring-alo-ph-circle {
    animation: 2.2s ease-in-out 0s normal none infinite running ring-alo-circle-anim !important;
}
.ring-alo-phone.ring-alo-hover .ring-alo-ph-circle, .ring-alo-phone:hover .ring-alo-ph-circle {
    border-color: #f00;
    opacity: 0.5;
}
.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-circle, .ring-alo-phone.ring-alo-green:hover .ring-alo-ph-circle {
    border-color: #baf5a7;
    opacity: 0.5;
}
.ring-alo-phone.ring-alo-green .ring-alo-ph-circle {
    border-color: #f00;
    opacity: 0.5;
}
.ring-alo-ph-circle-fill {
    animation: 2.3s ease-in-out 0s normal none infinite running ring-alo-circle-fill-anim;
    background-color: #000;
    border: 2px solid transparent;
    border-radius: 100%;
    height: 30px;
    left: 30px;
    opacity: 0.1;
    position: absolute;
    top: 33px;
    transform-origin: 50% 50% 0;
    transition: all 0.5s ease 0s;
    width: 30px;
}
.ring-alo-phone.ring-alo-hover .ring-alo-ph-circle-fill, .ring-alo-phone:hover .ring-alo-ph-circle-fill {
    background-color: rgba(0, 175, 242, 0.5);
    opacity: 0.75 !important;
}
.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-circle-fill, .ring-alo-phone.ring-alo-green:hover .ring-alo-ph-circle-fill {
    background-color: rgba(117, 235, 80, 0.5);
    opacity: 0.75 !important;
}
.ring-alo-phone.ring-alo-green .ring-alo-ph-circle-fill {
    background-color: rgba(0, 175, 242, 0.5);
    opacity: 0.75 !important;
}

.ring-alo-ph-img-circle {
    animation: 1s ease-in-out 0s normal none infinite running ring-alo-circle-img-anim;
    border: 0px solid transparent;
    border-radius: 100%;
    height: 40px;
    left: 25px;
    opacity: 1;
    position: absolute;
    top: 25px;
    transform-origin: 50% 50% 0;
    width: 40px;
}

.ring-alo-phone.ring-alo-hover .ring-alo-ph-img-circle, .ring-alo-phone:hover .ring-alo-ph-img-circle {
    background-color: #f00;
}
.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-img-circle, .ring-alo-phone.ring-alo-green:hover .ring-alo-ph-img-circle {
    background-color: #f68121;
}
.ring-alo-phone.ring-alo-green .ring-alo-ph-img-circle {
    background-color: #f00;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.55);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.55);
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.55);
}
@keyframes ring-alo-circle-anim {
	0% {
	    opacity: 0.1;
	    transform: rotate(0deg) scale(0.5) skew(1deg);
	}
	30% {
	    opacity: 0.5;
	    transform: rotate(0deg) scale(0.7) skew(1deg);
	}
	100% {
	    opacity: 0.6;
	    transform: rotate(0deg) scale(1) skew(1deg);
	}
}

@keyframes ring-alo-circle-img-anim {
	0% {
	    transform: rotate(0deg) scale(1) skew(1deg);
	}
	10% {
	    transform: rotate(-25deg) scale(1) skew(1deg);
	}
	20% {
	    transform: rotate(25deg) scale(1) skew(1deg);
	}
	30% {
	    transform: rotate(-25deg) scale(1) skew(1deg);
	}
	40% {
	    transform: rotate(25deg) scale(1) skew(1deg);
	}
	50% {
	    transform: rotate(0deg) scale(1) skew(1deg);
	}
	100% {
	    transform: rotate(0deg) scale(1) skew(1deg);
	}
}
@keyframes ring-alo-circle-fill-anim {
	0% {
	    opacity: 0.2;
	    transform: rotate(0deg) scale(0.7) skew(1deg);
	}
	50% {
	    opacity: 0.2;
	    transform: rotate(0deg) scale(1) skew(1deg);
	}
	100% {
	    opacity: 0.2;
	    transform: rotate(0deg) scale(0.7) skew(1deg);
	}
}
	.ring-alo-ph-img-circle a img {
	    padding: 2px 0 0 2px;
	    width: 38px;
	    position: relative;
	    top: -1px;
	}
	
/* 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, Arial;color:#454545;text-align:center;}
#errormsg p{margin:0;padding:5px 0;font:400 14px/22px Roboto, Arial;color:#454545;text-align:center;}
#errormsg p.xacminh{margin:0;padding:5px 0;font:400 14px/22px Roboto, Arial;color:#454545;}
#errormsg p.xacminh a{font:400 14px/22px Roboto, Arial;color:#00759c;}
#errormsg p.xacminh a:hover{color:#ff0000;}
#errormsg span{font:700 14px/22px Roboto, Arial;color:#454545;}
.errormsg-title {width:100%;padding:30px 0 10px;font:700 15px/22px Roboto, Arial;color:#444;text-align:center;text-transform:uppercase}
.errormsg-error{margin:0;padding:5px 0;font:700 15px/22px Roboto, Arial;color:#222;text-align:left;}
.errormsg-message{margin:0;padding:5px 0 30px;font:400 14px/22px Roboto, Arial;color:#ff0000;text-align:left;}

#bookmsg {width:100%;font:400 14px/22px Roboto, Arial;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, Arial;color:#b70017;}
#bookmsg p{margin:0;padding:5px 0;font:400 14px/22px Roboto, Arial;color:#454545;}
#bookmsg p a{font:400 14px/22px Roboto, Arial;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, Arial;color:#454545;}
#bookmsg div span{display:inline-block;background:#58b712;padding:10px 25px;font:400 18px/22px Roboto, Arial;color:#fff;}

#mainlink {padding:0;text-align:center;}
#mainlink a {
	cursor: pointer;
	font:400 14px/20px Arial;
	color: #222;
    margin: 0px 3px;
    padding: 5px 0;
	display:inline-block;
	width:30px;
    text-align: center;
	text-decoration:none;
    background-color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	overflow:hidden;
}
#mainlink a:hover{color:#fff;background-color:#f44336;text-decoration: none;}
#mainlink a.active {
	cursor: pointer;
	font:400 14px/20px Arial;
	color: #fff;
    margin: 0px 3px;
    padding: 5px 0;
	display:inline-block;
	width:30px;
    text-align: center;
	text-decoration:none;
    background-color: #f44336;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	overflow:hidden
}
#mainlink a.active:hover{text-decoration:none;}

/* START BOX ENQUIRE */
#cartlist{width:1200px;margin:0 auto;}
#cartlist h2.title{margin:0;padding:0 0 15px;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:#cd0000;text-transform:lowercase;}
#cartlist .caleft .calbox .caldv div i{
    height: 25px;
    width: 25px;
    font-size: 25px;
	color:#cd0000;
	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 Roboto;
	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 Roboto;
	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: 1200px;
    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:#cd0000;
	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: #cd0000;
	border: #cd0000 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 */

.fade{
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}
.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
    opacity: 0.5 !important;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}
#reg1 {
    background: #fff;
    position:absolute;
    left: 50px;
    bottom: 50px;
    z-index: 999999;
	font:400 14px/18px Roboto;
    color: #222;
    height: auto;
    width: 50%;
    padding: 15px 20px;
    border-radius: 4px;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    bottom: inherit !important;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.5);
    box-shadow: 0 5px 15px rgba(0,0,0,0.5);
}
#reg2 {
    background: #fff;
    position:absolute;
    left: 50px;
    bottom: 50px;
    z-index: 999999;
	font:400 14px/18px Roboto;
    color: #222;
    height: auto;
    width: 50%;
    padding: 15px 20px;
    border-radius: 4px;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    bottom: inherit !important;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.5);
    box-shadow: 0 5px 15px rgba(0,0,0,0.5);
}
#reg3 {
    background: #fff;
    position:absolute;
    left: 50px;
    bottom: 50px;
    z-index: 999999;
	font:400 14px/18px Roboto;
    color: #222;
    height: auto;
    width: 50%;
    padding: 15px 20px;
    border-radius: 4px;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    bottom: inherit !important;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.5);
    box-shadow: 0 5px 15px rgba(0,0,0,0.5);
}
#reg4 {
    background: #fff;
    position:absolute;
    left: 50px;
    bottom: 50px;
    z-index: 999999;
	font:400 14px/18px Roboto;
    color: #222;
    height: auto;
    width: 50%;
    padding: 15px 20px;
    border-radius: 4px;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    bottom: inherit !important;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.5);
    box-shadow: 0 5px 15px rgba(0,0,0,0.5);
}
#reg5 {
    background: #fff;
    position:absolute;
    left: 50px;
    bottom: 50px;
    z-index: 999999;
	font:400 14px/18px Roboto;
    color: #222;
    height: auto;
    width: 50%;
    padding: 15px 20px;
    border-radius: 4px;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    bottom: inherit !important;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.5);
    box-shadow: 0 5px 15px rgba(0,0,0,0.5);
}
.regclose{
    position: absolute;
    font-size: 20px;
    right: 20px;
    top: 15px;
    opacity: 1;
    cursor: pointer;
}
.regheading{
    font:450 18px/20px Roboto;
	border-bottom: 1px solid #f5f5f5;
	margin-bottom: 12px;
    padding: 0 0 10px;
}
#regbody form{}
#regbody ul{width:100%;padding:5px 0;margin:0;list-style:none;}
#regbody ul li{display:inline-block;width:33.33333%;margin:0;padding:5px 1%;list-style:none;vertical-align:top;font:450 14px/20px Roboto;color:#222;}
#regbody ul li.li50{display:inline-block;width:50%;margin:0;padding:5px 1%;list-style:none;vertical-align:top;font:450 14px/20px Roboto;color:#222;}
#regbody ul li.textarea{width:100%;}
#regbody ul li:last-child{width:100%;padding-top:0;text-align:center;}

#regbody ul li p{margin:0;padding:0 3px 5px;font:450 14px/20px Roboto;color:#222;}
#regbody ul li p span {color: #ff0000;}
#regbody ul li div{margin:0;padding:0;font:400 14px/20px Roboto;color:#222;}
#regbody ul li i{display:block;opacity:.5;padding:5px 5px 8px;font:400 italic 12px/12px Roboto;color:#fff;}
#regbody ul li i{
    display: block;
    vertical-align: top;
    padding: 5px 0 0 3px;
    font: 400 12px/12px Roboto;
    color: #f00;
}

#regbody ul li #ketqua,
#regbody ul li #kqlai{
    width: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    border: #ccc 1px solid;
    margin: 10px 0;
    padding:0;
	font:400 14px/20px Roboto, Arial;
    color: #555;
}
#regbody ul li #ketqua ul,
#regbody ul li #kqlai ul{width:100%;padding:10px 0;margin:0;list-style:none;}
#regbody ul li #ketqua ul li,
#regbody ul li #kqlai ul li{display:inline-block;width:50%;margin:0;padding:5px 5%;list-style:none;vertical-align:top;font:400 14px/20px Roboto;color:#222;text-align:left;}
#regbody ul li #ketqua ul li:nth-child(even),
#regbody ul li #kqlai ul li:nth-child(even) {text-align:right}
#regbody ul li #ketqua ul li span,
#regbody ul li #kqlai ul li span {font:450 14px/20px Roboto;}
#regbody ul li #ketqua ul li b,
#regbody ul li #kqlai ul li b {font:450 14px/20px Roboto;color:#f00;}

#regbody ul li #ketqua ul li:last-child,
#regbody ul li #kqlai ul li:last-child {display:inline-block;width:100%;margin:0;padding:10px 5% 5px;list-style:none;vertical-align:top;font:400 14px/20px Roboto;color:#222;}
	
#regbody 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, Arial;
    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;
}

#regbody input[type="text"], #regbody input[type="password"], #regbody input[type="file"], #regbody 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, Arial;
	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;}

#regbody input[type="radio"] {
	display:inline-block;
    outline: 0;
    margin: 0;
    padding: 5px 10px;
	font:400 15px/22px Roboto, Arial;
	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;
}
#regbody input[type="button"] {
	display:inline-block;
	width:auto;
	background:#f00;
	border:#f00 1px solid;
	margin:0;
	padding:6px 25px;
	font: 400 14px/20px Roboto, Arial;
	text-transform:uppercase;
	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;
}

#regbody select:hover, #regbody input[type="text"]:hover, .formbox input[type="password"]:hover, #regbody textarea:hover, #regbody 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;
}
#regbody input[type="button"]:hover {background:#f00;border:#f00 1px solid;}
/* END BOX ENQUIRE */

/* START FORM MEM BOX */
#hmap {}
#hmap .gmap {
	width:100%;
	height:280px;
	margin: 10px 0 0 0;
	overflow:hidden;
}
#hmap .gmap .fmap {
	width:100%;
	height:380px;
	padding:0;
	background:transparent;
	border-radius:0px;
}
#hmap .gmap .fmap button{height:30px !important;width:30px !important;}
#hmap .gmap .fmap div{font-size:14px !important}
#hmap .mapTitle{font:450 12px/18px Roboto;color:#222}

#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, Arial;}
#form .formdetail p{font: 400 14px/18px Verdana;padding:3px 0;}
#form .formdetail span{font: 400 14px Roboto, Arial;color:#f00}
	
#form .formbox {width:100%;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, Arial;color:#333;}
#form .formbox .formleft span{color:#ff0000}
#form .formbox .formright{float:right;width:70%;padding:3px 0;font:400 14px/22px Roboto, Arial;color:#333;}

.tren9{padding-top:9px !important;}
.duoi9{padding-top:9px !important;}

#form .formbox .formright span{display:block;padding:5px 0 0 5px;font:400 12px Roboto, Arial;color:#f00;}
#form .formbox .formright a{font:400 14px/22px Roboto, Arial;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, Arial;
    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, Arial;
	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:#666;opacity: 1;}
:-ms-input-placeholder {font-size:14px;color:#666;}
::-ms-input-placeholder {font-size:14px;color:#666;}

#form .formbox input[type="radio"] {
	display:inline-block;
    outline: 0;
    margin: 0;
    padding: 5px 10px;
	font:400 15px/22px Roboto, Arial;
	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:#ec3237;
	border:#ec3237 1px solid;
	margin:5px 0 0;
	padding:10px 35px;
	font: 400 15px/20px Roboto, Arial;
	text-transform:uppercase;
	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 {
  width: 25px !important;
  display: inline-block !important;
  vertical-align:top !important;
  text-align: center !important;
  margin: 0 5px 0 0 !important;
	background:#646464;
	
	-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;
}
a.vs-social-link i {
  font-size:15px !important;
  color: #fff;
  margin:0;
  padding:5px 0 !important;
  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 {}
a.vs-social-link.facebook {}
a.vs-social-link.twitter {}
a.vs-social-link.google {}
a.vs-social-link.linkedin {}
a.vs-social-link.youtube {}
a.vs-social-link.pinterest {}
a.vs-social-link.instagram {}
a.vs-social-link:last-child{margin:0;}

a.vs-social-link:hover i{color:#fff;}

a.vs-social-link.rss:hover{}
a.vs-social-link.facebook:hover{background:#3b5998;}
a.vs-social-link.twitter:hover{background:#1da1f2;}
a.vs-social-link.google:hover{background:#de5145;}
a.vs-social-link.linkedin:hover{background:#0073b0;}
a.vs-social-link.youtube:hover{background:#ff0000;}
a.vs-social-link.pinterest:hover{background:#e60023;}
a.vs-social-link.instagram:hover{background:#3897f0;}
/* END MANG XH */

/* START VIDEO LIST */
#promap{width:100%;height:450px;margin:25px 0 10px;}
/* END MAP LIST */

.overlay:hover {opacity: 1;}
.overlay {
    background-color: rgba(0, 0, 0, 0.1);
	display:flex;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    align-items:center;
    opacity: 0;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
	z-index:3;
	cursor:pointer;
}
.overlay div{display:block;width:100%;}
.overlay div p{display:block;width:100%;margin:0;padding:0 0 5px;font:400 20px/30px Roboto, serif;color:#fff;text-transform:uppercase}
.overlay div span{display:block;width:100%;text-align:center;}
.overlay div span span{background:#ee1c25;display:inline-block;width:auto;padding:5px 15px;font:400 13px/20px "Open Sans", Arial;color:#fff;}

.overlay:before, .overlay:after {
    z-index: 3;
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: opacity 0.5s, transform 0.5s;
}

.overlay:before {
    z-index: 3;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
}

.overlay:after {
    z-index: 3;
    border-right: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
}

.overlay:hover::before, .overlay:hover::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

/* START HOTLINE */
.pulse{
	-webkit-animation:pulse 1s infinite ease-in-out;
	-o-animation:pulse 1s infinite ease-in-out;
	-ms-animation:pulse 1s infinite ease-in-out;
	-moz-animation:pulse 1s infinite ease-in-out;
	animation:pulse 1s infinite ease-in-out;
	animation-name:pulse
	}
.hotbutton{position:fixed;bottom:10px;z-index:99;left:10px}
.hotbutton a:focus,
.hotbutton a:hover{color:#fff !important}

.hotbutton .block_hotline,
.hotbutton .item{float:left;margin-right:5px}

.block_hotline{background:#ee4023;border-radius:13px;padding:5px;display:inline-block;font-size:13px;color:#ee4023;width:186px;height:50px;border:1px solid #fff}
.block_hotline a{font:400 12px/15px 'Roboto', sans-serif;color:#fff}
.block_hotline .ico_phone{background:#fff;float:left;margin:0 10px 0 0;border-radius:13px;width:40px;height:40px;font-size:30px;line-height:30px;text-align:center;color:#ee4023;padding-top:5px}
.block_hotline .number_phone{white-space:nowrap;font:600 13px/18px 'Roboto', sans-serif;text-transform:uppercase;margin-top:10px;}
.block_hotline .number_phone1{white-space:nowrap;font:600 15px/18px 'Roboto', sans-serif;text-transform:uppercase;margin-top:3px;}

.block_hotline.pink-map{background:#2d81d4;color:#fff;width:208px}
.block_hotline.pink-map .ico_phone{color:#2d81d4}
.block_hotline.pink-map .number_phone{}

.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}

@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}
@keyframes pulse{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}

/* END HOTLINE */

.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:600px;
	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;
}

#top {
    position: fixed;
    bottom: 65px;
    right: 15px;
    text-decoration: none;
    color: #fff;
    background: #008fd1;
    font-size: 12px;
    padding: 6px 12px;
    display: none;
    z-index: 9999;
    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: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	}
#top:hover{background:#008fd1;color:#ff0;}
#top .fa-arrow-up{font-size:18px;}

@media (max-width:1280px){

	#content .top-home ul,
	#content div.home ul li.pgroup .head,
	#content div.home ul li.pgroup ul,
	#content div.home ul li.overview .head,
	#content div.home ul li.overview .ovbox,
	#content div.home ul li.ngroup .nbbox,
	#content div.home ul li.dgroup .nbbox,
	#content div.home ul li.dichvu .dvbox,
	#foot .box,
	#content div.navi ul,
	#content .list,
	#content .list .pgroup ul,
	#content .prode,
	#content .opro .head,
	#cartlist{width:98%;}

	#header .box{width:100%;}

	#header .box .logo{padding:15px 0 15px 10px;}
	#header .box .right{padding:20px 10px 20px 0;}
	
}

@media (max-width:1024px){

	.menu ul > li > a {padding:25px 8px;font:450 13px/40px Roboto, OpenSansSemiBold;}
	#header .box .left{padding:0 0 0 30px;}
	#header .box .right .giohang{padding:15px 15px 0 25px;}

}

@media (max-width:900px){

	#header .box .left{padding:0;position:absolute;left:0;right:0;top:30px;}
	#header .box .right{padding:0;position:relative;z-index:3;right:130px;top:20px;}
	.menu ul > li > a{font:450 15px/40px Roboto, OpenSansSemiBold;}
	
}

@media (max-width:768px){
	
	#content .top-home ul li .thumb{float:none;display:block;margin:0 auto;}
	#content .top-home ul li .info{float:none;padding:10px 0 0;text-align:center;}
	
	#content div.home ul li.pgroup ul li{width:48%;margin:0 0 20px 4%;}
	#content div.home ul li.pgroup ul li:nth-child(odd){margin-left:0;}
	#content div.home ul li.pgroup ul li:nth-child(even){margin-left:4%;}
	
	#content div.home ul li.overview .ovbox{display:block;}
	#content div.home ul li.overview .ovbox .thumb{width:100%;}
	#content div.home ul li.overview .ovbox .info{width:100%;padding:12px 0 0;}
	
	#content div.home ul li.dichvu .dvbox .tbox ul li{width:48%;margin:0 0 0 4%;}
	#content div.home ul li.dichvu .dvbox .tbox ul li:nth-child(odd){margin-left:0;}
	#content div.home ul li.dichvu .dvbox .tbox ul li:nth-child(even){margin-left:4%;}

	#content div.conbox .nleft{display:none;}
	#content div.conbox .nright{width: 100%;}
	
	#content .list .pgroup ul li{width:48%;margin:0 0 20px 4%;}
	#content .list .pgroup ul li:nth-child(odd){margin-left:0;}
	#content .list .pgroup ul li:nth-child(even){margin-left:4%;}

	#content .pro li{width:48%;margin:0 0 20px 4%;}
	#content .pro li:nth-child(odd){margin-left:0;}
	#content .pro li:nth-child(even){margin-left:4%;}

	#content .opro li{width:48%;margin:0 0 20px 4%;}
	#content .opro li:nth-child(odd){margin-left:0;}
	#content .opro li:nth-child(even){margin-left:4%;}
	
	#content .divpro{border-top:none;}
	#content .divpro .protop{padding:15px 0;}
	#content .divpro .protop .box ul li.li1{width:100%;}
	#content .divpro .protop .box ul li.li2{width:100%;padding:15px 0;}
	#content .divpro .protop .box ul li.li3{width:100%;}
	#content .divpro .procon{padding:0;}
	#content .divpro .procon .proleft{width:100%;padding:0 0 15px;}
	#content .divpro .procon .proright{width:100%;padding:0;}
	
	#content .conbox .cleft{width:100%;padding:0;}
	#content .conbox .cright{width:100%;}

	#foot .box ul li{width:48%;margin:0 0 0 4%;padding:10px 0;}
	#foot .box ul li:nth-child(odd){margin-left:0;}
	#foot .box ul li:nth-child(even){margin-left:4%;}
	#foot .box ul li:first-child{width:48%;margin-left:0;}
	
	#foot .box ul li ul li{width:100% !important;margin:0 !important;}

}

@media (max-width:640px){

	#content .top-home ul,
	#content div.home ul li.pgroup .head,
	#content div.home ul li.pgroup ul,
	#content div.home ul li.overview .head,
	#content div.home ul li.overview .ovbox,
	#content div.home ul li.ngroup .nbbox,
	#content div.home ul li.dgroup .nbbox,
	#content div.home ul li.dichvu .dvbox,
	#foot .box,
	#content div.navi ul,
	#content .list,
	#content .list .pgroup ul,
	#content .prode,
	#content .opro .head,
	#cartlist{width:95%;}
	
	#cartlist .caleft{width:100%;margin:0 0 15px;}
	#cartlist .caleft ul li{display:block;padding:10px 15px;}
	#cartlist .caleft ul li .thumb{width:50px;}
	#cartlist .caleft ul li .info{width:100%;padding:10px 0;}
	#cartlist .caleft ul li .info h2{padding:0 0 5px;}
	#cartlist .caleft ul li .info p{padding:0;}
	#cartlist .caleft ul li .cnum{padding:3px 0 3px 15px;}
	#cartlist .caright{width:100%;padding:0;}
				
}

@media (max-width:580px){

	#header .box .right .sebox{display:none;}

	#content .top-home ul li{width:48%;margin:0 0 0 4%;padding:5px 0;}
	#content .top-home ul li:nth-child(odd){margin-left:0;}
	#content .top-home ul li:nth-child(even){margin-left:4%;}
	
	#content div.home ul li.ngroup .nbbox .ibox{overflow: hidden;}		
	
}

@media (max-width:480px){
	
	#content .nbox li .neleft{width:100%;}	
	#content .nbox li .neright{width:100%;padding:10px 0 0;}

	#content .mbox li .neleft{width:100%;}
	#content .mbox li .neleft img{width:auto;max-width:100%;}
	#content .mbox li .neright{width:100%;padding:10px 0 0;}
	
}

@media (max-width:420px){

	#content .top-home ul li .info div{font: 400 13px/22px Roboto, Arial;}
	#content .top-home ul li .info p{font: 400 13px/22px Roboto, Arial;}
	
	#content div.home ul li.pgroup .head h2{font: 450 22px/30px Roboto, serif;}

	#content div.home ul li.overview .head h2{font: 450 22px/30px Roboto, serif;}

	#content div.home ul li.ngroup .nbbox .head span{font: 450 22px/30px Roboto, serif;}

	#content div.home ul li.dichvu .dvbox .head span{font: 450 20px/28px 'Roboto', Arial;}
	#content div.home ul li.dichvu .dvbox .head div{font: 300 18px/22px Roboto, Arial;}

	#content .opro .head h3{font: 450 22px/30px Roboto, serif;}

	#content div.home ul li.dichvu .dvbox .tbox ul li{width:100%;margin:0;}
	#content div.home ul li.dichvu .dvbox .tbox ul li:nth-child(odd){margin-left:0;}
	#content div.home ul li.dichvu .dvbox .tbox ul li:nth-child(even){margin-left:0;}	

	#foot .box ul li{width:100% !important;margin:0 !important;}

}

@media (max-width:400px){



}