@charset "utf-8";
/* a:hover{ opacity:0.9;} *//*滑鼠滑入半透明*/

.pcNo{ display: block;}
.mNo{ display: none;}

.txtGreen{ color: #e2ffb3;}
.txtDeepGreen{ color:#e9ff57}
.alink{ color: #51ffe0 !important; text-decoration: underline;}
.alink:hover{ text-decoration: none;}

.mt_3{ margin-top: 0px;}

/*bg-----------------------------------------*/
.bgPadT{ padding-top: 30px;}
.bgPadB{ padding-bottom: 30px;}
.bgPadT2{ padding-top: 0;}
.bgPadB2{ padding-bottom: 0;}
.bgPadT3{ padding-top: 15px;}
.bgPadB3{ padding-bottom: 15px;}

.bgColor1{ background-image: url(https://cp-img.bookwalker.com.tw/event/2025/20250910_r18/images/bg1.png); background-size: 180%; background-position: top center;}
.bgColor2{ background-image: url(https://cp-img.bookwalker.com.tw/event/2025/20250910_r18/images/bg2.png); background-size: 180%; background-position: top center;}
.bgColor3{ background-image: url(https://cp-img.bookwalker.com.tw/event/2025/20250910_r18/images/bg3.png); background-size: 180%; background-position: top center;}
.bgColor4{ background-image: url(https://cp-img.bookwalker.com.tw/event/2025/20250910_r18/images/bg4.png); background-size: 180%; background-position: top center;}
.bgColor5{ background-image: url(https://cp-img.bookwalker.com.tw/event/2025/20250910_r18/images/bg5.png); background-size: 180%; background-position: top center;}


/*--header-----------------------------------------*/
.headerBox{ overflow: hidden; position: relative; background-color: #7a8996;}
.headerBox img{ display: block; width: 100%;}
.headerH{ width: 100%;}

.headerPicFull{ position: absolute; top: 0; left: 0; width: 100%;}
.headerPicHalf{ position: absolute; top: 0; width: 50%;}
.headerPicHalf.left{ left: 0;}
.headerPicHalf.right{ right: 0;}
.headerPic{ position: absolute;}

/*--contain-----------------------------------------*/
.contain{ overflow: hidden;}
.headerW{ position: relative; width: 100%; margin: 0 auto;}
.areaWidth{ position: relative; width: 94%; margin: 0 auto;}
.areaWidth2{ position: relative; width: 94%; margin: 0 auto;}

.mainTitle{ width: 92%; margin: 0 auto 8px auto;}
.mainTitle2{ width: 100%; margin: 0 auto 50px auto;}
.mainTitle3{ width: 85%; margin: 0 auto 0 auto;}
.mainTitle img,.mainTitle2 img,.mainTitle3 img{ display: block; width: 100%;}

.sp{ position: absolute; top: 20%;}

/*看更多*/
.watchMore{ width: 85%; margin: 20px auto 0 auto;}
.watchMore img{ display: block; width: 100%;}

.gift img{ display: block; width: 100%;}

/* popup --------------------------------------------------- */
.popOverlay{ position:fixed; top:0; bottom:0; left:0; right:0; background:rgba(47, 35, 49, 0.99); transition:opacity 500ms; z-index:10000; font-size:1.4rem;}
.popBox{ width:93%; max-height:90vh; padding:40px 14px 14px; margin:15px auto 0 auto; background:#d4cfbc; border-radius:5px; position:relative; transition:all 1s ease-in-out; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.popBox .popClose{ display:block; position:absolute; top:9px; right:10px; width:25px; height:25px; background:url(icon-close.png) no-repeat; background-size:25px 25px; cursor:pointer;}
.popBox h2{ padding:8px 1%; margin-bottom:5px; font-size:1.6rem; background-color:#ad3c41; color:#ffffff; background-color:#efefef; color:#636363; font-weight:normal; text-align:center;}
.popBox ul{ list-style:none;}

/* popup按鈕樣式 */
.ppBtn{ display:block; font-size:1.5rem; cursor:pointer; border-radius:2px; line-height:45px; text-align: center;}
.popBtn{ display:flex;}
.popBtn a{ flex:1; width:100%; border:#8d1a91 2px solid; background-color: #d4cfbc; margin-right:4%; font-size:1.8rem; color: #8d1a91; font-weight: bold; font-family:Arial, Verdana, Microsoft JhengHei, sans-serif; outline:none;}
.popBtn a:last-child{ margin-right:0;}
.popBtn a:hover{ background-color: #8d1a91; color: #fff;}

/* popup共用提醒 */
.popAlert{ text-align:center; margin-bottom: 40px; padding:15px 2% 25px 2%; color: #8d1a91; font-size:1.8rem; font-weight:bold;}
.ppaRed{ color:#b8292f;}
.popContent{ overflow-y:auto; max-height:70vh; -webkit-overflow-scrolling:touch;}


/*--767up(Pc)------------------------*/
@media screen and (min-width:767px) {
    .pcNo{ display: none;}
    .mNo{ display: block;}

    .mt_3{ margin-top: 160px;}

    /*bg-----------------------------------------*/
    .bgPadT{ padding-top: 60px;}
    .bgPadB{ padding-bottom: 90px;}
    .bgPadT2{ padding-top: 60px;}
    .bgPadB2{ padding-bottom: 0;}

    .bgColor1, .bgColor2, .bgColor3, .bgColor4, .bgColor5, .bgColor6, .bgColor7{ background-attachment: fixed; background-size: cover; background-repeat: no-repeat;}

    /*--contain-----------------------------------------*/
    .areaWidth{ max-width: 1023px; padding-top: 0;}
    .areaWidth2{ max-width: 1200px;}
    .mainTitle{ width: 50%;}
    .mainTitle2{ width: 85%; max-width: 1000px;}
    .mainTitle3{ width: 85%; margin: 0 auto 0 auto;}

    .gift{ max-width: 100%; margin-top: 30px; margin: 0 auto; margin-bottom: 60px;}

    /*看更多*/
  

    /*更多更多*/
    .moreBtn{ width: 90%; margin: 0 auto;}


    /*--hover animate--------------------------------*/
    .note a, .watchMore a, .gift a{ display: block; transition: 0.4s;}
    .note a:hover{ transform: scale(0.9);}
    .gift a:hover{ transform: scale(0.9) rotate(5deg);}
    .watchMore a:hover{ transform: scale(0.9);}

    /* popup --------------------------------------------------- */
	.popBox{ width:33%; margin:50px auto; padding:40px 20px 20px;}

	/*popup按鈕樣式*/
	.popBtn button{ margin-right:2%;}
	.popContent{ max-height:55vh;}
}

/*--768-1023(Pad)------------------------*/
@media screen and (min-width:768px) and (max-width:1023px) { 
    .bgColor1, .bgColor2, .bgColor3, .bgColor4, .bgColor5, .bgColor6, .bgColor7{ background-attachment: inherit; background-size: 100%; background-repeat: repeat;}
}

/*--320以下小手機------------------------*/
@media screen and (max-width:320px) {
}

/* .bookShelfTitle img{aspect-ratio: 610/180;}
.bookShelfTitle + a img{ aspect-ratio: 500/610;}

.specialBox1 .specialListBox img{ aspect-ratio: 540/320;}
.specialBox2 .specialListBox img{ aspect-ratio: 540/355;}
.specialBtn img, .specialBtn2 img{ aspect-ratio: 249/70 !important;}
.special3Title img{ aspect-ratio: 640/140;}

.nanacoBox img{ aspect-ratio: 530/670;}

.closeDish img, .closeDishT img{ aspect-ratio: 1020/768;}
.bookDessertList a img{ aspect-ratio: 565/540;}
.bookDessert img{ aspect-ratio: 310/540;}
.bookDessertList > li:last-child img{ aspect-ratio: 395/571;}
.bookNightList a img{ aspect-ratio: 516/780;}

.dishName img{ aspect-ratio: 1020/85;}
.dish1b img{ aspect-ratio: 1020/760;}
.closeDish img{ aspect-ratio: 1020/760;}
.closeDishT img{ aspect-ratio: 1020/760;}
.dish1op img{ aspect-ratio: 1020/760;} */


/*--animate.css--------------------------------*/
.animate__animated.animate__delay-02s{-webkit-animation-delay:0.2s;animation-delay:0.2s;}
.animate__animated.animate__delay-03s{-webkit-animation-delay:0.3s;animation-delay:0.3s;}
.animate__animated.animate__delay-04s{-webkit-animation-delay:0.4s;animation-delay:0.4s;}
.animate__animated.animate__delay-05s{-webkit-animation-delay:0.5s;animation-delay:0.5s;}
.animate__animated.animate__delay-06s{-webkit-animation-delay:0.6s;animation-delay:0.6s;}
.animate__animated.animate__delay-07s{-webkit-animation-delay:0.7s;animation-delay:0.7s;}
.animate__animated.animate__delay-08s{-webkit-animation-delay:0.8s;animation-delay:0.8s;}
.animate__animated.animate__delay-10s{-webkit-animation-delay:1.0s;animation-delay:1.0s;}
.animate__animated.animate__delay-12s{-webkit-animation-delay:1.2s;animation-delay:1.2s;}
.animate__animated.animate__delay-13s{-webkit-animation-delay:1.3s;animation-delay:1.3s;}
.animate__animated.animate__delay-14s{-webkit-animation-delay:1.4s;animation-delay:1.4s;}