@charset "utf-8";

.content {display: block; font-size:15px; line-height: 30px; margin:0px 0px 8px 0px;}
.content a {text-decoration:underline;}
.content a:hover {text-decoration:underline; color:#a8da96;}
.txt-sp {color:#e60012; font-weight: bold;}
.exclusive {/* padding:10px; */font-weight: bold;/* margin:25px 0px;display: table;*/align-items: center;}
.exclusive-con {display: block; font-size:15px; line-height: 24px; margin:0px 15px 8px 20px; font-weight: normal; clear: both;}
.exclusive-title {background: #008852; color:#ffffff; padding:8px; margin-left:-11px; margin-top:-10px; position: absolute;}
.exclusive-bigtitle {display: block; padding-left:10px; margin:40px 15px 10px 10px; font-size:21px; line-height: 36px;}
.txt-title {display: block; font-size:21px; /*margin:0px 0px 18px 10px; padding-top:20px;*/ background:#92bc8f; color:#ffffff; text-align: center; line-height: 38px; border-radius: 30px; clear: both;}
.txt-sp {color:#e60012; font-weight: bold; float:right; display: block; font-size:15px; line-height: 24px;}
.txt-sp em {font-size:36px; font-style: normal;}
.txt-small {font-size:12px;}
.txt-tt {color:#fc4c02; font-weight: bold;}
.txt-sp2 {color:#e60012; font-weight: bold;}
.txt-sp3 {color:#2ea503; font-weight: bold;}

.text-list {text-indent: -14px; padding-left:12px;}
.line-bar {clear: both; display: block; border-bottom:1px dotted #b4d3a7; padding:0px 10px; margin:0px 15px 8px 20px;}

.stroke {margin:25px 0px;}
.route {margin:35px 0px; line-height: 24px;}
.route-title {color:#005eb8; background: #e1f6fe; border-radius: 5px; padding:5px 0px 5px 10px; margin:8px 0px; font-weight: bold; font-size:18px;}
.route-tt {display: block; color:#008852; font-weight: bold; margin:12px 0px 0px 0px;}
.route-tt span {border:1px solid #008852; padding:5px;}
.route-txt {color:#005eb8; font-weight: bold; font-size:15px; line-height: 24px; margin:4px 0px;}
.route ul {margin:12px 0px;}
.route ul li {width:100%; display: block; border-bottom:1px dotted #cccccc; padding:5px 0px;}
.route ul li a:hover {color:#a8da96;}
.text-list {text-indent: -12px; padding-left:12px;}

.homestay-introduction {display: inline-flex;border-bottom: 1px solid #d5d5d5;padding: 15px 0;}
.homestay-title {text-align: left;width: 50%;padding: 0 0 0 20px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.homestay-tt {font-size:21px;color: #ff5300;text-align: left;/*border-bottom:1px dotted #eb6100; border-top:1px dotted #eb6100;*/line-height: 32px;}
.homestay-con {font-size: 15px;color: #333333; font-weight: normal; line-height:24px; text-align: left; width:100%; float:right; margin-bottom:6px;}
.homestay-consp {font-weight: bold; color:#0d3c0a;}

.promotion-pic {width: 50%;height:100%;padding:5px 5px 10px 0px;}
.promotion-pic img {width:100%; height:100%; margin:0 auto;max-width: 330px;}


.btn-go {display: block; text-align: center; margin: 10px 0px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;clear:both;}
.btn-go a {
    display: block;
    background:#008852;
    padding:10px;
    color:#ffffff;
    -moz-box-shadow:2px 2px rgba(20%,20%,40%,0.3);
    -webkit-box-shadow:2px 2px rgba(20%,20%,40%,0.3);
    box-shadow:2px 2px rgba(20%,20%,40%,0.3);
    max-width: 195px;
}
.btn-go a:hover {
    background: #a8da96;  
}

.coupon-code {background: #e1fad7; float:left; width:100%; line-height: 26px; margin:10px 0px;}
.coupon-area {padding:15px;}
.coupon-left {color:#2e502c; font-size:15px; font-weight: bold; width:52%; float:left; padding-bottom:10px;}
.coupon-right {width:45%; float:right; display: flex; align-items: center; min-height:150px;}
.coupon-all {display: block; color:#2e502c; font-size:15px; font-weight: bold; margin:0 auto;}
hr {display: block;  clear: both; width:95%; margin:0 auto; border-top:1px dashed #8cd170;}

.txt-code {font-size:30px; font-weight: bold; display: block; width:100%;}
.coupon-buttom {display: block; text-align: center; margin: 10px 0px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; clear:both; line-height: 30px; width:100%;}
.coupon-buttom a { 
    display: block;
    background:#008852;
    padding:15px 15px 5px 15px;
    color:#ffffff;
    -moz-box-shadow:2px 2px rgba(20%,20%,40%,0.3);
    -webkit-box-shadow:2px 2px rgba(20%,20%,40%,0.3);
    box-shadow:2px 2px rgba(20%,20%,40%,0.3);
    }
.coupon-buttom a:hover {background: #04a565; }



.route {margin:5px 0px; line-height: 24px;}
.route-title {color:#eb6100; padding:5px 0px 5px 0px; margin:8px 0px; font-weight: bold; font-size:18px; line-height: 30px;}
.route {width:100%; margin:0 auto; margin-top:5px;}
.route li {float:left; width:100%; color:#333333; font-size:16px; border-bottom:1px dotted #cccccc;}
.route li a {display: block; text-decoration: none; font-size:14px; padding:0px 5px; line-height: 30px; float:left; width:100%;}
.route li a:hover {display: block; background:#d6fac9;}
.list-route { display: block; width:100%;}
.route-tt {width:20%; float:left;}
.route-place {width:100%; float:left; line-height: 40px;}
.route-price {width:38%; color:#e60012; font-weight: bold; float:left; text-align: right; padding-right:8px; line-height: 22px;}
.big-pic {display: block; width:100%; float:left; margin:10px auto; text-align: center;}
.big-pic img {width:100%; margin:0 auto; margin-top:30px;}
.route-second {float:left; border-radius: 20px; background:#589c54; color:#ffffff; padding:0px 10px; font-size:14px; margin:5px 0px;}



.flip {margin:0px; /*padding:15px;*/ text-align:right; cursor:pointer; text-decoration: underline; max-width:300px; float:right; font-size:15px;}
.panel {/*margin:15px 0px; padding:5px; */ text-align:center; display:block;
      /*border-bottom:1px solid #eeeeee; float:left;*/ clear: both;}


.step {display: block; clear: both; margin:5px 0px 15px 0px;}
.panel ul {font-size:14px;}
.panel ul li {width:24%; float:left; padding:2px 2px 30px 2px;}
.step-img {margin:0 auto;}
.step-img img {margin:0 auto; width:100%;}
.step-con {text-align: center; line-height: 24px;}

.btn-more a {text-align: right; display: block;}


.notice-list-show2 {
        height: auto;
        overflow:visible !important;
        margin-bottom:50px;
    }

    .notice-cover2 {
        width: 100%;
        height: 68px;
        /*background:url(/webDM/bankCard/zbank-ui/images/notice-cover.png) repeat-x top;
        position: absolute;
        bottom: 0;
        left: 0px;*/
        text-align: right;
        display: block;
    }

button#notice-but2 {
        border:0;
        background:transparent;
        width: 100%;
        height: 68px;
        position: relative;
        cursor: pointer;
        font-family: Verdana,'微軟正黑體';
    }
    
    .notice-close2::after {
        content: '優惠代碼使用流程 ▾';
        /*position: absolute;*/
        width: 200px;
        /*border-radius: 3px;
        background:#999999;*/
        color:#000000;
        font-size: 15px;
        text-align: center;
        height: 30px;
        line-height: 30px;
        /*right: 20px;
        bottom: 20px;*/
        padding:5px 10px;
        /*text-decoration: underline;*/
        cursor: default;
    }
    
    .notice-open2::after {
        content: '優惠代碼使用流程 ▴';
        /*position: absolute;*/
        width: 200px;
        /*border-radius: 3px;
        background:#999999;*/
        color:#000000;
        font-size: 15px;
        text-align: center;
        height: 30px;
        line-height: 30px;
        /*right: 20px;
        bottom: 20px;*/
        padding:5px 10px;
        text-decoration: underline;
    }
.notice-list-show2 {
        height: auto;
        overflow:visible !important;
        margin-bottom:50px;
    }


@media screen and (max-width: 768px) {
.coupon-left {color:#2e502c; font-size:15px; font-weight: bold; width:100%; float:left; padding-bottom:10px;}
.coupon-right {width:70%; margin:0 auto; float:none; display: block;}
.panel ul li {width:49%; float:left; padding:2px;}
}

@media screen and (max-width: 600px) {
.homestay-title {text-align: left; margin:5px;}
.homestay-tt {font-size:21px; text-align: left; /*border:1px dotted #eb6100; background:#ecf8e6;*/ border-top:0px; border-bottom:0px; border-radius:0px; padding:0px; line-height:30px;}
}

@media screen and (max-width: 560px) {
.route li a {display: block; text-decoration: none; width:100%; /*background: #d7f5f5;*/ padding:10px 6px; line-height: 24px; }
.route-tt {width:100%; float:left;}
.route-place {width:100%; float:left; line-height: 26px;}
.route-price {width:100%; color:#e60012; font-weight: bold; text-align: center;}
}


@media screen and (max-width: 490px) {
.coupon-right {width:90%;}
.panel ul li {width:45%; float:left; padding:5px;}    
}

@media screen and (max-width: 385px) {
.homestay-title {text-align: center; margin:22px 5px;} 
.homestay-tt {font-size:16px;text-align: center;padding:10px 6px;}
    
.panel ul li {width:100%; float:left; padding:5px;}   
}


/*20211028新增*/
ul.type-link-block {
    border: 1px solid #d5d5d5;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-flex;
    overflow: hidden;
    margin: 20px auto;
    width: 100%;
}

.type-link-block a {
    display: inline-block;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    color:#333333;
    font-size: 15px;
    font-weight: bold;
    width: 100%;
    text-align: center;
}

.type-link-block a:hover {
    background: #eeeeee;
}

.type-link-block li {
    border-right: 1px solid #d5d5d5;
    width: 25%;
}

.type-link-block li:last-child {
    border-right: 0;
}

.type-link-block img {
    width: 100%;
    max-width: 50px;
    margin: 0 auto 10px auto;
}

.type-link-block span {
    width: 100%;
    clear: both;
    display: inline-block;
    line-height: 20px;
}

.special-title {
    display: block;
    clear: both;
    width: 100%;
    background: url(../../images/cube2023q3/special_title_bk.png) no-repeat center;
    padding: 10px 0;
    text-align: center;
    font-size: 21px;
    line-height: 32px;
    font-weight: bold;
    color: #ffffff;
    margin: 30px 0 0 0;
}

@media screen and (max-width: 600px) {
    .homestay-title {
        width: 100%;
        text-align: center;
        margin: auto;
        padding: 0;
    }
    .promotion-pic {
        display: none;
    }

    .homestay-introduction,.exclusive {
        width: 100%;
    }

    .homestay-con {
        text-align: center;
    }

    .btn-go a {
        display: inline-block;
    }
}

@media screen and (max-width: 485px) {
    ul.type-link-block {
        flex-wrap: wrap;
        justify-content: space-around;
    }

    .type-link-block li {
        border:0;
        width: 26%;
    }

    .type-link-block a:hover {
        background:transparent;
    }
}

@media screen and (max-width: 320px) {
    .type-link-block li {
        width: 100%;
        border-bottom: 1px solid #d5d5d5;
        text-align: center;
    }
    .type-link-block li:last-child {
        border-bottom: 0;
    }

    .type-link-block img {
        width: 100%;
        max-width: 30px;
        margin: 0 10px 0 auto;
    }

    .type-link-block a {
        width: 106px;
        text-align: left;
        display: flex;
        align-items: center;
        margin: 0 auto;
    }
}