You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
75 lines
3.6 KiB
75 lines
3.6 KiB
html,body,div,span,h1,h2,h3,h4,h5,h6,p,pre,a,code,em,img,small,strong,sub,sup,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
|
|
a{color:#007bc4; text-decoration:none;}
|
|
a:hover{text-decoration:underline}
|
|
ol,ul{list-style:none}
|
|
table{border-collapse:collapse;border-spacing:0}
|
|
body{height:100%; font:12px/18px "Microsoft Yahei", Tahoma, Helvetica, Arial, Verdana, "\5b8b\4f53", sans-serif; color:#51555C;}
|
|
img{border:none}
|
|
.clearfix:after {
|
|
visibility: hidden;
|
|
display: block;
|
|
font-size: 0;
|
|
content: " ";
|
|
clear: both;
|
|
height: 0;
|
|
}
|
|
.head {border-bottom: 1px solid #dadada;padding: 0 0 5px;}
|
|
.head_inner {margin: 0 auto;width: 980px;}
|
|
.container{width:980px; min-height:600px; margin:30px auto 0 auto; border:1px solid #d3d3d3; background:#fff; -moz-border-radius:5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px; border-radius:5px;}
|
|
h2.title{margin:4px 0 30px;padding:15px 0 10px 20px; border-bottom:1px solid #d3d3d3; font-size:18px; color:#a84c10; }
|
|
.foot{ height:60px;padding:10px 2px; line-height:24px; text-align:center}
|
|
.foot a:hover{color:#51555C}
|
|
.btn{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;
|
|
background-color: #ff8400;color: #fff;display: inline-block;height: 28px;line-height: 28px;text-align: center;
|
|
width: 72px;transition: background-color 0.2s linear 0s;border:none;cursor:pointer;}
|
|
.demo{width:900px;margin:0 auto}
|
|
.btn:hover{background-color: #e95a00;text-decoration: none}
|
|
|
|
ul.ul_demo li {
|
|
line-height: 28px;
|
|
padding-left: 20px;
|
|
}
|
|
.input{
|
|
border:1px solid #ccc;padding:0 5px;width:220px; height: 26px;line-height: 26px;
|
|
}
|
|
|
|
.front{width: 300px;margin: 5px 32px 45px 32px;background-color: #f0f0f0; color: #666;text-align: center;padding: 3px;border-radius: 5px;}
|
|
|
|
.booking_area {float: right;position: relative;width:200px;height: 450px; }
|
|
|
|
.booking_area h3 {margin: 5px 5px 0 0;font-size: 16px;}
|
|
|
|
.booking_area p{line-height:26px; font-size:16px; color:#999}
|
|
|
|
.booking_area p span{color:#666}
|
|
|
|
div.seatCharts-cell {color: #182C4E;height: 25px;width: 25px;line-height: 25px;margin: 3px;float: left;text-align: center;outline: none;font-size: 13px;}
|
|
|
|
div.seatCharts-seat {color: #fff;cursor: pointer;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
|
|
|
|
div.seatCharts-row {height: 35px;}
|
|
|
|
div.seatCharts-seat.available {background-color: #B9DEA0;}
|
|
|
|
div.seatCharts-seat.focused {background-color: #76B474;border: none;}
|
|
|
|
div.seatCharts-seat.selected {background-color: #E6CAC4;}
|
|
|
|
div.seatCharts-seat.unavailable {background-color: #472B34;cursor: not-allowed;}
|
|
|
|
div.seatCharts-container {border-right: 1px dotted #adadad;width: 400px;padding: 20px;float: left;}
|
|
|
|
div.seatCharts-legend {padding-left: 0px;position: absolute;bottom: 16px;}
|
|
|
|
ul.seatCharts-legendList {padding-left: 0px;}
|
|
|
|
.seatCharts-legendItem{float:left; width:90px;margin-top: 10px;line-height: 2;}
|
|
|
|
span.seatCharts-legendDescription {margin-left: 5px;line-height: 30px;}
|
|
|
|
.checkout-button {display: block;width:80px; height:24px; line-height:20px;margin: 10px auto;border:1px solid #999;font-size: 14px; cursor:pointer}
|
|
|
|
#seats_chose {max-height: 150px;overflow-y: auto;overflow-x: none;width: 200px;}
|
|
|
|
#seats_chose li{float:left; width:72px; height:26px; line-height:26px; border:1px solid #d3d3d3; background:#f7f7f7; margin:6px; font-size:14px; font-weight:bold; text-align:center}
|