/*----reset----*/
body{margin:0;padding:0;font-size:12px;line-height:22px;font-family:"宋体","Arial Narrow";background:#fff;}
form,ol,ul,li,p,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
input,select{font-size:12px;line-height:16px;border:none;}
img{border:0;}
ul,li{list-style-type:none;}
a{text-decoration:none;}
table{border-collapse:collapse;}
.clear{clear:both;}
.fl{float:left;}
.fr{float:right;}
.hide{display:none;}

.gray{color:#927555;}
a.gray{color:#927555; text-decoration:none;}

.crtext{ color:#EF3157}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;

}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear:both;
visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/ *
html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#loading{z-index:1;padding:5px 0 5px 9px;
background:#F38590;left:0;top:0;width:90px;font-size:14px;
color:#FFF;position:fixed}

/*----layout----*/
body{
    background-image: url(../images/bj.jpg);
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:50% 0%;
}
#layout{
	width:1002px;
	margin:0 auto;}

/*----head----*/

#head{
	height:108px;	
}
#logo{float:left;}
#mininav{
	float:right;
	margin-top:7px;
	margin-right:30px;}
#mininav a{
	color:#e83b63;display:block;height:22px;line-height:22px;float:left;padding-right:5px;}

.logo{width:164px; height:108px; float:left;}
.menus{width:838px; height:108px; float:right; position:relative;}
.menus-bg2{background:url(../images/top2.jpg) no-repeat;}
.menus-bg3{background:url(../images/top3.jpg) no-repeat;}
.menus-bg4{background:url(../images/top4.jpg) no-repeat;}
.menus-bg5{background:url(../images/top5.jpg) no-repeat;}
.menus-bg6{background:url(../images/top6.jpg) no-repeat;}

.nav-bg2{background:url(../images/top2-1.jpg) no-repeat 0;}
.nav-bg3{background:url(../images/top3-1.jpg) no-repeat 0;}
.nav-bg4{background:url(../images/top4-1.jpg) no-repeat 0;}
.nav-bg5{background:url(../images/top5-1.jpg) no-repeat 0;}
.nav-bg6{background:url(../images/top6-1.jpg) no-repeat 0;}

.headlinks{ position:absolute; top:5px; right:20px;}
.headlinks a{ width:40px; display:inline-block; height:20px;margin:0 2px;}
.headlinks a.favour{width:70px;}

/*----main----*/
.menuitem{ width:1002px; clear:left; margin:0;}
#main{width:1002px;}
#menu,#lovers,#video,#lovecorner,#reserve{
	float:left;}
#menu{ overflow:hidden; width:310px; height:348px;}
#lovers{ width:352px; height:348px; background:url(../images/lovers.jpg) no-repeat 0;}
#video{
	width:265px;
	height:348px;
	background:url(../images/tagline.jpg) no-repeat left bottom;}
#lovecorner{
	width:310px;
	height:260px;
	background:url(../images/love-corner.jpg) no-repeat;}
#reserve{
	width:381px;
	height:260px;
	background:url(../images/reserve.gif) no-repeat; position:relative;}

#account{
    float:left;
	width:309px;
	height:260px;
	background:url(../images/account.jpg) no-repeat left top; position:relative; left:0; top:0;}
#account a{
	display:block;
	background:none;
	width:66px;
	height:50px;
	text-indent:-9999px;
	position:absolute;/*
	border:1px solid #000;*/
	left: 223px;
	top: 75px;
}
#account span.username{
	position:absolute;
	left: 149px;
	top: 16px;
}
#account .infor{
	left: 88px;
	top: 92px;
}
#account .order{
	left: 156px;
	top: 91px;
}


#login-account{
	width:309px;
	float:left;
	height:260px;
	background:url(../images/login-account.jpg) no-repeat left top; position:relative;}
#login-account a{
	display:block;
	background:none;
	width:70px;
	height:41px;
	text-indent:-9999px;
	position:absolute;/*
	border:1px solid #000;*/
	left: 201px;
	top: 95px;
}

#login-account  #logpwd{
	position:absolute;
	background:none;
	width:80px;
	top:53px;
	left: 128px;
}

#login-account  #logname{
	position:absolute;
	width:133px;
	background:none;
	top:24px;
	left: 129px;
}
#login-account #btnsubmit{
	position:absolute;
	top:95px;
	left: 201px;
	width: 65px;
	height: 46px;
	background:none;
	text-indent:-9999px;
	cursor:pointer;
}

#login-account .infor{
	left: 79px;
	top: 92px;
}
#login-account .forget{
	left: 211px;
	height:20px;
	top: 54px;
}


/*登录后*/
.loginpanel{width:284px; height:200px; background:url(../images/bg-loginpanel.jpg) no-repeat 0px 0px; position:relative;_left:0px;}
.loginpanel a{
	display:block;
	width:70px;
	height:52px;
	position:absolute;
}
.loginpanel span.username{
	position:absolute;
	left: 130px;
	top: 53px;
}
.loginpanel a.a1{
	left: 67px;
	top: 120px;
}
.loginpanel a.a2{
	left: 139px;
	top: 116px;
	width:60px;
}
.loginpanel a.a3{
	left: 201px;
	top: 105px;
}
/*login*/
.logaccount{width:284px; height:200px; background:url(../images/28.jpg) no-repeat 0px 0px; position:relative;_left:0px;}
.logaccount input{
	position:absolute;
	background:none;
	left: 196px;
	top: 131px;
}
.logaccount  .logpwd{
	width:80px;
	top:80px;
	left: 108px;
}
.logaccount  .logname{
	width:133px;
	top:51px;
	left: 108px;
}
.logaccount .btnsubmit{
	top:118px;
	left: 185px;
	width: 65px;
	height: 46px;
	text-indent:-9999px;
	cursor:pointer;
}
.logaccount a{ width:70px; text-indent:-9999px;
	height:52px;
	position:absolute;}
.logaccount .infor{
	left: 60px;
	top: 122px;
}
.logaccount .forget{
	left: 198px;
	height:20px;
	top: 78px;
}
	
.col-main{float:left;width:100%;}
.col-sub{float:left;margin-left:-100%;width:284px;}
.col-main .main-wrap{ margin-left:284px;}
.col-main .main-wrap .nav{ width:718px; height:128px; position:relative;}
   .col-main .main-wrap .nav .navlink{ position:absolute; bottom:6px; right:32px;}


/*index*/
.indexbg{background:url(../images/right.jpg) no-repeat right top;}
.index-hd-bg{background:url(../images/head.jpg) no-repeat;position:relative;}

.chose-time{
	position:absolute;
	left: 116px;
	top: 81px;
	width: 223px;
	height: 86px;
}
.chose-time .required{clear:left;
	display:block;
	padding:1px;
	width:260px;
	}
.chose-time .required  label{display:block;float:left;}
.chose-time .required  label.main{
padding:3px 0px;
text-align:right;
width:68px;
color:#5D3333;
}
.chose-time .required  label.radio{padding:0 3px;}
.chose-time .required input.inputText{
margin:0;
background:url(../images/input-bg.jpg) no-repeat 0px 0px;height:20px;
padding:4px 12px;
width:140px;
}
.chose-time .required .checkboxlist{float:left;padding-top:5px;}
.chose-time .required .checkboxlist input{padding:0 3px; float:left;}
.chose-time .btnsubmit{
	position:absolute;	
	left: 144px;
	top: 124px;
	cursor:pointer;
}
.chose-time .btnsubmit input.submit{
    display:block;background:none;
	text-indent:-9999px;
	width:80px;
	height:42px;
	cursor:pointer;
	}


/*input style*/
input.inputText{
	margin:0;
	background:url(../images/input-bg.jpg) no-repeat 0px 0px;
	height:20px;
	padding:4px 12px;
	width:140px;
}
label.mylabel1{float:left; width:80px; text-align:right;}

/*IE7 Hack*/
.inputText{
background:url(../images/input-bg.jpg) no-repeat -2px -2px;
height:24px;
width:153px;
float:left;
padding:3px 5px 0 10px;
}
.inputText input{background:none;}

/*form */
.orderform{ padding-top:75px; padding-left:125px;}
.orderform .required{clear:left;
	display:block;
	padding:1px;
	width:354px;}
.orderform .required  label{display:block;float:left;}
.orderform .required  label.main{
padding:3px 0px;
text-align:left;
width:68px;
color:#5D3333;
}
.orderform .required  label.radio{padding:0 3px;}
.orderform .required input.inputText{
margin:0;
background:url(../images/input-bg.jpg) no-repeat 0px 0px;height:20px;
padding:4px 12px;
width:150px;
}
.orderform .required .checkboxlist{float:left;padding-top:5px;}
.orderform .required .checkboxlist input{padding:0 3px; float:left;}


/*help link*/
.koel_helplink a{ display:block;height:55px; width:100%;}
.koel_helplink a.help_cus{ background:url(../images/bg001.jpg) no-repeat center -5px; margin-top:20px;}
.koel_helplink a.help_cle{ background:url(../images/bg001.jpg) no-repeat center -70px; margin-top:5px;}
.koel_helplink a.help_hot{ background:url(../images/bg001.jpg) no-repeat center -125px; margin-top:5px;}

/*order*/
.order .buttons{ width:100%; height:161px;}
.order .content{ height:319px; position:relative;}
.order .content .next{
	position:absolute;
	right:90px;
	bottom:53px;
	display:block;
	text-indent:-999px;
	width: 120px;
	height:65px;
	background:url(../images/btn01.jpg) no-repeat -300px;
	cursor:pointer;
}


h1.mytitle{ font-size:16px; color:#cd565d; padding:3px 10px;}

.notext{ text-indent:-9999px;}

/*myaccount*/
.myaccount{ background:url(../images/account_form_bg.jpg) no-repeat; width:718px; height:700px;}
    .my_content{position:relative; height:700px;}
	.my_navlink{ margin-left:25%;}
    .my_navlink li{ font-size:15px; color:#cd565d; float:left; padding:0 5px; width:91px; height:30px; text-align:center; line-height:28px;}
	.my_navlink li.on{ font-weight:bold; background:url(../images/account_bg.png) no-repeat 3px -2px;}
	.my_navlink a{padding-top:5px; color:#F0ABAE; text-decoration:none;}
	.my_navlink li.on a{color:#cd565d; }
    .main_content{ position:relative;}
.rsmain1{clear:left;}    
	.rsmain1 .item{
	width:550px;
	margin-left:80px;
	position:absolute;
	left:2px;
}
	
	    .rsmain1 .item_left{ float:left;} 
	    .rsmain1 .item_right{ float:right;} 
	.rsmain1 li{display:block;}
	
label.mylabel{float:left; width:120px; text-align:right;}

/*footer*/
.footercorner{ background:url(../images/love-corner.jpg) no-repeat 309px -260px;}
#footer{
   clear:left;
   height:22px;
   line-height:22px;
   position:relative;
   padding:5px 0px;
   color:#927555;
}
#footer p{
   padding-left:39px;
   font-size:12px;   
   font-weight:bold;}

#footer a{ color:#927555;font-weight:bold;}
#footer .copyright{ position:absolute; right:20px; bottom:0;}

.sharebtn{color:#927555;padding-left:40px;}

#TB_Overlay{height:100%;width:100%;display:block;z-index:1000;position:absolute;left:0;top:0px;background:url(../images/updating.png) no-repeat center;_background:url(../images/updating.gif) no-repeat center;_height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
#TB_HideSelect{
    z-index:99;
    position:fixed;
    top: 0;
    left: 0;
    background-color:#000;
    border:none;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    opacity: 0.5;
    height:100%;
    width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}