/* 修正粗體 */
@font-face {
    font-family: '微軟正黑體修正';
    unicode-range: U+78A7; /* ASCII (碧筵綰) */
    font-style: normal;
    font-weight: bold;
    src: local(MingLiU), local(MS Gothic);
}
/* 一般粗細的時候改回微軟正黑 */
@font-face {
    font-family: '微軟正黑體修正';
    unicode-range: U+78A7; /* ASCII (碧筵綰) */
    font-style: normal;
    font-weight: normal;
    src: local(微軟正黑體);
}

body, button, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, input, select, textarea {
    font-family: "Helvetica Neue", Helvetica, Arial,'微軟正黑體修正', "微軟正黑體", "微软雅黑", "メイリオ", "맑은 고딕", sans-serif;
    font-weight: 400;
}

body {
    line-height: 1.8;
    font-size: 1rem;
    color: #212121;
    background:#299ac4 url(../images/section01_bg.gif) repeat;
}
@media screen and (min-width:992px) {
    body {
        font-size: 1.125rem;
    }
}

li {
    list-style: none;
}

a,a:link,a:visited,a:hover,a:active{ text-decoration: none;}

.content-fluid {
    /* container-fluid */
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.contentbox {
    /* container */
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

@media screen and (min-width: 576px) {
    .contentbox {
        max-width: 540px;
    }
}

@media screen and (min-width: 768px) {
    .contentbox {
        max-width: 720px;
    }
}

@media screen and (min-width: 992px) {
    .contentbox {
        max-width: 960px;
    }
}

@media screen and (min-width: 1200px) {
    .contentbox {
        max-width: 1140px;
    }
}

.rowline {
    /* row */
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

/*-------------------- 共用樣式 --------------------*/
:root {
    --com-color:#212121;
    --txt-color:#007ffe;
    --txt-dark-color:#005bb6;
    --box-color1:#007ca6;
    --box-color2:#359600;
    --step-color: #e1e8f8;
    --sale-color:#ff4400;
    --sale-btn-color:#3b9e04;
    --sale-btn-hover-color:#238c00;
    --transition-com: all 0.15s ease;
}

.line-h14 {
    line-height: 1.4;
}

.line-h16 {
    line-height: 1.6;
}

.line-h18 {
    line-height: 1.8;
}

.border_com{ border:3px solid #000000;}
.box-shadow-com{ box-shadow: 3px 4px 0 #000000;}
.dbl-shadow::before{content: ""; position: absolute; display: block; top:15px; left:12px; width: 100%; height: 100%; background: var(--box-color1); z-index: -1;}

/*-------------------- 活動按鈕 --------------------*/
/* 活動按鈕 佛珠版
.more_btn{width: 100%; text-align: center; padding: 20px 0;}
.more_btn>a{display: inline-block;color:#ffffff;font-size: 1.5rem;font-weight: 600; background: url(../images/more_btn.svg) no-repeat center/100%; padding: 16px 60px;  transition:var(--transition-com);}
.more_btn>a:hover{margin-top:-2px; margin-left:-2px; }
.sec1_btn{filter:drop-shadow(4px 4px 0 var(--box-color1));}
.sec1_btn:hover{filter:drop-shadow(0 0 4px rgba(255,255,255,.7)) drop-shadow(8px 8px 0 var(--box-color1));}
.sec2_btn{filter:drop-shadow(4px 4px 0 var(--sale-btn-hover-color));}
.sec2_btn:hover{filter:drop-shadow(0 0 4px rgba(255,255,255,.7)) drop-shadow(8px 8px 0 var(--sale-btn-hover-color));} */

.more_btn{width: 100%; text-align: center; padding: 20px 0;}
.more_btn>a{display: inline-block; color:#ffffff;font-size: 1.5rem; font-weight:1000;-webkit-text-stroke: 0.5px #000000;text-shadow:-1px 0 black, 0 1px black,1px 0 black, 0 -1px black,2px 2px 0 #000000; padding: 10px 40px;border:3px solid #000000; background: #ffaa00;filter:drop-shadow(6px 6px 0 #000000); transition:var(--transition-com);-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;white-space: nowrap;}
.more_btn>a:hover{margin-top:-1px; margin-left:-1px; background: #f58f00;filter:drop-shadow(12px 12px 0 rgba(0,0,0,0.5)); }
.sec1_btn{line-height: 52px;}
.sec1_btn::after{ content: ""; display:inline-block; width: 59px; height: 52px; margin-bottom: calc(52px / 4 * -1); background: url(../images/btn_icon01.svg) no-repeat center/contain; margin-left: 15px;}
.sec2_btn{line-height: 50px;}
.sec2_btn::after{ content: ""; display:inline-block; width: 64px; height: 50px; margin-bottom: calc(50px / 4 * -1); background: url(../images/btn_icon02.svg) no-repeat center/contain; margin-left: 15px;}
.sec3_btn{line-height: 50px;}
.sec3_btn::after{ content: ""; display:inline-block; width: 44px; height: 66px; margin-top: calc(66px / 3 * -1);margin-bottom:-10px; background: url(../images/btn_icon03.svg) no-repeat center/contain; margin-left: 15px;}
@media screen and (max-width: 991px) {
    .more_btn>a{font-size: 1.25rem;padding: 6px 30px;}
}
@media screen and (max-width: 767px) {
    .more_btn>a{font-size: 1.125rem;padding: 6px 15px;}
    .sec1_btn::after{  width: 47.2px; height: 41.6px; margin-bottom: calc(41.6px / 4 * -1); }
.sec2_btn{line-height: 50px;}
.sec2_btn::after{  width: 51.2px; height: 40px; margin-bottom: calc(40px / 4 * -1); }
.sec3_btn{line-height: 50px;}
.sec3_btn::after{  width: 35.2px; height: 52.8px; margin-top: calc(52.8px / 3 * -1);}
}

/*-------------------- 主視覺 --------------------*/

#main_top>h1 {
    display: block;
    max-width: 0;
    max-height: 0;
    overflow: hidden;
    line-height: 0;
    font-size: 1px;
    padding: 0;
    margin: 0;
}

#main_top {
    width: 100%;
    height: 0;
    padding-bottom: 27.083%;
    position: relative;
    background: url(../images/topbg_1920x520.jpg) no-repeat center;
    background-size: cover;
}

@media screen and (max-width: 767px) {
    #main_top {
        width: 100%;
        height: 0;
        padding-bottom: 71.11%;
        background: url(../images/topbg_900x640.jpg) no-repeat center;
        background-size: cover;
    }
}

.main_items{
    position:absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.main_items>div{position: absolute;}
.superman{width:59.896%;height: 100%;top:-10%;left:15%; }
.subtitle{width:30.364%;height: 97.885%;top:-10%;left:66.146%;}
.bell{width:7.395%;height:22.5%;top:48.653%;left:73.854%;}
.cozzi_logo{width:9.58%;height:0;padding-bottom: 4.427%; background: url(../images/cozzi_logo.jpg) no-repeat center/contain; bottom:20px;right:20px;}
@media screen and (max-width: 767px) {
    .superman{width:117.555%;height: 100%;top:-10%;left:-19.889%; }
    .subtitle{width:62.023%;height: 75.172%;top:50.76%;left:41%; z-index: 10;}
    .bell{display: none;}
    .cozzi_logo{width:20.444%;height:0;padding-bottom: 9.444%;top:10px;right:10px;}
}

/*-------------------- Nav --------------------*/

.nav_bar {
    position: relative;
    margin-top: -10px;
    z-index: 999;
}

.nav_bar .main_nav{justify-content: center;}
@media screen and (max-width: 767px) {
    .nav_bar .main_nav>div{margin-bottom: 10px;}
}

.nav_bar .main_nav a>img{ width:100%; height: auto; filter: drop-shadow(7px 7px 0 var(--box-color1)); transition:var(--transition-com);}
.nav_bar .main_nav a:hover>img{ filter: drop-shadow(10px 10px 0 var(--box-color1));margin-top: -5px; margin-left:-5px;}

.nav_bar .sec_nav{flex: 0 0 20%; max-width: 20%; padding: 0 10px; text-align: center;}
.nav_bar .sec_nav>a{display: inline-block; background: #ffffff; font-weight: 800; font-size: 1.5rem; color: var(--sale-btn-hover-color); border:2px solid #000000;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px; padding:10px 20px; line-height: 30px; white-space: nowrap;}
.nav_bar .sec_nav>a:hover{filter: drop-shadow(0 0 5px #ffffff) drop-shadow(5px 5px 0 var(--box-color1));border:2px solid var(--sale-btn-hover-color);}
.nav_bar .sec_nav>a>img{margin:-5px 0 0 -5px; filter: drop-shadow(2px 3px 0 #000000);transition:var(--transition-com);}
.nav_bar .sec_nav>a:hover>img{margin:0;filter: drop-shadow(0 0 0 #000000);}
@media screen and (max-width: 1199px) {
    .nav_bar .sec_nav>a{ font-size: 1.25rem;}
    .nav_bar .sec_nav>a>img{width: 25px; height: auto;}
}
@media screen and (max-width: 991px) {
    .nav_bar .sec_nav>a{ font-size: 1.125rem;padding:6px 15px;line-height: 20px;}
    .nav_bar .sec_nav>a>img{width: 20px; height: auto;margin:0; filter:none;}
}
@media screen and (max-width: 767px) {
    .nav_bar .rowline:nth-of-type(2){justify-content: center;}
    .nav_bar .sec_nav{flex: 0 0 33.333333%;max-width: 33.333333%; margin-bottom: 15px;}
    .nav_bar .sec_nav>a{ font-size: 1rem;padding:5px 12px;}
    .nav_bar .sec_nav>a>img{width: 16px; height: auto;}
    
}



/* Safari 6.1+ */

/* @media screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio:0){
    .nav_bar>ul li:nth-of-type(1), .nav_bar>ul li:last-of-type {
        height: 3.5rem;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

} */


/*-------------------- 大背景 --------------------*/

.background_items{position: absolute; width: 100%; height: 60%;}
@media screen and (max-width: 767px) {
    .background_items{display: none;}
}
.item-wrapper{padding: 0;position: relative;}
.item-wrapper .bg-item{position: absolute;width: 39.687%; height: 60%; background: url(../images/section01_bgitem.svg) no-repeat center top/contain;}
.item-wrapper:nth-child(1) .bg-item{right:53.6%;}
.item-wrapper:nth-child(2) .bg-item{left:53.6%;}
.item-wrapper:nth-child(1) .b01{top:350px;}
.item-wrapper:nth-child(1) .b02{top:calc(350px + 32vw);}
.item-wrapper:nth-child(1) .b03{top:calc(350px + 32vw * 2);}
.item-wrapper:nth-child(2) .b01{top:calc(350px + 16vw);}
.item-wrapper:nth-child(2) .b02{top:calc(350px + 16vw + 32vw);}
.item-wrapper:nth-child(2) .b03{top:calc(350px + 16vw + 32vw * 2);}
/* 推薦飯店 大背景 */
#hotel_tw .background_items{position: absolute; width: 100%; height: 60%;}
#hotel_tw .item-wrapper{padding: 0;position: relative;}
#hotel_tw .bg-item{position: absolute;background-repeat: no-repeat; background-position: center top; background-size: contain;}
#hotel_tw .item-wrapper:nth-child(1) .b01{top:570px;right:57.4%;width: 17.4%; height: 50%; background-image: url(../images/section02_bgitem02.png);}
#hotel_tw .item-wrapper:nth-child(1) .b02{top:calc(570px + 300px);right:51%;width: 14.69%; height: 50%; background-image: url(../images/section02_bgitem04.png);}
#hotel_tw .b03{bottom:0;left:0;width:25.83%; height: 28.854%; background-image: url(../images/section02_bgitem06.png);background-position:left bottom;}
@media screen and (max-width: 767px) {
    #hotel_tw .b03{width:50%;}
}
#hotel_tw .item-wrapper:nth-child(2) .b01{top:95px;left:57.4%;width: 16.354%; height: 50%; background-image: url(../images/section02_bgitem01.png);}
#hotel_tw .item-wrapper:nth-child(2) .b02{top:calc(95px + 850px);left:56%;width: 20.21%; height: 50%; background-image: url(../images/section02_bgitem03.png);}
#hotel_tw .item-wrapper:nth-child(2) .b03{top:calc(95px + 850px + 200px);left:57.4%;width: 19.375%; height: 50%; background-image: url(../images/section02_bgitem05.png);}


/*-------------------- 活動說明 #activity_info --------------------*/

p.news_area{
    display: block;
    padding: 1rem;
    width: 100%;
    background: #85d14a;
    border-radius: 20px;
    margin-bottom: 40px;
    text-align: center;
    font-size: 1.25rem;
    border: 3px solid #000000;
    box-shadow: 5px 5px 0 var(--box-color1);
}

p.news_area>span{display: inline-block; background: #198300; border-radius: 50px; padding: 0 1rem; color: #ffffff; margin-bottom: 5px;}

@media screen and (max-width: 767px) {
    p.news_area{
        font-size: 1rem;
    }
}

.contentbox_main {
    padding: 90px 0;
    position: relative;
    z-index: 10;
}
@media screen and (max-width: 767px) {
    .contentbox_main {
        padding: 50px 12px;}
}

.contentbox_main>h2{text-align: center; margin-bottom: 1.5rem;}
@media screen and (max-width: 991px) {
    .contentbox_main>h2>img[src*='title_b']{height: 50px;width: auto;}
}
@media screen and (max-width: 767px) {
    .contentbox_main>h2>img[src*='title_b']{height: 45px;width: auto;}
    #activity_level .contentbox_main>h5:nth-of-type(1){margin-bottom:2.5rem;}
}
.contentbox_main>h5{font-size: 1.125rem;text-align: center;color: #ffffff;text-shadow: 0 1px 4px rgba(0,0,0,0.8); margin-bottom: 1.5rem;line-height: 1.6;}
.contentbox_main>h5.note{text-align: left; font-size: 1rem;}
@media screen and (max-width: 991px) {
    .contentbox_main>h5{font-size: 1.125rem;}
    .contentbox_main>h5.note{font-size: 1rem;}
}
@media screen and (max-width: 767px) {
    .contentbox_main>h5{font-size: 1rem;}
    .contentbox_main>h5.note{font-size: 0.875rem;}
}

.info_box{position: relative;}
@media screen and (max-width:767px) {
    #activity_info{padding-left: 10px;padding-right: 10px;}
    .info_box{margin-left: -10px; margin-right: -10px;}/*活動說明區塊*/
    #activity_level >.contentbox_main>.rowline{margin-left: -10px; margin-right: -10px;}/*關卡區塊*/
}
.info_box>.col-6{padding:15px 10px 12% 10px; border-right:3px solid #000000;}
.info_box>.col-6:nth-child(1){background:#ffffff url(../images/infoicon_01.png) no-repeat center bottom/contain;}
.info_box>.col-6:nth-child(2){background:#ffffff url(../images/infoicon_02.png) no-repeat center bottom/contain;}
.info_box>.col-6:nth-child(3){background:#ffffff url(../images/infoicon_03.png) no-repeat center bottom/contain;}
.info_box>.col-6:nth-child(4){background:#ffffff url(../images/infoicon_04.png) no-repeat center bottom/contain; border-right:none;}
.info_box>.col-6>h3{font-weight:500;color:var(--txt-color); letter-spacing: -0.03rem;}
.info_box>.col-6>p>span{color:var(--sale-color);}
@media screen and (max-width: 991px) {
    .info_box>.col-6>h3{font-size: 1.5rem;}
}
@media screen and (max-width: 767px) {
    .info_box>.col-6>h3{font-size: 1.25rem;}
    .info_box>.col-6{padding-bottom: 20%; border-bottom:3px solid #000000;}
    .info_box>.col-6:nth-child(2){border-right:none;}
}

/*-------------------- 關卡介紹 #activity_level --------------------*/

.level_box_area{padding-left: 0; padding-right: 0;}
.level_box{position: relative;background: #ffffff; padding: 3.508% 5.26% 2.631% 9.65%/*-40px 60px 30px 110px*/; margin-bottom: 60px;}
.level_box_area:nth-of-type(4) .level_box{ margin-bottom: 40px;}
.level_box::after{content:""; display: block;position: absolute; width: 204px; height: 175px;top:-50px; left:-30px; background-repeat: no-repeat; background-size: contain; }
@media screen and (max-width: 991px) {
    .level_box::after{ width:160px;}
}
.level_box>.rowline{justify-content: center;}
.level_box_area:nth-of-type(1) .level_box::after{background-image: url(../images/level_title01.svg);}
.level_box_area:nth-of-type(2) .level_box::after{background-image: url(../images/level_title02.svg);}
.level_box_area:nth-of-type(3) .level_box::after{background-image: url(../images/level_title03.svg);}
.level_box_area:nth-of-type(4) .level_box::after{background-image: url(../images/level_title04.svg);}
.level_icon{position: relative; width: 100%; height: 190px; text-align: right;}
/* .level_box_area:nth-of-type(4) .level_box .col-md-3 .level_icon{height: 75%;} */
.level_icon::before{content:"";display: block;position: absolute; width:90%; height:160px; background: var(--step-color); -webkit-border-radius: 30px;-moz-border-radius: 30px; border-radius: 30px;left:0;bottom:0%;}
.level_icon::after{content:""; display: block;position: absolute;top: 50%; left: -10%; width: 0;height: 0; border-style: solid;border-width: 13.5px 0 13.5px 23.4px;border-color: transparent transparent transparent #a6beec;}
.level_box .col-md-3:nth-of-type(1) .level_icon::after{content:""; display: none;}
.level_box .col-md-3:nth-of-type(4) .level_icon::after{content:"+"; display:block;color:#a6beec ; font-size: 3.75rem;font-weight: 800; top:25%;left: -25.5%;border: none}
.level_box .col-md-3{padding: 0 25px;}
@media screen and (max-width: 991px) {
    .level_box .col-md-3{padding: 0 10px;}
    .level_box .col-md-3:nth-of-type(4) .level_icon::after{font-size: 3rem; top:20%;left: -22%;}
}
.level_box .col-md-3 .level_icon>img{position: relative;width:90%; height: auto;z-index: 1;}
.level_box .col-md-3:nth-of-type(2) .level_icon>img{ width:100%;margin-top: 10%;}
.level_box .col-md-3:nth-of-type(3) .level_icon>img{ width:100%;}
.level_box .col-md-3:nth-of-type(4) .level_icon>img{ width:100%;}
.level_box_area:nth-of-type(4) .level_box .col-md-3:nth-of-type(1) .level_icon>img{ width:120%; margin-left:-10%;}
.level_box_area:nth-of-type(4) .level_box .col-md-3:nth-of-type(4) .level_icon>img{ width:115%; margin-left:-5%;}
.level_txt{font-size: 1.25rem;line-height:1.6; text-align: center; margin-top: 10px;}
.level_txt span{font-size: 1.875rem;line-height: 1.5rem;}
@media screen and (max-width: 1199px) {
    .level_icon{height: 150px;}
    .level_icon::before{height:130px;}
    .level_txt{font-size: 1.125rem;}
.level_txt span{font-size: 1.375rem;}

}
@media screen and (max-width: 991px) {
    .level_icon{height: 136px;}
    .level_icon::before{height:110px;}
    .level_txt{font-size: 1rem;}
}
@media (min-width:768px) and (max-width: 1199px) {
    
    .level_box_area:nth-of-type(4) .level_box .col-md-3 .level_txt{line-height:1.4;}
}
/* 手機版 */
@media screen and (max-width:767px) {
    .level_box_area{padding-left: 10px;padding-right: 10px;}
    .level_box{padding:6px; margin-bottom: 60px;}
    .level_box::after{width:100px; height: 86px;top:-50px; left:-10px;}
    .level_icon{position: relative;flex: 0 0 20%;
        max-width: 20%; width: 20%; height:auto; text-align: left; padding-right: 3px;}
    .level_box .col-md-3 .level_icon>img{width: 100%; height: auto;}
    .level_icon::before{display: none;}
    .level_icon::after{content:""; display: block;position: absolute;top:calc( 0.875rem * -1); left: 200%; width: 0;height: 0;border-style: solid;border-width: 15.6px 9px 0 9px;border-color: #a6beec transparent transparent transparent;}
    
    .level_box .col-md-3:nth-of-type(4) .level_icon::after{content:"+"; font-size: 2.5rem;left:190%;border: none;}
    .level_box .col-md-3{padding: 0; display: flex; margin-top:20px;}
    .level_txt{font-size: 0.875rem;line-height: 1.5rem; text-align:left; margin-top:5px;flex: 0 0 80%;
        max-width: 80%;}
    .level_txt span{font-size:0.937rem;}
    /* ↓ 第4顆救星 樣式 */
    .level_box .col-md-3:nth-of-type(4) .level_icon{position: relative;flex: 0 0 40%;max-width: 40%;}
    .level_box .col-md-3:nth-of-type(4) .level_icon::after{top:calc( 0.875rem * -3.5);left:92%;}
    .level_box .col-md-3:nth-of-type(4) .level_txt{font-size: 0.875rem;flex: 0 0 60%;max-width: 60%;color: var(--txt-color);}
    /* ↓ 第一顆維持PC版樣式 */
    .level_box .col-md-3:nth-of-type(1) .level_icon{position: relative;flex: 0 0 100%;
        max-width: 100%; width: 100%; height:auto !important; text-align: center;padding-right: 0; }
    .level_box .col-md-3:nth-of-type(1) .level_icon>img{width: 68%; height: auto; margin: 0 auto;}
    .level_box_area:nth-of-type(4) .level_box .col-md-3:nth-of-type(1) .level_icon>img{ width:85%; margin-left:auto !important ; margin: 0 auto !important;}
    .level_box .col-md-3:nth-of-type(1){flex-direction: column; }
    .level_box .col-md-3:nth-of-type(1) .level_txt{display: none;}
    .level_box .col-md-3:nth-of-type(1) .level_txt span{font-size: 1.25rem;}
}

/*-------------------- 獎項說明 #hotel_prize --------------------*/

#hotel_prize{position: relative; background:#a6beec url(../images/prize_bg.gif) no-repeat center/cover;}
#hotel_prize .background_items{position: absolute; width: 100%; height:100%; background: url(../images/gold_ribbons_l.png) left center, url(../images/gold_ribbons_r.png) right center; background-size: contain; background-repeat: no-repeat;}
#hotel_prize .background_items>.bg_star{position: absolute; width: 41.41%; height:60%; top: 50%; left: 50%; transform: translate(-50%,-35%); background:url(../images/prize_star_bg.svg) no-repeat center top/contain ;}
#hotel_prize .contentbox_main>h2 img:nth-of-type(2){margin-top: 10px;}
#hotel_prize .contentbox_main>h5{color: var(--com-color);text-shadow:none;font-weight: 800;}
.prize_pic_box{position: relative; margin-bottom: 120px;/*因為bigwin下移100px*/}
.prize_pic_box>i{position: absolute;display: block; width: 387px; height: 0; padding-bottom:20.702%; left:32%;bottom:-100px;background: url(../images/icon_bigwin.png) no-repeat center top/contain;z-index: 10;animation-delay:0.8s;}/*BigWin*/
@media screen and (max-width: 991px) {
    .prize_pic_box>i{padding-bottom:25%; left:20%;}
}
@media screen and (max-width: 767px) {
    .prize_pic_box{margin-bottom:30px;/*bigwin取消下移*/}
    .prize_pic_box>i{width: 250px;padding-bottom:40%; left:15%;bottom:36%;}/*BigWin*/
}
.prize_pic_box>.col-md-6{padding: 0;}
.prize_pic_box>.col-md-6>img{max-width: 100%; filter: drop-shadow(-8px 8px 0 #88a7e2);}
.prize_pic_box>.col-md-6:nth-of-type(1){text-align: right;}
.prize_pic_box>.col-md-6:nth-of-type(2){text-align: left;}
.prize_pic_box>.col-md-6:nth-of-type(2)>img{animation-delay:0.5s;}
.prize_txt_box>div{padding: 0 10px;}
.prize_txt_content>div{padding: 0;}
.prize_txt_content>.col-7{padding-top: 25px; text-align: left; vertical-align: middle;}
.prize_txt_content>.col-7>img{max-width: 100%;filter:drop-shadow(0px 0px 0px 10px #88a7e2);}
@media screen and (max-width: 767px) {
    .prize_txt_box>div{padding: 0 20px;}
}

.hotel_sponsor{margin-top: 15px;}
.hotel_sponsor>img{ height:4.5rem; width: auto; margin-left: 15px;}
@media screen and (max-width: 991px) {
    .hotel_sponsor>img{ height:3.5rem;}
}

/*-------------------- 推薦飯店 #hotel_tw --------------------*/

#hotel_tw{position: relative; background: #69c139 url(../images/section02_bg.png) repeat;}

.hot_stuff {
    padding:0;
}

.hot_stuff>.rowline>.col-md-3{margin-bottom: 1.5rem;}
@media screen and (max-width: 991px) {
    .hot_stuff>.rowline>.col-md-3{padding-left: 8px; padding-right: 8px;margin-bottom: 1.25rem;}
}

.slash-shadow{position: relative;}
.slash-shadow::before{content: ""; position: absolute; display: block; top:8px; left:22px; width: calc(100% - 30px); height: 100%; background: url(../images/slash.png) repeat;z-index: 1;}
@media screen and (max-width: 991px) {
    .slash-shadow::before{left:28px;}
}

.sale_box {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    padding: 10px 10px calc(1rem * 1.5 + 0.375rem + 0.75rem);
    background-color: #ffffff;
    border:3px solid #000000;
    z-index:10;
    transition:var(--transition-com);
}
.sale_box:hover{
    border:3px solid var(--sale-btn-hover-color);
}
@media screen and (max-width: 991px) {
    .sale_box {
        padding: 8px 8px calc(1rem * 1.5 + 0.375rem + 0.75rem);
    }
}

.sale_info {
    padding: 8px 0 3px;
    font-size: 1rem;
}

.sale_info>h4 {
    color: var(--sale-color);
    margin-top: 5px;
    font-weight: 600;
}

.sale_info>p {
    color: var(--com-color);
    margin-bottom: 0;
}

.sale_info>.price_txt {
    float: right;
    color: var(--sale-color);
}

.sale_info>.price_txt>span{
    font-size: 1.75rem;
}
@media screen and (max-width: 991px) {
    .sale_info>h4 {font-size: 1.125rem;}
    .sale_info>.price_txt>span{font-size: 1.25rem;}
}

.sale_box .sale_info:after {/* clearfix */
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.btn_sale {
    color: #fff;
    background-color: var(--sale-btn-color);
    border-color: var(--sale-btn-color);
    transition: var(--transition-com);
    position: absolute;
    bottom: 10px;
    width: calc(100% - 10px - 10px);
}
@media screen and (max-width: 991px) {
    .btn_sale {width: calc(100% - 8px - 8px);}
}
.btn_sale:hover, .sale_box:hover .btn_sale{
    color: #fff;
    background-color: var(--sale-btn-hover-color);
    border-color: var(--sale-btn-hover-color);
}

/*-------------------- 注意事項 #activity_note --------------------*/

#activity_note{background:#e1e8f8;font-size: 1rem;}
#activity_note .contentbox_main>h2{font-weight:900;}
#activity_note p {
    width: 90%;
    margin: 0 auto;
}
.note_list{background:url(../images/note_icon.png) no-repeat left 7px; padding-left: 20px;}
.note_list>b{color:var(--txt-dark-color);}
.note_list_content{background:url(../images/note_icon01.png) no-repeat left 7px; padding-left: 22px;}

#btn_top {
    position: fixed;
    right: 5px;
    z-index: 999;
}

@media screen and (max-width:767px) {
    #activity_note .contentbox_main>ul{padding-inline-start:0;}
    #btn_top {
        right: 0;
    }
}

/*-------------------- 得獎名單 20201023 --------------------*/

.winner-sec{background: #ffffff; margin-bottom: 2.5rem; padding: 1.5rem; text-align: center;}
.winner-sec h2{color:var(--sale-color); font-weight: 600;}
@media screen and (max-width:767px) {
    .winner-sec{padding:1rem;}
    .winner-sec h2{font-size: 1.75rem;}
}
.winner-sec>.rowline{justify-content: center;}
.winner-sec>.rowline>div{padding-left: 0; padding-right: 0;}
.winner-sec .table td, .winner-sec .table th {
    padding: .5rem;}
    .winner-sec .table th{white-space: nowrap;}
.winner-sec .bg-success{color: #ffffff; font-weight: 600;}