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

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

.txtGreen{ color: #242021;}
.txtDeepRed{ color: #242021;}


/*--header--------------------------------*/
.headerBox{ overflow: hidden; position: relative; margin-top: 0px;  background-image: url(https://cp-img.bookwalker.com.tw/event/2026/20260609_asa/images/bg_03.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;}
.header7{ display: none;}
.header8{ display: none;}

.header1m{ position: absolute; top: 32%; left: 10%; width: 16% !important; display: block; z-index: 1;}
.header2m{ position: absolute; top: 32%; left: 26%; width: 16% !important; display: block; z-index: 1;}
.header3m{ position: absolute; top: 32%; left: 42%; width: 16% !important; display: block; z-index: 1;}
.header4m{ position: absolute; top: 32%; left: 58%; width: 16% !important; display: block; z-index: 1;}
.header5m{ position: absolute; top: 32%; left: 74%; width: 16% !important; display: block; z-index: 1;}
.header6m{ position: absolute; top: 47.2%; left: 0%; width: 100% !important; display: block; z-index: 1;}
.header7m{ position: absolute; top: 56%; left: 0%; width: 100% !important; display: block; z-index: 1;}
.header8m{ position: absolute; top: 67.5%; left: 0%; width: 100% !important; display: block; z-index: 1;}

.header_a1{ display: none;}

.headerGiftBao{ top: 70%; right: 45%; width: 40%;}
.bgHeaderM{ display: block;}

/*bg-----------------------------------------*/
.areaBg0{ background-image: url(https://cp-img.bookwalker.com.tw/event/2026/20260609_asa/images/bg_01m.png);}
.areaBg1{ background-image: url(https://cp-img.bookwalker.com.tw/event/2026/20260609_asa/images/bg_01m.png);}
.areaBg2{ background-image: url(https://cp-img.bookwalker.com.tw/event/2026/20260609_asa/images/bg_02m.png);}
.areaBg3{ background-image: url(https://cp-img.bookwalker.com.tw/event/2026/20260609_asa/images/bg_03m.png);}
.areaBg4{ background-image: url(https://cp-img.bookwalker.com.tw/event/2026/20260609_asa/images/bg_04m.png);}
.areaBg5{ background-image: url(https://cp-img.bookwalker.com.tw/event/2026/20260609_asa/images/bg_05m.png);}
.areaBg6{ background-image: url(https://cp-img.bookwalker.com.tw/event/2026/20260609_asa/images/bg_06m.png);}
.areaBg7{ background-image: url(https://cp-img.bookwalker.com.tw/event/2026/20260609_asa/images/bg_07m.png);}
.areaBg8{ background-image: url(https://cp-img.bookwalker.com.tw/event/2026/20260609_asa/images/bg_08m.png);}

/*--contain-----------------------------------------*/
.areaWidth1{ position: relative; width: 100%; padding: 50px 0% 0px 0%; margin-top: 0px; margin-bottom: 0px; }
.areaWidth2{ position: relative; width: 100%; padding: 50px 0% 50px 0%; margin-top: 0px; margin-bottom: 0px; }
.areaWidth3{ position: relative; width: 100%; padding: 50px 0% 50px 0%; margin-top: 0px; margin-bottom: 0px; }
.areaWidth4{ position: relative; width: 100%; padding: 50px 0% 50px 0%; margin-top: 0px; margin-bottom: 0px; }
.areaWidth5{ position: relative; width: 100%; padding: 50px 0% 50px 0%; margin-top: 0px; margin-bottom: 0px; }
.areaWidth6{ position: relative; width: 100%; padding: 50px 0% 10px 0%; margin-top: 0px; margin-bottom: 0px; }
.areaWidth7{ position: relative; width: 100%; padding: 0px 0% 0px 0%; margin-top: 0px; margin-bottom: 0px; }
.areaWidth8{ position: relative; width: 100%; padding: 0px 0% 0px 0%; margin-top: 0px; margin-bottom: 0px; }

/*--測驗前言-----------------------------------------*/
.gameInfo img{ display: block; width: 100%;}
.gameInfo{ width: 80%; margin: 15px auto 25px auto;}
.gameSay{}
.gameGiftList{}
.gameGiftList > li{ margin-top: 10px;}

/*開始測驗按鈕動畫*/
.gameStart{ animation: scaleInOut 0.8s infinite;}
@keyframes scaleInOut{ 0% { transform: scale(1);} 50% { transform: scale(0.9);} 100% { transform: scale(1);} }

/*活動說明----------*/
.noticeBox{ padding: 10px 0% 10px 0%;}
.noticeList{ width: 80%;  margin-top: 0px; padding: 30px 0px 30px 13%; color: #202020; font-size: 1.2rem; border-radius: 10px;}
.noticeList li{ margin-bottom: 10px; list-style: inside; list-style-type: decimal; text-indent: -15px; line-height: 2; font-weight: bold;}

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

/*--area2--------------------------------*/
.title2{ width: 0%; margin: 0 auto; padding: 0px 1% 0px 1%; position: relative;display: none;}
.title2m{ width: 90%; margin: 0 auto; padding: 0px 1% 0px 1%; position: relative;display: block;}

.title2_1{ width: 0%; margin: 0 auto; padding: 0px 1% 0px 1%; position: relative;display: none;}
.title2_1m{ width: 80%; margin: 0 auto; padding: 0px 1% 0px 1%; position: relative;display: block;}

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

.more2{ width: 0%; margin: 0 auto; padding: 0px 1% 0px 1%; position: relative;display: none;}
.more2m{ width: 90%; margin: 0 auto; padding: 0px 1% 0px 1%; position: relative;display: block;}

/*--video--------------------------------*/
.video { width:100%; margin:0 auto; position:relative;}
.aVideoBox { width:100%; margin:0 auto;}
.aVideo { width:100%; height:0; padding:0 0 56.25% 0; position:relative;}
.aVideo iframe { width:100%; height:100%; position:absolute; left:0; top:0;}

/*壓背景圖*/
.videoWidth{ width: 100%;/*0119看手機版影片要多大*/ margin: 0 auto;/*影片置中*/}
.videoBgBox{ position: relative; padding: 34% 13% 7% 11%;/*0119看間距要多少*/}
.videoBg{ position: absolute; top: 0; left: 0;}

.videoTicket{ max-width: 400px; margin: 0 auto; padding-top: 0px; padding-bottom: 0px; display: block;}
.videoTicketBtn{ display: block; width: 80%; margin: 0 auto;}

/*0719新的video*/
/*純css底色*/
.videoBgStyle1{ padding: 10px 12% 20px 12%;/*影片與背景間距*/ background-color: #2e3043;/*背景色*/ border-radius: 0 0 30px 30px;/*下方導圓角*/}
/*壓圖片背景*/
.videoBgPic{ padding: 2% 12% 5% 12%;/*影片與背景間距*/ background-image: url(https://cp-img.bookwalker.com.tw/event/2026/20260316_ack10th/images/videoBg1.png); background-size: 100%;/*背景圖等比例縮放*/ background-repeat: no-repeat;}

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

.videoTitle.pc{ display: none;}/*手機版-隱藏電腦標題*/
.videoTitle.m{ display: block;}/*手機版-顯示手機標題*/
/*end-0719新的video*/

/*--area3--------------------------------*/
.title3{ width: 0%; margin: 0 auto; padding: 0px 1% 0px 1%; position: relative; display: none;}
.title3m{ width: 90%; margin: 0 auto; padding: 0px 1% 0px 1%; position: relative; display: block;}

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

.line3{ width: 0%; margin: 0 auto; padding: 0px 1% 0px 1%; position: relative; display: none;}
.line3m{ width: 90%; margin: 0 auto; padding: 30px 1% 0px 1%; position: relative; display: block;}

/*--area4--------------------------------*/
.title4{ width: 0%; margin: 0 auto; padding: 0px 1% 0px 1%; position: relative; display: none;}
.title4m{ width: 90%; margin: 0 auto; padding: 0px 1% 0px 1%; position: relative; display: block;}

.title41{ width: 0%; margin: 0 auto; padding: 0px 1% 0px 1%; position: relative; display: none;}
.title41m{ width: 90%; margin: 0 auto; padding: 0px 1% 0px 1%; position: relative; display: block;}

.book4 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0;
  margin-top: 0px;
  border-radius: 10px;
  list-style: none; /* 移除項目符號 */
}

.book4 li {
  width: 40%;
  margin-bottom: 0px;
  /* 移除 display: block，讓 li 跟著 flex 走 */
}

.more4 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0;
  margin-top: 0px;
  border-radius: 10px;
  list-style: none; /* 移除項目符號 */
}

.more4 li {
  width: 30%;
  margin-bottom: 0px;
  /* 移除 display: block，讓 li 跟著 flex 走 */
}

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

.book5 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0;
  margin-top: 0px;
  border-radius: 10px;
  list-style: none; /* 移除項目符號 */
}

.book5 li {
  width: 30%;
  margin-bottom: 0px;
  /* 移除 display: block，讓 li 跟著 flex 走 */
}


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

/*--area6--------------------------------*/
.title6{ width: 0%; margin: 0 auto; padding: 0px 1% 0px 1%; position: relative;display: none;}
.title6m{ width: 90%; margin: 0 auto; padding: 0px 1% 0px 1%; position: relative;display: block;}

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

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

.book63{ display: flex;flex-wrap: wrap; justify-content: center; padding: 0px 20% 0px 20%; margin-top: 0px; border-radius: 10px; display: none;}
.book63 li{ width: 60%; margin-bottom: 0px; display: none;}
.book63m {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0px 5% 0px 5%; 
  margin-top: 0px;
  border-radius: 10px;
  list-style: none; /* 移除項目符號 */
}

.book63m li {
  width: 50%;
  margin-bottom: 0px;
  /* 移除 display: block，讓 li 跟著 flex 走 */
}

.book64{ display: flex;flex-wrap: wrap; justify-content: center; padding: 0px 20% 0px 20%; margin-top: 0px; border-radius: 10px; display: none;}
.book64 li{ width: 60%; margin-bottom: 0px; display: none;}
.book64m {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0px 5% 0px 5%; 
  margin-top: 0px;
  border-radius: 10px;
  list-style: none; /* 移除項目符號 */
}

.book64m li {
  width: 100%;
  margin-bottom: 0px;
  /* 移除 display: block，讓 li 跟著 flex 走 */
}

.more6{ display: flex;flex-wrap: wrap; justify-content: center; padding: 0px 0% 0px 0%; margin-top: 0px; border-radius: 10px; display: none;}
.more6 li{ width: 100%; margin-bottom: 0px; display: none;}
.more6m{ display: flex;flex-wrap: wrap; justify-content: center; padding: 50px 5% 0px 5%; margin-top: 0px; border-radius: 10px; display: block;}
.more6m li{ width: 100%; margin-bottom: 0px; display: block;}

/*--固定盒子-----------------------------------------*/
.fixedBox{ overflow: hidden; position: relative; margin-top: 0px;  background-image: url(https://cp-img.bookwalker.com.tw/event/2026/20260609_asa/images/bg_01.png); background-size: cover; /*background-color: #7a8996;*/}
.fixedBox img{ display: block; width: 100%;}
.fixedH{ width: 100%;}

/*--固定盒子：定位 1--*/
.a1_1{ position: absolute; top: 8%; left: 7.5%; width: 31%; }
.a1_1m{ position: absolute; top: 59%; left: 18%; width: 56%;}
.a1_2{ position: absolute; top: 8.5%; left: 38.9%; width: 53.5%;}
.a1_2m{ position: absolute; top: 51%; left: 50%; width: 38%; }

.a1_3{ position: absolute; top: 54%; left: 10.2%; width: 20%; cursor: pointer;/*滑鼠滑入變手指*/}
.a1_3m{ position: absolute; top: 26.2%; left: 31%; width: 57%; cursor: pointer;}
.a1_4{ position: absolute; top: 57%; left: 41%; width: 20%; cursor: pointer;}
.a1_4m{ position: absolute; top: 76%; left: 31%; width: 57%; cursor: pointer;}

/*--固定盒子：定位 2--*/
.a2_title{ position: absolute; top: 0.1%; left: 8.5%; width: 21%; }
.a2_titlem{ position: absolute; top: 59%; left: 18%; width: 1%; }

.a2_more{ position: absolute; top: 62.9%; left: 8.5%; width: 21%; cursor: pointer;}
.a2_morem{ position: absolute; top: 75%; left: 50%; width: 42%;}

.a2_book1{ position: absolute; top: 11%; left: 33%; width: 19%; cursor: pointer;}
.a2_book1m{ position: absolute; top: 24%; left: 12%; width: 37%;}

.a2_book2{ position: absolute; top: 11%; left: 53%; width: 19%; cursor: pointer;}
.a2_book2m{ position: absolute; top: 24%; left: 52%; width: 37%;}

.a2_book3{ position: absolute; top: 11%; left: 73%; width: 19%; cursor: pointer;}
.a2_book3m{ position: absolute; top: 48%; left: 12%; width: 37%;}

.a2_book4{ position: absolute; top: 51%; left: 53%; width: 19%; cursor: pointer;}
.a2_book4m{ position: absolute; top: 48%; left: 52%; width: 37%;}

.a2_book5{ position: absolute; top: 51%; left: 73%; width: 19%; cursor: pointer;}
.a2_book5m{ position: absolute; top: 72%; left: 12%; width: 37%;}

/*--固定盒子：定位 3--*/
.a3_title{ position: absolute; top: 0.1%; left: 73%; width: 21%; }
.a3_titlem{ position: absolute; top: 59%; left: 18%; width: 1%;}
.a3_more{ position: absolute; top: 66%; left: 73%; width: 21%; cursor: pointer;}
.a3_morem{ position: absolute; top: 51%; left: 50%; width: 1%;}

.a3_book1{ position: absolute; top: 11%; left: 7.1%; width: 19%; cursor: pointer;}
.a3_book1m{ position: absolute; top: 59%; left: 18%; width: 1%; }
.a3_book2{ position: absolute; top: 11%; left: 27.1%; width: 19%; cursor: pointer;}
.a3_book2m{ position: absolute; top: 59%; left: 18%; width: 1%;}
.a3_book3{ position: absolute; top: 11%; left: 47.1%; width: 19%; cursor: pointer;}
.a3_book3m{ position: absolute; top: 59%; left: 18%; width: 1%;}
.a3_book4{ position: absolute; top: 51%; left: 7.1%; width: 19%; cursor: pointer;}
.a3_book4m{ position: absolute; top: 59%; left: 18%; width: 1%;}
.a3_book5{ position: absolute; top: 51%; left: 27.1%; width: 19%; cursor: pointer;}
.a3_book5m{ position: absolute; top: 59%; left: 18%; width: 1%;}

/*swiper1 設定----------*/
.swiperBox1 { width: 70%; margin: 0 auto; padding: 0px 5%; position: relative; }

/*點點樣式設定*/
.swiperBox1 .swiper-pagination-bullet{ background: #333333; opacity: 1;}
/*點點被選到時的顏色*/
.swiperBox1 .swiper-pagination-bullet-active{ background: #ffffff;}
/*設定箭頭顏色*/
.swiperBox1 .swiper-button-next:after, .swiperBox1 .swiper-button-prev:after,
.swiperBox1 .swiper-button-next, .swiperBox1 .swiper-button-prev{ color: #333333; font-size: 40px;/*設定箭頭大小*/}
/*箭頭位置設定*/
.swiperBox1 .swiper-button-next { right: -4%; top: 65%; transform: translateY(-65%); }
.swiperBox1 .swiper-button-prev { left: -4%;  top: 65%; transform: translateY(-65%); }

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

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

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

/*--滑鼠滑入效果(變淡)--------------------------------*/
.hover2 li a:hover img{filter:alpha(Opacity=30);-moz-opacity:0.3;opacity: 0.3;}

/*--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/2026/20260610_tworiginal/images/bg_header.jpg); background-position: top center; background-size: cover; background-attachment: fixed;}
    .bgHeaderBao{ display: block;}
	.header1{ position: absolute; top: 47.6%; left: 9.4%; width: 22% !important; display: block; z-index: 1;}
	.header2{ position: absolute; top: 47.6%; left: 31.4%; width: 12.85% !important; display: block; z-index: 1;}
	.header3{ position: absolute; top: 47.6%; left: 44.25%; width: 14.63% !important; display: block; z-index: 1;}
	.header4{ position: absolute; top: 47.6%; left: 58.85%; width: 18.08% !important; display: block; z-index: 1;}
	.header5{ position: absolute; top: 47.6%; left: 76.9%; width: 12.44% !important; display: block; z-index: 1;}
	.header6{ position: absolute; top: 62.5%; left: 12.35%; width: 41.97% !important; display: block; z-index: 1;}
	.header7{ position: absolute; top: 78.5%; left: 12.35%; width: 41.97% !important; display: block; z-index: 1;}
	.header8{ position: absolute; top: 60.3%; left: 57%; width: 28.44% !important; display: block; z-index: 1;}
	
	.header1m{ display: none;}
	.header2m{ display: none;}
	.header3m{ display: none;}
	.header4m{ display: none;}
	.header5m{ display: none;}
	.header6m{ display: none;}
	.header7m{ display: none;}
	.header8m{ display: none;}

	.header_a1{ position: absolute; top: 0%; left: 0%; width: 100% !important; display: block; z-index: 1;}
	
	.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-----------------------------------------*/
	.areaBg0{ background-image: url(https://cp-img.bookwalker.com.tw/event/2026/20260609_asa/images/bg_01.png); background-size: cover;}
    .areaBg1{ background-image: url(https://cp-img.bookwalker.com.tw/event/2026/20260609_asa/images/bg_01.png); background-size: cover;}
    .areaBg2{ background-image: url(https://cp-img.bookwalker.com.tw/event/2026/20260609_asa/images/bg_02.png); background-size: cover;}
	.areaBg3{ background-image: url(https://cp-img.bookwalker.com.tw/event/2026/20260609_asa/images/bg_03.png); background-size: cover;}
	.areaBg4{ background-image: url(https://cp-img.bookwalker.com.tw/event/2026/20260609_asa/images/bg_04.png); background-size: cover;}
    .areaBg5{ background-image: url(https://cp-img.bookwalker.com.tw/event/2026/20260609_asa/images/bg_05.png); background-size: cover;}
	.areaBg6{ background-image: url(https://cp-img.bookwalker.com.tw/event/2026/20260609_asa/images/bg_06.png); background-size: cover;}
	.areaBg7{ background-image: url(https://cp-img.bookwalker.com.tw/event/2026/20260609_asa/images/bg_07.png); background-size: cover;}
	.areaBg8{ background-image: url(https://cp-img.bookwalker.com.tw/event/2026/20260609_asa/images/bg_08.png); background-size: cover;}
	
    /*--contain-----------------------------------------*/
    .areaWidth{ max-width: 1023px; padding-top: 0;}
	.areaWidth1{ max-width: 1100px;  margin: 0 auto; padding: 100px 0% 0px 0%; margin-top: 0px; margin-bottom: 0px; }
    .areaWidth2{ max-width: 1000px;  margin: 0 auto; padding: 100px 0% 150px 0%; margin-top: 0px; margin-bottom: 0px; }
	.areaWidth3{ max-width: 1000px;  margin: 0 auto; padding: 100px 0% 150px 0%; margin-top: 0px; margin-bottom: 0px; }
	.areaWidth4{ max-width: 1000px;  margin: 0 auto; padding: 100px 0% 100px 0%; margin-top: 0px; margin-bottom: 0px; }
	.areaWidth5{ max-width: 1000px;  margin: 0 auto; padding: 100px 0% 100px 0%; margin-top: 0px; margin-bottom: 0px; }
	.areaWidth6{ max-width: 1200px;  margin: 0 auto; padding: 100px 0% 100px 0%; margin-top: 0px; margin-bottom: 0px; }
	.areaWidth7{ max-width: 1200px;  margin: 0 auto; padding: 100px 0% 100px 0%; margin-top: 0px; margin-bottom: 0px; }
	.areaWidth8{ max-width: 1200px;  margin: 0 auto; padding: 100px 0% 100px 0%; margin-top: 0px; margin-bottom: 0px; }
	
    .mainTitle{ width: 56%;}
    .mainTitle2{ width: 75%; max-width: 1000px;}

	/*活動說明----------*/
	.noticeBox{ max-width: 1200px;  margin: 0 auto; margin-top: 0px; margin-bottom: 0px;}
    .noticeList{ width: 100%; margin: 0px 0px 0px 0px; padding: 0px 0% 60px 6%; font-size: 1.5rem;}
    .noticeList li{ margin-bottom: 5px; text-indent: -21px;}
	
    /*--area2--------------------------------*/
	.title2{ width: 100%; padding: 0px 0px 30px 0px; display: block;}
	.title2m{ width: 0%; padding: 0px 0px 0px 0px; display: none;}
	
	.title2_1{ width: 100%; padding: 0px 0px 30px 0px; display: block;}
	.title2_1m{ width: 0%; padding: 0px 0px 0px 0px; display: none;}
		
    .book2{ display: flex; flex-wrap: wrap; justify-content: center; display: flex;}
	.book2 li{ width: 33.3%;  padding: 0px 0% 50px 0%; display: flex;}
    .book2m{ display: flex; flex-wrap: wrap; justify-content: center; display: none;}
	.book2m li{ width: 33.3%;  padding: 0px 0% 0px 0%; display: none;}
	
	.bookStyle2_1{ display: flex; gap: 10px;}/*間距固定10px,也可以設%*/
	.bookStyle2_1 li{ flex: 1;}
	.bookStyle2_1 li:nth-child(1){ flex: 0.512;}/*第一本比較大(可以是小數點,也可以整數)*/

	.bookStyle2_2{ display: flex; gap: 10px;}/*間距固定10px,也可以設%*/
	.bookStyle2_2 li{ flex: 1;}
	.bookStyle2_2 li:nth-child(1){ flex: 1.96;}/*第一本比較大(可以是小數點,也可以整數)*/
	
	
	.more2{ width: 100%; padding: 0px 0px 30px 0px; display: block;}
	.more2m{ width: 0%; padding: 0px 0px 0px 0px; display: none;}
	
	/*--video--------------------------------*/
    /*壓背景圖*/
    .videoWidth{ width: 100%;/*0119看電腦版影片要多大*/}
    .videoTicketBtn{ max-width: 100%;}
    .videoTicket{ max-width: 100%; margin: 0 auto; padding-top: 0px; padding-bottom: 0px; display: block;}

    /*0719新的video*/
    /*純css底色*/
    .videoBgStyle1{ padding: 10px 0% 40px 0%;/*影片與背景間距*/ background-color: #2e3043;/*背景色*/ border-radius: 0 0 30px 30px;/*下方導圓角*/}
    /*壓圖片背景*/
    .videoBgPic{ padding: 2% 0% 5% 0%;/*影片與背景間距*/ background-image: url(https://cp-img.bookwalker.com.tw/event/2026/20260316_ack10th/images/videoBg1.png); background-size: 100%;/*背景圖等比例縮放*/ background-repeat: no-repeat;}

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

    .videoTitle.pc{ display: block;}/*電腦版-顯示電腦標題*/
    .videoTitle.m{ display: none;}/*電腦版-隱藏手機標題*/
    /*end-0719新的video*/
	
    /*--area3--------------------------------*/
	.title3{ width: 100%; padding: 0px 0px 30px 0px; display: block;}
	.title3m{ width: 0%; padding: 0px 0px 0px 0px; display: none;}
	
    .book3{ display: flex; flex-wrap: wrap; justify-content: center; display: flex;}
	.book3 li{ width: 33.3%;  padding: 0px 0% 0px 0%; display: flex;}
    .book3m{ display: flex; flex-wrap: wrap; justify-content: center; display: none;}
	.book3m li{ width: 33.3%;  padding: 0px 0% 0px 0%; display: none;}
	
	.bookStyle3_1{ display: flex; gap: 10px;}/*間距固定10px,也可以設%*/
	.bookStyle3_1 li{ flex: 1;}
	.bookStyle3_1 li:nth-child(1){ flex: 0.512;}/*第一本比較大(可以是小數點,也可以整數)*/

	.bookStyle3_2{ display: flex; gap: 10px;}/*間距固定10px,也可以設%*/
	.bookStyle3_2 li{ flex: 1;}
	.bookStyle3_2 li:nth-child(1){ flex: 1.96;}/*第一本比較大(可以是小數點,也可以整數)*/
	
	.line3{ width: 90%; padding: 0px 5% 15px 5%; display: block;}
	.line3m{ width: 0%; padding: 0px 0px 0px 0px; display: none;}

	/*--area4--------------------------------*/
	.title4{ width: 100%; padding: 0px 0px 30px 0px; display: block;}
	.title4m{ width: 0%; padding: 0px 0px 0px 0px; display: none;}
	
	.title41{ width: 100%; padding: 0px 0px 0px 0px; display: block;}
	.title41m{ width: 0%; padding: 0px 0px 0px 0px; display: none;}
	
    .book4{ display: flex; flex-wrap: wrap; justify-content: center; display: flex;}
	.book4 li{ width: 25%;  padding: 0px 0% 0px 0%; display: flex;}
	
    .more4{ display: flex; flex-wrap: wrap; justify-content: center; display: flex;}
	.more4 li{ width: 33.3%;  padding: 30px 0% 30px 0%; display: flex;}

	/*--area5--------------------------------*/
	.title5{ width: 70%; padding: 0px 0px 0px 0px; display: block;}
	
    .book5{ display: flex; flex-wrap: wrap; justify-content: center; display: flex;}
	.book5 li{ width: 33.3%;  padding: 0px 0% 0px 0%; display: flex;}
	
    .more5{ display: flex; flex-wrap: wrap; justify-content: center; display: flex;}
	.more5 li{ width: 33.3%;  padding: 30px 0% 30px 0%; display: flex;}

	/*--area6--------------------------------*/
	.title6{ width: 100%; padding: 0px 0px 30px 0px; display: block;}
	.title6m{ width: 0%; padding: 0px 0px 0px 0px; display: none;}
	
    .book61{ display: flex; flex-wrap: wrap; justify-content: center; display: flex;}
	.book61 li{ width: 33.3%;  padding: 0px 0% 0px 0%; display: flex;}
	.book61m{ display: flex; flex-wrap: wrap; justify-content: center; display: none;}
	.book61m li{ width: 33.3%;  padding: 0px 0% 0px 0%; display: none;}
	
    .book62{ display: flex; flex-wrap: wrap; justify-content: center; display: flex;}
	.book62 li{ width: 25%;  padding: 50px 3% 0px 3%; display: flex;}
    .book62m{ display: flex; flex-wrap: wrap; justify-content: center; display: none;}
	.book62m li{ width: 25%;  padding: 50px 3% 0px 3%; display: none;}
	
    .book63{ display: flex; flex-wrap: wrap; justify-content: center; display: flex;}
	.book63 li{ width: 25%;  padding: 50px 3% 0px 3%; display: flex;}
    .book63m{ display: flex; flex-wrap: wrap; justify-content: center; display: none;}
	.book63m li{ width: 25%;  padding: 50px 3% 0px 3%; display: none;}
	
    .book64{ display: flex; flex-wrap: wrap; justify-content: center; display: flex;}
	.book64 li{ width: 25%;  padding: 50px 3% 0px 3%; display: flex;}
    .book64m{ display: flex; flex-wrap: wrap; justify-content: center; display: none;}
	.book64m li{ width: 25%;  padding: 50px 3% 0px 3%; display: none;}
	
	.bookStyle6_1{ display: flex; gap: 10px;}/*間距固定10px,也可以設%*/
	.bookStyle6_1 li{ flex: 1;}
	.bookStyle6_1 li:nth-child(1){ flex: 0.3575;}/*第一本比較大(可以是小數點,也可以整數)*/
	
    .more6{ display: flex; flex-wrap: wrap; justify-content: center; display: flex;}
	.more6 li{ width: 80%;  padding: 100px 0% 30px 0%; display: flex;}
    .more6m{ display: flex; flex-wrap: wrap; justify-content: center; display: none;}
	.more6m li{ width: 0%;  padding: 0px 0% 0px 0%; display: none;}

    /*swiper1 設定----------*/
    .swiperBox1 { width: 90%; margin: 0 auto; padding: 0px 8%; position: relative; }
    /*點點樣式設定*/
    .swiperBox1 .swiper-pagination-bullet{ background: #333333; opacity: 1;}
    /*點點被選到時的顏色*/
    .swiperBox1 .swiper-pagination-bullet-active{ background: #ffffff;}
    /*設定箭頭顏色*/
    .swiperBox1 .swiper-button-next:after, .swiperBox1 .swiper-button-prev:after,
    .swiperBox1 .swiper-button-next, .swiperBox1 .swiper-button-prev{ color: #333333; font-size: 100px;/*設定箭頭大小*/}
    /*箭頭位置設定*/
    .swiperBox1 .swiper-button-next { right: 0; top: 65%; transform: translateY(-65%); }
    .swiperBox1 .swiper-button-prev { left: 0;  top: 65%; transform: translateY(-65%); }

	
}

/*--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) {

}