*{
	font-family: Arial;	
}
:active, :focus{
	outline: none;
}
a{
	color: #3E3E3E;
	text-decoration: none;
}
a:hover{
	color: #ed2d17;
	text-decoration: none;
}
body{
	color: #000000;
	font-size: 13px;
}
.cls {
    clear: both;
    line-height: 0;
    font-size: 0;
    height: 0;
    float: none;
}
body, h1, h2, h3, h4, h5, h6, form, input, select, ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
h1{
	font-size: 20px;
}
h2{
	font-size: 14px;
}
h3{
	font-size: 14px;
}
h4{
	font-size: 12px;
}
img{
	border: none;
	-ms-interpolation-mode: bicubic;
}
input[type="checkbox"]{
	margin-right: 3px;
	vertical-align: text-top;
}
input[type="button"], input[type="submit"]{
	cursor: pointer;
}
p{
	margin: 5px 0;
}
p.p_first{
	margin-top: 0;
}
p.p_last{
	margin-bottom: 0;
}
table{
	border-collapse: separate;
	border-spacing: 0;
}

.container_background{
	background: #FFF;
}

.break_line, .break_module, .break_module_line, .break_content, .break_content_line, .clear{
	background: transparent;
	display: block;
	clear: both;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
}
.break_line, .break_module_line, .break_content_line{
	background: url(line_h.gif) repeat-x center;
}
.break{
	height: 6px;
}
.break_content{
	height: 24px;
}
.break_line{
	height: 13px;
}
.break_module{
	height: 12px;
}
.break_module_line{
	height: 25px;
}
.clear{
	height: 0;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.hidden{
	display: none;
}
.backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
	filter: alpha(opacity=50);
	opacity: .5;
	background-color: #000;
}


/*** Configuration Layout ***/
#container_body{
	background-color:#f8f8f8
}
#container_header{
	
}
#container_content{
	background: #f8f8f8;
	position:relative
}
#container_footer{
	
}
.container_background{
	background: #FFF;
}
.container_width{
	margin: 0 auto;
	position: relative;
	width: 1190px;

	
}
.container_width_absolute{
	margin: 0 auto;
	position: relative;
	width: 1190px;z-index:999;
	
}
.container_body_resize .container_width{
	width: 990px;
}
.container_body_resize .resize_hidden{
	display: none;
}
/*-- End Configuration Layout --*/

/*** Header Bar ***/
#navheader.navbar-nav > li > a{line-height:26px;padding:0 5px; padding-left:5px; padding-right:5px;}
#optionfillter.navbar-nav > li > a{line-height:26px;padding:0 5px; padding-left:5px; padding-right:5px;}
#optionfillter{}
#header_logo_mobile {
	display: none;
	float:left; height:100px;
}
.header_bar{
	background: #f3f3f3;
	
	height: 28px;
	line-height: 28px;
}
.header_bar a{
	
	
	color: #636363;
	float: left;
	padding: 0 9px;
	position: relative;
}
.header_bar a:hover{
	color: #0eb8b8;
}
.header_bar .arrow{
	padding-right: 21px;
}
.header_bar .active{
	background: #FFF;
	border: #E5E5E5 solid;
	border-width: 0 1px;
	color: #365DB5;
	height: 27px;
}
.header_bar a .arrow_down{
	top: 12px;
}
.header_bar .active .arrow_down{
	transform: rotate(180deg);
	transform-origin: 50% 50% 0;
	transition: transform .2s ease-in;
	-webkit-transform: rotate(180deg);
	-webkit-transform-origin: 50% 50% 0;
	-webkit-transition: -webkit-transform .2s ease-in;
}
.header_bar .plugin{
	float: left;
	font-size: 0;
	margin: 3px 0 0 9px;
	line-height: 0;
}
.header_bar .icon{
	background-image: url(beacon_sprite.png);
	background-repeat: no-repeat;
	padding-left: 27px;
}
.header_bar .help{ background-position: 9px -25px; }
.header_bar .register{ background-position: 9px -55px; }
.header_bar .user{ background-position: 9px -85px; }
.header_bar .post{ background-position: 9px -115px; }
.header_bar .notify{ background-position: 9px -145px; }
.header_bar_simple_tip{
	border-top: none;
	box-shadow: 0 2px 2px rgba(204, 204, 204, .2);
}
.header_bar_menu_extra a{
	border-top: 1px solid #E5E5E5;
	display: block;
	height: 33px;
	line-height: 33px;
	padding: 0 9px;
}
.header_bar_menu_extra a.first{
	border-top: none;
}
.header_bar_menu_extra a.link{
	font-weight: bold;
}
.header_bar_menu_extra a.image{
	background-image: url(beacon_sprite_other.png);
	background-repeat: no-repeat;
	padding-left: 110px;
}
.header_bar_menu_extra a.baokim{ background-position: -191px 0; }
.header_bar_menu_extra a.cucre{ background-position: -191px -33px; }
.header_bar_menu_extra a.mytour{ background-position: -191px -66px; }
.header_bar_menu_extra a.nhanh{ background-position: -191px -99px; }
.header_bar_menu_extra a.doc{ background-position: -191px -132px; }
.header_bar_menu_extra a.webbnc{ background-position: -191px -165px; }
.header_bar_menu_extra a.iki{ background-position: -191px -198px; }
.header_bar_menu_extra a.babymama{ background-position: -191px -231px; }
.header_bar_drop_link a{
	border-top: 1px #E5E5E5 solid;
	display: block;
	padding: 9px;
}
.header_bar_drop_link a:first-child{
	border-top: none;
}

.header_support_online{
	color: #333;
	width: 450px;
}
.header_support_online .hotline, .header_support_online .email{
	padding: 0 12px;
}
.header_support_online .hotline span, .header_support_online .email span{
	color: #999;
}
.header_support_online .hotline{
	padding: 12px 12px 6px 12px;
}
.header_support_online .hotline .text_red, .header_support_online .email .text_blue{
	font-size: 13px;
}
.header_support_online .button{
	margin: 18px;
	text-align: center;
}
.header_support_online .button input{
	width: 180px;
}
.header_support_online .phone_list{
	border-top: 1px solid #E5E5E5;
	padding: 12px;
}
.header_support_online .phone_list div{
	margin-top: 6px;
}
.header_support_online .phone_list div:first-child{
	color: #365DB5;
	font-size: 13px;
	font-weight: bold;
	margin-top: 0;
}
.header_support_online .phone_note{
	background: url(beacon_sprite.png) no-repeat 12px -166px #F2F2F2;
	border-top: 1px solid #E5E5E5;
	font-size: 11px;
	font-weight: bold;
	line-height: 140%;
	padding: 12px 12px 12px 48px;
}

.header_login, .header_login div{
	padding: 6px;
}
.header_login .text{
	color: #999;
	cursor: default;
	font-size: 11px;
}
.header_login .form_control{
	width: 200px;
}
.header_login .form_button{
	width: 220px;
}
.header_login .text_link{
	font-size: 11px;
}
.header_login .login_other{
	border-top: 1px solid #E5E5E5;
}
.header_login .login_other .text{
	padding: 0;
	margin-bottom: 9px;
}
.header_login .login_other a{

	background-repeat: no-repeat;
	float: left;
	font-size: 0;
	width: 104px;
	height: 28px;
}
.header_login .login_other .facebook{
	background-position: 0 -225px;
	margin-right: 12px;
}
.header_login .login_other .google{
	background-position: 0 -255px;
}
/*-- End Header Bar --*/

.header_content{
	height: 120px;
	margin: 0px auto;
}
.header_content .logo, .header_content .banner{
	float: left;
	font-size: 0;
	width: 219px;

	overflow: hidden;
}
.header_content .logo img{padding-top:12px}
.header_content .banner{
	float: right;
}
.header_content .search{
	margin: 36px 0px 0; float:right;width: 60%;
}
#header_search{
	font-size: 13px;
	margin: 0 auto;
	width: 100%;

}

#header_search .border a{
	float: left;
}
#header_search #header_search_text, #header_search .button{
	background: #e7e7e7;
	color: #707070;
	height: 30px;
	line-height: 30px;
	padding: 0 26px 0 12px;
	position: relative;
	text-decoration: none;
}
#header_search #header_search_text .arrow_down{
	border-color: #FFF transparent transparent;
	right: 12px;
	top: 13px;
}
#header_search .language_vn, #header_search .language_en{
	background-image: url(beacon_sprite.png);
	background-repeat: no-repeat;
	border-right: 1px solid #E5E5E5;
	width: 30px;
	height: 30px; 
}
#header_search .language_vn{
	background-position: 0 0;
}
#header_search .language_en{
	background-position: -30px 0;
}
#header_search .keyword{

	padding: 3px 9px;
	background-color:#ffffff; border:1px solid #e0e0e0;width:90%; float:right; height:42px; border-right:0px;
	
}
#header_search .keyword>div:last-child{border-left:1px solid #ccc; margin-top:4px;}
#header_search .keyword div, #header_search .keyword input{
	border:0px;box-shadow:0 !important;
	overflow: hidden;
}
#header_search .keyword div{
	position: relative;
}
#header_search .keyword input{
	border: none transparent;
	font-size: 13px;
	border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.075) inset;
	width: 100%;
}
#header_search .button{
	background:#ed230d url(../images/icon_btton_search.png)  no-repeat center;
	width:70px;
	border: none;
	height:42px;
	font-weight: bold;float:right;
	line-height: 28px;
	padding: 0 12px;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	
	
}
.header_search_option{
	min-width: 100px;
	max-width: 200px;
}
.header_search_option li a{
	border-top: 1px solid #E5E5E5;
	display: block;
	padding: 9px 12px;
}
.header_search_option .list:first-child a{
	border-top: none;
}
.header_search_option .title{
	background: #F2F2F2;
	border-left: 2px solid #AB4040;
}
.header_search_option .title div{
	border-top: 1px solid #E5E5E5;
	color: #AB4040;
	font-size: 13px;
	font-weight: bold;
	padding: 9px 12px;
}
.header_search_option .child a{
	padding-left: 24px;
}
.header_search_option .fixed_height{
	height: 272px;
	overflow: auto;
}
#header_history_keyword{
	color: #CCC;
	font-size: 12px;
	height: 14px;
	margin-top: 6px;
	overflow: hidden;
}
#header_history_keyword a{
	color: #999;
	white-space: nowrap;
}
#header_history_keyword a:hover{
	color: #365DB5;
}

#optionfillter li a{float: left; width: 100%;}
#optionfillter .dropdown-menu li a:hover{background: #CCCCCC !important;border-bottom: 1px solid #ddd;}
/*** Menu ***/
#nav_menu{float:left; width:84%;margin-left:16%;line-height: 23px;}
#nav_menu li{float:left; text-align:center}
#nav_menu li a{margin:0; color:#fff; font-family:Tahoma}
#nav_menu li a span{width:100%; margin:0; float:left;font-family:Tahoma;font-size: 14px;
    font-weight: normal;}
.menu_link{
	background: #0eb8b8;
	font-size: 13px;
	font-weight: bold;
	height: 50px;
	line-height: 33px;
	position: relative;
	border-bottom:1px solid #5da8b6
}
.menu_link a{
	float: left;
	margin-left: 32px;
}
.menu_link a:first-child{
	margin-left: 190px;
}
.menu_link .hot{
	background: url(hot.gif) no-repeat right top;
	padding-right: 24px;
}
.menu_link .upgrade{
	background: url(beacon_sprite_other.png) no-repeat 0 -285px;
	display: block;
	position: absolute;
	width: 190px;
	height: 25px;
	top: 0;
	right: 0;
}

#menuMain{
	width: 100%;
	height: 660px;
	position: relative;    z-index: 1;
	clear: both;
}
#menu_list{
	height: 0;
	overflow: visible;
	position: relative;
	z-index: 2;
	*height: auto;
}
#menu_list .wrapper{
	position: relative;
}
#menu_list h2{

	color: #ed2d17;
	
	
	background: #FFF;
	width: 270px;
	padding-left:10px;
	line-height:58px; text-transform:uppercase; border-top:1px solid #ededed;
}

.menu_root{
	background: #FFF;
	float: left;
	width: 270px; height:600px;
}
.menu_root li{
	display: block;
	height: 34px;
	line-height: 34px;
	position: relative;
	transition: padding-left .2s linear;
	-webkit-transition: padding-left .2s linear;
}
.menu_root li a{
	display: block;
	height: 100%;
	padding: 0 16px;
	transition: padding-left .2s linear;
	-webkit-transition: padding-left .2s linear;
}
.menu_root li b{
	display: none;
	right: 12px;
	top: 13px;
}
.menu_root .selected{
	background: #EBEBEB;
}
.menu_root .hover.selected{
	background: #ed2d17;
}
.menu_root .hover a{
	color: #FFF;
	padding-left: 22px;
}
.menu_root .selected b{
	display: block;
}
.menu_root .hover b{
	border-top: 4px solid #FFF;
	transform: rotate(-90deg);
	transition: transform .2s linear;
	-webkit-transform: rotate(-90deg);
	-webkit-transition: -webkit-transform .2s linear;
}
.menu_child{
	background: #FBFBFB;
	box-shadow: 1px 0 2px #978D8D inset;
	float: left;
	height: 480px;
	position: relative;
	opacity: .95;
	filter: alpha(opacity=95);
}
.menu_child_1, .menu_child_2{
	display: none;
	float: left;
	width: 160px;
	height: 100%;
	overflow: auto;
}
.menu_child_1 a, .menu_child_2 a{
	display: block;
	padding: 6px 12px;
}
.menu_child_1 .hover a{
	color: #365DB5;
}
.menu_child_2{
	border-left: 1px #E5E5E5 solid;
}
#menu_child{
	*float: none;
}
#menu_home_navigate{
	background: rgba(255, 255, 255, .95);
	background: #F2F2F2\9;
	box-shadow: 1px 0 2px #978D8D inset;
	display: none;
	overflow: auto;
	width: 405px;
	height: 600px;
}
#menu_home_navigate .navigate{
	color: #CCC;
	display: none;
	padding: 12px;
}
 #menu_home_navigate .navigate .fr{
	width: 48%;
	overflow: hidden;
}
#menu_home_navigate .navigate .fl {
    width: 100%;
    overflow: hidden;
}
#menu_home_navigate .navigate a{
	color: #666;
}
#menu_home_navigate .navigate a:hover{
	color: #365DB5;
}
#menu_home_navigate .root{
	background-position: left center;
	background-repeat: no-repeat;
	border-bottom: 1px #E5E5E5 solid;
	color: #3E3E3E;
	font-weight: bold;
	height: 28px;
	line-height: 28px;
	margin: 12px 0 8px;
	padding-left: 10px;
	white-space: nowrap;
}
#menu_home_navigate .root:first-child{
	margin-top: 0;
}
#menu_home_navigate .root a{
	color: #3E3E3E;
}
#menu_home_navigate .navigate .sub{
	margin: 0 0 8px 32px;
}

.menu_content{
	background-color: transparent;
	display: none;
	font-size: 0;
	width: 100%;
	height: 460px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.menu_content .wrapper{ background-color: #fff !important;}
.menu_content .wrapper{
	margin-left: 270px;
	width: 920px;
	height: 460px;
	overflow: hidden;
	position: relative;
}
.menu_content .text_banner{
	opacity: 0;
	position: absolute;
	width: 405px;
	height: 460px;
	top: 0;
	left: 405px;
	z-index: 1;
}
.menu_content .main_banner{
	width: 600px;
	height: 460px;
	/*transform: scale(1.05, 1.05);*/
	/*-webkit-transform: scale(1.05, 1.05);*/
}
#banner_small{position: absolute; right:0px; bottom:202px;width: 300px;
    z-index: 999999;}
#banner_small .small_banner{
	position: absolute;
	right: 0; width:300px;
	top: 0;
}
#banner_small .small_banner a{
	display: block;
	opacity: .95;
}
#banner_small .small_banner img{
	width: 300px;
	
}
.menu_content.effects .text_banner{
	opacity: 1;
	transition: opacity .6s linear;
}
.menu_content.effects .main_banner{
	transform: scale(1, 1);
	transition: transform 4s linear;
	-webkit-transform: scale(1, 1);
	-webkit-transition: -webkit-transform 4s linear;
}
.container_body_resize .menu_content .wrapper{
	width: 800px;
}
.container_body_resize .menu_content .text_banner{
	left: 205px;
}
.container_body_resize .menu_content .main_banner{
	margin-left: -200px;
}

.small_banner_bottom{
	float:right; position:absolute; bottom:0; right:0px;
	height:199px;

}
.small_banner_bottom ul li{float:left; width:307px; background:#fff; height:198px;overflow: hidden;border-right:1px solid #ccc;border-top:1px solid #ccc;}
.small_banner_bottom ul li p{width:50%; float:left;margin:0 auto; padding:16px 0; padding-top:22px; padding-bottom:12px;}
.small_banner_bottom ul li p:last-child{border-right:1px solid #ccc;overflow: hidden}
.small_banner_bottom ul li p:first-child{padding-left:20px}
.small_banner_bottom ul li p span{width:100%;float:left;}
.small_banner_bottom ul li p span:nth-child(1) a{color:#505050; font-size:15px;}
.small_banner_bottom ul li p span:nth-child(2){color:#505050; font-weight:bold;font-size:15px;}
.small_banner_bottom ul li p span:nth-child(3){color:#1690c1;padding:8px 0}
.small_banner_bottom ul li p span:nth-child(4){color:#a6a6a6; text-decoration-line: underline}
.arrow_right, .arrow_down{
	position: absolute;
	right: 9px;
	width: 0;
	height: 0;
}
.arrow_right{
	border-top: 4px solid transparent;
	border-left: 4px solid #BBB;
	border-bottom: 4px solid transparent;
}
.arrow_down{
	border-top: 4px solid #BBB;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
}

.banner_header, .banner_center{
	font-size: 0;
	line-height: 0;
	position: relative;
	text-align: center;
	width: 1190px;
	overflow: hidden;
}
.banner_header{
	width: auto;
}
.banner_header > div{
	display: block !important;
	width: auto !important;
	height: auto !important;
}
.banner_header .close{
	background: url(beacon_sprite.png) no-repeat -6px -355px #FFF;
	border-radius: 3px;
	display: block;
	opacity: .4;
	filter: alpha(opacity=40);
	position: absolute;
	top: 6px;
	left: 50%;
	margin-left: 566px;
	width: 23px;
	height: 23px;
	z-index: 1;
}
.banner_header .close:hover{
	opacity: .9;
	filter: alpha(opacity=90);
}
.container_body_resize .banner_header, .container_body_resize .banner_center{
	margin-left: -100px;
}
.container_body_resize .banner_header .close{
	margin-left: 516px;
}


/*---- GUIDE ----*/
.guide{width:100%; height:65px; background:#fff; margin:15px 0;}
.list_guid{padding:10px 0;}
.list_guid span{display: inline-block;
	margin-top: 5px;}
.list_guid img{float:left; margin-right:15px}
.guide .closet{ background:#f0f0f0; text-align:center; display:inline-block; padding:10px 0}
/*-- End Menu --*/
/*-- Top Store --*/

.top_estore{
background: #FFF;
margin: 30px auto;
padding: 16px;
}
.top_estore li{
float: left;
width: 20%;
}
.top_estore li.clear{
float: none;
width: auto;
}
.top_estore li h4, .top_estore div{
white-space: nowrap;
width: 180px;
overflow: hidden;
}
.container_body_resize .top_estore div{
width: 155px;
}
.top_estore li h4{
font-size: 13px;
margin-bottom: 12px;
}
.top_estore div{
line-height: 140%;
margin-top: 9px;
padding-left: 25px;
position: relative;
}
.top_estore b{
background: #B0B0B0;
border-radius: 50%;
color: #FFF;
display: block;
position: absolute;
padding: 1px 6px;
text-align: center;
top: 0;
left: 0;
}
.top_estore .no_1{
background: #365DB5;
}
.top_estore span{
color: #999;
font-size: 11px;
}

/* BREADCRUMB */
.breadcrumb_detail{
	
	float: left;
	width: 100%;
	background:url(../images/breadcrumb.jpg) repeat-x;
	height:46px;       clear:both;
	color:#828282;

}
.breadcrumb_detail a{color:#828282;}
.breadcrumb_detail .container_width .br.end.name_of_product{display:none;}
.breadcrumb_detail .container_width > div.br{
	float:left;
	line-height:20px;
	padding:0 14px;
	position: relative;
}
.breadcrumb_detail .container_width{padding:13px 0;}
.breadcrumb_detail .container_width > div.br:after{
	content: "\f105";
	font-family:"FontAwesome";
	position: absolute;
	top: 2px;
	right: 0;
	font-size: 15px;
	color: #828282;
}
.breadcrumb_detail .container_width > div.br.end{
	white-space: nowrap;
	text-overflow: ellipsis;
}
.breadcrumb_detail .container_width > div.br.end span a{font-weight: bold;}
.breadcrumb_detail .container_width > div.br.end a:after{display: none; content: ''}
.breadcrumb_detail .container_width > div.br:first-child,
.breadcrumb_detail .container_width > div.br.first,{padding-left: 0;}
.breadcrumb_detail .container_width > div.br > a{
	position: relative;
	display: block;
	padding-right: 15px;
}
.breadcrumb_detail .container_width > div.br > a:after{
	font-family:"FontAwesome";
	content: "\f0dd";
	position: absolute;
	top:0;
	right:0;
	-webkit-transition: -webkit-transform 0.1s linear;
	-moz-transition: -moz-transform .1s linear;
	-o-transition: -o-transform .1s linear;
	-ms-transition: -ms-transform .1s linear;
	color: #d80001;
}
.breadcrumb_detail .container_width > div.br.first{padding-left: 0;}
.breadcrumb_detail .container_width > div.br.first > a,
.breadcrumb_detail .container_width > div.br.end > a{padding-right: 0;}
.breadcrumb_detail .container_width > div.br.first > a:after{content: ''; display: none;}
.breadcrumb_detail .container_width  > div.br > a.no-p:after{display: none;}
.breadcrumb_detail .container_width > div.br > a{font-weight: normal;}
.breadcrumb_detail .container_width > div.br:hover > a{ color: #828282;}
.breadcrumb_detail .container_width > div.br:hover > a:after{
	-webkit-transform: rotate(180deg);
	-moz-transform: rotateX(180deg);
	-o-transform: rotateX(180deg);
	-ms-transform: rotateX(180deg);
	-webkit-transition: all 0.3s linear;
	top: 5px;
}
.breadcrumb_detail .container_width{overflow:inherit}
.breadcrumb_detail .container_width > div.end{
	color: #828282;
	float: left;
	line-height: 22px;
	padding-left: 5px;
	top: 2px;}
.breadcrumb_detail .container_width > div.br > ul{
	display: none;
	position: absolute;
	left: 10px;
	top: 20px;
	z-index: 3;
	background-color: #ececec;
	padding: 5px 10px;
	min-width: 180px;
	border: 1px solid #ddd;
	border-top-color: #DFDFDF;
	opacity: 0;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	-ms-transition: all .3s linear;
}
.breadcrumb_detail .container_width > div.br > ul >li{}
.breadcrumb_detail .container_width > div.br > ul > li a{display: block;line-height: 22px;}
.breadcrumb_detail .container_width > div.br > ul > li a:hover{color:#4585f4;}
.breadcrumb_detail .container_width > .br:hover ul{display: block;opacity: 1;}

/*-- End Top Store --*/

/*** Footer ***/
.footer-third {border-bottom:1px solid #d6d6d6;
    padding-bottom: 20px;
	padding-top:10px;
	margin-bottom:30px;
	}
.footer-third  .customer a{display:list-item; line-height:25px; font-size:13px;}
.footer-third .customer {

    padding-left: 0;
   
	
}
.customer h3 a{color:#0eb8b8}
.footer-third .customer .title, .footer-third .policy .title {
    color: #323433;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 10px;
    padding: 0;
    text-transform: uppercase;
}
.footer-third .info_socical {
    padding-top: 0;
	float:right;
   text-align:right;
}
.footer-third #inforsite{margin-top:10px}
.footer-third .payment {
    float: left;
    padding: 10px 0 0 2%;
    width: 25%;
}
.footer_category li h4{
	border-bottom: 1px dotted #E5E5E5;
	padding-bottom: 6px;
	margin-bottom: 4px;
	width: 160px;
}
.footer_category li div{
	font-size: 11px;
	line-height: 180%;
	margin-bottom: 18px;
	width: 160px;
}
.footer_text, .footer_menu, .footer_content{
	border-top: 1px solid #E5E5E5;
	color: #666;
	font-size: 11px;
	line-height: 180%;
	padding: 18px 0;
}
.footer_text{
	font-size: 12px;
	line-height: 200%;
}
.footer_text h3{
	color: #365DB5;
	text-transform: uppercase;
}
.footer_content{
	background: #ededed;
	padding: 12px 0 24px;
}
.footer_content .fr{
	font-size: 0;
}
.footer_content .fr a{
	background-image: url(beacon_sprite_other.png);
	background-repeat: no-repeat;
	float: left;
	margin-left: 12px;
}
.footer_content .fr .vnpgroup{
	background-position: 0 -135px;
	margin-left: 0;
	width: 96px;
	height: 45px;
}
.footer_content .fr .licensed{
	background-position: 0 -180px;
	width: 71px;
	height: 45px;
}
.footer_content .content{
	margin-right: 191px;
}
/*-- End Footer --*/



.translateX{
	transition: transform .2s linear;
	-webkit-transition: -webkit-transform .2s linear;
}
.translateX:hover{
	transform: translateX(-5px);
	-webkit-transform: translateX(-5px);
}

.wPromptInputButton, .simple_tip_confirm input{
	border: none;
	color: #FFF;
	font-weight: bold;
	padding: 6px 9px;
	width: 84px;
}
.wPromptInputButtonTrue, .simple_tip_confirm_true{
	background: #365DB5;
}
.wPromptInputButtonFalse, .simple_tip_confirm_false{
	background: #AB4040;
}

.right-col {
    float: right;
    width: 250px;
}
/* right col */
.right-col{width:250px;float: right;}
.login_box.home{
		border:1px #CCC solid;
		background:#FFF;
		padding:5px;
        margin-top: 6px;
        position: relative;
	}
 .login_box.small-b{
    width: 250px;
    position: relative;
    float: right;
    margin-top: 8px;
    z-index: 101;
}
 .login_box.small-b .login-box{background-color: #fff;border: 1px solid #ddd; border-radius: 2px;}
.right-col.home .login_box .btn_login,
.right-col.home .login_box .btn_register{width: 116px; }
.login_box .btn_login,
.login_box .btn_register{
		background-color:#fff;
		border: none;
		color:#505050;
		line-height:27px;
		width:120px;
		border-radius:2px;
		font-weight:bold;
        cursor: pointer;
        position: relative;
}
.login_box .btn_login:hover,
.login_box .btn_register:hover{color: #e5101d;}
.login_box .btn_register{margin-left: 2px; border-left: 1px solid #ddd;}
.login_box .btn_login:before,
.login_box .btn_register:before{
    content: '';
    background: url("../../images/ecom/ic-home.png") no-repeat;
    position: absolute;
    left: 8px;
    top: 7px;
    width: 16px; 
    height: 16px;
}
.login_box .btn_login:before{background-position: -252px -21px;}
.login_box .btn_register:before{background-position: -252px -40px; left: 12px;}
.login_box .btn_login:hover:before{background-position: -269px -21px;}
.login_box .btn_register:hover:before{background-position: -270px -39px; left: 12px;}
.login_box .baner_register{padding:8px;clear:left;}
.banner1{margin-top:14px; text-align: center;}
.camnangmuasam{
		margin-top:14px;
		background:#FFF;
        width: 250px;
        overflow: hidden;
        border: 1px solid #ddd;
        border-radius: 2px;
	}
.camnangmuasam .title{height:34px;border-bottom:2px #CCC solid;}
.camnangmuasam .title a{
		line-height:32px;
		border-bottom:2px #F00 solid;
		float:left;
		margin-left:10px;
		text-transform:uppercase;
	}
.camnangmuasam .title a:hover{color: #e5101d;}
.camnangmuasam .big_box{padding:10px; overflow: hidden;}
.camnangmuasam .big_box img{margin-right:8px; float: left;}
.camnangmuasam .big_box h3{
    line-height: 16px;
    overflow: hidden;
    max-height: 50px;
}
.camnangmuasam .title i,
.promotion_box_left .title i{
	float:right;
	width:10px;
	height:10px;
	margin-top:10px;
	margin-right:5px;
	}

.camnangmuasam .title i:before,
.promotion_box_left .title i:before{font-family:"FontAwesome";content: "\f105";}
.camnangmuasam .big_box div.date{
		margin:5px 0;
		font-size:11px;
        color: #666;
	}
.camnangmuasam .big_box p{line-height:17px;text-align:justify;}
.camnangmuasam .big_box .ttl-topic{
    display: block;
    line-height: 16px;
    font-weight: bold;
}
.camnangmuasam .other_list
	{
	margin:10px;
	margin-top:0;
	padding-top:10px;
	border-top:1px #CCC dashed;
	}
.camnangmuasam .other_list ul{}
.camnangmuasam .other_list > ol > li{
	list-style:none;
	font-size:11px;
	 font-weight:bold;
     position: relative;
     padding: 3px 0;
}
.other_list > ol > li > a{
    display: block;
   line-height:16px;
    max-height: 32px;
    overflow: hidden;
	margin-left: 15px;
}
.other_list > ol > li:before{font-family:"FontAwesome";
    content: "\f101";
    font-size: 12px;
    position: absolute;
    left: 0;
    top: 6px;
}
.other_list > ol > li > a:hover{color: #4585f4;}
.view-more{
		text-align:right;
		display:block;
        font-size: 11px;
        padding: 5px 10px;
        position: relative;
	}
.view-more:after{font-family:"FontAwesome";
    content: "\f105";
  font-size: 13px;
  padding-left: 3px;
}
.view-more:hover{color:#4585f4}
.box_fb{
    margin-top: 14px;
    border: 1px solid #DDD;
    background: #FFF;
    padding: 5px;
    min-height: 62px;
}
.box_fb .fb-like-box{background-color: #fff;}
.box_fb.fanpage{
    padding: 0;
    border: none;
    background: none;
    padding: 0;
}
.promotion_box_left{
		margin-top:14px;
		background:#FFF;
        border: 1px solid #ddd;
        margin-bottom: 5px;
        border-radius: 2px;
	}
.promotion_box_left .title{
		height:34px;
		border-bottom:2px #CCC solid;
	}
.promotion_box_left .title a{
    display: block;
		line-height:32px;
		border-bottom:2px #F00 solid;
		float:left;
		margin-left:10px;
		text-transform:uppercase;
    font-weight: bold;
	}
.promotion_box_left .title a:hover{color: #e5101d;}
.promotion_box_left .promotion-box .product-box{
    padding: 8px;
    overflow:hidden;
    border-bottom: 1px solid #f2f2f2;
    position: relative;
}
.promotion-box .product-box .discount-tag{
    left: 75px; 
    top: 8px;
    width: 32px;
    height: 32px;
    line-height: 32px;
}
.promotion-box .product-box .img{
		/*border:1px #CCC solid;*/
		float:left;
        margin-right: 8px;
        display: block;
	}
.promotion-box .product-box .content{margin-left:110px;}
.promotion-box .product-box .content .price{
	color:#F00;
	font-weight:bold;
	line-height:18px;
	}
.promotion-box .product-box .content .price.old
	{
	color:#666;
	font-size:11px;
	text-decoration:line-through;
	font-weight:normal;
	}
.promotion-box .product-box .content .name{
		margin: 5px 0;
        line-height: 16px;
        overflow: hidden;
        max-height: 34px;
        display: block;
        text-transform: lowercase;
        font-weight: normal;
	}
.promotion-box .product-box .content .name:first-letter
	{
		text-transform: uppercase;
	}
.product-box .content .shop_name{
		font-size:11px;
		line-height:15px;
     display: block;
     font-weight: normal;
}
.product-box .content .shop_name strong{
    color: #4585f4;
    display: inline-block;
    width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.product-box .content .shop_name:hover strong{text-decoration: underline;}
.promotion-box .product-box:hover{background-color: #f1f1f1;}

.left-col {
    float: left;
    position: relative;
    width: 1114px;
}

/* BREADCRUMB */
.breadcrumb_detail{
   
    float: left;
    width: 100%;
}
.breadcrumb_detail .br.end.name_of_product{display:none;}
.breadcrumb_detail > div.br{
		float:left;
		line-height:20px;
		padding:0 14px;
        position: relative;
	}

.breadcrumb_detail > div.br:after{
	content: "\f105";
	font-family:"FontAwesome";
	position: absolute;
	top: 2px;
	right: 0;
	font-size: 15px;
	color: #999;
}
.breadcrumb_detail > div.br.end{
    white-space: nowrap;
    text-overflow: ellipsis;
}
.breadcrumb_detail > div.br.end span a{font-weight: bold;}
.breadcrumb_detail > div.br.end a:after{display: none; content: ''}
.breadcrumb_detail > div.br:first-child,
.breadcrumb_detail > div.br.first,{padding-left: 0;}
.breadcrumb_detail > div.br > a{
        position: relative;
        display: block;
        padding-right: 15px;
}
.breadcrumb_detail > div.br > a:after{
	font-family:"FontAwesome";
    content: "\f0dd";
    position: absolute;
    top:0;
    right:0;
    -webkit-transition: -webkit-transform 0.1s linear;
    -moz-transition: -moz-transform .1s linear;
    -o-transition: -o-transform .1s linear;
    -ms-transition: -ms-transform .1s linear;
    color: #999;
}
.breadcrumb_detail > div.br.first{padding-left: 0;}
.breadcrumb_detail > div.br.first > a,
.breadcrumb_detail > div.br.end > a{padding-right: 0;}
.breadcrumb_detail > div.br.first > a:after{content: ''; display: none;}
.breadcrumb_detail > div.br > a.no-p:after{display: none;}
.breadcrumb_detail > div.br > a{font-weight: normal;}
.breadcrumb_detail > div.br:hover > a{ color: #4585f4;}
.breadcrumb_detail > div.br:hover > a:after{
     -webkit-transform: rotate(180deg);
    -moz-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
     -webkit-transition: all 0.3s linear;
    top: 5px;
}
.breadcrumb_detail > div.br > ul{
    display: none;
    position: absolute;
    left: 10px;
    top: 20px;
    z-index: 3;
    background-color: #ececec;
    padding: 5px 10px;
    min-width: 180px;
    border: 1px solid #ddd;
    border-top-color: #DFDFDF;
    opacity: 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
}
.breadcrumb_detail > div.br > ul >li{}
.breadcrumb_detail > div.br > ul > li a{display: block;line-height: 22px;}
.breadcrumb_detail > div.br > ul > li a:hover{color:#4585f4;}
.breadcrumb_detail > .br:hover ul{display: block;opacity: 1;}


.left-col,
     .breadcrumb_detail,
    
    /*.tab_detail_of_product .tab_li.tab-scroll{width: 916px;}*/

.breadcrumbsecond{display:inline-block;width: 100%;}
.breadcrumbsecond .breadcrumb_detail{border-bottom:1px solid #ededed}

/* DETAILS */
    .left_detail .box_img_attr{min-height: 495px;}
    .left_detail .box_img_attr .box_attr_product{padding-right: 10px; margin-left: 340px;}
    .box_attr_product .buybtn .buynow{margin-top: 10px;}
    .box_attr_product .buybtn .fav{position: inherit;display: inline-block;margin-top: 10px;right: 0;top:0;padding-left: 0;}
    .box_attr_product .attrs .attrs-item label{margin-bottom: 5px;}
    .box_attr_product .shop-db{position: absolute;left: 0;top: 470px;padding: 5px 5px 5px 54px;background: none;width: 330px;}
    .box_attr_product .shop-db span{display: block;}
	
/*BLOCK-slider-full*/
.wrap-slider-blocks{
    border: 1px solid #ddd;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #f4f4f4;
    margin-top: 16px;
}
.block-slider-full{
    overflow:hidden;
    margin-top: 14px;
    background:#f4f4f4;
}
.block-slider-full:first-child{margin-top:0;}
/*TITLE-BLOCK-SLIDER*/
.block-slider-full .ttl-slider{
    border-bottom: 2px solid #e4e4e4;
    height: 36px;
    line-height: 36px;
    margin: 0 10px;
}
.block-slider-full .ttl-slider .tl{
    float: left;
    border-bottom: 2px solid #f00;
    line-height: 34px;
    font-size:13px;
    font-weight: bold;
}
.ttl-slider ul.nav-in-block{float:right;}
.ttl-slider ul.nav-in-block li{float:left;}
.ttl-slider ul.nav-in-block li a{border-left: 1px solid #ccc;padding: 0 10px;}
.ttl-slider ul.nav-in-block li a:hover{color:#0066ff}
.ttl-slider ul.nav-in-block li:first-child a{border:none;}
.ttl-slider ul.nav-in-block li a.view-more{display: inline;}
.ttl-slider ul.nav-in-block li a.view-more:after{top: 2px;right: -10px;}
/*PRODUCT-BLOCK*/
.block-slider-full .slider-full{position:relative;padding: 10px 25px;}
.block-slider-full .slider-full .product{
    width: 142px;
    border: 1px solid #eaeaea;
    position:relative;
    float:left;
    margin-left: 12px;
    height: 205px;
    background:#fff;
    margin-bottom: 8px;
}
.block-slider-full .slider-full .product:hover{
    box-shadow: 0 0 4px #999;
    -moz-box-shadow: 0 0 4px #999;
    -webkit-box-shadow: 0 0 4px #999;
}
.block-slider-full .slider-full .product a.img{
    display: table-cell;
    text-align:center;
    height: 140px;
    vertical-align: middle;
    width: 140px;
}
.slider-full .product a.img img{background: url("../../images/ecom/loading20x20.gif") center center no-repeat; }
.block-slider-full .slider-full  .product .price{margin: 5px;overflow:hidden;}
.block-slider-full .slider-full  .product .price span{display:block;}
.slider-full .product .price .new-price{color:#f00;font-weight:bold;}
.slider-full .product .price .old-price{
    color:#999999;
    font-size:11px;
    text-decoration:line-through;
    margin-top: 5px;
}
.slider-full .product h3 a{
    display:block;
    line-height: 18px;
    color: #333;
    max-height: 18px;
    overflow: hidden;
    font-weight:normal;
    margin: 5px;
}
.slider-full .product a.shop{
    color: #0066ff;
    font-size:11px;
    line-height:17px;
    max-height: 17px;
    overflow:hidden;
}

.block-slider-full .owl-carousel .owl-prev{left: -16px;}
.block-slider-full .owl-carousel .owl-next{right: -16px;}


#header_search .nav .open>a,
#header_search .nav .open>a:focus,
#header_search .nav .open>a:hover {
	background-color: transparent;
	border-color: #337ab7
}

#header_search .nav>li>a:focus,
#header_search  .nav>li>a:hover
{
	background-color: transparent;
}

.viewallcat {float:right; background: #ed2d17; padding: 5px; border-radius: 5px; font-weight: bold}
.viewallcat a{ color: #fff;}

.pager li > a{background:#25aae1;margin-right: 5px;border-radius:0px; border: 1px solid #ddd; color: #fff;}
.pager li.active > a,.pager li > a:hover{background:#ed230d;font-weight: bold}
.pager li {
    display: inline-flex;
}
.nav-tabs > li > a.active {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #1590c3;
    border-color: #ddd #ddd transparent;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #fff; text-align: center;
    cursor: default;
}
#product-supplier .listcat {margin-top: 10px;}
.category_homepage .row:last-child{
    border-top:0px;
    border-bottom: 1px solid #e5e5e5;
}
#product-supplier .category_homepage .other_banner{
    height: 246px;
}

.package-payment .odd{background: #fff;border-left:1px solid #e1e1e1 !important; border-right:1px solid #e1e1e1  !important;}
.package-payment .odd:last-child{border-left:0px solid #e1e1e1 !important;}
.package-payment .even{background: #efefef;}
.package-payment tr:nth-child(1)>td:first-child{background: #fff}
.package-payment tr:nth-child(1)>td{text-transform: uppercase; font-weight: bold; text-align: center}
.package-payment tr:nth-child(3)>td:first-child{font-weight: bold; font-size: 15px; text-transform: uppercase}
.package-payment tr>td:first-child{text-align: right; padding-right: 35px; background: #efefef; color:#515151}
.head-vip{background: #ed230d; color: #fff; font-weight: bold; font-size: 20px}
.package-payment.table>tbody>tr>td{border-top:0px;}
.package-payment .free_member{border: 1px solid #e1e1e1 !important; border-left: 0px;color: #0084b4}
.glod{color: #ca8b00;}
.package-payment .btn{background: #25aae2; border: 1px solid #25aae2}
.package-payment tr:last-child>td{border-bottom:1px solid #e1e1e1 !important;}
.package-payment tr:last-child>td:first-child{border-bottom:0px solid #e1e1e1 !important;}

.nav-header{
  width: 100%;
        border-top: 3px solid #24a9e1; padding: 5px; color: #5f5f5f; box-shadow: 1px 2px 3px #ccc;
    display:inline-block;margin-bottom: 25px;}
.nav-header h3{padding: 5px 5px}
.nav-header h3 img{
 padding-right: 10px;}
.nav-header a{color:#5f5f5f}     
/*END-BLOCK-slider-full*/	
	
.carousel{position:relative;line-height:1}
.carousel-inner{overflow:hidden;width:100%;position:relative}
.carousel-inner>.item{display:none;position:relative;transition:.6s ease-in-out left;-webkit-transition:.6s ease-in-out left;}
.carousel-inner>.item>a>img,.carousel-inner>.item>img{display:block;line-height:1}
.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}
.carousel-inner>.active{left:0}
.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}
.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}
.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}
.carousel-inner>.active.right{left:100%}
.carousel-control{background:url(../images/back_slider_small.png) no-repeat;display:block;position:absolute;top:21%;left:0px;width:13px;height:27px;opacity:.8;filter: alpha(opacity=80);transition: opacity 0.8s ease 0s;-webkit-transition: opacity 0.2s ease 0s;z-index:6; margin-left:10}
.carousel-control.right{background:url(../images/next_slider_small.png) no-repeat;left:auto;right:0px}
.carousel:hover .carousel-control{opacity:1;filter: alpha(opacity=100)}
.carousel-indicators{position:absolute;bottom:15px;right:100px;z-index:5;margin:0;list-style:none}
.carousel-indicators li{display:block;float:left;width:24px;height:24px;margin-left:5px;text-indent:-999px;background-color:#ccc;background-color:rgba(255,255,255,.9);border-radius:12px;cursor:pointer;box-shadow:0 0 5px 2px rgba(1,1,1,.2)}
.carousel-indicators .active{background-color:#0072BD}
.carousel-fade .carousel-inner .item{opacity:0;transition-property:opacity;}
.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right{left:0;opacity:0;}
.carousel-fade .carousel-inner .active,.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right{opacity:1;}

.no-padding{padding:0px;}
.no-padding-right {padding-right :0px;}
.no-padding-left{padding-left:0px;}
.margin-top{margin-top:15px;}


.owl-theme .owl-controls{position: absolute;
    top: 45%;width:100%} 
#carousel_category_homepage .owl-theme .owl-controls{
    float: right;
    right: 0;
    top: -45px;
    width: auto;
}
#carousel_category_homepage .carousel-inner{
    overflow: unset;
 }
.owl-buttons .owl-prev{float:left ;
    background:url(../images/nl-arrow-left.png) no-repeat !important ;  
   
}.owl-buttons .owl-next {float: right;
     background:url(../images/nl-arrow-right.png) no-repeat !important ;
 }
.owl-buttons .owl-prev,.owl-buttons .owl-next{
    height:30px !important ;opacity: 1 !important ;
    padding: 3px 0px !important ;
    border-radius:0px !important ;width:20px;
}                                   
.pagination{margin-left:10px;}    

#showmessage{display:none} 
#frmpacked{margin-bottom:30px;}


.forgetpasst{float:right ;}
.forgetpasst a{color:#fff;}
.title_company{color:#0066cc; font-weight:bold;font-size:16px;}
.title_company span{ font-weight:500;}
.active_method  label,.title_company label{padding-right:5px; font-weight:500;}
.active_method span {width:100%; font-weight:500;padding-left:5px;}
.nav_views_rowforcus img{margin-right:5px;}
.active_method {margin-bottom:30px;}
#container_content.provider_detail{background:#fff;}

.detail_provider h3{color:#0066cc; font-weight:bold; border-bottom:2px solid #dae2ed; padding-bottom:7px;margin:20px 0;}
.name_provider  span{font-weight:bold; color:#fd7325; padding-left:10px;}
.name_provider{font-weight:bold;}
 .nav_views_rowforcus h2 span {font-size:12px}
/* ====== MANGAGER  USER ====*/ 
header.panel-heading{font-weight:bold; background:#f5f5f5;}

#idpopup .modal-dialog{width:100%; max-width:700px;z-index:99999;}

.errinput {border:1px solid #ff0000}