@charset "utf-8";

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

.txtGreen{ color: #242021;}
.txtDeepRed{ color: #242021;}
.alink{ color: #2d4bb9; text-decoration: underline;}
.alink:hover{ text-decoration: none;}
.alink2{ color: #2d4bb9; text-decoration: underline;}
.alink2:hover{ text-decoration: none;}

/*--header-----------------------------------------*/
.headerBox{ overflow: hidden; position: relative; margin-top: 0px;  background-image: url(https://cp-img.bookwalker.com.tw/event/2025/20251209_asa_uix45/images/bg_05.png); background-size: cover; /*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;}

header{ margin-top: 0px; position: relative; overflow: hidden;}
.bgHeaderBao{ display: none;}
.headerPic{ position: absolute; top: 0; left: 0; right: 100; margin: 0 auto;}
.headerTitle{ top: 0; width: 100%;}
.headerBao{ top: 34%; left: 10%; width: 45%;}
.header1{ display: none;}
.header2{ display: none;}
.header3{ display: none;}
.header4{ display: none;}
.header5{ display: none;}
.header6{ display: none;}
.headerGiftBao{ top: 70%; right: 45%; width: 40%;}
.bgHeaderM{ display: block;}

/*--測驗動畫區域定位-----------------------------------------*/
/*cursor: pointer;滑鼠滑入變手指*/
/*position: absolute;定位*/
.start{ position: absolute; top: 68%; left: 32%; width: 12%; cursor: pointer; z-index: 2;}
.startm{ position: absolute; top: 70%; left: 14%; width: 28%; cursor: pointer; z-index: 2;}

.startText{ position: absolute; top: 20.5%; right: 5%; width: 37%;}
.startTextm{ position: absolute; top: 61%; right: 12%; width: 28%;}

.test_1{ position: absolute; top: 0%; left: 0%; width: 100%; cursor: pointer;}
.test_1m{ position: absolute; top: 0%; left: 0%; width: 100%; cursor: pointer;}

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

.areaWidth1{ padding: 0px 0% 0px 0%;}
.areaWidth2{ padding: 60px 15% 50px 15%;}
.areaWidth3{ padding: 20px 0% 40px 0%;}
.areaWidth4{ padding: 20px 0% 20px 0%;}
.areaWidth5{ padding: 20px 0% 20px 0%;}
.areaWidth6{ padding: 20px 0% 20px 0%;}
.areaWidth7{ padding: 20px 0% 20px 0%;}
.areaWidth8{ position: relative; width: 100%; margin: 0 auto;}
.areaWidth9{ position: relative; width: 100%; margin: 0 auto;}

/*bg-----------------------------------------*/
.areaBg0{ background-image: url(https://cp-img.bookwalker.com.tw/event/2025/20251209_asa_uix45/images/bg_02.png);}
.areaBg1{ background-image: url(https://cp-img.bookwalker.com.tw/event/2025/20251209_asa_uix45/images/bg_02.png);}
.areaBg2{ background-image: url(https://cp-img.bookwalker.com.tw/event/2025/20251209_asa_uix45/images/bg_02.png);}
.areaBg3{ background-image: url(https://cp-img.bookwalker.com.tw/event/2025/20251209_asa_uix45/images/bg_03m.png);}
.areaBg4{ background-image: url(https://cp-img.bookwalker.com.tw/event/2025/20251209_asa_uix45/images/bg_04m.png);}
.areaBg5{ background-image: url(https://cp-img.bookwalker.com.tw/event/2025/20251209_asa_uix45/images/bg_05.png);}
.areaBg6{ background-image: url(https://cp-img.bookwalker.com.tw/event/2025/20251209_asa_uix45/images/bg_06.png);}
.areaBg7{ background-image: url(https://cp-img.bookwalker.com.tw/event/2025/20251209_asa_uix45/images/bg_07m.png);}
.areaBg8{ background-image: url(https://cp-img.bookwalker.com.tw/event/2025/20251209_asa_uix45/images/bg_08m.png);}
.areaBg9{ background-image: url(https://cp-img.bookwalker.com.tw/event/2025/20251209_asa_uix45/images/bg_09m.png);}

/* 標題文字樣式 */
.highlight-number {
  font-size: 4rem; /* 調整字體大小 */
  color: #0c62d0; /* 顏色 */
  font-weight: bold; /* 加粗 */
}

/* 標題文字樣式 */
.highlight-title2 {
  font-size: 3rem; /* 調整字體大小 */
  color: #ffffff; /* 顏色 */
  font-weight: bold; /* 加粗 */
}

/* 標題文字樣式 */
.highlight-title {
  font-size: 2.5rem; /* 調整字體大小 */
  color: #ffffff; /* 顏色 */
  font-weight: bold; /* 加粗 */
}

/* 優惠券文字樣式 */
.highlight-coupon {
  font-size: 2.5rem; /* 調整字體大小 */
  color: #0c62d0; /* 顏色 */
  font-weight: bold; /* 加粗 */
}

/*活動說明-----------------------------------------*/
.noticeBox{ width: 100%; margin: 0 auto 0 auto;}/*20240704因為活動說明也分開自己一塊,所以移除margin-top,不然會多一塊空白間距*/
.noticeBox h4{ margin: 0 6% 10px 0%; font-size: 1.8rem; color: #322c2c; font-weight: bold; text-align: left;}
.noticeList{ padding: 25px 7% 25px 12%; font-size: 1.4rem; font-weight: bold; color: #322c2c;  border-radius: 0px;}
.noticeList > li{ list-style: disc; margin-bottom: 10px; line-height: 1.3;}
.noticeList > li:last-child{ margin-bottom: 0;}
.noticeList > li ul{ list-style: disc; margin-top: 10px; margin-bottom: 10px; line-height: 1.3;}
.noticeList > li ul:last-child{ margin-top: 0px;}
.noticeList > li ul li {
	font-size: 1.4rem;
	list-style-type: disclosure-open; /* 小黑色三角形▶ */
    list-style-type: disclosure-closed; /* 小黑色三角形▶ */
    margin-left: 1.2em;    /* 再縮一個字元 */
    padding-left: 0em;
}

.highlight {
  color: #fabe00; /* 顏色 */
  font-weight: bold; /* 可選：讓文字加粗 */
}

/*--a1--------------------------------*/
.title1{ width: 0%; margin: 0 auto; padding: 0px 0 0px 0px; position: relative; z-index: 1; display: none;}
.title1m{ width: 100%; margin: 0 auto; padding: 0px 0 0px 0px; position: relative; z-index: 1; display: block;}
.title1 img, .title1m img{ display: block;}/*20241126新增*/

.check{flex-wrap: wrap; justify-content: center; padding: 0px 0% 0px 0%; margin-top: 0px; border-radius: 10px; display: flex;}
.check li{ width: 100%; margin-bottom: 0px; display: flex;}

.more1{flex-wrap: wrap; justify-content: center; padding: 0px 0% 0px 0%; margin-top: 0px; border-radius: 10px; display: flex;}
.more1 li{ width: 80%; margin-bottom: 0px; display: flex;}

/*--a2--------------------------------*/
.title2{ 
    width: 50%; 
    text-align: left; 
    padding: 0px 0px 0px 5%; 
    display: block;
}
.title22{ 
    width: 40%; 
    text-align: left; 
    padding: 20px 0px 0px 0px; 
    display: block;
}

.deleteline {text-decoration: none;}

/*--a3--------------------------------*/
.title3_1{ width: 0%; margin: 0 auto; padding: 0px 0 0px 0px; position: relative; z-index: 1; display: none;}
.title3_1m{ width: 100%; margin: 0 auto; padding: 0px 0 0px 0px; position: relative; z-index: 1; display: block;}

.book3_1{flex-wrap: wrap; justify-content: center; /* 子元素水平置中 */ padding: 0px 0% 20px 0%; margin-top: 0px; display: flex;}
.book3_1 li{ width: 40%; padding: 0px 0% 0px 0%; display: block;}

.title3_2{ width: 0%; margin: 0 auto; padding: 0px 0 0px 0px; position: relative; z-index: 1; display: none;}
.title3_2m{ width: 100%; margin: 0 auto; padding: 0px 0 0px 0px; position: relative; z-index: 1; display: block;}

/*--a4--------------------------------*/
.title4_1{ width: 0%; margin: 0 auto; padding: 0px 0 0px 0px; position: relative; z-index: 1; display: none;}
.title4_1m{ width: 100%; margin: 0 auto; padding: 0px 0 0px 0px; position: relative; z-index: 1; display: block;}

.comingsoon{ width: 90%; margin: 0 auto; padding: 0px 0 0px 0px; position: relative; z-index: 1; display: block;}

.title4_2{ width: 0%; margin: 0 auto; padding: 0px 0 0px 0px; position: relative; z-index: 1; display: none;}
.title4_2m{ width: 100%; margin: 0 auto; padding: 0px 0 0px 0px; position: relative; z-index: 1; display: block;}

.book4_1{flex-wrap: wrap; justify-content: center; /* 子元素水平置中 */ padding: 0px 0% 20px 0%; margin-top: 0px; display: flex;}
.book4_1 li{ width: 40%; padding: 0px 0% 0px 0%; display: block;}

/*--a5--------------------------------*/
.title5{ width: 90%; margin: 0 auto; padding: 20px 0 20px 0px; position: relative; z-index: 1; display: block;}

.book5_1{flex-wrap: wrap; justify-content: center; /* 子元素水平置中 */ padding: 0px 0% 20px 0%; margin-top: 0px; display: none;}
.book5_1 li{ width: 40%; padding: 0px 0% 0px 0%; display: none;}
.book5_1m{flex-wrap: wrap; justify-content: center; /* 子元素水平置中 */ padding: 0px 0% 20px 0%; margin-top: 0px; display: flex;}
.book5_1m li{ width: 40%; padding: 0px 0% 0px 0%; display: block;}

.more5_1{ width: 0%; margin: 0 auto; padding: 0px 0 0px 0px; position: relative; z-index: 1; display: none;}
.more5_1m{ width: 90%; margin: 0 auto; padding: 0px 0 20px 0px; position: relative; z-index: 1; display: block;}

/*--a6--------------------------------*/
.title6{ width: 0%; margin: 0 auto; padding: 0px 0 0px 0px; position: relative; z-index: 1; display: none;}
.title6m{ width: 80%; margin: 0 auto; padding: 20px 0 0px 0px; position: relative; z-index: 1; display: block;}

.book6{flex-wrap: wrap; justify-content: center; /* 子元素水平置中 */ padding: 0px 0% 20px 0%; margin-top: 0px; display: flex;}
.book6 li{ width: 45%; padding: 0px 1% 0px 1%; display: block;}

/*--固定盒子1-----------------------------------------*/
.fixed1Box{ overflow: hidden; position: relative; margin-top: 0px;  background-image: url(https://cp-img.bookwalker.com.tw/event/2025/20251209_asa_uix45/images/bg_04.png); background-size: cover; /*background-color: #7a8996;*/}
.fixed1Box img{ display: block; width: 100%;}
.fixed1H{ width: 100%;}

/*--固定盒子1：定位--*/
.fixed1_1{ position: absolute; top: 19.2%; left: 10.2%; width: 42.5%; cursor: pointer;/*滑鼠滑入變手指*/}
.fixed1_1m{ position: absolute; top: 6%; left: 10%; width: 80%; cursor: pointer;}
.fixed1_2{ position: absolute; top: 8%; left: 19.2%; width: 68%; cursor: pointer;/*滑鼠滑入變手指*/}
.fixed1_2m{ position: absolute; top: 90%; left: 0%; width: 100%; cursor: pointer;}

/*--固定盒子2-----------------------------------------*/
.fixed2Box{ overflow: hidden; position: relative; margin-top: 0px;  background-image: url(https://cp-img.bookwalker.com.tw/event/2025/20251209_asa_uix45/images/bg_04.png); background-size: cover; /*background-color: #7a8996;*/}
.fixed2Box img{ display: block; width: 100%;}
.fixed2H{ width: 100%;}

/*--固定盒子2：定位--*/
.fixed2_1{ position: absolute; top: 17.3%; left: 3.8%; width: 25.2%; cursor: pointer;/*滑鼠滑入變手指*/}
.fixed2_1m{ position: absolute; top: 15%; left: 4%; width: 45%; cursor: pointer;}
.fixed2_2{ position: absolute; top: 12.3%; left: 26%; width: 24.5%; cursor: pointer;/*滑鼠滑入變手指*/}
.fixed2_2m{ position: absolute; top: 20.5%; left: 48%; width: 45%; cursor: pointer;}
.fixed2_3{ position: absolute; top: 16%; left: 74.5%; width: 23%; cursor: pointer;/*滑鼠滑入變手指*/}
.fixed2_3m{ position: absolute; top: 38%; left: 4%; width: 45%; cursor: pointer;}
.fixed2_4{ position: absolute; top: 44.2%; left: 12.5%; width: 37%; cursor: pointer;/*滑鼠滑入變手指*/}
.fixed2_4m{ position: absolute; top: 46.8%; left: 48.2%; width: 45%; cursor: pointer;}
.fixed2_5{ position: absolute; top: 45%; left: 71%; width: 24%; cursor: pointer;/*滑鼠滑入變手指*/}
.fixed2_5m{ position: absolute; top: 61%; left: 17%; width: 70%; cursor: pointer;}
.fixed2_6{ position: absolute; top: 60.8%; left: 8.3%; width: 85%; cursor: pointer;/*滑鼠滑入變手指*/}
.fixed2_6m{ position: absolute; top: 69%; left: 7%; width: 87%; cursor: pointer;}

/*--影片-----------------------------------------*/
.ytVideoBox{ width: 90%; position: relative; z-index: 1; margin: 0 auto; background-color: #b58b54; border: #b58b54 0px solid;}
.video { width: 100%; margin: 0 auto; position: relative;}
.aVideoBox { width: 100%; margin: 0 auto;}
.aVideo { width: 100%; height: 0; padding: 0 0 50% 0; position: relative;}
.aVideo iframe { width: 100%; height: 100%; position: absolute; left: 0; top: 0;}

/*--picHover picBox 滑鼠反應-----------------------------------------*/
.picBox .pic{ display:block;}
.picBox .picHover{ display:none;} /*一開始隱藏hover的圖片*/

.picBox:hover .pic{ display:none;} /*滑入後隱藏一開始的圖片*/
.picBox:hover .picHover{ display:block;} /*滑入後顯示hover的圖片*/

/*--gameInfo1--------------------------------*/
.gameInfo1{ padding: 5% 5% 10% 10%; border-radius: 13px; font-size: 1.3rem; color: #144a94; font-weight: bold;}
.gameInfo1 li{ margin: 5px; list-style: disc;}
.gameInfo1 li a{ color: #2d4bb9; text-decoration: underline;}

/*--gameInfo2--------------------------------*/
.gameInfo2{ padding: 0% 5% 0% 10%; border-radius: 13px; font-size: 1.3rem; color: #144a94; font-weight: bold;}
.gameInfo2 li{ margin: 5px; list-style: disc;}
.gameInfo2 oi{ padding-left: 3%; font-size: 1.3rem;}
.gameInfo2 li a{ color: #ffd488; text-decoration: none; /* 移除下劃線 */}
.gameInfo2 li > ol > li{ list-style-type:disc;}/* list-style: none; 把ol li的樣式移除*/


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

    header{ background-image: url(https://cp-img.bookwalker.com.tw/event/2025/20250101_yuri/https://cp-img.bookwalker.com.tw/event/2025/20251209_asa_uix45/images/bg_header.jpg); background-position: top center; background-size: cover; background-attachment: fixed;}
    .bgHeaderBao{ display: block;}
	.header1{ position: absolute; top: 3%; right: 43.5%; width: 54.5% !important; /* 強制覆蓋 */ display: block;}
	.header2{ position: absolute; top: 20%; right: 73%; width: 21.5% !important; display: block;}
	.header3{ position: absolute; top: 63%; right: 80.2%; width: 18% !important; display: block;}
	.header4{ position: absolute; top: 65.5%; right: 48.5%; width: 37% !important; display: block;}
	.header5{ position: absolute; top: 6%; right: 77.5%; width: 18% !important; display: block;}
	.header6{ position: absolute; top: 1%; right: -3%; width: 53% !important; display: block;}

	.headerPic{ position: absolute; top:0%; left:0; right: 0%; margin: 0 auto;}
    .headerTitle{ width: 0%; }
    .headerBao{ top: 0%; left: 0%; width: 0%;}
	.headerGiftBao,.bgHeaderM{ display: none;}

    .areaBox{ overflow: hidden; padding: 0; background-attachment: fixed;}

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

	.areaBg0{ background-image: url(https://cp-img.bookwalker.com.tw/event/2025/20251209_asa_uix45/images/bg_01.png); background-size: cover;}
    .areaBg1{ background-image: url(https://cp-img.bookwalker.com.tw/event/2025/20251209_asa_uix45/images/bg_01.png); background-size: cover;}
    .areaBg2{ background-image: url(https://cp-img.bookwalker.com.tw/event/2025/20251209_asa_uix45/images/bg_02.png); background-size: cover;}
	.areaBg3{ background-image: url(https://cp-img.bookwalker.com.tw/event/2025/20251209_asa_uix45/images/bg_03.png); background-size: cover;}
	.areaBg4{ background-image: url(https://cp-img.bookwalker.com.tw/event/2025/20251209_asa_uix45/images/bg_04.png); background-size: cover;}
    .areaBg5{ background-image: url(https://cp-img.bookwalker.com.tw/event/2025/20251209_asa_uix45/images/bg_05.png); background-size: cover;}
	.areaBg6{ background-image: url(https://cp-img.bookwalker.com.tw/event/2025/20251209_asa_uix45/images/bg_06.png); background-size: cover;}
	
    /*--contain-----------------------------------------*/
    .areaWidth{ max-width: 1023px; padding-top: 0;}
	.areaWidth1{ max-width: 100%; margin: 0 auto; padding: 0px 0% 0px 0%; margin-top: 0px; margin-bottom: 0px;}
	.areaWidth2{ max-width: 800px; margin: 0 auto; padding: 0px 0% 0px 0%; margin-top: 100px; margin-bottom: 100px; }
	.areaWidth3{ max-width: 1400px; margin: 0 auto; padding: 0px 0% 0px 0%; margin-top: 100px; margin-bottom: 100px; }
	.areaWidth4{ max-width: 1400px; margin: 0 auto; padding: 0px 0% 0px 0%; margin-top: 100px; margin-bottom: 100px; }
	.areaWidth5{ max-width: 1200px; margin: 0 auto; padding: 0px 0% 0px 0%; margin-top: 100px; margin-bottom: 100px; }
	.areaWidth6{ max-width: 1400px; margin: 0 auto; padding: 0px 0% 0px 0%; margin-top: 100px; margin-bottom: 100px; }

    /*活動說明-----------------------------------------*/
    .noticeBox{ max-width: 80%;}/*20240704因為活動說明也分開自己一塊,所以移除margin-top,不然會多一塊空白間距*/
    .noticeBox h4{ margin-left: 0%; }
    .noticeList{ padding: 100px 8% 100px 11%; font-size: 1.5rem; border-width: 3px;}
	
	/*--bookStyle--------------------------------*/
	.bookStyle{ display: flex; gap: 10px;}/*間距固定10px,也可以設%*/
	.bookStyle li{ flex: 1;}
	.bookStyle li:nth-child(1){ flex: 1.5;}/*第一本比較大(可以是小數點,也可以整數)*/

	/*--a1--------------------------------*/
	.title1{ width: 100%; padding: 0px 0px 0px 0px; display: block;}
	.title1m{ width: 100%; padding: 0px 0px 0px 0px; display: none;}

	.check{ flex-wrap: wrap; justify-content: center; padding: 0px 0% 0px 0%; margin-top: 0px; display: flex;}
    .check li{ width: 50%; padding: 0px 0px 0px 0px; display: block;}

	.Style1{ display: flex; gap: 0px;}/*間距固定10px,也可以設%*/
	.Style1 li{ flex: 1; flex: 2; }
	.Style1 li:nth-child(2){ flex: 2;}/*第一本比較大(可以是小數點,也可以整數)*/
	.Style1 li:nth-child(3){ flex: 1;}/*第一本比較大(可以是小數點,也可以整數)*/

	.more1{ flex-wrap: wrap; justify-content: center; padding: 0px 0% 0px 0%; margin-top: 30px; display: flex;}
    .more1 li{ width: 50%; padding: 0px 0px 0px 0px; display: block;}

	/*--a2--------------------------------*/
	.title2{ 
    width: 20%; 
    text-align: left; 
    padding: 0px 0px 20px 0px; 
    display: block;
    }
    .title22{ 
    width: 15%; 
    text-align: left; 
    padding: 20px 0px 0px 0px; 
    display: block;
    }
	
	.Style2{ display: flex; gap: 0px;}/*間距固定10px,也可以設%*/
	.Style2 ul{ flex: 1;}
	.Style2 ul:nth-child(2){ flex: 1.37;}/*第一本比較大(可以是小數點,也可以整數)*/

	/*--a3--------------------------------*/
	.title3_1{ width: 60%; padding: 0px 0px 50px 0px; display: block;}
	.title3_1m{ width: 60%; padding: 0px 0px 0px 0px; display: none;}
	
	.book3_1{flex-wrap: wrap; justify-content: center; /* 子元素水平置中 */ padding: 0px 0% 0px 0%; margin-top: 0px; display: flex;}
	.book3_1 li{ width: 16%; padding: 0px 0% 0px 0%; display: block;}
	
	.title3_2{ width: 70%; padding: 50px 0px 0px 0px; display: block;}
	.title3_2m{ width: 70%; padding: 0px 0px 0px 0px; display: none;}

	/*--a4--------------------------------*/
	.title4_1{ width: 70%; padding: 20px 0px 0px 0px; display: block;}
	.title4_1m{ width: 70%; padding: 0px 0px 0px 0px; display: none;}
	
	.comingsoon{ width: 70%; padding: 20px 0px 0px 0px; display: block;}
	
	.title4_2{ width: 60%; padding: 50px 0px 0px 0px; display: block;}
	.title4_2m{ width: 60%; padding: 0px 0px 0px 0px; display: none;}
	
	.book4_1{flex-wrap: wrap; justify-content: center; /* 子元素水平置中 */ padding: 0px 0% 0px 0%; margin-top: 0px; display: flex;}
	.book4_1 li{ width: 26%; padding: 0px 0% 0px 0%; display: block;}

	/*--a5--------------------------------*/
	.title5{ width: 70%; padding: 50px 0px 50px 0px; display: block;}
	
	.book5_1{flex-wrap: wrap; justify-content: center; /* 子元素水平置中 */ padding: 0px 0% 0px 0%; margin-top: 0px; display: flex;}
	.book5_1 li{ width: 25%; padding: 0px 0% 0px 0%; display: block;}
	.book5_1m{flex-wrap: wrap; justify-content: center; /* 子元素水平置中 */ padding: 0px 0% 0px 0%; margin-top: 0px; display: none;}
	.book5_1m li{ width: 25%; padding: 0px 0% 0px 0%; display: none;}
	
	.more5_1{ width: 85%; padding: 30px 0px 50px 0px; display: block;}
	.more5_1m{ width: 0%; padding: 0px 0px 0px 0px; display: none;}

	/*--a6--------------------------------*/
	.title6{ width: 70%; padding: 50px 0px 50px 0px; display: block;}
	.title6m{ width: 70%; padding: 0px 0px 0px 0px; display: none;}
	
	.book6{flex-wrap: wrap; justify-content: center; /* 子元素水平置中 */ padding: 0px 0% 0px 0%; margin-top: 0px; display: flex;}
	.book6 li{ width: 20%; padding: 0px 0% 0px 0%; display: block;}
	
	/*--影片-----------------------------------------*/
	.ytVideoBox{ width: 70%; position: relative; z-index: 1; margin: 0 auto; background-color: #b587aa; border: #b587aa 0px solid;}
	.video { width: 80%; margin: 0 auto; position: relative;}
	.aVideoBox { width: 100%; margin: 0 auto;}
	.aVideo { width: 100%; height: 0; padding: 0 0 50% 0; position: relative;}
	.aVideo iframe { width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
	
	.bookStyle4{ display: flex; gap: 10px;}/*間距固定10px,也可以設%*/
	.bookStyle4 li{ flex: 1;}
	.bookStyle4 li:nth-child(1){ flex: 4.15;}/*第一本比較大(可以是小數點,也可以整數)*/

	/*--滑鼠滑入效果(縮小)--------------------------------*/
    .hover1 li a{ display: block; transition: 0.4s;}
    .hover1 li a:hover{ transform: scale(0.9);}/*滑入縮小*/

	.hover1 a{ display: block; transition: 0.4s;}
    .hover1 a:hover{ transform: scale(0.9);}/*滑入縮小*/

	/*--滑鼠滑入效果(變淡)--------------------------------*/
	.hover2 li a:hover img{filter:alpha(Opacity=30);-moz-opacity:0.3;opacity: 0.3;}
    /*sweetAlert*/
    .shareBox{ width: 320px;}
    /* .swal2-footer{ display: none !important;} */

	/*--gameInfo1--------------------------------*/
	.gameInfo1{ padding: 3% 0% 1% 0%; border-radius: 10px; font-size: 1.4rem; color: #144a94; font-weight: bold;}
    .gameInfo1 li{ margin: 5px;  list-style-type:disc;}
    .gameInfo1 li a{ color: #2d4bb9; text-decoration: underline;}

	/*--gameInfo2--------------------------------*/
	.gameInfo2{ padding: 0% 0% 0% 2%; border-radius: 10px; font-size: 1.5rem; color: #614c3f; font-weight: bold;}
    .gameInfo2 li{ margin: 5px; /*list-style-type:decimal-leading-zero; 編號前面+0，如01、02、03...*/ }
    .gameInfo2 li a{ color: #ffd488; text-decoration: none; /* 移除下劃線 */}

}

/*--768-1023(Pad)------------------------*/
@media screen and (min-width:768px) and (max-width:1023px) {
    .bgDeco1,.bgDeco2,.bgDeco3{ background-attachment: inherit;}
}

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

}