*{margin: 0; padding: 0;}
li{list-style: none;}
 
a{text-decoration: none;}
.clear{clear: both;}
body{font-family: Tahoma,Arial;font-size:12px;}
#web{width:100%;height:100%;}
#header{width:100%;  background:url(../images/bg-header.png) no-repeat #fff;}
#menu{width:100%;height: 40px; background: #2d7bb9;  }
.fr{float:right} 
.fl{float:left;}
#menu a{font:bold 12px/40px Tahoma; color:#fff;  margin:0;}
#menu a:hover{text-decoration: none;}
#main{width:100%;}
#main1{width:100%;height:225px;margin:7px 0px 0px 0px;}
#slide{width:588px; height:216px;float:left;margin:0px 5px 5px 5px;}
#top-temp{height:215px;background: #dff2fd; overflow: hidden;}
.top-temp-tt{height:10px;border-bottom: 1px solid #8bc3e6;margin:0px 0px 15px 0px}
.top-temp-tt p{background:#dff2fd;width:140px;padding-left: 10px; color:#21659b; font-size:12px;}
.template-top{width:150px;height:190px;float:left;position: relative;margin: 0px 0px 12px 0px;}
.template-top ul{font-size:10px;color:#838383;}
.template-top ul span{font-size:11px; color:#ff0000;}
.a-xem{width:67px; display: block; background: url(../images/bg-xem.png) repeat-x;border: 2px solid #fff; border-radius: 5px;position: absolute;top:155px;left: 73px;text-align: center; color:#fff;  box-shadow: 1px 2px 1px #ccc; font:12px/18px Arial;}
#top-temp-ct{width: 100%;margin: 0px 0px 0px 20px;}
#main2{width:100%; background: #8bc3e6; float:left}
#main2 ul{width:100%;float:left;padding:0px 0px 0px 20px;}
#main2 ul li{width:100%;margin: 10px 0px;}
#main2 ul li label{margin-bottom:0;}

input.input-key{width:570px;height:38px; padding-left:5px; outline:0; border: 1px solid #999;}
input.btt-sub{width:85px;height:36px;background:url(../images/bg-tim.png) repeat-x;border: 3px solid #fff; border-radius: 5px;box-shadow: 1px 2px 2px #ccc;font-family:Arial; font-size: 15px;font-weight: bold;color: #fff;cursor: pointer;margin: 0px 0px 0px 0px }
#main2 select{
    background:url(../images/bg-select.png) no-repeat 94% 50% #f8f8f8;
    width:160px;
    height:36px;
    padding:3px;
    margin: 0;
    color:#888;
    border:none; 
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer; 
    
}
#cboxCurrent{display:none !important;}
label {position:relative}
 
#main3{width:100%;height:100%;}
.main3-temp{  }
.main3-items{width:232px;height:359px;border:1px solid #ccc;border-radius: 5px; background: #fbfbfb;margin: 5px; display:inline-block; vertical-align:top; list-style:none; text-align:left;position: relative;}
.main3-item-ct{width:100%; margin: 0px auto 3px auto;position: relative;}
.main3-item-ct ul li{font-family: Tahoma;font-size:12px;color:#838383;margin:3px 0px;}

.main3-item-ct  p.img{height:248px;width:100%; border-radius:5px 5px 0 0; overflow: hidden; position: relative;} 
.main3-item-ct  img.img{ width:100%; border-radius:5px 5px 0 0;position: absolute; max-height: inherit; top: 0; left :0;} 
.main3-items .overflow{
    max-width: 340px;
     
    }
.main3-items .overflow{
    position: absolute;
    top: -20%;
    left: -25%; display: none;
    width: 340px;
    
    background: #fff;z-index: 9;
    border: 1px solid #ddd; border-radius:2px;
    padding: 20px 20px 5px 20px;box-shadow: 0 2px 35px rgba(0,0,0,0.4);
    
    
}
.main3-items:hover .overflow{
     display: block;
    
}

.overflow .o-content{
    height: 370px;
    width: 100%;
    overflow: hidden;
    position: relative;
    float: left;
}
.overflow .o-content img{
    position: absolute;
    top:0; left:0;
    max-height: none !important;
    
}
.overflow .h-content{
    position: relative;
    float:left; width:100%;
}
.overflow .h-content a{
    text-decoration: none;
    background: #19598f;
    padding: 5px 15px;
    margin: 15px 2px;
    color:#fff;
    display: inline-block; 
    
}
.overflow .h-content a.detail{
     
    background: #c64545;
     
}



.center{text-align:center;}


span.pr{color:#ff0000;}


span.lo{color:#11b729;cursor: pointer; position:relative}
.main3-item-xem{width:66px;height:18px;background:url(../images/bg-xem.png) repeat-x; border-radius: 5px; box-shadow: 0 3px 2px #ccc, 0 -1px 0px #ccc inset;text-align: center;margin:0 auto;}
.main3-item-xem a{font-size:11px;color:#fff;float:left;line-height:18px;}
.axl{margin: 0px 0px 0px 7px;border-right: 1px solid #fff;padding-right: 3px;}
.axr{margin: 0px 0px 0px 5px;}
.main3-nav{
	width:250px;  display:none;
	border: 2px solid #b9e3fd; 
	border-radius: 5px;
	background: #e8f7ff;
	margin: 5px 0px 0px 0px; 
	position:absolute; 
	top:41px;  
	right:15px;
	z-index:9; 
}
.main3-nav-title{width:100%;height:26px;border-bottom: 1px dashed #ccc;line-height: 20px;}
.main3-nav-title p{font:bold 14px/26px Arial ;color:#0b5078;margin:0px 0px 0px 10px;}
.main3-nav ul{padding: 0px 0px 0px 10px;}
.main3-nav li{width:100%; margin: 10px 0px;}
.main3-nav li a{font: 12px/18px Arial;font-weight: normal; color:#0b5078;}
.main3-nav li a:hover,.main3-nav li a.active{font-weight:bold;}

.totip{ z-index:99999; overflow: hidden; position: absolute;top:10px;left:-25px;display: none;}
.main3page{width:100%;float: left;display: none;}
.main3add{width:100%;height:40px;margin: 0px 0px 100px 0px;}
p.viewpage{width:290px;height:40px;border: 1px solid #ccc; cursor: pointer; margin: 20px auto; background:#f5f4f4; color:#5b5b5b;font-family:Arial;font-size:15px;text-align: center;line-height: 40px;}
.toptip-ct{  height:80%;float:left;position: relative;font-size:11px;color:#838383;padding: 5px;border:2px solid #c6e9ff;border-radius:5px;background:#eaf8ff;margin: 8px 0px 0px 0px;}
.tamgiac{width:14px;height:10px;background:url(../images/bg-popup.png) no-repeat;display: block;position: absolute; top:-10px;left: 23px;}
.camera_pag{position:absolute;bottom:0;right:0;}
.camera_wrap .camera_pag .camera_pag_ul li{margin:11px 5px;}
.camera_caption{display:none !important;}
.camera_pie{display: none;}
.sf-menu{margin-bottom:0;}
.sf-menu a{padding:0 1em;border:none;}
.sf-menu li{background:none;}
.sf-menu ul li{background:#2d7bb9;}
.sf-menu li:hover, .sf-menu li.sfHover{background:#747020;}
.ul-login{float:right;}
.ul-login li{display:inline-block; margin:0 10px;}

.detail{text-align:center; margin:40px 0}
.btn-demo{
	background-color: #2194d2;
border-bottom: solid 2px #0a5b86;
color: #fff;
 cursor:pointer;
height: 34px;
font:bold 14px/34px Arial;
padding: 6px 12px;
text-decoration: none;}
.lo:hover .totip{display:block;}.red{color:red;} 
.user_demo,.btn_order_templete{padding:5px 10px;}.fl100{float:left;width:100%;}
.rsmenu{
	position:relative;
}
.rsmenu .cate_header{
	cursor:pointer;
	background: url(../images/bg-tim.png) repeat-x;
	border: 2px solid #fff;
	border-radius: 5px;
	box-shadow: 1px 2px 2px #ccc;
	font-family: Arial;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	padding: 6px 15px;
	height: 36px;
	line-height: 58px; margin-right:15px;
}
.rsmenu:hover .main3-nav{ display:block;}
.tinfo{border-top:1px solid #efefef; margin-top: 15px; position:relative; background:#efefef; padding:5px 0 5px; border-radius: 0 0 5px 5px; }
.tinfo ul{margin:0 10px;}
.thumbnail-arrow {
position: absolute;
display: block;
border-color: transparent;
border-style: solid;
top: -17px;
left: 17px;
border-bottom-color: #efefef;
content: " ";
border-width: 8px;
box-sizing: border-box;
}