@charset "utf-8";
/* CSS Document */
body{font-family:Arial, Helvetica, sans-serif; margin: 0px auto; background:#ffeef2; }
#outer{width:1008px; background:#ffe7ed; margin:0px auto; }
#content{background:#ffe7ed}
#banner{background:#ffe7ed; margin:0px;/* height:358px;*/ width:1008px; border-bottom: solid #fe7fac/*#f14883*/ 10px;/* position:relative*/}
#menu{width:1008px; height:50px; /*left:0px; position:relative; */margin-top:0px; padding-top:0px; margin-left:22px; margin-bottom:15px}
/*Menu Trai*/
.menu-trai{width:200px; float:left; margin-left:10px}
.clear{ clear:both}
.tieude{color:#FFF; font-size:18px; text-align:center; line-height: 40px; background:url(../images/bg-tieude.jpg) repeat-x; height:41px; font-weight:bold; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px;behavior: url(../border-radius.htc); margin-bottom:10px}
/* icon */
.icon1{background:url(../images/icon1.png) left top no-repeat; height:40px;}
.icon2{background:url(../images/icon2.png) left top no-repeat; height:40px;}
.icon3{background:url(../images/icon3.png) left top no-repeat; height:40px;}
.icon4{background:url(../images/icon4.png) left top no-repeat; height:40px;}
.icon5{background:url(../images/icon5.png) left top no-repeat; height:40px;}
.icon6{background:url(../images/icon6.png) left top no-repeat; height:40px;}
.icon7{background:url(../images/icon7.png) left top no-repeat; height:40px;}
.icon8{background:url(../images/icon8.png) left top no-repeat; height:40px;}
.icon17{background:url(../images/icon17.png) left top no-repeat; height:40px;}
.icon18{background:url(../images/icon18.png) left top no-repeat; height:40px;}
.icon19{background:url(../images/icon19.png) left top no-repeat; height:40px;}
.icon20{background:url(../images/icon20.png) left top no-repeat; height:40px;}
.icon15{background:url(../images/icon15.png) left top no-repeat; height:40px;}
.m-10{margin-bottom:10px;}
.yahoo{ background:url(../images/icon9.png) left top no-repeat; height:30px}
.skype{ background:url(../images/icon10.png) left top no-repeat; height:30px}
.zing{ background:url(../images/icon14.png) left top no-repeat; height:30px}
.facebook{ background:url(../images/icon11.png) left top no-repeat; height:30px}
.dchi{ background:url(../images/icon12.png) left top no-repeat; height:30px}
.dt{ background:url(../images/icon13.png) left top no-repeat; height:30px}
.dd{ background:url(../images/icon16.png) left top no-repeat; height:30px}
/* text menu trai */
.danhmuc, danhmuc a{text-align:left; width:200px; height:40px; color:#8c3232; line-height:40px; font-size:16px; font-weight:bold; padding-left:45px;}
a{text-decoration:none;}
.color-a{color:#8c3232}
.text{text-align:left; width:200px; height:30px; color:#8c3232; line-height:30px; padding-left:40px; font-weight:bold; }
.t-vua{ font-size:12px}
.t-nho{font-size:10px}
.t-lon{ font-size:18px}
.kmai{font-size:16px; color:#8c3232; font-weight:bold; line-height:20px;}
.tde-kmai{font-size:20px; color:#F00; text-align:center; margin-top:10px}
ul{list-style:none; margin-top:0px; padding-left:0px; margin-left:0px; }
.mar_b10{margin-bottom:20px}
.center{text-align:center;}

/* right */
.right{float:right; width:770px; margin-right:15px}
.tieudelon{height:41px; text-align:left; padding-left:10px}
.spham{width:177px; min-height:209px; text-align:center; float:left; margin-bottom:10px}
.spham2{width:177px; height:200px; text-align:center; float:left; margin-bottom:10px}
.m-hinh{margin-left:20px}
.bogoc-sp{border-radius:15px; -moz-border-radius:15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; behavior: url(../border-radius.htc); width:175px; height:131px;}
.border{border:#f14883 2px solid; margin-bottom:10px}
.ten-sp{color:#f14883; text-align:center; line-height:20px; font-weight:bold;}
.ten-sp-nho{color:#f14883; text-align:center; line-height:20px; font-weight:bold; font-size:12px;}
.gia{color:#000; text-align:center; line-height:20px;}
.m-ma{margin-left:10px; margin-bottom:20px; width:300px; height:225px}/*
.height{height:785px}
.height-it{height:390px}*/
.xemthem{text-align:right; padding-right:20px; width:100%; height:40px; line-height:30px;}
.tieude-a{color:#FFF;}
.mika{margin-left:30px; font-weight:bold; color:#8c3232; line-height:30px;}
/* footer */
#footer{ background:url(../images/bg-footer-d.gif) repeat-x bottom; height:100px;}
.f-on{ background:url(../images/bg-footer.gif) repeat-x bottom; height:70px; margin:0 auto; width:900px; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; behavior: url(../border-radius.htc); color:#ee4d76; font-size:14px; text-align:center; }
.f-left{float:left; width:110px;}
.f-middle, f-middle a{ float:left; text-align:center; width:560px;line-height:20px; margin-top:5px; margin-bottom:0px; color:#ee4d76;}
.f-right{float:left; text-align:right; width:220px; margin-top:10px; margin-right:10px; font-size:11px; line-height:15px}
.copy{color:#fe7fac; font-size:12px; margin-top:0px}
.footer-a{color:#ee4d76;}


/* gioi thieu */
.middle{height:auto; text-align:center; margin-bottom:10px; width:770px; text-align:left;}
.m-0{margin:0px;}
.tde-content{color:#F00; font-size:36px; text-align:center; line-height:45px; font-weight:bold}
.note{color:#00F; font-weight:bold; font-size:27px; line-height:35px; padding-bottom:30px; padding-top:20px; text-align:center}
.ndung{padding-left:30px; font-size:18px; line-height:30px; color:#8c3232}
#Map{z-index:-9999}

.h-anh{width:177px; height:140px; text-align:center; float:left !important; margin-bottom:10px}
.t-center{text-align:center}
.red{color:#F00; font-size:27px; font-weight:bold; line-height:36px;}
.kmai-r{color:#F00; font-size:16px; font-weight:bold; line-height:20px;}
.blue{color:#00F; font-size:27px; font-weight:bold; line-height:36px;}
.pink{color:#FF0080; font-size:27px; font-weight:bold; line-height:36px;}
.text36{font-size:63px !important; font-weight:bold; line-height:72px;}
.text45{font-size:45px !important; font-weight:bold; line-height:54px;}
.resize{width:350px;}
.resize2{width:450px;}
/*---------------popup kmai-----------------*/
.post { margin: 0 auto; padding-bottom: 50px; float: left; width: 960px; }

.btn-sign {
	width:460px;
	margin-bottom:20px;
	margin:0 auto;
	padding:20px;
	border-radius:5px;
	background: -moz-linear-gradient(center top, #00c6ff, #018eb6);
    background: -webkit-gradient(linear, left top, left bottom, from(#00c6ff), to(#018eb6));
	background:  -o-linear-gradient(top, #00c6ff, #018eb6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#00c6ff', EndColorStr='#018eb6');
	text-align:center;
	font-size:36px;
	color:#fff;
	text-transform:uppercase;
}

.btn-sign a { color:#fff; text-shadow:0 1px 2px #161616; }

#mask {
	display: none;
	background: #000; 
	position: fixed; left: 0; top: 0; 
	z-index: 10;
	width: 100%; height: 100%;
	opacity: 0.8;
	z-index: 999;
}

.login-popup{
	display:none;
	background: #333;
	padding: 10px; 	
	border: 1px solid #666;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	box-shadow: 0px 0px 20px #999;
	-moz-box-shadow: 0px 0px 20px #999; /* Firefox */
    -webkit-box-shadow: 0px 0px 20px #999; /* Safari, Chrome */
	border-radius:3px 3px 3px 3px;
    -moz-border-radius: 3px; /* Firefox */
    -webkit-border-radius: 3px; /* Safari, Chrome */
}

img.btn_close {
	float: right; 
	margin: -28px -28px 0 0;
}

fieldset { 
	border:none; 
}

form.signin .textbox label { 
	display:block; 
	padding-bottom:7px; 
}

form.signin .textbox span { 
	display:block;
}

form.signin p, form.signin span { 
	color:#999; 
	font-size:11px; 
	line-height:18px;
} 

form.signin .textbox input { 
	background:#666666; 
	border-bottom:1px solid #333;
	border-left:1px solid #000;
	border-right:1px solid #333;
	border-top:1px solid #000;
	color:#fff; 
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	font:13px Arial, Helvetica, sans-serif;
	padding:6px 6px 4px;
	width:200px;
}

form.signin input:-moz-placeholder { color:#bbb; text-shadow:0 0 2px #000; }
form.signin input::-webkit-input-placeholder { color:#bbb; text-shadow:0 0 2px #000;  }

.button { 
	background: -moz-linear-gradient(center top, #f3f3f3, #dddddd);
	background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#dddddd));
	background:  -o-linear-gradient(top, #f3f3f3, #dddddd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f3f3f3', EndColorStr='#dddddd');
	border-color:#000; 
	border-width:1px;
	border-radius:4px 4px 4px 4px;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
	color:#333;
	cursor:pointer;
	display:inline-block;
	padding:6px 6px 4px;sd
	margin-top:10px;
	font:12px; 
	width:214px;
}

.button:hover { background:#ddd;
}
.popup{ background:#FFF; height:540px ; width:570px;}
/*------------end popup kmai-------------*/
.btn_close2 {
    background:url(../images/btn_close.png) no-repeat scroll center top transparent;
    cursor: pointer;
    height: 60px;
    position: absolute;
    right: -15px;
    top: -15px;
    width: 60px;
}
a.go_top{background:url(../images/top.png) no-repeat;display:block;position:fixed;z-index:99;bottom:10px;right:10px;width:70px;height:88px;top:87.8%;
opacity:0.5;filter:alpha(opacity=50)}
a.go_top:hover{opacity:1;filter:alpha(opacity=100)}a.warranty{background:url(../images/top.png) no-repeat;display:block;position:fixed;z-index:99;bottom:100px;right:10px;width:70px;height:88px;top:87.8%;opacity:0.5;filter:alpha(opacity=50)}a.warranty:hover{opacity:1;filter:alpha(opacity=100)}
/*===============Kmai================*/
#dropElem {
    display: none;
    position: fixed;
    top: 0;
    box-shadow: 0 0 10px 2px #353535;
    padding: 10px;
    background: #fff;
 z-index: 9999;
}
#shadowElem {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.9);
 z-index: 9998;
}

#dropContent {
    position: relative;
}
#dropClose {
    position: absolute;
    z-index: 99999;
    cursor: pointer;
    top: -5px;
    right: -5px;
  width: 30px;
 height: 30px;
    background-color: black;
    color: #fff;
 background: rgba(0, 0, 0, 0) url(../images/sprite.png) no-repeat scroll 2px 1px;
}