@charset "utf-8";
/* CSS Document */

/*基本*/
body{ margin:0; padding:0;}

/*隱鑶*/
.for_pc {}
.for_phone { display:none !important;}
.for_m { display:none !important;}
	@media screen and (max-width:767px){
		.for_pc { display:none !important;}
		.for_phone { display: inherit !important;}
        .for_m { display: inherit !important;}
	}



/*區塊_all*/
.Area1220 { margin:0 auto; width:1220px;}
.Area960 { margin:0 auto; width:960px;}
.Area { position: relative; margin:0 auto; padding:0; border-radius:0; text-align:center; }
.Area a { position:relative; display:block;} 

.Area .go_bt {
  -webkit-transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
      -ms-transition: all 0.4s ease;
       -o-transition: all 0.4s ease;
          transition: all 0.4s ease;}
.Area .go_bt:hover {
  -webkit-transform:scale(0.95);
     -moz-transform:scale(0.95);
      -ms-transform:scale(0.95);
       -o-transform:scale(0.95);
          transform:scale(0.95);}
		  
.WRAPPER .go_bt1 {
  -webkit-transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
      -ms-transition: all 0.4s ease;
       -o-transition: all 0.4s ease;
          transition: all 0.4s ease;}
.WRAPPER .go_bt1:hover { 
  -webkit-transform:translateY(-10px);
     -moz-transform:translateY(-10px);
      -ms-transform:translateY(-10px);
       -o-transform:translateY(-10px);
          transform:translateY(-10px);}
		  
		  
	@media screen and (max-width:767px){
		.Area1220 { width:100%;}
		.Area960 { width:100%;}
		.Area .go_bt:hover {  
			-webkit-transform:none;
			-moz-transform:none;
			-ms-transform:none;
			-o-transform:none;
			transform:none;}


	}




/*全BOX版面*/
.WRAPPER { z-index:0; position: relative; display:block; margin: 0 auto; padding:0; overflow:hidden; width:100%; min-width:1220px; text-align:left; font-family:"微軟正黑體","Microsoft JhengHei",Helvetica;background-color: #ffefcc;}
.WRAPPER img { border:0px; vertical-align:top;}
.WRAPPER a { text-decoration:none; -webkit-tap-highlight-color: transparent}
/*預設清單樣式*/
.Area .list_00 ul {display:inline-block; margin:0; padding:0;}
.Area .list_00 li {list-style:none;float:left;overflow: hidden;}
	@media screen and (max-width:767px){
		.WRAPPER { padding-bottom:20px; min-width: inherit; min-height:100vh; overflow: hidden;background-image: url(m_bg_repeat.jpg?t=1747396016024);background-repeat:repeat-y;background-size:100%;}
		.WRAPPER img {  width:100%;  height:auto;}
	}

/*PC背景*/
.fixbg { z-index:-48; position:absolute; top:0; left:0; width:100%; height:777px; background-repeat:no-repeat; background-position: center top; pointer-events:none;}
.bg_00 { z-index:-45; position:absolute; top:0; left:0; width:100%; height:871px; background-repeat:no-repeat; background-position: center top; pointer-events:none;}
.bg_01 { z-index:-45; position:absolute; top:0; left:0; width:100%; height:1249px; background-repeat:no-repeat; background-position: center top; pointer-events:none;}
.bg_02 { z-index:-48; position:absolute; top:0; left:0; width:100%; height:900px; background-repeat:no-repeat; background-position: center top; pointer-events:none;}
.bg_deco { z-index:-52; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:repeat-y; background-position: center top; pointer-events:none;}
.deco_01 { z-index:-40; position:absolute; top: 0px; left: -45px; width:100%; height:100%; background-position:center 0px; background-repeat:no-repeat; transition:0.5s linear; pointer-events:none;}
.bg_repeat { z-index:-53; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:repeat-y; background-position: center top; pointer-events:none;}
.top_train { z-index:-46; position:absolute; top: 420px; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;}

@media screen and (max-width:767px){
.m_bg_01 { z-index:-3; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;background-size: 100%;}
.m_top_train { z-index:-1; position:absolute; top: 68vw; left: 120vw; width: 230%; height:100%; background-position:center 0px; transition:0.5s linear; background-repeat:no-repeat; pointer-events:none;}
.bg_repeat { z-index:-2; position:absolute; top:195vw; left:0; width:100%; height:100%; background-repeat:repeat-y; background-position: center top; pointer-events:none;background-size: 100%;}

}

/* 各區間距 */
@media screen and (min-width:768px){
	.bottom{margin-bottom: 100px}
	.bottom01{margin-bottom: 80px}
	.bottom02{margin-bottom: 50px}
}

@media screen and (max-width:767px){
	.bottom{margin-bottom: 10vw}
	.bottom01{margin-bottom: 8vw}
	.bottom02{margin-bottom: 5vw}
}

/* PD_layout白背關閉 */
.remove_box_style li{background-color: transparent !important;}

/* 輪播點點改色 */
.swiper-pagination .swiper-pagination-bullet{background-color: #000;}

/* 黏人精高度 */
@media screen and (min-width:768px){
  .fixarea_tabbar{top: 50px;}
}

@media screen and (max-width:767px){

}

/* 00.版頭 */
@media screen and (min-width:768px){
  .top{height: 860px;}
  /* 主標 */
  .top .title{position: relative;top: 0;}
  .top .title img{width: 65%;}
  /* 副標 */
  .top .sub{position: relative;top: 85px;}
  .top .sub img{width: 65%;}
  /* 版頭品 */
  .top .top_pd{position: relative;top: 80px;}
}

@media screen and (max-width:767px){
  .top{height: 125vw;}
  /* 主標 */
  .top .title{position: absolute;top: 0;}
  /* 副標 */
  .top .sub{position: absolute;top: 41.5vw;width: 100%;}
  .top .sub ul{display: flex;}
  /* 版頭品 */
  .top .top_pd{position: absolute;top: 55vw;width: 100%;}
}

/* 標題 */
.txt a{pointer-events: none;}
@media screen and (min-width:768px){
  .txt{width: 80%;}
}

@media screen and (max-width:767px){

}


/* 下方公版-標題 */
.txt2 a{pointer-events: none;}
@media screen and (min-width:768px){
  .txt2{width: 60%;}
}

@media screen and (max-width:767px){
  .txt2{width: 80%;}
}



/* 01.攻略 */
@media screen and (min-width:768px){
  .strategy{background: url(strategy_bg.png?t=1747396016024)top center no-repeat;background-size: 100%;}
  /* 上3顆 */
  .strategy .top_btn03{width: 93%;padding: 45px 0 10px;}
  .strategy .top_btn03 ul{grid-gap: 50px}
  /* 下2顆 */
  .strategy .bottom_btn02{width: 90%;}
  .strategy .bottom_btn02 ul{grid-gap: 80px}
}

@media screen and (max-width:767px){
  .strategy{background: url(strategy_bg.png?t=1747396016024)top center no-repeat;background-size: 100%;}
  /* 上3顆 */
  .strategy .top_btn03{width: 90%;padding: 4.5vw 0 1.5vw;}
  .strategy .top_btn03 ul{grid-gap: 20px}
  /* 下2顆 */
  .strategy .bottom_btn02{width: 85%;}
  .strategy .bottom_btn02 ul{grid-gap: 30px}
}



/*倒數-黑色*/
.TimerNick {position: relative;top: 0;left: 0;width: 100%;height: 70px;text-align: center;padding: 0;z-index:4;margin: 0;border-radius: 5em;}
.TimerNick .FontStyle {position: relative;display:inline-block;width: 41px;top: 0;font: normal 30px/42px Arial;color: #fff;letter-spacing: 0px;text-align:right;background: #000;height: 40px;padding: 0 1% 0 0;border-radius: 0.5em;}
.TimerNick span {padding-left: 4px;font: 23px/38px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0.05em;font-weight: 600;color: #000;}
.TimerNick small{position:relative; font: bold 16px/38px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: 0em;color: #000;}
@media screen and (max-width:767px){
		.TimerNick {position: relative;top: 0;left: 0;margin:0;width: 100%;height: 12vw;text-align: center;padding: 0;border: #000 0px solid;}
		.TimerNick .FontStyle {margin: 0;width: 9vw;font: normal 6vw/6vw Arial;color: #fff;letter-spacing: 0px;text-align:right;background: #000;height: 6vw;padding: 0 1% 0 0;border-radius: 0.2em;}
        .TimerNick div:nth-of-type(2),
		.TimerNick div:nth-of-type(3),
		.TimerNick div:nth-of-type(4){ width: 10vw;}
		.TimerNick span {padding-left: 2vw;font: bold 4vw/11vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: 0em;}
}


/* 02.作圖區 */
@media screen and (min-width:768px){
  .item .PD_layout-CSSBG_01 li::after{background-image: url(item_bg.png?t=1747396016024);padding-bottom: 150%;}
  /* 文案位置 */
  .item .PD_layout-CSSBG_01 li .PD_img{padding: 80px 0 20px !important;}
  .item .PD_layout-CSSBG_01 li .PD_img img{width: 70%;border-radius: 1em !important;}
  .item .PD_layout-CSSBG_01 li .PD_into h3{font-size: 20px;color: #fff6d1;}
  .item .PD_layout-CSSBG_01 li .PD_into h3 span{background-color: #6d8b68;padding: 0 20px;}
  .item .PD_layout-CSSBG_01 li .PD_into h4{color: #bd622e;font-size: 20px;}
  .item .PD_layout-CSSBG_01 li .PD_into h4 b{display: none;}
  .item .PD_layout-CSSBG_01 li .PD_into p{margin-top: 10px;}
  .item .PD_layout-CSSBG_01 li .PD_into p del{font-size: 20px;}
  .item .PD_layout-CSSBG_01 li .PD_into p .money{color: #bd622e;font-size: 20px;}
  .item .PD_layout-CSSBG_01 li .PD_into p .Price{color: #bd622e;font-size: 38px;}
  .item .PD_layout-CSSBG_01 li .PD_into p small{color: #bd622e;font-size: 20px;}
}

@media screen and (max-width:767px){
  .item .PD_layout-CSSBG_01 li::after{background-image: url(item_bg.png?t=1747396016024);padding-bottom: 150%;}
  /* 文案位置 */
  .item .PD_layout-CSSBG_01 li .PD_img{padding: 3vw 0 2vw !important;}
  .item .PD_layout-CSSBG_01 li .PD_img img{width: 70%;border-radius: 0.5em !important;}
  .item .PD_layout-CSSBG_01 li .PD_into h3{font-size: 4vw;color: #fff6d1;}
  .item .PD_layout-CSSBG_01 li .PD_into h3 span{background-color: #6d8b68;padding: 0 2vw;}
  .item .PD_layout-CSSBG_01 li .PD_into h4{color: #bd622e;}
  .item .PD_layout-CSSBG_01 li .PD_into h4 b{display: none;}
  .item .PD_layout-CSSBG_01 li .PD_into p .money{color: #bd622e;}
  .item .PD_layout-CSSBG_01 li .PD_into p .Price{color: #bd622e;}
  .item .PD_layout-CSSBG_01 li .PD_into p small{color: #bd622e;}
}

/* 03.10品 */
@media screen and (min-width:768px){
  .pd10 .txt{width: 100%;}
  .pd10 .txt ul{padding: 0;grid-gap: 0}
  .pd10 .box{background: url(pc_pd10_bg_repeat.png?t=1747396016024)top center repeat-y;background-size: 100%;}
  .pd10 .version{width: 90%;}
}

@media screen and (max-width:767px){
  .pd10 .txt ul{padding: 0;grid-gap: 0}
  .pd10 .box{background: url(pd10_bg_repeat.png?t=1747396016024)top center repeat-y;background-size: 100%;}
  .pd10 .version{width: 86%;}
}

/* 04.登記 */
@media screen and (min-width:768px){
  .danji .txt{margin-bottom: -230px;}
}

@media screen and (max-width:767px){
  .danji .txt{margin-bottom: -23vw;}
  .danji .Area_danji{width: 95%;}
}

/* 05.頁籤8品4區 */
@media screen and (min-width:768px){
  .tab8x4 .Area_K1{overflow: hidden;background-color: #3f705e;border-radius: 1.5em;padding: 30px 0;}
  .tab8x4 .Area_K1 .page .PD_layout{width: 95% !important;}
}

@media screen and (max-width:767px){
  .tab8x4 .Area_K1{background-color: #3f705e;border-radius: 1em;padding: 3vw 0;}
  .tab8x4 .Area_K1 .page .PD_layout{width: 95% !important;}
}
/* --------------------------------------
* Page 頁籤_202405291900
* -------------------------------------- */
.NavArea_tabbar_page { margin: 0 auto 20px  ; width: 94%; }  
.NavArea_tabbar_page .Nav { overflow: visible; transform: translate3d(-30.5%, 0, 0);}  
.NavArea_tabbar_page .Nav_box { border-radius: 8px; overflow: hidden; padding: 0 2%;}
.NavArea_tabbar_page[data-num="2"] .Nav-wrapper { transform: translate3d(55.5%, 0, 0)!important}
.NavArea_tabbar_page[data-num="3"] .Nav-wrapper { transform: translate3d(43.0%, 0, 0)!important}
.NavArea_tabbar_page[data-num="4"] .Nav-wrapper { transform: translate3d(30.5%, 0, 0)!important}
.NavArea_tabbar_page[data-light="box"] .Nav ul { padding: 0 }
.NavArea_tabbar_page .Nav li { overflow: visible; }
@media screen and (min-width:768px){ 
  .NavArea_tabbar_page { display: block; }
}
/*頁籤高亮顏色設定 */  
.NavArea_tabbar_page .Nav .swiper-slide-active a { color:#000;}
.NavArea_tabbar_page .Nav .swiper-slide-active i { display:block; border: 1px solid #f98d2f !important; background-color: #f98d2f !important;}
/*推編輯按鈕 */  
.NavArea_tabbar_page .Nav input { position: fixed; left: 30%}
                    
/* 07.下方公版 */
@media screen and (min-width:768px){

}

@media screen and (max-width:767px){
  .bottom_version .version{width: 95%;}
}

/* 09.品類 */
@media screen and (min-width:768px){
  .category .category_img li:nth-child(11){position: relative;left: 100px;}
  .category .category_img li:nth-child(12){position: relative;left: 100px;}
  .category .category_img li:nth-child(13){position: relative;left: 100px;}
  .category .category_img li:nth-child(14){position: relative;left: 100px;}
}

@media screen and (max-width:767px){
  .category .category_img li:nth-child(11){position: relative;left: 10vw;}
  .category .category_img li:nth-child(12){position: relative;left: 10vw;}
  .category .category_img li:nth-child(13){position: relative;left: 10vw;}
  .category .category_img li:nth-child(14){position: relative;left: 10vw;}
}



@media screen and (min-width:768px){
.PD20 .PD_layout1  {padding:10px 10px;background-color:  #3f705e;}
}

@media screen and (max-width:767px){
.PD20 .PD_layout1  {padding:5vw 5vw;background-color:  #3f705e;}

}