/*traintab*/

.traintab {
    font-family: 'Noto Sans TC', '微軟正黑體', 'Microsoft JhengHei', 'Open Sans', sans-serif;
}

.traintab.ui-tabs .ui-tabs-panel {
    padding: 0;
}

.traintab.ui-widget.ui-widget-content {
    border: none;
}

.traintab .ui-widget-header {
    background: transparent;
    border: none;
    margin-bottom: 30px;
    margin-top: -20px;
}

.traintab .ui-state-default,
.traintab .ui-widget-content .ui-state-default,
.traintab .ui-widget-header .ui-state-default,
.traintab .ui-button,
html .traintab .ui-button.ui-state-disabled:hover,
html  .traintab .ui-button.ui-state-disabled:active {
    border: none;
    background: transparent;
   
}

.ui-tabs.traintab .ui-tabs-anchor {
    background: #f4e5ef;
    color: #8445ad;
    border: 2px solid #f4e5ef;
    border-radius: 5px;
    padding: 6px 15px 7px;
    margin-bottom: 0;
    margin-right: 5px;
}

.ui-tabs.traintab  .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs.traintab .ui-tabs-anchor:hover,
.ui-tabs.traintab .ui-tabs-active a.active {
    color: #fff;
    background: #9860b3;
}
.ui-tabs.traintab li.tab-option a:before{
    content: "";
    height: 20px;
    width: 20px;
    float: left;
    margin-right: 7px;
    background: url(/tymetro-new/kr/_images/checkin/s-icon1.png);
    background-repeat: no-repeat;
    background-position: 0 -20px;
    background-size: cover;
}
.ui-tabs.traintab li:nth-child(2) a:before{
    background: url(/tymetro-new/kr/_images/checkin/s-icon2.png);
    background-position: 0 -20px;
    background-size: cover;
}
.ui-tabs.traintab li:nth-child(3) a:before{
    background: url(/tymetro-new/kr/_images/checkin/s-icon3.png);
    background-position: 0 -20px;
    background-size: cover;
}
.ui-tabs.traintab li:last-child a:before{
    background: url(/tymetro-new/kr/_images/checkin/s-icon4.png);
    background-position: 0 -20px;
    background-size: cover;
}
.ui-tabs.traintab  .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor:before,
.ui-tabs.traintab .ui-tabs-anchor:hover:before,
.ui-tabs.traintab .ui-tabs-active a.active:before {
    background-position: 0 0;
}

/*son*/
.service_info_wrapper ul {
    padding-left: 15px;
}
.service_info_wrapper p.location span {
    color: #8445ad;
}

/*process*/

.item_info_wrapper {
    float: left;
    margin-top: 20px;
    margin-bottom: 40px;
}
.item_step .item_step_img {
    width: 80%;
    margin: 0 auto;
}

.item_step_text p {
    font-size: 135%;
}
.item_step .item_step_text {
    padding: 15px;
    border: 3px solid #7f3da1;
    border-radius: 5px;
    background: #f4e5ef;
    position: relative;
    min-height: 345px;
}

.item_step_text:before {
    content: "step1";
    font-size: 120%;
    padding: 12px 8px;
    width: 70px;
    height: 35px;
    border-radius: 70px 70px 0 0;
    color: #fff;
    background: #7f3da1;
    top: -38px;
    right: 50%;
    transform: translateX(50%);
    text-align: center;
    margin: 0 auto;
    position: absolute;
}
.item_step_text.item_step_text2:before {
    content: "step2";
}
.item_step_text.item_step_text3:before {
    content: "step3";
}
.item_step_text.item_step_text4:before {
    content: "step4";
}