/* CSS Document */

@charset "utf-8";
/* CSS Document */
html,body{margin:0; padding:0; font-family:"Century Gothic", Verdana, Tahoma; font-size:15.8px; color:#f4f4f4; background-image:url(../images/bg_back.jpg); background-position:top center; background-repeat:no-repeat; background-color:#2b001e;}
a{color:#e575d6; text-decoration:none;} a:hover{color:#faa2ee; text-decoration:none;}
.txtbox{width:300px;}
.txtbox2{width:250px;}

#backbody{float:left; width:100%; background-image:url(../images/bg_clound.jpg); background-position:center top; background-repeat:no-repeat;}
#wraper{width:960px; margin:0 auto;}

#header{width:960px; float:left;}
#header .logo{width:550px; height:40px; float:left; display:block; margin:35px 0 0 10px;}
#header .logo img{border:0;}
#header .menu{background:url(../images/bg_menu.png); width:960px; height:31px; float:left; margin:20px 0 0 0; display:block; padding:10px 0 0 0; font-size:16px;}
#header .menu a{display:block; float:left; padding:0 23px; border-left:#72253c solid 1px; color:#d75d6e; text-decoration:none;}
#header .menu a:hover{color:#FFF; text-decoration:none;} #header .menu a.hilight{color:#FFF; text-decoration:none;}

#header #contac{float:right; margin:30px 0 0 0; color:#FFF; text-align:right;}
#header #contac .tel{font-size:26px;}
#header #contac .mail{font-size:14px;}
#header #contac a{color:#FFF; text-decoration:none;}
#header #contac a:hover{color:#FFF; text-decoration:underline;}

#content{width:960px; float:left; margin:20px 0 0 0;}
#banner{width:960px; height:370px; float:left; overflow:auto; position:relative; margin-bottom:15px;}
#banner ul{margin:0; padding:0; list-style:none; position:absolute; float:left;}
#banner li{margin:0; padding:0; float:left;}

#box{width:960px; float:left;}
#box .top{background:url(../images/bg_content_01.png); width:960px; height:8px; float:left; display:block;}
#box .main{
	background:url(../images/bg_content_02.png);
	padding:10px 20px;
	width:920px;
	float:left;
	display:block;
}
.article{
	float:left; width:960px; height:15px
}
#box .bottom{background:url(../images/bg_content_03.png); width:960px; height:7px; float:left; display:block;}

.feature{width:160px; padding:6px; height:265px; margin:10px; background-color:#49141b; float:left; display:block; text-align:center; color:#CCC; text-decoration:none;} .feature:hover{
	color:#FFF;
	text-decoration:none;
	background:url(../images/bg_es.jpg);
}
.feature img{
	width:140px;
	height:240px;
	border:0;
	margin-bottom:15px;
	float: none;
}
.feature .tooltip{display:none;}
.feature:hover .tooltip{display:block; width:180px; position:absolute; padding:10px; background-image:url(../images/bg_tip.png); z-index:10; margin:120px 0 0 15px; line-height:16px; text-align:left; color:#ccc; font-size:12px; text-decoration:none;}

.gallery{width:205px; padding:5px; height:333px; margin:7px; background-color:#49141b; float:left; display:block; text-align:center; color:#CCC; text-decoration:none;} .gallery:hover{color:#FFF; text-decoration:none; background:url(../images/bg_es2.jpg);}
.gallery img{width:205px; height:308px; border:0; margin-bottom:5px;}
.gallery .tooltip{display:none;}
.gallery:hover .tooltip{display:block; width:220px; position:absolute; padding:10px; background-image:url(../images/bg_tip.png); z-index:10; margin:180px 0 0 30px; line-height:16px; text-align:left; color:#ccc; font-size:14px; text-decoration:none;}

h2{font-size:24px; margin:0 0 10px 0; padding:0; color:#eeeeee; font-weight:normal;} h2 .pink{color:#e30089;}

h3{font-size:18px; margin:0 0 10px 0; padding:0 0 5px 0; border-bottom:#70190e dotted 1px; font-weight:normal;}

.moon{list-style:url(../images/moon.gif); margin:0; padding:0;}
.moon li{margin:0 0 0 20px; padding:5px 0;}

#thumb{width:690px; float:left; margin-right:10px;} #thumb img{width:120px; height:180px; margin:5px; float:left; border:#333 solid 1px; padding:3px; background:#000;}
#thumb img:hover{border:#ddd solid 1px; background:#FFF;}
#detailescort{width:220px; float:left;}

#detailescort ul{margin:0; padding:0; list-style:none;}
#detailescort li{margin:0; padding:5px 0; border-bottom:#666 dotted 1px;}

#footer{width:100%; background-image:url(../images/bg_backfooter.gif); background-repeat:repeat-x; background-color:#020202; float:left; padding:0 0 18px 0; font-size:12px; color:#CCC;}
#footer .wraper{width:984px; height:60px; background:url(../images/bg_footer.jpg); margin:0 auto; text-align:center; padding:40px 0 0 0;}
#footer .wraper a{color:#CCC; text-decoration:none;} #footer .wraper a:hover{color:#FFF; text-decoration:none;}