@charset "utf-8";

body {
    font: 12px/1.8 Arial, Helvetica, sans-serif;
    margin: 0px;
    padding: 10px;
    text-align: center;
    background-color: #FFF;
}

/*add 22*/
.stepNav {
    width: 1021px;
    height: 45px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

#Events {
    width: 1021px;
    margin: -7px auto;
    text-align: left;
    padding: 8px 0;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    background: #eee;
    position: relative;
    z-index: 1;
}

.seatCon {
    width: 999px;
    margin: 0 auto;
    padding: 10px;
    border: 1px solid #ccc;
    border-top: 1px solid #eee;
    min-height: 640px;
    height: auto !important;
    *height: 640px;
}

.bgColor {
    float: left;
    background-color: #eee;
}

.choLeft {
    width: 200px;
    float: left;
    border: 1px solid #ccc;
    background-color: #FFF;
    padding: 5px;
    margin: 3px;
    display: inline;
}

.leftaction {
    width: 218px;
    height: 42px;
    clear: both;
    text-align: center;
    float: left;
    background: #eeeeee;
    position: relative;
    z-index: 1;
}

.actionyc {
    width: 210px;
    height: 33px;
    float: left;
    margin: 3px;
    clear: both;
    border: 1px solid #cccccc;
    background: #fff;
}

.dispmore {
    width: 100%;
    height: 42px;
    clear: both;
    text-align: center;
    float: left;
    /*background: #eeeeee;*/
}

.moreyc {
    width: 210px;
    height: 33px;
    float: left;
    margin: 3px;
    clear: both;
   /* border: 1px solid #cccccc;
    background: #fff;*/
}

.ractionyc {
    width: 180px;
    height: 33px;
    float: left;
    margin: 3px;
    clear: both;
    border: 1px solid #cccccc;
    background: #fff;
    mix-blend-mode: multiply;
    margin: 0 auto;
}

.rmoreyc {
    width: 180px;
    height: 33px;
    margin: 3px;
    clear: both;
    border: 1px solid #cccccc;
    background: #fff;
    mix-blend-mode: multiply;
    margin: 0 auto;
}

.A, .B, .C, .D, .E, .F, .G, .H, .I {
    height: 22px;
    line-height: 22px;
    padding: 3px 0;
    clear: both;
}

.abcd {
    height: 17px;
    line-height: 16px;
    padding: 3px 0;
    clear: both;
}

    .abcd span {
        width: 88px;
        height: 22px;
        font-weight: bold;
        line-height: 22px;
        float: left;
        margin-right: 15px;
        display: inline;
        color: #FFF;
        text-align: center;
        display: block;
    }

.mprice {
    float: left;
    width: 82px;
}

.mcolor {
    float: left;
    width: 50px;
}

.minfo {
    float: left;
    width: 60px;
}

.A input, .B input, .C input, .D input, .E input, .F input, .G input, .H input, .I input {
    vertical-align: middle;
    float: right;
}

.A span, .B span, .C span, .D span, .E span, .F span, .G span, .H span, .I span {
    width: 60px;
    height: 22px;
    font-weight: bold;
    line-height: 22px;
    float: left;
    margin-right: 15px;
    display: inline;
    color: #FFF;
    text-align: center;
    display: block;
}

.A span {
    background-color: #f91616;
}

.F span {
    background-color: #0000ff;
}

.E span {
    background-color: #0000ff;
}

.B span {
    background-color: #00c6c6;
}

.C span {
    background-color: #ff00ff;
}

.G span {
    background-color: #800040;
}

.D span {
    background-color: #00ff40;
}

.H span {
    background-color: #80ffff;
}

.I span {
    background-color: #ff79ff;
}

.seatTip {
    clear: both;
    margin: 0 auto;
    padding: 5px 0;
    border-top: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc;
    margin-top: 10px;
}

    .seatTip img {
        border: none;
        width: 200px;
        height: 50px !important;
    }

.main {
    width: 700px;
    float: right;
    margin-right: 50px;
    display: inline;
}

.leftside {
    float: left;
    margin-right: 10px;
    display: inline;
    position: relative;
    z-index: 1;
}

.seatBox {
    width: 606px;
    margin: 0 auto;
}

.seatBox01 {
    width: 218px;
    margin-bottom: 5px;
}

.direction {
    text-align: center;
    position: relative;
    z-index: 1;
}

.seatBox02 {
}

    .seatBox02 img {
        position: absolute;
    }
/*add 40*/
.account {
    position: absolute;
    z-index: 999;
    font-size: 14px;
    height: 100%;
    right: 0;
    top: 0;
    display:none;
    padding: 0px 0 0 20px;
}
.account {
    width: 238px;
    background-color: rgba(48,48,48,0.8);
    color: #fff;
    -moz-box-shadow: 3px 3px 4px #d2d2d2;
    -webkit-box-shadow: 3px 3px 4px #d2d2d2;
    box-shadow: 3px 3px 4px #d2d2d2;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#d2d2d2)";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#d2d2d2');
}

.control-btn {
    position: absolute;
    right: 5px;
    text-align: center;
    top: 5px;
    z-index: 9999;
}

.account .h3 {
    margin: 0;
    padding: 3px 0;
   /* background: url(../images/btn_03.png) repeat-x;*/
    text-align: center;
    font-size: 14px;
    font-weight: bolder;
}

        .account .h3 span {
            font-weight: bold;
            color: #F00;
        }

.deletBtn {
    width: 12px;
    height: 15px;
    background: url(../images/delet.png) no-repeat;
    cursor: pointer;
    border: 0 none;
}

.template {
    font-weight: bold;
    padding: 2px 3px;
    display: none;
}

.repeat tr {
    border: 1px solid blue;
}

.seatInfo td {
   /* padding: 2px 3px;*/
}

    .seatInfo td span {
        color: #FFF;
    }

.jiesuan {
    width: 183px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    background: url(../images/jiesuan.png) no-repeat;
    border: 0 none;
    color: #FFF;
    font-size: 16px;
    padding-bottom: 4px;
    cursor: pointer;
}

img {
    border: 0px;
    cursor: hand;
}

.seat {
    position: absolute;
}