@charset "utf-8";
/* YUI 3.5.0 (build 5089) CSS RESET */
/*
html{color:#000;background:#fff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}
body,button,input,select,textarea { font-size: 12px; line-height: 1; font-family: Arial, Helvetica, sans-serif}
html { -webkit-text-size-adjust: none;}*/
.clear:after { content: '\20'; display: block; height: 0; clear: both;visibility: hidden;}
.clear { *zoom: 1;}
.fl { float: left;}
.fr { float: right;}
.tl { text-align: left;}
.tc { text-align: center;}
.tr { text-align: right;}
a { text-decoration: none;}
.clearfix:after { content: '\20'; display: block; height: 0; clear: both;visibility: hidden;}

/* === cinema === */
.intrc-p{line-height:18px;padding-top:5px}
.container{width:100%;}
.container .innerbox{width:959px;margin-left:auto;margin-right:auto;}
.seat_row{width:681px;}
.seat_column{width:30px;float:left;margin-top:65px}
.seat_row ul{margin-left: 98px;padding-left:20px;}
.seat_column ul{ width:100%;}
.seat_row ul li{ text-align:center;display:inline-block;width:24px;height:28px;border-left: 1px solid #ccc;float:left;margin-left:5px;line-height:28px;}
.seat_column ul li{ text-align:center;display:inline-block;width:24px;height:27px;padding-top:2px;line-height:28px;border-top: 1px solid #ccc;float:left;}
.seat_column ul li.space_a{height:26px;}
.seat_wrap{
    border:1px solid #ccc;
    width:auto;
    padding: 0px;
    /*float:left;*/
    background-color:#fff
}

.ui-seat-area { position: relative; z-index: 50;}

/*
#seccioNumerades .col-1{float:right;width:276px;margin-top:28px}
#seccioNumerades .col-1 .item_header{display:none}
#seccioNumerades .col-1 .note_panel{width:99%;background-color:#f3f1f0;float:left;}
#seccioNumerades .col-1 .note_panel ul{width:100%;}
#seccioNumerades .col-1 .note_panel ul li{line-height:28px;height:28px;width:100%}
#seccioNumerades .col-1 .note_panel ul li label{width:100%;height:25px;margin-top:5px;padding-left:30px;}
.notcursor{cursor:normal}

#seccioNumerades .col-1 .resule_panel{width:99%;background-color:#e7e6e5;float:left;height:162px}
#seccioNumerades .col-1 .resule_panel ul{width:100%;}
#seccioNumerades .col-1 .resule_panel ul li{line-height:25px;height:25px;width:100%}
#seccioNumerades .col-1 .resule_panel ul li.notic{text-align:center;width:100%;height:100%}
#seccioNumerades .col-1 .submit_panel{width:99%;height:146px;background:#e7e6e5;float:left;}
*/

.submit_panel .tprice_p{padding:5px 0 5px 0;font-size:14px;line-height:14px}
.submit_panel .submit_inner{padding:3px;padding-top:8px;}

.mobile{border:1px solid #ccc;width:95%;line-height:25px;font-size:16px;padding:2px;display:inline-block;}
.submit_inner p{padding:3px 0 2px 0;}
.submit_inner .mobile_input{padding:5px 0 4px 0;}
.submit_inner .sbtn{padding-top:4px}
.submit_inner .submitBtn{display: block;text-align: center;border-radius: 0;color: #000;font-size:20px;width:97.5%;height:45px;cursor: pointer;}


ul.selected_panel li{padding-left:3px;display:inline-block;}
.selected_panel .info{width:80%;float:left;}
.selected_panel .s_delete{float:right;padding-right:6px;display: inline-block;cursor: pointer;font-size:14px;}
.note_panel label{display:block;line-height:30px;vertical-align: middle;padding-left:4px}
.note_panel label img{vertical-align: middle}


/*.col-3{float:left;width: 100%;}*/
.col-3 .desc{margin-top:10px;background-color: #CCC; color: #723600;font-size: 18px;line-height: 36px;width:100%;padding: 5px;}
.col-3 .code-desc{float:left;font-size:13px;line-height:24px;width:100%;padding: 5px;}
.col-3 .code-desc .item{width:100%;float:left}
.col-3 .code-desc .item p{line-height: 18px;padding-top:5px;padding-bottom:10px}
.col-3 .code-desc .sunburst{width:99%;background-color:#CCC;color: #582A00;display: inline-block; font-family:Arial, Helvetica, sans-serif; font-size: 13px; padding: 5px;}

.footer{width:959px;margin-left:auto;margin-right:auto;padding-top:20px;line-height:36px;border-top:1px solid #ccc}



/* iPad�����£�����С�ڣ������ڣ�960��ȵ�ƽ�����*/
@media only screen and (max-width: 959px) {}
/* ��iPad��棬����С�ڣ������ڣ�960��ȵ�ƽ����Ե����*/
@media only screen and (min-width: 768px) and (max-width: 959px) {}
/* iPhone������*/
@media only screen and (max-width: 767px) {}
/* ��iPhone��棬����ijЩƽ����Ե����*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
.container{width:100%;}
.container .innerbox{width:100%;margin-left:auto;margin-right:auto;}
.seat_row{width:681px;display:none}
.seat_column{width:30px;float:left;margin-top:65px;display: none}
.seat_row ul{margin-left: 98px;padding-left:20px;}
.seat_column ul{ width:100%;}
.seat_row ul li{ text-align:center;display:inline-block;width:24px;height:28px;border-left: 1px solid #ccc;float:left;margin-left:5px;line-height:28px;}
.seat_column ul li{ text-align:center;display:inline-block;width:24px;height:27px;padding-top:2px;line-height:28px;border-top: 1px solid #ccc;float:left;}
.seat_column ul li.space_a{height:26px;}
.seat_wrap{
    border:0;
    width:100%;
    /*float:left;*/
}


.ui-seat-area { margin-left:0;margin-top:0;position: relative; z-index: 50; padding: 0 0 50px 0;font-family:Arial, Helvetica, sans-serif;font-size:12px}
.ui-seat{position: absolute; width: 25px;height: 25px;margin: 5px;}

/*
#seccioNumerades .col-1{width:100%;margin-top:0;float:left;position:fixed;bottom:0;z-index:555}
#seccioNumerades .col-1 .item_header{width:100%;background-color:#cfcfcf}
#seccioNumerades .col-1 .note_panel{width:100%;background-color:#f3f1f0;float:left;}
#seccioNumerades .col-1 .note_panel ul{width:100%;}
#seccioNumerades .col-1 .note_panel ul li{line-height:28px;height:28px;width:15%;float:left}
#seccioNumerades .col-1 .note_panel ul li label{width:25px;height:25px;margin-top:5px;padding-left:30px;overflow:hidden}

#seccioNumerades .col-1 .resule_panel{width:100%;background-color:#e7e6e5;float:left;height:25px}
#seccioNumerades .col-1 .resule_panel ul{width:100%;}
#seccioNumerades .col-1 .resule_panel ul li{line-height:25px;height:25px;width:45px;float:left}
#seccioNumerades .col-1 .resule_panel ul li .nr{display:none}
#seccioNumerades .col-1 .submit_panel{width:100%;height:35px;background:#e7e6e5;float:left;padding-top:1px}
*/
.submit_panel .tprice_p{padding:5px 0 5px 0;font-size:14px;line-height:14px;width:70px;display:inline-block;float:left}
.submit_panel .submit_inner{padding:2px;padding-top:1px;height:33px}
.submit_panel .mobile_input{min-width:154px}


.submit_inner p{padding:0 3px;float:left;width:31%;display:inline-block;}
.submit_inner .mobile_input{padding:1px 3px;}
.submit_inner .mobile{border:1px solid #ccc;width:100%;line-height:20px;font-size:16px;height:22px;padding:1px;display:inline-block;}
.submit_inner .sbtn{min-width:67px;width:67px;padding:0 }
.submit_inner .submitBtn{display: block;text-align: center;border-radius: 0;color: #000;font-size:16px;width:100%;height:28px;cursor: pointer;}


ul.selected_panel li{padding-left:3px;display:inline-block;width:12%;background-color:#ddd;margin-right:3px;color:#000}
.selected_panel .info{width:100%;float:left;}
.selected_panel .s_delete{float:right;display:hidden;font-size:0}
.note_panel label{display:block;line-height:30px;vertical-align: middle;padding-left:6px}
.note_panel label img{vertical-align: middle}

/*.col-3{float:left;width: 100%;}*/
.col-3 .desc{margin-top:10px;background-color: #CCC; color: #723600;font-size: 18px;line-height: 36px;width:100%;padding: 5px;}
.col-3 .code-desc{float:left;font-size:13px;line-height:24px;width:100%;padding: 5px;}
.col-3 .code-desc .item{width:100%;float:left}
.col-3 .code-desc .item p{line-height: 18px;padding-top:5px;padding-bottom:10px}
.col-3 .code-desc .sunburst{width:99%;background-color:#CCC;color: #582A00;display: inline-block; font-family:Arial, Helvetica, sans-serif; font-size: 13px; padding: 5px;}

.footer{width:100%;margin-left:auto;margin-right:auto;padding-top:20px;line-height:36px;border-top:1px solid #ccc}
}


/* ��iphone4 ���*/
@media only screen and (max-width: 479px) {
.container{width:100%;}
.container .innerbox{width:100%;margin-left:auto;margin-right:auto;}
.seat_row{width:681px;display:none}
.seat_column{width:30px;float:left;margin-top:65px;display: none}
.seat_row ul{margin-left: 98px;padding-left:20px;}
.seat_column ul{ width:100%;}
.seat_row ul li{ text-align:center;display:inline-block;width:24px;height:28px;border-left: 1px solid #ccc;float:left;margin-left:5px;line-height:28px;}
.seat_column ul li{ text-align:center;display:inline-block;width:24px;height:27px;padding-top:2px;line-height:28px;border-top: 1px solid #ccc;float:left;}
.seat_column ul li.space_a{height:26px;}
.seat_wrap{
    border:0;
    width:100%;
    float:left;
    overflow-x: scroll;
    overflow-y:hidden
}

.ui-seat-area { margin-left:0;margin-top:0;position: relative; z-index: 50; padding: 0;font-family:Arial, Helvetica, sans-serif;font-size:12px}
.ui-seat{position: absolute; width: 25px;height: 25px;margin: 5px;}

/*
#seccioNumerades .col-1{width:100%;margin-top:0;float:left;position:fixed;bottom:0;z-index:555}
#seccioNumerades .col-1 .item_header{width:100%;background-color:#cfcfcf}
#seccioNumerades .col-1 .note_panel{width:100%;background-color:#f3f1f0;float:left;}
#seccioNumerades .col-1 .note_panel ul{width:100%;}
#seccioNumerades .col-1 .note_panel ul li{line-height:30px;height:30px;width:100%;float:left;}
#seccioNumerades .col-1 .note_panel ul li:nth-child(2){display:none}
#seccioNumerades .col-1 .note_panel ul li:nth-child(3){display:none}
#seccioNumerades .col-1 .note_panel ul li:nth-child(4){display:none}
#seccioNumerades .col-1 .note_panel ul li:nth-child(5){display:none}
#seccioNumerades .col-1 .note_panel ul li label{width:100px;height:25px;margin-top:5px;padding-left:30px;overflow:hidden}


#seccioNumerades .col-1 .resule_panel{width:100%;background-color:#e7e6e5;float:left;height:25px}
#seccioNumerades .col-1 .resule_panel ul{width:100%;}
#seccioNumerades .col-1 .resule_panel ul li{line-height:25px;height:25px;width:45px;float:left}
#seccioNumerades .col-1 .resule_panel ul li .nr{display:none}
#seccioNumerades .col-1 .submit_panel{width:100%;height:35px;background:#e7e6e5;float:left;padding-top:1px}
*/
.submit_panel .tprice_p{padding:5px 0 5px 0;font-size:14px;line-height:14px;width:70px;display:inline-block;float:left}
.submit_panel .submit_inner{padding:3px;padding-top:1px;height:33px}
.submit_panel .mobile_input{min-width:154px}


.submit_inner p{padding:0 3px;float:left;width:31%;display:inline-block;}
.submit_inner .mobile_input{padding:1px 3px;}
.submit_inner .mobile{border:1px solid #ccc;width:100%;line-height:20px;font-size:16px;height:22px;padding:1px;display:inline-block;}
.submit_inner .sbtn{min-width:67px;width:67px;padding:0 }
.submit_inner .submitBtn{display: block;text-align: center;border-radius: 0;color: #000;font-size:16px;width:100%;height:28px;cursor: pointer;}

ul.selected_panel li{padding-left:2px;display:inline-block;width:15%;background-color:#ddd;margin-right:2px;color:#000}
.selected_panel .info{width:80%;float:left;}
.selected_panel .s_delete{float:right;padding-right:6px;display: inline-block;cursor: pointer;font-size:14px;}
.note_panel label{display:block;line-height:30px;vertical-align: middle;padding-left:6px}
.note_panel label img{vertical-align: middle}

/*.col-3{float:left;width: 100%;}*/
.col-3 .desc{margin-top:10px;background-color: #CCC; color: #723600;font-size: 18px;line-height: 36px;width:100%;padding: 5px;}
.col-3 .code-desc{float:left;font-size:13px;line-height:24px;width:100%;padding: 5px;}
.col-3 .code-desc .item{width:100%;float:left}
.col-3 .code-desc .item p{line-height: 18px;padding-top:5px;padding-bottom:10px}
.col-3 .code-desc .sunburst{width:99%;background-color:#CCC;color: #582A00;display: inline-block; font-family:Arial, Helvetica, sans-serif; font-size: 13px; padding: 5px;}

.footer{width:100%;margin-left:auto;margin-right:auto;padding-top:20px;line-height:36px;border-top:1px solid #ccc}
}