@charset "utf-8";

/*--PC/M 顯示開關-----------------------------------------*/
.pcNo{ display: block;}
.mNo{ display: none;}

/* a:hover{ opacity:0.9;} *//*滑鼠滑入半透明*/
/*--loading載入中--------------------------------*/
/*遮罩樣式*/
.overlay{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); /*半透明背景*/ display: flex; justify-content: center; align-items: center; z-index: 9999;/*確保遮罩層在最上層*/}

/*spinner樣式+旋轉動畫*/
.spinner{ border: 8px solid rgba(0, 0, 0, 0.1); border-left: 8px solid #fff; border-radius: 50%; width: 50px; height: 50px; margin: 0 auto; animation: spin 1s linear infinite;}
@keyframes spin { 0% { transform: rotate(0deg);} 100% { transform: rotate(360deg);}}

/*loading文字*/
.loadingTxt{ margin-top: 10px; font-size: 2rem; color: #fff; font-weight: bold;}

/*--header--------------------------------*/
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;}
.headerGiftBao{ top: 70%; right: 45%; width: 40%;}
.bgHeaderM{ display: block;}

/*--content--------------------------------*/
.areaBox{ padding: 0px 0; background-position: top center; background-size: cover;}
.areaWidth1{ padding: 0px 5% 20px 5%;}
.areaWidth2{ padding: 20px 0% 20px 0%;}
.areaWidth3{ padding: 0px 0% 0px 0%;}
.areaWidth4{ padding: 0px 0% 20px 0%;}
.areaWidth5{ padding: 0px 0% 0px 0%;}

/*--background--------------------------------*/
.areaBg0{ background-image: url(https://cp-img.bookwalker.com.tw/event/2026/20260213_newyear_kgw/images/bg_01m.png);}
.areaBg1{ background-image: url(https://cp-img.bookwalker.com.tw/event/2026/20260213_newyear_kgw/images/bg_01m.png);}
.areaBg2{ background-image: url(https://cp-img.bookwalker.com.tw/event/2026/20260213_newyear_kgw/images/bg02m.png);}
.areaBg3{ background-image: url(https://cp-img.bookwalker.com.tw/event/2026/20260213_newyear_kgw/images/bg_01m.png);}
.areaBg4{ background-image: url(https://cp-img.bookwalker.com.tw/event/2026/20260213_newyear_kgw/images/bg_01m.png);}
.areaBg5{ background-image: url(https://cp-img.bookwalker.com.tw/event/2026/20260213_newyear_kgw/images/bg_01m.png);}
/* background-color: #7a8996;*/

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

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


/*--每次簽到-----------------------------------------*/
.fixedBox{ overflow: hidden; position: relative; margin-top: 0px;  background-image: url(https://cp-img.bookwalker.com.tw/event/2026/20260213_newyear_kgw/images/check_bg.png); background-size: cover; /*background-color: #7a8996;*/}
.fixedBox img{ display: block; width: 100%;}
.fixedH{ width: 100%;}

/*--每次簽到：定位--*/
.check{ position: absolute; top: 8%; left: 8%; width: 56%; cursor: pointer;/*滑鼠滑入變手指*/}
.checkm{ position: absolute; top: 1%; left: 0%; width: 100%; cursor: pointer;}

/*--一般獎 清單：定位--*/
.list_a{ position: absolute; top: 12%; left: 67.5%; width: 14.5%; cursor: pointer;/*滑鼠滑入變手指*/}
.list_am{ position: absolute; top: 55%; left: 11%; width: 42%; cursor: pointer;}

/*--特別獎 清單：定位--*/
.list_b{ position: absolute; top: 12%; left: 79.5%; width: 14.5%; cursor: pointer;/*滑鼠滑入變手指*/}
.list_bm{ position: absolute; top: 55%; left: 47%; width: 42%; cursor: pointer;}

/*--一般獎/特別獎 pc--*/
.listText{ position: absolute; top: 65%; left: 67.5%; width: 26.5%; text-align: center;}
.listText .line1{ font-size: 3rem; font-weight: bold; color: #322c2c; font-weight: 900;display: inline-flex; justify-content: center; align-items: center; font-weight: bold;}
.listText .line2{ font-size: 3rem; font-weight: bold; color: #322c2c; font-weight: 900; margin-top: 6px; display: inline-flex; justify-content: center; align-items: center; font-weight: bold;}
.listText .highlight{ color: red; font-size: 4rem; text-shadow: -2px -2px 0 #322c2c, 2px -2px 0 #322c2c, -2px  2px 0 #322c2c, 2px  2px 0 #322c2c, -2px  0 0 #322c2c, 2px  0 0 #322c2c, 0 -2px 0 #322c2c, 0  2px 0 #322c2c; margin: -4px 0px 0px 0px; }
/*--一般獎/特別獎 m--*/
.listTextm{ position: absolute; top: 85%; left: 0%; width: 100%; text-align: center;}
.listTextm .line1m{ font-size: 3rem; font-weight: bold; color: #322c2c; font-weight: 900;display: inline-flex; justify-content: center; align-items: center; font-weight: bold;}
.listTextm .line2m{ font-size: 3rem; font-weight: bold; color: #322c2c; font-weight: 900; margin-top: 6px; display: inline-flex; justify-content: center; align-items: center; font-weight: bold;}
.listTextm .highlightm{ color: red; font-size: 3rem; text-shadow: -2px -2px 0 #322c2c, 2px -2px 0 #322c2c, -2px  2px 0 #322c2c, 2px  2px 0 #322c2c, -2px  0 0 #322c2c, 2px  0 0 #322c2c, 0 -2px 0 #322c2c, 0  2px 0 #322c2c; margin: -4px 0px 0px 0px; }

/*--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;}

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

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

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

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

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

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

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

.book6{flex-wrap: wrap; justify-content: flex-start; padding: 0px 3% 20px 8%; margin-top: 0px; border-radius: 10px; display: flex;}
.book6 li{ width: 50%; margin-bottom: 0px; display: flex;}

/*--txtBox--------------------------------*/
.txtBox{ position: relative; width: 100%; height: 100%; margin: 0 auto; margin-top: 0px; margin-bottom: 0%; padding: 0px 0px 0px 0px; color: #1e1e1e; font-size: 2.6rem; text-align: center; font-weight: bold;  background: #c9bc9c; border: #424242 0px solid; border-radius: 0px 0px 0px 0px/*角*/;}
.txt1{ font-size: 2.5rem; color: #614c3f; font-weight: bold; border-radius: 0px;}
.txt2{ font-size: 2.5rem; color: #ea5947; font-weight: bold; border-radius: 0px;}

/*--Box--------------------------------*/
.container {
  display: flex; /* 使用 Flexbox 將左右內容並排 */
  align-items: center; /* 左右區塊垂直置中對齊 */
  justify-content: space-between; /* 左右區塊之間的間距 */
  gap: 20px; /* 左右區塊的距離 */
  height: 200px; /* 設置區塊的高度以進行居中對齊 */
}

.left {
  display: flex; /* 使用 Flexbox 排列文字 */
  flex-direction: column; /* 設置垂直排列 */
  align-items: flex-start; /* 讓文字靠左對齊 */
  gap: 10px; /* 每排文字之間的距離 */
  margin-left: 50px; /* 讓左側區塊距離容器左邊界 50px */
}

.left p {
  margin: 0; /* 移除段落默認的外邊距 */
  font-size: 16px; /* 調整文字大小 */
  color: #333; /* 設置文字顏色 */
}

.right img {
  width: 180px; /* 設置圖片寬度 */
  height: auto; /* 保持圖片比例 */
  margin-right: 0px; /* 讓左側區塊距離容器左邊界 50px */
}

/*--popBox--------------------------------*/
.popleft {
  display: flex; /* 使用 Flexbox 排列文字 */
  flex-direction: column; /* 設置垂直排列 */
  justify-content: center; /* 水平置中 */
  align-items: center; /* 垂直置中 */
  gap: 2px; /* 每排文字之間的距離 */
}

.popleft p {
  margin: 0; /* 移除段落默認的外邊距 */
  font-size: 5px; /* 調整文字大小 */
  color: #333; /* 設置文字顏色 */
}

.poptxt1{ font-size: 2.5rem; color: #614c3f; font-weight: bold; border-radius: 0px;}
.poptxt2{ font-size: 2.5rem; color: #ea5947; font-weight: bold; border-radius: 0px;}
.poptxt3{ font-size: 1.5rem; color: #614c3f; font-weight: bold; border-radius: 0px;}

.swal2-footer{ font-size: 1.8rem; }
.swal2-footer a{ color: #ea5947; }

/*--block--------------------------------*/
.block {
 display: flex; /* 使用 Flexbox 方便垂直排列 */
 flex-direction: column; /* 讓內容垂直排列 */
 align-items: center; /* 讓內容水平置中 */
 text-align: center; /* 讓文字在區塊內水平居中 */
 width: 200px; /* 設置區塊寬度 */
 margin: 0 auto; /* 可選：讓區塊在父容器中水平居中 */
}

.block img {
 width: 100%; /* 圖片佔滿區塊寬度 */
 height: auto; /* 保持圖片比例 */
}

.block p {
 margin-top: 10px; /* 圖片與文字之間的間距 */
 font-size: 14px; /* 調整文字大小 */
 color: #333; /* 文字顏色 */
 font-weight: bold; /* 設置文字加粗 */
 margin-right: 12%; /* 文字距離左邊緣 10px */
}

.txt3{ font-size: 2.5rem; color: #000000; font-weight: bold; border-radius: 0px; font-weight: bold;}
.txt4{ 
  border-radius: 0px; 
  font-weight: bold; 
  color: #ffb449;
  font-size: 4rem;
  text-shadow: 
     -2px -2px 0 #000000, 
      2px -2px 0 #000000, 
     -2px  2px 0 #000000, 
      2px  2px 0 #000000,
     -2px  0 0 #000000,
      2px  0 0 #000000,
      0 -2px 0 #000000,
      0  2px 0 #000000;   /* 增加多層偏移讓邊框更粗 */
  margin: -4px 0px 0px 0px;
}

/* popup 20241126--------------------------------------------------- */
.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; text-decoration: 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;}

/*--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: #144a94; 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: #144a94; text-decoration: underline;}
.gameInfo2 li > ol > li{ list-style-type:disc;}/* list-style: none; 把ol li的樣式移除*/

.m {display: block;}
.pc {display: none;}

/*--分享--------------------------------*/
.gameEndBtn{ 
  width: 80%; 
  margin: 50px auto 20px auto; 
  padding-right: 3%;	
  display: flex;
  justify-content: center; /* 水平置中 */
  align-items: center;     /* 垂直置中 */
  gap: 0px;               /* 如果有多個元素，可調整間距 */}
.gameEndBtn a, .endBtn{ display: block; margin-top: 5px; cursor: pointer;}

@keyframes sideBtn{ from {transform:translateX(calc(-100% - 40px));} to {transform:translateX(0);}}

/*--767up(Pc)------------------------*/
@media screen and (min-width:767px) {
    header{ background-image: url(https://cp-img.bookwalker.com.tw/event/2026/20260213_newyear_kgw/images/bg_header.jpg); background-position: top center; background-size: cover; background-attachment: fixed;}
    .bgHeaderBao{ display: block;}
	.header1{ position: absolute; top: 47%; left: 9.5%; width: 21%; display: block;}
	.header2{ position: absolute; top: 47%; left: 31.5%; width: 21%; display: block;}
	.header3{ position: absolute; top: 10%; left: 54%; width: 37.5%; 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;}

    /*--content--------------------------------*/
    .areaBox{ overflow: hidden; padding: 0; background-attachment: fixed;}
	.areaWidth1{ max-width: 1200px;  margin: 0 auto; padding: 0px 0% 0px 0%; margin-top: 50px; margin-bottom: 0px;}
	.areaWidth2{ max-width: 1000px;  margin: 0 auto; padding: 0px 0% 0px 0%; margin-top: 100px; margin-bottom: 200px; }
	.areaWidth3{ max-width: 1200px;  margin: 0 auto; padding: 0px 0% 0px 0%; margin-top: 100px; margin-bottom: 20px; }
    .areaWidth4{ max-width: 1200px;  margin: 0 auto; padding: 0px 0% 0px 0%; margin-top: 20px; margin-bottom: 0px; }
	.areaWidth5{ max-width: 1200px;  margin: 0 auto; padding: 0px 0% 0px 0%; margin-top: 100px; margin-bottom: 100px; }

    /*--background--------------------------------*/
	.areaBg0{ background-image: url(https://cp-img.bookwalker.com.tw/event/2026/20260213_newyear_kgw/images/bg_01.png);}
    .areaBg1{ background-image: url(https://cp-img.bookwalker.com.tw/event/2026/20260213_newyear_kgw/images/bg_01.png);}
	.areaBg2{ background-image: url(https://cp-img.bookwalker.com.tw/event/2026/20260213_newyear_kgw/images/bg02.png);}
	.areaBg3{ background-image: url(https://cp-img.bookwalker.com.tw/event/2026/20260213_newyear_kgw/images/bg_01.png);}
	.areaBg4{ background-image: url(https://cp-img.bookwalker.com.tw/event/2026/20260213_newyear_kgw/images/bg_01.png);}
	.areaBg5{ background-image: url(https://cp-img.bookwalker.com.tw/event/2026/20260213_newyear_kgw/images/bg_01.png);}

	/*--滑鼠滑入效果(縮小)--------------------------------*/
    .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*/
	
	/*--PC/M 顯示開關-----------------------------------------*/
    .pcNo{ display: none;}
    .mNo{ display: block;}
	
	/*--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;}

	/*--a3--------------------------------*/
	.title3{ width: 100%; padding: 0px 0px 0px 0px; display: block;}
	.title3m{ width: 90%; padding: 0px 0px 0px 0px; display: none;}

	.book3{ flex-wrap: wrap; justify-content: center; padding: 0px 0% 0px 0%; margin-top: 0px; display: flex;}
    .book3 li{ width: 33%; padding: 0px 0px 0px 0px; display: block;}
	
	.book33{ flex-wrap: wrap; justify-content: center; padding: 0px 0% 0px 0%; margin-top: 0px; display: flex;}
    .book33 li{ width: 40%; padding: 0px 0px 0px 0px; display: block;}
	
	/*--a4--------------------------------*/
	.title4{ width: 100%; padding: 0px 0px 0px 0px; display: block;}
	.title4m{ width: 100%; padding: 0px 0px 0px 0px; display: none;}

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

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

	/*--a1--------------------------------*/
	.title5{ width: 80%; padding: 0px 0px 0px 0px; display: block;}
	.title5m{ width: 100%; padding: 0px 0px 0px 0px; display: none;}

	.book6{ flex-wrap: wrap; justify-content: flex-start; padding: 0px 0% 0px 2%; margin-top: 0px; display: flex;}
    .book6 li{ width: 16.5%; padding: 0px 0px 0px 0px; display: block;}

	/*--txtBox--------------------------------*/
	.txtBox{ position: relative; width: 100%; height: 100%; margin: 0 auto; margin-top: 0px; margin-bottom: 0%; padding: 0px 0px 0px 0px; color: #1e1e1e; font-size: 2.6rem; text-align: center; font-weight: bold;  background: #c9bc9c; border: #424242 0px solid; border-radius: 0px 0px 0px 0px/*角*/;}
	.txt1{ font-size: 2.8rem; color: #614c3f; font-weight: bold; border-radius: 0px;}
	.txt2{ font-size: 2.8rem; color: #ea5947; font-weight: bold; border-radius: 0px;}

	/*--block--------------------------------*/
	.block {
 	 display: flex; /* 使用 Flexbox 方便垂直排列 */
 	 flex-direction: column; /* 讓內容垂直排列 */
 	 align-items: center; /* 讓內容水平置中 */
 	 text-align: center; /* 讓文字在區塊內水平居中 */
 	 width: 200px; /* 設置區塊寬度 */
 	 margin: 0 auto; /* 可選：讓區塊在父容器中水平居中 */
	}

	.block img {
 	 width: 100%; /* 圖片佔滿區塊寬度 */
 	 height: auto; /* 保持圖片比例 */
	}

	.block p {
 	margin-top: 10px; /* 圖片與文字之間的間距 */
  	font-size: 14px; /* 調整文字大小 */
  	color: #333; /* 文字顏色 */
	font-weight: bold; /* 設置文字加粗 */
	margin-right: 60px; /* 文字距離左邊緣 10px */
	}

	.txt3{ font-size: 3.5rem; color: #000000; font-weight: bold; border-radius: 0px; font-weight: bold;}
	.txt4{ font-size: 5rem; font-weight: bold; border-radius: 0px; font-weight: bold; }

	/*--滑鼠滑入效果(縮小)--------------------------------*/
    .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;}

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

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

	/*--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: #144a94; 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: #614c3f; text-decoration: underline;}

	.m { display: none;}
    .pc { display: block;}
	
    /*分享圖*/
    .gameButtons {
      display: flex;
      justify-content: space-between; /* 左右對齊 */
      width: 30%; /* 按鈕容器的寬度，可根據需要調整 */
      margin: 20px auto; /* 上下間距和水平置中 */
	  border-radius: 15px; /* 圓角 */
    }

    .gameButton {
      flex: 0 0 48%; /* 按鈕寬度占父容器的45% */
      padding: 10px 20px; /* 按鈕內部間距 */
      font-size: 2rem; /* 字體大小 */
      font-weight: bold;
      border-radius: 0px; /* 圓角 */
      cursor: pointer; /* 滑鼠移過時變成手指圖示 */
      border: 3px solid; /* 邊框寬度 */
	  border-radius: 15px; /* 圓角 */
    }

    .gameButtonLeft {
      background-color: #cf3900; /* 左邊按鈕底色 */
      border-color: #242021; /* 左邊按鈕邊框顏色 */
      color: #fff; /* 左邊按鈕文字顏色 */
    }

    .gameButtonRight {
      background-color: #278853; /* 右邊按鈕底色 */
      border-color: #242021; /* 右邊按鈕邊框顏色 */
      color: #242021; /* 右邊按鈕文字顏色 */
    }
    	
}

/*--768-1023(Pad)------------------------*/
@media screen and (min-width:768px) and (max-width:1023px) {
	/* popup 20241126--------------------------------------------------- */
	.popBox{ width:60%;}
}