@import url('/global/css/all.css');
@import url('/global/css/font-awesome.min.css');
html,*{margin:0;padding:0}
body{color:#222;font:400 16px/20px HyundaiSansHead;margin:0;padding:0}
h1,h2,h3,h4,h5,p, ul, li{margin:0;padding:0}
a{color:#36c;outline:none;text-decoration:none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.clearfix:after{clear:both;content:" ";display:block;height:0;visibility:hidden}
* html .clearfix{height:1%;}
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

@font-face {
    font-family:HyundaiSansHead;
    src:url('/font/HyundaiSansHead.woff') format('truetype');
    font-weight:normal;
    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;}
.spfull{position:initial !important;}
.menu ul > li i{display:none;position:absolute;}
.menu ul li.menu_right{position:relative;}
.menu ul > li > a{position:relative;display:block;margin:0;padding:5px 14px;font:bold 16px/30px HyundaiSansHead;color:#1b3868;text-decoration:none;}
.menu ul > li > a:after{content:"";position:absolute;top:50%;width:1px;background:rgba(0,0,0,0.1);height:15px;margin-top:-8px;left:0;}
.menu ul > li:first-child > a:after{display:none;}

/* ========== MAIN LINKS ON MOUSEOVER ========== */
.menu ul li:hover > a{color:#1b3868;}
/* ========== MAIN LINKS ON MOUSE CLICK ========== */	
.menu ul li a:active, .menu ul li.active a:active{}
/* ========== CLASSIC/MEGA MENU ========== */	
.menu ul ul, .menu .mega_menu{
	position:absolute;
	top:61px;
	visibility:hidden;
	opacity:0;
	z-index:997;
	border-left:solid 0px #006a0c;
	border-right:solid 0px #006a0c;
	-webkit-border-radius:0 0 4px 4px;
	-moz-border-radius:0 0 4px 4px;
	border-radius:0 0 4px 4px;
    -webkit-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;
	}
/* ========== MEGA MENU ========== */		
.menu .mega_menu{
	padding:9px 0 9px;
	border:none;
	border-top:solid 0 #004b09;
	border-bottom:solid 0 #004b09;
	}
/* ========== CLASSIC/MEGA MENU ON MOUSEOVER ========== */
.menu ul li:hover > ul{top:41px;visibility:visible;opacity:1;}
.menu ul li:hover .mega_menu{top:41px;visibility:visible;opacity:1;}
/* ========== LINKS IN CLASSIC MENU ========== */	
.menu ul ul li{
	float:none;
	position:relative;
	}
.menu ul ul li a{
	position:relative;
	background:#fff;
	min-width:250px;
	height:auto;margin:0;
	padding:10px 20px;
	font:400 16px/20px HyundaiSansHead;
	text-transform:none;
	color:#444;
	border-bottom:solid 1px #ccc;
	border-right:none;
	white-space:nowrap;
	}
.menu ul ul li a:after{display:none}
.menu ul ul li:last-child a{
	border-bottom:dotted 0px #d2d2d2;
	-webkit-border-radius:0 0 4px 4px;
	-moz-border-radius:0 0 4px 4px;
	border-radius:0 0 4px 4px;
	}	
.menu ul ul li a i{
	position:absolute;
	right:12px;
	}
/* ========== LINKS ON MOUSEOVER IN CLASSIC MENU ========== */
.menu ul ul li:hover > a{color:#222;}
.menu ul ul li:first-child:hover a{color:#222;}	
/* ========== LINKS ON MOUSE CLICK IN CLASSIC MENU ========== */
.menu ul ul li a:active{color:#222;}
/* ========== CLASSIC MENU LVL 2,3,4,... ========== */	
.menu ul ul ul li:first-child a{
	-webkit-border-top-right-radius:4px;
	-moz-border-top-right-radius:4px;
	border-top-right-radius:4px;
	}
.menu ul ul ul{
	left:100%;
	top:0;
	border-top-right-radius:4px;
	}	
/* ========== MEGA MENU ALIGNED TO THE RIGHT SIDE ========== */	
.menu ul li.menu_right .mega_menu{
	right:0;
	}	
/* ========== DIFFERENT SIZE OF MEGA MENU ========== */
.menu .size1{
	width:150px; /* + 10px from left and right side, width=170px */
	}
.menu .size2{
	width:250px; /* + 10px from left and right side, width=270px */
	}	
.menu .size3{
	width:350px; /* + 10px from left and right side, width=370px */
	}
.menu .size4{
	width:450px; /* + 10px from left and right side, width=470px */
	}
.menu .size5{
	width:550px; /* + 10px from left and right side, width=570px */
	}
.menu .size6{
	width:650px; /* + 10px from left and right side, width=670px */
	}
.menu .size7{
	width:750px; /* + 10px from left and right side, width=770px */
	}
.menu .size8{
	width:850px; /* + 10px from left and right side, width=870px */
	}
.menu .full_width{
	width:100%; /* + 10px from left and right side, width=980px. 980px is the width of the Menu */
	background-color: rgba(255,255,255,1);
	left:0;
	top:40px;
	padding:20px 5px 0px;
	text-align:center;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	}	
/* ========== HEADINGS IN MEGA MENU ========== */
.menu h1, .menu h2, .menu h3, .menu h4, .menu h5, .menu h6{
	margin:0;
	font-family:"OpenSans";
	font-weight:normal;
	color:#ffff00;
	}
.menu h1{
	font-size:18px;
	}
.menu h2{
	font-size:16px;
	}
.menu h3{
	font-size:14px;
	}
.menu h4{
	font-size:13px;
	}
.menu h5{
	font-size:12px;
	}
.menu h6{
	font-size:12px;
	}
/* ========== CLASSIC LINKS IN MEGA MENU ========== */
.menu .mega_menu a{

	}
.menu .mega_menu a:hover{

	}
/* ========== IMAGES INSIDE LINK IN MEGA MENU ========== */		
.menu .mega_menu a img{
	margin:0;
	}
.menu .mega_menu a img:hover{
	}
.menu .mega_menu a img:active{
	}	
/* ========== TYPOGRAPHY IN MEGA MENU ========== */	
.menu .mega_menu p{
	margin:3px 0 6px 0;
	font-size:12px;
	color:#888;
	font-family:Tahoma, Geneva, sans-serif;
	}
.menu .mega_menu .one, .menu .mega_menu .one_half, .menu .mega_menu .one_thirds, .menu .mega_menu .two_thirds, .menu .mega_menu .one_fourth,.menu .mega_menu .three_fourths{
	margin:0 1%;
	padding:0 0 12px;
	float:left;
	}	
.menu .mega_menu .one{
	width:98%;
	}	
.menu .mega_menu .one_half{
	width:48%;
	}
.menu .mega_menu .one_thirds{
	width:31.33%;
	}	
.menu .mega_menu .two_thirds{
	width:64.67%;
	}
.menu .mega_menu .one_fourth{
	width:23%;
	}	
.menu .mega_menu .three_fourths{
	width:73%;
	}		
/* ========== IMAGES IN MEGA MENU ========== */		
.menu .mega_menu img{

	}
.menu .mega_menu img.left{

	}
.menu .mega_menu img.right{

	}
/* ========== PORTFOLIO IN MEGA MENU ========== */	
.menu .mega_menu .portfolio li{
	display:inline-block;
	vertical-align:top;
	width:31.33333%;
	margin:2px 1% 10px;
	float:none;
	*float:left;
	}
.item3{width:auto !important;margin:2px 2% 10px !important;}
.item4{width:auto !important;margin:2px 2% 10px !important;}
.item5{width:18% !important;}
.item6{width:14.66666% !important;}
.item7{width:12.28571% !important;margin:2px 1% 10px !important;}
.item9{width:18% !important;}
.item10{width:18% !important;}

.menu .mega_menu .portfolio li a{
	display:block;
	height:auto;
	font:400 italic 15px/22px HyundaiSansHead;
	color:#222;
	text-align:center;
	}
.menu .mega_menu .portfolio li a img{
	width:auto;
	max-width:100%;
	height:88px;
	margin:0;
	display:inline-block;
	opacity:1;
	border:none;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	-webkit-transition:opacity 140ms ease-in 10ms;
	-moz-transition:opacity 140ms ease-in 10ms;
	-ms-transition:opacity 140ms ease-in 10ms;
	-o-transition:opacity 140ms ease-in 10ms;
	transition:opacity 140ms ease-in 10ms;
	}	
.menu .mega_menu .portfolio li p{margin:0;padding:5px 0 10px;text-align:center;}
.menu .mega_menu .portfolio li:hover a{
	color:#f00;
	}	
/* ========== LISTS IN MEGA MENU ========== */
.menu .mega_menu .list{
	display:inline-block;
	/*vertical-align:top;*/
	width:46%;
	margin:0 2%;
	padding:0;
	*float:left;
	}	
.menu .mega_menu .list li{
	width:100%;
	float:left;
	}	
.menu .mega_menu .list li.headline{
	border-bottom:solid 1px #353535;
	}
.menu .mega_menu .list li.headline h3, .menu .mega_menu .list li.headline h3 a{
	margin-left:7px;
	font:20px "OpenSans";
	color:#5B5B5B;
	text-transform:uppercase;
	}
.menu .mega_menu .list li.headline h3 a{
	margin-left:0;
	}
.menu .mega_menu .list li a{
	margin-left:7px;
	padding:0;
	font:13px/24px "OpenSans";
	color:#616161;
	text-transform:none;
	text-decoration:none;
	border:none;
	}
.menu .mega_menu .list li:hover a{
	background:none;
	}
.menu .mega_menu .list li a:hover, .menu .mega_menu .list li.headline h3 a:hover{
	color:#ffff00;
	}
.menu .mega_menu .list li a:active, .menu .mega_menu .list li.headline h3 a:active{
	color:#888;
	}
/* ========== BLOG IN MEGA MENU ========== */
.menu .mega_menu .blog_post{
	margin-bottom:10px;
	padding:5px;
	overflow:hidden;
	background:#029013;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	} 	
.menu .mega_menu .blog_post h2{
	margin-bottom:3px;
	padding-bottom:3px;
	color:#555;
	border-bottom:solid 1px #2E2E2E;
	}	
.menu .mega_menu .blog_post p{
	font-size:11px;
	color:#888;
	}
.menu .mega_menu .blog_post .read_more{
	margin-top:-5px;
	height:auto;
	float:right;
	font:11px OpenSans;
	color:#555;
	text-decoration:none;
	}	
.menu .mega_menu .blog_post .read_more:hover{
	color:#ffff00;
	}
	
/* Animated CSS3 Mega Menu - Responsive */
	.menu input#dropdown, .menu label{
		display:none;
		position:absolute;
		top:0;
		left:10px;
		width:46px;
		height:40px;
		}
	.menu input#dropdown{
		opacity:0;
		}
	.menu label{
		background: url('/images/icon_list.png') no-repeat center;
		background-position:11px 9px;
		padding:3px 0 0 45px;
		font:bold 25px/37px HyundaiSansHead;
		color:#013469;
		-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-position:11px 9px;
		padding:3px 0 0 45px;
		font:bold 25px/37px HyundaiSansHead;
		color:#ed1b24;
		}
	.menu input#dropdown:checked ~ ul{
		display:block;
		}	
	.menu div.dropdown{
		display:none;
		position:absolute;
		top:0;
		left:0;
		right:0;
		margin:0;
		}
	.menu div.dropdown span{
		text-transform:none;
		font:400 26px "OswaldVNF";
		color:#fff;
		}
	.menu div.dropdown span a{
		color:#fff;
		}
	.menu div.flag{
		float:right;
		display:none;
		margin:9px 5px 0 0;
		}
	.menu div.flag img{
		margin:0 5px 0 0;
		}
@media only screen and (max-width: 1024px){
	.menu{
		width:100%;
		}
	.menu ul > li > a{}
	.menu ul ul{
		margin:0;
		}
	.menu .mega_menu{

		}
	}
@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:40px;
		height:100%;
		/*overflow:hidden;*/
		position:relative;
		}
	.menu ul{
		display:none;
		position: absolute;
		width:100%;
		top:40px;
		margin:0;
		padding:0;
		float:none;
		background:#222;
	    border-top: #373737 15px solid;
		z-index:997;
		}
	.menu ul > li{
		float:none;
		}
	.menu > ul > li:first-child a{
		background: none;
		width:100%;
		height:auto;
		padding:6px 2%;
		font:400 14px/28px HyundaiSansHead, Arial;
		color:#fff;
		text-transform:uppercase;
		border-right:solid 0px #181818;
		border-bottom:solid 1px #181818;
		}
	.menu > ul > li:first-child a span{display:block}
	.menu ul li a{
		width:100%;
		height:auto !important;
		padding:6px 2% !important;
		font:400 14px/28px HyundaiSansHead, Arial !important;
		color:#fff;
		text-transform:uppercase;
		border-right:solid 0px #181818;
		border-bottom:solid 1px #181818;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		}
	.menu ul > li i{display:block;position:absolute;right:0;top:0;color:#fff;width:40px;height:40px;cursor:pointer;text-align:center;}
	.menu ul > li i:before{width:40px;height:40px;line-height:40px;}
	.menu .mega_menu .portfolio li p {padding-bottom:0}
	.menu .mega_menu p,.menu .mega_menu .portfolio li p a {color: #fff;border-bottom:none}
	.menu .mega_menu .portfolio li a {display:none;border-bottom:none}
	.menu .mega_menu .portfolio li p a {display:block;border-bottom:solid 1px #181818}
	.menu ul > li > a div {display:inline-block;padding:0 0 0 5px;font:400 14px/14px HyundaiSansHead, Arial;text-transform:uppercase;color:#fff;}
	.menu ul li:hover > a, .menu ul li.active:hover > a{
		/*padding:6px 2% !important;*/
		color:#fff;
		background:none;
		}
	.menu ul li:first-child:hover > a{
		color:#fff;
		background:none;
		}
	.menu ul ul, .menu .mega_menu{
		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:#373737;
		}
	.menu ul ul li{
		width:100% !important;
		float:left;
		}
	.menu ul ul li a{
		width:100%;
		padding:10px 4% !important;
		text-align:left;
		background:#333;
		color:#fff;
		border:none;
		font: 400 15px/20px HyundaiSansHead !important;
		text-transform:none;
		border-bottom:solid 1px rgba(0,0,0,.85);
		}
	.menu ul ul li:last-child a {
		border-bottom: dotted 0px #d2d2d2;
		-webkit-border-radius:0;
		-moz-border-radius:0;
		border-radius:0;
	}
	.menu ul ul li:hover a{
		background:#333;
		}
	.menu ul ul li:first-child:hover a{
		background:#333;
		}
	.menu ul ul ul, .menu ul ul li a i{
		display:none;
		}
	.menu .mega_menu .one, .menu .mega_menu .one_half, .menu .mega_menu .one_thirds, .menu .mega_menu .two_thirds, .menu .mega_menu .one_fourth,.menu .mega_menu .three_fourths{
		display:inline-block;
		vertical-align:top;
		padding:0 0 12px;
		float:none;
		}	
	.menu .mega_menu{
		width:auto !important;}	
	.menu .mega_menu .portfolio li, .menu .mega_menu .list{
		margin:0;
		width:48%;
		margin:0 1% 2%;
		}
	}
@media only screen and (max-width: 750px) {
	.menu{width:100%}
	}
	
.clearfix {
	clear: both;
}
/* START HEADER */
#ptop{width:100%;background:#fff;}
#ptop .box{width:1200px;margin:0 auto;}
#ptop .box .left{float:left;padding:20px 0;}
#ptop .box .left img{display:block;max-width:100%;height:30px;border:none}
#ptop .box .right{float:right;padding:20px 0;font:bold 25px/30px HyundaiSansHead;/*color:#1b3868;*/color: black;}

#header{width:100%;background:#f1f1f1;
	-webkit-box-shadow: 1px 1px 10px rgb(0 0 0 / 15%);
    box-shadow: 1px 1px 10px rgb(0 0 0 / 15%);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	}
#header .box{position:relative;width:1200px;margin:0 auto;}
#header .box .sebox {position:absolute;top:0;right:0;}
#header .box .sebox .suggestion{border:#d9d9d9 1px solid;border-top:none;background:#fff;cursor:default;overflow:auto;width:400px;display:none;z-index:99999;position:absolute;top:40px;right:0;max-height:350px;padding:5px 0;}
#header .box .sebox .suggestion::-webkit-scrollbar {width: 6px; height: 6px; background: #f9f9f9;}
#header .box .sebox .suggestion::-webkit-scrollbar-thumb {width: 6px; background-color: #c1c1c1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
#header .box .sebox .suggestion::-webkit-scrollbar-track {padding: 6px;}

#header .box .sebox .suggestion ul{width:100%;padding:0;margin:0;list-style:none;}
#header .box .sebox .suggestion ul li{display:block;width:100%;margin:0;padding:10px;list-style:none;}
#header .box .sebox .suggestion ul li:nth-child(even){background:#f1f1f1;}

#header .box .sebox .suggestion ul li .thumb{width:25%;display:inline-block;vertical-align:top;}
#header .box .sebox .suggestion ul li .thumb img{display:block;width:100%;border:none;}
#header .box .sebox .suggestion ul li .info{width:75%;display:inline-block;vertical-align:top;padding:0 0 0 12px;}
#header .box .sebox .suggestion ul li .info div{display:block;width:100%;margin:0;padding:0;font:400 16px/22px 'HyundaiSansHead', sans-serif;color:#444;}
#header .box .sebox .suggestion ul li .info p{display:block;width:100%;margin:0;padding:3px 0 0;font:400 14px/22px 'HyundaiSansHead', sans-serif;color:#444;}
#header .box .sebox .suggestion ul li .info p span.oprice{position:absolute;left:0;top:3px;font:400 14px/20px 'HyundaiSansHead', sans-serif;color:#ef4248;text-decoration:line-through}
#header .box .sebox .suggestion ul li .info p span.price{font:700 15px/20px 'HyundaiSansHead', sans-serif;color:#f00;}

.fixed{position:fixed !important;z-index:999 !important;width:100% !important;top:0;}
	
#boxanh{padding:0;}
#boxanh .thumb{width:100%;}
#boxanh .thumb img{display:block;width:100%;border:none}
#box80{}

#anhbn{display:flex;width:100%;height:300px;background-size:cover !important}
#anhbn .head{width:1200px;position:relative;margin:25px auto;padding:0;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
	}
#anhbn .head b{display:block;-webkit-box-flex:1;-ms-flex:1;flex:1;height:2px;opacity:.1;background-color:#fff;}
#anhbn .head span{padding:0 15px;font:400 40px/50px HyundaiSansHead;color:#fff;text-transform:uppercase;}

.h45{display:block;width:100%;height:45px;}

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:5px 10px;
	font:400 14px/18px Arial;
	color:#999;
	-webkit-border-top-left-radius:15px;
	-webkit-border-bottom-left-radius:15px;
	-moz-border-radius-topleft:15px;
	-moz-border-radius-bottomleft:15px;
	border-top-left-radius:15px;
	border-bottom-left-radius:15px;
}

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:5px 10px 5px 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:15px;
	-webkit-border-bottom-right-radius:15px;
	-moz-border-radius-topright:15px;
	-moz-border-radius-bottomright:15px;
	border-top-right-radius:15px;
	border-bottom-right-radius:15px;

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

/* START CONTENT */
#navi{margin: 0;padding:0;}
#navi .navibox{width:1200px;margin:0 auto;
    position: relative;
    padding:5px 0;
    font:400 15px/30px HyundaiSansHead;
    color: #989898;
	}
#navi .navibox a{
    display: inline-block;
    padding: 0 10px;
    font:400 15px/30px HyundaiSansHead;
    color: #444;
    text-decoration: none;
	}
#navi .navibox a:hover{text-decoration:underline;}
		
#otherul{padding:0;margin:0 0 0 10px;list-style:none;}
#otherul li{background:url("/images/global/arrow-rv1.png") no-repeat left;background-position: 5px 7px;padding:0 0 10px 15px}
#otherul li a{font:400 16px/20px HyundaiSansHead;color:#222;text-decoration:none}
#otherul li a:hover{color:#d4232b}

#content{width:100%;padding:0 0 30px;margin: 0 auto;}

.pad0{padding:0 !important}

/* START HOME BOX */
#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:25px 0;text-align:center;}
#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:28px;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:400 38px/50px HyundaiSansHead;color:#013469;text-transform:uppercase;z-index:2}
#content div.home ul li.pgroup .head h2 span{color:#013469;}

#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 25px 2%;padding:0;
    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;
	}
#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:bold 16px/22px HyundaiSansHead;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 HyundaiSansHead,Arial;color:#888}

#content div.home ul li.pgroup ul li:hover{box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.5);transform: scale(1.1);}

/* DICH VU */
#content div.home ul li.dichvu {position:relative;background:#f5f5f5;}
#content div.home ul li.dichvu .dvbox{width:1200px;position:relative;padding:55px 0;margin:0 auto;z-index:2}

#content div.home ul li.dichvu .dvbox .head{width:100%;position:relative;margin:0 auto 35px;padding:0;text-align:center}
#content div.home ul li.dichvu .dvbox .head::before{position:absolute;top:28px;content:"";background:#ccc;display:block;width:100%;height:1px;z-index:1}
#content div.home ul li.dichvu .dvbox .head h2{position:relative;background:#f5f5f5;display:inline-block;margin:0;padding:5px 15px;font:400 38px/50px HyundaiSansHead;color:#002c5f;text-transform:uppercase;z-index:2}

#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:33.33333%;display:inline-block;vertical-align:top;margin:0;padding:15px 15px;list-style:none;
	border-right:#ddd 1px dashed;
	border-bottom:#ddd 1px dashed;
	min-height:150px;
	}
#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){padding-left:0;}

#content div.home ul li.dichvu .dvbox .tbox ul li:nth-child(3),
#content div.home ul li.dichvu .dvbox .tbox ul li:nth-child(6){padding-right:0;border-right:#ddd 0px dashed;}

#content div.home ul li.dichvu .dvbox .tbox ul li:nth-child(4),
#content div.home ul li.dichvu .dvbox .tbox ul li:nth-child(5),
#content div.home ul li.dichvu .dvbox .tbox ul li:nth-child(6){border-bottom:#ddd 0px dashed;}

#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;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	overflow:hidden;
	}
#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 8px;font:700 18px/22px 'HyundaiSansHead', Arial;color:#002c5f;}
#content div.home ul li.dichvu .dvbox .tbox ul li .info p{padding:0;font:400 16px/22px 'HyundaiSansHead', Arial;color:#222;}
/* END DICH VU */

#content div.home ul li.ngroup{background:#f6f6f6;}
#content div.home ul li.ngroup .nbbox{width:1200px;position:relative;padding:45px 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:28px;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:400 38px/50px HyundaiSansHead;color:#ec3237;text-transform:uppercase;z-index:2}
#content div.home ul li.ngroup .nbbox .head div{padding:10px 0 0;font:400 18px/22px HyundaiSansHead;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 18px/22px HyundaiSansHead;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{width:100%;overflow:hidden;}

.nbview {width:100%;overflow:hidden;}
.nbview .util-wrapper-holder {
    overflow: hidden;
    position: relative;
    width: -moz-calc(100% + 20px) !important;
    width: -webkit-calc(100% + 20px) !important;
    width: -o-calc(100% + 20px) !important;
    width: calc(100% + 20px) !important;
}
.nbview .item{background:#fff;margin:0 10px 0 0;padding:0;overflow:hidden;}
.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%;min-height:134px;padding:10px 15px 15px;}
.nbview .item .info h3{max-height:44px;overflow:hidden;margin:0 0 5px;padding:0;font:400 17px/22px HyundaiSansHead;color:#002c5f;text-align:left}
.nbview .item .info h3 a{color:#002c5f}
.nbview .item .info h3 a:hover{color:#ec3237;}
.nbview .item .info div{margin:0;padding:0;font:400 15px/22px HyundaiSansHead;color:#444;text-align:left;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    text-overflow: ellipsis;
	}
/* 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 HyundaiSansHead, 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:45px 0 55px;}
#content div.home ul li.overview .head{width:1200px;position:relative;margin:0 auto 35px;padding:0;text-align:center}
#content div.home ul li.overview .head::before{position:absolute;top:28px;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:400 38px/50px HyundaiSansHead;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:50%;display:inline-block;vertical-align:top;padding:0 0 0 4%}
#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:50%;display:inline-block;vertical-align:top;padding:0;font:400 15px/24px HyundaiSansHead, Arial;color:#454545;}

#content div.home ul li.overview .ovbox .info .ocon{padding:0;font:400 16px/22px HyundaiSansHead;color:#222;}
#content div.home ul li.overview .ovbox .info .ocon h1{font:20px/30px HyundaiSansHead, Arial;color:#232021;padding:5px 0;}
#content div.home ul li.overview .ovbox .info .ocon h2{font:18px/30px HyundaiSansHead, Arial;color:#232021;padding:5px 0;}
#content div.home ul li.overview .ovbox .info .ocon h3{font:16px/30px HyundaiSansHead, Arial;color:#333;padding:5px 0;}
#content div.home ul li.overview .ovbox .info .ocon p{font:400 16px/22px HyundaiSansHead;color:#333;padding:5px 0;}
#content div.home ul li.overview .ovbox .info .ocon div{font:400 16px/22px HyundaiSansHead;color:#333;padding:5px 0;}
#content div.home ul li.overview .ovbox .info .ocon a{font:400 16px/22px HyundaiSansHead;color:#333;text-decoration:none}
#content div.home ul li.overview .ovbox .info .ocon a:hover{font:400 16px HyundaiSansHead;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:400 16px/22px HyundaiSansHead;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 HyundaiSansHead, 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 */

/* HOME > OVERVIEW 1 */
#content div.home ul li.overview1{margin:0;}
#content div.home ul li.overview1{background:#fff;}
#content div.home ul li.overview1 .obox{width:1200px;position:relative;padding:35px 0;margin:0 auto;}
#content div.home ul li.overview1 .obox .head{position:relative;margin:0 auto;padding:0 0 25px;text-align:center}
#content div.home ul li.overview1 .obox .head::before{position:absolute;top:20px;content:"";background:#ccc;display:block;width:100%;height:1px;z-index:1}
#content div.home ul li.overview1 .obox .head h2{position:relative;background:#fff;display:inline-block;margin:0;padding:5px 15px;font:bold 26px/30px HyundaiSansHead;color:#ec3237;text-transform:uppercase;z-index:2}
#content div.home ul li.overview1 .obox .head h2 span{color:#013469;}
#content div.home ul li.overview1 .obox .head div{padding:10px 0 0;font:400 18px/22px HyundaiSansHead;color:#444;text-align:center}
#content div.home ul li.overview1 .obox .head div span{color:#ec3237;}
#content div.home ul li.overview1 .obox .head div p,
#content div.home ul li.overview1 .obox .head div div{padding:3px 0;font:400 18px/22px HyundaiSansHead;color:#444;text-align:center}
#content div.home ul li.overview1 .obox .head div a{color:#444;}
#content div.home ul li.overview1 .obox .ovbox{width:100%;overflow:hidden;}

.ov1view {width:100%;overflow:hidden;}
.ov1view .util-wrapper-holder {
    overflow: hidden;
    position: relative;
    width: -moz-calc(100% + 50px) !important;
    width: -webkit-calc(100% + 50px) !important;
    width: -o-calc(100% + 50px) !important;
    width: calc(100% + 50px) !important;
}
.ov1view .item{background:#fff;margin:0 50px 0 0;padding:0;overflow:hidden;}
.ov1view .item .thumb{position:relative;display:block;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	overflow:hidden;
	border:#f6f6f6 8px solid;
	}
.ov1view .item .thumb img{display:block;width:100%;border:none;}

.ov1view .item .thumb .info{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;align-items:center;background:rgba(255,255,255,0.2)}
.ov1view .item .thumb .info h3{display:block;width:100%;font:bold 26px/35px HyundaiSansHead;color:#fff;text-transform:uppercase;text-align:center}

/* HOME > END OVERVIEW 1 */
	
#content div.home ul li.formdv{background:#013469;padding:55px 0;}
#content div.home ul li.formdv .box{display:block;width:1000px;margin:0 auto;}
#content div.home ul li.formdv .box .head{display:block;width:100%;position:relative;margin:0;padding:0;border-bottom:#d3cec5 1px solid;}
#content div.home ul li.formdv .box .head h2{position:relative;display:inline-block;margin:0;padding:0 0 6px;font:400 25px/35px HyundaiSansHead;color:#fff;text-transform:uppercase;}
#content div.home ul li.formdv .box .head h2:before{position:absolute;display:block;content:'';left:0;right:0;bottom:-1px;height:2px;background:#fff;z-index:1}
#content div.home ul li.formdv .box .head h2 span{color:#fff;}
#content div.home ul li.formdv .box .ibox{padding:15px 0 0;}
#content div.home ul li.formdv .box .ibox ul{display:block;width:100%;margin:0;padding:0;list-style:none;}
#content div.home ul li.formdv .box .ibox ul li{width:56%;display:inline-block;vertical-align:top;margin:0 0 0 4%;padding:0;list-style:none;}
#content div.home ul li.formdv .box .ibox ul li:first-child{width:40%;margin-left:0;}
#content div.home ul li.formdv .box .ibox ul li.submit{width:100%;margin:0;padding-top:10px;text-align:right;}
#content div.home ul li.formdv .box .ibox ul li span{display:block;padding:5px 0 0 5px;font:400 12px HyundaiSansHead, Arial;color:#f00;}
#content div.home ul li.formdv .box .ibox ul li ul{display:block;width:100%;margin:0;padding:0;list-style:none;}
#content div.home ul li.formdv .box .ibox ul li ul li{width:100%;display:inline-block;vertical-align:top;margin:0;padding:5px 0;list-style:none;}
#content div.home ul li.formdv .box .ibox ul li ul li:first-child{width:100%;}
#content div.home ul li.formdv .box .ibox ul li input[type="text"]{
	display:inline-block;
	vertical-align:middle;
	width:100%;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
    -webkit-appearance: none;
    background:none;
    border: #b9b9b9 1px solid;
    outline: 0;
    margin: 0;
    padding: 5px 10px;
	font:400 15px/28px HyundaiSansHead, Arial;
	color:#fff;
	-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 div.home ul li.formdv .box .ibox ul li textarea{
	display:inline-block;
	vertical-align:middle;
	width:100%;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
    -webkit-appearance: none;
    background:none;
    border: #b9b9b9 1px solid;
    outline: 0;
    margin:5px 0;
    padding:5px 10px;
	font:400 15px/23px HyundaiSansHead, Arial;
	color:#fff;
	-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 div.home ul li.formdv .box .ibox ul li input[type="text"]::placeholder,
#content div.home ul li.formdv .box .ibox ul li textarea::placeholder {font-size:14px;color:#bfbfbf;opacity: 1;}
#content div.home ul li.formdv .box .ibox ul li input[type="text"]::-ms-input-placeholder,
#content div.home ul li.formdv .box .ibox ul li textarea::-ms-input-placeholder {font-size:14px;color:#bfbfbf;}
#content div.home ul li.formdv .box .ibox ul li input[type="text"]::-ms-input-placeholder,
#content div.home ul li.formdv .box .ibox ul li textarea::-ms-input-placeholder {font-size:14px;color:#bfbfbf;}
#content div.home ul li.formdv .box .ibox ul li input[type="button"] {
	display:inline-block;
	width:auto;
	background:#ed1b24;
	border:#ed1b24 1px solid;
	margin:0;
	padding:8px 25px 6px;
	font: 400 13px/24px HyundaiSansHead, Arial;
	text-transform:uppercase;
	color:#fff;
	text-align:center;
	cursor:pointer;
	outline:none;
	-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 div.home ul li.formdv .box .ibox ul li input[type="text"]:hover,
#content div.home ul li.formdv .box .ibox ul li 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;
}
#content div.home ul li.formdv .box .ibox ul li input[type="button"]:hover {background:#b70007;border:#b70007 1px solid;}

/* END HOME BOX */
	
#content .conbox{display:flex;width:1200px;margin:0 auto;}

#content .conbox .coleft{width:75%;display:inline-block;vertical-align:top;padding:0 25px 0 0;border-right:#ececec 1px solid;}
#content .conbox .coright{width:25%;display:inline-block;vertical-align:top;padding:0 0 0 25px;}
#content .conbox .coright section{height:100%;
    height: -webkit-calc(100% - 20px);
    height: -moz-calc(100% - 20px);
    height: calc(100% - 20px);
	}
.sticky {position:-webkit-sticky;position:sticky;top:10px;}

#content .conbox .coright .ibook{display:block;margin:0 0 12px;padding:10px 15px;border:#ececec 1px solid;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	overflow:hidden;	
	}
#content .conbox .coright .ibook .head{display:block;margin:0;padding:0 0 12px;font:bold 16px/22px HyundaiSansHead;color:#013469;text-transform:uppercase;}
#content .conbox .coright .ibook ul{display:block;width:100%;margin:0;padding:0;list-style-type:none;overflow:hidden;}
#content .conbox .coright .ibook ul li{display:block;width:100%;margin:0 0 10px;padding:0 0 10px;list-style-type:none;border-bottom:#e3e3e3 1px solid;}
#content .conbox .coright .ibook ul li:last-child{margin:0;padding:0;border-bottom:none;}
#content .conbox .coright .ibook ul li .thumb{width:28%;display:inline-block;vertical-align:top;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	overflow:hidden;	
	}
#content .conbox .coright .ibook ul li .thumb img{display:block;width:100%;border:none;}
#content .conbox .coright .ibook ul li .info{width:72%;display:inline-block;vertical-align:top;padding:0 0 0 15px;}
#content .conbox .coright .ibook ul li .info div{margin:0;padding:10px 0 0;font:bold 15px/20px HyundaiSansHead;color:#187d63;}
#content .conbox .coright .ibook ul li .info p.tvvtel{margin:0;padding:0;font:bold 22px/30px HyundaiSansHead;color:#f00;}
#content .conbox .coright .ibook ul li .info p.tvvtel a{color:#f00;}
#content .conbox .coright .ibook ul li .info p.tvvema{margin:0;padding:3px 0 2px;font:400 14px/16px HyundaiSansHead;color:#555;}
#content .conbox .coright .ibook ul li .info p.tvvema a{color:#555;}
#content .conbox .coright .ibook ul li .info p.tvvema i{padding-right:5px;}

#content .conbox .coright .inews{display:block;margin:0 0 12px;padding:10px 15px;border:#ececec 1px solid;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	overflow:hidden;	
	}
#content .conbox .coright .inews .head{display:block;margin:0;padding:0 0 12px;font:bold 16px/22px HyundaiSansHead;color:#ed1b24;text-transform:uppercase;}
#content .conbox .coright .inews ul{display:block;width:100%;margin:0;padding:0;list-style-type:none;overflow:hidden;}
#content .conbox .coright .inews ul li{display:block;width:100%;margin:0 0 10px;padding:0 0 10px;list-style-type:none;border-bottom:#e3e3e3 1px solid;}
#content .conbox .coright .inews ul li:last-child{margin:0;padding:0;border-bottom:none;}
#content .conbox .coright .inews ul li .thumb{width:40%;display:inline-block;vertical-align:top;}
#content .conbox .coright .inews ul li .thumb img{display:block;width:100%;border:none;}
#content .conbox .coright .inews ul li .info{width:60%;display:inline-block;vertical-align:top;padding:0 0 0 12px;}
#content .conbox .coright .inews ul li .info div{height:60px;overflow:hidden;margin:0;padding:0;}
#content .conbox .coright .inews ul li .info div a{display:block;margin:0;padding:0;font:400 15px/20px HyundaiSansHead;color:#444;}
#content .conbox .coright .inews ul li .info div a:hover{color:#f00;}

#content div.conbox .left{width:55%;display:inline-block;vertical-align:top;padding:0 5% 0 0;}
#content div.conbox .left iframe{display:block;width:100%;max-width:100%;}

#content div.conbox .left .hmap {border:#d6d6d6 1px solid;margin:10px 0 0;padding:5px;}
#content div.conbox .left .hmap .gmap {
	width:100%;
	height:350px;
	margin:0;
	overflow:hidden;
}
#content div.conbox .left .hmap .gmap .map {
	width:100%;
	height:400px;
	padding:0;
	background:transparent;
	border-radius:0px;
}
#content div.conbox .left .hmap .gmap .map button{height:30px !important;width:30px !important;}
#content div.conbox .left .hmap .gmap .map div{font-size:14px !important}

#content div.conbox .left .hmap .mapTitle{font:bold 15px/18px HyundaiSansHead;color:#222}

#content div.conbox .right{width:45%;display:inline-block;vertical-align:top;}
#content div.conbox .right div.head{position:relative;margin:0 0 15px;padding:0 0 5px;font:bold 18px/22px HyundaiSansHead;color:#013469;text-transform:uppercase;border-bottom: #d6d6d6 1px solid;}
#content div.conbox .right div.head:before {
    content: '';
    display: block;
    background: #013469;
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 40%;
    height: 2px;
    z-index: 1;
}
	
#content .featured{padding:25px 0;}
#content .featured span{color:#565656;font:bold 22px/22px "HyundaiSansHead", sans-serif;margin:0;padding:0;text-transform: uppercase;}
	
#sliderh {
  width:100%;
  margin:0;
  padding:0;
  -webkit-user-select: none;
  -moz-user-select: none;  
  user-select: none;
  overflow:hidden;
	}

/* MAIN PRO DETAIL */
#content .prode {}
	
/* START NEWS LIST */
#content div.neread{margin:0;padding:35px 0 15px;font:400 15px/15px OpenSans;color:#222;text-align:center}
#content div.neread a{
    border: #ff0000 2px solid;
    color: #ff0000;
    display: inline-block;
    font: 400 14px/34px Arial;
    text-transform: uppercase;
    margin: 0;
    padding: 0 25px;
    text-decoration: none;
	}
#content div.neread a:hover{background: #ff0000 none repeat scroll 0 0;color:#fff;text-decoration:none}

#content .ulnews{width:100%;padding:0;margin:0 auto;list-style-type:none;}
#content .ulnews li{
	display:inline-block;
	background:#fff;
	border:#d9d9d9 1px solid;
	width:29.33333%;
	margin:25px 2% 0;
	padding:10px;
	list-style-type:none;
	vertical-align:top;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-transition:all 150ms linear 10ms;
	-moz-transition:all 150ms linear 10ms;
	-ms-transition:all 150ms linear 10ms;
	-o-transition:all 150ms linear 10ms;
	transition:all 150ms linear 10ms;
	}
	
#content .ulnews li .thumb{
	position:relative;
	width:100%;
	padding:0px;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
#content .ulnews li .thumb a img{
	display:block;
	position:relative;
	width:100%;
	margin:0 auto;
	opacity:1;
	border:none;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
	-webkit-transition:opacity 140ms ease-in 10ms;
	-moz-transition:opacity 140ms ease-in 10ms;
	-ms-transition:opacity 140ms ease-in 10ms;
	-o-transition:opacity 140ms ease-in 10ms;
	transition:opacity 140ms ease-in 10ms;
	z-index:1;
	}
#content .ulnews li h4{margin:10px 0 8px 0;padding:0;font:400 16px/22px OpenSansSemiBold;color:#222;height:22px;overflow:hidden;}
#content .ulnews li h4 a{font:400 16px/22px OpenSansSemiBold;color:#222;}
#content .ulnews li h4 a:hover {color:#dd3333;}
#content .ulnews li p.desc{height:60px;overflow:hidden;margin:0;padding:0;font:400 14px/20px OpenSans;color:#444;}
#content .ulnews li p.updated{margin:0;padding:0 0 8px 0;font:400 italic 13px/13px OpenSans;color:#565656;}
/* END NEWS LIST */

/* START HOME PRO LIST */
#home .pro{width:100%;padding:0;margin:0;list-style:none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	}
#home .pro li{display:inline-block;width:32%;position:relative;background:#fff;margin:25px 0 0 2%;list-style:none;vertical-align:top;

    box-shadow: 0 0 1px transparent;
    transform: perspective(1px) translateZ(0px);
    transition-duration: 0.3s;
    transition-property: box-shadow, transform;
    vertical-align: middle;
	overflow:hidden;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	}
#home .pro li:first-child,
#home .pro li:nth-child(4),
#home .pro li:nth-child(7),
#home .pro li:nth-child(10),
#home .pro li:nth-child(13),
#home .pro li:nth-child(16){margin-left:0;}
#home .pro li .thumb {
    display: block;
	position:relative;
    text-align: center;
    width: 100%;
	overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	}
#home .pro li .thumb img{
	display:block;
	width: 100%;
	border:none;
	}
#home .pro li .thumb span {
    display:inline-block;
	background-color: #ec3e45;
    border-radius: 5px;
    color: white;
    font:700 10px/10px 'HyundaiSansHead', sans-serif;
    left: 15px;
    padding: 4px 7px;
    position: absolute;
    top: 15px;
}
#home .pro li .thumb span.qt {background:none;border-radius:0;left: 70px;padding:0;top: 10px;}

#home .pro li .info {position:relative;padding:5px 10px;}
#home .pro li h2{height:22px;overflow:hidden;margin:3px 0;padding:0;font:400 14px/22px 'HyundaiSansHead', sans-serif;color:#666;text-align:center}
#home .pro li h2 a{font:400 14px/22px 'HyundaiSansHead', sans-serif;color:#666}
#home .pro li h2 a:hover{color:#222;}

#home .pro li p{position:relative;margin:0;padding:3px 0;font:400 13px/20px OpenSans;color:#666;text-align:center;}
#home .pro li span.oprice{position:absolute;left:0;top:3px;font:400 14px/20px 'HyundaiSansHead', sans-serif;color:#ef4248;text-decoration:line-through}
#home .pro li span.price{font:900 16px/20px 'HyundaiSansHead', sans-serif;color:#f00;}	

#home .pro li div.lovebox{position:absolute;right:10px;bottom:5px;}	
#home .pro li div.lovebox .love {display:inline-block;background: url('/images/global/cart2-icon.png') no-repeat;width:20px;height:20px;cursor: pointer;}
#home .pro li div.lovebox .love:hover{background: url('/images/global/cart2-icon-hover.png') no-repeat;}
#home .pro li div.lovebox .numcart {
    display:none;
	visibility: hidden;
    padding:0;
}

#home .pro li:hover{box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.5);transform: scale(1.02);}
/* END HOME PRO LIST */

/* START PRO LIST */
#content .pro{width:100%;padding:0;margin:0;list-style:none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	}
#content .pro li{display:inline-block;width:32%;position:relative;background:#fff;margin:25px 0 0 2%;list-style:none;vertical-align:top;

    box-shadow: 0 0 1px transparent;
    transform: perspective(1px) translateZ(0px);
    transition-duration: 0.3s;
    transition-property: box-shadow, transform;
    vertical-align: middle;
	overflow:hidden;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	}
#content .pro li:first-child,
#content .pro li:nth-child(4),
#content .pro li:nth-child(7),
#content .pro li:nth-child(10),
#content .pro li:nth-child(13),
#content .pro li:nth-child(16){margin-left:0;}
#content .pro li .thumb {
    display: block;
	position:relative;
    text-align: center;
    width: 100%;
	overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	}
#content .pro li .thumb img{
	display:block;
	width: 100%;
	border:none;
	}
#content .pro li .thumb span {
    display:inline-block;
	background-color: #ec3e45;
    border-radius: 5px;
    color: white;
    font:700 10px/10px 'HyundaiSansHead', sans-serif;
    left: 15px;
    padding: 4px 7px;
    position: absolute;
    top: 15px;
}
#content .pro li .thumb span.qt {background:none;border-radius:0;left: 70px;padding:0;top: 10px;}

#content .pro li .info {position:relative;padding:5px 10px;}
#content .pro li h2{margin:3px 0;padding:0;font:400 14px/22px 'HyundaiSansHead', sans-serif;color:#666;text-align:center}
#content .pro li h2 a{font:400 14px/22px 'HyundaiSansHead', sans-serif;color:#666}
#content .pro li h2 a:hover{color:#222;}

#content .pro li p{position:relative;margin:0;padding:3px 0;font:400 13px/20px OpenSans;color:#666;text-align:center;}
#content .pro li span.oprice{position:absolute;left:0;top:3px;font:400 14px/20px 'HyundaiSansHead', sans-serif;color:#ef4248;text-decoration:line-through}
#content .pro li span.price{font:900 16px/20px 'HyundaiSansHead', sans-serif;color:#f00;}	

#content .pro li div.lovebox{position:absolute;right:10px;bottom:5px;}	
#content .pro li div.lovebox .love {display:inline-block;background: url('/images/global/cart2-icon.png') no-repeat;width:20px;height:20px;cursor: pointer;}
#content .pro li div.lovebox .love:hover{background: url('/images/global/cart2-icon-hover.png') no-repeat;}
#content .pro li div.lovebox .numcart {
    display:none;
	visibility: hidden;
    padding:0;
}

#content .pro li:hover{box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.5);transform: scale(1.02);}
/* END PRO LIST */

/* START PRO DETAIL */
#content .divpro{position:relative;width:100%;padding:0;margin:0;}
#content .divpro .protop{background:#fff;width:100%;padding:45px 0;margin:0;}
#content .divpro .protop .box{width:1200px;padding:0;margin:0 auto;}
#content .divpro .protop .left{display:inline-block;vertical-align:top;width:50%;padding:0 5% 0 0;margin:0;}
#content .divpro .protop .left .nogal img{display:block;width:100%;border:none;
    box-shadow: 0 0 1px transparent;
    transform: perspective(1px) translateZ(0px);
    transition-duration: 0.3s;
    transition-property: box-shadow, transform;
    vertical-align: middle;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow:hidden;
	}
#content .divpro .protop .left .nogal img:hover{box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.5); transform: scale(1.02);}

#content .divpro .protop .right{display:inline-block;vertical-align:top;width:50%;padding:0 0 0 5%;margin:0;}
#content .divpro .protop .right h1{margin:0;padding:0 0 5px;font:bold 35px/40px HyundaiSansHead;color:#4f4f4f;text-transform:uppercase;}
#content .divpro .protop .right .price{position:relative;display:block;width:100%;padding:5px 0;margin:0;font:bold 16px/25px HyundaiSansHead;color:#4f4f4f;}
#content .divpro .protop .right .price span{font:bold 25px/25px HyundaiSansHead;color:#f00;}
#content .divpro .protop .right .price span.tt{font:400 24px/34px HyundaiSansHead;color:#4f4f4f;text-decoration:line-through}
#content .divpro .protop .right .promo{padding:5px 0;margin:15px 0;font:400 15px/20px HyundaiSansHead;color:#4f4f4f;}
#content .divpro .protop .right .promo .prom-title{font:400 14px/20px HyundaiSansHead;color:#4f4f4f;position: relative;padding: 10px 20px;border-bottom: 2px solid #f5f5f5;}
#content .divpro .protop .right .promo .prom-title h2{position:relative;display:inline-block;margin:0;padding:0;font:400 14px/20px HyundaiSansHead;color:#4f4f4f;text-transform:uppercase;}
#content .divpro .protop .right .promo .prom-title h2 img{position:absolute;right:-28px;display:block;top:-5px;}
#content .divpro .protop .right .promo .promgen{font:400 16px/22px HyundaiSansHead;;color:#4f4f4f;padding:10px 20px;}
#content .divpro .protop .right .promo .promgen h1{font:20px/26px HyundaiSansHead;color:#4f4f4f;padding:5px 0;}
#content .divpro .protop .right .promo .promgen h2{font:18px/26px HyundaiSansHead;color:#4f4f4f;padding:5px 0;}
#content .divpro .protop .right .promo .promgen h3{font:16px/26px HyundaiSansHead;color:#4f4f4f;padding:5px 0;}
#content .divpro .protop .right .promo .promgen p{font:16px/22px HyundaiSansHead;color:#4f4f4f;padding:5px 0;}
#content .divpro .protop .right .promo .promgen div{font:16px/22px HyundaiSansHead;color:#4f4f4f;padding:5px 0;}
#content .divpro .protop .right .promo .promgen p a{font:400 16px/22px HyundaiSansHead;;color:#4f4f4f;text-decoration:none}
#content .divpro .protop .right .promo .promgen p a:hover{color:red;text-decoration:underline}
#content .divpro .protop .right .promo .promgen img{margin:5px 0;max-width:100%;height:auto !important;border:none}
#content .divpro .protop .right .promo .promgen table{max-width:100%;}
#content .divpro .protop .right .promo .promgen td{padding:3px 5px;}
#content .divpro .protop .right .promo .promgen .bang {margin:10px 0;border-collapse: collapse;}
#content .divpro .protop .right .promo .promgen .bang td{padding:3px 5px;border:#ababab 1px solid;}

#content .divpro .protop .right .technote{padding:15px 0;margin:15px 0;font:400 16px/25px HyundaiSansHead;color:#4f4f4f;border-top:#e1e1e1 1px solid;border-bottom:#e1e1e1 1px solid;}
#content .divpro .protop .right ul{width:100%;padding:5px 0;margin:0;list-style:none;}
#content .divpro .protop .right ul li{display:inline-block;width:100%;margin:0;padding:5px 0;list-style:none;vertical-align:top;font:400 16px/24px HyundaiSansHead;color:#4f4f4f;}
#content .divpro .protop .right ul li:nth-child(odd){width:25%;padding:5px 10px 5px 0;}
#content .divpro .protop .right ul li:nth-child(even){width:75%;}
#content .divpro .protop .right ul li a{font:400 16px/24px HyundaiSansHead;color:#4f4f4f;}
#content .divpro .protop .right ul li a:hover{text-decoration:underline}
	
.lisize{padding:4px 10px 4px 0;}
.txtsize{
	min-width:24px;
	display:inline-block;
	vertical-align:top;
	margin:3px 4px 3px 0;
	border:#e5e5e5 1px solid;
	font:400 14px/22px Arial;
	color: #444;
	text-align:center;
	cursor:pointer;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	}
.acs {
	min-width:24px;
	height:24px;
	display:inline-block;
	vertical-align:top;
	margin:3px 4px 3px 0;
	border:#df0023 2px solid;
	font:400 14px/22px Arial;
	color: #df0023;
	text-align:center;
	cursor:pointer;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.txtcolor{
	width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: top;
    margin: 0 4px 0 0;
    padding: 1px;
    border: #e5e5e5 1px solid;
    font: 400 14px/24px Arial;
    color: #444;
    text-align: center;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	}
.acc {
	width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: top;
    margin: 0 4px 0 0;
    border: #df0023 1px solid;
    font: 400 14px/24px Arial;
    color: #df0023;
    text-align: center;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.txtcolor span,
.acc span{
	width:100%;
	height:100%;
	display:inline-block;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

#size{}
#msize{}
.spsize,
.spmsize{
	min-width:24px;
	display:inline-block;
	vertical-align:top;
	margin:3px 4px 3px 0;
	border:#e5e5e5 1px solid;
	font:400 14px/22px Arial;
	color: #444;
	text-align:center;
	cursor:pointer;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;

    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	}
.sizeac,
.msizeac {
	min-width:24px;
	height:24px;
	display:inline-block;
	vertical-align:top;
	margin:3px 4px 3px 0;
	border:#df0023 2px solid;
	font:400 14px/22px Arial;
	color: #df0023;
	text-align:center;
	cursor:pointer;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

#color{height:20px;display:inline-block;}
#mcolor{}
.spcolor,
.spmcolor{
	width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: top;
    margin: 0 4px 0 0;
    padding: 1px;
    border: #e5e5e5 1px solid;
    font: 400 14px/20px Arial;
    color: #444;
    text-align: center;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	}
.colac,
.mcolac {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: top;
    margin: 0 4px 0 0;
    border: #df0023 1px solid;
    font: 400 14px/20px Arial;
    color: #df0023;
    text-align: center;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.spcolor span,
.spmcolor span,
.colac span,
.mcolac span{
	width:100%;
	height:100%;
	display:inline-block;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

#size:hover > .spsize{display:inline-block;}
#msize:hover > .spmsize{display:inline-block;}
#color:hover > .spcolor{display:inline-block;}
#mcolor:hover > .spmcolor{display:inline-block;}

#content .divpro .protop .right .procart{
    position: relative;
    padding:15px 0;
    margin:0;
	}
#content .divpro .protop .right .procart span.dcart{
    box-shadow: 0 0 1px transparent;
    transform: perspective(1px) translateZ(0px);
    transition-duration: 0.3s;
    transition-property: box-shadow, transform;
    vertical-align: top;
	
	display:inline-block;
	background:#e11428;
	margin:0 10px 0 0;
	padding:5px 12px;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font:bold 12px/30px HyundaiSansHead;
	color:#fff;
	text-transform:uppercase;
	text-align:center;
	cursor:pointer;
	}
#content .divpro .protop .right .procart span.dcart:hover {transform: scale(1.1);}
#content .divpro .protop .right .procart span.dcart i{padding-right:6px;}

.prosoluong {outline:none;background:#fff;width:30px;font: 900 16px/30px Arial;text-align:center;color:#222;padding:5px;border:#fff 0px solid;}
.promsoluong {outline:none;width:30px;font:900 16px/30px Arial;text-align:center;color:#222;padding:5px;border:#fff 0px solid;}
.txpronum {outline:none;width:40px;font:900 16px/30px Arial;text-align:center;color:#fff;padding:5px;border:none;background:transparent;
	cursor:pointer;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	}
	
#content .divpro .protop .right .procart span.numcart{
	display:inline-block;vertical-align: top;
	border: #fff 1px solid;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	}

#content .menuScroll{background:#013469;position:relative;width:100%;padding:0;}
#content .menuScroll .divFixed{width:100%;margin:0;padding:0;}
#content .menuScroll .divFixed.activeFixed{position:fixed;top:0;left:0;z-index:50;background:#013469;}
#content .menuScroll .divFixed .wrapper{width:1200px;margin:0 auto;padding:0;text-align:center;}
#content .menuScroll .divFixed .wrapper ul{display:inline-block;width:auto;margin:0;padding:0;list-style:none;}
#content .menuScroll .divFixed .wrapper ul li{width:auto;display:inline-block;vertical-align:top;margin:0;padding:0;list-style:none;}
#content .menuScroll .divFixed .wrapper ul li a{display:block;margin:0;padding:5px 20px;font:400 18px/30px HyundaiSansHead;color:#fff;text-transform:uppercase;white-space:nowrap;}
#content .menuScroll .divFixed .wrapper ul li a:hover{color:#ff0;}
#content .menuScroll .divFixed .wrapper ul li a.active{color:#ff0;}
	
#content .divpro .procon{width:1200px;margin:0 auto;padding:20px 0;}

#content .divpro .procon .pmnu{width:100%;}
#content .divpro .procon .pmnu .pbox{width:100%;margin:0 auto;}
#content .divpro .procon .pmnu .pbox ul{width:auto;display:inline-block;padding:0;margin:0;list-style-type:none;}
#content .divpro .procon .pmnu .pbox ul li{width:100%;display:inline-block;vertical-align:top;padding:0;margin:0;list-style-type:none;}
#content .divpro .procon .pmnu .pbox ul li a{display:block;padding:5px 10px;font:400 16px/25px HyundaiSansHead;color:#4f4f4f;text-transform:uppercase;}
#content .divpro .procon .pmnu .pbox ul li a:hover{color:#f00;}

#content .divpro .procon .pro-title{position:relative;padding:0;border-bottom:#013469 2px solid;}
#content .divpro .procon .pro-title span{background:#013469;position:relative;display:inline-block;margin:0;padding:5px 35px;font:400 16px/25px HyundaiSansHead;color:#fff;}
	
#content .divpro .procon .pchead{margin:0 0 10px 0;border-bottom:#e88520 2px solid;}
#content .divpro .procon .pchead span{display:inline-block;background-color:#e88520;margin:0;padding:0 25px;font:bold 16px/30px 'Arial';color:#fff;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	}
	
#content .divpro .profb{padding:20px 5%;overflow:hidden}
#content .proother{
    width: 1200px;
    margin: 0 auto;
	padding:10px 0 0;
	}
#content .proother .pro-title {
    font: 400 16px/20px 'HyundaiSansHead', sans-serif;
    color: #666;
    text-align:center;
}
#content .proother .pro-title h2 {
    display: inline-block;
    margin: 0;
    padding: 0 0 5px;
    font: 400 22px/32px 'HyundaiSansHead', sans-serif;
    color: #666;
    text-transform: uppercase;
	border-bottom: 2px solid #999;
}
#content .proother .box{padding:10px 0;}

#content .proview{
    width: 1200px;
    margin: 0 auto;
	padding:20px 0 0;
	}
#content .proview .pro-title {padding:0 0 20px;
    font: 400 16px/20px 'HyundaiSansHead', sans-serif;
    color: #666;
    text-align:center;
}
#content .proview .pro-title h2 {
    display: inline-block;
    margin: 0;
    padding: 0 0 5px;
    font: 400 22px/32px 'HyundaiSansHead', sans-serif;
    color: #666;
    text-transform: uppercase;
	border-bottom: 2px solid #999;
}
#content .proview .box{background:#fff;padding:0 5px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	}
/* END PRO DETAIL */

/* START BOX PRO GEN */
#content .degen{font:400 16px/22px HyundaiSansHead;;color:#4f4f4f;padding:15px 0;}
#content .degen h1{font:25px/30px HyundaiSansHead;color:#4f4f4f;padding:10px 0;}
#content .degen h2{font:22px/28px HyundaiSansHead;color:#4f4f4f;padding:8px 0;}
#content .degen h3{font:20px/26px HyundaiSansHead;color:#4f4f4f;padding:6px 0;}
#content .degen h4{font:18px/26px HyundaiSansHead;color:#4f4f4f;padding:6px 0;}
#content .degen p{font:16px/22px HyundaiSansHead;color:#4f4f4f;padding:5px 0;}
#content .degen div{font:16px/22px HyundaiSansHead;color:#4f4f4f;padding:5px 0;}
#content .degen a{font:400 16px/22px HyundaiSansHead;;color:#4f4f4f;text-decoration:none}
#content .degen a:hover{color:red;text-decoration:underline}
#content .degen img{margin:5px 0;max-width:100%;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:5px 8px;border:#e7e7e7 1px solid;}

#content .degen .bangvb {margin:10px 0;border-collapse: collapse;}
#content .degen .bangvb td{padding:8px 0;border:#ababab 0px solid;border-bottom:#dddddd 1px solid;}

#content .degen .bang0 {margin:10;border-collapse: collapse;}
#content .degen .bang0 td{padding:0;border:#ababab 0px solid;}

#content .degen .bang2 {width:100% !important;margin:0;border-collapse:collapse;}
#content .degen .bang2 td{width:50% !important;padding:10px;border:#ababab 0px solid;vertical-align:top;}
#content .degen .bang2 td img{display:inline-block;max-width:100%;border:none;}

#content .degen .bang3 {width:100% !important;margin:10px 0;border-collapse:collapse;}
#content .degen .bang3 td{width:33.33333% !important;padding:0;border:#ababab 0px solid;vertical-align:top;}
#content .degen .bang3 td img{display:inline-block;max-width:100%;border:none;}

#content .degen .bang4 {width:100% !important;margin:10px 0;border-collapse:collapse;}
#content .degen .bang4 td{width:25% !important;padding:0;border:#ababab 0px solid;vertical-align:top;}
#content .degen .bang4 td img{display:inline-block;max-width:100%;border:none;}

#content .degen .box600{width:600px !important;margin:0 auto;padding:0;}
#content .degen .box650{width:650px !important;margin:0 auto;padding:0;}
#content .degen .box700{width:700px !important;margin:0 auto;padding:0;}
#content .degen .box750{width:750px !important;margin:0 auto;padding:0;}
#content .degen .box800{width:800px !important;margin:0 auto;padding:0;}
#content .degen .box850{width:850px !important;margin:0 auto;padding:0;}
#content .degen .box900{width:900px !important;margin:0 auto;padding:0;}
#content .degen .box950{width:950px !important;margin:0 auto;padding:0;}
#content .degen .box1000{width:1000px !important;margin:0 auto;padding:0;}
#content .degen .box1100{width:1100px !important;margin:0 auto;padding:0;}

/* END BOX PRO GEN */

#content .tailieu {padding:15px 0 10px;margin:0;}
#content .tailieu .ultailieu{width:100%;padding:0;margin:0;list-style-type:none;}
#content .tailieu .ultailieu li{width:100%;padding:0;margin:0;list-style-type:none;}
#content .tailieu .ultailieu li.head{padding:10px 0;}
#content .tailieu .ultailieu li.head h2{margin:0;padding:0;font:400 18px/25px OpenSansSemiBold;color:#222;text-transform:uppercase;}
#content .tailieu .ultailieu li ul{width:100%;padding:0;margin:0;list-style-type:none;}
#content .tailieu .ultailieu li ul li{width:100%;padding:5px 0;margin:0;list-style-type:none;}
#content .tailieu .ultailieu li ul li a{font:400 14px/20px Arial;color:#222;}
#content .tailieu .ultailieu li ul li a i{padding-right:5px;}
#content .tailieu .ultailieu li ul li a:hover{color:#e72c3f;}
	
/* START BOX NEWS */
#content .mainnews {}
#content .nbox {width:100%;padding:0;margin:0;list-style:none}
#content .nbox li{width:100%;display:inline-block;vertical-align:top;padding:0 0 20px;margin:0 0 20px;border-bottom:#ececec 1px solid;}
#content .nbox li .left {float:left;width:30%;padding:0;}
#content .nbox li .left img{display:block;width:100%;border:none;}
#content .nbox li .right {float:right;width:70%;padding:0 0 0 15px;}
#content .nbox li h2{margin:0 0 8px;padding:3px 0 8px;font:bold 16px/22px HyundaiSansHead;text-transform:uppercase;color:#222;position: relative;}
#content .nbox li h2:before{content: '';background: #1b3868;width:75px;height:3px;position:absolute;bottom:0;left:0;}
#content .nbox li h2 a{color:#222;}
#content .nbox li h2 a:hover{color:#f00;}
#content .nbox li p.updated{margin:0;padding:0;font:400 15px/22px HyundaiSansHead;color:#666;display:none;}
#content .nbox li p.desc{margin:0;padding:0;font:400 16px/22px HyundaiSansHead;color:#444;}

/* CHIA 3 COT */
#content .n3box {width:100%;padding:0;margin:0;list-style:none}
#content .n3box li{display:inline-block;width:32%;padding:0;margin:10px 0 10px 2%;vertical-align:top;
	border-bottom:#ddd 0 dotted;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	}
#content .n3box li:first-child,
#content .n3box li:nth-child(4),
#content .n3box li:nth-child(7),
#content .n3box li:nth-child(10){margin-left:0}

#content .n3box li .thumb {width:100%;padding:0;}
#content .n3box li .thumb img{display:block;width:100%;border:none;
	padding:0px;
	border: 0px solid #ddd;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;	
	}
#content .n3box li h2{
    margin: 0;
    padding: 8px 0 5px 0;
    font: 400 14px/18px OpenSans;
    text-transform: uppercase;
    color: #444;	
	}
#content .n3box li h2 a{color:#444;}
#content .n3box li h2 a:hover{color:#b15c00;}
#content .n3box li p.updated{margin:0;padding:0;font:400 italic 14px/20px 'Arial';color:#666;}
#content .n3box li p.desc{margin:0;padding:5px 0 0 0;font:400 14px/20px OpenSans;color:#444;}

/* END BOX NEWS */

#content .vibox{padding:15px 0 25px;}
#content .vibox iframe{width:100%;height:500px}

#content .vidbox{padding:15px 0 25px;}
#content .vidbox .vicbox{width:80%;margin:0 auto;}
#content .vidbox .vicbox iframe{width:100%;height:400px}

#content .vidbox{padding:15px 5% 25px;}
#content .vidbox .vicbox{
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
	margin:15px 0 5px;
	}
#content .vidbox .vicbox iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;	
	}

/* START GROUP SP */
#content .groupsp{display:block;width:100%;font:400 16px/25px HyundaiSansHead;color:#1b3868;text-align:center;}
#content .groupsp .head{padding:35px 0 45px;}
#content .groupsp .head h1{margin:0;padding:10px 0 30px;font:400 35px/45px HyundaiSansHead;text-align:center;text-transform:uppercase;
    background:url('/images/global/cheadbg.png') no-repeat bottom center;
	}
#content .groupsp ul{width:100%;margin:0 auto;padding:10px 0;list-style:none;}
#content .groupsp ul li{position:relative;width:18.4%;display:inline-block;vertical-align:top;margin:0 0 25px 2%;padding:0;
    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;
	}
#content .groupsp ul li:first-child,
#content .groupsp ul li:nth-child(6),
#content .groupsp ul li:nth-child(11),
#content .groupsp ul li:nth-child(16),
#content .groupsp ul li:nth-child(21),
#content .groupsp ul li:nth-child(26){margin-left:0;}

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

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

#content .groupsp ul li:hover{box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.5);transform: scale(1.1);}
/* END GROUP SP */

/* START CHI TIẾT SP */
#content .headsp{position:relative;width:100%;height:500px;margin:0;padding:0;
	-webkit-user-select: none;
	-moz-user-select: none;  
	user-select: none;
	overflow:hidden;
	}
#content .headsp .thumb{position:absolute;top:0;bottom:0;left:0;right:0;background-size:cover !important;background-position:center !important;}
#content .headsp .srv-sec{width:100%;height:100%;position:relative;background-size:cover;background-position:center top;background-repeat:no-repeat;}
#content .headsp .srv-midl-sec{position: absolute; bottom:0; left: 50%; width: 100%;
	-webkit-transform: translate(-50%, -50%);
    -ms-transform:: translate(-50%, -50%);
    -webkit: translate(-50%, -50%);
    -moz-transform:: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: -webkit-translate(-50%, -50%);
    transform: translate(-50%, -50%);}
#content .headsp .srv-midl-sec div{font:400 40px/50px HyundaiSansHead;color:#fff6ed;letter-spacing:3px;text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);max-width:730px;
  padding:0 15px;text-align: center;margin:0 auto;}
#content .headsp .srv-midl-sec p{font:400 30px/40px HyundaiSansHead;color:#fff6ed;letter-spacing:3px;text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);max-width:730px;
  padding:0 15px;text-align: center;margin:0 auto;} 
#content .headsp .srv-dtl h1{ font-size: 26px; font-weight: 400; color: #ebe6df; letter-spacing: 5px; line-height: 32px; margin-bottom: 28px;}
#content .headsp .srv-btm{width:100%; position: absolute; bottom:30px; left: 50%; z-index: 9;
-webkit-transform: translateX(-50%);
    -ms-transform:: translateX(-50%);
    -webkit: translateX(-50%);
    -moz-transform:: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: -webkit-translateX(-50%);
    transform: translateX(-50%); }

#content .headsp .watch-btn{width:160px; height:30px; background:#00373D; border-radius:5px; line-height: 30px; text-transform: uppercase; margin:30px auto;box-shadow: 0px 2px 3px #001b1e; text-align: center;}
#content .headsp .watch-btn a{color:#FFF6ED; font-size:12px; letter-spacing:1px; font-weight:700;}
.overflow-hidden{overflow:hidden!important;}
.video-player{width:100%;height:100%;}
.video{width:100%;height:100%;
	-o-object-fit: cover;
    object-fit: cover;
    outline: none;
	}
	
#content .consp{position:relative;width:100%;margin:0;padding:0;overflow:hidden;}

#content .consp .cmenu{position:relative;background:#002c5f;width:100%;margin:0;padding:0;overflow:hidden;}
#content .consp .cmenu .ibox{width:1200px;margin:0 auto;}
#content .consp .cmenu .ibox .left{float:left;padding:12px 0 8px;font:400 18px/20px HyundaiSansHead;color:#fff;text-transform:uppercase;}
#content .consp .cmenu .ibox .right{float:right}
#content .consp .cmenu .ibox .right a{display:inline-block;vertical-align:top;padding:10px 8px;font:400 16px/20px HyundaiSansHead;color:#fff;}
#content .consp .cmenu .ibox .right a.active{color:#d00;}

#content .consp .cmenu.cfixed{position:fixed;top:40px;z-index:998;}

#content .consp .overview{position:relative;background:url('/images/global/bgsp.jpg') no-repeat bottom center;width:100%;margin:0;padding:55px 0;
	background-size:cover !important;
	background-repeat:no-repeat !important;
	background-position: 50% 50% !important;
	}
#content .consp .overview .ibox{width:1200px;margin:0 auto;align-items:center;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
	}
#content .consp .overview .ibox .left{padding:0 15px;max-width:33.33333%;-ms-flex-preferred-size:33.33333%;flex-basis:33.33333%;}
#content .consp .overview .ibox .left .head{width:100%;position:relative;margin:0;padding:0 0 15px;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
	}
#content .consp .overview .ibox .left .head b{display:block;-webkit-box-flex:1;-ms-flex:1;flex:1;height:2px;opacity:.1;background-color:#666;}
#content .consp .overview .ibox .left .head span{padding:0 15px;font:700 22px/30px HyundaiSansHead;color:#002c5f;text-transform:uppercase;}

#content .consp .overview .ibox .left .inbox{display:block;width:100%;font:400 16px/28px HyundaiSansHead;color:#444;}
#content .consp .overview .ibox .left .inbox div,
#content .consp .overview .ibox .left .inbox p{margin:0;padding:8px 0;}
#content .consp .overview .ibox .left .inbox a{color:#444;}

#content .consp .overview .ibox .left .inbox ul,
#content .consp .overview .ibox .left .inbox ol{width:auto;margin:10px 0 10px 13px;padding:0;display:inline-block;vertical-align:top;list-style-type:none;}
#content .consp .overview .ibox .left .inbox ul li,
#content .consp .overview .ibox .left .inbox ol li{width:100%;margin:0;padding:0;display:inline-block;vertical-align:top;list-style-type:none;}
#content .consp .overview .ibox .left .inbox ul li:before,
#content .consp .overview .ibox .left .inbox ol li:before{
	position: absolute;
	margin-left:-10px;
	font-family: 'FontAwesome';
	font-size: 13px;
	content: "\f0da";
	color: #666;
}

#content .consp .overview .ibox .left .inbox .gia{padding:0;font:400 20px/30px HyundaiSansHead;}
#content .consp .overview .ibox .left .inbox .gia p,
#content .consp .overview .ibox .left .inbox .gia div{font:400 20px/30px HyundaiSansHead;}
#content .consp .overview .ibox .left .inbox .gia strong{font:bold 26px/30px HyundaiSansHead;color:#f00;}

#content .consp .overview .ibox .left .inbox .ghichu{padding:0;font:400 14px/22px HyundaiSansHead;}
#content .consp .overview .ibox .left .inbox .ghichu p,
#content .consp .overview .ibox .left .inbox .ghichu div{font:400 14px/22px HyundaiSansHead;}
#content .consp .overview .ibox .left .inbox .ghichu strong{font:bold 14px/22px HyundaiSansHead;}

#content .consp .overview .ibox .left .dk{display:block;padding:15px 0 0;text-align:center;}

#content .consp .overview .ibox .left .dk a{display:inline-block;vertical-align:top;margin:0 5px;padding:6px 30px;font:400 16px/20px HyundaiSansHead;color:#fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	overflow:hidden;
	-webkit-transition: border .3s, background .3s, opacity .3s, color .3s, -webkit-transform .3s, -webkit-box-shadow .3s;
    transition: border .3s, background .3s, opacity .3s, color .3s, -webkit-transform .3s, -webkit-box-shadow .3s;
    -o-transition: transform .3s, border .3s, background .3s, box-shadow .3s, opacity .3s, color .3s;
    transition: transform .3s, border .3s, background .3s, box-shadow .3s, opacity .3s, color .3s;
    transition: transform .3s, border .3s, background .3s, box-shadow .3s, opacity .3s, color .3s, -webkit-transform .3s, -webkit-box-shadow .3s;
    text-rendering: optimizeLegibility;
	}
#content .consp .overview .ibox .left .dk a.dk1{background:#002c5f;}
#content .consp .overview .ibox .left .dk a.dk1:hover{background:#002c5f;}
#content .consp .overview .ibox .left .dk a.dk2{background:#ed1c24;}
#content .consp .overview .ibox .left .dk a.dk2:hover{background:#be161d;}
#content .consp .overview .ibox .left .dk a.dk3{background:#ec5803;}
#content .consp .overview .ibox .left .dk a.dk3:hover{background:#bd4602;}

#content .consp .overview .ibox .right{padding:15px;max-width:66.66667%;-ms-flex-preferred-size:66.66667%;flex-basis:66.66667%;}
#content .consp .overview .ibox .right img{display:block;width:100%;border:none}

#content .consp .c360{position:relative;width:100%;margin:0;padding:0;overflow:hidden;border-bottom:rgba(0,0,0,0.1) 2px solid;}
#content .consp .c360 .ibox{width:1200px;margin:0 auto;}
#content .consp .c360 .ibox .head{width:100%;position:relative;margin:0;padding:45px 0;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
	}
#content .consp .c360 .ibox .head b{display:block;-webkit-box-flex:1;-ms-flex:1;flex:1;height:2px;opacity:.1;background-color:#666;}
#content .consp .c360 .ibox .head span{padding:0 15px;font:400 38px/50px HyundaiSansHead;color:#013469;text-transform:uppercase;}
#content .consp .c360 .ibox .inbox{display:block;width:100%;padding:0 0 55px;}

#content .consp .c360 .ibox .inbox .angle-view{display:none;width:100%;margin:0 auto;overflow:hidden;}
#content .consp .c360 .ibox .inbox .angle-view ul, #content .consp .c360 .ibox .inbox #angle-view li{margin:0;padding:0;}
#content .consp .c360 .ibox .inbox .angle-view li{list-style:none;}
#content .consp .c360 .ibox .inbox .angle-view ul{width:max-content;margin:0 auto;}
#content .consp .c360 .ibox .inbox .angle-view img{display:block;width:auto;max-width:100%;border:none;cursor:pointer;}
#content .consp .c360 .ibox .inbox .angle-view h2{margin:0;padding:15px 0;font:400 20px/30px HyundaiSansHead;color:#013469;text-align:center;}

#content .consp .c360 .ibox .inbox .angle-view.angle-active{display:block !important;}

#content .consp .c360 .ibox .inbox .angle-mnu{width:100%;padding:0;}
#content .consp .c360 .ibox .inbox .angle-mnu li{display:inline-block;vertical-align:top;margin:0;padding:0 0 0 10px;list-style:none;}
#content .consp .c360 .ibox .inbox .angle-mnu li:first-child{padding-left:0;}
#content .consp .c360 .ibox .inbox .angle-mnu ul{width:max-content;margin:0 auto;}
#content .consp .c360 .ibox .inbox .angle-mnu div{display:block;width:40px;height:40px;cursor:pointer;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow:hidden;
	}
#content .consp .c360 .ibox .inbox .angle-mnu div img{display:block;width:40px;height:40px;border:none;}

#content .consp .cblock{position:relative;width:100%;margin:0;padding:0;overflow:hidden;border-bottom:rgba(0,0,0,0.1) 2px solid;}
#content .consp .cblock .ibox{width:1200px;margin:0 auto;}
#content .consp .cblock .ibox .head{width:100%;position:relative;margin:0;padding:45px 0;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
	}
#content .consp .cblock .ibox .head b{display:block;-webkit-box-flex:1;-ms-flex:1;flex:1;height:2px;opacity:.1;background-color:#666;}
#content .consp .cblock .ibox .head span{padding:0 15px;font:400 38px/50px HyundaiSansHead;color:#013469;text-transform:uppercase;}
#content .consp .cblock .ibox .inbox{display:block;width:100%;padding:0 0 45px;}

#content .consp .ctech{position:relative;width:100%;background:#eee;margin:0;padding:0 0 45px;overflow:hidden;border-bottom:rgba(0,0,0,0.1) 2px solid;}
#content .consp .ctech .ibox{width:1200px;margin:0 auto;}
#content .consp .ctech .ibox .head{width:100%;position:relative;margin:0;padding:45px 0;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
	}
#content .consp .ctech .ibox .head b{display:block;-webkit-box-flex:1;-ms-flex:1;flex:1;height:2px;opacity:.1;background-color:#666;}
#content .consp .ctech .ibox .head span{padding:0 15px;font:400 38px/50px HyundaiSansHead;color:#013469;text-transform:uppercase;}
#content .consp .ctech .ibox .inbox{display:block;width:100%;}

#content .desp{font:400 17px/26px HyundaiSansHead;color:#1b3868;}
#content .desp h1{font:400 38px/50px HyundaiSansHead;padding:10px 0;}
#content .desp h2{font:400 36px/50px HyundaiSansHead;padding:10px 0;}
#content .desp h3{font:400 34px/40px HyundaiSansHead;padding:5px 0;}
#content .desp h4{font:400 32px/40px HyundaiSansHead;padding:5px 0;}
#content .desp h4{font:400 30px/40px HyundaiSansHead;padding:5px 0;}
#content .desp p,
#content .desp div{padding:5px 0;}
#content .desp a{color:#1b3868;text-decoration:none}
#content .desp a:hover{color:red;}
#content .desp img{display:inline-block;margin:5px 0;max-width:100%;height:auto !important;border:none}
#content .desp table{max-width:100%;}
#content .desp td{padding:3px 5px;}
#content .desp .bang {margin:10px 0;border-collapse: collapse;}
#content .desp .bang td{padding:3px 5px;border:#ababab 1px solid;}
#content .desp .bang0 {margin:10;border-collapse: collapse;}
#content .desp .bang0 td{padding:0;border:#ababab 0px solid;}

#content .desp ul,
#content .desp ol{width:auto;margin:5px 0 5px 13px;padding:0;display:inline-block;vertical-align:top;list-style-type:none;}
#content .desp ul li,
#content .desp ol li{width:100%;margin:0;padding:3px 0;display:inline-block;vertical-align:top;list-style-type:none;}
#content .desp ul li:before,
#content .desp ol li:before{
	position: absolute;
	margin-left:-10px;
	font-family: 'FontAwesome';
	font-size: 13px;
	content: "\f0da";
	color: #666;
}

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

#content .desp .bang2n {margin:0;border-collapse: collapse;}
#content .desp .bang2n td{display:inline-block;vertical-align:top;width:49% !important;margin:0 0 0 2%;padding:10px 0;border:#ababab 0px solid;}
#content .desp .bang2n td:nth-child(odd){margin-left:0;}
#content .desp .bang2n td img{display:inline-block;vertical-align:top;margin:0;width:100%;height:auto;border:none}
#content .desp .bang2n ul{display:block;margin:0 auto;padding:10px 0;list-style:none}
#content .desp .bang2n ul li{width:100%;display:inline-block;vertical-align:top;margin:0;padding:0;}
#content .desp .bang2n ul li a{display:block;margin:0;padding:5px 0;}
#content .desp .bang2n ul li a:hover{color:#ff9900;}

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

#content .desp .thongso {width:100%;margin:0;padding:0;border-color:#e1e1e0;border-collapse:collapse;color:#222;}
#content .desp .thongso th{width:100%;margin:0;padding:10px 15px;background:#f6f3f2;font-size:16px;font-weight:bold;}
#content .desp .thongso td{width:60%;margin:0;padding:10px 15px;}
#content .desp .thongso td:nth-child(odd){width:40%;font-weight:bold;}

#content .desp .nhienlieu {width:100%;margin:0;padding:0;border-color:#e1e1e0;border-collapse:collapse;color:#222;}
#content .desp .nhienlieu th{width:100%;margin:0;padding:10px 15px;background:#f6f3f2;font-size:16px;font-weight:bold;}
#content .desp .nhienlieu td{width:25%;margin:0;padding:10px 15px;}

.size14{font-size:14px;line-height:25px;}
.size15{font-size:15px;}
.size16{font-size:16px;}
.size17{font-size:17px;}
.size18{font-size:18px;}
/* END CHI TIẾT SP */
	
/* START BOX GROUP GENERAL */
#content .boxgroup{display:block;width:100%;font:400 16px/25px HyundaiSansHead;color:#1b3868;}
#content .boxgroup .head{padding:35px 0 45px;}
#content .boxgroup .head h1{margin:0;padding:10px 0 30px;font:400 35px/45px HyundaiSansHead;text-align:center;text-transform:uppercase;
    background:url('/images/global/cheadbg.png') no-repeat bottom center;
	}
#content .boxgroup ul{width:100%;padding:0;margin:0;list-style:none}
#content .boxgroup ul li{width:23.5%;display:inline-block;vertical-align:top;margin:0 0 25px 2%;padding:0;
	background:#fff;
	box-shadow:rgba(0, 0, 0, 0.16) 0px 1px 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;
	}
#content .boxgroup ul li:hover{box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;}

#content .boxgroup ul li:first-child,
#content .boxgroup ul li:nth-child(5){margin-left:0;}
#content .boxgroup ul li .thumb{position:relative;display:block;background-size:cover !important;background-position:50% 50% !important;}
#content .boxgroup ul li .thumb img{display:block;width:100%;border:none;}
#content .boxgroup ul li h2{margin:0;padding:15px 15px;font:400 17px/25px HyundaiSansHead;color:#1b3868;}
#content .boxgroup ul li h2 a{color:#1b3868}
#content .boxgroup ul li h2 a:hover{color:#1b3868;}
/* END BOX GROUP GENERAL */

/* START BOX GENERAL */
#content .maingen{display:block;width:100%;font:400 16px/25px HyundaiSansHead;color:#1b3868;}
#content .maingen .head{padding:35px 0 45px;}
#content .maingen .head h1{margin:0;padding:10px 0 30px;font:400 35px/45px HyundaiSansHead;text-align:center;text-transform:uppercase;
    background:url('/images/global/cheadbg.png') no-repeat bottom center;
	}
#content .boxgen{font:400 17px/26px HyundaiSansHead;color:#1b3868;}
#content .boxgen .title{padding:10px 0;font:400 26px/30px HyundaiSansHead;}
#content .boxgen .updated {padding:0 0 4px;font:400 italic 15px/15px Arial;}
#content .boxgen .updated img{display:inline-block;margin:0 0 0 6px}
#content .boxgen .desc{padding:5px 0;font:400 16px/22px HyundaiSansHead;}
#content .boxgen .source{padding:10px 0 0 0;font:400 italic 14px/22px HyundaiSansHead;text-align:right}
#content .boxgen h1{font:26px/30px HyundaiSansHead;padding:5px 0;}
#content .boxgen h2{font:24px/28px HyundaiSansHead;padding:5px 0;}
#content .boxgen h3{font:22px/26px HyundaiSansHead;padding:5px 0;}
#content .boxgen h4{font:20px/26px HyundaiSansHead;padding:5px 0;}
#content .boxgen p,
#content .boxgen div{padding:5px 0;}
#content .boxgen a{color:#1b3868;text-decoration:none}
#content .boxgen a:hover{color:red;}
#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 ul,
#content .boxgen ol{width:auto;margin:5px 0 5px 13px;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;}
#content .boxgen ul li:before,
#content .boxgen ol li:before{
	position: absolute;
	margin-left:-10px;
	font-family: 'FontAwesome';
	font-size: 13px;
	content: "\f0da";
	color: #666;
}

#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 .share{padding:10px 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 HyundaiSansHead, 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 HyundaiSansHead, 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 Arial;text-decoration:none;color:#222;}
#sitemap li a:hover{text-decoration:underline}

#sitemap li ul {padding: 0 0 5px 30px}
#sitemap li ul li{padding:5px 0 5px 0;}
#sitemap li ul li a{font:400 14px/18px Arial;text-decoration:none;color:#222;}
#sitemap li ul li a:hover{text-decoration:underline}

#sitemap li ul li ul {padding: 0 0 5px 30px}
#sitemap li ul li ul li{padding:5px 0 5px 0;}
#sitemap li ul li ul li a{font:400 14px/18px Arial;text-decoration:none;color:#222;}
#sitemap li ul li ul li a:hover{text-decoration:underline}

/* START GROUP LIST */
#fgroup{width:1200px;padding:0 0 10px 0;margin:0 auto;list-style:none;}
#fgroup li{
	margin:0;
	padding: 0 10px 0;
	list-style:none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	}
#fgroup li.section-1{padding:0;}
#fgroup li.section-1 .section-title{margin:0 0 20px 0;padding:0;border-bottom: 1px solid #dea52a;}
#fgroup li.section-1 .section-title h2{margin:0;padding:0;font:400 22px/36px "Helvetica Neue",Arial;text-transform:uppercase;color:#666;}
/* END GROUP LIST */

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

/* START FOOTER */
/*#foot{position:relative;margin:0;padding:35px 0 25px;background: url("/images/global/bg-ft.png") no-repeat;background-size:cover;z-index:1;}*/
#foot{position:relative;margin:0;padding:35px 0 25px; z-index: 1;}
#foot:before{background:rgba(0,0,0,0.95);position:absolute;top:0;bottom:0;left:0;right:0;content:'';z-index:2;}
#foot .box{position:relative;width:1200px;margin:0 auto;padding:0;z-index:3;}

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

#foot .box ul li div.head{padding:0 0 12px;font:400 18px/25px HyundaiSansHead;color:#fff;text-transform:uppercase}
#foot .box ul li div.head a{color:#fff;}
#foot .box ul li div.head a:hover{color:#fff;}

#foot .box ul li .info {display:block;font:400 16px/22px HyundaiSansHead;color:#fff;}
#foot .box ul li .info div,
#foot .box ul li .info p{display:block;padding:3px 0;margin:0;font:400 16px/22px HyundaiSansHead;color:#fff;}
#foot .box ul li .info a{font:400 16px/22px HyundaiSansHead;color:#fff;}

#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,
#foot .box ul li ul li:last-child{width:100%;}
#foot .box ul li ul li a{display:block;font:400 16px/22px HyundaiSansHead;color:#fff;}
#foot .box ul li ul li a:hover{color:#fff;}
#foot .box ul li ul li a i{padding-right:8px;font-size:16px;}

#foot .box ul li ul li.sp{display:inline-block;width:50%;margin:0;padding:5px 0;vertical-align:top;}
#foot .box ul li ul li.sp:first-child,
#foot .box ul li ul li.sp:last-child{width:50%;}
#foot .box ul li ul li.sp a{display:block;font:400 16px/22px HyundaiSansHead;color:#fff;}
#foot .box ul li ul li.sp a:hover{color:#fff;}
#foot .box ul li ul li.sp 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 16px/22px HyundaiSansHead;color:#fff;vertical-align:top;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:bold 16px/22px HyundaiSansHead;color:#fff;}
#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 16px/22px HyundaiSansHead;color:#fff;}
#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:4px 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 HyundaiSansHead,sans-serif;color:#fff;}
#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 16px/22px HyundaiSansHead;color:#fff;}
#foot .box ul li ul.office li p span{font:bold 16px/22px HyundaiSansHead;}
#foot .box ul li ul.office li a{display:inline-block;vertical-align:top;font:400 16px/22px HyundaiSansHead;color:#fff;}
#foot .box ul li ul.office li a:hover{color:#fff;}

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

#chat {
    position: fixed;
    bottom: 85px;
	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 HyundaiSansHead;
    padding:0 15px 0 50px;
    margin:3px 0;
}
.fone:hover{color:#fff;}
.fix_tel {position:fixed;bottom:30px;left:10px;z-index:998;}
.fix_tel 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 */

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

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

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

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

#herrormsg {width:100%;padding:20px 0 0;font:400 12px/12px Verdana;color:#fff;text-align:center;}
.herrormsg-title {width:100%;padding:20px 0 0;font:400 12px/12px Verdana;color:#fff;text-align:center;}

#errormsg {width:100%;padding-top:50px;padding-bottom:50px;font:400 16px/22px HyundaiSansHead;color:#454545;text-align:center;}
#errormsg p{margin:0;padding:5px 0;font:400 16px/22px HyundaiSansHead;color:#454545;text-align:center;}
#errormsg p.xacminh{margin:0;padding:5px 0;font:400 16px/22px HyundaiSansHead;color:#454545;}
#errormsg p.xacminh a{font:400 16px/22px HyundaiSansHead;color:#00759c;}
#errormsg p.xacminh a:hover{color:#ff0000;}
#errormsg span{font:700 14px/22px 'HyundaiSansHead', sans-serif;color:#454545;}
.errormsg-title {width:100%;padding:30px 0 10px;font:700 15px/22px 'HyundaiSansHead', sans-serif;color:#444;text-align:center;text-transform:uppercase}
.errormsg-error{margin:0;padding:5px 0;font:700 15px/22px 'HyundaiSansHead', sans-serif;color:#222;text-align:left;}
.errormsg-message{margin:0;padding:5px 0 30px;font:400 16px/22px HyundaiSansHead;color:#ff0000;text-align:left;}

#herrormsg {width:100%;padding-top:50px;padding-bottom:50px;font:400 16px/22px HyundaiSansHead;color:#fff;text-align:center;}
#herrormsg p{margin:0;padding:5px 0;font:400 16px/22px HyundaiSansHead;color:#fff;text-align:center;}
#herrormsg p.xacminh{margin:0;padding:5px 0;font:400 16px/22px HyundaiSansHead;color:#fff;}
#herrormsg p.xacminh a{font:400 16px/22px HyundaiSansHead;color:#fff;}
#herrormsg p.xacminh a:hover{color:#fff;}
#herrormsg span{font:700 14px/22px 'HyundaiSansHead', sans-serif;color:#fff;}
.herrormsg-title {width:100%;padding:30px 0 10px;font:700 15px/22px 'HyundaiSansHead', sans-serif;color:#fff;text-align:center;text-transform:uppercase}
.herrormsg-error{margin:0;padding:5px 0;font:700 15px/22px 'HyundaiSansHead', sans-serif;color:#fff;text-align:left;}
.herrormsg-message{margin:0;padding:5px 0 30px;font:400 16px/22px HyundaiSansHead;color:#fff;text-align:left;}

#bookmsg {width:100%;font:400 16px/22px HyundaiSansHead;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;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	}
#bookmsg h2{margin:0;padding:5px 0;font:400 18px/22px 'HyundaiSansHead', sans-serif;color:#b70017;}
#bookmsg p{margin:0;padding:5px 0;font:400 16px/22px HyundaiSansHead;color:#454545;}
#bookmsg p a{font:400 16px/22px HyundaiSansHead;color:#007ff0;}
#bookmsg p a:hover{text-decoration:none}
#bookmsg p span{color:#58b712;}
#bookmsg div{margin:0;padding:5px 0;font:400 16px/22px HyundaiSansHead;color:#454545;}
#bookmsg div span{display:inline-block;background:#58b712;padding:10px 25px;font:400 18px/22px 'HyundaiSansHead', sans-serif;color:#fff;}

#mainlink {margin:20px 0 5px;padding:0;text-align:center;}
#mainlink a {
	background-color:#fff;
	font:400 16px/22px Arial;
	color: #333;
	margin: 0px 4px;
	padding: 3px 0;
	min-width:30px;
	display:inline-block;
	text-align: center;
	text-decoration:none;
	border:#ccc 1px solid;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-decoration: none;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	}
#mainlink a:hover{background-color:#e6e6e6;border:#adadad 1px solid;color: #333;}
#mainlink a.active {
	background-color:#e72c3f;
	font:400 16px/22px Arial;
	color: #fff;
	margin: 0px 4px;
	padding: 3px 0;
	min-width:30px;
	display:inline-block;
	text-align: center;
	text-decoration:none;
	border:#e72c3f 1px solid;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-decoration: none;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	}
#mainlink a.active:hover{background-color:#c9302c;border:#ac2925 1px solid;color: #fff;}

/* START BOX ENQUIRE */
.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 HyundaiSansHead;
    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 HyundaiSansHead;
    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 HyundaiSansHead;
    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 HyundaiSansHead;
    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 HyundaiSansHead;
    color: #222;
    height: auto;
    width:80%;
    padding: 15px 20px;
    border-radius: 4px;
	top:100px;
    /*top: 50% !important;*/
    left: 50% !important;
    transform: translate(-50%,0) !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 .reg5left{width:65%;display:inline-block;vertical-align:top;}
#reg5 .reg5right{width:35%;display:inline-block;vertical-align:top;padding-left:20px;}
#reg5 .reg5right .thumb {display: block;position:relative;text-align: center;width: 100%;overflow:hidden;}
#reg5 .reg5right .thumb img{display:block;width: 100%;border:none;}
#reg5 .reg5right .info {position:relative;padding:5px 0;}
#reg5 .reg5right .info h2{margin:3px 0;padding:0;font:400 14px/22px 'HyundaiSansHead', sans-serif;color:#666;text-align:center}
#reg5 .reg5right .info h2 a{font:400 14px/22px 'HyundaiSansHead', sans-serif;color:#666}
#reg5 .reg5right .info h2 a:hover{color:#222;}
#reg5 .reg5right .info p{position:relative;margin:0;padding:3px 0;font:400 13px/20px OpenSans;color:#666;text-align:center;}
#reg5 .reg5right .info span.oprice{position:absolute;left:0;top:3px;font:400 14px/20px 'HyundaiSansHead', sans-serif;color:#ef4248;text-decoration:line-through}
#reg5 .reg5right .info span.price{font:900 16px/20px 'HyundaiSansHead', sans-serif;color:#f00;}	

.regclose{
    position: absolute;
    font-size: 20px;
    right: 20px;
    top: 15px;
    opacity: 1;
    cursor: pointer;
}
.regheading{
    font:600 18px/20px HyundaiSansHead;
	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:400 14px/20px HyundaiSansHead;color:#222;}
#regbody ul li.li50{display:inline-block;width:50%;margin:0;padding:5px 1%;list-style:none;vertical-align:top;font:400 14px/20px HyundaiSansHead;color:#222;}
#regbody ul li.li11{width:30%;margin:0;padding:5px 1%;}
#regbody ul li.li12{width:70%;margin:0;padding:5px 1%;}
#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:400 14px/20px HyundaiSansHead;color:#222;}
#regbody ul li p span {color: #ff0000;}

#regbody ul li.li11 p{margin:0;padding:8px 0 6px;font:400 14px/20px HyundaiSansHead;color:#222;}
#regbody ul li.li11 p span {color:#ff0000;}

#regbody ul li div{margin:0;padding:0;font:400 14px/20px HyundaiSansHead;color:#222;}

#regbody ul li i{display:block;opacity:.5;padding:5px 5px 8px;font:400 italic 12px/12px HyundaiSansHead;color:#fff;}
#regbody ul li i{
    display: block;
    vertical-align: top;
    padding: 5px 0 0 3px;
    font: 400 12px/12px HyundaiSansHead;
    color: #f00;
}

#regbody ul li #ketqua{
    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 'HyundaiSansHead', sans-serif;
    color: #555;
}
#regbody ul li #kqlai{
    width: 100%;
    margin:0;
    padding:20px 0 0;
	font:400 14px/20px 'HyundaiSansHead', sans-serif;
    color: #555;
}
#regbody ul li #ketqua ul{width:100%;padding:10px 0;margin:0;list-style:none;}
#regbody ul li #ketqua ul li{display:inline-block;width:50%;margin:0;padding:5px 5%;list-style:none;vertical-align:top;font:400 14px/20px HyundaiSansHead;color:#222;text-align:left;}
#regbody ul li #ketqua ul li:nth-child(even){text-align:right}
#regbody ul li #ketqua ul li span{font:400 14px/20px HyundaiSansHead;}
#regbody ul li #ketqua ul li b{font:400 14px/20px HyundaiSansHead;color:#f00;}

#regbody ul li #ketqua 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 HyundaiSansHead;color:#222;}

#regbody ul li #kqlai table{width:100%;margin:0;border-collapse:collapse;}
#regbody ul li #kqlai table td{width:19%;padding:3px 5px;border:#ababab 1px solid;font:400 14px/20px HyundaiSansHead;color:#222;}
#regbody ul li #kqlai table td:first-child{width:12%}
#regbody ul li #kqlai table td:last-child{width:12%}

#regbody ul li #kqlai ul{display:block;width:100%;padding:0;margin:0;list-style:none;text-align:left;}
#regbody ul li #kqlai ul li{display:inline-block;width:auto;margin:0;padding:15px 20px;list-style:none;vertical-align:top;font:400 14px/20px HyundaiSansHead;color:#222;}
#regbody ul li #kqlai ul li:first-child{padding-left:0;}
	
#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 'HyundaiSansHead', 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;
}

#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 'HyundaiSansHead', sans-serif;
	color:#555;
	
	-webkit-transition:all 150ms linear 10ms;
	-moz-transition:all 150ms linear 10ms;
	-ms-transition:all 150ms linear 10ms;
	-o-transition:all 150ms linear 10ms;
	transition:all 150ms linear 10ms;

}

::placeholder {font-size:14px;color:#d4d4d4;opacity: 1;}
:-ms-input-placeholder {font-size:14px;color:#d4d4d4;}
::-ms-input-placeholder {font-size:14px;color:#d4d4d4;}

#regbody input[type="radio"] {
	display:inline-block;
    outline: 0;
    margin: 0;
    padding: 5px 10px;
	font:400 15px/22px 'HyundaiSansHead', 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;
}
#regbody input[type="button"] {
	display:inline-block;
	width:auto;
	background:#f00;
	border:#f00 1px solid;
	outline:none;
	margin:0;
	padding:6px 25px;
	font: 400 14px/20px 'HyundaiSansHead', sans-serif;
	text-transform:uppercase;
	color:#fff;
	text-align:center;
	cursor:pointer;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-transition:all 150ms linear 10ms;
	-moz-transition:all 150ms linear 10ms;
	-ms-transition:all 150ms linear 10ms;
	-o-transition:all 150ms linear 10ms;
	transition:all 150ms linear 10ms;
}

#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 HyundaiSansHead;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 16px/22px HyundaiSansHead;}
#form .formdetail p{font: 400 14px/18px HyundaiSansHead;padding:3px 0;}
#form .formdetail span{font: 400 14px HyundaiSansHead;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 15px/16px HyundaiSansHead;}
#form .formbox .formleft{float:left;width:30%;padding:9px 0;font:400 16px/22px HyundaiSansHead;color:#333;}
#form .formbox .formleft span{color:#ff0000}
#form .formbox .formright{float:right;width:70%;padding:3px 0;font:400 16px/22px HyundaiSansHead;color:#333;}
#form .formbox .formright span{display:block;padding:5px 0 0 5px;font:400 14px HyundaiSansHeadf;color:#f00;}
#form .formbox .formright a{font:400 16px/22px HyundaiSansHead;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-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-appearance: none;
    border: #ccc 1px solid;
    outline: 0;
    margin: 0;
    padding: 5px 10px;
	font:400 15px/22px HyundaiSansHead;
    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-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-appearance: none;
    background-color: rgba(255,255,255,1);
    border: #ccc 1px solid;
    outline: 0;
    margin: 0;
    padding: 5px 10px;
	font:400 15px/22px HyundaiSansHead;
	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 HyundaiSansHead;
	color:#555;

	-webkit-transition:all 150ms linear 10ms;
	-moz-transition:all 150ms linear 10ms;
	-ms-transition:all 150ms linear 10ms;
	-o-transition:all 150ms linear 10ms;
	transition:all 150ms linear 10ms;
}
#form .formbox input[type="button"] {
	display:inline-block;
	width:auto;
	background:#f00;
	border:#f00 1px solid;
	margin:5px 0 0;
	padding:6px 25px;
	font: 400 14px/20px HyundaiSansHead;
	text-transform:uppercase;
	color:#fff;
	text-align:center;
	cursor:pointer;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-transition:all 150ms linear 10ms;
	-moz-transition:all 150ms linear 10ms;
	-ms-transition:all 150ms linear 10ms;
	-o-transition:all 150ms linear 10ms;
	transition:all 150ms linear 10ms;
}

#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 */

#top {
    position: fixed;
    bottom: 40px;
    right: 1em;
    /*background: #7e1d0c;
    font-size: 12px;
	color: #fff;
	text-decoration: none;*/
    padding:0;
	width:32px;
	height:auto;
    display: none;
    border-radius: 4px;
    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;
}
#top img{display:block;width:32px;border:none;}
#top:hover{}

/* START MANG XH */
a.vs-social-link {
  background: #105caa;
  width: 30px;
  display: inline-block;
  text-align: center;
  margin: 0 5px 0 0;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -khtml-border-radius: 15px;
  border-radius: 15px;
  -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:18px;
  color: #fff;
  margin: 4px 0;
  padding:3px 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 {
  background: #0066b3;
}
a.vs-social-link.facebook {
  background: #0066b3;
}
a.vs-social-link.twitter {
  background: #0066b3;
}
a.vs-social-link.google {
  background: #0066b3;
}
a.vs-social-link.linkedin {
  background: #0066b3;
}
a.vs-social-link.youtube {
  background: #0066b3;
}
a.vs-social-link-b.pinterest {
  background: #0066b3;
}
a.vs-social-link:last-child {
  margin: 0;
}
a.vs-social-link:hover {
  background: #0672c4;
}
a.vs-social-link:hover i {
  color: #fff;
}

a.vs-social-link i.icon-zalo{background:url('/images/global/icon-zalo.png') no-repeat center;background-size:30px 30px;
	width: 30px;
    height: 30px;
    margin: 0;
    padding: 0 0 0 8px !important;
	}
/* BOTTOM */

a.vs-social-link-b {
  background: #105caa;
  width: 34px;
  display: inline-block;
  text-align: center;
  margin: 3px 8px 0 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
a.vs-social-link-b i {
  font-size:15px;
  color: #fff;
  margin: 6px 0;
  display: block;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
a.vs-social-link-b.rss-b {
  background: #ee6d12;
}
a.vs-social-link-b.facebook-b {
  background: #39517b;
}
a.vs-social-link-b.twitter-b {
  background: #4ec5ec;
}
a.vs-social-link-b.google-b {
  background: #dc1b18;
}
a.vs-social-link-b.linkedin-b {
  background: #2f5d93;
}
a.vs-social-link-b.youtube-b {
  background: #bd1111;
}
a.vs-social-link-b.pinterest-b {
  background: #fe0000;
}
a.vs-social-link-b:last-child {
  margin: 0;
}
a.vs-social-link-b:hover {
  background: #fff;
}
a.vs-social-link-b:hover i {
  color: #4f5972;
}
/* END MANG XH */

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

#button-contact-vr {
    position: fixed;
    bottom: 0;
    z-index: 99999;
}
/*phone*/
#button-contact-vr .button-contact {
    position: relative;
}
#button-contact-vr .button-contact .phone-vr {
    position: relative;
    visibility: visible;
    background-color: transparent;
    width: 90px;
    height: 90px;
    cursor: pointer;
    z-index: 11;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transition: visibility .5s;
    left: 0;
    bottom: 0;
    display: block;
}
.phone-vr-circle-fill {
    width: 65px;
    height: 65px;
    top: 12px;
    left: 12px;
    position: absolute;
    box-shadow: 0 0 0 0 #c31d1d;
    background-color: rgba(230, 8, 8, 0.7);
    border-radius: 50%;
    border: 2px solid transparent;
    -webkit-animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
    animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animuiion: zoom 1.3s infinite;
    animation: zoom 1.3s infinite;
}
.phone-vr-img-circle {
    background-color: #e60808;
    width: 40px;
    height: 40px;line-height: 40px;
    top: 25px;
    left: 25px;
    position: absolute;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation: phone-vr-circle-fill 1s infinite ease-in-out;
}
.phone-vr-img-circle a {
    display: block;
    line-height: 37px;
}
.phone-vr-img-circle img {
    max-width: 25px;vertical-align: middle;
}
@-webkit-keyframes phone-vr-circle-fill {
  0% {-webkit-transform: rotate(0) scale(1) skew(1deg);  }
  10% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);}
  20% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);}
  30% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);}
  40% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);}
  50% {-webkit-transform: rotate(0) scale(1) skew(1deg);}
  100% {-webkit-transform: rotate(0) scale(1) skew(1deg);}
}
@-webkit-keyframes zoom{0%{transform:scale(.9)}70%{transform:scale(1);box-shadow:0 0 0 15px transparent}100%{transform:scale(.9);box-shadow:0 0 0 0 transparent}}@keyframes zoom{0%{transform:scale(.9)}70%{transform:scale(1);box-shadow:0 0 0 15px transparent}100%{transform:scale(.9);box-shadow:0 0 0 0 transparent}}
.phone-bar a {
    position: fixed;
    bottom: 25px;
    left: 30px;
    z-index: -1;
    background: rgb(232, 58, 58);
    color: #fff;
    font-size: 16px;
    padding: 8px 15px 7px 50px;
    border-radius: 100px;white-space: nowrap;
}
.phone-bar a:hover {
    opacity: 0.8;color: #fff;
}
@media(max-width: 736px){
    .phone-bar{display: none;}
}

#zalo-vr .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 #2196F3;
    background-color: rgba(33, 150, 243, 0.7);
}
#zalo-vr .phone-vr-img-circle {
    background-color: #2196F3;
}
#viber-vr .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 #714497;
    background-color: rgba(113, 68, 151, 0.8);
}
#viber-vr .phone-vr-img-circle {
    background-color: #714497;
}
#contact-vr .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 #2196F3;
    background-color: rgba(33, 150, 243, 0.7);
}
#contact-vr .phone-vr-img-circle {
    background-color: #2196F3;
}

.zalo-chat-widget{bottom: 100px !important; right: 25px !important;}

@media (max-width:1950px){

	#sliderh {max-height:570px}
	
}

@media (max-width:1650px){
	
	#sliderh {max-height:490px}
	
}

@media (max-width:1366px){
	
	#sliderh {max-height:405px}
	
}

@media (max-width:1280px){
	
	#sliderh {max-height:380px}

	#ptop .box,
	#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,
	#foot .box,
	#navi .navibox,
	#content .conbox,
	#content .divpro .protop .box,
	#content .menuScroll .divFixed .wrapper,
	#content .divpro .procon,
	#content .proother,
	#content .proview,
	#content div.home ul li.dichvu .dvbox,
	#content .consp .overview .ibox,
	#content .consp .c360 .ibox,
	#content .consp .cblock .ibox,
	#content .consp .ctech .ibox{width:96%;}
	
	#header .box,
	#content div.home ul li.formdv .box{width:100%;}
	
	#header .box .sebox{right:10px;}

	#content .degen .bang2 td,
	#content .degen .bang3 td,
	#content .degen .bang4 td{padding:5px;}
		
}

@media (max-width:1024px){

	#sliderh {max-height:302px}
	
}

@media (max-width:900px){

	#sliderh {max-height:265px}

	.spfull{position:relative !important;}
	.menu .full_width{padding:0;}
	.menu .mega_menu .portfolio li{width:100% !important;margin:0 !important;padding:0;}
	.menu .mega_menu .portfolio li p{padding:0 15px;}
	.menu .mega_menu .portfolio li p a{text-align:left;}

	#content div.home ul li.formdv .box{padding:25px 25px 25px 0;}

	#foot .box ul li{width:25%;}
	#foot .box ul li:first-child{width:46%;}

	#reg1,
	#reg2,
	#reg3,
	#reg4 {
		width: 96%;
		padding: 15px 15px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}

	#content .degen .box600,
	#content .degen .box650,
	#content .degen .box700,
	#content .degen .box750,
	#content .degen .box800,
	#content .degen .box850,
	#content .degen .box900,
	#content .degen .box950,
	#content .degen .box1000,
	#content .degen .box1100{width:98% !important}
		
}

@media (max-width:768px){

	#sliderh {max-height:225px}
	
	#content div.home ul li.formdv .box{display:block;}
	#content div.home ul li.formdv .box{width:100%;padding:15px;}
	#content div.home ul li.formdv .box .fdvright{width:100%;padding:15px;text-align:center;}
	
	#content div.home ul li.overview .ovbox{display:block;padding:0 10px}
	#content div.home ul li.overview .ovbox .info{width:100%;}
	#content div.home ul li.overview .ovbox .thumb{width:100%;padding:25px 0 0;}

	#content .conbox{display:block}
	#content .conbox .coleft{width:100%;padding:0;border-right:none;}
	#content .conbox .coright{width:100%;padding:20px 0 0;}
	#content .conbox .coright .ibook{margin:0;}
	#content .conbox .coright .inews{display:none;}
	
	#content div.conbox .left{width:100%;padding:0 0 25px;}
	#content div.conbox .right{width:100%;}

}

@media (max-width:640px){

	#sliderh {max-height:188px}
	
	#ptop .box .left img{height:20px;}
	#ptop .box .right{padding:16px 0 0;font:bold 20px/30px HyundaiSansHead;}
	
	#content div.home ul li.pgroup ul li{width:48%;margin: 0 0 25px 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 .groupsp ul li{width:48%;margin: 0 0 25px 4%;}
	#content .groupsp ul li:nth-child(odd){margin-left:0;}
	#content .groupsp ul li:nth-child(even){margin-left:4%;}
	
	#content div.home ul li.dichvu .dvbox .tbox ul li{width:100%;margin:0 0 25px;}
	#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;}
		
	#content .pro li{width:48%;margin:25px 0 0 4%;}
	#content .pro li:nth-child(odd){margin-left:0;}
	#content .pro li:nth-child(even){margin-left:4%;}

	#content div.home ul li.pgroup .head h2,
	#content div.home ul li.dichvu .dvbox .head h2,
	#content div.home ul li.overview .head h2,
	#content div.home ul li.ngroup .nbbox .head span{font:400 30px/40px HyundaiSansHead;}
	
	#content div.home ul li.dichvu .dvbox .head::before,
	#content div.home ul li.ngroup .nbbox .head::before{display:none}

	#content .degen .bang2 td,
	#content .degen .bang3 td,
	#content .degen .bang4 td{display:inline-block;width:100% !important;}

	#content .divpro .protop .left{width:100%;}
	#content .divpro .protop .right{width:100%;padding:15px 0 0;}
	#content .divpro .protop .right h1{font:bold 25px/30px HyundaiSansHead;}
	#content .menuScroll .divFixed .wrapper ul li a{padding:5px 12px;font:bold 15px/30px HyundaiSansHead;}

	#content .headsp{height:200px;}
	#content .headsp .srv-midl-sec{display:none}
	#content .consp .cmenu{overflow-x:scroll;}
	#content .consp .cmenu .ibox .left{display:none;}
	#content .consp .cmenu .ibox .right{float:none;}
	#content .consp .cmenu .ibox .right a{padding:10px 12px;font:400 18px/25px HyundaiSansHead;}
	#content .consp .overview .ibox .left{padding:0 0 15px;max-width:100%;-ms-flex-preferred-size:100%;flex-basis:100%;}
	#content .consp .overview .ibox .right{padding:0;max-width:100%;-ms-flex-preferred-size:100%;flex-basis:100%;}

	#content .desp .bang2n td,
	#content .desp .bang3n td{width:100% !important;margin:0;}

	#content .desp h1{font:400 30px/40px HyundaiSansHead;}
	#content .desp h2{font:400 28px/40px HyundaiSansHead;}
	#content .desp h3{font:400 26px/35px HyundaiSansHead;}
	#content .desp h4{font:400 24px/35px HyundaiSansHead;}
	#content .desp h4{font:400 22px/35px HyundaiSansHead;}

	#content .consp .cblock .ibox .head span{font:400 30px/40px HyundaiSansHead;}
	
	#content .consp .c360 .ibox .inbox .angle-view ul{width:100%;}

	#content .consp .c360 .ibox .inbox .angle-mnu div{width:35px;height:35px;}
	#content .consp .c360 .ibox .inbox .angle-mnu div img{width:35px;height:35px;}
	
	#anhbn .head span{font:400 25px/30px HyundaiSansHead;}
	#anhbn .head i{font:400 25px/30px HyundaiSansHead;}
	
	#content .boxgroup ul li{width:100%;margin:0 0 25px;}
	
	.menu .mega_menu .portfolio li{width:50% !important;}
	.menu .mega_menu .portfolio li p{padding:0 10px;}
	.menu ul li a{padding:6px 15px !important;font: 400 13px/28px HyundaiSansHead, Arial !important;}
	.menu .mega_menu .portfolio li p a{padding:6px 10px !important;}

	.menu .full_width{text-align:left;}
				
}

@media (max-width:580px){
	
	#sliderh {max-height:188px}
	
}

@media (max-width:480px){
	
	#sliderh {max-height:139px}
	
	#ptop .box .left{padding:15px 0 10px;width:100%;text-align:center;}
	#ptop .box .left img{display:inline-block;height:25px;}
	#ptop .box .right{display:none;width:100%;padding:0;font:bold 20px/30px HyundaiSansHead;text-align:center;}

	.rsMinW .rsArrow{display:none !important;}
	
	#content div.home ul li.formdv .box .ibox ul li{width:100%;margin:0;padding:0;}
	#content div.home ul li.formdv .box .ibox ul li:first-child{width:100%;}
	#content div.home ul li.formdv .box .ibox ul li.submit{padding:5px 0;}

	#content div.home ul li.pgroup .head::before{display:none}
	#content div.home ul li.overview .head::before{display:none}

	#content .nbox li .left{width:100%;padding:0;}
	#content .nbox li .right{width:100%;padding:12px 0 0;}

	#content .divpro .protop .right .procart{padding:15px 0 0;text-align:center;}
	#content .divpro .protop .right .procart span.dcart{margin:5px;padding:5px 8px;}

	#foot .box ul li{width:100%;margin:0;padding:10px 2%;}
	#foot .box ul li:first-child{width:100%;padding:10px 2%;}
	#foot .box ul li ul li:first-child{width:100%;padding:5px 0;}
	#foot .box ul li ul.office li:first-child{padding: 5px 0 5px 25px;}
	#foot .box ul li:last-child{width:100%;}
	
	#regbody ul li {width:100%;}
	
	#reg1,
	#reg2,
	#reg3,
	#reg4{
		width: 96%;
		top: 65% !important;
		left: 50% !important;
		transform: translate(-50%, -50%) !important;
	}

	#reg5 {
		width: 96%;
		left: 50% !important;
		transform: translate(-50%, -50%) !important;
	}
	#reg5 .reg5left{width:100%;}
	#reg5 .reg5right{width:100%;padding:15px 0;}
	
	#regbody ul li.li50 {width:100%;}
	
}

@media (max-width:420px){

	#sliderh {max-height:121px}
	
	#form .formbox .formleft{width:100%;padding:3px;}
	#form .formbox .formright{width:100%;padding:3px 0;}
		
}

@media (max-width:400px){
	
	#sliderh {max-height:115px}
	
}

/*CSS by Kenvin*/
.pluginSkinLight.pluginFontHelvetica ._42ef _8u{display: none;}
p{font-family: HyundaiSansHead;}
@media (min-width: 680px){
	.iframe_by_kenvin{width: 600px;height:330px;}
}
@media (max-width: 320px){
	#content div.home ul li.pgroup .head h2,
	#content div.home ul li.dichvu .dvbox .head h2,
	#content div.home ul li.overview .head h2,
	#content div.home ul li.ngroup .nbbox .head span{font-size: 22px !important;}
	
	/* gioi thieu */
	#content .maingen .head h1{font-size:24px;}
	#content .boxgen h2{font-size: 26px;line-height: 38px;}
	/* trang xe*/
	#content .consp .ibox .head span{font-size: 24px !important;}
	#content .desp h2{font-size: 24px;}
	/*dich vu bao duong*/
	.iframe_by_kenvin{width:100% !important; height: 320px !important;}
}

.bct{display: none !important;}