@import url('/global/css/all.css');
@import url('/global/css/font-awesome.min.css');
html,*{margin:0;padding:0}
body{color:#222;font: 400 13px/18px 'Segoe UI', sans-serif;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;}

/*======================= Bebasneue font =======================*/
@font-face {
  font-family: 'Segoe UI Bold', sans-serif;
  font-style: normal;
  font-weight: 100;
  src: local('Bebas Neue Thin'), local('BebasNeue-Thin'), url(/font/svn-bebas_neue_thin.ttf) format('truetype');
}
@font-face {
  font-family: 'Segoe UI Bold', sans-serif;
  font-style: normal;
  font-weight: 300;
  src: local('Bebas Neue Light'), local('BebasNeue-Light'), url(/font/svn-bebas_neue_light.ttf) format('truetype');
}
@font-face {
  font-family: 'Segoe UI Bold', sans-serif;
  font-style: normal;
  font-weight: 400;
  src: local('Bebas Neue Regular'), local('BebasNeue-Regular'), url(/font/svn-bebas_neue_regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Segoe UI Bold', sans-serif;
  font-style: normal;
  font-weight: 700;
  src: local('Bebas Neue Bold'), local('BebasNeue-Bold'), url(/font/svn-bebas_neue_bold1.ttf) format('truetype');
}

@font-face {
    font-family: 'Segoe UI';
    src: url('/font/segoeui.eot');
    src: local("Segoe UI"),
         local("Segoe"),
         local("Segoe WP"),
         url('/font/segoeui.eot?#iefix') format('embedded-opentype'),
         url('/font/segoeui.woff') format('woff'),
         url('/font/segoeui.svg#SegoeUI') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Segoe UI Semibold';
    src: url('/font/seguisb.eot');
    src: local("Segoe Semibold"),
         local("Segoe WP Semibold"), 
         url('/font/seguisb.eot?#iefix') format('embedded-opentype'),
         url('/font/seguisb.woff') format('woff'),
         url('/font/seguisb.svg#SegoeUISemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Segoe UI Bold';
    src: url('/font/segoeuib.eot');
    src: local("Segoe Bold"),
         local("Segoe WP Bold"),
         url('/font/segoeuib.eot?#iefix') format('eot'), /* Wrong format will tell IE9+ to ignore and use WOFF instead. MSHAR-2822 */
         url('/font/segoeuib.woff') format('woff'),
         url('/font/segoeuib.svg#SegoeUIBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Segoe UI Light';
    src: url('/font/segoeuil.eot');
    src: local("Segoe UI Light"),
         local("Segoe WP Light"),
         url('/font/segoeuil.eot?#iefix') format('embedded-opentype'),
         url('/font/segoeuil.woff') format('woff'),
         url('/font/segoeuil.svg#SegoeUILight') format('svg');
    font-weight: normal;
    font-style: normal;
}

.clearfix {
	clear: both;
}
/* START HEADER */
#orheader{width:100%;padding:0 2%;background:#fff;position:fixed;top:0;z-index:10;}
#orheader .box{position:relative;width:100%;height:60px;margin:0 auto;}
#orheader .box .logo{display:inline-block;position:absolute;top:0;left:0;padding:20px 0;z-index:11;}
#orheader .box .logo img{display:block;max-height:20px;border:none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	}
#orheader .box .center{display:block;padding:10px 0;text-align:center;}
#orheader .box .center ul{display:inline-block;margin:0;padding:0;list-style:none}
#orheader .box .center ul li{display:inline-block;vertical-align:top;margin:0;padding:0 10px;}

#orheader .box .center ul li div.giaongay{display:inline-block;height:40px;padding:0 25px;font:400 13px/40px 'Segoe UI', sans-serif;color:#121212;text-transform:uppercase;border:#e5e5e5 1px solid;cursor:pointer;}
#orheader .box .center ul li div.giaongay:hover{border:#b2b2b2 1px solid;}
#orheader .box .center ul li input {
	background: #fff url('/images/global/location.png') no-repeat left;
	background-position-x:5px;
	width:400px;
	height:40px;
	padding:10px 10px 10px 34px;
	font:400 13px/20px 'Segoe UI', sans-serif;
	color: #333333;
	border: 1px solid #b2b2b2;
	-webkit-appearance: none;
	-webkit-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	-webkit-transition-property: color, background-color, border;
	transition-property: color, background-color, border;
	}
#orheader .box .center ul li input:focus {outline: none;border-color:#ea8025;}
#orheader .box .center ul li input::placeholder {font-size:13px;color:#d4d4d4;opacity: 1;}
#orheader .box .center ul li input:-ms-input-placeholder {font-size:13px;color:#d4d4d4;}
#orheader .box .center ul li input::-ms-input-placeholder {font-size:13px;color:#d4d4d4;}

#orheader .box .login{position:absolute;top:0;right:0;padding:10px 10px;z-index:9999;}
	
#header{width:100%;background:#000;position:fixed;top:0;z-index:9999;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	}
#header .mnbox{width:100%;position:relative;margin:0;}
#header .mnbox .box{width:92%;margin:0 auto;}

#header .mnbox .box .logo{display:inline-block;position:absolute;padding:5px 10px;z-index:9999;}
#header .mnbox .box .logo img{display:block;max-height:80px;border:none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	}

#header .mnbox .box .logom{display:none;position:absolute;padding:5px 15px;z-index:9999;}
#header .mnbox .box .logom img{display:block;max-height:50px;border:none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	}
	
#header .mnbox .box .left{float:right;}
#header .mnbox .box .right{position:relative;float:right;display:inline-block;vertical-align:top;padding:0;margin:0;}

#header .mnbox .box .right .sebox{position:relative;display:inline-block;vertical-align:top;padding:16px 10px;text-align:center;cursor:pointer;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	}
#header .mnbox .box .right .sebox .seibox{display:block;margin:0;padding:0;}
#header .mnbox .box .right .sebox .xhbox{display:block;margin:0;padding:10px 0 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	}
#header .mnbox .box .right .sebox .xhbox a{display:inline-block;vertical-align:top;padding-right:5px;}
#header .mnbox .box .right .sebox .xhbox a img{display:block;height:16px;border:none;}
	
#header .mnbox .box .right .lang{display:inline-block;vertical-align:top;padding:25px 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	}
#header .mnbox .box .right .lang ul{width:auto;display:inline-block;vertical-align:top;margin:0;padding:0;list-style:none}
#header .mnbox .box .right .lang ul li{width:auto;display:inline-block;vertical-align:top;margin:0;padding:0 0 0 10px;text-align:center;}
#header .mnbox .box .right .lang ul li div{display:block;width:24px;margin:0 auto;padding:0;}
#header .mnbox .box .right .lang ul li div a{display:block;border:none}
#header .mnbox .box .right .lang ul li div img{display:block;height:24px;border:none;}
#header .mnbox .box .right .lang ul li p{display:block;margin:0;padding:3px 0 0;font: 400 13px/13px 'Segoe UI', sans-serif;color:#ccc;}
#header .mnbox .box .right .lang ul li p a{display:block;margin:0;padding:0;font: 400 13px/13px 'Segoe UI', sans-serif;color:#ccc;}

.fixed{background:rgba(0,0,0,0.9) !important}
.fixed .logo img{max-height:40px !important;}
.fixed .sebox{padding:10px 15px !important;}
.fixed .sebox .xhbox{display:none !important}
.fixed .lang{padding:5px 0 !important;}
.fixed .menu ul li a {font:400 13px/50px 'Segoe UI Bold', sans-serif;}
.fixed .menu ul ul{top:70px;}
.fixed .menu ul li:hover ul{top:50px;}
.fixed .menu ul ul ul{top:20px;}
.fixed .menu ul ul li:hover ul{top:0px;}
		
div.search{display:flex;overflow:hidden;}
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 .dibut i{color:#fff !important;font-size:15px !important;}
div.search .dibut i:hover{color:#fff !important;font-size:15px !important;}
div.search input {
	display:inline-block;
	max-width:150px;
    -webkit-appearance: none;
    background-color: #fff;
    border:#ccc 0px solid;
	border-right:none;
    outline: 0;
    margin: 0;
    padding:5px 10px 5px 12px;
	font:400 14px/20px 'Segoe UI', sans-serif;
	color:#666;
	
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;

}

div.search button[type="submit"] {
	width:auto;
     background-color: #f00;
	border:#f00 0px solid;
	border-left:#fff 0 solid;
    -webkit-appearance: none;
    outline: 0;
    margin: 0;
    padding:6px 8px 4px;
	font:400 13px/20px Arial;
	color:#fff;
	cursor:pointer;
	
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;

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

#hinhanh {width:100%;margin:0;padding:0;-webkit-user-select: none;-moz-user-select: none;  user-select: none;overflow:hidden;}

#anhba{}
#anhba .thumb{width:100%;}
#anhba .thumb img{display:block;width:100%;border:none}
#space{display:block;height:90px;background:#000;}
/* END HEADER */

/* START ORDER */
#ordercon{display:flex;width:100%;padding:60px 1% 25px;margin:0 auto;}

#ordership{display:block;width:100%;padding:60px 1% 25px;margin:0 auto;}
#ordership .box {width:1172px;
    font: 400 14px/22px Arial;
    color: #222;
    margin: 25px auto 20px;
    background: #fff;
    padding: 30px 5%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
	}
	
.ohide{display:none !important;}

#ordercon .fullleft{width:70%;display:inline-block;vertical-align:top;padding:0 20px 0 0;}
#ordercon .fullleft .box{background:#fff;width:100%;display:block;margin:5px 0 15px;padding:0;}
#ordercon .fullleft .box .head{padding:13px 20px;border-bottom:#e5e5e5 1px solid;font:400 20px/30px 'Segoe UI', sans-serif;color:#191919;}

#ordercon .fullleft .box .fmap {padding:10px 20px 0;}
#ordercon .fullleft .box .fmap .gmap {
	width:100%;
	height:280px;
	margin: 10px 0 0 0;
	overflow:hidden;
}
#ordercon .fullleft .box .fmap .gmap .map {
	width:100%;
	height:380px;
	padding:0;
	background:transparent;
	border-radius:0px;
}
#ordercon .fullleft .box .fmap .gmap .map button{height:30px !important;width:30px !important;}
#ordercon .fullleft .box .fmap .gmap .map div{font-size:14px !important}

#content .hmap .mapTitle{font:450 12px/18px Roboto;color:#222}

#ordercon .fullleft .box .diachi{padding:10px 20px;}
#ordercon .fullleft .box .diachi ul{width:100%;display:block;margin:0 auto;padding:0;list-style:none}
#ordercon .fullleft .box .diachi ul li{position:relative;width:48%;display:inline-block;vertical-align:top;margin:0;padding:10px 0;list-style:none}
#ordercon .fullleft .box .diachi ul li:first-child,
#ordercon .fullleft .box .diachi ul li:last-child{width:100%;}
#ordercon .fullleft .box .diachi ul li:nth-child(3){margin-left:4%;}
#ordercon .fullleft .box .diachi ul li input {
	background: #fff url('/images/global/location.png') no-repeat left;
	background-position-x:5px;
	width:100%;
	height:40px;
	padding:10px 10px 10px 34px;
	font:400 15px/20px 'Segoe UI', sans-serif;
	color: #333333;
	border: 1px solid #b2b2b2;
	-webkit-appearance: none;
	-webkit-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	-webkit-transition-property: color, background-color, border;
	transition-property: color, background-color, border;
	}
#ordercon .fullleft .box .diachi ul li input:focus {outline: none;border-color:#ea8025;}
#ordercon .fullleft .box .diachi ul li input::placeholder {font-size:13px;color:#d4d4d4;opacity: 1;}
#ordercon .fullleft .box .diachi ul li input:-ms-input-placeholder {font-size:13px;color:#d4d4d4;}
#ordercon .fullleft .box .diachi ul li input::-ms-input-placeholder {font-size:13px;color:#d4d4d4;}

#ordercon .left{width:20%;display:inline-block;vertical-align:top;padding:0;}
#ordercon .left section{height:100%;
    height: -webkit-calc(100% - 20px);
    height: -moz-calc(100% - 20px);
    height: calc(100% - 20px);
	}

#ordercon .left section ul{background:#fff;width:100%;display:block;margin:0 auto;padding:10px 0;list-style:none}
#ordercon .left section ul li{position:relative;width:100%;display:block;margin:0;padding:0 15px;font:400 13px/30px 'Segoe UI', sans-serif;color:#191919;}

#ordercon .left section ul li span{display:inline-block;padding:0;font:400 13px/30px 'Segoe UI', sans-serif;color:#191919;cursor:pointer;z-index:1}
#ordercon .left section ul li span:hover{color:#e8252c;}

#ordercon .left section ul li i{position:absolute;top:8px;right:15px;display:inline-block;cursor:pointer;z-index:2;font-size:13px;
    -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;
	}
#ordercon .left section ul li i:hover{color:#e8252c;}

#ordercon .left section ul div{display:none}
#ordercon .left section ul li.sub{width:100%;display:block;margin:0;padding:0 25px;font:400 13px/30px 'Segoe UI', sans-serif;color:#191919;cursor:pointer;text-transform:none;}
#ordercon .left section ul li.sub:hover{color:#e8252c;}

#ordercon .left section ul li.sub i{position: relative; display: inline-block; cursor: pointer; z-index: 2; font-size: 14px; top: auto; right: auto; padding-right: 5px;}

#ordercon .mid{width:50%;display:inline-block;vertical-align:top;padding:0 20px;}

#ordercon .mid .head{width:100%;position:relative;margin:0 auto;padding:15px 0 15px;text-transform:uppercase;}
#ordercon .mid .head span{position:relative;display:inline-block;vertical-align:top;font:450 16px/30px 'Segoe UI', sans-serif;color:#191919;}
#ordercon .mid .head span:after {content: '';height: 3px;background: #e8252c;width: 50%;display: block;}

#ordercon .mid .head1{width:100%;position:relative;margin:0 auto;padding:15px 0 0;text-transform:uppercase;}
#ordercon .mid .head1 span{position:relative;display:inline-block;vertical-align:top;font:450 16px/30px 'Segoe UI', sans-serif;color:#191919;}
#ordercon .mid .head1 span:after {content: '';height: 3px;background: #e8252c;width: 50%;display: block;}

#ordercon .mid .shead{width:100%;position:relative;margin:0 auto;padding:15px 0 15px;text-transform:none;}
#ordercon .mid .shead span{position:relative;display:inline-block;vertical-align:top;font:450 16px/30px 'Segoe UI', sans-serif;color:#191919;}
#ordercon .mid .shead span:after {content: '';height: 3px;background: #e8252c;width: 50%;display: block;}

#ordercon .mid ul{width:100%;display:block;margin:0 auto;padding:0;list-style:none}
#ordercon .mid ul li.list{background:#fff;width:100%;display:block;margin:1px 0;padding:15px 15px;cursor:pointer;}
#ordercon .mid ul li.list:hover {-webkit-box-shadow: 0px 0px 5px 0 #d5d5d5;box-shadow: 0px 0px 5px 0 #d5d5d5;}

#ordercon .mid ul li.list .thumb{width:15%;display:inline-block;vertical-align:top}
#ordercon .mid ul li.list .thumb img{display:block;width:100%;border:none;}
#ordercon .mid ul li.list .info{width:85%;display:inline-block;vertical-align:top;padding:3px 0 0 15px;}
#ordercon .mid ul li.list .info h2{margin:0;padding:0;font:450 14px/20px 'Segoe UI', sans-serif;color:#444;}
#ordercon .mid ul li.list .info p.desc{margin:5px 0;padding:0;font:400 13px/18px 'Segoe UI', sans-serif;color:#444;
    height: 36px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    text-overflow: ellipsis;
	}
#ordercon .mid ul li.list .info p.price{margin:0;padding:0;font:450 14px/20px 'Segoe UI', sans-serif;color:#444;}

/* THEM VAO GIO */
ul.gio{width:100%;display:block;margin:0 auto;padding:0;list-style:none}
ul.gio li{background:#fff;width:100%;display:inline-block;vertical-align:top;margin:1px 0;padding:15px 15px;border-bottom:#e5e5e5 1px solid;font:400 14px/20px 'Segoe UI', sans-serif;}
ul.gio li .thumb{width:15%;display:inline-block;vertical-align:top}
ul.gio li .thumb img{display:block;width:100%;border:none;}
ul.gio li .info{width:85%;display:inline-block;vertical-align:top;padding:3px 0 0 15px;}
ul.gio li .info h3{margin:0;padding:0;font:450 14px/20px 'Segoe UI', sans-serif;color:#444;}
ul.gio li .info p{margin:0;padding:0;font:400 13px/18px 'Segoe UI', sans-serif;color:#444;}
ul.gio li .info div{margin:0;padding:5px 0;font:400 14px/18px 'Segoe UI', sans-serif;color:#444;}

ul.gio li.lisize span{display:inline-block;vertical-align:top;background:none;border:#bfe2bf 1px solid;width:20px;height:20px;margin:0 5px;padding:0;font:400 14px/20px 'Segoe UI', sans-serif;color:#444;text-align:center;cursor:pointer;}
ul.gio li.lisize span.title{background:none;border:none;width:auto;margin:0 10px 0 0;padding:0;font:400 14px/20px 'Segoe UI', sans-serif;color:#444;text-align:left;cursor:default;}

ul.gio li.lisize span i{display:none;}
ul.gio li.lisize span.active{background:#5cb85c;border:none;width:20px;height:20px;margin:0 5px;padding:0;font:400 14px/20px 'Segoe UI', sans-serif;color:#fff;text-align:center;cursor:pointer;}
ul.gio li.lisize span.active i{display:inline-block}

ul.gio li.linote input {
	background: #fff url('/images/global/pen-icon.png') no-repeat left;
	background-position-x:10px;
	width:100%;
	height:40px;
	padding:10px 10px 10px 35px;
	font:400 13px/20px 'Segoe UI', sans-serif;
	color: #333333;
	border: 1px solid #b2b2b2;
	-webkit-appearance: none;
	-webkit-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	-webkit-transition-property: color, background-color, border;
	transition-property: color, background-color, border;
	}
ul.gio li.linote input:focus {outline: none;border-color:#ea8025;}
ul.gio li.linote input::placeholder {font-size:13px;color:#d4d4d4;opacity: 1;}
ul.gio li.linote input:-ms-input-placeholder {font-size:13px;color:#d4d4d4;}
ul.gio li.linote input::-ms-input-placeholder {font-size:13px;color:#d4d4d4;}

ul.gio li.linum {width:50%;border-bottom:#e5e5e5 0px solid;}
ul.gio li.linum span{display:inline-block;vertical-align:top;padding:3px 0;}
ul.gio li.linum input[type="text"]{display:inline-block;vertical-align:top;outline:none;background:#fff;width:32px;height:32px;font:400 16px/30px Arial;color:#222;text-align:center;padding:2px 0 0;border:none;}
ul.gio li.linum .add-icon{display:inline-block;vertical-align:top;outline:none;width:32px;height:32px;border:none;cursor:pointer;
	background:transparent url('/images/global/add-icon.png') no-repeat left;
	-webkit-appearance: none;
	-webkit-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	-webkit-transition-property: color, background-color, border;
	transition-property: color, background-color, border;
	}
ul.gio li.linum .add-icon:hover{background:transparent url('/images/global/add-iconac.png') no-repeat left;}
ul.gio li.linum .min-icon{display:inline-block;vertical-align:top;outline:none;width:32px;height:32px;border:none;cursor:pointer;
	background:transparent url('/images/global/min-icon.png') no-repeat left;
	-webkit-appearance: none;
	-webkit-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	-webkit-transition-property: color, background-color, border;
	transition-property: color, background-color, border;
	}
ul.gio li.linum .min-icon:hover{background:transparent url('/images/global/min-iconac.png') no-repeat left;}

ul.gio li.liadd {width:50%;text-align:right;border-bottom:#e5e5e5 0px solid;}
ul.gio li.liadd div{display:inline-block;vertical-align:top;
	background:rgba(232,37,44,1);
	-webkit-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	-webkit-transition-property: color, background-color, border;
	transition-property: color, background-color, border;
	cursor:pointer;
	}
ul.gio li.liadd div:hover{background:rgba(0,0,0,1);}
ul.gio li.liadd div span{display:inline-block;vertical-align:top;font:450 14px/28px 'Segoe UI', sans-serif;color:#fff;padding:6px 25px 4px;}
	
#ordercon .right{width:30%;display:inline-block;vertical-align:top;padding:0;}
#ordercon .right section{height:100%;
    height: -webkit-calc(100% - 20px);
    height: -moz-calc(100% - 20px);
    height: calc(100% - 20px);
	}
#ordercon .right section div.shop{background:#fff;width:100%;display:block;padding:0;}
#ordercon .right section div.shop ul{width:100%;display:block;margin:0;padding:0;list-style:none}
#ordercon .right section div.shop ul li{width:100%;display:block;margin:0;padding:15px 20px;font:400 14px/20px 'Segoe UI', sans-serif;color:#191919;border-bottom:#e5e5e5 1px solid;}
#ordercon .right section div.shop ul li .vcart{display:block;background:#7e1d0c;padding:10px 15px;font:450 13px/20px 'Segoe UI', sans-serif;color:#fff;text-transform:uppercase;text-align:center;}
#ordercon .right section div.shop ul li .vcart:hover{background:#121212;text-decoration:none;}

#ordercon .right section div.shop ul li.vlogin{padding:5px 20px;}
#ordercon .right section div.shop ul li.vlogin a{display:block;background:#e8252c;margin:10px 0;padding:10px 15px;font:450 13px/18px 'Segoe UI', sans-serif;color:#fff;text-transform:uppercase;text-align:center;}
#ordercon .right section div.shop ul li.vlogin a:hover{background:#121212;text-decoration:none;}

#ordercon .right section div.shop ul li .ncart{display:block;background:#b9bbbd;padding:10px 15px;font:450 13px/20px 'Segoe UI', sans-serif;color:#fff;text-transform:uppercase;text-align:center;}
#ordercon .right section div.shop ul li .ncart:hover{background:#b9bbbd;text-decoration:none;}

#ordercon .right section div.shop ul li ul{width:100%;display:block;margin:0;padding:0;list-style:none}
#ordercon .right section div.shop ul li ul li{width:100%;display:block;margin:0;padding:0;font:400 14px/20px 'Segoe UI', sans-serif;color:#191919;border:none}
#ordercon .right section div.shop ul li ul li .sleft{float:left;padding:5px 0;font:400 14px/20px 'Segoe UI', sans-serif;color:#191919;}
#ordercon .right section div.shop ul li ul li .sright{float:right;padding:5px 0;font:400 14px/20px 'Segoe UI', sans-serif;color:#191919;}
.srightbold{font-family:'Segoe UI Bold', sans-serif !important;color:#7e1d0c !important;}

#ordercon .right section div.shop ul li ul li .sright .macode{padding:0;font:400 14px/20px 'Segoe UI', sans-serif;color:#00f;}
#ordercon .right section div.shop ul li ul li .sright .macode span{float:right;padding:0 0 0 10px;font:400 14px/20px 'Segoe UI', sans-serif;color:#fe3834;}
#ordercon .right section div.shop ul li ul li .sright .macode i{float:right;padding:0 0 0 5px;font:400 14px/20px 'Segoe UI', sans-serif;color:#242424;text-decoration:underline;cursor:pointer;}
#ordercon .right section div.shop ul li ul li .sright .macode i:hover{color:#fe3834;}

div.bccode{display:flex;padding:0;}
div.bccode .ditext{
	display: flex;
    flex-grow: 1;
    flex-basis: 0;
    vertical-align: middle;
	}
div.bccode .dibut {
    display: flex;
    width: auto;
    vertical-align: middle;
}

div.bccode input {
	display:inline-block;
	width:110px;
    -webkit-appearance: none;
    background-color: #fff;
    border:#ccc 1px solid;
	border-right:none;
    outline: 0;
    margin: 0;
    padding:3px 10px;
	font:400 14px/20px 'Segoe UI', sans-serif;
	color:#999;
}

div.bccode button[type="submit"] {
	width:auto;
	background-color: #7e1d0c;
	border:#7e1d0c 1px solid;
	border-left:#fff 0 solid;
    -webkit-appearance: none;
    outline: 0;
    margin: 0;
    padding:3px 10px;
	font:400 14px/20px 'Segoe UI', sans-serif;
	color:#fff;
	cursor:pointer;
	
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;

}
div.bccode button[type="submit"]:hover {background-color: #222;border:#222 1px solid;border-left:#222 0 solid;}

#ordercon .right section div.shop ul li ul li.plist{padding:10px 0;border-bottom:#e5e5e5 1px solid;cursor:pointer}
#ordercon .right section div.shop ul li ul li.plist:last-child{border-bottom:#e5e5e5 0px solid;}
#ordercon .right section div.shop ul li ul li.plist .pleft{float:left;font:400 14px/20px 'Segoe UI', sans-serif;color:#191919;}
#ordercon .right section div.shop ul li ul li.plist .pleft span{min-width:25px;display:inline-block;vertical-align:top;background:#7e1d0c;font:400 12px/20px Arial;color:#fff;text-align:center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	}

#ordercon .right section div.shop ul li ul li.plist .pmid{float:left;padding:0 10px;font:400 14px/20px 'Segoe UI', sans-serif;color:#191919;}
#ordercon .right section div.shop ul li ul li.plist .pmid h3{margin:0;padding:0;font:450 14px/20px 'Segoe UI', sans-serif;color:#191919;}
#ordercon .right section div.shop ul li ul li.plist .pmid div{margin:0;padding:3px 0 0;font:400 12px/18px 'Segoe UI', sans-serif;color:#191919;}
#ordercon .right section div.shop ul li ul li.plist .pmid p{margin:0;padding:3px 0 0;font:400 12px/18px 'Segoe UI', sans-serif;color:#191919;}

#ordercon .right section div.shop ul li ul li.plist .pright{float:right;font:400 14px/20px 'Segoe UI', sans-serif;color:#191919;}
	
/* START CONTENT */
#navi{margin: 0;padding:0;}
#navi .navibox{width: 1100px;margin:0 auto;position:relative;padding:0;font: 400 15px/30px 'Segoe UI', sans-serif;color: #989898;overflow:hidden;}
#navi .navibox a{display: inline-block;padding:0;font: 400 15px/30px 'Segoe UI', sans-serif;color: #444;text-decoration: none;}
#navi .navibox a:hover{text-decoration:underline;}
#navi .navibox i{padding:0 10px;color: #f0642f;}

#content{position:relative;width:100%;padding:15px 0;margin:0 auto;}

#content .featured{width:1100px;margin:0 auto 15px;text-align:center;}
#content .featured span{display:inline-block;font:400 20px/30px 'Segoe UI Bold', sans-serif;color:#222;text-transform:uppercase;}
#content .featured span:after{content: '';height:3px;background:#e8252c;width:50%;margin:0 auto;display:block;margin:5px auto;}

#comming {width:100%;padding:50px 0;font:450 15px 'Segoe UI', sans-serif;color:#454545;text-align:center;}
#page-result{margin:0;font:bold 18px 'Segoe UI', sans-serif;color:#3b5998;}

/* HOME PRO */
#content .hpro{background:#f5f5f5;padding:60px 0;}
#content .hpro .head{width:1100px;position:relative;margin:0 auto;padding:0 0 25px;text-transform:uppercase;}
#content .hpro .head span{position:relative;display:inline-block;vertical-align:top;font:700 40px/52px 'Segoe UI Bold', sans-serif;color:#e8252c;}
#content .hpro .head span:after {content: '';height: 4px;background: #191919;width: 50%;display: block;}
#content .hpro .head a{background:#211f1f;border:#211f1f 2px solid;position:absolute;right:0;top:7px;display:inline-block;padding:0 25px;font:700 16px/38px 'Segoe UI Bold', sans-serif;color:#fff;}
#content .hpro .head a:hover{background:#fff;color:#211f1f;}

#content .hpro ul{width:1100px;display:block;margin:0 auto;padding:0;list-style:none}
#content .hpro ul li{width:31.33333%;display:inline-block;vertical-align:top;margin:0 0 0 3%;padding:0 0 10px;}
#content .hpro ul li:first-child,
#content .hpro ul li:nth-child(4){margin-left:0;}

#content .hpro ul li .thumb{}
#content .hpro ul li .thumb img{display:block;width:100%;border:none;}
#content .hpro ul li .info{padding:10px 0;}
#content .hpro ul li .info h2{height:50px;overflow:hidden;margin:0;padding:0;text-transform:uppercase;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	display:-webkit-box;
	text-overflow:ellipsis;
	}
#content .hpro ul li .info h2 a{font:700 20px/25px 'Segoe UI Bold', sans-serif;color:#444;}
#content .hpro ul li .info h2 a:hover{color:#e8252c;}
#content .hpro ul li .info p{margin:0;padding:0;font:700 25px/25px 'Segoe UI Bold', sans-serif;color:#e8252c;text-transform:uppercase;}
#content .hpro ul li .info div{margin:0;padding:15px 0;}
#content .hpro ul li .info div a.book{display:inline-block;vertical-align:top;margin:0;padding:6px 20px;background:#e8252c;border:#e8252c 2px solid;font:700 16px/20px 'Segoe UI Bold', sans-serif;color:#fff;}
#content .hpro ul li .info div a.book:hover{background:#fff;color:#e8252c;}
#content .hpro ul li .info div a.more{display:inline-block;vertical-align:top;margin:0 0 0 20px;padding:6px 20px;background:#fff;border:#e8252c 2px solid;font:700 16px/20px 'Segoe UI Bold', sans-serif;color:#e8252c;}
#content .hpro ul li .info div a.more:hover{background:#e8252c;color:#fff;}

/* HOME BLOG */
#content .hnews{background:#191919;padding:60px 0;}
#content .hnews .head{width:1100px;position:relative;margin:0 auto;padding:0 0 25px;text-transform:uppercase;}
#content .hnews .head span{position:relative;display:inline-block;vertical-align:top;font:700 40px/52px 'Segoe UI Bold', sans-serif;color:#e8252c;}
#content .hnews .head span:after {content: '';height: 4px;background: #fff;width: 50%;display: block;}
#content .hnews .head a{background:#fff;border:#fff 2px solid;position:absolute;right:0;top:7px;display:inline-block;padding:0 25px;font:700 16px/38px 'Segoe UI Bold', sans-serif;color:#e8252c;}
#content .hnews .head a:hover{background:#e8252c;color:#fff;}

#content .hnews ul{width:1100px;display:block;margin:0 auto;padding:0;list-style:none}
#content .hnews ul li{background:#fff;width:31.33333%;display:inline-block;vertical-align:top;margin:0 0 25px 3%;padding:0;}
#content .hnews ul li:first-child,
#content .hnews ul li:nth-child(4){margin-left:0;}

#content .hnews ul li .thumb{}
#content .hnews ul li .thumb img{display:block;width:100%;border:none;}
#content .hnews ul li .info{padding:10px 15px;}
#content .hnews ul li .info h2{height:50px;overflow:hidden;margin:0;padding:0;text-transform:uppercase;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	display:-webkit-box;
	text-overflow:ellipsis;
	}
#content .hnews ul li .info h2 a{font:700 20px/25px 'Segoe UI Bold', sans-serif;color:#444;}
#content .hnews ul li .info h2 a:hover{color:#e8252c;}
#content .hnews ul li .info p{margin:0;padding:0;font:700 25px/25px 'Segoe UI Bold', sans-serif;color:#e8252c;text-transform:uppercase;}
#content .hnews ul li .info div{margin:0;padding:15px 0 5px;}
#content .hnews ul li .info div a.more{display:inline-block;vertical-align:top;margin:0;padding:6px 20px;background:#e8252c;border:#e8252c 2px solid;font:700 16px/20px 'Segoe UI Bold', sans-serif;color:#fff;}
#content .hnews ul li .info div a.more:hover{background:#fff;color:#e8252c;}

/* HOME CUA HANG */
#content .hstore{background:#f5f5f5;padding:60px 0;}
#content .hstore .head{width:1100px;position:relative;margin:0 auto;padding:0 0 25px;text-transform:uppercase;}
#content .hstore .head span{position:relative;display:inline-block;vertical-align:top;font:700 40px/52px 'Segoe UI Bold', sans-serif;color:#e8252c;}
#content .hstore .head span:after {content: '';height: 4px;background: #191919;width: 50%;display: block;}
#content .hstore .head a{background:#211f1f;border:#211f1f 2px solid;position:absolute;right:0;top:7px;display:inline-block;padding:0 25px;font:700 16px/38px 'Segoe UI Bold', sans-serif;color:#fff;}
#content .hstore .head a:hover{background:#fff;color:#211f1f;}

#content .hstore ul{width:1100px;display:block;margin:0 auto;padding:0 0 25px;list-style:none}
#content .hstore ul li{width:100%;margin:0;padding:0;background:#b9bbbd;}
#content .hstore ul li .thumb{width:45%;display:inline-block;vertical-align:top;}
#content .hstore ul li .thumb img{display:block;width:100%;border:none;}
#content .hstore ul li .info{width:55%;display:inline-block;vertical-align:top;padding:25px 25px}
#content .hstore ul li .info h2{margin:0;padding:25px 0;font:700 30px/30px 'Segoe UI Bold', sans-serif;color:#fff;text-transform:uppercase;}
#content .hstore ul li .info h2 a{font:700 30px/30px 'Segoe UI Bold', sans-serif;color:#fff;}
#content .hstore ul li .info h2 a:hover{color:#fff;}
#content .hstore ul li .info p{margin:0;padding:0;font:400 16px/30px 'Segoe UI', sans-serif;color:#fff;}

/* HOME PRO */
#content .pro{width:1100px;margin:0 auto;padding:25px 0 15px;display:flex;}
#content .pro .left{width:25%;display:inline-block;vertical-align:top;padding:0 20px 0 0;}
#content .pro .left section{height:100%;
    height: -webkit-calc(100% - 20px);
    height: -moz-calc(100% - 20px);
    height: calc(100% - 20px);
	}
.sticky {position:-webkit-sticky;position:sticky;top:65px;}
#content .pro .left ul{background:#fff;width:100%;display:block;margin:0 auto;padding:10px 0;list-style:none}
#content .pro .left ul li{position:relative;width:100%;display:block;margin:0;padding:0 15px;font:400 13px/20px 'Segoe UI Semibold', sans-serif;color:#191919;}

#content .pro .left ul li span{display:inline-block;padding:10px 0;font:400 13px/20px 'Segoe UI Semibold', sans-serif;color:#191919;cursor:pointer;text-transform:uppercase;z-index:1}
#content .pro .left ul li span:hover{color:#e8252c;}

#content .pro .left ul li i{position:absolute;top:14px;right:15px;display:inline-block;cursor:pointer;z-index:2;font-size:13px;
    -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 .pro .left ul li i:hover{color:#e8252c;}

#content .pro .left ul div{display:none}
#content .pro .left ul li.sub{width:100%;display:block;margin:0;padding:5px 25px;font:400 14px/20px 'Segoe UI', sans-serif;color:#191919;cursor:pointer;text-transform:none;}
#content .pro .left ul li.sub:hover{color:#e8252c;}

#content .pro .left ul li.sub i{position: relative; display: inline-block; cursor: pointer; z-index: 2; font-size: 14px; top: auto; right: auto; padding-right: 5px;}
		
#content .pro .right{width:75%;display:inline-block;vertical-align:top;border-left:#b9bbbd 2px solid;padding:0 0 0 20px;}

#content .pro .right .head{width:100%;position:relative;margin:0 auto;padding:0 0 25px;}
#content .pro .right .head span{position:relative;display:inline-block;vertical-align:top;font:400 20px/30px 'Segoe UI Bold', sans-serif;color:#191919;text-transform:uppercase;}
#content .pro .right .head span:after {content: '';height: 3px;background: #f70608;width: 50%;display: block;margin:5px 0 0;}

#content .pro .right .head1{width:100%;position:relative;margin:0 auto;padding:0 0 15px;}
#content .pro .right .head1 span{position:relative;display:inline-block;vertical-align:top;font:400 20px/30px 'Segoe UI Bold', sans-serif;color:#191919;text-transform:uppercase;}
#content .pro .right .head1 span:after {content: '';height: 3px;background: #f70608;width: 50%;display: block;margin:5px 0 0;}

#content .pro .right .shead{width:100%;position:relative;margin:0 auto;padding:0 0 25px;}
#content .pro .right .shead span{position:relative;display:inline-block;vertical-align:top;font:400 14px/30px 'Segoe UI Semibold', sans-serif;color:#191919;text-transform:uppercase;}
#content .pro .right .shead span:after {content: '';height: 2px;background: #f70608;width: 50%;display: block;margin:0;}

#content .pro .right ul.rpro {width:100%;display:block;margin:0 auto;padding:0;list-style:none}
#content .pro .right ul.rpro li{background:#fff;width:31.33333%;display:inline-block;vertical-align:top;margin:0 0 25px 3%;padding:0;}
#content .pro .right ul.rpro li:first-child,
#content .pro .right ul.rpro li:nth-child(4),
#content .pro .right ul.rpro li:nth-child(7),
#content .pro .right ul.rpro li:nth-child(10),
#content .pro .right ul.rpro li:nth-child(13),
#content .pro .right ul.rpro li:nth-child(16),
#content .pro .right ul.rpro li:nth-child(19),
#content .pro .right ul.rpro li:nth-child(22),
#content .pro .right ul.rpro li:nth-child(25),
#content .pro .right ul.rpro li:nth-child(28){margin-left:0;}

#content .pro .right ul.rpro li .thumb{}
#content .pro .right ul.rpro li .thumb img{display:block;width:100%;border:none;}
#content .pro .right ul.rpro li .info{padding:10px 15px;}
#content .pro .right ul.rpro li .info h2{height:40px;overflow:hidden;margin:0 0 3px;padding:0;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	display:-webkit-box;
	text-overflow:ellipsis;
	}
#content .pro .right ul.rpro li .info h2 a{font:400 15px/20px 'Segoe UI Bold', sans-serif;color:#444;}
#content .pro .right ul.rpro li .info h2 a:hover{color:#e8252c;}
#content .pro .right ul.rpro li .info p{margin:0;padding:0;font:400 15px/25px 'Segoe UI Bold', sans-serif;color:#e8252c;}
#content .pro .right ul.rpro li .info p.giatt{margin:0;padding:0;font:400 15px/25px 'Segoe UI', sans-serif;color:#666;text-decoration:line-through;}
#content .pro .right ul.rpro li .info div{margin:0;padding:15px 0;}
#content .pro .right ul.rpro li .info div a.book{display:inline-block;vertical-align:top;margin:0;padding:6px 20px;background:#e8252c;border:#e8252c 2px solid;font:400 14px/20px 'Segoe UI', sans-serif;color:#fff;}
#content .pro .right ul.rpro li .info div a.book:hover{background:#fff;color:#e8252c;}

/* TONG HOP 1 */
#content .style1{background:none;padding:25px 0;}
#content .style1 .box{width:1100px;position:relative;margin:0 auto;padding:0;}
#content .style1 .box .thumb{width:45%;display:inline-block;vertical-align:top;}
#content .style1 .box .thumb img{display:block;width:100%;border:none;}
#content .style1 .box .info{width:55%;display:inline-block;vertical-align:top;padding:0 0 0 25px;}
#content .style1 .box .head{margin:0;padding:0 0 10px;font:18px/25px 'Segoe UI SemiBold', sans-serif;color:#222;text-transform:uppercase;}

/* TONG HOP 2 */
#content .style2{background:none;padding:25px 0;}
#content .style2 .box{width:1100px;position:relative;margin:0 auto;padding:0;}
#content .style2 .box .thumb{width:45%;display:inline-block;vertical-align:top;}
#content .style2 .box .thumb img{display:block;width:100%;border:none;}
#content .style2 .box .info{width:55%;display:inline-block;vertical-align:top;padding:0 25px 0 0;}
#content .style2 .box .head{margin:0;padding:0 0 10px;font:18px/25px 'Segoe UI SemiBold', sans-serif;color:#222;text-transform:uppercase;}

/* TONG HOP 5 */
#content .style5{background:none;padding:0;}
#content .style5 .box{width:1100px;position:relative;margin:0 auto;padding:35px 0 0;border-top:#ccc 1px solid;}
#content .style5 .box ul{display:block;margin:0 auto;padding:0;list-style:none}
#content .style5 .box ul li{background:#fff;width:31.33333%;display:inline-block;vertical-align:top;margin:0 0 35px 3%;padding:0;}
#content .style5 .box ul li:first-child,
#content .style5 .box ul li:nth-child(4),
#content .style5 .box ul li:nth-child(7),
#content .style5 .box ul li:nth-child(10){margin-left:0;}

#content .style5 .box ul li .thumb{position:relative;}
#content .style5 .box ul li .thumb img{display:block;width:100%;border:none;}
#content .style5 .box ul li .info{padding:10px 15px;}
#content .style5 .box ul li .info h2{height:20px;overflow:hidden;margin:0 0 8px;padding:0;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
	display:-webkit-box;
	text-overflow:ellipsis;
	}
#content .style5 .box ul li .info h2 a{display:block;font:400 15px/20px 'Segoe UI SemiBold', sans-serif;color:#444;}
#content .style5 .box ul li .info h2 a:hover{color:#e8252c;}

#content .style5 .box ul li .info p{max-height:40px;overflow:hidden;margin:0;padding:0;font:400 14px/20px 'Segoe UI', sans-serif;color:#444;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	display:-webkit-box;
	text-overflow:ellipsis;
	}
	
/* TONG HOP 6 */
#content .style6{background:url('/images/global/thu-ngo-bg.png') no-repeat center,url('/images/global/thu-ngo-bgb.png') no-repeat bottom right;padding:25px 0;}
#content .style6 .box{width:1000px;position:relative;margin:0 auto;padding:25px 0;text-align:justify;}

/* START GROUP STORE*/
#content .storegroup{width:100%;margin:0 auto;padding:25px 0 0;}
#content .storegroup ul{display:block;margin:0 auto;padding:0;list-style:none}
#content .storegroup ul li{width:100%;display:inline-block;vertical-align:top;margin:0;padding:0 0 25px;}

#content .storegroup ul li .head{width:1100px;position:relative;margin:0 auto;padding:0 0 25px;}
#content .storegroup ul li .head span{position:relative;display:inline-block;vertical-align:top;font:400 20px/30px 'Segoe UI Bold', sans-serif;color:#444;}
#content .storegroup ul li .head span:after {content: '';height: 3px;background: #f70608;width: 50%;display: block;margin:5px 0 0;}

#content .storegroup ul li .head a{position:relative;display:inline-block;vertical-align:top;font:400 20px/30px 'Segoe UI Bold', sans-serif;color:#444;}
#content .storegroup ul li .head a:after {content: '';height: 3px;background: #f70608;width: 50%;display: block;margin:5px 0 0;}
#content .storegroup ul li .head a:hover{color:#f70608;}

#content .storegroup ul li ul{display:block;margin:0 auto;padding:0;list-style:none}
#content .storegroup ul li ul li{width:33%;display:inline-block;vertical-align:top;margin:0 0 0 0.5%;padding:0;}
#content .storegroup ul li ul li:first-child,
#content .storegroup ul li ul li:nth-child(4),
#content .storegroup ul li ul li:nth-child(7),
#content .storegroup ul li ul li:nth-child(10){margin-left:0;}

#content .storegroup ul li ul li .thumb{position:relative;}
#content .storegroup ul li ul li .thumb img{display:block;width:100%;border:none;}
#content .storegroup ul li ul li .info{padding:10px 0;}
#content .storegroup ul li ul li .info h2{margin:0;padding:0;font:400 15px/20px 'Segoe UI Bold', sans-serif;color:#444;}
#content .storegroup ul li ul li .info h2 a{display:block;font:400 15px/20px 'Segoe UI Bold', sans-serif;color:#444;}
#content .storegroup ul li ul li .info h2 a:hover{color:#e8252c;}

.seview {width:1120px;margin:0 auto;overflow:hidden;}
.seview .item{margin:0 10px;}
.seview .item .thumb{position:relative;}
.seview .item .thumb img{display:block;width:100%;border:none;}
.seview .item .info{padding:10px 0;}
.seview .item .info h2{margin:0 0 8px;padding:0;font:400 14px/20px 'Segoe UI Bold', sans-serif;color:#444;}
.seview .item .info h2 a{display:block;font:400 15px/20px 'Segoe UI Bold', sans-serif;color:#444;}
.seview .item .info h2 a:hover{color:#e8252c;}
.seview .item .info p{margin:0;padding:0;font:400 14px/20px 'Segoe UI', sans-serif;color:#444;
	max-height: 40px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    text-overflow: ellipsis;	
	}
	
/* START GROUP GENERAL*/
#content .gengroup{width:100%;margin:0 auto;padding:25px 0 15px;}
#content .gengroup ul{width:100%;display:block;margin:0 auto;padding:0;list-style:none}
#content .gengroup ul li{width:100%;display:inline-block;vertical-align:top;margin:0;padding:50px 5%;text-align:justify;}

#content .gengroup ul li:nth-child(odd){background:#fff;}
#content .gengroup ul li:nth-child(even){background:#c4ab8d;}
	
#content .gengroup ul li .head{margin:0;padding:25px 0;font:18px/25px 'Segoe UI SemiBold', sans-serif;color:#222;text-transform:uppercase;}
#content .gengroup ul li .head a{display:block;font:18px/25px 'Segoe UI SemiBold', sans-serif;color:#222;}
#content .gengroup ul li .head a:hover{color:#e8252c;}

#content .gengroup ul li a.km {display:inline-block;padding:8px 15px;font:14px/20px 'Segoe UI Bold', sans-serif;color:#fff;
	background:#703209;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	}
#content .gengroup ul li a.km:hover{background:#f70608;color:#fff;}
#content .gengroup ul li a.km i{padding-left:5px;}

#content .gengroup ul li .more{margin:0;padding:10px 0 25px;font:400 13px/20px 'Segoe UI', sans-serif;color:#444;}
#content .gengroup ul li .more a{font:400 13px/20px 'Segoe UI Bold', sans-serif;color:#444;}
#content .gengroup ul li .more a:hover{color:#e8252c;}
#content .gengroup ul li .more a i{padding-left:5px;}

#content .gengroup ul li:nth-child(odd) .thumb{position:relative;width:50%;float:left;}
#content .gengroup ul li:nth-child(odd) .thumb img{display:block;width:100%;border:none}
#content .gengroup ul li:nth-child(odd) .thumb div{position:absolute;right:15px;bottom:15px;}

#content .gengroup ul li:nth-child(odd) .info{width:50%;float:right;padding:0 0 0 30px;}

#content .gengroup ul li:nth-child(even) .thumb{position:relative;width:50%;float:right;}
#content .gengroup ul li:nth-child(even) .thumb img{display:block;width:100%;border:none}
#content .gengroup ul li:nth-child(even) .thumb div{position:absolute;left:15px;bottom:15px;}

#content .gengroup ul li:nth-child(even) .info{width:50%;float:left;padding:0 30px 0 0;}

/* START GROUP NEWS*/
#content .negroup{width:100%;margin:0 auto;padding:25px 0 15px;}
#content .negroup ul{display:block;margin:0 auto;padding:0;list-style:none}
#content .negroup ul li{width:100%;display:inline-block;vertical-align:top;margin:0;padding:50px 5%;}

#content .negroup ul li:nth-child(odd){background:#fff;}
#content .negroup ul li:nth-child(even){background:#e8d1ba;}

#content .negroup ul li ul{display:block;margin:0 auto;padding:0;list-style:none}
#content .negroup ul li ul li{width:45%;display:inline-block;vertical-align:top;margin:0;padding:0;}
#content .negroup ul li ul li:last-child{width:55%;padding:0 0 0 25px;}

#content .negroup ul li .thumb{width:45%;float:left;position:relative}
#content .negroup ul li .thumb img{display:block;width:100%;border:none}

#content .negroup ul li .info{width:55%;float:right;padding:0 0 0 4%;}
#content .negroup ul li .info ul{display:block;margin:0 auto;padding:0;list-style:none}
#content .negroup ul li .info ul li{width:100%;display:inline-block;vertical-align:top;margin:0;padding:0;}
#content .negroup ul li .info ul li:last-child{width:100%;padding:0;}

#content .negroup ul li .info ul li:nth-child(odd){background:none;}
#content .negroup ul li .info ul li:nth-child(even){background:none;}

#content .negroup ul li .info ul li h2{margin:0;padding:5px 0;font:400 15px/25px 'Segoe UI Bold', sans-serif;color:#444;}
#content .negroup ul li .info ul li h2 a{font:400 15px/25px 'Segoe UI Bold', sans-serif;color:#444;text-decoration:none;}
#content .negroup ul li .info ul li h2 a:hover{color:#e8252c;}
#content .negroup ul li .info ul li div{margin:0;padding:5px 0;font:400 14px/20px 'Segoe UI', sans-serif;color:#444;}
#content .negroup ul li .info ul li p{border-bottom:#ccc 1px solid;margin:0 0 10px;padding:10px 0 15px;font:400 13px/20px 'Segoe UI', sans-serif;color:#444;}
#content .negroup ul li .info ul li p a{font:400 13px/20px 'Segoe UI Bold', sans-serif;color:#444;}
#content .negroup ul li .info ul li p a:hover{color:#e8252c;}

#content .negroup ul li .info ul li div{margin:0;padding:5px 0;font:400 14px/20px 'Segoe UI', sans-serif;color:#444;}
#content .negroup ul li .info ul li div a{font:400 14px/20px 'Segoe UI', sans-serif;color:#444;}
#content .negroup ul li .info ul li div a i{padding-right:5px;}
#content .negroup ul li .info ul li div a:hover{color:#e8252c;}

#content .negroup ul li:nth-child(even) .thumb{float:right;}
#content .negroup ul li:nth-child(even) .info{float:left;padding:0 4% 0 0;}
#content .negroup ul li:nth-child(even) .info ul li p{border-bottom:#efdcca 1px solid;}

/* START NEWS */
#content .news{width:100%;margin:0 auto;padding:25px 0 15px;}
#content .news ul{width:100%;display:block;margin:0 auto;padding:0;list-style:none}
#content .news ul li{width:100%;display:inline-block;vertical-align:top;margin:0;padding:50px 5%;text-align:justify;}

#content .news ul li:nth-child(odd){background:#fff;}
#content .news ul li:nth-child(even){background:#e8d1ba;}

#content .news ul li .thumb{position:relative;width:50%;display:inline-block;vertical-align:top;}
#content .news ul li .thumb img{display:block;width:100%;border:none;}
#content .news ul li .info{padding:10px 15px;width:50%;display:inline-block;vertical-align:top;}
#content .news ul li .info h2{margin:0;padding:25px 0;text-transform:uppercase;}
#content .news ul li .info h2 a{display:block;font:18px/25px 'Segoe UI SemiBold', sans-serif;color:#222;}
#content .news ul li .info h2 a:hover{color:#e8252c;}
#content .news ul li .info p{margin:0;padding:5px 0;font:15px/25px 'Segoe UI', sans-serif;color:#222;}
#content .news ul li .info div{margin:0;padding:25px 0;}
#content .news ul li .info div a.more{display:inline-block;padding:5px 15px;font:14px/20px 'Segoe UI Semi', sans-serif;color:#fff;
	background:#5c331b;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	}
#content .news ul li .info div a.more:hover{background:#f70608;color:#fff;}
#content .news ul li .info div a.more i{padding-left:5px;}

#content .news ul li:nth-child(odd) .thumb{float:left;}
#content .news ul li:nth-child(odd) .info{float:right;padding:0 0 0 30px;}

#content .news ul li:nth-child(even) .thumb{float:right;}
#content .news ul li:nth-child(even) .info{float:left;padding:0 30px 0 0;}

/* START BOX GENERAL */
#content .protop{width:1100px;margin:0 auto;padding:25px 0 45px;display:flex;}
#content .protop .thumb{width:50%;display:inline-block;vertical-align:top;}
#content .protop .thumb img{display:block;width:100%;border:none;}
#content .protop .info{width:50%;display:flex;align-items:center;padding:0 0 0 8%}
#content .protop .info h2{margin:0;padding:0;font:400 30px/50px 'Segoe UI Bold', sans-serif;color:#222;text-transform:uppercase;}
#content .protop .info h2 span{position:relative;display:inline-block;margin:0;padding:0;font:400 30px/50px 'Segoe UI Bold', sans-serif;color:#222;text-transform:uppercase;}
#content .protop .info h2 span:after {content: '';height: 4px;background: #e8252c;width: 50%;display: block;}
#content .protop .info p.desc{margin:0;padding:45px 0;font:400 16px/25px 'Segoe UI', sans-serif;color:#222;text-align:justify;}
#content .protop .info p.note{margin:0;padding:25px 0 0;font:400 16px/25px 'Segoe UI', sans-serif;color:#222;}
#content .protop .info p.pricett{margin:0;padding:0 0 5px;font:400 16px/28px 'Segoe UI', sans-serif;color:#666;text-decoration:line-through;}
#content .protop .info p.price{margin:0;padding:0;font:700 28px/28px 'Segoe UI Bold', sans-serif;color:#e8252c;}
#content .protop .info div.book{margin:0;padding:25px 0 0;}
#content .protop .info div.book a{display:inline-block;vertical-align:top;margin:0;padding:10px 45px;background:#e8252c;border:#e8252c 2px solid;font:700 18px/20px 'Segoe UI Bold', sans-serif;color:#fff;}
#content .protop .info div.book a:hover{background:#fff;color:#e8252c;}

#content .progen{width:100%;background:#fff;padding:65px 0;}
#content .progen .box{width:1000px;margin:0 auto;}
#content .progen .box h2.title{margin:0;padding:0 0 55px;font:700 38px/58px 'Segoe UI Bold', sans-serif;color:#222;text-transform:uppercase;text-align:center}
#content .progen .box h2.title span{position:relative;display:inline-block;margin:0;padding:0;font:700 40px/50px 'Segoe UI Bold', sans-serif;color:#222;text-transform:uppercase;}
#content .progen .box h2.title span:after {content: '';height: 4px;background: #e8252c;width:30%;display: block;margin:0 auto}

#content .prooth{width:100%;padding:65px 0;}
#content .prooth .box{width:1100px;margin:0 auto;}
#content ul.opro{width:100%;display:block;margin:0 auto;padding:25px 0 0;list-style:none}
#content ul.opro li{background:#fff;width:23.5%;display:inline-block;vertical-align:top;margin:0 0 25px 2%;padding:0;}
#content ul.opro li:first-child,
#content ul.opro li:nth-child(5),
#content ul.opro li:nth-child(9),
#content ul.opro li:nth-child(13),
#content ul.opro li:nth-child(17),
#content ul.opro li:nth-child(21),
#content ul.opro li:nth-child(25),
#content ul.opro li:nth-child(29),
#content ul.opro li:nth-child(33),
#content ul.opro li:nth-child(37),
#content ul.opro li:nth-child(41),
#content ul.opro li:nth-child(45),
#content ul.opro li:nth-child(49),
#content ul.opro li:nth-child(53),
#content ul.opro li:nth-child(57),
#content ul.opro li:nth-child(61),
#content ul.opro li:nth-child(65),
#content ul.opro li:nth-child(69),
#content ul.opro li:nth-child(73),
#content ul.opro li:nth-child(77),
#content ul.opro li:nth-child(81),
#content ul.opro li:nth-child(85){margin-left:0;}

#content ul.opro li .thumb{}
#content ul.opro li .thumb img{display:block;width:100%;border:none;}
#content ul.opro li .info{padding:10px 15px;}
#content ul.opro li .info h2{height:50px;overflow:hidden;margin:0;padding:0;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	display:-webkit-box;
	text-overflow:ellipsis;
	}
#content ul.opro li .info h2 a{font:400 15px/25px 'Segoe UI Bold', sans-serif;color:#444;}
#content ul.opro li .info h2 a:hover{color:#e8252c;}
#content ul.opro li .info p{margin:0;padding:0;font:400 15px/25px 'Segoe UI Bold', sans-serif;color:#e8252c;text-transform:uppercase;}
#content ul.opro li .info div{margin:0;padding:15px 0;}
#content ul.opro li .info div a.book{display:inline-block;vertical-align:top;margin:0;padding:6px 20px;background:#e8252c;border:#e8252c 2px solid;font:400 14px/20px 'Segoe UI', sans-serif;color:#fff;}
#content ul.opro li .info div a.book:hover{background:#fff;color:#e8252c;}
	
#content .general{width:1100px;background:url('/images/global/thu-ngo-bg.png') no-repeat center;margin:0 auto;padding:25px 0;text-align:justify;}

#content .boxshare{width:100%;margin:15px 0;overflow:hidden;}

#content h1.title{position:relative;margin:0 0 25px;padding:0;font:400 25px/35px 'Segoe UI Bold', sans-serif;color:#222;}
#content h1.title:after{content: '';height:3px;background:#e8252c;width:15%;display:block;margin:5px 0 0;}

#content div.desc{margin:0;padding:0 0 10px;font:400 15px/25px 'Segoe UI', sans-serif;color:#222;}
#content div.source{margin:0;padding:10px 0 0;font:400 italic 15px/22px 'Segoe UI', sans-serif;color:#222;text-align:right}

#content .boxgen{font:15px/25px 'Segoe UI', sans-serif;color:#222;}
#content .boxgen h1{font:24px/30px 'Segoe UI Bold', sans-serif;color:#222;padding:5px 0;}
#content .boxgen h2{font:20px/30px 'Segoe UI Bold', sans-serif;color:#222;padding:5px 0;}
#content .boxgen h3{font:18px/30px 'Segoe UI Semibold', sans-serif;color:#222;padding:5px 0;}
#content .boxgen p{font:15px/25px 'Segoe UI', sans-serif;color:#222;padding:5px 0;}
#content .boxgen div{font:15px/25px 'Segoe UI', sans-serif;color:#222;padding:5px 0;}
#content .boxgen a{font:15px 'Segoe UI', sans-serif;color:#004e8a;text-decoration:none}
#content .boxgen a:hover{font:15px 'Segoe UI', sans-serif;color:red;text-decoration:underline}
#content .boxgen img{display:inline-block;margin:5px 0;max-width:100%;height:auto !important;border:none}
#content .boxgen table{max-width:100%;}
#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 div.head{margin:0;padding:5px 0 10px;font:18px/25px 'Segoe UI SemiBold', sans-serif;color:#222;text-transform:uppercase;}
#content .boxgen div.head p{margin:0;padding:0;font:18px/25px 'Segoe UI SemiBold', sans-serif;color:#222;}

#content .boxgen .box1px {display:block;margin:0 0 35px;padding:0 0 35px;width:100%;height:1px;border-bottom:#ccc 1px solid;}

#content .boxgen .bang2 {margin:0;border-collapse: collapse;}
#content .boxgen .bang2 td{display:inline-block;vertical-align:top;width:55% !important;margin:0;padding:0 0 0 25px;border:#ababab 0px solid;font:400 14px/22px 'Segoe UI', sans-serif;color:#222;}
#content .boxgen .bang2 td:first-child{width:44.6% !important;padding-left:0;}
#content .boxgen .bang2 td img{display:block;margin:0;width:100%;height:auto;border:none}
#content .boxgen .bang2 ul{display:block;margin:0 auto;padding:10px 0;list-style:none}
#content .boxgen .bang2 ul li{width:100%;display:inline-block;vertical-align:top;margin:0;padding:0;}
#content .boxgen .bang2 ul li a{display:block;margin:0;padding:5px 0;font:400 15px/20px 'Segoe UI', sans-serif;color:#444;}
#content .boxgen .bang2 ul li a:hover{color:#e8252c;}

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

#content .boxgen .bang3n {margin:0;padding:0;border-collapse: collapse;}
#content .boxgen .bang3n td{display:inline-block;vertical-align:top;width:31.6%;margin:0 0 0 2%;padding:0 0 25px;border:#ababab 0px solid;font:400 14px/25px 'Segoe UI SemiBold', sans-serif;color:#222;text-transform:uppercase;text-align:center;}
#content .boxgen .bang3n td:first-child{margin-left:0;}
#content .boxgen .bang3n td img{display:block;margin:0;width:100%;height:auto;border:none}

#content .boxgen .cuahang3 {margin:0;border-collapse: collapse;}
#content .boxgen .cuahang3 tbody{margin:0;padding:0;}
#content .boxgen .cuahang3 td{display:inline-block;vertical-align:top;width:31.6%;margin:0 0 0 2%;padding:0 0 10px;border:#ababab 0px solid;font:400 14px/25px 'Segoe UI SemiBold', sans-serif;color:#222;text-transform:uppercase;text-align:center;}
#content .boxgen .cuahang3 td:first-child{margin-left:0;}
#content .boxgen .cuahang3 td img{display:block;margin:0;width:100%;height:auto;border:none}

#content .share{padding:10px 0;text-align:left}

.trai1 {padding-left:10px;}
.trai2 {padding-left:20px;}
.trai3 {padding-left:30px;}
.trai4 {padding-left:40px;}
.trai5 {padding-left:50px;}

.phai1 {padding-right:10px;}
.phai2 {padding-right:20px;}
.phai3 {padding-right:30px;}
.phai4 {padding-right:40px;}
.phai5 {padding-right:50px;}

.tren1 {padding-top:10px;}
.tren2 {padding-top:20px;}
.tren3 {padding-top:30px;}
.tren4 {padding-top:40px;}
.tren5 {padding-top:50px;}

.duoi0 {margin-bottom:0px !important;}
.duoi1 {padding-bottom:10px;}
.duoi2 {padding-bottom:20px;}
.duoi3 {padding-bottom:30px;}
.duoi4 {padding-bottom:40px;}
.duoi5 {padding-bottom:50px;}

/* START THANH VIEN */
#content .maintv{width:1100px;
    margin:25px auto;
    background:#fff;
    padding:30px 5%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
	}
#content .maintvf{width:1100px;margin:25px auto;background:#fff;overflow: hidden;}
/* START FORM MEM BOX */
#form{}
#form .formhead{
	width:100%;
	border-bottom:#d3d3d3 1px solid;
	padding: 0 0 10px 0;
	margin: 0 0 15px 0;
	}
#form .formhead p{font:400 italic 14px/20px 'Segoe UI', sans-serif;padding:3px 0;color:#222;}
#form .formhead span{font:400 italic 14px/20px 'Segoe UI', sans-serif;color:#ff0000;}
	
#form .formdetail{width:50%;margin:0 auto;padding: 3px 0 10px 0;font:400 14px/22px 'Segoe UI', sans-serif;}
#form .formdetail p{font:400 14px/22px 'Segoe UI', sans-serif;padding:3px 0;}
#form .formdetail span{font:400 14px 'Segoe UI', sans-serif;color:#f00}
	
#form .formbox {width:50%;margin:0 auto;color:#222;}
.formbox90 {width:80% !important;}
#form .formbox div.head{width:100%;padding:9px 0 12px;font:400 14px/16px 'Segoe UI', sans-serif;}
#form .formbox .formleft{float:left;width:30%;padding:9px 0;font:400 14px/22px 'Segoe UI', sans-serif;color:#333;}
#form .formbox .formleft span{color:#ff0000}
#form .formbox .formright{float:right;width:70%;padding:3px 0;font:400 14px/22px 'Segoe UI', sans-serif;color:#333;}
#form .formbox .formright div{display:block;padding:6px 0;font:400 14px/22px 'Segoe UI', sans-serif;color:#f00;}
#form .formbox .formright span{display:block;padding:5px 0 0 5px;font:400 14px/22px 'Segoe UI', sans-serif;color:#f00;}
#form .formbox .formright a{font:400 14px/22px 'Segoe UI', sans-serif;text-decoration:none}
#form .formbox .formright a:hover{color:#f00;}

#form .formbox select {
    background: rgba(255,255,255,1) url('/images/global/down-green.png') no-repeat right;
    display: inline-block;
    width: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-appearance: none;
    border: #ccc 1px solid;
    outline: 0;
    margin: 0;
    padding: 5px 10px;
	font:400 14px/22px 'Segoe UI', sans-serif;
    color: #555;
	
	-webkit-transition:all 150ms linear 10ms;
	-moz-transition:all 150ms linear 10ms;
	-ms-transition:all 150ms linear 10ms;
	-o-transition:all 150ms linear 10ms;
	transition:all 150ms linear 10ms;
}

#form .formbox input[type="text"], #form .formbox input[type="password"], #form .formbox input[type="file"], #form .formbox textarea {
	display:inline-block;
	width:100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-appearance: none;
    background-color: rgba(255,255,255,1);
    border: #ccc 1px solid;
    outline: 0;
    margin: 0;
    padding: 5px 10px;
	font:400 14px/22px 'Segoe UI', 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;

}

.form50{width:50px !important;margin-right:10px !important;}
.form68{width:68px !important;margin-right:10px !important;}
.form150{width:150px !important;margin-right:10px !important;}
.form100{width:100px !important;margin-right:10px !important;}

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

#form .formbox input[type="radio"] {
	display:inline-block;
    outline: 0;
    margin: 0;
    padding: 5px 10px;
	font:400 14px/22px 'Segoe UI', sans-serif;
	color:#555;

	-webkit-transition:all 150ms linear 10ms;
	-moz-transition:all 150ms linear 10ms;
	-ms-transition:all 150ms linear 10ms;
	-o-transition:all 150ms linear 10ms;
	transition:all 150ms linear 10ms;
}
#form .formbox input[type="button"] {
	display:inline-block;
	width:auto;
	background:#e8252c;
	border:#e8252c 1px solid;
	padding:5px 25px;
	font:400 14px/22px 'Segoe UI', sans-serif;
	color:#fff;
	text-align:center;
	cursor:pointer;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition:all 150ms linear 10ms;
	-moz-transition:all 150ms linear 10ms;
	-ms-transition:all 150ms linear 10ms;
	-o-transition:all 150ms linear 10ms;
	transition:all 150ms linear 10ms;
}

#form .formbox select:hover, #form .formbox input[type="text"]:hover, .formbox input[type="password"]:hover, #form .formbox textarea:hover, #form .formbox input[type="radio"]:hover {
    -webkit-box-shadow: #0066ff 0 0 5px 0;
    -moz-box-shadow: #0066ff 0 0 5px 0;
    box-shadow: #0066ff 0 0 5px 0;
}
#form .formbox input[type="button"]:hover {background:#e8252c;border:#e8252c 1px solid;}

.fsize0{width:45px !important}
.fsize01{width:85px !important}
.fsize1{width:150px !important}
.fsize2{width:200px !important}
.fsize3{width:250px !important}

#comming {width:100%;padding-top:50px;padding-bottom:50px;font:400 14px 'Segoe UI Bold', sans-serif;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 14px/22px 'Segoe UI', sans-serif;color:#fff;text-align:center;}
.herrormsg-title {width:100%;padding:20px 0 0;font:400 14px/22px 'Segoe UI', sans-serif;color:#fff;text-align:center;}

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

#bookmsg {width:100%;font:400 14px/22px 'Segoe UI', sans-serif;color:#454545;
    background: #fff;
    margin: 0 0 25px 0;
	padding:25px;
	text-align:center;
	overflow:hidden;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	}
#bookmsg h2{margin:0;padding:5px 0;font:400 18px/22px 'Segoe UI', sans-serif;color:#b70017;}
#bookmsg p{margin:0;padding:5px 0;font:400 14px/22px 'Segoe UI', sans-serif;color:#454545;}
#bookmsg p a{font:400 14px/22px 'Segoe UI', sans-serif;color:#7e1d0c;}
#bookmsg p a:hover{text-decoration:none}
#bookmsg p span{color:#7e1d0c;}
#bookmsg div{margin:0;padding:5px 0;font:400 14px/22px 'Segoe UI', sans-serif;color:#454545;}
#bookmsg div span{display:inline-block;background:#7e1d0c;padding:10px 25px;font:400 18px/22px 'Segoe UI', sans-serif;color:#fff;}

/* START BOX ENQUIRE */
#cartlist{display:block;}
#cartlist h2.title{margin:0;padding:15px 0 12px;font:400 20px/28px 'Segoe UI Bold', sans-serif;color:#e72c3f;text-transform:uppercase;}

#cartlist h3.step-title{margin:0;padding:15px 0 5px;font:400 20px/25px 'Segoe UI Bold', sans-serif;color:#444;}

#cartlist h3.title{margin:0;padding:0 0 15px;}
#cartlist h3.title span{display:inline-block;padding:8px 10px;font:400 italic 14px/20px 'Segoe UI', sans-serif;color:#222;}
#cartlist h3.title a{display:inline-block;background:#222;padding:8px 15px;font:400 14px/20px 'Segoe UI', sans-serif;color:#fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	}
#cartlist h3.title a i{padding-right:8px;}
#cartlist h3.title a:hover{background:#ea5563;}

#cartlist .caleft{width:71%;display:inline-block;vertical-align:top;
	background:#fff;
	margin:0 1.5% 25px 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	}
#cartlist .caleft .calbox{padding:10px 20px 10px;}

#cartlist .caleft .calbox .agree{padding:20px 5px 0;font:400 14px/25px 'Segoe UI', sans-serif;color:#666;}
#cartlist .caleft .calbox .agree div{padding:10px 0;font:400 14px/25px 'Segoe UI', sans-serif;color:#666;}
#cartlist .caleft .calbox .agree div i{
    height: 25px;
    width: 25px;
    font-size: 25px;
	color:#7e1d0c;
	cursor:pointer;
    margin: 0 8px 0 0;
    vertical-align: top;	
	}
	
#cartlist .caleft .calbox .caldv{padding:10px 5px;font:400 15px/25px 'Segoe UI', sans-serif;color:#242424;border-bottom: #f4f4f4 1px solid;}
#cartlist .caleft .calbox .caldv div{padding:10px 0;font:400 15px/25px 'Segoe UI', sans-serif;color:#242424;}
#cartlist .caleft .calbox .caldv div span.price{float:right;font:400 15px/25px 'Segoe UI', sans-serif;color:#242424;}
#cartlist .caleft .calbox .caldv div span.free{float:none;font:400 13px/25px 'Segoe UI', sans-serif;color:#f70608;text-transform:lowercase;}
#cartlist .caleft .calbox .caldv div i{
    height: 25px;
    width: 25px;
    font-size: 25px;
	color:#7e1d0c;
	cursor:pointer;
    margin: 0 8px 0 0;
    vertical-align: top;	
	}
#cartlist .caleft .calbox .caldv div.bieumau{
	padding:15px 25px;
	margin:15px 20px;
	font:400 15px/25px 'Segoe UI', sans-serif;
	color:#242424;
	overflow:hidden;
	border:#ddd 1px solid;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	}
#cartlist .caleft .calbox .caldv div.bieumau h4{margin:0;padding:5px 0 10px;
	font:400 13px/18px 'Segoe UI', sans-serif;
	color:#242424;
	}
#cartlist .caleft .calbox .caldv div.bieumau h5{margin:0;padding:10px 0 5px;
	font:700 13px/18px 'Segoe UI', sans-serif;
	color:#242424;
	}
#cartlist .caleft .calbox .caldv div.bieumau h6{margin:0;padding:2px 0;
	font:400 13px/18px 'Segoe UI', sans-serif;
	color:#242424;
	}
#cartlist .caleft .calbox .caldv div.bieumau ul{width:80%;padding:0;margin:0;list-style:none}
#cartlist .caleft .calbox .caldv div.bieumau ul li{display:inline-block;width:65%;margin:0 0 0 2%;padding:5px 0;vertical-align:top;border:none;}
#cartlist .caleft .calbox .caldv div.bieumau ul li:nth-child(odd){width:33%;margin-left:0;padding:9px 0 8px}

#cartlist .caleft .calbox .caldv div.bieumau ul li span {color: #ff0000;}

#cartlist .caleft .calbox .caldv div.bieumau select {
    background: rgba(255,255,255,1) url('/images/global/down-green.png') no-repeat right;
    display: inline-block;
    width: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-appearance: none;
    border: #ccc 1px solid;
    outline: 0;
    margin: 0;
    padding: 5px 10px;
	font:400 15px/20px 'Segoe UI', sans-serif;
    color: #555;
	
	-webkit-transition:all 150ms linear 10ms;
	-moz-transition:all 150ms linear 10ms;
	-ms-transition:all 150ms linear 10ms;
	-o-transition:all 150ms linear 10ms;
	transition:all 150ms linear 10ms;
}

#cartlist .caleft .calbox .caldv div.bieumau input[type="text"], #cartlist .caleft .calbox .caldv div.bieumau textarea {
	display:inline-block;
	width:100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-appearance: none;
    background-color: rgba(255,255,255,1);
    border: #ccc 1px solid;
    outline: 0;
    margin: 0;
    padding: 5px 10px;
	font:400 15px/20px 'Segoe UI', sans-serif;
	color:#555;
	
	-webkit-transition:all 150ms linear 10ms;
	-moz-transition:all 150ms linear 10ms;
	-ms-transition:all 150ms linear 10ms;
	-o-transition:all 150ms linear 10ms;
	transition:all 150ms linear 10ms;

}

#cartlist .caleft .calbox .caldv div.bieumau select:hover, #cartlist .caleft .calbox .caldv div.bieumau input[type="text"]:hover, #cartlist .caleft .calbox .caldv div.bieumau textarea:hover {
    -webkit-box-shadow: #0066ff 0 0 5px 0;
    -moz-box-shadow: #0066ff 0 0 5px 0;
    box-shadow: #0066ff 0 0 5px 0;
}

#cartlist .caleft .booknow{padding:10px 0;}
#cartlist .caleft .booknow input[type="button"]{width:auto;display:inline-block;
	background:#7e1d0c;
	border:#7e1d0c 1px solid;
	padding:10px 25px;
	font: 400 16px/20px 'Segoe UI', sans-serif;
	color:#fff;
	text-transform:uppercase;
	text-align:center;
	cursor:pointer;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition:all 150ms linear 10ms;
	-moz-transition:all 150ms linear 10ms;
	-ms-transition:all 150ms linear 10ms;
	-o-transition:all 150ms linear 10ms;
	transition:all 150ms linear 10ms;
	}
#cartlist .caleft .booknow input[type="button"]:hover{background:#7e1d0c;border:#7e1d0c 1px solid;}

#cartlist .caleft .note{padding:0 0 10px;font: 400 13px/18px 'Segoe UI', sans-serif;color:#444;}

#cartlist .caleft ul{padding:0;margin:0;list-style:none}
#cartlist .caleft ul li{display:flex;width:100%;margin:0;padding:20px 25px;vertical-align:top;border-bottom:#f4f4f4 1px solid;}
#cartlist .caleft ul li:last-child{border-bottom:#f4f4f4 0px solid;}
#cartlist .caleft ul li .thumb{display:inline-block;width:20%;margin:0;padding:0;vertical-align:top;}
#cartlist .caleft ul li .thumb img{display:block;width:100%;border:none;}
#cartlist .caleft ul li .info{width:100%;display:inline-block;margin:0;padding:0 15px 0 20px;vertical-align:top;}
#cartlist .caleft ul li .info h2{padding:5px 0;font:400 15px/20px 'Segoe UI', sans-serif;color:#242424;}
#cartlist .caleft ul li .info h2 a{font:400 15px/20px 'Segoe UI', sans-serif;color:#242424}
#cartlist .caleft ul li .info h2 a:hover{color:#007ff0;}

#cartlist .caleft ul li .info div{padding:5px 0;font:400 14px/20px 'Segoe UI', sans-serif;color:#242424;}
#cartlist .caleft ul li .info div a{font:400 14px/20px 'Segoe UI', sans-serif;color:#242424}
#cartlist .caleft ul li .info div a:hover{color:#007ff0;}

#cartlist .caleft ul li .info p{padding:5px 0;font:400 14px/20px 'Segoe UI', sans-serif;color:#007ff0;}
#cartlist .caleft ul li .info p a{font:400 14px/20px 'Segoe UI', sans-serif;color:#007ff0}
#cartlist .caleft ul li .info p a:hover{color:#007ff0;text-decoration:underline}

#cartlist .caleft ul li .price{width:auto;display:inline-block;margin:0;padding:0 15px;vertical-align:top;text-align:right;white-space:nowrap;}
#cartlist .caleft ul li .price div{padding:5px 0;font:500 15px/20px 'Segoe UI', sans-serif;color:#242424;}
#cartlist .caleft ul li .price div span{text-decoration:underline}
#cartlist .caleft ul li .price p{padding:0 0 5px;font:400 12px/15px 'Segoe UI', sans-serif;color:#a2a2a2;text-decoration:line-through}
#cartlist .caleft ul li .price div.disc{padding:0 0 5px;font:700 10px/15px 'Segoe UI', sans-serif;color:#242424;}
#cartlist .caleft ul li .price div.disc span {
    display:inline-block;
	background-color: #ec3e45;
    border-radius: 5px;
    color: white;
    font:700 10px/10px 'Segoe UI', sans-serif;
	text-decoration:none;
    padding: 4px 7px;
}

#cartlist .caleft ul li .cnum{width:auto;display:inline-block;margin:0;padding:3px 0 3px 25px;vertical-align:top;white-space:nowrap;}
#cartlist .caleft ul li .cnum div{
    border: #c8c8c8 1px solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	overflow: hidden;
	}
#cartlist .caleft ul li .cnum p{display:none}
	
#cartlist .caright{width:27.5%;display:inline-block;vertical-align:top;padding:0 0 20px;}
#cartlist .caright .boxwhite{width:100%;
	background:#fff;
	margin:0 0 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	}
#cartlist .caright .boxcode{width:100%;
	background:#fff;
	margin:10px 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	}
#cartlist .caright .boxfee{width:100%;
	background:#fff;
	border:1px dashed #090;
	overflow:hidden;
	margin:0 0 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	}
	
#cartlist .caright .boxorder{}
#cartlist .caright .boxorder a{width:100%;display:block;
	background:#ff424e;
	border:#ff424e 1px solid;
	padding:10px 0;
	font: 400 14px/20px 'Segoe UI', sans-serif;
	color:#fff;
	text-align:center;
	cursor:pointer;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition:all 150ms linear 10ms;
	-moz-transition:all 150ms linear 10ms;
	-ms-transition:all 150ms linear 10ms;
	-o-transition:all 150ms linear 10ms;
	transition:all 150ms linear 10ms;
	}
#cartlist .caright .boxorder a:hover{background:#ff0f1e;border:#ff0f1e 1px solid;}

#cartlist .caright ul.dangnhap{margin:0;padding:0;list-style:none;}
#cartlist .caright ul.dangnhap li{margin:0;padding:0;list-style:none;}
#cartlist .caright ul.dangnhap li:first-child{padding-bottom:5px;}
#cartlist .caright ul.dangnhap li:last-child{padding-top:5px;}
#cartlist .caright ul.dangnhap li a{width:100%;display:block;
	background:#ff424e;
	border:#ff424e 1px solid;
	padding:10px 0;
	font: 400 14px/20px 'Segoe UI', sans-serif;
	color:#fff;
	text-align:center;
	cursor:pointer;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition:all 150ms linear 10ms;
	-moz-transition:all 150ms linear 10ms;
	-ms-transition:all 150ms linear 10ms;
	-o-transition:all 150ms linear 10ms;
	transition:all 150ms linear 10ms;
	}
#cartlist .caright ul.dangnhap li a.loginFB{background:#3b5998;border:#3b5998 1px solid;}
#cartlist .caright ul.dangnhap li a.loginGG{background:#df4a32;border:#c63923 1px solid;}

#cartlist .caright ul.dangnhap li a:hover{background:#ff0f1e;border:#ff0f1e 1px solid;}
#cartlist .caright ul.dangnhap li a.loginFB:hover{color:#fff;}
#cartlist .caright ul.dangnhap li a.loginGG:hover{color:#fff;}

#cartlist .caright .tamtinh{padding:10px 20px;font:400 14px/20px 'Segoe UI', sans-serif;color:#242424;border-bottom: #f4f4f4 1px solid;}
#cartlist .caright .tamtinh span{float:right;font:400 14px/20px 'Segoe UI', sans-serif;color:#242424;}
#cartlist .caright .tamtinh i{float:right;padding:0 0 0 5px;font:400 14px/20px 'Segoe UI', sans-serif;color:#242424;text-decoration:underline}

#cartlist .caright .dichvu{padding:10px 20px;font:400 14px/20px 'Segoe UI', sans-serif;color:#242424;border-bottom: #f4f4f4 1px solid;}
#cartlist .caright .dichvu div{padding:0;font:400 14px/20px 'Segoe UI', sans-serif;color:#242424;}
#cartlist .caright .dichvu div span{float:right;font:400 14px/20px 'Segoe UI', sans-serif;color:#242424;}
#cartlist .caright .dichvu div i{float:right;padding:0 0 0 5px;font:400 14px/20px 'Segoe UI', sans-serif;color:#242424;text-decoration:underline}

#cartlist .caright .giamgia{padding:10px 20px;font:400 14px/20px 'Segoe UI', sans-serif;color:#242424;border-bottom: #f4f4f4 1px solid;}
#cartlist .caright .giamgia span{float:right;font:400 14px/20px 'Segoe UI', sans-serif;color:#242424;}
#cartlist .caright .giamgia i{float:right;padding:0 0 0 5px;font:400 15px/20px 'Segoe UI', sans-serif;color:#242424;text-decoration:underline}

#cartlist .caright .macode{padding:10px 20px;font:400 14px/20px 'Segoe UI', sans-serif;color:#242424;border-bottom: #f4f4f4 1px solid;}
#cartlist .caright .macode span{float:right;font:450 14px/20px 'Segoe UI', sans-serif;color:#fe3834;}
#cartlist .caright .macode i{float:right;padding:0 0 0 10px;font:400 14px/20px 'Segoe UI', sans-serif;color:#242424;text-decoration:underline;cursor:pointer;}
#cartlist .caright .macode i:hover{color:#fe3834;}

#cartlist .caright .thanhtien{padding:15px 20px;font:400 14px/20px 'Segoe UI', sans-serif;color:#242424;}
#cartlist .caright .thanhtien span{float:right;font:400 14px/20px 'Segoe UI Bold', sans-serif;color:#7e1d0c;}
#cartlist .caright .thanhtien i{float:right;padding:0 0 0 5px;font:400 18px/20px 'Segoe UI', sans-serif;color:#fe3834;text-decoration:underline}
#cartlist .caright .vat{padding:0 25px 20px;font:400 12px/20px 'Segoe UI', sans-serif;color:#242424;text-align:right;}

#cartlist .caright .fee{padding:10px 20px;font:400 13px/18px 'Segoe UI', sans-serif;color:#242424;}
#cartlist .caright .fee p{margin:0;padding:3px 0;font:400 13px/18px 'Segoe UI', sans-serif;color:#242424;}

#cartlist .caright ul{padding:0;margin:0;list-style:none}
#cartlist .caright ul li{position:relative;display:block;width:100%;margin:0;padding:10px 20px;vertical-align:top;border-bottom:#f4f4f4 1px solid;}
#cartlist .caright ul li:last-child{border-bottom:#f4f4f4 0px solid;}

#cartlist .caright ul li h3{width:75%;padding:2px 0;font:400 13px/16px 'Segoe UI', sans-serif;color:#242424;}
#cartlist .caright ul li h3 a{color:#7e1d0c}
#cartlist .caright ul li h3 a:hover{color:#f00;}
#cartlist .caright ul li div{padding:2px 0;font:400 12px/16px 'Segoe UI', sans-serif;color:#242424;}
#cartlist .caright ul li div span{display:inline-block;vertical-align:top;width:12px;height:12px;margin:2px 6px;}
#cartlist .caright ul li span.price{position:absolute;top:12px;right:25px;display:inline-block;font:400 12px/16px 'Segoe UI', sans-serif;color:#242424;}

#cartlist .caright ul li.head{position:relative;display:block;width:100%;margin:0;padding:10px 20px;vertical-align:top;border-bottom:#f4f4f4 1px solid;}
#cartlist .caright ul li.head h2{width:75%;padding:3px 0;font:400 14px/20px 'Segoe UI', sans-serif;color:#242424;}
#cartlist .caright ul li.head a{position:absolute;top:10px;right:20px;display:inline-block;
	border:#ccc 1px solid;
	margin:0;
	padding:3px 10px;
	font: 400 12px/18px 'Segoe UI', sans-serif;
	color:#333;
	text-align:center;
	cursor:pointer;
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f7f7f7));
    background: linear-gradient(#fff,#f7f7f7);
	outline:none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-transition:all 150ms linear 10ms;
	-moz-transition:all 150ms linear 10ms;
	-ms-transition:all 150ms linear 10ms;
	-o-transition:all 150ms linear 10ms;
	transition:all 150ms linear 10ms;
	}
#cartlist .caright ul li.head a:hover{background:#fff;}

#cartlist .caright ul li.add{position:relative;display:block;width:100%;margin:0;padding:10px 20px;vertical-align:top;border-bottom:#f4f4f4 0 solid;}
#cartlist .caright ul li.add h3{width:100%;padding:2px 0 5px;font:400 15px/20px 'Segoe UI Bold', sans-serif;color:#242424;}
#cartlist .caright ul li.add p{width:100%;padding:2px 0;font:400 14px/20px 'Segoe UI', sans-serif;color:#242424;}

#cartlist .caright .bchead{padding:20px 20px 16px;font:400 15px/20px 'Segoe UI', sans-serif;color:#222;border-bottom: #f4f4f4 1px solid;}
#cartlist .caright .bccon{padding:20px 30px;}

#enlist{display:block;margin:0;padding:5px 0;}
#enmlist{display:none;margin:0;padding:5px 0;}

.soluong {outline:none;background:#fff;width:30px;font:400 14px/20px Arial;text-align:center;color:#a2a2a2;padding:2px 5px;border:none;border-left:#c8c8c8 1px solid;border-right:#c8c8c8 1px solid;}
.msoluong {outline:none;width:20px;font:400 14px/20px Arial;text-align:center;color:#a2a2a2;padding:2px 5px;border:#c8c8c8 1px solid;}
.txnum {outline:none;width:24px;font:400 14px/20px Arial;text-align:center;color:#a2a2a2;padding:2px 5px;border:none;background:#fff;cursor:pointer;}

/* END BOX ENQUIRE */

/* BOX DANH BẠ */
#ordership .box .boxdb {}

.danhba {width:100%;padding:0;margin:0;list-style:none}
.danhba li{position:relative;display:inline-block;width:49%;padding:15px 15px 10px;margin:10px 0 10px 2%;vertical-align:top;
	background:#fff;
	border:#ddd 1px solid;
	overflow:hidden;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	}
.danhba li:nth-child(odd){margin-left:0;}
.dcmd{border:1px dashed #090 !important}
	
.danhba li h2{margin:0;padding:0 0 3px;font:400 15px/20px 'Segoe UI Bold', sans-serif;color:#333;}
.danhba li p{margin:0;padding:0;font:400 13px/20px 'Segoe UI', sans-serif;color:#333;}
.danhba li span{position:absolute;top:5px;right:5px;display:inline-block;padding:0 5px;font:400 12px/15px 'Segoe UI', sans-serif;color:#090;}
.danhba li div{margin:0;padding:5px 0;}
.danhba li div a{display:inline-block;
	border:#ccc 1px solid;
	margin:0 8px 0 0;
	padding:5px 10px;
	font: 400 12px/18px 'Segoe UI', sans-serif;
	color:#333;
	text-align:center;
	cursor:pointer;
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f7f7f7));
    background: linear-gradient(#fff,#f7f7f7);
	outline:none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-transition:all 150ms linear 10ms;
	-moz-transition:all 150ms linear 10ms;
	-ms-transition:all 150ms linear 10ms;
	-o-transition:all 150ms linear 10ms;
	transition:all 150ms linear 10ms;
	}
.danhba li div a:hover{background:#fff;}

.danhba li div a.chon{width:auto;display:inline-block;
	border:#555649 1px solid;
	margin:0 8px 0 0;
	padding:5px 10px;
	font: 400 12px/18px 'Segoe UI', sans-serif;
	color:#fff;
	text-align:center;
	cursor:pointer;
    background: -webkit-gradient(linear,left top,left bottom,from(#626455),to(#626455));
    background: linear-gradient(#626455,#626455);
	outline:none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-transition:all 150ms linear 10ms;
	-moz-transition:all 150ms linear 10ms;
	-ms-transition:all 150ms linear 10ms;
	-o-transition:all 150ms linear 10ms;
	transition:all 150ms linear 10ms;
	}
.danhba li div a.chon:hover{
    background: -webkit-gradient(linear,left top,left bottom,from(#555649),to(#555649));
    background: linear-gradient(#555649,#555649);
	border:#555649 1px solid;
	}

.dcmd a.chon {
    background: -webkit-gradient(linear,left top,left bottom,from(#7e1d0c),to(#7e1d0c)) !important;
    background: linear-gradient(#7e1d0c,#7e1d0c) !important;
	border:#7e1d0c 1px solid !important;
	}
.dcmd a.chon:hover {
    background: -webkit-gradient(linear,left top,left bottom,from(#ca0000),to(#ca0000)) !important;
    background: linear-gradient(#ca0000,#ca0000) !important;
	border:#ca0000 1px solid !important;
	}
	
.themdb{padding:10px 0 0;}
.themdb a{display:inline-block;
	background:#7e1d0c;
	border:#7e1d0c 1px solid;
	padding:5px 12px;
	font: 400 14px/22px 'Segoe UI', sans-serif;
	color:#fff;
	outline:none;
	text-align:center;
	cursor:pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition:all 150ms linear 10ms;
	-moz-transition:all 150ms linear 10ms;
	-ms-transition:all 150ms linear 10ms;
	-o-transition:all 150ms linear 10ms;
	transition:all 150ms linear 10ms;
	}
.themdb a:hover{background:#ca0000;border:#ca0000 1px solid;}

#progress {
    margin: 0;
    padding: 0;
}
#progress .pgbox{
    width: 1172px;
    margin: 20px auto 0;
    position: relative;
    background: #fff;
    padding: 15px 10px;
    font: 400 12px/30px 'Segoe UI Bold', sans-serif;
    color: #989898;
	text-align:center;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
	overflow:hidden;
	}
#progress .pgbox ul {display:block;width:100%;padding:0;margin:0;list-style:none}
#progress .pgbox ul li{position:relative;display:inline-block;width:33.333%;padding:0 15px 25px;margin:0;vertical-align:top;text-align:center;}
#progress .pgbox ul li p{margin:0;padding:0 0 12px;font: 400 13px/30px 'Segoe UI Bold', sans-serif;color: #666;}
#progress .pgbox ul li div{
    width: 100%;
    left: 0;
    height: 6px;
    display: block;
    position: absolute;
    background: #ebebeb;	
	}
#progress .pgbox ul li div span{
    width: 100%;
    height: 6px;
    display: block;
    position:absolute;
    background:rgba(0,0,0,0);	
	}
#progress .pgbox ul li div span.acv{
    background:#7e1d0c;
	z-index:1;
	}
#progress .pgbox ul li div span i{
    position: absolute;
	background: #fff;
	border: #ccc 1px solid;
	font: 400 14px/28px 'Segoe UI Bold', sans-serif;
	color: #444;
    height: 28px;
    width: 28px;
	z-index:2;
	overflow:hidden;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-box-shadow: #666 0 0 2px;
    box-shadow: #666 0 0 2px;
	}
#progress .pgbox ul li div span i.acv{
    position: absolute;
	background: #7e1d0c;
	border: #7e1d0c 1px solid;
	font: 400 14px/28px 'Segoe UI Bold', sans-serif;
	color: #fff;
    height: 28px;
    width: 28px;
	overflow:hidden;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;	
	}
#progress .pgbox ul li:first-child div{left:50%;}
#progress .pgbox ul li:last-child div{width:50%;left:0;}

#ordership .mainpay {width:1172px;margin:25px auto 20px;font:400 14px/22px Arial;color:#222;}

/* BOX DON HANG */
#content .bordh {}
	
#content .bordh .dthead{margin:0;padding:0 0 35px;font:400 18px/30px 'Segoe UI Bold', sans-serif;color:#222;text-transform:uppercase;text-align:center;}
#content .bordh .dthead span{color:#f00;}

#content .donhang {width:100%;padding:0;margin:0;list-style:none}
#content .donhang li{position:relative;display:block;width:100%;padding:0;margin:0;background:#fff;border-bottom:#ddd 1px solid;}
#content .donhang li:last-child{border:none;}
#content .donhang li ul{display:flex;width:100%;padding:0;margin:0;list-style:none}
#content .donhang li ul li{position:relative;display:inline-block;width:100%;padding:12px 10px 10px;margin:0;vertical-align:top;border:none;font:400 14px/20px 'Segoe UI', sans-serif;color:#333;}
#content .donhang li ul li span{display:block;padding:2px 0;font:400 14px/20px 'Segoe UI Bold', sans-serif;color:#333;}
#content .donhang li ul li:first-child{width:12%;padding-left:0;}
#content .donhang li ul li:nth-child(2){width:12%}
#content .donhang li ul li:nth-child(3){width:52%}
#content .donhang li ul li:nth-child(4){width:12%;text-align:right}
#content .donhang li ul li:last-child{width:12%;padding-right:0;text-align:right}
#content .donhang li ul li a{color:#007ff0;}
#content .donhang li ul li a:hover{color:#f00;}

#content .mdonhang {display:none;width:100%;padding:0;margin:0;list-style:none}
#content .mdonhang li{position:relative;display:block;width:100%;padding:0;margin:0;background:#fff;border-bottom:#ddd 1px solid;}
#content .mdonhang li:last-child{border:none;}
#content .mdonhang li ul{display:flex;width:100%;padding:0;margin:0;list-style:none}
#content .mdonhang li ul li{position:relative;display:inline-block;width:100%;padding:12px 0 10px;margin:0;vertical-align:top;border:none;font:400 14px/20px 'Segoe UI', sans-serif;color:#333;}
#content .mdonhang li ul li span{display:block;padding:2px 0;font:400 14px/20px 'Segoe UI Bold', sans-serif;color:#333;}
#content .mdonhang li ul li div{padding:2px 0;font:400 14px/20px 'Segoe UI', sans-serif;color:#666;}
#content .mdonhang li ul li p{padding:3px 0;font:400 14px/20px 'Segoe UI', sans-serif;color:#333;}
#content .mdonhang li ul li div span{display:inline-block;vertical-align:top;padding:0;font:400 14px/20px 'Segoe UI', sans-serif;color:#333;}
#content .mdonhang li ul li div span.price{color:#f00;}
#content .mdonhang li ul li a{color:#007ff0;}
#content .mdonhang li ul li a:hover{color:#f00;}

#content .boxdh {padding:0;}
#content .boxdh h2{position:relative;margin:0;padding:0 8px 20px;font:400 16px/20px 'Segoe UI', sans-serif;color:#333;}
#content .boxdh h2 span{position:absolute;top:0;right:8px;font:400 12px/22px 'Segoe UI', sans-serif;color:#333;}

#content .boxdh ul.dhhead {width:100%;padding:0;margin:0;list-style:none}
#content .boxdh ul.dhhead li{display:inline-block;vertical-align:top;width:32.66666%;padding:0;margin:0 0 0 1%;}
#content .boxdh ul.dhhead li:first-child{margin-left:0;}
#content .boxdh ul.dhhead li h3{margin:0;padding:0 8px 5px;font:400 14px/20px 'Segoe UI', sans-serif;color:#333;text-transform:uppercase}
#content .boxdh ul.dhhead li div{
    font: 400 14px/22px Arial;
    color: #222;
	min-height:110px;
    background: #eee;
    padding: 10px 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}
#content .boxdh ul.dhhead li div h4{margin:0;padding:3px 0;font:400 14px/20px 'Segoe UI Bold', sans-serif;color:#333;text-transform:uppercase;}
#content .boxdh ul.dhhead li div p{margin:0;padding:3px 0;font:400 14px/20px 'Segoe UI', sans-serif;color:#333;}

#content .boxdh .cancel{text-align:right;}
#content .boxdh .cancel a,
#content .boxdh .cancel span{width:auto;display:inline-block;vertical-align:top;
	background:#ff424e;
	border:#ff424e 1px solid;
	margin:0 0 0 10px;
	padding:8px 25px;
	font: 400 14px/20px 'Segoe UI', sans-serif;
	color:#fff;
	text-align:center;
	cursor:pointer;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition:all 150ms linear 10ms;
	-moz-transition:all 150ms linear 10ms;
	-ms-transition:all 150ms linear 10ms;
	-o-transition:all 150ms linear 10ms;
	transition:all 150ms linear 10ms;
	}
#content .boxdh .cancel a i{padding-right:8px;}
#content .boxdh .cancel a:hover,
#content .boxdh .cancel span:hover{background:#ff0f1e;border:#ff0f1e 1px solid;}

/* DÀNH CHO PC */
#content .dhcon {width:100%;padding:0;margin:0;list-style:none;
    font: 400 14px/22px Arial;
    color: #222;
    margin: 25px 0 20px;
    background: #fff;
    padding: 10px 25px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
	}
#content .dhcon li{position:relative;display:block;width:100%;padding:0;margin:0;border-bottom:#ddd 1px solid;}
#content .dhcon li:last-child{border:none;}
#content .dhcon li ul.sp{display:flex;width:100%;padding:0;margin:0;list-style:none}
#content .dhcon li ul.sp li{position:relative;display:inline-block;width:100%;padding:12px 10px 10px;margin:0;vertical-align:top;border:none;font:400 14px/20px 'Segoe UI', sans-serif;color:#333;}
#content .dhcon li ul.sp li span{display:block;padding:2px 0;font:400 14px/20px 'Segoe UI Bold', sans-serif;color:#333;}
#content .dhcon li ul.sp li:first-child{width:64%;padding-left:0;}
#content .dhcon li ul.sp li:nth-child(2){width:12%;text-align:right}
#content .dhcon li ul.sp li:nth-child(3){width:12%;text-align:right}
#content .dhcon li ul.sp li:last-child{width:12%;padding-right:0;text-align:right}

#content .dhcon li ul.sp li .thumb{width:10%;display:inline-block;vertical-align:top;}
#content .dhcon li ul.sp li .thumb img{display:block;width:100%;border:none}
#content .dhcon li ul.sp li .info{width:90%;display:inline-block;vertical-align:top;padding:0 0 0 20px;}
#content .dhcon li ul.sp li .info h3{margin:0;padding:3px 0;font:400 14px/20px 'Segoe UI Bold', sans-serif;color:#333;}
#content .dhcon li ul.sp li .info h3 a{color:#333;}
#content .dhcon li ul.sp li .info h3 a:hover{color:#f00;}
#content .dhcon li ul.sp li .info div{padding:3px 0;font:400 12px/18px 'Segoe UI', sans-serif;color:#242424;}
#content .dhcon li ul.sp li .info div span{display:inline-block;vertical-align:top;width:12px;height:12px;margin:3px 6px;}
#content .dhcon li ul.sp li .info p{margin:0;padding:3px 0;font:400 14px/18px 'Segoe UI', sans-serif;color:#333;}

#content .dhcon li ul.tong{display:block;width:100%;padding:10px 0 5px;margin:0;list-style:none}
#content .dhcon li ul.tong li{position:relative;display:inline-block;width:100%;padding:5px 10px;margin:0;vertical-align:top;border:none;font:400 14px/20px 'Segoe UI', sans-serif;color:#333;}
#content .dhcon li ul.tong li:nth-child(odd){width:88%;padding-left:0;text-align:right}
#content .dhcon li ul.tong li:nth-child(even){width:12%;padding-right:0;text-align:right}
#content .dhcon li ul.tong li span{font-weight:700;color:#f00;}

/* DÀNH CHO MOB */
#content .dhmcon {display:none;width:100%;padding:0;margin:0;list-style:none;
    font: 400 14px/22px Arial;
    color: #222;
    margin: 15px 0 20px;
    background: #fff;
    padding: 10px 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
	}
#content .dhmcon li{position:relative;display:block;width:100%;padding:0;margin:0;border-bottom:#ddd 1px solid;}
#content .dhmcon li:last-child{border:none;}
#content .dhmcon li ul.sp{display:flex;width:100%;padding:0;margin:0;list-style:none}
#content .dhmcon li ul.sp li{position:relative;display:inline-block;width:100%;padding:12px 0 10px;margin:0;vertical-align:top;border:none;font:400 14px/20px 'Segoe UI', sans-serif;color:#333;}
#content .dhmcon li ul.sp li span{display:block;padding:2px 0;font:400 14px/20px 'Segoe UI Bold', sans-serif;color:#333;}

#content .dhmcon li ul.sp li .thumb{width:20%;display:inline-block;vertical-align:top;}
#content .dhmcon li ul.sp li .thumb img{display:block;width:100%;border:none}
#content .dhmcon li ul.sp li .info{width:80%;display:inline-block;vertical-align:top;padding:0 0 0 20px;}
#content .dhmcon li ul.sp li .info h3{margin:0;padding:3px 0;font:400 14px/20px 'Segoe UI Bold', sans-serif;color:#333;}
#content .dhmcon li ul.sp li .info h3 a{color:#333;}
#content .dhmcon li ul.sp li .info h3 a:hover{color:#f00;}
#content .dhmcon li ul.sp li .info p{padding:0;font:400 14px/20px 'Segoe UI', sans-serif;color:#333;}
#content .dhmcon li ul.sp li .info p span{display:inline-block;font:400 14px/20px 'Segoe UI', sans-serif;color:#333;}
#content .dhmcon li ul.sp li .info div{padding:0;font:400 14px/20px 'Segoe UI', sans-serif;color:#333;}
#content .dhmcon li ul.sp li .info div span{display:inline-block;vertical-align:top;width:12px;height:12px;margin:3px 6px;}

#content .dhmcon li ul.tong{display:block;width:100%;padding:10px 0 5px;margin:0;list-style:none}
#content .dhmcon li ul.tong li{position:relative;display:inline-block;width:100%;padding:5px 10px;margin:0;vertical-align:top;border:none;font:400 14px/20px 'Segoe UI', sans-serif;color:#333;}
#content .dhmcon li ul.tong li:nth-child(odd){width:88%;padding-left:0;text-align:right}
#content .dhmcon li ul.tong li:nth-child(even){width:12%;padding-right:0;text-align:right}
#content .dhmcon li ul.tong li span{font-weight:700;color:#f00;}

#content .memcon {width:100%;padding:0;margin:0;list-style:none;
    font: 400 14px/22px Arial;
    color: #222;
    margin:0;
    background: #fff;
    padding: 10px 25px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
	}
#content .memcon li{position:relative;display:inline-block;vertical-align:top;width:50%;padding:8px 3px;margin:0;font:400 14px/20px 'Segoe UI', sans-serif;color:#242424;border-bottom:#ddd 1px solid;}
#content .memcon li span{font:400 14px/20px 'Segoe UI', sans-serif;color:#242424;}

/* START VIEW TABLE */
#content .xemhead{margin:0;padding:0 0 15px;font:700 16px/22px Tahoma;color:#3b88c8;text-align:center;}

#content .xem {margin:0;border-collapse:collapse;}
#content .xem th{background:#3b88c8;padding:10px 15px;border:none;font:700 12px/20px Verdana;color:#fff;white-space:nowrap}
#content .xem th span{position:relative;display:inline-block;font:700 12px/20px Verdana;color:#fff;cursor:pointer;}
#content .xem th span:hover{color:#ff0;}
#content .xem th span.active:before {position:absolute;top:0;right:-13px;display:inline-block;content:"\f0d7";font:700 12px/20px 'Font Awesome 5 Free';}

#content .xem td{padding:10px 15px;border:none;font:400 12px/20px Verdana;color:#444;}
#content .xem td a{display:inline-block;vertical-align:top;font:400 12px/20px Verdana;color:#444;}
#content .xem td a:hover{color:#f00;}
#content .xem td .duyet{display:block;width:20px;height:20px;border:none}
#content .xem td.pic{}
#content .xem td.pic img{display:block;height:40px;border:#fff 2px solid;overflow:hidden;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	}

#content .xem tr{border-bottom:#ddd 1px dashed;}
#content .xem tr:nth-child(odd){background:#eceff1;}
#content .xem tr:nth-child(even){background:#fafafa;}

#content .xem td input[type="checkbox"]{display: block;margin: 0 auto;}

.w60{width:60px;}
.w80{width:80px;}
.w100{width:100px;}
.w115{width:115px;}
.w125{width:125px;}
.w150{width:150px;}
.w165{width:165px;}
.w180{width:180px;font-size:11px;}

.ctrai{text-align:left}
.cgiua{text-align:center}
.cphai{text-align:right}

#content .xembutton {height:36px;padding:0;margin:15px 15px 0 0;text-align:right}
#content .xembutton a, #content .xembutton input[type="button"] {
	display:inline-block;
	width:auto;
	background:#3b88c8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-appearance: none;
    border: 0px solid;
    outline: 0;
    margin: 0 0 0 8px;
    padding: 8px 25px;
	font:bold 12px/20px Verdana;
	color:#fff;
	cursor:pointer;
	
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#content .xembutton a:hover, #content .xembutton input[type="button"]:hover {background:#e62021;}

.goback{margin:20px 0 0;padding:15px 0 0;border-top:#ddd 1px dashed;}
.goback a{position:relative;display:inline-block;background:#3b88c8;padding:8px 25px;font:bold 12px/20px Verdana;color:#fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	}
.goback a:before {font:normal normal normal 17px/1 FontAwesome;padding: 0 8px 0 0;content: "\f104";}
.goback a:hover{background:#e62021;}
/* END VIEW TABLE */

/* START FOOTER */
#footer{display:block;background:#231f20;}
#footer .box{width:1100px;margin:0 auto;padding:45px 0 0;}
#footer .box ul.mnu{display:block;padding:0;margin:0;list-style:none}
#footer .box ul.mnu li{display:inline-block;vertical-align:top;width:25%;margin:0;padding:0 0 0 5%;}
#footer .box ul.mnu li:first-child{width:20%;padding-left:0;}
#footer .box ul.mnu li:nth-child(3){width:30%;}
#footer .box ul.mnu li h3{margin:0;padding:10px 0;font:400 16px/30px 'Segoe UI Bold', sans-serif;color:#fff;text-transform:uppercase;}
#footer .box ul.mnu li .logo{padding:15px 0;}
#footer .box ul.mnu li .logo img{display:block;height:110px;border:none;}
#footer .box ul.mnu li .copy{display:block;width:100%;margin:0;padding:3px 0;font:400 14px/20px 'Segoe UI', sans-serif;color:#b9bbbd;}
#footer .box ul.mnu li ul{display:block;padding:0;margin:0;list-style:none}
#footer .box ul.mnu li ul li{display:block;width:100%;margin:0;padding:5px 0;}
#footer .box ul.mnu li ul li:first-child,
#footer .box ul.mnu li ul li:nth-child(3){width:100%;}
#footer .box ul.mnu li ul li a{display:block;padding:0;font:400 14px/20px 'Segoe UI', sans-serif;color:#b9bbbd;}
#footer .box ul.mnu li ul li a:hover{color:#fff;}
#footer .box ul.mnu li ul li a i{padding-right:5px;}
#footer .box ul.mnu li div{display:block;width:100%;margin:0;padding:0;}
#footer .box ul.mnu li div p{display:block;width:100%;margin:0;padding:3px 0;font:400 14px/20px 'Segoe UI', sans-serif;color:#b9bbbd;}
#footer .box ul.mnu li div p a{font:400 14px/20px 'Segoe UI', sans-serif;color:#b9bbbd;}
#footer .box ul.mnu li div p a:hover{color:#fff;}

#footer .box ul.copy{display:block;padding:10px 0;margin:25px 0 0;list-style:none;border-top:#fff 1px solid;}
#footer .box ul.copy li{display:inline-block;vertical-align:top;width:50%;margin:0;padding:10px 0;font:400 14px/20px 'Segoe UI', sans-serif;color:#fff;}
#footer .box ul.copy li ul{display:block;padding:0;margin:0;list-style:none;border:none}
#footer .box ul.copy li ul li{display:inline-block;vertical-align:top;width:auto;margin:0;padding:0;font:400 14px/20px 'Segoe UI SemiBold', sans-serif;color:#fff;}
#footer .box ul.copy li ul li:first-child{margin-right:15px;padding-right:15px;border-right:#fff 1px solid;}
#footer .box ul.copy li ul li a{color:#fff;}
#footer .box ul.copy li ul li a:hover{color:#e8252c;}
/* END FOOTER */

#mainlink {margin:20px 0 5px;padding:0;text-align:center;}
#mainlink a {
	background-color:#fff;
	font:400 16px/22px 'Segoe UI', sans-serif;
	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 'Segoe UI', sans-serif;
	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;}

.overlay:hover {
    opacity: 1;
}
.overlay {
    background-color: rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    line-height: 270px;
    opacity: 0;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}

.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);
}

#top {
    position: fixed;
    bottom: 10px;
    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{}

.box-social{position:absolute;top:72px;left:10px;width:50px;}
.box-content-interactive {background:#fff; border: 1px solid #c7c7c7 ; padding: 0px; width:50px}
.box-content-interactive .item { width: 34px; margin:auto; border-bottom: 1px solid #c7c7c7; padding:14px 0px; }
.box-content-interactive .item:last-child{ border-bottom: none; }
.bt-facebook{  background: url('/images/global/icon-fb-n.png') no-repeat center; width: 34px; height: 30px}
.bt-twitter{  background: url('/images/global/icon-tw-new.png') no-repeat center; width: 34px; height: 30px}
.bt-facebook:hover, .bt-twitter:hover{ opacity: 0.5 }
.btn{
    background-position: 50% 50%;
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    vertical-align: middle;
	font-size:0;
}
.cfixed{position:fixed !important;}

@media (max-width:1280px){

	#header .mnbox .box{width:100%;}
	
	#header .mnbox .box .logo {padding:5px 15px;}
	#header .mnbox .box .right {padding:0 15px;}
	
	#content .hpro .head,
	#content .hpro ul,
	#content .hnews .head,
	#content .hnews ul,
	#content .hstore .head,
	#content .hstore ul,
	#footer .box,
	#navi .navibox,
	#content .general,
	#content .news,
	#content .featured,
	#content .pro,
	#content .protop,
	#content .progen .box,
	#content .prooth .box{width:98%;}
	
}

@media (max-width:1024px){
	
	.menu ul > li > a {font: 700 16px/60px 'Segoe UI Bold', sans-serif;}
	#orheader .box .center {padding: 10px 0 10px 100px;}

}

@media (max-width:900px){
	
	#header .mnbox .box .logo{z-index:998}
	#header .mnbox .box .left {float:none;position:absolute;top:0;bottom:0;left:0; right:0;z-index:997}
	#header .mnbox .box .right {z-index: 999;}
	
	#ordercon .left {display: none;}
	#ordercon .mid {width: 65%;padding: 0 20px 0 0;}
	#ordercon .right {width: 35%;}

	#orheader{
		-webkit-box-shadow: 3px 3px 6px 0 #e5e5e5;
		box-shadow: 3px 3px 6px 0 #e5e5e5;		
		}
	#orheader .box .logo {display: none;}
	#orheader .box .center {text-align: left;padding: 10px 0;}

}

@media (max-width:768px){

	#content .pro {display: block;}
	#content .pro .left{display:none}
	#content .pro .right{width:100%;border-left: none;padding:0;}
	
	#content .protop .info div.book a {padding: 10px 35px;}
	
	#ordercon {display: block;}
	#ordercon .mid {width: 100%;padding: 0;}
	#ordercon .right {width:100%;position:fixed;left:0;right:0;bottom:0;}
	#ordercon .right section div.shop ul li{display: none;}
	#ordercon .right section div.shop ul li:first-child{display:block;padding:10px 20px;}
	
}

@media (max-width:640px){

	#content .hpro .head,
	#content .hpro ul,
	#content .hnews .head,
	#content .hnews ul,
	#content .hstore .head,
	#content .hstore ul,
	#footer .box,
	#navi .navibox,
	#content .general,
	#content .news,
	#content .featured,
	#content .pro,
	#content .protop,
	#content .progen .box,
	#content .prooth .box{width:96%;}

	#content .general {margin: 25px auto 35px;padding: 15px 15px;}
	
	#content .hpro ul li{width:48%;margin:0 0 0 4%;}
	#content .hpro ul li:nth-child(odd){margin-left:0;}
	#content .hpro ul li:nth-child(even){margin-left:4%;}
	
	#content .hnews ul li{width:48%;margin:0 0 25px 4%;}
	#content .hnews ul li:nth-child(odd){margin-left:0;}
	#content .hnews ul li:nth-child(even){margin-left:4%;}

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

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

	#content ul.opro li{width:48%;margin:0 0 25px 4%;}
	#content ul.opro li:nth-child(odd){margin-left:0;}
	#content ul.opro li:nth-child(even){margin-left:4%;}
	
	#content .hstore ul li .info{width:100%;padding:5px 25px 15px;}
	#content .hstore ul li .thumb{width:100%;}
	
	#content h1.title {font: 700 25px/42px 'Segoe UI Bold', sans-serif;}
	#content h1.title:after {width:25%;}
	
	#content .pro .right .head span {font: 700 30px/42px 'Segoe UI Bold', sans-serif;}
	
	#footer .box ul.mnu li{width:50%;padding:5px 0 5px 5%;}
	#footer .box ul.mnu li:first-child{width:50%;padding:5px 0 5px 5%;}
	#footer .box ul.mnu li ul li:first-child {padding-left:0;}
	#footer .box ul.mnu li:nth-child(3){width:50%;}
	
	#footer .box ul.copy{padding:15px 0;}
	#footer .box ul.copy li{width:100%;padding:5px;}
	
	#orheader .box .center ul li input {width: 280px;}

}

@media (max-width:480px){
	
	#content .hpro {padding: 30px 0;}

	#content .hpro .head span {font: 700 30px/42px 'Segoe UI Bold', sans-serif;}
	#content .hpro .head a {padding:0 10px;font: 700 15px/30px 'Segoe UI Bold', sans-serif;}
	
	#content .hnews .head span {font: 700 30px/42px 'Segoe UI Bold', sans-serif;}
	#content .hnews .head a {padding:0 10px;font: 700 15px/30px 'Segoe UI Bold', sans-serif;}
	
	#content .hstore .head span {font: 700 30px/42px 'Segoe UI Bold', sans-serif;}

	#content .hpro ul li .info div a.book {padding: 5px 10px;font: 700 14px/20px 'Segoe UI Bold', sans-serif;}
	#content .hpro ul li .info div a.more {margin: 0 0 0 10px;padding: 5px 10px;font: 700 14px/20px 'Segoe UI Bold', sans-serif;}
	
	#content .pro .right ul li .info div a.book{padding: 5px 10px;font: 700 14px/20px 'Segoe UI Bold', sans-serif;}
	
	#content ul.opro li .info div a.book{padding: 5px 10px;font: 700 14px/20px 'Segoe UI Bold', sans-serif;}
	
	#content .protop {display: block;}
	#content .protop .thumb {width: 100%;}
	#content .protop .info {width: 100%;display: block;padding: 10px 0 0;}
	#content .protop .info h2 span {font: 700 30px/40px 'Segoe UI Bold', sans-serif;}
	#content .protop .info p.desc {padding: 15px 0;}

	#content .hnews ul li .info div a.more {padding: 5px 20px;font: 700 14px/20px 'Segoe UI Bold', sans-serif;}

	#footer .box ul.mnu li{width:100%;padding:5px 0;}
	#footer .box ul.mnu li:first-child{width:100%;padding:5px 0;}
	#footer .box ul.mnu li:nth-child(3){width:100%;}
	
	#orheader .box .login {display: none;}
	
}

@media (max-width:420px){
	
	#header .mnbox .box .logo{display:none;}
	#header .mnbox .box .logom{display:block;}
		
	#orheader .box .center ul li div.giaongay {padding: 0 15px;}
	#orheader .box .center ul li input {width: 220px;}
		
}