@charset "utf-8";

/* CSS Document */

button.icon {/*修正隱藏文字的icon寬度過大問題*/
    max-width: 24px;
}

.navtop .search:before {
    font-family: FontAwesome;
    color: #00bcd2;
    margin-right: 3px;
}

.navtop .search:before {
    content: "\f002";
}


/*----------------------------下拉選單個別-樣式6 Schedule and stations ,Passenger service--------------------*/

.menu .menusub-6>li:nth-of-type(1) {
    padding-left: 10%;
}

.menusub-6 .menu-item {
    width: 350px;
}


/*----------------------------下方快速連結區塊內樣式----------------------------------------- ---------------*/

.description .quickLink {
    font-size: 1em;
    font-weight: bold;
    margin: 5px 0;
}

.description .quickLink a {
    color: #ffffff;
}

.description .quickLink a.angle-right:after {
    margin-left: 10px;
}

a .moreTickets {
    font-size: 1.5em;
    font-weight: bolder;
    height: 430px;
    color: #ffffff;
}


/* 首頁 "more travel tickets" div 展開  */
div a.moreTickets {
    font-size: 1.5em;
    padding-top: auto;
    padding-bottom: auto;
    color: white;
    display: inline-block;
    width: 100%;
    text-align: center;
    height: 427px;
    vertical-align: middle;
    line-height: 17em;
}

/*payment method btn 調整*/
.payment-group label[for=option1]{
    height: 4em;
    display: table;
    /* line-height: 2.5; */
    vertical-align: middle;
}
.payment-group label span{
    display: table-cell;
    vertical-align: middle;
}
.payment-group label[for=option2]{
    display: table;
    white-space: normal;
    width:20em;
    height: 4em;
}


/*更換座位 座位無法調整 按鈕間距調整  */
tbody > tr.order-head > th.train-trips > span > span{
    margin-left: 1em;
}



/*Detailed column text align  */
table tr td.train-type a{
    padding-left: 0px;
    position: relative; 
}

table tr td.train-type a::before{
    left: -16px;
    position: absolute;
}

/*booking-step2_1.html stepbar row adjustment*/
body>div:nth-child(2)>div:nth-child(2)>div.col-xs-3{
   padding: 0;
}

ul.marginTop{
   margin-top: 0.65em;
}


/*The input of Station's width adjustment  */
.column .site-wrapper .input-wrapper input {
    width: 26em;
}
#fromsite1{
    width: 26em;
}

/*站名間距*/
#lm3{
    margin-left: 3.5em;
}

/*advanced search btn 靠右  */
.advanced_search_btn{
    margin-top:8px; 
    display: flex;
    flex-direction: row-reverse;
}

/* 英文版side menu文字對齊 */
.container .sidemenu ul li .sub-sidemenu a{
    position: relative;
    display: flex;
    padding: 9px 16px 9px 26px;
    font-weight: 600;
}

.container .sidemenu ul li .sub-sidemenu a span{
    display: inline-block;
}

.container .sidemenu ul li .sub-sidemenu a::before{
    display: inline-block;
    width: 3.5px;
    margin-right: 0;
    position: relative;
    left: -10px;
    top: 6px;
}


/* 電子憑證乘車範圍， 順行 逆行 span調整 */
table.table-ride span.sation-head{
    display: inline-block;
}



/* 郵輪式列車進度條調整 */
.cruise-train-progress li.col-xs-3.icon-fa{
    height: 2.7em;
}
.cruise-train-progress li.col-xs-3.icon-fa:nth-child(1),
.cruise-train-progress li.col-xs-3.icon-fa:nth-child(2){
    line-height: 1em;
    padding-top: 6px;
}
.cruise-train-progress li.col-xs-3.icon-fa:nth-child(1)::after,
.cruise-train-progress li.col-xs-3.icon-fa:nth-child(2)::after{
    padding-top: 0;
    top:16px;
}
















/*購票流程 ul li 調整  */

.process-list li{
    height: 5em;
}




/* .process-list li:nth-child(1),
.process-list li:nth-child(2){
    line-height: 3;
} */

/* .process-list li:nth-child(3),
.process-list li:nth-child(4){
    top: 1em;
} */

.process-list li:nth-child(3) a.btn.btn-type.links{
    position: absolute;
    bottom: -63px;
    right: -19px;
}