﻿header.leftside {
    width: 100%;
    height: 47px;
    background-color: #40404c;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    margin-top: 15px;
    color: #fff;
    font: bold 15px "Microsoft JhengHei","微軟正黑體",Helvetica,Arial,sans-serif;
    line-height: 27px;
    padding: 10px 15px;
}

.errortext {
    color: #D12579;
    font-size: 12px;
}

.add-phone {
    color: #61ABB4;
    font-size: 12px;
    cursor: pointer;
    overflow: hidden;
}

.add-phone-panel {
    display: none;
}

    .add-phone-panel.on {
        display: block;
    }

.order_r {
    float: right;
}

.form_order1 {
    background-color: #fff;
}

.place_date .place {
    padding-left: 15px;
}

.about-square {
    box-shadow: none;
}

.xingcheng {
    border-bottom: 1px solid #c7c7c7;
    color: #009FE3;
    font-size: 16px;
    padding-top: 5px;
}

.line-solid {
    border-bottom: 1px solid #c7c7c7;
    margin-bottom: 10px;
}

.trip {
    padding-bottom: 15px;
}

.return {
    border-bottom: 1px solid #c7c7c7;
    margin-bottom: 15px;
}

.blue {
    background-color: #009FE3;
    color: white;
}

    .blue:hover {
        color: white;
    }

.ui-state-active, .ui-widget-content .ui-state-active {
    /*color: white !important;
    background: #009FE3;*/
background: url('../../images/dateLeftDef.png') no-repeat #f0f0f0;
border:none;
background-size:100% 100%;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: 1px solid #e6207f;
    background:url("images/ui-bg_glass_0_e6207f_1x400.png") 50% 50% repeat-x;
    font-weight: normal;
    /*color: #FFF !important;*/
    cursor:pointer;
}

.about-text-center.team-meet {
    /*border-bottom: 1px solid #ccc;*/
    padding: 10px 20px 10px 15px;
}

.select_content {
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 15px;
}

.counder {
    border-top: 4px solid #16A1B8;
    padding-right: 0px;
    margin-right: 0px;
}

 .counder td {
        width: 7%;
    }

.function {
    margin-right: 0px;
}

.counder section {
    color: #009FE3;
    font-size: 16px;
    padding-bottom: 6px;
    border-bottom: 1px solid #ccc;
    font-weight: 700;
}

.flight-order-list:first-child {
    border-bottom: 0px;
}

.flight-orders {
    color: #009FE3;
    font-size: 16px;
    font-weight: 700;
}

.paddign-flight {
    padding-left: 15px;
    padding-top: 20px;
    padding-bottom: 6px;
    border-top: 4px solid #16A1B8;
    border-bottom: 1px solid #ccc;
    background: white;
}

.flight-list {
    float: right;
    padding-right: 15px;
}

.gread {
    padding: 10px 0 20px 15px;
    color: #F1105F;
    background: white;
    margin-bottom: 0px;
}

.none-padding {
    padding-right: 0px;
}

.out-flight {
    padding-left: 15px;
    background: white;
    margin: 0px;
    padding-top: 20px;
}

.detalit {
    margin-top: 8px;
}

.wfrighdes {
    padding-right: 5%;
}

.w_textsize {
    font-size: 15px;
}

.detalit {
    color: #656565;
    text-decoration: underline;
}

.blue {
    border-color: #009FE3;
}

    .blue:hover {
        color: #139DBA;
        color: white;
    }

.carryinfo {
    text-align: center;
}

    .carryinfo img {
        width: 47%;
    }

.pagination li.active a {
    background: #009FE3;
}

.pagination > li.next.disabled > a {
    background: #009FE3;
}

.PhoneList {
    width: 100%;
}

    .PhoneList + .form-control {
        width: 100%;
    }

.on-flight {
    padding-left: 15px;
    background: white;
    margin: 0px;
    padding-top: 20px;
}

.function {
    margin-bottom: 0px;
}
/*Andy 20170223*/
.fly-reult-bg {
    color: #fff;
    background: url(../../images/hotel/hotel_transparent_bg.png);
    padding: 30px 0;
    font-weight: bold;
    margin-top: -105px;
    margin-bottom: 15px;
}

.fly-reult_fly {
    background: url(../../images/icon-new/fly-icon.png) no-repeat;
    padding-left: 50px;
    font-size: 35px;
    height: 40px;
    line-height: 40px;
}

.fly-reult-search {
    font-size: 28px;
}

    .fly-reult-search span:nth-child(2) {
        color: #6dcff6;
        margin: 0 10px;
    }

.line-color {
    height: 10px;
    background: #66b7d5;
}

.line-color-gray {
    height: 10px;
    background: #d7d7d7;
}

.font-color {
    color: #66b7d5;
    font-size: 14px;
    font-weight: 700;
}

.font-color-gray {
    color: #d7d7d7;
    font-size: 14px;
}

.line-color-box {
    margin: 20px 0px;
}

.passage-info-box {
    background: #fff;
    padding:0;
}

.passage-info-title {
    text-align: left;
    color: #646567;
    font-size: 28px;
    font-weight: bold;
    padding: 15px 0;
}

.place {
    color: #646567;
    font-weight: bold;
    font-size: 14px;
}

/*.passage-info-form .passage-info-label {
    font-size: 18px;
    color: #646567;
}*/
/*會員專區 的登錄 start*/
.member_login {
    background-color: #fff;
    border-radius: 10px;
    border: 1px #1D2087 solid;
    padding: 2px;
    margin-bottom: 55px;
}

    .member_login h5 {
        background: url('../../images/flight/member-i.png') no-repeat;
        padding-left: 45px;
        height: 40px;      
        margin-top: 0px;
    }

        .member_login h5 i {
            background: url('../../images/flight/member-arrow.png') no-repeat;
            float: right;
            width: 14px;
            height: 21px;
            margin-top: 10px;
            margin-right: 10px;
        }

        .member_login h5 span {
            color: #1D2087;
        }

    .member_login main {
        overflow: hidden;
        padding: 15px 0px;
    }

    .member_login_main h4 {
        font-size: 22px;
        font-weight:bold;
    }

  .member_login_main > div {
        padding: 0px 40px;
    }


.member_login .checkbox input {
    width: 20px;
    height: 20px;
    margin-top: 0px;
}

.member_login .checkbox label {
    font-size: 20px;
    color: #1D2087;
    font-weight: bold;
}

.member_login_main center button {
    background-color: #1D2087;
    color: #fff;
    font-size: 30px;
    padding: 0px 25px;
    margin-bottom: 10px;
}

.login_facebook {
    font-size: 18px;
}

    .login_facebook img {
        margin-top: 40px;
        margin-bottom: 20px;
    }
/*會員專區 的登錄 end*/
/*會員專區 客戶信息填寫 start*/
.passage-info-box h4,.travel-box h4{
    color: #fff;
    font-weight: bold;
    padding: 15px 15px;
    font-size: 24px;
    background-color: #1D2087;
    margin-top: 0;
    margin-bottom:0;
}
.panel-heading.biaoti {
    color: #fff;
    
    padding: 15px 15px;
    background-color: #1D2087;
    margin-top: 0;
    margin-bottom:0;
}
.panel-heading.biaoti > h4 {
        font-size:24px;
        font-weight: bold;
        }
.passage-info-box h4 small{
    color:#fff;
    font-size:12px;
    margin-left:10px;
}
.passage-info-form{
    padding:0;
    margin:0 15px;
}
.passage-info-form section{
    overflow:hidden;
    margin-top:35px;   
}
.passage-info-form .totalperiod,.totalperiod{
    color:#C30D23;
    font-size:24px;
    font-weight:bold;
    float:left;
}

.append-people span {
    display:inline-block;
    border:1px solid #000;
    border-radius:10px;
    padding:3px 10px;
    font-size:16px;
    color:#1D2087;
}
.member_info strong{
    font-size:24px;
}
.member_info .title{
    color:#1D2087;
    font-size:18px;
    font-weight:bold;
}
.form-group .title ,.form-group .title-one{
    color:#1D2087;
    font-size:18px;
    font-weight:bold;
    padding:0;
    padding-top:6px;
}
.member_info .row{
    margin-bottom:15px;
}
.member_info .row>div{
    float:left;
}
.member_info .row .title{
    width:90px;
}
.receipt_information{
    margin-bottom:30px;
}
.receipt_information > p{
    margin-left:25px;
    color: #666;
    font-size: 12px;
    margin-bottom:40px;
}
.receipt_information input[type=radio]{
    width:20px;
    height:20px;
    margin-right: 5px;
}
.receipt_information main{
    border:1px #1D2087 solid;
    position:relative;
    padding:30px 20px;
    margin-left: 30px;
}
.receipt_information .radio_box{
    background-color:#fff;
    position:absolute;
    top:-20px;
    left:-30px;
    padding-right:20px;
    padding-bottom:10px;
}
.special_needs{
    margin-bottom:30px;
}
.special_needs p{
    color:#FF6A11;
}
.special_needs textarea{
    width:100%;
    min-height:90px;
    padding:10px;
}
.special_needs button{
    background-color:#1D2087;
    font-size:26px;
    color:#fff;
    padding:5px 35px;
    margin:0px auto;
    font-weight:bold;
    margin-top:20px;
    border-radius: 15px;
}
/*會員專區 客戶信息填寫 end*/

/* 忘記密碼，設置新密頁面**/
.No-box {
    height:40px;
    border: 1px solid #e9e9e9;
}
.modal-footer {   
    border-top:none;
}
.ResetPassword-title {
    padding-bottom:20px;
    border-bottom:1px solid #e9e9e9;
}
.ResetPassword {
    margin-top: 20px;
    padding:0 10px;
}
.ResetPassword input{
    width:300px;
    height:40px;
    border: 1px solid #e9e9e9;
}
.ResetPasswordSub {
    margin:20px; 
    font-size:16px; 
}
.ResetPasswordSub button {
    padding:6px 40px; 
    border: 1px solid #e9e9e9;
    
}
.position {
    position:relative;
    
}
.position_relative {
    position: relative;
    top: 5px;
}
.errortext{
    width: 270px;
    text-align: center;
}
.addContact{
    cursor:pointer;
}
.addContact:hover{
    opacity:0.5;
}
/*修改常用聯繫人資料*/
.btn-submit{
    background:#1D2087;
    color:#fff;
    border-radius:8px;
    font-size:22px;
    padding:6px 40px;
    text-align:center;
}
.ifNationality{
    display:none;
}
.loginNavImg{
    display:none;
}
@media (max-width: 767px) {
    .No-box {
        width:100%;       
    }
    .ResetPassword-box {
        width:100%;
        margin:0 auto;     
        border: 1px #1D2087 solid;
        border-radius:5px;
        background-color:#fff;
    } 
    .ResetPassword input{
        width:100%;    
    }
    .member_login_main {
        background:none;
    }
    .member_login h5 {      
        line-height: 20px;   
    }
    .receipt_information,.special_needs {
        padding: 0;
    }
    .nav-img-box {
        display:none;
    } 
  
}
@media (min-width: 768px) {
   .No-box {
        width:300px;        
    } 
   .ResetPassword-box {
        width:500px;
        margin:0 auto;     
        border: 1px #1D2087 solid;
        border-radius:5px;
        background-color:#fff;
    } 
   .ResetPassword input{
        width:300px;    
    }
   .member_login_main {
        background: url('../../images/flight/member_login_main-i.png') no-repeat center;
    }
   .member_login h5 {      
        line-height: 40px;   
    }
   .receipt_information,.special_needs {
        padding: 0px 30px;
    }
    .form-inline input.surname {
        width:70px;
    }
}

.receipt_information .chose_country {
    width:80px;
}
.receipt_information .chose_city{
    width:80px;
}
#ui-datepicker-div {
    background-size: 100%;
  
    /*background: url('../../images/date_smallBorder.png') no-repeat,#fff;*/
}
.ui-datepicker .ui-datepicker-next span {
     left: 0;
    margin-left: 0;
    top: 0;
    margin-top: 0px
}
.ui-datepicker .ui-datepicker-prev span {
     left: 0;
    margin-left: 0;
    top: 0;
    margin-top: 0px
}