/*icon-*/
.btn > span.icon-search, .voice_btn > span.icon-mic,  .btn > span.icon-change{color: #B28247;}
 .btn > span.icon-change, .btn_active > span.icon-change{font-size: 1.4em;}
.btn_active > span.icon-search,  .btn_active > span.icon-mic, .btn_active > span.icon-change{color: #015B83;}
span.icon-search, span.icon-mic,  span.icon-search{font-size: 1.8em;}
span.icon-selectArrow{
font-size: 0.8em;
padding: 0;
color: #B28247;
vertical-align: middle;
}
span.icon-arrowRight{
font-size: 1.2em;
padding: 0.5em;
color: #595757;
}

cyb\:btn span.icon-arrowRight{
font-size: 0.8em;
font-weight: bold;
padding: 0.5em 0.2em;
color: #7A6A56;
}

.history_ticket_list span.icon-doubleRight{
font-size: 1.5em;
color: #FCC416;
}
.list_order > div.icon-ticket{
font-size: 2.2em;
line-height: 1.1em;
margin-bottom: -0.2em;
}

.add_btn .icon-plus{color: #83CA43;}
.add_btn .icon-minus{color: #B84452;}

.favor_delet{
display: block;
width: 4.5em;
color: #595757;
padding: 0;
}
.favor_delet .icon-minus{
font-size: 1.2em;
color: white;
background: #B84452;
width: 1.5em;
height: 1.5em;
line-height: 1.5em;
border-radius: 2em;
}

/*index*/
/*高鐵上方標題樣式*/

.list_titile_box, .detail_titile_box{
top: 0;
left: 0;
position: fixed;
width: 100%;
background: #F2A444;
padding: 0.2em 0.2em;
}
.list_title_name{
font-size: 1.4em;
color: white;
font-weight: bold;
padding-bottom: 0.4em;
padding-left: 0.2em;
}
.list_title_time{
font-size: 1em;
color: white;
text-align: right;
padding-right: 0.3em;
}


/*voice search tool*/
.search_block{
width: 100%;
text-align: center; 
padding: 0.4em 0 0.5em;
overflow: hidden;
}
table.searchbar {
width: 98%;
margin: 0 auto;
vertical-align: middle;
}
table.searchbar *{
vertical-align: middle;
}
table.searchbar td{
/*text-align: center;*/
font-size: 1em;
}
table.searchbar input {
font-size: 1em; 
vertical-align: middle; 
margin: 0.2em auto;
-webkit-user-select: text;
}

.query_block{
display: block;
border: 1px solid #7A6A56;
width: 96%;
padding: 0 0.2em;
border: 0.15em solid #FF8500;
border-radius: 1em;
height: 2.2em;
background: white;
}

.query{
width: 100%;
font-size: 1em;
margin: 0;
padding: 0;
color: black;
border: none;
border-radius: 1em;
}

.voice_search{
background: #F8AA2D;
padding: 0.5em 0;
/*margin-bottom: 0.5em;*/
}
.voice_search table{width: 100%;}
.voice_search table td{padding: 0 0.2em;}
.btn_td{width: 2.5em;}
.voice_search input{
width: 100%;
font-size: 1em;
padding: 0.2em 0.5em;
border: 0;
background: rgba(0,0,0,0);
}
.voice_search .input{
width: 98%;
padding: 0.2em 0;
border-radius: 1.5em;
border: 0.2em solid #F29435;
background: #FFFFFF;
color: #3e3a39;
}

.voice_btn{
display: inline-block;
/*width: 1.5em;
height: 1.5em;*/
padding: 0.2em 0.24em;
border-bottom: 0.2em solid rgba(79,103,145,0.7);
background: white;
border-radius: 0.4em;
text-align: center;
}
.voice_btn_active{
display: inline-block;
/*width: 1.5em;
height: 1.5em;*/
padding: 0.2em 0.15em 0.3em;
border-bottom: 0.1em solid rgba(79,103,145,0.5);
border-top: 0.1em solid rgba(100,100,100,0.5);
border-right: 0.1em solid rgba(100,100,100,0.5);
border-left: 0.1em solid rgba(100,100,100,0.5);
background: #fcc416;
border-radius: 0.4em;
text-align: center;
}


/*select style*/
.select_period{
width: 90%;
margin: 0 auto;
padding: 0.6em 0;
border-radius: 0.4em 0.4em 0 0;
border-collapse: collapse;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9c667), color-stop(100%,#f79621)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f9c667 0%,#f79621 100%); /* Chrome10+,Safari5.1+ */
background: linear-gradient(to bottom,  #f9c667 0%,#f79621 100%); /* W3C */
border: none;
border-top: 1px solid rgba(255,255,255,0.8);
border-bottom: 1px solid rgba(100,100,100,0.2);
-webkit-box-shadow: 0 2px 5px rgba(50,50,50,0.3);
text-align: center;
}

.select_period table td{padding: 0.1em 0 0.2em;}

.search_btn_block{
width: 90%;
margin: 0 auto;
padding: 0.6em 0;
border-radius: 0 0 0.4em 0.4em;
border-collapse: collapse;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3eaed), color-stop(100%,#c8d7dc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e3eaed 0%,#c8d7dc 100%); /* Chrome10+,Safari5.1+ */
background: linear-gradient(to bottom,  #e3eaed 0%,#c8d7dc 100%); /* W3C */
border: none;
border-top: 1px solid rgba(255,255,255,0.8);
border-bottom: 1px solid rgba(100,100,100,0.5);
-webkit-box-shadow: 0 2px 5px rgba(50,50,50,0.3);
}
/*.date_select, .time_select , .limit_select, .history_select, .site_select{
border: 0.15em solid #A68D74;
background: url(../img/select_arrow.png), white;
background-size: 1.6em 1.7em, 100%;
background-position: right center, center center;
background-repeat: no-repeat;
border-radius: 0.3em;
margin: 0 0.2em;
text-align: left;
}
.date_select select , .time_select select , .limit_select select, .history_select select, .btn select{padding: 0.2em 1.8em 0.2em 0.2em;}
.btn select{
width: 100%;
padding: 0.2em;
}*/
.index_select_arrow{
position: absolute;
right: 0.5em;
top: 50%;
margin-top: -0.5em;
}
.history_title{
color: #D24151;
padding-left: 0.4em;
}
.select_text{
position: absolute;
top: 50%;
left: 0.5em;
margin-top: -0.65em;
}
.select_text_new{
padding: 0.2em 0.3em;
text-align: left;
}
.select_hr{
display: inline-block;
width: 1px;
height: 1.2em;
border-radius: 1px;
background: white;
-webkit-box-shadow: -1px 0 1px rgba(50,50,50,0.6);
vertical-align: top;
margin: 0 0.5em;
}
.select_locations table{width: 100%;}
.select_locations table td{padding: 0.5em 0.2em;}
.site_title{
color: #595757;
padding-left: 0.2em;
font-weight: bold;
font-size: 0.95em;
text-shadow: 0 1px 0 rgba(255,255,255,0.5);
}
.btn_text{
font-size: 1.05em;
color: #2A65C9;
font-weight: bold;
}
#search_button{padding: 0.5em;}
.notice{
font-size: 0.95em;
padding: 0.5em;
color: #606060;
text-align: center;
margin-bottom: 4em;
}
.ticket_btn_sel, .btn_sel{
display: inline-block;
color: #604C3D;
background: white;
padding: 0.3em 0.4em;
border-radius: 0.3em;
border-bottom: 0.2em solid rgba(79,103,145,0.5);
margin-left: 0.2em;
}
.ticket_btn_sel_active, .btn_sel_active{
display: inline-block;
color: #FFFFFF;
background: #fcc416;
padding: 0.3em 0.4em;
border-radius: 0.3em;
border-bottom: 0.1em solid rgba(79,103,145,0.5);
border-top: 0.1em solid rgba(100,100,100,0.5);
border-right: 0.1em solid rgba(100,100,100,0.5);
border-left: 0.1em solid rgba(100,100,100,0.5);
margin-left: 0.2em;
margin-bottom: 0.1em;
}
.btn_sel div, .btn_sel_active div{
display: inline-block;
font-size: 1.2em;
}
.ticket_btn_sel div, .ticket_btn_sel_active div{
display: inline-block;
font-size: 1em;
}
.ticket_type{
width: 3.5em;
font-size: 1em;
color: #604C3D;
text-align: left;
}
.ticket_type, .ticket_nub{
display: inline-block;
padding: 0 0.2em;
vertical-align: middle;
}
.select_box select{
background: transparent;
font-size: 1em;
padding: 0.1em 0.2em;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
text-indent: 0.01px;
text-overflow: '';
appearance: menulist;
border: none;
color: #604C3D;
font-weight: bold;
}

/*車廂種類*/
.radio_box_left{
display: inline-block;
background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#FAFAFA), color-stop(100%,#E0DDDB)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #FAFAFA 30%,#E0DDDB 100%); /* Chrome10+,Safari5.1+ */
background: linear-gradient(to bottom,  #FAFAFA 30%,#E0DDDB 100%); /* W3C */
padding: 0.4em 1em;
border-radius: 0.9em 0 0 0.9em;
border: 1px solid #A59692;
border-right: none;
color: #604C3D;
-webkit-box-shadow: 0 1px 1px rgba(255,255,255,0.6);
}

.radio_box_right{
display: inline-block;
background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#FAFAFA), color-stop(100%,#E0DDDB)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #FAFAFA 30%,#E0DDDB 100%); /* Chrome10+,Safari5.1+ */
background: linear-gradient(to bottom,  #FAFAFA 30%,#E0DDDB 100%); /* W3C */
padding: 0.4em 1em;
border-radius: 0 0.9em 0.9em 0 ;
border: 1px solid #A59692;
border-left: none;
color: #604C3D;
-webkit-box-shadow: 0 1px 1px rgba(255,255,255,0.6);
}

/* 座位喜好*/
.radio_seat_left{
display: inline-block;
background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#FAFAFA), color-stop(100%,#E0DDDB)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #FAFAFA 30%,#E0DDDB 100%); /* Chrome10+,Safari5.1+ */
background: linear-gradient(to bottom,  #FAFAFA 30%,#E0DDDB 100%); /* W3C */
padding: 0.4em 0;
border-radius: 0.9em 0 0 0.9em;
border: 1px solid #A59692;
color: #604C3D;
-webkit-box-shadow: 0 1px 1px rgba(255,255,255,0.6);
}

.radio_seat_middle{
display: inline-block;
background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#FAFAFA), color-stop(100%,#E0DDDB)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #FAFAFA 30%,#E0DDDB 100%); /* Chrome10+,Safari5.1+ */
background: linear-gradient(to bottom,  #FAFAFA 30%,#E0DDDB 100%); /* W3C */
padding: 0.4em 1em;
border: 1px solid #A59692;
border-right: none;
border-left: none;
color: #604C3D;
-webkit-box-shadow: 0 1px 1px rgba(255,255,255,0.6);
}

.radio_seat_right{
display: inline-block;
background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#FAFAFA), color-stop(100%,#E0DDDB)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #FAFAFA 30%,#E0DDDB 100%); /* Chrome10+,Safari5.1+ */
background: linear-gradient(to bottom,  #FAFAFA 30%,#E0DDDB 100%); /* W3C */
padding: 0.4em 1em;
border-radius: 0 0.9em 0.9em 0 ;
border: 1px solid #A59692;
color: #604C3D;
-webkit-box-shadow: 0 1px 1px rgba(255,255,255,0.6);
}

.check{
color: #015b83;
font-weight: bold;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1da36), color-stop(100%,#fcef79)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f1da36 0%,#fcef79 100%); /* Chrome10+,Safari5.1+ */
background: linear-gradient(to bottom,  #f1da36 0%,#fcef79 100%); /* W3C */
border: 1px solid #A59692;
-webkit-box-shadow: 0 1px 1px rgba(255,255,255,0.6), 0 0 3px rgba(80,40,0,0.4)inset;
}
.check_old{
color: #015b83;
font-weight: bold;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1da36), color-stop(100%,#fcef79)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f1da36 0%,#fcef79 100%); /* Chrome10+,Safari5.1+ */
background: linear-gradient(to bottom,  #f1da36 0%,#fcef79 100%); /* W3C */
border: 1px solid #A59692;
-webkit-box-shadow: 0 1px 1px rgba(255,255,255,0.6), 0 0 3px rgba(80,40,0,0.4);
}

/*ticket list*/
#tickets_list .list{
border-bottom: 1px solid #969699;
}
/*turnPlantab*/
.tabview{
display: block;
padding: 0.2em;
text-align: center;
font-weight: bold;
/*font-size: 1.1em;*/
border-collapse: collapse;
position: relative;
}

/*scroller*/

#wrapper {
position: relative;
z-index: 1;
overflow: auto;
width: 100%;
}

.order_list .icon-arrowRight{
font-size: 0.9em;
color: #595757;
}

.order_list .icon-minus, .order_list .icon-plus{
font-size: 1em;
color: #2A65C9;
}

/****Pop Up*****/
#overlay {
display: none;    
position: fixed;  
left: 0px;        
top: 0px;         
width: 100%;      
height: 100%;     
background: #000; 
opacity: 0.8;     
z-index: 1000;   
}

#popup_setting {
display: none;
position: fixed;
left: 50%;
top: 1em;
width: 18em;     
height: 8em;
margin-left: -9em;
/*margin-top: -8em;*/
border-radius: 10px;
padding-bottom: 0.5em;
background: #FFFFFF;
z-index: 10000;
overflow-x: hidden;
}

.setting_title{
display: none;    
position: fixed;
background: #F2A444;
font-size: 1.3em;
color: white;
margin: 0 0 0.3em;
font-weight: bold;
border-radius: 10px 10px 0 0;   
z-index: 20000; 
}
.title_txt{padding: 0.2em 0.5em;}
.setting_list{width: 100%;}

.hide_cyb_btn{
overflow: hidden;
display: block;
border-bottom: 1px solid #DCDEDA;
padding-left: 0.4em;
-webkit-animation: hideCybBtn 360ms linear; /* Safari and Chrome */
height:0;
}

.loading_detail{
/*display: none;*/
position:fixed;
left: 50%;
top: 50%;
width: 2em;
text-align: center;
padding: 0.4em;
background: rgba(255,255,255,0.5);
border-radius: 8px;
/*margin: 0 auto;*/
margin-top: -1em;
margin-left: -1em;
z-index: 5000; 
}
/*Tab*/
.tabs, .tabs table{width: 100%;}
.tabs{
bottom: 0;
}
.tabs table{background: #E98B2A;}
.tabs table td{
text-align: center;
width: 20%;
padding: 0.2em 0;
}
.tabs div.icon-search, .tabs div.icon-pathPlan{
font-size: 2em;
line-height: 1em;
}
 .tabs div.icon-favorite{
 font-size: 1.8em;
line-height: 1.15em;
 }
.tabs div.icon-ticket, .tabs div.icon-turnPlan{
font-size: 2.6em;
line-height: 0.8em;
}
.tab_text{font-size: 0.85em;}
.tab{
display: inline-block;
width: 94%;
color: white;
font-weight: bold;
border-radius: 0.5em;
padding: 0.3em 0;
}
.tab_active{
display: inline-block;
width: 94%;
background: white;
color: #E98B2A;
font-weight: bold;
border-radius: 0.5em;
padding: 0.3em 0;
-webkit-box-shadow: 0 0 3px rgba(50,50,50,0.8)inset;
}
.tab_active_old{
display: inline-block;
width: 94%;
background: white;
color: #E98B2A;
font-weight: bold;
border-radius: 0.5em;
padding: 0.3em 0;
-webkit-box-shadow: 0 0 3px rgba(50,50,50,0.8);
}

/*List*/

.list_title_name, .detail_train_num{
font-size: 1.4em;
color: white;
font-weight: bold;
padding-bottom: 0.4em;
padding-left: 0.2em;
}
.list_title_name{display: inline-block;}
.list_title_time, .detail_train_site{
font-size: 1em;
color: white;
text-align: right;
padding-right: 0.3em;
}
.detail_train_site{
font-weight: bold;
font-size: 1.1em;
}
.train_list, .list_detail{width: 100%;}
.train_list table, .list_detail table{width: 100%;}
.list_detail table{padding: 0.5em 0;}
.list_detail{
display: block;
/*padding: 0 0.1em 0 0.2em;*/
border-bottom: 1px solid #B5B5B6;
color: #595757;
}

.favor_edit_block{
padding: 0.8em 0 0.2em;
background: #f2a444;
}
.favor_list td{
padding: 0.2em 0;
color: #595757;
font-weight: bold;
}
.favor_site{font-size: 1.2em;}
.delet_text{
font-weight: bold;
color: #B84452;
line-height: 1.5em;
}

.order_block{
width: 94%;
margin: 0.6em auto 0;
border-radius: 0.5em 0.5em 0 0;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2ede3), color-stop(100%,#d9d3ce)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f2ede3 0%,#d9d3ce 100%); /* Chrome10+,Safari5.1+ */
background: linear-gradient(to bottom,  #f2ede3 0%,#d9d3ce 100%); /* W3C */
border-top: 1px solid rgba(255,255,255,0.8);
border-bottom: 1px solid rgba(100,100,100,0.2);
-webkit-box-shadow: 0 2px 5px rgba(50,50,50,0.3);
text-shadow: 0 1px 0 rgba(255,255,255,0.4);
}
.check_block{
width: 94%;
margin: 0 auto 0.6em;
border-radius: 0 0 0.5em 0.5em;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3eaed), color-stop(100%,#c8d7dc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e3eaed 0%,#c8d7dc 100%); /* Chrome10+,Safari5.1+ */
background: linear-gradient(to bottom,  #e3eaed 0%,#c8d7dc 100%); /* W3C */
border-top: 1px solid rgba(255,255,255,0.8);
border-bottom: 1px solid rgba(100,100,100,0.2);
-webkit-box-shadow: 0 2px 5px rgba(50,50,50,0.3);
}
.list_order{
display: block;
width: 4.5em;
color: #595757;
padding: 0;
border-bottom: 1px solid #B5B5B6;
}
.list_more{
display: block;
color: #2A65C9;
padding: 0.5em 0;
font-weight: bold;
text-align: center;
border-bottom: 1px solid #B5B5B6;
}
.order_td{border-left: 1px solid #B5B5B6;}
.list_btn{
background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#f5f3f0), color-stop(100%,#E0DDDB)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f5f3f0 30%,#E0DDDB 100%); /* Chrome10+,Safari5.1+ */
background: linear-gradient(to bottom,  #f5f3f0 30%,#E0DDDB 100%); /* W3C */
}
.list_btn_active{
background: -webkit-gradient(linear, left bottom, left top, color-stop(30%,#f5f3f0), color-stop(100%,#E0DDDB)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(bottom,  #f5f3f0 30%,#E0DDDB 100%); /* Chrome10+,Safari5.1+ */
background: linear-gradient(to top,  #f5f3f0 30%,#E0DDDB 100%); /* W3C */
-webkit-box-shadow: 0 0 3px rgba(50,50,50,0.5)inset;
}
.train_num{
font-size: 1em;
font-weight: bold;
}
.train_name{
width: 3em;
font-size: 1em;
font-weight: bold;
}
.site_time{
font-size: 1.1em;
padding-left: 0.2em;
}
.start_time{
color: #CC4961;
font-size: 1.05em;
font-weight: bold;
}
.end_time{
font-size: 0.95em;
}
.during_time{
font-size: 0.9em;
padding-left: 0.3em;
font-weight: bold;
}
.ticket_pricetrain_num{font-size: 1.4em;}
.ticket_favor{margin-bottom: 0.2em;}
.early_discount, .offpeak_discount{
font-size: 0.9em;
color: white;
border-radius: 0.3em;
padding: 0.1em 0.2em;
}
.early_discount{background: #CC465C;}
.offpeak_discount{background: #F27300;}
.can_order, .no_order{
font-weight: bold;
font-size: 1em;
}
.can_order{color: #83CA43;}
.no_order{color: #C9CACA;}

.detail_time_list table{
width: 96%;
margin: 0.5em 0;
color: #595757;
}
.time_list_title{font-weight: bold;}
.detail_time_list table td{padding: 0.4em 0;}
.detail_site_name{
font-size: 1.1em;
font-weight: bold;
}
.detail_site_time{
font-size: 1.1em;
padding: 0 0.8em;
}
.dotted_line{
width: 2em;
background: url('../img/dotted.png');
background-size: 0.8em;
background-position: center center;
background-repeat: repeat-y;
}
.dotted_start, .dotted_end{
width: 2em;
background: url('../img/dotted.png');
background-size: 2em;
background-position: center center;
background-repeat: no-repeat;
}
.price_table{padding: 0.5em;}
.price_table table{
width: 75%;
margin: 0 auto;
}
.price_table table td{padding: 0.4em 0.2em;}
.ticket_sort{
color: #595757;
font-weight: bold;
text-align: center;
}
.seat_sort{
color: #595757;
font-weight: bold;
}
.ticket_sort_price{
color: #595757;
text-align: center;
}
.standard{color: #446900;}
.business{color: #4F4C83;}
.free{color: #F29435;}

/*Fail*/
.back_btn{
padding: 0.5em 0.5em;
color: #595757;
font-weight: bold;
margin-top: 1em;
}
.fail_text{
font-size: 1.1em;
font-weight: bold;
padding: 0.5em 0;
color: #D24151;
}

/*Order*/
/*高鐵交易規定check box*/
.accept div{
font-weight: bold;
color: #4A4740;
}

.order_list{
margin: 0.2em 0;
}
.order_list table{
width: 96%;
margin: 0.6em auto;
color: #3E3A39;
font-weight: bold;
}

.order_list table td{padding: 0.4em 0;}
.no_padding table td{padding: 0;}
.order_sort_title{
color: #595757;
font-weight: bold;
font-size: 1em;
vertical-align: middle;
}
.order_input input{
width: 100%;
font-size: 1em;
padding: 0 0.4em;
border: 0;
background: rgba(0,0,0,0);
}
.order_input{
width: 100%;
padding: 0.2em 0;
border-radius: 0.8em;
border: 0.1em solid #A48B78;
background: #FFFFFF;
color: #3e3a39;
}
.trip_title{
display: block;
font-size: 1.2em;
color: #e98b2a;
font-weight: bold;
}
.sheet_btn{
display: inline-block;
padding: 0.3em;
}
.captcha_btn{
display: inline-block;
padding: 0.2em;
}
.sheet_input input{
width: 2.2em;
font-size: 1em;
padding: 0 0.4em;
border: 0;
background: rgba(0,0,0,0);
text-align: center;
}
.sheet_input{
display: inline-block;
width: 2.2em;
padding: 0.2em 0;
border-radius: 0.8em;
border: 0.1em solid #95ACD3;
background: #FFFFFF;
color: #3e3a39;
}


/* 舊版 似乎不支援陰影的inset*/
.switch_yes_oldver, .switch_no_oldver{
display: inline-block;
width: 3.6em;
height: 1.5em;
position: relative;
color: white;
text-shadow: 0 0 1px rgba(50,50,50,0.8);
border-radius: 0.5em;
-webkit-border-radius: 0.5em;
-webkit-box-shadow: 0 1px 1px rgba(255,255,255,0.6);
box-shadow: 0 1px 1px rgba(255,255,255,0.6), 0 0 3px 1px rgba(50,50,50,0.7)inset;
padding: 0 0.1em;
margin-right: 0.2em;
}
.switch_yes_oldver{background: #83CA43;}
.switch_no_oldver{background: #CA5555;}

.switch_yes, .switch_no{
display: inline-block;
width: 3.6em;
height: 1.5em;
position: relative;
color: white;
text-shadow: 0 0 1px rgba(50,50,50,0.8);
-webkit-border-radius: 0.5em;
-webkit-box-shadow: 0 1px 1px rgba(255,255,255,0.6), 0 0 3px 1px rgba(50,50,50,0.7)inset;
box-shadow: 0 1px 1px rgba(255,255,255,0.6), 0 0 3px 1px rgba(50,50,50,0.7)inset;
padding: 0 0.1em;
border-radius: 0.5em;
margin-right: 0.2em;
}

.switch_yes{background: #83CA43;}
.switch_no{background: #CA5555;}
.switch_yes_btn, .switch_no_btn{
display: inline-block;
position: absolute;
width: 1.6em;
height: 1.6em;
background: white;
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#f1f1f1), color-stop(50%,#ffffff), color-stop(51%,#eaeaea), color-stop(52%,#f1f1f1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #f1f1f1 0%,#ffffff 50%,#eaeaea 51%,#f1f1f1 52%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
background: radial-gradient(ellipse at center,  #f1f1f1 0%,#ffffff 50%,#eaeaea 51%,#f1f1f1 52%,#f6f6f6 100%); /* W3C */
border: 0.2em solid #c4c4c4;
-webkit-box-shadow: 0 1px 2px rgba(50,50,50,0.6);
border-radius: 1em;
top: -0.25em;
z-index: 1;//*Adroid 2.3 bug*/
}
.switch_yes_btn{right: -0.2em;}
.switch_no_btn{left: -0.2em;}
.text_yes, .text_no{
position: absolute;
top: 0.15em;
z-index: 10;
}
.text_yes{left: 0.6em;}
.text_no{right: 0.6em;}
.captcha{width: 8.5em;}
.captcha img{width: 100%;}
.captcha_input{
width: 98%;
padding: 0.2em 0;
border-radius: 0.8em;
border: 0.1em solid #A48B78;
background: #FFFFFF;
color: #3e3a39;
margin: 0.3em 0 0;
}
.captcha_input input{
width: 100%;
font-size: 1em;
padding: 0 0.4em;
border: 0;
background: rgba(0,0,0,0);
text-align: left;
}
.order_btn{
padding: 0.4em 0.8em;
font-size: 1em;
margin: 0.5em 1em;
}

/*OtherPay*/
/*other_pay_title*/
.other_title_box{
background: #F8AA2D;
padding: 1em 0.2em;
}
.other_title_name{
font-size: 1.4em;
color: white;
font-weight: bold;
padding-left: 0.2em;
}

.pay_way{
padding: 0.8em 0 0.8em 0.8em;
}

.pay_way_title{
font-weight: bold;
font-size: 1.4em;
color: #635437;
}
.pay_way_content{
padding: 0.8em 0 0.8em 0em;
}

.pay_way_content div{
vertical-align: middle;
display: inline-block;
padding: 0 0 0 0.4em;
}

/*Result*/
.effect_ticket{
margin: 0 0 2.5em;

}
.ticket_block{
width: 96%;
margin: 0.5em auto 0;
}
.ticket_shape{
padding: 0.2em;
border-radius: 0.5em 0.5em 0 0;
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ff9b0f), color-stop(51%,#f2d3a7), color-stop(100%,#ffaf24)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #ff9b0f 0%,#f2d3a7 51%,#ffaf24 100%); /* Chrome10+,Safari5.1+ */
background: linear-gradient(135deg,  #ff9b0f 0%,#f2d3a7 51%,#ffaf24 100%); /* W3C */
}
.ticket_shape table{
width: 100%;
color: #604C3F;
font-weight: bold;
margin: 0.1em auto;
}
.ticket_shape table td{padding: 0.2em;}
#getinTime{font-size: 1.1em;}
.booking_date{
font-size: 0.9em;
font-weight: normal;
}
.ticket_type_num{
font-size: 0.9em;
}
#trainType{font-size: 1.1em;}
#trainNo{font-size: 1em;}
.seat_status{
font-size: 0.8em;
color: #CC2B46;
}
#depName, #desName{
font-size: 1.4em;
padding-bottom: 0;
}
.ticket_price{font-size: 1.1em;}
.arrive_time{
font-size: 1em;
color: #736451;
padding-top: 0;
}
.user_info{font-size: 0.9em;}
#orderCode{
font-size: 1.1em;
color: #A5162E;
}
table.get_ticket_info td{padding-bottom: 0}
table.precautions{
font-size: 0.8em;
margin-bottom: 0.5em;
}
table.precautions td{padding: 0 0.2em;}
#payPost, #payOnline, #payOnline{color: #CC2B46;}

.cancel_btn, .cancel_btn_active{
display: block;
}
cyb\:btn.cancel_btn .cancel_ticket, cyb\:btn.cancel_btn_active .cancel_ticket{
display: inline-block;
width: 100%;
text-align: center;
padding: 0.15em 0;
font-weight: bold;
color: white;
}
.bottom_cancel{-webkit-border-radius: 0 0 0.5em 0.5em;}
cyb\:btn.bottom_cancel{border-radius: 0 0 0.5em 0.5em;}
cyb\:btn.cancel_btn .cancel_ticket{background: #C28448;}
cyb\:btn.cancel_btn_active .cancel_ticket{background: #80572F;}
cyb\:btn.display_btn{
background: rgba(150,150,150,0.8);
display: inline-block;
width: 100%;
text-align: center;
padding: 0.15em 0;
font-weight: bold;
color: white;
}

.history_ticket_list{
width: 100%;
margin: 1em auto;
border-bottom: 1px solid #B5B5B6;/* 6/12*/
}
.history_btn{
display: block;
width: 100%;
padding: 0.3em 0 0.4em;
border-top: 1px solid #B5B5B6;/*6/12*/
}
.history_btn table{
width: 96%;
margin: 0 auto;
color: #595757;
}
.history_btn table td{padding: 0.2em 0 0;}
.history_time{
font-size: 1em;
font-weight: bold;
}
.history_train, .history_number{
font-size: 1.1em;
font-weight: bold;
}
.history_number{
padding-left: 2em;
}
.history_site{
font-size: 1.4em;
font-weight: bold;
}
.arrow_rotate{
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
}

/*Interchange*/
.top_button table{width: 100%;}
.top_button table td{
width: 33%;
text-align: center;
border-right: 1px solid #B5B5B6;
font-weight: bold;
}
.interchange_btn, .interchange_btn_active{
display: block;
width: 100%;
padding: 1em 0;
font-size: 1.1em;
color: #2A65C9;
}
.interchange_btn{
color: #595757;
background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#f5f3f0), color-stop(100%,#E0DDDB)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f5f3f0 30%,#E0DDDB 100%); /* Chrome10+,Safari5.1+ */
background: linear-gradient(to bottom,  #f5f3f0 30%,#E0DDDB 100%); /* W3C */
border-bottom: 1px solid #B5B5B6;
-webkit-box-shadow: 0 -3px 2px rgba(50,50,50,0.1)inset;
}
.interchange_btn_active{
color: #F39800;
text-shadow: 0 0 5px rgba(255,255,255,0.8);
background: -webkit-gradient(linear, left bottom, left top, color-stop(30%,#f2f0ed), color-stop(100%,#E0DDDB)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(bottom,  #f2f0ed 30%,#E0DDDB 100%); /* Chrome10+,Safari5.1+ */
background: linear-gradient(to top,  #f2f0ed 30%,#E0DDDB 100%); /* W3C */
-webkit-box-shadow: 0 5px 4px rgba(50,50,50,0.3)inset;
border-bottom: none;
}
.select_block{margin: 0.8em auto;}
.select_block table{width: 100%;}
/*.select_block table td{padding: 0.5em 0;}*/
.change_page .date_select{width: 100%;}
.change_page .time_select{width: 100%;}


/*Plan*/
.plan_set_block{
width: 100%;
color: #2A65C9;
background: #2A65C9;
padding: 0.2em 0;
}

.plan_set_block table{width: 100%;}

.plan_set_block table td{
padding: 0.5em 0.2em;
padding-left: 0;
color: #FFFFFF; /*#535953;*/
font-size: 1.1em;
font-weight: bold;
}

.plan_point{
display: inline-block;
width: 0;
height: 0;
background: transparent;
border: 0px solid red;
border-top: 0.6em solid #2A65C9;
border-left: 0.7em solid #FFFFFF;
border-bottom: 0.6em solid #2A65C9;
margin-bottom: -0.2em;
}

.plan_input{
position: relative;
width: 100%;
background: #FFFFFF;
padding: 0.3em 0.2em 0.3em 0.4em;
border-radius: 1em;
border: 1px solid #4C75BA;	/*7FB01C*/
}

.change_td{
width: 3.5em;
text-align: right;
}


.plan_input input{
width: 96%;
background: transparent;
border: 0;
font-size: 0.9em;
color: #3e3a39;
}


.input_del_btn img{
width: 0.6em;
height: 0.6em;
padding: 0.5em 0.4em;
border-radius: 0.5em;
}

.input_del_btn{
position: absolute;
top: -0.4em;
right: -0.4em;
padding: 0.4em 0.6em;
}
/*
.input_del_btn_active img{
background-color: #fcc416;
}*/

.change_btn img{width: 1.3em;}

.change_td >cyb\:btn{
padding: 0.5em;
background: #FFFFFF;
border: none;
border-bottom: 0.15em solid rgba(50,50,50,0.6);
margin: 0 0.5em 0 0.8em;
}

.change_td >cyb\:btn.active{
padding: 0.5em;
background: #FFE080;
border: none;
-webkit-box-shadow: 0 0.1em 0.15em 0.1em rgba(0,0,0,0.2)inset, 0 0.1em 0.1em rgba(255,255,255,0.8);
margin: 0 0.5em 0 0.8em;
}

.plan_search{
text-align: center;
margin: 0.2em 0;
}

.plan_search >cyb\:btn{
padding: 0.4em 0.5em;
background: #FFFFFF;
border: none;
border-bottom: 0.15em solid rgba(50,50,50,0.6);
margin: 0 0.5em 0 0.8em;
border-radius: 0.5em;
}

.plan_search >cyb\:btn.active{
padding: 0.45em 0.5em;
background: #FFE080;
border: none;
-webkit-box-shadow: 0 0.1em 0.15em 0.1em rgba(0,0,0,0.2)inset, 0 0.1em 0.1em rgba(255,255,255,0.8);
margin: 0 0.5em 0 0.8em;
border-radius: 0.5em;
}

#planResultList{padding: 0.5em 1em 0.5em 0.5em;}

#planResultList cyb\:btn{
width: 97%;
margin-bottom: 0.4em;
text-align: left;
padding: 0.5em 0.5em 1em;
background: url('/bus/img/arrow_next_normal.png'),#FFFFFF;
background-size: 1.3em, 100%;
background-position: right center, center center;
background-repeat: no-repeat, repeat;
border: none;
border-bottom: 0.15em solid rgba(100,100,100,0.6);
}

#planResultList cyb\:btn.direction_btn_first{
width: 97%;
margin-bottom: 0.4em;
text-align: left;
padding: 0.5em 0.5em 1em;
background: url('/bus/img/arrow_next_normal.png'), #FFE6AD;
background-size: 1.3em, 100%;
background-position: right center, center center;
background-repeat: no-repeat, repeat;
border: none;
border-bottom: 0.15em solid rgba(100,100,100,0.6);
}

#planResultList cyb\:btn.active{
width: 97%;
margin-bottom: 0.4em;
text-align: left;
padding: 0.5em 0.5em 1em;
background: url('/bus/img/arrow_next_active.png'),#FFE080;
background-size: 1.3em, 100%;
background-position: right center, center center;
background-repeat: no-repeat, repeat;
border: none;
-webkit-box-shadow: 0 0.1em 0.15em 0.1em rgba(0,0,0,0.2)inset, 0 0.1em 0.1em rgba(255,255,255,0.8);
}

#planResultList cyb\:btn.selected{
background: url('/bus/img/arrow_next_down_normal.png'),#FFFFFF;
background-size: 1.3em, 100%;
background-position: right center, center center;
background-repeat: no-repeat, repeat;
}

#planResultList cyb\:btn.direction_btn_first.selected{
background: url('/bus/img/arrow_next_down_normal.png'),#FFE6AD;
background-size: 1.3em, 100%;
background-position: right center, center center;
background-repeat: no-repeat, repeat;
}

#planResultList cyb\:btn.active.selected{
background: url('/bus/img/arrow_next_down_active.png'),#FFE080;
background-size: 1.3em, 100%;
background-position: right center, center center;
background-repeat: no-repeat, repeat;
}

#planResultList cyb\:btn table{
width: 95%;
text-align: left;
}

#planResultList cyb\:btn table div{
display: inline-block;
margin: 0;
}

#planResultList cyb\:btn table img{width: 100%;}

#planResultList .direction_btn_title_time{
color: #1E88A8;
font-size: 1em;
font-weight: bold;
padding-bottom: 0.4em;
width: 100%;
}

#planResultList .direction_btn_title{
display: inline-block;
color: #535953;
/*color: #DB3449;*/
font-size: 0.9em;
font-weight: bold;
width: 92%;
}

#planResultList .direction_btn_info{
width: 98%;
margin: 0 auto 0;
text-align: left;
/*border-collapse: separate;
border-spacing: 10px 0px;*/
background: rgba(255,255,255,0.5);
border-radius: 0 0 0.5em 0.5em;
}

#planResultList .direction_btn_info td{
padding: 0.3em 0 0.3em 0.3em;
}

.direction_btn_start, .direction_btn_end{
color: #19a7d1;
font-weight: bold;
}

#planResultList .direction_copyrights{
padding-top: 0.3em;
padding-bottom: 1em;
font-size: 0.8em;
color: #707070;
text-align: right;
}

/*
.spend_time{
color: #19A7D1;
font-size: 1em;
font-weight: bold;
padding-bottom: 0.4em;
}
*/

.mode_walk{width: 1.5em;}

.mode_mrt span{display: inline-block;}

.mrt_img{
display: inline-block;
width: 1.8em;
}

.mrt_img img{width:100%;}

#mrtName{
display: inline-block;
color: #DB3449;
font-size: 0.9em;
font-weight: bold;
}

cyb\:popup .plan_popup_list{
padding: 0.2em 0.5em;
width: 16em;
background: #D9D3C3;
border-radius: 0.5em;
-webkit-box-shadow: 0 0.15em 0 rgba(100,100,100,0.6);
}

#plan_popup_elem cyb\:btn{
font-size: 1.1em;
-webkit-box-sizing: border-box;
width: 100%;
border: 0;
border-radius: 0.3em;
font-weight: bold;
color: #707C74;
background: white;
padding: 0.3em 0.6em;
-webkit-box-shadow: 0 0.15em 0 rgba(100,100,100,0.3);
 margin: 0.5em 0;
}
#plan_popup_elem cyb\:btn.active{
border-radius: 0.3em;
background: #FFC408;
color: white;
text-shadow: 0 0.1em 0 rgba(0,0,0,0.1);
-webkit-box-shadow: 0 0.1em 0.15em 0.1em rgba(100,100,100,0.5)inset;
}
.user_enter_name{
font-size: 1.3em;
font-weight: bold;
color: #00896C;
padding: 0.2em 0 0 0.4em;
text-align: left;
}