﻿@charset "utf-8";
/* CSS Document */

/*.information_box { width:100%; height:120px; background:url("../img/menu_2.jpg")  repeat-x; margin-bottom:auto; display:inline-block; }*/
/*.BOX { width:100%; height:679px; background:url("../img/menu_backgound_2.jpg")  no-repeat; }
.top_head { margin-top:155px; }
.title_logo { float:left; width:247px; height:109px; padding-left:50px; padding-top:5px }
.title_photo { float:left; width:127px; height:33px; padding-left:450px; padding-top:70px; }*/
.contents_BOX { margin : 0 auto; width:1024px; }

/*選擇*/
.abgne_tab_c { margin : 0 auto; width:900px; height:100%; margin : 0 auto; padding-top:20px; }
ul, li { margin: 0; padding: 0; list-style: none; }
.abgne_tab { clear: left; width: 900px; margin: 10px 0; }
.tabs { font-size:.9em; }
.tabs_t { padding-right:5px }
ul.tabs { width: 100%; height: 38px; border-bottom: 0px solid #c9c9c9; border-left: 0px solid #c9c9c9; }
ul.tabs li { float: left; text-align: center; width:160px; height: 38px; line-height: 38px; overflow: hidden; position: relative; margin-bottom: -1px;	/* 讓 li 往下移來遮住 ul 的部份 border-bottom */
			border: 0px solid #c9c9c9; border-left: none; background: #e1e1e1; margin-right:20px; background:url(../img/abgne2_2.png) no-repeat left top; }
ul.tabs li a { display: block; padding: 0 20px; color: #1b1b1b; border: 0px solid #fff; text-decoration: none; }
ul.tabs li a:hover { background: #ccc; background:url(../img/abgne3_2.png) no-repeat left top; }
ul.tabs li.active  { background: #fff; border-bottom: 0px solid #c9c9c9; background:url(../img/abgne_1.png) no-repeat left top; }
ul.tabs li.active a:hover { background: #fff; background:url(../img/abgne_2.png) no-repeat left top; }
div.tab_content_s 
{  width: 100%; border: 0px solid #999; border-top: none; background: #fff; border-top: 0px solid #c9c9c9; }
div.tab_content_s .tab_content { padding: 20px; }
div.tab_content_s .tab_content h2 { margin: 0 0 20px; }

/*步驟*/
.step_choose { float:left; }
.step_choose_B { float:left; }
.step_line { border-bottom:1px solid #b5b5b5; width:90%; margin-top:15px; clear:both; }
.step_box { float:left;  }
.tickettime_box { margin : 0 auto; width:850px; margin-left:60px; margin-bottom:10px; }


/*內容*/
.calendar_timeA { float: left; text-align: center; width:375px; /*padding-bottom:30px; padding-left:35px;*/ }
.calendar_timeB { float: right; text-align: center; width:375px; /*padding-bottom:30px; padding-left:70px;*/ }
.calendar_time_tA { height:36px; background:url("../img/date_backgound_1.jpg")  repeat-x; font-size:1.1em; color:#ffffff; font-weight: bold; line-height: 35px; }
.calendar_time_tB { height:36px; background:url("../img/date_backgound_2.jpg")  repeat-x; font-size:1.1em; color:#ffffff; font-weight: bold; line-height: 35px; }
input { font-size:1em; border: 1px solid #BBBBBB; background: #fff; }
select { font-size:1em; border: 1px solid #BBBBBB; background: #fff; padding-left:8px; width:50px; }
.input_box_A { width:371px; height:30px; background:url("../img/date_push_1.jpg")  no-repeat 345px 3px; }
.input_box_B { width:371px; height:30px; background:url("../img/date_push_2.jpg")  no-repeat 345px 3px; }
.input_box_C { width:300px; height:25px; }
.input_box_D { width:371px; height:30px; }
.calendar_time_c { padding-top:30px; padding-bottom:30px; }
.calendar_time_cst { padding-bottom:7px; }
.calendar_time_cst p { background-color: #d2d2d2; height:30px; line-height: 30px; font-size:.9em; }
.calendar_time_css { padding-bottom:7px; }
.calendar_time_css p { background-color: #e5e5e5; height:30px; line-height: 30px; font-size:.9em; }
.calendar_time_D { margin:20px; font-size:1.125em; }
.holiday { font-size:1.1em; color:#0b4879; font-weight: bold; padding-top:30px; padding-bottom:30px; }
.ct_csst { float: left; padding-left:48px; }
.ct_css { color:#d02d2e; }
.ct_cs_img { margin : 0 auto; width:447px; height:303px; padding-top:30px; }
.ct_cs_sc { float: left; color:#d02d2e; }
.ct_cs_st { float: left; padding-left:40px; }
.ct_cs_scs { padding-right:20px; }

/*提示*/
.remind { width:900px; padding-top:10px; margin:0 auto;}
.remind p { font-size:1.2em; color:#0b4779; font-weight: bold; /*padding-left:100px;*/ padding-top:7px; }
/*取票人資料*/
.it_data { clear:both; }
.it_data div { float:left; margin:0px 20px 20px 20px; font-size:1.125em; color:#7d7d7d; }
/*需知*/
.calendar_ticket_box {width:100%; padding-top:50px;  }
.calendar_ticket { margin:0 auto; font-size:.9em; color:#7d7d7d; width:818px; height:115px; border: 1px solid #BBBBBB; overflow:scroll; overflow-x:hidden; overflow-y:auto; }
.calendar_ticket p { padding-left:10px; padding-right:10px; }
.ct_t { padding-top:6px; padding-left:10px; font-weight: bold; color:#e60012; }
.ct_c { padding-left:60px; }
.ct_ct { float: left; color:#1b1b1b; font-weight: bold; }
.ct_cs { padding-top:20px;width:100%;text-align:center;}
.ct_cimg { width:650px; height:39px; padding-top:40px; }
.ct_css_s { padding-left:20px;  margin-top:10px; color:#4c4c4c; float:left; }
.ctcsA { float: left; padding-right:20px; }
.ct_cst_input_box { width:50px; height:20px; }
.ct_cst { padding-left:60px; margin-top:10px; margin-bottom:30px; float:left; }
.ct_cst a { color:#4c4c4c; }
.ct_cst a:hover { color:#e44748; }
.ctcsB { float: left; padding-right:20px; }
/*定型化契約*/
.fixed_contract { margin:0 auto; font-size:.9em; color:#7d7d7d; width:818px; height:800px; border: 1px solid #BBBBBB; overflow:scroll; overflow-x:hidden; overflow-y:auto; }
    .fixed_contract p {
        font-size: 2.6em;
    }
/*訂購資料人+小計*/
.cts_input_box { width:130px; height:20px; }
.cts_cs { padding-left:350px; }
.calendar_ticket_subtotal { width:100%; clear:both; padding-top:30px; /*text-align:center;*/ }
.cts_i { float: left;  padding-left:50px; }
.cts_ct { color:#1b1b1b; font-weight: bold; padding-left:60px; }
.cts_ccs { padding-left:100px; padding-top:30px; clear:both;}
.cts_input_box_nA { width:130px; height:20px; }
.cts_input_box_nB { width:250px; height:20px; }
.incs { float: left; padding-right:30px; }
.cts_ccs_i { padding-top:30px; }
.incs_t { float: left; color:#a0a0a0;  padding-right:30px; }
.incs_tp { color:#a0a0a0; }
.incs_ts { color:#a0a0a0; padding-left:215px; }
.cts_ccs_is { padding-top:15px; }
.ctscct_n { padding-left:215px; }
.incs_tn { float: left; color:#a0a0a0; padding-right:30px; padding-left:215px;}
.incs_tc { clear:both; color:#a0a0a0; padding-left:198px; }
.incs_tm { float: left; color:#a0a0a0; }
.cts_ccs_r { color:#e60012; padding-top:30px; }

/*送出按鈕*/
.calendar_ticket_subtotal_sentA {  margin : 0 auto;  width:122px; height:36px; padding-top:50px; }
/*.calendar_ticket_subtotal_sentA a { display: block; text-decoration: none; }
.calendar_ticket_subtotal_sentA a { width:122px; height:36px; background:url(../img/push_sent_01.png) no-repeat; }
.calendar_ticket_subtotal_sentA a:hover { background:url(../img/push_sent_02.png) no-repeat; }*/
.calendar_ticket_subtotal_sentB {  margin : 0 auto;  width:200px; height:36px; padding-top:50px; }
/*.calendar_ticket_subtotal_sentB a { display: block; text-decoration: none; }
.calendar_ticket_subtotal_sentB a { width:122px; height:36px; background:url(../img/push_sent_03.png) no-repeat; }
.calendar_ticket_subtotal_sentB a:hover { background:url(../img/push_sent_04.png) no-repeat; }*/

/*訂單查詢*/
.calendar_ticket_inquire { margin : 0 auto; width:500px; padding-top:100px;  }
.cts_input_box_nC { width:250px; height:25px; }
.cts_input_box_nD { width:150px; height:25px; }
.cti_c { padding-bottom:30px;  }
.cti_c img { padding-left:20px; vertical-align:middle; width:111px; height:30px; }


/*選擇退款or沿用*/
.it_choose { margin-left:20px; margin-top:50px; font-size:1.125em; }
.it_number_i { margin:0px 20px; }


.it_table { margin:20px; clear:left; }
.it_table tr { border-collapse:collapse; border: 1px solid #BBBBBB; text-align: center; vertical-align: middle; padding-top:5px; padding-bottom:5px; }
.it_table td { border-collapse:collapse; border: 1px solid #BBBBBB; text-align: center; vertical-align: middle; padding-top:5px; padding-bottom:5px; }
/*.it_table td { height:25px; }*/
.itt_i { width:180px; height:25px; }
.itt_d { width:150px; height:25px; }
.itt_n { width:80px; height:25px; }
.itt_t { width:130px; height:25px; }
.itt_u { width:60px; height:25px; }
.itt_h { width:60px; height:25px; }
.itt_s { width:100px; height:25px; }
.itt_r { width:80px; height:25px; }

.it_pay { clear:both; font-size:1.3em; color:#d02c2d; font-weight: bold; line-height:30px; margin:20px; }
.it_paytime { padding:3px 0px 3px 0px; float:left; }
.it_paytime_send { float:left; }
.it_paytime_send_i { width:122px; height:36px; margin-top:45px; float:left; }
.it_paytime_send_i a { display: block; width:122px; height:36px; background:url(../img/push_sent_01.png) no-repeat; }
.it_paytime_send_i a:hover { background:url(../img/push_sent_02.png) no-repeat; }
.it_paytime_send_t { margin:55px 15px; float:left; font-size:1.125em; font-weight: bold; color:#13609e; }



.calendar_ticket_inquireA { margin : 0 auto; width:900px; padding-top:50px;  }
.cti_cA { width:170px; font-weight: bold; }
.cti_cB { width:170px; font-weight: bold; }
.cti_cC { width:80px; font-weight: bold; }
.cti_cD { width:120px; font-weight: bold; }
.cti_cE { width:170px; font-weight: bold; }
.cti_cF { width:150px; font-weight: bold; }
/*.calendar_ticket_inquireA table ,
.calendar_ticket_inquireA td { border-collapse:collapse; border: 1px solid #BBBBBB; text-align: center; vertical-align: middle; padding-top:5px; padding-bottom:5px; }
.calendar_ticket_inquireA th { border-collapse:collapse; border: 1px solid #BBBBBB; text-align: center; vertical-align: middle; padding-top:5px; padding-bottom:5px; }*/
/*.calendar_ticket_inquireA th{ border-collapse:collapse; border: 1px solid #BBBBBB; text-align: center; vertical-align: middle; padding-top:5px; padding-bottom:5px; }
.calendar_ticket_inquireA td{ border-collapse:collapse; border: 1px solid #BBBBBB; text-align: center; vertical-align: middle; padding-top:5px; padding-bottom:5px; }*/
.tbSingle {
    border-collapse:collapse; border: 1px solid #BBBBBB; text-align: center; vertical-align: middle; padding-top:5px; padding-bottom:5px;
}
.tbSingle td {
    border-collapse:collapse; border: 1px solid #BBBBBB; text-align: center; vertical-align: middle; padding-top:5px; padding-bottom:5px; 
}
.tbSingle th {
    border-collapse:collapse; border: 1px solid #BBBBBB; text-align: center; vertical-align: middle; padding-top:5px; padding-bottom:5px;
}
.tbReturnTicket {
    border-collapse:collapse; border: 1px solid #BBBBBB; text-align: center; vertical-align: middle; padding-top:5px; padding-bottom:5px;
}
.tbReturnTicket td {
    border-collapse:collapse; border: 1px solid #BBBBBB; text-align: center; vertical-align: middle; padding-top:5px; padding-bottom:5px; padding-left:30px; padding-right:30px;
}
.tbReturnTicket th {
    border-collapse:collapse; border: 1px solid #BBBBBB; text-align: center; vertical-align: middle; padding-top:5px; padding-bottom:5px;
}
.tbpeople {
    border-collapse:collapse;  text-align: center; vertical-align: middle; padding-top:5px; padding-bottom:5px;
}
.tbpeople td {
    border-collapse:collapse;  text-align: center; vertical-align: middle; text-align:center; padding-top:5px; padding-bottom:5px;padding-left:10px;padding-right:10px;
}
.tbpeople th {
    border-collapse:collapse;  text-align: center; vertical-align: middle; padding-top:5px; padding-bottom:5px;
}

.it_text { font-size:1.125em; font-weight: bold; margin:30px 20px 30px 20px; clear:both; }
.it_number { font-size:1.125em; margin:30px 20px 20px 20px; }
.it_thanks { font-size:1.4em; font-weight: bold; text-align: center; color:#13609e; clear:both; margin-top:70px; line-height:25px; }

/*訂購票*/
.push_ticket {  margin : 0 auto; width:258px; height:64px; padding-top:30px; padding-bottom:30px; }
.push_ticket a { display: block; text-decoration: none; }
.push_ticket a { width:258px; height:64px; background:url(../img/push_ticket.gif) no-repeat; }
.push_ticket a:hover { background:url(../img/push_ticket_2.gif) no-repeat; }

/*回最上*/
/*.top { clear:both; margin : 0 auto; width:68px; height:22px; padding-top:30px; padding-bottom:30px; }
.top a { background:url(../img/top_1.png) no-repeat; }
.top a:hover { background:url(../img/top_2.png) no-repeat; }
.top a { display: block; text-decoration: none; }*/