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

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

/*全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: #f8a4b3;}
.WRAPPER img { border:0px; vertical-align:top;}
.WRAPPER a { text-decoration:none; -webkit-tap-highlight-color: transparent}
/*預設清單樣式*/
.Area .list_00 ul {display:inline-block;}
.Area .list_00 li {list-style:none;float:left;overflow: hidden;}
	@media screen and (max-width:767px){
		.WRAPPER {margin-bottom: 0;min-width: inherit;min-height: 100vh;overflow: hidden;background-size: 100%;background-color: #f6f6f6;}
		.WRAPPER img {  width:100%;  height:auto; }
	}

/** 入稿區基本 **/
.content_Area { position:relative; display:inline-block; margin:0px auto 0px auto; padding: 0px 0px 0px 0px; width:1220px;}
.buttonAera_more { position: absolute; top:15px; right:15px; padding-left:17px; padding-right:10px;  border-radius:60px; width:90px; height:40px; background-color: #666; text-align:center;}
.buttonAera_more a { display:block; padding-top:5px; font: bold 24px/29px Century Gothic; color:#fff; text-decoration: none; letter-spacing:-0.05em; }
.buttonAera_more:hover {background-color: #000;}
.buttonAera_more .btnGO { margin:5px; float:right; width:20px ;height:20px;}

/*PC背景*/
@media screen and (min-width:768px){
.bg_fix {z-index: -50;position:absolute;top: 490px;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
.fix_bg {z-index: -65;position:absolute;top: 0;left: 0;width: 100%;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
.bg_deco_01 {z-index:-40;position:absolute;top: -70px;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
.coins_L {z-index:2;position:absolute;top: -10px;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
.coins_R { z-index:2; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;}
.bg_city01 {z-index: -55;position:absolute;top: 3px;left: -702px;width:100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}	
.bg_city02 {z-index: -55;position:absolute;top: -3px;left: 689px;width:100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
.bg_01 {z-index: -55;position:absolute;top: 938px;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
.bg_repeat {z-index: -68;position:absolute;top: 0;left: 0;width:100%;height:100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;}
.bg_repeat2 {z-index: -50;position:absolute;top: 1397px;left: 0;width:100%;height:100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;mix-blend-mode: lighten;}	
.bg_deco {z-index: -55;position:absolute;top: 1170px;left: 0;width:100%;height: 98%;background-repeat:repeat-y;background-position: center top;pointer-events:none;}
.bg_bottom {z-index: -50;position:absolute;top: -110px;left: 0;width:100%;height:100%;background-repeat:no-repeat;background-position: center bottom;pointer-events:none;}	
}


@media screen and (max-width:767px){
.m_bg_fix {z-index:-40;position:absolute;top: 10vw;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;}
.m_fix_bg {z-index:-30;position:absolute;top: 102vw;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;}
.m_coins_L{z-index:5;min-width: inherit;position:absolute;top: 52vw;left:0;width:100%;height:100vw;background-repeat:no-repeat;background-position: center top;background-size: 100%;}
.m_coins_R{z-index:3;min-width: inherit;position:absolute;top: 50vw;left:0;width:100%;height:100vw;background-repeat:no-repeat;background-position: center top;background-size: 100%;}
.m_deco1{z-index:10;min-width: inherit;position:absolute;top: 10vw;left:0;width:100%;height:100vw;background-repeat:no-repeat;background-position: center top;background-size: 100%;}
.m_bg_city01{z-index: -40;min-width: inherit;position:absolute;top: 42vw;left:0;width: 26%;height:100vw;background-repeat:no-repeat;background-position: center top;background-size: 100%;}
.m_bg_city02{z-index: -40;min-width: inherit;position:absolute;top: 39vw;left: 72vw;width: 28%;height:100vw;background-repeat:no-repeat;background-position: center top;background-size: 100%;}	
.m_bg_repeat {z-index:-50;position:absolute;top: 10vw;left:0;width:100%;height: 100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;background-size: 100%;}
.m_bg_deco {z-index:20;position:absolute;top: 118vw;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){
.Area_bottom {margin-bottom: 40px!important;}
.Area_bottom2 { margin-bottom: 20px!important; }
}
@media screen and (max-width:767px){
.Area_bottom {margin-bottom: 5vw!important;}
.Area_bottom2 { margin-bottom: 0vw!important; }	
}



/*版頭區塊*/
@media screen and (min-width:768px){
	.Area_title {height: 940px;z-index: 20;}
	.Area_title .title02 {z-index: -20;position: relative;width: 100%;height: 200px;top: 323px;left: -4px;padding: 33px 0 0 0;background: url("title02_bg.png?t=1759483020337") center top / 35% no-repeat scroll;}
	.Area_title .title01_deco {z-index: 10;position: absolute;width: 100%;top: 254px;left: -177px;}
	.Area_title .top_pd_deco {z-index: 10;position: absolute;width: 100%;top: 740px;left: -329px;}
}

@media screen and (max-width:767px){
	.Area_title {height: 131vw;z-index: 20;}	
	.Area_title .title01_deco {position:absolute;left: 28.5vw;top: 31vw;width: 6%;z-index: 10;}
}


/*版頭主標微調*/
.title .PD_layout .PD a { pointer-events: none; }

@media screen and (min-width: 768px){
.title { z-index: 99; }
.title .PD_layout li:nth-of-type(1) {position: absolute;top: 70px;left: 0px;z-index: 10;width: 100%;}
.title .PD_layout li:nth-of-type(1) img {width: 48%;}
.title .PD_layout li:nth-of-type(2) {position: absolute;top: 20px;left: 303px;z-index: 0;width: 100%;}
.title .PD_layout li:nth-of-type(2) img {width: 20%;}
}
@media screen and (max-width:767px){
.title .PD_layout li:nth-of-type(1) {position: absolute;top: 8vw;left: -1vw;width: 100%;z-index: 1;}
.title .PD_layout li:nth-of-type(1) img {width: 70%;}
.title .PD_layout li:nth-of-type(2) {position: absolute;top: 3vw;left: 35vw;width: 100%;z-index: -1;}
.title .PD_layout li:nth-of-type(2) img {width: 30%;}

.title .PD_layout ul { display: flex; left: 0;top: 0;}
}

/*版頭品輪播*/
.Area_title .topPD { position: relative;width: 50%;left: 0; top:450px; }
.Area_title .topPD ul { border: 2px solid #f13c5a;
}

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

  .Area_title { height:131vw;}
  .Area_title .momologo { display: none;}
	
	/*主標*/
/*  .title_01 {position:absolute;left: 11vw;top:9vw;width:85%;z-index:2}		*/
  .Area_title .title_light {position:absolute;left:-4vw !important;top:26vw !important;width:40% !important;mix-blend-mode: overlay;}
	
	
	/*公版*/
  .Area_title .topPD { position: relative;width:96%; height: auto; top:53vw;}

}


/*公版背景*/
@media screen and (min-width: 768px){
.box_txt {position: relative;margin: 0 auto;padding: 0% 0 0 6%;width: 70%;height: 170px;}
.box_txt.PD_layout[data-pd-h3="2"] .PD h3 {font-size: 3.3em;font-weight: 600;font-family: Century Gothic,Noto Sans CJK SC;background-image: repeating-linear-gradient(1deg,  #005c99 20%, #00b8ec 84%)!important;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.box_txt.PD_layout ul{background-color: transparent;}
.box_txt.PD_layout ul li{border: none;}
.box_txt.PD_layout .PD_slide { background-color: #0000; }
.box_txt.PD_layout li:hover { filter: brightness(100%); transform: none; box-shadow: none; }

}

@media screen and (max-width:767px){
.box_txt {position: relative;margin: 0 auto;padding: 1.2% 0 0 11%;width: 100%;height: 17vw;}
.box_txt.PD_layout[data-pd-h3="2"] .PD h3 {font-size: 1.5em;font-weight: 600;font-family: Century Gothic,Noto Sans CJK SC;background-image: repeating-linear-gradient(1deg,  #005c99 20%, #00b8ec 84%)!important;-webkit-background-clip: text;-webkit-text-fill-color: transparent;letter-spacing: -1px;}
.box_txt.PD_layout ul{background-color: transparent;}
.box_txt.PD_layout ul li{border: none;}
.box_txt.PD_layout .PD_slide { background-color: #0000; }
.box_txt.PD_layout li:hover { filter: brightness(100%); transform: none; box-shadow: none; }
.box_txt.PD_layout[data-pd-h3="2"] .PD h3{margin-top: -2.4vw;}
}



/* 02_激推商品 手刀購入 */
@media screen and (min-width: 768px){
  .Area_buy {height: auto;padding-bottom: 40px;background: url("Area01_txttop.png?t=1759483020337") center top / 100% no-repeat scroll;}
  .Area_buy .pdx4 .PD {position: relative;top: 50px;}
  .Area_buy .pdx4 ul {background-color: transparent;display: grid;}
  .Area_buy .pdx4 li {background: url("bg.png?t=1759483020337") center top / 100% no-repeat scroll;border: none;height: 440px;width: 100%;}
  .Area_buy .pdx4 .PD h3 {color: #fff;font-size: 20px;}
  .Area_buy .pdx4.PD_layout a{color: #fff;}
  .Area_buy .pdx4 .PD_into{position: relative;left: 5%;width: 90%;}
  .Area_buy .pdx4 .PD p{color: #ffea38;}
  .Area_buy .pdx4 .PD_img{position: relative;background-color: #fff;border-radius: 10px;width: 90%;margin: 0 auto;}
  
}
  
  @media screen and (max-width: 767px){
    
    .Area_buy {height: auto;background: url("m_Area02_txttop.png?t=1759483020337") center top / 100% no-repeat scroll;}
    
    .Area_buy .pdx4 .PD {position: relative;top: 7vw;}
    .Area_buy .pdx4 ul {background-color: transparent;display: grid;}
    .Area_buy .pdx4 li {background: url("bg.png?t=1759483020337") center top / 100% no-repeat scroll;border: none;height: 73vw;width: 100%;}
    .Area_buy .pdx4 .PD h3 {color: #fff;font-size: 18px;}
    .Area_buy .pdx4.PD_layout a{color: #fff;}
    .Area_buy .pdx4 .PD_into{position: relative;left: 5%;width: 90%;margin-top: -2vw;}
    .Area_buy .pdx4.PD_layout[data-pd-h4="1"] .PD h4{margin-top: -6px;}
    .Area_buy .pdx4 .PD p{color: #ffea38;margin-top: -2vw;}
    .Area_buy .pdx4 .PD_img{position: relative;background-color: #fff;border-radius: 10px;width: 90%;margin: 0 auto;}
    
  }
  



/*登記*/

/*登記贈品文案顏色*/
.Area_danji .danji_box ul li .activityText .gifts span { color: #ffea38;}                 
                    
@media screen and (min-width: 768px){
.Area01 {height: auto;padding-bottom: 40px;background: url("Area01_txttop.png?t=1759483020337") center top / 100% no-repeat scroll;}
	
}

@media screen and (max-width: 767px){
  .Area01 {height: auto;background: url("m_Area02_txttop.png?t=1759483020337") center top / 100% no-repeat scroll;}
  .Area01 .Area_danji {width: 96%;}
	

}



/*區塊2*/
@media screen and (min-width: 768px){
.Area02 {background: url("Area02_txttop.png?t=1759483020337") center top / 100% no-repeat scroll;}
.Area02 .box_all { }
.Area02 .box_all .PD_layout ul{ grid-gap:20px; }
}

@media screen and (max-width:767px){
.Area02 {height:100%;background: url("m_Area02_txttop.png?t=1759483020337") center top / 100% no-repeat scroll;}
.Area02 .box_all {padding: 7% 0 0;}	
.Area02 .box_all .PD_layout ul{grid-gap: 5px;}
}

/*Area_K1*/
.Area_K1 h3 { color: #fff; margin: 0; padding: 0}
  @media screen and (min-width:768px){ 
    .Area_K1 { width: 900px; overflow: hidden; border-radius: 1em;margin-bottom: 50px!important; } 
    .Area_K1 h3 { color: #fff; margin: 0 auto 20px; padding: 0}
  }
  @media screen and (max-width:767px){
    .Area_K1 { width: 96%; overflow: hidden; padding: 5vw 0 1vw 0; border-radius: 1em;margin-bottom: 6vw!important;margin-top: 2vw!important;} 
    .Area_K1 h3 { color: #fff; margin: 0 auto 2vw; padding: 0}
  }


/*區塊3*/
@media screen and (min-width: 768px){
.Area03 {padding-bottom: 10px; background: url("Area03_txttop.png?t=1759483020337") center top / 100% no-repeat scroll;}
.Area03 .box_all {position: relative;padding: 2% 2% 0;}
.Area03 .box_all::after {content:"";position: absolute;display:block;top: 0;left: 0;width:100%;height: 100%;pointer-events:none;background: url("Area03_txtrepeat.png?t=1759483020337") center top/ 100% repeat-y scroll;z-index: -1;}
}

@media screen and (max-width:767px){
.Area03 {height:100%; background: url("m_Area03_txttop.png?t=1759483020337") center top / 100% no-repeat scroll;}
.Area03 .box_all {margin-top: 0vw;padding: 0 4% 0%;background-color: #ffc581;padding-top: 3vw;}	

}



/* 館連結 */
@media screen and (min-width: 768px){
.guanall{padding-bottom: 30px;}
.guanall .PD_layout ul{width: 60%!important;}
}
@media screen and (max-width:767px){
.guanall{padding-bottom: 3vw;}
.guanall .PD_layout ul{width: 96%!important;}

}

/*區塊_all*/
.Area1220 {position: relative;margin:0 auto;width:1220px;}
.Area960 { margin:0 auto; width:960px;}
.Area { position: relative; margin:0 auto;  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);}



	@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;}
	}







.Area_top {}


	@media screen and (max-width:767px){
		.Area_top { height: auto;}
		.Area_top .momologo { display:none;}
	}


/*按鈕*/

.bnn a img {
	transition-duration: 0.1s;
	backface-visibility: hidden;

	transform: translateZ(0);
	display: block;
	margin: 0;
	padding: 0px;
	width: 100%;


	height: auto;
	text-align: left;
}
.bnn:hover a img {
	-webkit-transform: translateY(10px);

	transform: translateY(10px);
}	
	


/*回版頭*/
#gotopBtn { display:none !important;} /*把系統手機版原本的Gotop關掉*/
#gotop { display: none; position:fixed; z-index:201; right:0; padding:14px 6px 3px 10px; font:12px/30px Verdana; text-align:center; color:#fff; cursor:pointer; transition: 0.2s; transform: translateX(200%);
        bottom:90px;
        bottom: calc(90px + constant(safe-area-inset-bottom)*0.6 );
        bottom: calc(90px + env(safe-area-inset-bottom)*0.6 );}

#gotop::before { content: ""; position:absolute; top:9px; left:19px; width: 0; height: 0; border: 4px solid #fff; border-color: transparent transparent #fff; }
#gotop::after  { content: ""; z-index:-1; position:absolute; top:50%; left:50%; border-radius:50px 0 0 50px; transform:translate(-50%,-50%); width:44px; height:44px; background-color:rgba(0,0,0,0.8);}
#gotop.cate-open { transform: translateX(0%);}
  /*白色*/
  #gotop { color:#000; }
  #gotop::before { border-color: transparent transparent #000;}
  #gotop::after  { background-color: rgba(255,255,255,0.95);  box-shadow:0 1px 0 rgba(242,242,242,1), 0 0 10px rgba(0,0,0,0.2);}





/* 入稿按鈕 */
#eWriterBtn_bt_B_000_01 {position: absolute;top: 380px;z-index: 2;}

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