{
margin: 0;
padding: 0;
}
html, body {
height: 100%;
}
body{
background:#fff;
color:#000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:0;
padding:0;
}
a{
color:#000;
text-decoration:none;
}
span, strong{
line-height:30px;
margin:10px;
}
li{
list-style:none;
}
fieldset{
border:none;
}
.ctrl_strong{
color:#f00;
margin:0;
}
/* head */
#header_top {
background:url(../images/bg_head.png) repeat-x;
border: 2px solid #3399CC;
height: 60px;
}
#header_top .header {
margin: 0 auto;
max-width: 1260px;
min-width: 850px;
}
#header_top .logo{
float:left;
width:229px;
height:64px;
margin:0;
}
*+html #header_top .logo{/* IE7 */
margin:-20px 0 0 0;
}
#header_top .user, .logout{
float:right;
color:#3399CC;
margin:35px 10px 10px 10px;
}
*+html #header_top .user{/* IE7 */
margin:20px 10px 10px 10px;
}
*+html #header_top .logout{/* IE7 */
margin:20px 10px 10px 10px;
}
#header_top .user span{
line-height:0;
margin:0;
}
#header_top .logout a{
color:#3399CC;
text-decoration:underline;
}
#header_top .logout a:hover{
color:#666;
}
/* end head */
/* page */
#page{
float:left;
max-width: 1460px;
min-width: 850px;
border-left:1px solid #3399CC;
border-bottom:1px solid #3399CC;
margin:-5px 0 10px 0;
}
/* sidebar */
#sidebar{
float:left;
width:200px;
height:100px;
text-align:center;
}
#sidebar .button_box{
float:right;
width:190px;
height:auto;
margin:0 0 0 -20px;
border-bottom:0px solid #3399cc;
border-left:0px solid #3399cc;
border-right:0px solid #3399cc;
}
#sidebar .button_box ul{
margin:10px 0 0 0;
}
#sidebar .button_box ul li{
margin:0 0 0 -50px;
list-style:none;
}
#sidebar .button_box ul li a{
float:left;
background:url(../images/111.png);
width:200px;
height:40px;
color:#000;
text-decoration:none;
line-height:30px;
}
#sidebar .button_box ul li a:hover{
background:url(../images/222.png);
}
/* end sidebar */
/* content */
#content{
float:right;
width:1140px;
margin:1px 0 0 0;
border-left:1px solid #3399CC;
}
*+html #content{/* IE7 */
width:1132px;
margin:5px 0 0 0;
}
#content .tab_hotel_name, .tab_title_name{
width:700px;
height:30px;
line-height:30px;
font-size:18px;
color:#3399CC;
margin:-15px 0 0 0;
overflow:hidden;
}
#content .pagenavi{
margin:0 0 0 8px;
}
#content .pagenavi strong, span{
margin:0;
padding:0 0 0 3px;
}#content .pagenavi a{
color:#3399CC;
text-decoration:underline;
}
/* content -> menu */
/* content -> post */
#content .post_wrapper{
float:left;
width:1100px;
height:auto;
min-height:120px;
margin:0 0 0 0;
}
#content .allot{
float:left;
width:1125px;
height:auto;
min-height:120px;
margin:0 0 0 0;
}
.allot_head{
width:1000px;
margin:0 0 0 30px;
}
.allot_head .left{
float:left;
width:100px;
height:30px;
margin:30px 0 15px 10px;
}
.allot_head .right{
float:left;
text-align:center;
width:800px;
margin:10px 0 0 30px;
}
#content .post{
float:left;
width:750px;
margin:20px 0 0 20px;
}
#content .post .head{
width:730px;
float:left;
margin:10px 10px 0 10px;
}
#content .post .head .left{
float:left;
}
#content .post .head .left .select{
width:50px;
}
#content .post .head .right{
float:right;
}
#content .post .title{
float:left;
width:730px;
height:30px;
background:url(../images/bg_title.png);
margin:0 0 0 10px;
color:#fff;
font-weight:bold;
}
#content .post .detail_wrapper{
float:left;
width:728px;
margin:0 0 0 10px;
border:1px solid #999;
}
#content .post .detail{
width:700px;
margin:10px 0 0 0;
}
#content .post .detail ul li{
list-style:none;
}
#content .post .detail ul li a{
color:#3399CC;
line-height:30px;
text-decoration:underline;
}
#content .post .detail ul li a:hover{
color:#000;
}
#content .post .footer{
float:left;
width:728px;
height:auto;
margin:0 0 0 10px;
}
#content .post .footer .box1{
float:left;
width:200px;
height:auto;
margin:0;
}
#content .post .footer .box1 span{
margin:1px;
font-size:12px;
}
#content .post .footer .box2{
float:left;
width:auto;
margin:8px 0 0 120px;
text-align:center;
}
#content .post .footer .box2 .control_pre_button{
float:left;
cursor:pointer;
}
#content .post .footer .box2 .control_next_button{
float:left;
margin:0 0 0 5px;
cursor:pointer;
}
/* change_password */
#content .change_password {
float:left;
width:400px;
margin:20px 0 20px 20px;
border:1px solid #ccc;
background:#ddd;
}
#content .change_password .title{
width:400px;
height:30px;
background:url(../images/bg_title.png);
font-weight:bold;
font-size:16px;
}
#content .change_password .text{
float:left;
width:170px;
text-align:right;
margin:10px 0 0 0;
}
#content .change_password .textbox{
float:left;
width:200px;
line-height:30px;
margin:10px 0 0 0;
}
*+html #content .change_password .textbox{
line-height:50px;
}
.ctrl_changepassword_button{
margin:10px 0 0 150px;
}
.ctrl_text1{
color:#999;
font-size:12px;
}
.shadow{
float:left;
background:url(../images/shadow_right.png);
margin:15px 0 0 -18px;
width:42px;
height:179px;
}
/* end change_password */
/*main*/
#content .main{
float:left;
width:750px;
margin:20px 0 20px 20px;
}
#content .main .tab_status{
font-size:12px;
color:#f00;
font-weight:bold;
margin:5px;
}
#content .main .tab_status a{
text-decoration:underline;
margin:0 0 0 10px;
}
#content .main .tab_status a:hover{
color:#3399CC;
}
#content .main .detail{
float:left;
width:730px;
border-top:1px solid #666;
margin:10px;
}
#content .main .detail .detail_box_wrapper{
float:left;
width: 680px;
min-height:50px;
margin:5px 5px 5px 25px;
background:#ffffff;
/*redian*/
border-radius:15px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
/*shadow*/
box-shadow:0px 2px 5px #333;
-moz-box-shadow:0px 2px 5px #333;
-webkit-box-shadow:0px 2px 5px #333;
}
#content .main .detail .detail_box_wrapper p{
margin:0;
}
#content .main .detail .detail_box{
float:left;
width:680px;
margin:5px 0 5px 20px ;
}
#content .main .detail .detail_box .left_box{
float:left;
width:350px;
font-size:12px;
}
#content .main .detail .detail_box .left_box strong{
color:#f00;
}
#content .main .detail .detail_box .middle_box{
float:left;
width:200px;
}
#content .main .detail .ctrl_select{
width:70px;
margin:5px;
}
#content .main .detail .ctrl_text{
width:100px;
margin:5px;
}
#content .main .detail .ctrl_text2{
width:45px;
margin:5px 0 0 0;
}
#content .main .detail .detail_box .right_box{
float:left;
}
#content .main .detail .ctrl_button{
width:60px;
margin:5px;
}
#content .main .detail .ctrl_span2{
color:#666;
margin:0;
font-size:12px;
}
/* end main */
#content .admin{
float:left;
width:750px;
margin:20px 0 20px 20px;
}
#content .admin .condition{
float:left;
width:750px;
}
#content .admin .condition ul{
list-style:none;
margin:20px 0 0 15px;
padding:0;
}
#content .admin .condition ul li{
margin-bottom:20px;
}
#content .admin .tab_status_name{
float:left;
width:1100px;
min-height:30px;
height:auto;
margin:0 0 0 5px;
}
#content .admin .tab_status_name a{
color:#3399CC;
text-decoration:underline;
margin:0 0 0 3px;
}
#content .admin .tab_status_name_left{
float:left;
width:auto;
height:auto;
min-height:30px;
line-height:30px;
margin:0 0 0 10px;
}
#content .admin .tab_status_name_right{
float:left;
width:350px;
height:auto;
line-height:30px;
margin:0 0 5px 10px;
border-left:1px solid #ccc;
}
#content .admin .tab_language_right{
float:right;
width:auto;
height:auto;
min-height:30px;
line-height:30px;
margin:20px 0 0 10px;
}
#content .admin .tab_status_name_right ul li{
margin:-15px 0 0 10px;
list-style:square;
}
#content .admin .tab_status_name_right ul li a{
color:#3399CC;
font-weight:bold;
}
#content .admin .tab_status_name_right ul li a:hover{
color:#000;
}
#content .admin .insert_form{
float:left;
min-width:400px;
width:auto;
max-width:700px;
height:auto;
margin:10px 0 0 0;
line-height:40px;
background:#ffffff;
/*redian*/
border-radius:15px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
/*shadow*/
box-shadow:0px 2px 5px #333;
-moz-box-shadow:0px 2px 5px #333;
-webkit-box-shadow:0px 2px 5px #333;
}
#content .admin .insert_form .insert_form_table{
float:left;
width:auto;
min-width:450px;
text-align:right;
color:#333;
}
#content .admin .insert_form .insert_form_table th{
width:auto;
display:block;
text-align:right;
font-weight:normal;
}
#content .admin .insert_form .insert_form_table td{
width:auto;
text-align:left;
}
#content .admin .insert_form .ctrl_button{
margin:0 0 0 200px;
margin:0 0 0 200px\0/;
}
:root #content .admin .insert_form .ctrl_button{/* IE9 */
margin:0 0 0 200px\0/IE9;
}
*+html #content .admin .insert_form .ctrl_button{/* IE7 */
margin:0 0 0 200px;
}
.ctrl_button_packagetour{
width:150px;
height:32px;
margin:20px 0;
background:url(../images/button_02.png);
cursor:pointer;
}
.ctrl_button_packagetour strong{
font-size:12px;
width:188px;
color:#fff;
}
#content .admin .ctrl_select_packagetour{
width:150px;
height:25px;
}
#content .admin .ctrl_select_surcharge{
width:140px;
height:25px
}
#content .admin .ctrl_box_in_earlybird{
width:600px;
height:95px;
position:absolute;
z-index:1;
border:2px solid #f00;
margin:80px 0 0 85px;
}
#content .admin .ctrl_textbox_in_earlybird{
position:absolute;
z-index:2;
}
#content .admin .ctrl_textarea_condition{
width:570px;
height:250px;
}
/* booking */
#content .admin .booking{
float:left;
width:1000px;
height:auto;
}
#content .admin .booking_left{
float:left;
width:430px;
height:auto;
margin:0 0 0 20px;
}
#left_table{
width:350px;
border-collapse: collapse;
}
#left_table th{
background:#fff;
text-align:left;
margin:0 0 0 10px;
border:0px solid;
}
#left_table td{
width:auto;
text-align:left;
border:0px solid;
}
#content .admin .booking_right{
float:left;
text-align:left;
width:500px;
height:auto;
line-height:25px;
}
/* end booking */
/* end admin */
/* end content */
/* end page */
/*view_price*/
.view_price{
width:900px;
color:#666;
border-collapse: collapse;
}
.view_price th{
background:#cfe8ec;
color:#000;
border:1px solid #ccc;
}
.view_price td{
height:auto;
border:1px solid #ccc;
}
.view_price strong, span{
height:auto;
margin:0;
}
.view_price a{
height:30px;
color:#3399CC;
}
.view_price .ctrl_td{
text-align:center;
background:#EBF4FE;
}
/*end view_price*/
/* room */
#room_wrapper{
float:left;
width:auto;
height:auto;
}
.room{
min-width:400px;
width:auto;
max-width:1200px;
height:auto;
margin:10px 0 0 0;
line-height:40px;
background:#ffffff;
/*redian*/
border-radius:15px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
/*shadow*/
box-shadow:0px 2px 5px #333;
-moz-box-shadow:0px 2px 5px #333;
-webkit-box-shadow:0px 2px 5px #333;
}
.room .ctrl_span{
color:#f00;
font-size:15px;
}
.room .ctrl_strong_room{
margin:0 0 0 15px;
}
.room .ctrl_textbox_room{
width:60px;
}
.room .room_table{
max-width:1100px;
width:1100px;
height:auto;
border-collapse: collapse;
margin:0 0 0 5px;
text-align:center;
}
.room .room_table th{
max-width:200px;
min-width:90px;
width:auto;
border:1px solid #ccc;
padding:10px;
background:#cfe8ec;
font-size:12px;
color:#35412e;
overflow:hidden;
line-height:15px;
}
.room .room_table td{
max-width:200px;
width:auto;
height:35px;
border:1px solid #ccc;
font:14px;
color:#000;
overflow:hidden;
}
/* end room */
/* report_table */
.report_table{
max-width:1100px;
width:1100px;
height:auto;
border-collapse: collapse;
margin:0 0 0 5px;
text-align:center;
}
.report_table th{
max-width:200px;
width:auto;
border:1px solid #ccc;
padding:10px;
background:#cfe8ec;
font:14px;
color:#35412e;
overflow:hidden;
}
.report_table th a{
color:#3399CC;
text-decoration:underline;
}
.report_table td{
max-width:200px;
width:auto;
height:35px;
border:1px solid #ccc;
font:14px;
color:#000;
overflow:hidden;
}
.report_table td a{
color:#000;
}
.report_table td a:hover{
color:#3399CC;
}
/* end report_table */
#jsddm{
float:left;
margin:10px 0 0 -35px;
}
*+html #jsddm{ /* IE7 */
float:left;
margin:10px 0 0 10px;
}
#jsddm{
float:left;
margin:10px 0 0 -35px;
}
#jsddm li{
float: left;
list-style: none;
font: 12px Tahoma, Arial;
background:#ddd;
}
#jsddm .currentpage{
background:#3399CC;
}
#jsddm li a{
display: block;
padding: 5px 12px;
text-decoration: none;
border: 1px solid white;
color: #000;
white-space: nowrap
}
#jsddm li a:hover{
background: #3399cc
}
#jsddm li ul{
margin: 0;
padding: 0;
position: absolute;
visibility: hidden;
border-top: 1px solid white
}
#jsddm li ul li{
float: none;
display: inline
}
#jsddm li ul li a{
width: auto;
background: #ddd;
}
#jsddm li ul li a:hover{
background: #3399cc
}
#content .menu{
float:left;
margin:0 0 0 -39px;
}
#content h2 {
color:#0085cc;
}
#content .menu .currentpage{
background:#3399CC;
}
#content .menu ul{
}
#content .menu ul li{
float:left;
width:auto;
height:25px;
padding:0 10px 0 10px;
border:1px solid #ccc;
background:#ddd;
list-style:none;
margin:3px;
}
#content .menu ul li a{
line-height:25px;
}
#content .menu ul li a:hover{
background:#ccc;
color:#3399CC;
}
/* login */
#bg_login{
background:url(../images/bg_head.png);
}
#login_wrapper{
float:left;
width: 400px;
height:250px;
margin:160px 5px 5px 470px;
background:#ffffff;
/*redian*/
border-radius:15px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
/*shadow*/
box-shadow:0px 2px 5px #333;
-moz-box-shadow:0px 2px 5px #333;
-webkit-box-shadow:0px 2px 5px #333;
border:1px solid #666\0/;
}
*+html #login_wrapper {
border:1px solid #666;
}
#login_wrapper .login_form{
float:left;
height:auto;
margin:40px 0 0 25px;
}
#login_wrapper .login_form .left{
float:left;
width:100px;
text-align:right;
}
#login_wrapper strong{
margin:0;
}
#login_wrapper a{
color:#3399cc;
margin:0 0 0 260px;
}
#login_wrapper a:hover{
color:#000;
}
#login_wrapper .login_form .right{
float:left;
margin:0 0 0 10px;
}
#login_wrapper .login_form .ctrl_textbox_login{
width:200px;
height:25px;
}
#login_wrapper .login_form .ctrl_checkbox{
margin:0 0 0 110px;
}
#login_wrapper .login_form .ctrl_button{
margin:0 0 0 140px;
}
/* end login */