@charset "big5";
/* 龍厚禮啦 新年新氣象 */
/* CSS Document */
body {
    min-width: 1200px;
    color: #333;
    font: 15px/1.6em 'Century Gothic', Arial, 'Noto Sans TC', 'Microsoft JhengHei', 'sans-serif';
    background-color: #ad0101;
    /* background: url('../images/layout.jpg') no-repeat center 0; */ /* 115px */
}
a {
    display: block;
    text-decoration: none;
    transition: linear .3s;
}
:focus {
    outline: none;
}
i {
    font-style: normal;
}
.header, .footer {
    text-align: center;
    background: #fff;
    position: relative;
    z-index: 22;
}
.display_pc { display: block; }
.display_m { display: none; }
.hide_pc { display: none; }
.hide_m { display: block; }
.tag_wfe {
    display: none;
}
.main_wrapper {
    background: url('../images/kv_bg.jpg') no-repeat top center, url('../images/bg.jpg') repeat center top #ad0101;
    margin: auto;
    position: relative;
    width: 100%;
    overflow: hidden;
}
/**kv**/
.kv_wrapper {
    position: relative;
    /* background: url('../images/kv_bg.jpg') no-repeat top center #511a1a;
    background-size: contain; */
    position: relative;
    z-index: 99;
    overflow: hidden;
}
.kv {
    /* max-width: 1600px; */
    width: 100%;
    height: 37.5vw;
    max-height: 450px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
    .kv img { width: 100%; opacity: 0; }
    .kv_move {
        max-width: 1440px;
        width: 80%;
        margin: auto;
        position: relative;
        left: 0;
        right: 0;
    }
        .kv_move::before {
            content: ' '; display: block;
            background: url("../images/kv_move.png") no-repeat center bottom;
            background-size: contain;
            width: 166px; /*height: 298px;*/ height: 596px;
            /* position */
            position: absolute;
            top: -298px;
            left: 6%;
        }
        .kv_move::after {
            content: ' '; display: block;
            background: url("../images/kv_move.png") no-repeat center bottom;
            background-size: contain;
            width: 166px; /*height: 298px;*/ height: 596px;
            /* position */
            position: absolute;
            top: -298px;
            right: 0;
        }
    .kv_slogan {
        background: url('../images/kv_slogan.png') center no-repeat;
        background-size: contain;
        /* background-size: 100% auto; */
        box-sizing: content-box;
        width: 55%;
        max-width: 560px;
        margin: auto;
        transform: translateX(6%);
        /* position */
        position: absolute;
        top: 10%; bottom: 0;
        left: 0; right: 0;
        z-index: 2;
    }
    .kv_p {
        /* max-width: 1890px; */
        max-width: 1600px;
        width: 100%;
        max-height: 720px;
        height: 37.5vw;
        margin: -3% auto 0;
        /* position: relative; */
        position: absolute;
        left: 0; right: 0;
        top: 0; bottom: 0;
        /* bottom: -41%; */
    }
        .kv_p::before {
            content: ' '; display: block;
            background: url("../images/kv_p1.png") no-repeat center;
            background-size: contain;
            /* width: 745px; height: 611px; */
            max-width: 745px; max-height: 611px;
            width: 38vw; height: 31vw;
            margin: auto;
            /* position */
            position: absolute;
            /* top: 0; */ bottom: 0;
            /* left: 5%; */
            left: -5%;
            /* right: 54.7vw; */
            right: 55%;
        }
        .kv_p::after {
            content: ' '; display: block;
            background: url("../images/kv_p2.png") no-repeat center;
            background-size: contain;
            /* width: 700px; height: 611px; */
            max-width: 700px; max-height: 611px;
            width: 36vw; height: 31vw;
            margin: auto;
            /* position */
            position: absolute;
            /* top: 0; */ bottom: 0;
            /* left: 62vw; */
            left: 66%;
            /* right: 0; */
            /* right: -5%; */
        }
/**Event**/
.event_wrapper {
    box-sizing: border-box;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    /* background: url('../images/event_wrapper.png') no-repeat center top; */
    background: url('../images/event_backplane.png') no-repeat center top;
    background-size: contain;
    /* background-size: auto 100%; */
    width: 100%;
    max-width: 1200px;
    /* max-width: 1180px; */
    padding-bottom: 30px;
    margin: 45px auto 0;
    position: relative;
    /* overflow: hidden; */
    z-index: 2;
}
.event-links {
    width: 100%;
    max-width: 1200px;
    /* max-width: 1180px; */
    margin: 0 auto 0;
    position: relative;
    z-index: 9;
}
    .event-links ul {
        box-sizing: border-box;
        display: flex;
        align-content: center;
        justify-content: space-around;
        align-items: center;
    }
    .event-links li {
        display: block;
        transition: all .5s;
    }
        .event-links li:hover {
            transform: translateY(-6px);
            /* animation: lightning 2s ease-in-out infinite alternate; */
        }
    .event-links img { width: 100%; max-width: 100%; opacity: 0; }
    .event-links a { display: block; }
    .tab_theme01 {
        background: url("../images/tab_theme01.png") no-repeat center;
        background-size: contain;
    }
        .tab_theme01:hover, .tab_theme01.active {
            background: url("../images/tab_theme01_active.png") no-repeat center;
            background-size: contain;
        }
    .tab_theme02 {
        background: url("../images/tab_theme02.png") no-repeat center;
        background-size: contain;
    }
        .tab_theme02:hover, .tab_theme02.active {
            background: url("../images/tab_theme02_active.png") no-repeat center;
            background-size: contain;
        }
    .tab_theme03 {
        background: url("../images/tab_theme03.png") no-repeat center;
        background-size: contain;
    }
        .tab_theme03:hover, .tab_theme03.active {
            background: url("../images/tab_theme03_active.png") no-repeat center;
            background-size: contain;
        }
@media screen and (max-width:1024px) {
    .tab_theme01 {
        background: url("../images/tab_theme01_active.png") no-repeat center;
        background-size: contain;
    }
    .tab_theme02 {
        background: url("../images/tab_theme02_active.png") no-repeat center;
        background-size: contain;
    }
    .tab_theme03 {
        background: url("../images/tab_theme03_active.png") no-repeat center;
        background-size: contain;
    }
}
.event {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    background: url("../images/event_wrap.png") no-repeat center;
    background-size: 100% 100%;
    width: 100%;
    max-width: 1200px;
    /* max-width: 1180px; */
    padding: 20px 12px 15px;
    margin: 0 auto 0;
    position: relative;
    z-index: 6;
}
    .event-item {
        box-sizing: border-box;
        display: flex;
        align-content: center;
        justify-content: flex-start;
        align-items: center;
        padding: 0;
        position: relative;
        /* transition: all 1s; */
    }
        .event .event-item {
            transition: all .5s;
            filter: brightness(100%);
            /* transform: scale(1); */
        }
        .event .event-item a:hover {
            filter: brightness(130%);
        }
        .event .event-item a {
            /* transform: scale(0.98) translateY(0); */
        }
        .event .event-item a:hover {
            transform: scale(1) translateY(-10px);
            animation: lightning 2s ease-in-out infinite alternate;
        }
        .event-item img {
            max-width: 100%;
            width: 100%;
        }
    .event-item a {}
    .event-item .theme_title { margin-top: -18px; }
    .event-item .theme_main {}
    .event-item .theme_main li {}
    .event_theme01 {}
        .event_theme01 .theme_main { margin-top: 7.5%; }
        .event_theme01 .theme_main li img { max-width: 316px; max-height: 138px; }
    .event_theme02 { background: url("../images/theme02_border.png") no-repeat center; background-size: 100% 100%; }
        .event_theme02 .theme_title { margin-left: -5px; }
        .event_theme02 .theme_main {
            /* margin-top: 2%; */
            padding: 0 2.5% 0 0;
            padding: 0 30px 0 0;
        }
        .event_theme02 .theme_main li img { max-width: 450px; max-height: 107px; }
    .event_theme03 { width: 100%; position: relative; }
        .event_theme03 .theme_title { margin-top: 0; margin-bottom: 0; margin-left: 3px; }
        .event_theme03 .theme_main { width: 80%; display: flex; align-content: center; justify-content: space-evenly; align-items: center; }
        .event_theme03 .theme_main li { width: 40%; }
        .event_theme03 .theme_main li img { max-width: 392px; max-height: 160px; }
        .event_theme03::before {
            content: ' '; display: block;
            background: url('../images/event_theme03_bg.png') no-repeat center right;
            background-size: contain;
            width: 50%; height: 80%;
            position: absolute;
            bottom: -10%;
            right: -4%;
            pointer-events: none;
        }
/*all_bg_move*/
.all_bg_move {
    display: none;
    /* background: url('../images/all_bg_move.png') no-repeat center top; background-size: 100%; */
    background: url('../images/bg_move_flower.png') no-repeat center top; background-size: 100%;
    /* position */
    position: fixed;
    top: 0; bottom: 0;
    left: 0; right: 0;
    z-index: 1;
    pointer-events: none;
}
    .all_bg_move::before {
        content: ' '; display: block;
        background: url('../images/bg_move_clouds.png') no-repeat center top;
        background-size: 100%;
        width: 100%; height: 100%;
        position: absolute;
        top: 0; bottom: 0;
        right: 0; left: 0;
        z-index: 3;
    }
    .all_bg_move::after {
        content: ' '; display: block;
        background: url('../images/bg_move_fireworks.png') no-repeat center top;
        background-size: 100%;
        width: 100%; height: 100%;
        position: absolute;
        top: 0; bottom: 0;
        right: 0; left: 0;
        z-index: 2;
    }
/**group**/
.group {
    position: relative;
    margin: 20px 0 100px 0;
    padding-bottom: 20px;
}
.group::before {
    content: '';
    width: 1194px;
    background: url('../images/border.png') no-repeat center top;
    background-size: 100% 100%;
    /* top: 0; height: 961px; background: url('../images/prod_bg.png') no-repeat center top; */
    /* background-color: #fce795; */
    
    /* border: solid 8px transparent;
    border-radius: 30px;
    background-image: linear-gradient(#fce795, #fce795),
        linear-gradient(to right, #efb721 0%, #e8a52f 20%, #fcba6d 50%, #ff8c54 74%, #fafb92 100%);
    background-origin: border-box;
    background-clip: content-box, border-box; */

    margin: auto;
    position: absolute;
    top: 0; bottom: 0;
    left: -2.18%; right: 0;
    z-index: -1;
}
.theme01 .group::before {
    background: url('../images/border1.png') no-repeat center top;
    background-size: 100% 100%;
}
.theme02 .group::before {
    background: url('../images/border2.png') no-repeat center top;
    background-size: 100% 100%;
}
#group {
    margin: 0;
}
/* #group_1.group::before { background: url('../images/border_tr1.png') no-repeat center top; background-size: 100% 100%; top: 12.5%; } */
/**title***/
.tit {
    display: none;
    margin: auto;
}
.group .tit {
    box-sizing: border-box;
    display: block !important;
    width: 100%;
    max-width: 1150px;
    text-align: center;
    /* padding-bottom: 14px; */
    overflow: hidden;
}
/* .group .tit .title a img */
.group .tit img { margin-left: 130px; }
/**prod**/
.pro_temp {
    display: none;
}
.prod_wrapper {
    /* background: url('../images/main_bg.jpg') repeat-y center top #ad0101; */
    background-size: contain;
    clear: both;
    padding-top: 30px;
    padding-bottom: 60px;
    position: relative;
}
.prod_container {
    position: relative;
    /* z-index: 9; */
    z-index: 10;
}
.ProductList {
    position: relative;
    z-index: 500;
    margin: auto;
    width: 1150px;
}
.ProductList:after {
    clear: both;
    display: table;
    content: '';
}
.ProductList .item {
    position: relative;
    float: left;
    /* width: 220px; */ /*5則*/
    width: 275px; /*4則*/
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 15px;
    text-align: center;
}
.ProductList .item > a {
    position: relative;
    display: block;
    border-radius: 5px;
    overflow: hidden;
    -webkit-box-shadow: 0px 2px 2px 0px rgb(0 0 0 / 45%);
    -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.45);
    box-shadow: 0px 2px 2px 0px rgb(0 0 0 / 45%);
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
}
.ProductList .ProductImg {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    /* width: 220px; height: 220px; */ /*5則*/
    width: 275px; height: 275px; /*4則*/
}
.ProductList .ProductImg img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}
.ProductList .item > a {
    background: #fff;
}
.ProductList .item > a:hover, .ProductList .item > a:focus, .ProductList .item > a:active {
    transform: translateY(-5px);
}
.ProductList .ProductDesc {
    overflow: hidden;
    padding: 0 5px;
    height: 36px;
    color: #1f0303;
    font-weight: bold;
    font-size: 15px;
    line-height: 36px;
    background: #e3d5cd; /* Old browsers */
    background: -moz-linear-gradient(90deg, #bbaba6 0%, #e3d5cd 50%); /* FF3.6-15 */
    background: -webkit-linear-gradient(90deg, #bbaba6 0%, #e3d5cd 50%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(90deg, #bbaba6 0%, #e3d5cd 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9b8781', endColorstr='#e3d5cd',GradientType=1 ); */
    width: 90%;
    margin: 2px auto;
    border-radius: 50px;
}
.item .ProductName {
    overflow: hidden;
    padding: 4px 5px;
    height: 38px;
    color: #000;
    text-align: center;
    font-size: 16px;
    line-height: 21px;
}
.item .ProducPrice, .item .Event_Condition {
    color: #e34357;
    /* line-height: 1.2em; */
    line-height: 33px;
    box-sizing: border-box;
    margin-top: 3px;
    padding: 5px;
    /* height: 41px; */
    height: 65px;
    position: relative;
}
.item .ProducPrice label {
    cursor: pointer;
}
.item .ProducPrice i {
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    /* flex-direction: row; align-items: flex-end; */
}
.item .ProducPrice span, .item .Event_Condition i span {
    font-weight: 500;
    font-size: 33px;
    /* font-weight: bold; */
    margin: 0 2px;
}
.item .ProducPrice i em {
    color: #747474;
    font-size: 13px;
    font-style: normal;
    line-height: 15px;
    margin-right: 10px;
}
.item .ProducPrice i em span {
    font-size: 13px;
    /* text-decoration: line-through; */
}
.item .ProducPrice .price_txt {
    /* margin-top: 8px; */
}
/**hotel**/
.hotel_main {
    width: 1200px;
    margin: 0 auto;
    margin-bottom: 70px;
}
.hotel_title {
    position: relative;
    height: 90px;
    text-align: center;
}
.hotel_product {
    position: relative;
    text-align: center;
    background: #fff;
    overflow: hidden;
    width: 220px;
    top: 22px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 15px;
    border-radius: 5px;
    overflow: hidden;
    -webkit-box-shadow: 0px 2px 2px 0px rgb(0 0 0 / 45%);
    -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.45);
    box-shadow: 0px 2px 2px 0px rgb(0 0 0 / 45%);
}
.hotel_img {
    width: 100%;
    height: 220px;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    transition: all .5s linear;
    background-color: #fff;
}
.hotel_product a {
    position: relative;
    display: block;
}
.hotel_product:hover, .hotel_product:focus, .hotel_product:active {
    transform: translateY(-5px);
}
.hotel_detail {
    height: 130px;
}
.hotel_desc {
    overflow: hidden;
    padding: 0 5px;
    height: 36px;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    line-height: 36px;
    background: #008bf9;
    width: 90%;
    margin: 2px auto;
    border-radius: 50px;
}
.hotel_tit {
    overflow: hidden;
    padding: 4px 5px;
    height: 38px;
    color: #000;
    text-align: center;
    font-size: 16px;
    line-height: 21px;
}
.hotel_money {
    padding: 5px;
    height: 45px;
    color: #e34357;
    position: relative;
}
.hotel_money span.price {
    margin: 0 2px;
    font-weight: 500;
    font-size: 33px;
}
.hotel_money span.price {
    font-size: 32px;
}
/*bg_wrapper*/
.bg_wrapper {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 99;
    pointer-events: none;
}
.bg_fly {
    width: 100%;
    height: 100%;
    background: url('../images/float.png') center 800px;
}
/* 底部menu */
.M_menu_wrap {
    display: none;
    position: fixed;
    bottom: 0;
    z-index: 999;
}
.M_menu_block {
    display: none;
    width: 100vw;
    background-color: rgb(0 0 0 / 70%);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}
.M_menu_block ul {
    border-top: 2px solid #999;
    display: flex;
    justify-content: center;
    align-items: center;
}
.M_menu_block li {
    width: 100%;
    /* font-size: 18px; line-height: 18px; */
    font-size: 15px; line-height: 15px;
    height: 50px;
    display: flex;
    flex: auto;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-left: 1px solid #222;
    border-right: 1px solid #666;
    padding-bottom: 8px;
    /* white-space: nowrap; */
}
.M_menu_block li a {
    color: #fff;
}
.M_menu_block a {
    color: #fff;
}
a.btn_back {
    display: none;
}
.M_menu_block li span {
    font-size: 1.2em;
    display: inline-block;
    padding: 6px 5px;
    margin: 2px;
    transition: all .5s;

    color: #1f0303;
    text-shadow: 0 0 3px rgba(255, 255, 255, 0.45);
    background: #fff3dc;
    background: -moz-linear-gradient(90deg, #e4cea3 0%, #fff3dc 50%);
    background: -webkit-linear-gradient(90deg, #e4cea3 0%, #fff3dc 50%);
    background: linear-gradient(90deg, #e4cea3 0%, #fff3dc 50%);

    padding: 6px 5px;
    margin: 2px 4px 2px 2px;
    border-radius: 3em;
    box-shadow: 2px 2px 0 0 #c56c2c;
    transform: rotateZ(10deg);

    /* color: #006699;
    font-weight: bold;
    font-style: italic;
    background-color: #8affff;
    padding: 6px 8px 6px 4px;
    margin: 0 0 0 2px;
    clip-path: polygon( 15% 0, 100% 0, 85% 100%, 0% 100%); */

    /* color: #fff;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.45);
    background: linear-gradient(to right, #ff34ff, #00ffff);
    padding: 6px 5px;
    margin: 2px 2px 2px 4px;
    border-radius: 3em;
    box-shadow: 0 0 0 2px #ffffff, 3px 3px 0 1px #701be4, 4px 4px 0 2px #ffffff;
    transform: rotateZ(10deg); */

    animation: M_menu_block 0.4s linear .2s backwards;
}
@-webkit-keyframes M_menu_block {
    0% {
        transform: rotateZ(0deg);
    }
    100% {
        transform: rotateZ(10deg);
    }
}
@keyframes M_menu_block {
    0% {
        transform: rotateZ(0deg);
    }
    100% {
        transform: rotateZ(10deg);
    }
}

/* ================================================
- 右側懸浮 float
================================================ */

.gotop {
    /* background: rgba(0, 0, 0, 0.7);
    color: white;
    font-size: 22px;
    line-height: 60px;
    text-align: center;
    height: 60px;
    position: fixed;
    left: calc(50% + 620px);
    width: 60px;
    border-radius: 30px;
    bottom: 250px;
    z-index: 900;
    display: none;
    cursor: pointer; */
    pointer-events: none;
}

.NavArea {
    display: none;
}
@media screen and (min-width: 1025px) {

    /** float **/
    .Nav {
        padding: 10px 0 1px;
        border-radius: 10px;
    }
    .NavArea {
        display: none;
        /* width: 140px; */
        position: fixed;
        top: 50px;
        right: 5px;
        z-index: 250;
    }

    .Nav-slide.active {
        /* color: #fff; */
        background: #91060c;
        /* text-shadow: #000 0 0 1em; */
    }
    
    .Nav-title {
        margin-left: -8%;
        position: relative;
        z-index: 2;
    }
    .float_tit {
        text-align: center;
        width: 94%;
        margin: auto;
        position: relative;
        z-index: 251;
    }

    .float_tit img {
        width: 100%;
        max-width: 100%;
    }

    /* .float_tit span {
        color: white;
        font-size: 140%;
        font-weight: bold;
        text-shadow: 0px 1px 2px rgb(0 0 0 / 30%);
        display: block;
        background: #d2a868;
        padding: 5px 0;
        margin-top: 10px;
    } */

    .float_main {
        width: 138px;
        opacity: 0.9;
        filter: alpha(opacity=90);
    }

    .go_top {
        display: block;
        cursor: pointer;
    }

    .Nav-wrapper {
        width: 120px;
        margin: auto;
        /* padding-top: 10px; */
        z-index: 250;
    }
    .Nav-wrapper .Nav-block {
        background: linear-gradient(to top, #fbe897 0%, #bf7613 38%, #fffed8 75%, #f9de7c 100%);
        border-radius: 10px;
        /* border: 2px solid #fccf40; */
        /* overflow: hidden; */
        /* box-shadow: 0 -2px 0 0 #c24d2c, 0 -3px 0 -1px #c24d2c, 0 -8px 0 -2px #ad1f17, 0 -10px 0 -3px #ad1f17, 0 -14px 0 -4px #971710; */
        box-shadow: 0 -5px 15px -6px #c2782c, 0 -5px 10px -3px #c24d2c, 0 -2px 0 0 #740e08, 0 -3px 0 -1px #740e08, 0 -8px 0 -2px #740e08, 0 -10px 0 -3px #740e08, 0 -14px 0 -4px #740e08;
        position: relative;
    }
    /**/
    .Nav .Nav-block+.Nav-block {
        margin-top: 10px;
    }
    /**/
    .Nav-block {
        padding-top: 10px;
        padding-bottom: 10px;
        position: relative;
        z-index: 1;
    }
    .Nav-block::before {
        content: ' '; display: block;
        border: 4px solid #0d676f;
        border-radius: 10px;
        margin: 2px;
        position: absolute;
        top: 0; bottom: 0;
        left: 0; right: 0;
        z-index: 1;
    }
    .Nav-block::after {
        content: ' '; display: block;
        background-color: #0d676f;
        border-radius: 6px;
        box-shadow: inset 2px 2px 5px rgba(0,0,0,.3);
        margin: 7px;
        position: absolute;
        top: 0; bottom: 0;
        left: 0; right: 0;
        z-index: 2;
    }
    /**/
    .Nav-wrapper .Nav-block li {
        font-size: 15px;
        line-height: 15px;
        text-align: center;
        /* text-shadow: 0 2px 0 #d72325; */
        /* background: transparent; */
        margin: 2px 12px;
        padding: 7px 0;
        /* border-bottom: 1px solid #fff; */
        border-radius: 1em;
        position: relative;
        z-index: 6;
    }

    .Nav-wrapper li.highlight0 {}
        .Nav_theme01 {}
        .Nav_theme02 {}
        .Nav_theme03 { background: #ffc35b; }
            .Nav_theme03 a, .Nav-wrapper .Nav-block li.Nav_theme03 a { color: #1e3c72; }
        .Nav_theme {}
            .Nav_theme::before {}

    .Nav-wrapper li.highlight1 {
        padding-left: 2px;
    }

    .Nav-wrapper li.highlight2 {
        font-size: 24px;
        /* border-radius: 10px 10px 20px 20px; */
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 2px;
    }
    .Nav-wrapper li.go_top {
        background: #203c72;
        padding: 5px;
        box-shadow: 0 -14px 0 -4px #171a30, 0 -10px 0 -3px #171a30, 0 -8px 0 -2px #171a30, 0 -3px 0 -1px #171a30, 0 -2px 0 0 #171a30;
    }
    .Nav-wrapper li.go_top::before {
        content: ' '; display: block;
        margin: 5px;
        border-radius: 8px;
        border: 0;
        background: linear-gradient(to top, #d18f15 0%, #bf7613 38%, #f5af2e 100%);
    }
    .Nav-wrapper li.go_top::after {
        content: ' '; display: block;
        background: #203c72;
        box-shadow: none;
    }
    .Nav-wrapper li.go_top:before {}

    .Nav-wrapper .Nav-block li a {
        color: white;
        font-weight: bold;
        cursor: pointer;
        display: block;
        padding: 2px 0;
        position: relative;
        z-index: 500;
    }

    .Nav-wrapper .Nav-block li a:hover,
    .Nav-wrapper .Nav-block li a:focus,
    .Nav-wrapper .Nav-block li a:active {
        color: white;
        /* text-shadow: white 0 0 1em; */
    }
    .Nav-wrapper .Nav-block li:hover,
    .Nav-wrapper .Nav-block li:focus,
    .Nav-wrapper .Nav-block li:active {
        background: #ad1f17;
        background: rgb(248, 54, 0, .8);
        /* text-shadow: white 0 0 1em; */
    }
    .Nav-wrapper .go_top li:hover,
    .Nav-wrapper .go_top li:focus,
    .Nav-wrapper .go_top li:active {
        background: none;
    }
    
    .Nav-wrapper .Nav-block li b {
        color: #ad1f17;
        display: block;
        text-align: center;
        background: white;
        width: 3.5em;
        margin: 0 auto 3px;
        padding: 3px 8px;
        border-radius: 10px;
    }

    .Nav-wrapper .Nav-block li:after {
        background: rgba(255, 255, 255, .2);
        /* box-shadow: white 0 0 1em; */
        height: 0;
        position: absolute;
        /* right: 51%; left: 51%; */
        right: 0; left: 0;
        bottom: 0;
        z-index: 1;
        content: "";
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: left, right;
        transition-property: left, right;
    }

    .Nav-wrapper .Nav-block li:hover:after,
    .type_leftmenu li:focus:after,
    .type_leftmenu li:active:after,
    .type_leftmenu li.active:after,
    .type_leftmenu li.Nav-slide.active:after {
        /* right: 10%; left: 10%; */
    }

    .Nav-wrapper li.highlight0:after {
        background: transparent;
    }
}

/* ================================================
- 自適應 RWD
================================================ */
/* screen Min-width */
@media screen and (min-width: 1025px) {
    .kv {}
}
/* screen Max-width */
@media screen and (max-width: 1440px) {
    .kv_move {
        width: 100%;
    }
    .kv_p {
        margin: 0 auto;
    }
        .kv_p::before {
            /* width: 745px; height: 611px; */
            /* max-width: 745px; max-height: 611px;
            width: 38vw; height: 31vw; */
            /* left: -5%; right: initial; */
        }
        .kv_p::after {
            /* width: 700px; height: 611px; */
            /* max-width: 700px; max-height: 611px;
            width: 36vw; height: 31vw; */
            /* left: initial; right: -5%; */
            left: 70%;
        }
}
@media screen and (max-width: 1100px) {}
@media screen and (max-width:1024px) {
    body {
        width: 100vw;
        min-width: inherit;
    }
    .gotop {
        background: url('//www.payeasy.com.tw/pay_event/pezlib/images/icon_top.png') no-repeat;
        height: 36px;
        position: fixed;
        right: 10px;
        width: 36px;
        /* bottom: 65px; */
        bottom: 15px;
        z-index: 900;
        display: none;
    }
    .gotop a {
        display: block;
        width: 48px;
        height: 36px;
    }
    .header {
        width: 100vw;
    }
    .display_pc { display: none; }
    .display_m { display: block; }
    .hide_pc { display: block; }
    .hide_m { display: none; }
    .main_wrapper {
        /* background: url('../images/kv_bg.jpg') no-repeat top center, url('../images/main_bg_m.jpg') center 60vw;
        background-size: 200%, 150%; */
        background: url('../images/kv_bg_m.png') no-repeat top center, url('../images/bg.jpg') repeat-y center;
        background-size: contain;
        padding-bottom: 0;
    }
    .kv_wrapper {
        /* background: url('../images/kv_bg_m.png') no-repeat center top; */
        background-size: contain;
    }
    .kv {
        width: 100vw;
        /* height: 80vh; */
        /* height: 145vw; */
        /* height: 90vw; */
        height: 60vw;
        transform: translateX(0);
    }
    .kv_move {
        display: none;
        width: 98%;
    }
        .kv_move::before, .kv_move::after {
            width: 20vw;
            height: 50vw;
            top: -25vw;
        }
    .kv_slogan {
        width: 65%;
        padding: 0;
        margin: auto;
        /* transform: translateX(0); */
        transform: translate(3%, 17%);
        top: 0;
        left: 0; right: 0;
    }
    .kv_p {
        display: none;
        height: 90vw;
        position: absolute;
    }
        .kv_p::before {
            /* width: 745px; height: 611px; */
            max-width: 745px; max-height: 611px;
            width: 38vw; height: 31vw;
        }
        .kv_p::after {
            /* width: 700px; height: 611px; */
            max-width: 700px; max-height: 611px;
            width: 36vw; height: 31vw;
        }
    /**Event**/
    .event_wrapper {
        /* background: url("../images/event_wrapper_m.png") no-repeat center; background-size: 100% 100%; */
        background: url('../images/event_backplane.png') no-repeat center top;
        background-size: 98%;
        height: auto;
        /* padding-top: 50px; */
        padding-top: 0;
        padding-bottom: 20px;
    }
    .event-links {
        width: 95%;
        margin: 0 auto 10px;
    }
    .event-links ul {
        /* flex-direction: column; */
    }
    .event {
        background: url("../images/event_wrap_m.png") no-repeat center;
        background-size: 100% 100%;
        width: 98%;
        margin: -22px auto 0;
        padding: 4px 2% 16px;
    }
    .event+.event { margin-top: 0; padding-bottom: 0.5%; }
    .event-item { width: 100%; }
    .event-item .theme_title {
        box-sizing: border-box;
        width: 30%;
    }
    .event-item .theme_main {
        box-sizing: border-box;
        /* width: 70%; margin-top: 0; */
        padding: 0;
    }
    .event_theme01 {}
        .event_theme01 .theme_title { margin-left: -1%; }
        .event_theme01 .theme_main { width: 60%; margin-top: 5%; margin-left: 4%; }
        .event_theme01 .theme_main li img { max-width: 578px; max-height: 254px; }
    .event_theme02 { background: none; }
        .event_theme02 .theme_title { margin-top: 2%; margin-left: -2%; }
        .event_theme02 .theme_main { width: 70%; margin-top: 4%; }
        .event_theme02 .theme_main li img { max-width: 674px; max-height: 160px; }
    .event_theme03 { padding: 0 !important; }
        .event_theme03 .theme_title { margin-left: -1%; margin-top: 1.5%; }
        .event_theme03 .theme_main { flex-direction: column; /*max-width: 55vw; max-height: 45vw;*//*width: 60%;*/max-width: 45%; margin-top: 2%; margin-left: 10%; }
        .event_theme03 .theme_main li { width: 100%; padding-top: 2px; padding-bottom: 2px; }
        .event_theme03 .theme_main li img { max-width: 578px; max-height: 236px; }
        .event_theme03::before { display: none !important; }
    /**group**/
    .group {
        margin: 20px 0 30px 0;
        padding-bottom: 10px;
    }
    .group .tit {
        width: 100vw;
        padding-left: 5vw;
        margin: auto;
        overflow: initial;
    }
    .group .tit img {
        width: 60%;
        margin-left: 0;
    }
    .group::before, .theme01 .group::before, .theme02 .group::before { display: none; }
    /**prod_m**/
    /* .prod_wrapper { padding-bottom: 20px; } */
    .ProductList {
        width: 100vw;
        right: 0;
    }
    .ProductList .item {
        /* width: 19vw; */
        width: 24vw;
        margin: 0 .5vw;
        margin-bottom: 10px;
    }
    .ProductList .ProductImg {
        width: 19vw; height: 19vw;
        /* width: 24vw; height: 24vw; */
        border: 0;
    }
    .ProductList .ProductDesc {
        height: 36px;
        overflow: hidden;
        line-height: 36px;
        font-size: 14px;
        padding: 0 3px;
    }
    .item .ProductName {
        height: 34px;
        font-size: 14px;
        line-height: 18px;
    }
    /**hotel_title**/
    .hotel_title {
        background: none;
        width: 100vw;
        height: 29vw;
    }
    .hotel_main {
        width: 100vw;
    }
    .hotel_product {
        margin-top: 5px;
        margin-right: 0.5vw;
        margin-left: 0.5vw;
        width: 19vw;
        margin-bottom: 0;
        top: 10px;
    }
    .hotel_img {
        width: 19vw !important;
        height: 19vw !important;
        margin: 0 auto;
    }
    .hotel_detail {
        height: 124px;
    }
    .hotel_desc {
        font-size: 14px;
    }
    .hotel_tit {
        line-height: 18px;
        font-size: 14px;
        height: 34px;
    }
    .hotel_money {
        padding: 0;
        margin-top: 3px;
    }
    .hotel_money span.sign {
        font-size: 14px;
    }
    /**錨點-top**/
    .NavArea {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 998;
    }
    .NavArea .Nav {
        position: relative;
        margin: 0;
        padding: 0;
        overflow-x: scroll;
        background: #000;
        border-bottom: 2px solid #ccc;
    }
    .NavArea .Nav ul {
        display: flex;
    }
    .NavArea .Nav li {
        z-index: 10;
        flex: none;
    }
    .NavArea .Nav a {
        display: block;
        color: #fff;
        padding: 0 15px;
        height: 50px;
        font-size: 15px;
        line-height: 50px;
        font-weight: bold;
    }
    .NavArea li.highlight0 {
        /* display: none; */
        background: #ad0101;
        position: relative;
    }
    .NavArea li.Nav_theme01 {}
    .NavArea li.Nav_theme02 {}
    .NavArea li.Nav_theme03 { background: #ffc35b; }
        .NavArea li.Nav_theme03 a { color: #1e3c72; }
    .Nav_theme { padding-left: 1em; }
        .Nav_theme::before {
            content: ' '; display: inline-block;
            background: url("../images/nav_theme.png") no-repeat center;
            background-size: contain;
            width: 3em; height: 2.5em;
            margin: auto;
            position: absolute;
            bottom: 0;
            left: 0;
        }
    .NavArea li.highlight0+.highlight0 {
        margin-left: 1px;
    }
    .Nav-slide.active a {
        color: #fff3dc;
        font-weight: bold;
        border-bottom: 2px solid #fff3dc;
        background: #525252;
    }
    /**floatM-bottom**/
    .float_wrapper {
        display: none;
    }
    /* 底部menu */
    .M_menu_wrap {}
    .M_menu_block {
        display: block;
    }
}
@media screen and (max-width:768px) {
    .kv {
        /* height: 90vw; */
    }
    .kv_slogan {
        width: 55%;
        transform: translate(3%, 0);
    }
    /**Event**/
    .event_wrapper {
        margin-top: 0;
        padding-top: 10px;
        padding-bottom: 5px;
    }
    .event {
        /* padding: 0px 1.5% 2.5%; */
        padding: 0px 1.5% .5%;
        margin: 0 auto;
    }
    .event+.event { padding: 0px 1.5% 1%; }
        .event-item { padding: 5px 0; }
    /**/
    .prod_wrapper {
        padding-top: 0;
        padding-bottom: 0;
    }
    /**prod_m**/
    .group .tit img {
        width: 100%;
    }
    .ProductList .item {
        width: 49vw;
    }
    .ProductList .ProductImg {
        width: 49vw;
        height: 49vw;
    }
    .item .ProducPrice, .item .Event_Condition {
        margin-top: 0;
    }
    .item .ProducPrice span, .item .Event_Condition i span {
        font-size: 30px;
    }
    /**hotel_title**/
    .hotel_product {
        width: 49vw;
    }
    .hotel_img {
        width: 49vw !important;
        height: 49vw !important;
    }
    .hotel_money span.price {
        font-size: 30px;
    }
    .hotel_detail {
        height: 116px;
    }
    .group .tit {
        /* padding-bottom: 10px; */
    }
    .group:before {
        display: none;
    }
}
@media screen and (max-width:560px) {
    /**Event**/
    /* .event-item .theme_title { width: 30%; }
    .event-item .theme_main {}
    .event_theme01 {}
        .event_theme01 .theme_title {}
        .event_theme01 .theme_main { width: 60%; margin-top: 5%; }
    .event_theme02 {}
        .event_theme02 .theme_title {}
        .event_theme02 .theme_main { width: 70%; margin-top: 0; }
    .event_theme03 {}
        .event_theme03 .theme_title {}
        .event_theme03 .theme_main { max-width: 55vw; max-height: 45vw; } */
}
@media screen and (max-width:375px) {
    /**Event**/
    .event {
        /* padding-bottom: 0; */
    }
}
@media screen and (max-width:320px) {
    .item .ProducPrice i em span {
        font-size: 11px;
    }
    .item .ProducPrice .price_txt {
        font-size: 13px;
    }
}