body {
    font-family: Microsoft JhengHei;
}

#header {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #007ADF;
    color: #C5DFF6;
    font-family: impact;
    margin-bottom: 25px;
}

#footer {
    background-color: #3C454E;
    color: #A7ABAF;
}

#footer p {
    border-bottom-style: solid;
    border-color: #4D565F;
    border-bottom-width: 1px;
}

#mobile {
    display: none;
    position: absolute;
    top: 2px;
    right: 2%;
    width: 10%;
    max-width: 47px;
    cursor: pointer;
}

#content {
    overflow: hidden;
}

.block_title {
    font-size: 28px;
    font-weight: bolder;
}

.block_icon {
    height: 26px;
    vertical-align: baseline;
}

#tour_no {
    font-weight: bolder;
    padding: 5px 15px;
}

#tour_name {
    font-size: 24px;
    font-weight: bolder;
}

.icon-time,
.icon-country,
.icon-city,
.icon-people,
.icon-money {
    background-image: url(../img/icon-prod-info.png);
    float: left;
    margin-top: 6px;
    width: 22px;
    height: 22px;
}

.icon-country {
    background-position: 171px 0;
}

.icon-city {
    background-position: 121px 0;
}

.icon-people {
    background-position: 71px 0;
}

.icon-money {
    background-position: 22px 0;
}

.icon-calendar {
    background-image: url(../img/calendar_spite.png);
    float: left;
    margin-top: -6px;
    width: 28px;
    height: 28px;
}

#product_left {
    font-size: 18px;
    padding: 0px 10px;
    border-right: 10px solid #F8F8F8;
}

#product_left>div {
    border-width: 0px 0px 1px 0px;
    border-style: dashed;
    border-color: gray;
}

#product_left div:last-child {
    border-bottom-width: 0px;
}

#product_left ul {
    margin-top: 5px;
    list-style-type: none;
    padding-left: 20px;
}

.icon-time {
    background-position: 0 0;
}

.li_city {
    border-radius: 10px;
    background-color: #F0F0F0;
    cursor: pointer;
}

.li_city img {
    width:14px;
    vertical-align: baseline;
    background-color: white;
    padding: 2%;
    border-radius: 40%;
}

.td_city img {
    width: 10px;
}

#surplus {
    color: #FE7469;
}

#deposit {
    color: #FE7469;
}

#product {
    border: 1px solid gray;
    padding-top: 2%;
}

#product_pic {
    padding: 0px;
    text-align:center;
    background-color:#F7F7F7;
}

#product_pic img {
    background-color: #C0C0C0;
}

#product_right {}

#product_right >div >div {
    padding: 0px;
}

#product_right .text-center {
    padding: 0;
}

#product_right>div {
    margin-top: 10px;
}

#product_right:first-child button {
    height: 80px;
}

#btn_sign {
    width: 100%;
    height: 80px;
    background-image: linear-gradient( to bottom, #FFCB1F, #FF9C00);
    color: #FEFFFD;
    font-size: 24px;
    padding-left:6px;
}

#btn_print,
#btn_share {
    width: 45%;
    border-width: 0px;
    margin-top: 20px;
    height: 30px;
    border-radius: 5px;
    background-color: #FAFAFA;
    padding: 1px;
}

#tour_other {
    border-radius: 8px;
    background-color: #3376DE;
    color: #FFFFFF;
    font-size: 14px;
    padding: 2px;
    text-decoration: none;
}

#tour_other img {
    width: 12px;
}

.price_down {
    font-size: 30px;
    color: red;
    font-weight: bolder;
}

.des_tab>li {
    background-color: #F8EDE7;
    margin-bottom: -1px;
    border-bottom: 3px solid #F8EDE7;
    margin-left: 1%;
    width: 15%;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
}

.des_tab >li:first-child {
    margin-left: 5%;
}

.des_tab>li:hover {
    border-color: #EEEEEE;
}

.des_tab>li.active {
    border-top: 4px solid #E7B56B;
    border-bottom-width: 0px;
    color: #E7B56B;
}

.des_tab>li>a {
    width: 100%;
    color: #E7B56B;
    border-radius: 0px;
}

.des_tab>li>a:hover {
    border-color: transparent;
}

.des_tab>li.active>a,
.des_tab>li.active>a:hover,
.des_tab>li.active>a:focus {
    color: #E7B56B;
    border-top-width: 0px;
}

.des_content {
    padding: 20px;
}

.tour_tab>li {
    background-color: #E7F2F8;
    margin-bottom: -1px;
    border-bottom: 3px solid #E7F2F8;
    margin-left: 1%;
    width: 15%;
    text-align: center;
    font-size: 20px;
    font-weight: 800;
}

.tour_tab >li:first-child {
    margin-left: 5%;
}

.tour_tab>li:hover {
    border-color: #EEEEEE;
}

.tour_tab>li.active {
    border-top: 4px solid #2E74DE;
    border-bottom-width: 0px;
    color: #E7B56B;
}

.tour_tab>li>a {
    width: 100%;
    color: #4579A2;
    border-radius: 0px;
    padding:4px 10px;
}

.tour_tab>li>a:hover {
    border-color: transparent;
}

.tour_tab>li.active>a,
.tour_tab>li.active>a:hover,
.tour_tab>li.active>a:focus {
    color: #4579A2;
    border-top-width: 0px;
}

.tour_content-text {
    font-size: 15px;
    padding: 20px;
}
.tour_content-text p{
    text-align:justify;
    font-size:16px;
}
.tour_content-text img,
.tour_content-text iframe{
    max-width:100%;
}
.fly_time {
    border: 10px solid #51B7F1;
    border-radius: 10px;
    padding: 35px 0px 10px 0px;
    font-size: 20px;
    margin-bottom: 20px;
}

.fly_time .ps {
    position: relative;
    top: 50px;
    font-weight: bolder;
    font-size: 14px;
}

.ps {
    color: red;
}

.plan_date {
    color: #F8FAFD;
    background-color: #007ADF;
    height: 80px;
    width: 80px;
    border-radius: 50%;
    text-align: center;
    line-height: 68px;
    z-index: 1;
}

.plan_title {
    font-size: 18px;
    color: #1B5FA6;
    font-weight: 600;
    padding: 15px 30px;
}

.plan_date>span {
    font-size: 30px;
    position: relative;
    top: 4px;
    left: 1px;
}

.plan_detail {
    display: none;
}

.plan_pic {
    padding-left: 0px;
    padding-right: 0px;
}

.plan_pic img {
    width: 100%;
}

.plan_pic_right {
    border-top: 1px dashed gray;
    padding: 15px;
    font-size: 15px;
    font-weight: 600;
    color: #9E9D99;
}

.plan_pic_right td {
    vertical-align: top;
    min-width: 49px !important;
}

.plan_pic_right_icon {
    width: 48px;
    vertical-align: baseline;
    border-bottom: 9px solid transparent;
}

.plan_pic_right_icon img {
    width: 70%;
}

.plan_expansion {
    padding: 0px;
    height: 24px;
    width: 24px;
    background-color: #22789B;
    padding-left: 5px;
    padding-top:5px;
    margin-top: 15px;
    left: 20px;
}

.plan_expansion_all {
    font-size: 18px;
    color: #2587E2;
}

.plan_expansion_all div {
    display: inline-block;
    cursor: pointer;
}

.plan_expansion_all img {
    vertical-align: sub;
}

.plan_content {
    border: 1px solid black;
    margin: 10px 0px 10px 20px;
}

.plan_content> .row:last-child {
    background-color: #FFFDF1;
}

.plan_wrap {
    margin-left: -39px;
    padding-left: 39px;
    border-left: 1px solid #007ADF;
}

.last_wrap {
    border-left: 1px solid transparent;
}

.space {
    margin-top: 50px;
}

#order_info {
    background-color: #FEFCF0;
    padding: 30px;
    border: 1px solid #FDE5D9;
}

#order_info ul {
    list-style-type: none;
    font-size: 18px;
    line-height: 34px;
    padding-top: 14px;
    min-width: 206px;
}

.logo_li {
    min-width: 206px;
    position: relative;
    left: -22px;
}

#btn_sign_2 {
    width: 200px;
    height: 80px;
    background-image: linear-gradient( to bottom, #FFCB1F, #FF9C00);
    color: #FEFFFD;
    font-size: 24px;
}

.clndr_jumpr,
.clndr_jumpl {
    background-color: #31A1D1;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 15px;
    z-index: 1;
    border-radius: 50%;
    cursor: pointer;
}

.clndr_jumpr {
    right: 65px;
}

.clndr_jumpl {
    left: 65px;
}

.clndr_jumpr img,
.clndr_jumpl img {
    position: relative;
    left: 9px;
    top: 3px;
}

#product_pic .swiper-pagination-bullet{
        background: yellow;
        display:none;
    }

/* 大螢幕設備（大型桌面，1200px（含）以上） */
@media screen and (min-width: 1200px) {
    #header_tata {
        left: -112px;
    }
    
    #footer {
        margin-top: 60px;
        padding: 40px 0px;
    }
    
    #product {
        height: 398px;
    }
    #product_pic{
        height:398px;
        line-height:398px;
    }
     .plan_pic_right{
        height:213px;
    }

}

/* 中螢幕設備（一般桌面，992px（含）以上） */
@media screen and (min-width: 992px) and (max-width: 1199px) {
    #header_tata {
        left: -80px;
    }
    
    #footer {
        margin-top: 30px;
        padding: 40px 0px;
    }
    
    #product_left {
        font-size: 15px;
    }
    
    #product ,#product_pic{
        height: 330px;
    }
    #product_pic{
        height:330px;
        line-height: 330px
    }
     .plan_pic_right{
        height:213px;
    }
    .price_down {
        font-size: 21px;
    }
    #btn_sign{
        font-size:20px;
    }

}

/* 小螢幕設備（平板，768px（含）以上） */
@media screen and (min-width: 768px) and (max-width: 991px) {
    #header_tata {
        left: -100px;
    }
    
    #footer {
        margin-top: 30px;
        padding: 40px 0px;
    }
        
    #product_pic,
    #product {
        margin-left: 30px;
    }
    .plan_pic_right{
        padding:2px;
    }
}

/* 小螢幕設備（平板，767px（含）以下） */
@media screen and (max-width: 767px) {
    #header_tata {
        left: -8%;
    }
    
    #footer {
        margin-top: 30px;
        padding: 40px 0px;
    }
    
    #product {
        height: auto;
    }
    
    #product_left div:last-child {
        border-bottom-width: 1px;
    }
    
    #product_left {
        font-size: 13px;
        border:none;
    }
    
    .price_down {
        font-size: 21px;
    }
    
    #btn_sign {
        width: 180px;
        height: 70px;
    }
    
    #btn_print,
    #btn_share {
        margin-top: 0px;
    }
    
    .space {
        margin-top: 20px;
        padding: 0px;
    }
    
    .tour_tab >li:first-child,
    .des_tab >li:first-child {
        margin-left: 0px;
    }
    
    .tour_tab >li,
    .des_tab >li {
        width: 20%;
    }
    
    .tour_tab >li>a,
    .des_tab >li>a {
        padding: 0px 8px;
    }
    
    .fly_time {
        padding: 5px 0px;
    }
    
    .plan_title {
        padding: 0px;
        font-size: 16px;
    }
    
    .plan_date {
        height: 40px;
        width: 40px;
        padding: 0px;
        line-height: 32px;
        font-size: 12px;
    }
    
    .plan_date>span {
        font-size: 23px;
    }
    
    .plan_wrap {
        margin-left: -21px;
        padding-left: 5px;
        padding-right: 0;
        padding-top: 0px;
    }
    
    .plan_content {
        margin-left: 18px;
        width: calc( 100% - 14px);
    }
    
    .plan_expansion_all:first-child {
        top: 4px;
        z-index: 1;
        font-size: 16px;
    }
    
    .des_content {
        padding-left: 5px;
    }
    
    .block_title {
        padding: 0px;
        font-size: 24px;
    }
    
    #content,
    .plan_expansion_all {
        padding: 0px;
    }
    
    .block_icon {
        height: 22px;
    }
    
    .clndr_jumpr {
        right: 35px;
    }
    
    .clndr_jumpl {
        left: 35px;
    }
}