@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;background-color:#fafafa; width:100%; min-width:1220px; text-align:left; font-family:"微軟正黑體","Microsoft JhengHei",Helvetica;}
.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:30px; min-width: inherit; min-height:100vh; overflow: hidden;background:url(m_bg.jpg?t=1752133257278)top center repeat-y;background-size:100%;}
		.WRAPPER img {  width:100%;  height:auto;}
	}

/*PC背景*/
.bg_01 { z-index:-50; position:absolute; top:0; left:0; width:100%; height:1135px; background-repeat:no-repeat; background-position: center top; pointer-events:none; }
.bg_02 { z-index:-51; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:repeat-y; background-position: center top; pointer-events:none; }
.bg_03 { z-index:-52; position:absolute; top:938px; left:0; width:100%; height:100%; background-repeat:repeat-y; background-position: center top; pointer-events:none; }
.bg_deco { z-index:-50; position:fixed;top:0; left:0; width:100%; height:100%; background-position:center 0px; background-repeat:repeat-y; transition:0.5s linear; pointer-events:none;}
@media screen and (max-width:767px){

		}






/*版頭區塊*/
@media screen and (min-width:768px){
.Area_title { height:1100px;}
.title01 {position: absolute;top: 105px;left:670px;}
/*.title02 {position: absolute;top: 131px;left: 814px;}*/
/*.title03 {position: absolute;top: 216px;left: 666px;}*/
.title04 {position: absolute;top: 345px;left: 695px;z-index: -50;}
	
.Area_title .photo00 {position: absolute;left: 150px;top: 0px;z-index: 6;}
.Area_title .photo01 {position: absolute;left: 153px;top: 122px;z-index: 6;}
.Area_title .photo02 {position: absolute;left: 150px;top: 299px;z-index: 6;}
.Area_title .photo03 {position: absolute;left: 153px;top: 479px;z-index: 6;}
.Area_title .photo04 {position: absolute;left: 150px;top: 658px;z-index: 6;}
/*.Area_title .photo05 {position: absolute;left: 53px;top: 786px;z-index: 6;}
.Area_title .photo06 {position: absolute;left: -57px;top: 909px;z-index: 6;}
*/.Area_title .btn01 {position: absolute;left: 380px;top: 130px;z-index: 9;}
.Area_title .btn02 {position: absolute;left: 135px;top: 310px;z-index: 9;}
.Area_title .btn03 {position: absolute;left: 380px;top: 485px;z-index: 9;}
.Area_title .btn04 {position: absolute;left: 135px;top: 675px;z-index: 9;}
	
		
	
}
@media screen and (max-width: 767px){
			.Area_title { width:100%;height:100%;}
			.phonebg_01{  display:inherit; height: 135vw;  left:0; width:100%;  background: no-repeat center top; background-size:100%;   pointer-events:none; z-index:-20 !important; }
    		.phonebg_02 { position:absolute;  top:0; left:0; width:100%; height:100%; background: no-repeat center top; background-size:100%;   pointer-events:none; z-index:-20 !important;  }
			.title01 {position:absolute;left: 28vw;top: 9vw;width: 63%;z-index:2;}
/*.title02 {position:absolute;left: 50vw;top: 16vw;width: 33%;z-index:2;}*/
	/*	.title03 {position:absolute;left: 35vw;top: 27vw;width: 62%;z-index:2;}*/			
	        .title04 {position:absolute;left: 39vw;top: 43vw;width: 58%;z-index:0;}

			.Area_title .photo00 {position: absolute;width:30%;left:3%;top: 0vw;z-index: 6;}
			.Area_title .photo01 {position: absolute;width:30%;left:3%;top: 17vw;z-index: 6;}
			.Area_title .photo02 {position: absolute;width:30%;left:3%;top: 39.5vw;z-index: 6;}
			.Area_title .photo03 {position: absolute;width:30%;left:3%;top: 61.6vw;z-index: 6;}
			.Area_title .photo04 {position: absolute;width:30%;left:3%;top: 84.6vw;z-index: 6;}
/*			.Area_title .photo05 {position: absolute;width: 36%;left: -2%;top: 113vw;z-index: 0;}
			.Area_title .photo06 {position: absolute;width: 36%;left: -10%;top: 126vw;z-index: 0;}
*/
			.Area_title .btn01 {position: absolute;width:6%;left: 32%;top: 40vw;z-index: 9;}
			.Area_title .btn02 {position: absolute;width:6%;left: 5%;top: 60vw;z-index: 9;}
			.Area_title .btn03 {position: absolute;width:6%;left: 32%;top: 79vw;z-index: 9;}
			.Area_title .btn04 {position: absolute;width:6%;left: 5%;top: 97vw;z-index: 9;}

	
	
	
		}






/*每月 線上入稿*/
.Area_title .title_h0 .PD_layout li:nth-of-type(1){pointer-events:none;}
.Area_title .title_h0 {position: absolute;top: 131px;left: 780px;}
@media screen and (max-width:767px){
.Area_title .title_h0  {position:absolute;left: 53vw;top: 16vw;width: 33%;z-index:2;}
		}








/*主標 線上入稿*/
.Area_title .title_h1 .PD_layout li:nth-of-type(1){pointer-events:none;}

.Area_title .title_h1 {position: absolute;top: 216px;left: 666px;}
@media screen and (max-width:767px){
.Area_title .title_h1  {position:absolute;left: 37vw;top: 27vw;width: 62%;z-index:2;}
		}













/*副標輪播 線上入稿*/
.Area_title .title_h2 {position:absolute;width:487px;height:75px;left: 701px;top: 345px;z-index:0;animation-delay:0.8s;}
.Area_title .title_h2 .Area_swiper ul { padding: 0; text-align:center;}
.Area_title .title_h2 .Area_swiper ul li { list-style: none outside none; }
.Area_title .title_h2 .Area_swiper .swiper-slide .PD_img img {  width:100%;height:auto; padding-left:0;}
.Area_title .title_h2 .Area_swiper .pagination { position:relative;}
@media screen and (max-width:767px){
.Area_title .title_h2  {position:absolute;left:36vw;top:42.8vw;width: 65%;height:11vw}
.Area_title .title_h2 .Area_swiper ul{padding:0; margin:0; width:100%;}
.Area_title .title_h2 .Area_swiper ul li{list-style:none;margin:0; padding:0;}
.Area_title .title_h2 .Area_swiper ul li img{width:90%;}
		}













/*副標輪播*/
/*.Area_title .title_swiper {position:absolute;width:487px;height:75px;left: 701px;top: 328px;z-index:5;animation-delay:0.8s;}
.Area_title .title_swiper ul { padding: 0; text-align:center;}
.Area_title .title_swiper ul li { list-style: none outside none; }
.Area_title .title_swiper img {  width:100%;height:auto; padding-left:0;}
.Area_title .title_swiper .pagination { position:relative;}
		@media screen and (max-width:767px){
	    .Area_title .title_swiper {position:absolute;left:33vw;top:42.9vw;width: 71%;height:11vw}
		.Area_title .title_swiper ul{padding:0; margin:0; width:100%;}
		.Area_title .title_swiper ul li{list-style:none;margin:0; padding:0;}
	    .Area_title .title_swiper ul li img{width:90%;}
		}
*/



/*版頭輪播品*/
.Area_title .box_PD {position:absolute;top: 390px;left:250px;width:80%;z-index: 10;/*height:1100px;*/}
.Area_title .box_PD .Area_swiper .swiper-slide .PD_img img {width:100%;}
.Area_title .box_PD .Area_swiper ul {margin: 0;padding: 0; display: flex;}
    @media screen and (max-width:767px){
      .Area_title .box_PD  {z-index: 10;position:absolute;left: 7vw;top: 43vw;width:100%;/*height:44%;*/}
	  .Area_title .box_PD .Area_swiper  .swiper-slide .PD_img img {width:100%;}
    }
    /*輪播公板調整*/
    .Area_title .box_PD .PD_layout {}
        @media screen and (max-width:767px){
         .Area_title .box_PD .PD_layout .PD_logo { z-index: 5; position: absolute; top: 0; left: 0;}
        }
        /*輪播特效*/
        @media screen and (min-width:768px){
            .Area_title .box_PD .Area_swiper .swiper-slide .PD_img { opacity: 0; transform: translate(6%,0);  }
            .Area_title .box_PD .Area_swiper .swiper-slide-active .PD_img { opacity: 1; transition: 1s ease-out; transform: translate(0,0);}

        }
        @media screen and (max-width:767px){
            .Area_title .box_PD .Area_swiper .swiper-slide .PD_logo { opacity: 0; transition: .2s ease-out;transform: translate(6%,0);  }
            .Area_title .box_PD .Area_swiper .swiper-slide-active .PD_logo { opacity: 1; transition: 1s ease-out; transform: translate(0,0);}

        }





/*攻略活動-行銷活動*/
@media screen and (min-width: 768px){
	.Area_activ {height:100%;margin-bottom: 50px!important;}
	.Area_activ .all {position: absolute;top:193px;left: 343px;z-index:2}
	.Area_activ .activ {position:relative;width:100%;background:url(pc_ulbg.png?t=1752133257279)top center repeat-y;padding-bottom:20px}
	.Area_activ .activ ul {width:90%;padding: 0;margin: 0 7%;display: flex;flex-direction: row;flex-wrap: wrap;}
	.Area_activ .activ ul li {list-style:none;float:left;margin: 0;padding: 0 13px;}
	.Area_activ .activ ul li img{width: 100%;}
}	
@media screen and (max-width: 767px){
	.Area_activ {height:100%;background:url(mo_ulbg.jpg?t=1752133257279)top center repeat-y;background-size:100%;margin-bottom: 5vw!important;}
	.Area_activ .all {position:relative;width:90%;margin:0 auto;}
	.Area_activ .activ {position:relative;width:100%;}
    .Area_activ .activ ul {width:100%;padding:0 0 0 0;margin: 0 auto;display:flex;flex-direction:row;flex-wrap:wrap;}
    .Area_activ .activ ul li {list-style:none;float:left;padding:0;margin:0;width:100%;}
	.Area_activ .activ ul li img{width:100%;}		
}


/*登記*/
@media screen and (min-width:768px){
	.Area_activ .Area_danji {position:relative;width:100%;background:url(pc_ulbg.png?t=1752133257279)top center repeat-y;padding-bottom:20px}
}	
@media screen and (max-width:767px){
    .Area_activ .Area_danji {position:relative;width:100%;margin-bottom:0;padding:0;}
    .Area_activ .Area_danji .danji_box {width:90%; padding:0; margin:0 auto;}
}

/*PC已登記位置*/
.Area_danji[data-danji-num="1"] ul li .content {top:155px!important;right:41%;}
.Area_danji[data-danji-num="1"] .btn_reg .content p {background:#ffffff!important; }
.Area_danji .warningTxt {margin:0;padding-bottom:0; }
.Area_danji .warningTxt h3 {color: #868686!important;margin:0!important;}
@media screen and (max-width:767px){
			.Area_danji[data-danji-num="1"] ul li .content {top:14vw!important;right:51%!important;}
			.Area_danji[data-danji-num="1"] .btn_reg .content p {background:#ffffff!important; }
			.Area_danji .warningTxt {margin: 3vw 0 0 0;padding-bottom:3vw}

			}








/*BN輪播(線上入稿)*/


/*

@media screen and (min-width:768px){
.Area_banner {height:100%;}
.Area_banner .bg { z-index:-50; position:absolute; top:0; left:-390px; width:2000px; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none; }
	
.Area_banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{position:absolute; bottom:0;left: 0;width:100%;top:252px;}	
	
	
.Area_banner .PD_layout {position:relative;width:100%;height:333px;overflow: hidden;}
.Area_banner .PD_layout ul { display: flex!important;padding: 10;margin: 0;flex-wrap: nowrap;width: 100%; box-sizing: content-box; grid-gap: 0; }
.Area_banner .PD_layout ul li {flex-shrink: 0; margin: 0; padding: 0; border: none;}
.Area_banner .PD_layout .PD_into {padding: 0.5em 0 0 0}
.Area_banner .PD_layout .PD h3 {color:#d9ed12;background-color:#000000 }

.Area_banner .lbtclass  ul {height:auto;position: relative;top:87px;}
.Area_banner .Area_boxstyle_pagination{position: relative; top:0;}
}	
@media screen and (max-width:767px){
  .Area_banner {height:70vw;background-color:#d5d5d5;}
	
	
  .Area_banner .PD_layout {position: relative;width: 90%;top: 0;margin:0 auto;}
  .Area_banner .PD_layout ul {position: relative;top:12vw; display: flex!important;padding: 0;margin: 0}
	
  .Area_banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{position:absolute; bottom:0;left: 0;width:100%;top:58vw;}	

	
  .Area_banner .PD_layout ul li {font-size:1em;}
  .Area_banner .PD_layout .PD_into {padding: 0.5em 0 0 0}
  .Area_banner .PD_layout .PD h3 {color:#d9ed12;background-color:#000000 }

  .Area_banner .lbtclass  ul {display: flex;}
  .Area_banner .Area_boxstyle_pagination{position: relative; top:0;width: 100%;}
}
*/




.Area_banner { margin-bottom: 40px;}
.Area_banner .box_swiper { position: relative; z-index: 1; overflow: hidden; padding: 10px 0 0; width: 1220px; margin: 0 auto;}
.Area_banner .box_swiper .PD_layout { position: relative;}
.Area_banner .box_swiper .PD_layout ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0; padding: 0 0 20px; width: 100%; box-sizing: content-box; grid-gap: 0; height: 310px;}
.Area_banner .box_swiper .PD_layout ul.PD_wrapper li { flex-shrink: 0; margin: 0; padding: 0; border: none;}
.Area_banner .box_swiper .PD_layout .PD_slide { min-width: inherit;}
.Area_banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0!important;}
.Area_banner .swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black { color: #fff; background: rgba(0,0,0,0.3); padding: 2.5% 1.5%; box-sizing: border-box;}
.Area_banner .swiper-button-next.swiper-button-black { right: 0;}
.Area_banner .swiper-button-prev.swiper-button-black { left: 0;}
@media screen and (max-width:767px){
  .Area_banner {margin-bottom: 2vw;}
  .Area_banner img {width:94%!important;}
  .Area_banner .box_swiper { padding: 0; width: 100%;}
  .Area_banner .box_swiper .PD_layout ul.PD_wrapper { padding: 0 0 4%; height: 42vw;}
}
















/*書展指南*/
@media screen and (min-width:768px){
.Area_guide {height: 1320px;}
.Area_guide .box{padding: 0 0 0 0;margin: 0;}
.Area_guide .guide_txt{position:relative; margin: 0 auto;}
.Area_guide .Area_1bn2{width: 50%;height: 615px;float: left;margin: 0 0 0px;}
.Area_guide .Area_1bn2 ul{ padding: 20px;}
.Area_guide .box .Area_1bn2 .PD_img img { width: 100%;}
.Area_guide .PD_layout[data-pd-h3="2"] .PD h3{ background-image:repeating-linear-gradient(97deg,  rgb(0 0 0) -1%, rgb(0 0 0) 101%);color: #dced13;}
.Area_guide .PD_layout ul li {border:1px #6e6e6e solid;}
}

@media screen and (max-width:767px){
  .Area_guide {height: auto;}
 .Area_guide .Area06_txt{position:relative; margin: 0 auto;left:3vw;}
  .Area_guide .box{padding: 0;}
  .Area_guide .Area_1bn2{width: 92%;float: none;margin: 0 auto;height: 102vw;}
  .Area_guide .Area_1bn2 ul{ padding: 0;}
  .Area_guide .box .Area_1bn2 .PD_img img { border-radius:0; }
  .Area_guide .PD_layout[data-pd-h3="2"] .PD h3{ background-image:repeating-linear-gradient(97deg,  rgb(0 0 0) -1%, rgb(0 0 0) 101%);color: #dced13;}

}
/*1+2線上入字公版調整*/
.Area_guide .box .PD_layout.Area_1bn2:nth-of-type(odd) li.PD_slide:first-child {padding: 0;background: url("Area_1bn2_bg.png?t=1752133257279") center top / 100% no-repeat scroll;}
.Area_guide .box .PD_layout.Area_1bn2:nth-of-type(even) li.PD_slide:first-child {padding: 0;background: url("Area_1bn2_bg-2.png?t=1752133257279") center top / 100% no-repeat scroll;}


@media screen and (min-width:768px){
.PD_layout.Area_1bn2[data-fs-bn-pc*="true"] li:first-child .PD_into { display: block!important; }
	
.PD_layout.Area_1bn2:nth-of-type(odd) ul.PD_wrapper li:first-child .PD_into h3{display: block!important;font-weight: 700;height: 42px;background-image: repeating-linear-gradient(178deg,  #000 20%, #000 100%)!important;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}	
.PD_layout.Area_1bn2:nth-of-type(even) ul.PD_wrapper li:first-child .PD_into h3{display: block!important;font-weight: 700;height: 42px;background-image: repeating-linear-gradient(178deg,  #000 20%, #000 100%)!important;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}	

	
.PD_layout.Area_1bn2:nth-of-type(odd) ul.PD_wrapper li:first-child .PD_into h4{display: block!important;font-weight: 500;font-size: 1.7em;background-image: repeating-linear-gradient(178deg,  #fff 20%, #fff 100%)!important;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}	
.PD_layout.Area_1bn2:nth-of-type(even) ul.PD_wrapper li:first-child .PD_into h4{display: block!important;font-weight: 500;font-size: 1.7em;background-image: repeating-linear-gradient(178deg,  #868484 20%, #868484 100%)!important;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}	

	
	
	
.PD_layout.Area_1bn2[data-pd-h3="2"] .PD h3{margin-bottom:0.1em;}
.PD_layout.Area_1bn2[data-fs-bn-pc*="true"] li:first-child .PD_into{position: absolute;left: 46%;top: 36%;font-size: 0.8em;font-family: Noto Sans CJK SC, "Microsoft JhengHei", Helvetica;}	
.PD_layout.Area_1bn2[data-fs-bn-pc*="off"] li:first-child .PD_logo{display: none;width: 100%;padding: 0 14%;height: 56px;display: block!important;}	
.PD_layout.Area_1bn2 li.PD_slide:first-child {height: 190px;}
.PD_layout.Area_1bn2[data-fs-bn-pc*="true"] li:first-child .PD_img { position: relative;top: -18px;right:316px; height: auto;}
.PD_layout.Area_1bn2[data-fs-bn-pc*="true"] li:first-child .PD_img img {width: 98%;padding: 10% 10% 0 62%;border-radius:0;}	
.PD_layout.Area_1bn2 li:first-child .PD h3 {position: relative;left: 0;font-size: 2em;color: #fff;-webkit-background-clip: text;}
.PD_layout.Area_1bn2[data-fs-bn-pc*="true"] li:first-child .PD p { color: #fff;font-size: 1.2em;}
}

@media screen and (max-width:767px){
  .Area_1bn2 ul li:first-child { height: auto; width: 100%;}
	
  .PD_layout.Area_1bn2:nth-of-type(odd) ul.PD_wrapper li:first-child .PD_into h3{display: block!important;font-weight: 700;height: 7vw;background-image: repeating-linear-gradient(178deg,  #000 20%, #000 100%)!important;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}	
	
  .PD_layout.Area_1bn2:nth-of-type(even) ul.PD_wrapper li:first-child .PD_into h3{display: block!important;font-weight: 700;height: 7vw;background-image: repeating-linear-gradient(178deg,  #000 20%, #000 100%)!important;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}	
	
	.PD_layout.Area_1bn2[data-pd-h3="2"] .PD h3{margin-bottom:0em;padding:0;}	
	
	  .PD_layout.Area_1bn2:nth-of-type(odd) ul.PD_wrapper li:first-child .PD_into h4{display: block!important;font-weight: 500;height: 10vw;font-size: 1.2em; background-image: repeating-linear-gradient(178deg,  #fff 20%, #fff 100%)!important;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}	
	
	  .PD_layout.Area_1bn2:nth-of-type(even) ul.PD_wrapper li:first-child .PD_into h4{display: block!important;font-weight: 500;height: 10vw;font-size: 1.2em; background-image: repeating-linear-gradient(178deg,  #868484 20%, #868484 100%)!important;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}	

	
	
	.PD_layout.Area_1bn2[data-fs-bn-pc*="true"] li.PD_slide:first-child {padding: 0;height: 31vw;}
  .PD_layout.Area_1bn2[data-fs-bn-pc*="true"] li:first-child .PD_into{width: 50%;position: absolute;left: 43%;top: 39%;font-size: 0.8em;text-align: center;font-family: Noto Sans CJK SC, "Microsoft JhengHei", Helvetica;}	
  .PD_layout.Area_1bn2[data-fs-bn-pc*="true"] li:first-child .PD_img { position: relative;top:3vw;right: 48vw ;display: block!important; }
  .PD_layout.Area_1bn2[data-fs-bn-pc*="true"] li:first-child .PD_img img {width: 97%;padding: 3% 10% 0 61%;}	
	.PD_layout.Area_1bn2[data-fs-bn-phone*="true"] li:first-child .PD_logo, .PD_layout[data-ls-bn-phone*="true"] li:last-child .PD_logo{display: none!important;}	
  .PD_layout.Area_1bn2[data-fs-bn-pc*="true"] li:first-child .PD_logo img { position: relative;width: 44%;right: 21%;padding: 0;}
  .PD_layout.Area_1bn2 li:first-child .PD h3 {display: block!important;position: relative;left: 0;font-size: 1.3em;top: 0;width: 100%;color: #fff;-webkit-background-clip: text;}
  .PD_layout.Area_1bn2[data-fs-bn-pc*="true"] li:first-child .PD p { color: #fff;font-size: 1.1em;}
}






















/*錨點 4品(線上入搞)*/
@media screen and (min-width:768px){
	.Area_1P8PD .tag {position: relative; display: flex;flex-wrap: wrap;/*top:10px;height: auto;*/box-sizing: border-box;justify-content:center;}
	.Area_1P8PD .tag a {width: 16%;margin: 0 auto;}
	.Area_1P8PD .tag a img {width: 100%;}
	.Area_1P8PD .tag a:hover{filter: brightness(1.2);}

	

	
	.Area_1P8PD .layout_1P8PD {padding-bottom:90px;background:url(pc_1P8PD_bg.png?t=1752133257279)top center no-repeat;}
	.Area_1P8PD .layout_1P8PD ul {width:94%; padding:42px  0 0 0; margin:0 auto;}
	.Area_1P8PD .layout_1P8PD ul li {border:1px #6e6e6e solid;}
	.Area_1P8PD .layout_1P8PD .PD h3 {background-image:repeating-linear-gradient(97deg,  rgb(0 0 0) -1%, rgb(0 0 0) 101%);color: #dced13!important;}	
}
@media screen and (max-width:767px){
  	.Area_1P8PD .tag {display: flex;flex-wrap: wrap;margin: 0 0 0 9vw;/*height: 24vw;*/box-sizing: border-box;}
  	.Area_1P8PD .tag a {width: 30%;margin: 0 0% 0%;}

	
	
	
    .Area_1P8PD .layout_1P8PD {padding-bottom:8vw;}
	.Area_1P8PD .layout_1P8PD ul {width:90%;padding:0;margin:0 0 0 5%!important;}
	.Area_1P8PD .layout_1P8PD ul li {border:1px #6e6e6e solid;}
	.Area_1P8PD .layout_1P8PD .PD h3 {background-image:repeating-linear-gradient(97deg,  rgb(0 0 0) -1%, rgb(0 0 0) 101%);color: #dced13!important;}	
}


/*館連結(線上入稿)*/
@media screen and (min-width: 768px){
	.Area_guan{margin-bottom:50px;}
	.Area_guan .PD_layout {margin-bottom:50px;}
	.Area_guan .PD_layout ul {width:90;margin:0 auto;padding: 33px 0 0 0;}


}
@media screen and (max-width:767px){
    .Area_guan {height:100%;}
    .Area_guan .PD_layout {padding-bottom:5vw;}
	.Area_guan .PD_layout ul {width:90%;padding:0;margin:0 auto;}
}































/*置底*/
.fixbn a {padding-bottom:constant(safe-area-inset-bottom); /* 兼容 iOS < 11.2 */
				    padding-bottom:env(safe-area-inset-bottom);}   /* 兼容 iOS >= 11.2 */ 
.fixbn{position:fixed; background-size:100%;bottom:0; display:block; z-index:10;}
.fixbn ul li{float:left;padding:0;list-style-type:none;width:50vw;}
.fixbn ul li img{width:100%;margin:0 auto;}

.fixbn ul{
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 0px;
}
/*2顆按鈕*/
.fixbn .class_00 {position:absolute;width:33.33%; height: 100%; }
.fixbn .class_00 a {display:block;width:100%;height:100%;}
.fixbn .class_01 { top:0%;left:0%;}
.fixbn .class_02 { top:0%;left:34%;}
.fixbn .class_03 { top:0%;left:67%;}


/** 倒數1 **/
.TimerNick {z-index:1;position: absolute;left: 485px;top: 190px;display:inline-block;height:51px;text-align:right;}
.TimerNick .FontStyle {display:inline-block;margin: 0 15px;padding:0;border:0px;font:bold 30px/32px Arial;color: #687754;letter-spacing:-1px;text-align:right;background:transparent;}
.TimerNick span { padding-left:2px; font: bold 27px/38px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: -0.05em;color: #000;}
	@media screen and (max-width:767px){
		.TimerNick  {left: 32vw;top: 14vw;height:6vw;background-size: 100%;transform: scale(1)}
		.TimerNick .FontStyle {margin: 0 0 0 1vw;padding:0;border:0px;width:6.2vw;font:bold 13pt/5vw Arial;color: rgb(104 119 84);letter-spacing:-1px;text-align:right;background:transparent;}
		.TimerNick span { padding-left:1vw; font: bold 3.2vw/11vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: -0.05em;color: #000;}
	}





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


	}

/*LOGO*/
.momologo { z-index:2; position: absolute; top: 15px; left:15px;}
.momologo a { display:block; width:140px; height:21px;}
.momologo a svg { width:140px; height:21px; }
.momologo a path { fill:#EA27C2; }
.momologo-pink  a path { fill:#EA27C2; }/*LOGO 桃紅色*/
.momologo-white a path { fill:#ffffff; }/*LOGO 白色*/
  @media screen and (max-width:767px){
    .momologo { display:none;}
  }

/*按鈕*/
.bnn {
}
.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);
}	
	
	

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



	
/*折價券(線上入稿)*/
@media screen and (min-width:768px){
	.txtArea .layout_coupon {width:80%;margin:5px auto!important}
	.txtArea .layout_coupon ul li img {width:100%;}
}
@media screen and (max-width:767px){
	.txtArea .layout_coupon {width:95%;margin:0 auto!important}
	.txtArea .layout_coupon ul li img {width:100%;}
}









/*5x2公版(線上入稿)*/
@media screen and (min-width: 768px){
	.Area_5PD {margin-bottom:50px;}
	.Area_5PD .PD_layout {margin-bottom:50px;}
	.Area_5PD .PD_layout ul {margin:0 auto;padding:30px 0 0 0;}	
	.Area_5PD .PD_layout ul li{border:1px #bababa solid;}	
	.Area_5PD .PD_layout .PD h3 {background-image:repeating-linear-gradient(97deg,  rgb(130 130 130) -1%, rgb(128 128 128) 101%)!important}

}
@media screen and (max-width:767px){
    .Area_5PD {height:100%;}
    .Area_5PD .PD_layout {}
	.Area_5PD .PD_layout ul {width:90%;padding:0;margin:0 auto;}
	.Area_5PD .PD_layout ul li {border:1px #bababa solid;}
	.Area_5PD .PD_layout .PD h3 {background-image:repeating-linear-gradient(97deg,  rgb(130 130 130) -1%, rgb(128 128 128) 101%)!important}
}




/*下方公版區:外包設定*/
@media screen and (min-width:768px){
	.Area_below  {margin-bottom:0;}
	.Area_below .box:nth-child(odd){position: relative;background:url(pc_belowbg01.png?t=1752133257279)top center no-repeat;padding-bottom:90px;margin-bottom:50px;}
	.Area_below .box:nth-child(even){position: relative;background:url(pc_belowbg02.png?t=1752133257279)top center no-repeat;padding-bottom:90px;margin-bottom:50px;}

}
@media screen and (max-width:767px){
	.Area_below  {margin-bottom:5vw;}
	.Area_below .box {position: relative;padding-top:0vw;margin-bottom:5vw;height:210vw}
	.Area_below .box:nth-child(odd)   {background:url(mo_belowbg01.jpg?t=1752133257279)top center no-repeat;background-size:100%;}
	.Area_below .box:nth-child(even)  {background:url(mo_belowbg02.jpg?t=1752133257279)top center no-repeat;background-size:100%;}

}




/*下方公版區:標題入搞*/
@media screen and (min-width:768px){
	.Area_below  .box .text01 {position: relative;z-index: 1;font: 900 50px/45px "微軟正黑體","Microsoft JhengHei",Helvetica;margin: 0;padding: 75px 0;color: #676767;}
}
@media screen and (max-width:767px){
	.Area_below .box .text01 {position: relative;z-index: 1;font: 900 28px/45px "微軟正黑體","Microsoft JhengHei",Helvetica;margin: 0;padding: 12vw 0;color: #555555;}
}

/*1bn*/
@media screen and (min-width:768px){
	.Area_below .layout_bn {width: 26%;position:absolute;left: 455px;top: 240px;/* height: 448px; *//* overflow: hidden; */}
	.Area_below .layout_bn ul {padding: 0 0 0 0;margin:-30px 0 0 0;}	
	.Area_below .layout_bn .PD_img {width:100%;}	
}
@media screen and (max-width:767px){
	.Area_below .layout_bn {position: absolute;width: 42%;left:2vw;top:35vw;}
	.Area_below .layout_bn ul {}
}





/*2x2(a)公版(線上入搞)*/
@media screen and (min-width:768px){
	.Area_below .layout_2pda {padding-bottom:10px;top: 15px;}
	.Area_below .layout_2pda ul {}
	.Area_below .layout_2pda ul li {border:1px #6e6e6e solid;width:100px;}
	.Area_below .layout_2pda ul li:nth-child(2) {left:320px;}
	.Area_below .box:nth-child(odd) .layout_2pda .PD h3 {background-image:repeating-linear-gradient(97deg,  rgb(41 154 214) -1%, rgb(43 154 210) 101%)}	
	.Area_below .box:nth-child(even) .layout_2pda .PD h3 {background-image:repeating-linear-gradient(97deg,  rgb(249 162 180) -1%, rgb(249 162 180) 101%)}	

}

@media screen and (max-width:767px){
    .Area_below .box .layout_2pda {width:53%;margin: 0 0 0 43%;}
	.Area_below .box .layout_2pda ul {width: 100%;margin:0 auto;padding:0;}
	.Area_below .box .layout_2pda ul li {border:1px #6e6e6e solid;}
	.Area_below .box .layout_2pda .PD p { margin: 0 auto;padding:0;overflow: hidden;font-size:.75em;}
	.Area_below .box .layout_2pda .PD h4 { max-height:2.6em!important;}
	.Area_below .box .layout_2pda .PD .PD_img {width:45%;}
	.Area_below .box .layout_2pda .PD .PD_into {width:55%;}
	.Area_below .box:nth-child(odd) .layout_2pda .PD h3 {background-image:repeating-linear-gradient(97deg,  rgb(59 153 194) -1%, rgb(63 152 167) 101%)}	
	.Area_below .box:nth-child(even) .layout_2pda .PD h3 {background-image:repeating-linear-gradient(97deg,  rgb(249 162 180) -1%, rgb(249 162 180) 101%)}	

	
}


/*2x2(b)公版(線上入搞)*/
@media screen and (min-width:768px){
	.Area_below .layout_2pdb {padding-bottom:10px;top: 15px;}
	.Area_below .layout_2pdb ul {}
	.Area_below .layout_2pdb ul li {border:1px #6e6e6e solid;width:100px;}
	.Area_below .layout_2pdb ul li:nth-child(2) {left:320px;}
	.Area_below .box:nth-child(odd) .layout_2pdb .PD h3 {background-image:repeating-linear-gradient(97deg,  rgb(41 154 214) -1%, rgb(43 154 210) 101%)}	
	.Area_below .box:nth-child(even) .layout_2pdb .PD h3 {background-image:repeating-linear-gradient(97deg,  rgb(249 162 180) -1%, rgb(249 162 180) 101%)}	

}
@media screen and (max-width:767px){
    .Area_below .box .layout_2pdb {width: 61%;margin: 2vw 4%;}
	.Area_below .box .layout_2pdb ul {padding:0;margin:0;}
	.Area_below .box .layout_2pdb ul li {border:1px #6e6e6e solid;}
	.Area_below .box .layout_2pdb .PD p { margin: 0 auto;padding:0;overflow: hidden;font-size: .8em;}
	.Area_below .box .layout_2pdb .PD h4 { max-height:2.6em!important;}
	.Area_below .box:nth-child(odd) .layout_2pdb .PD h3 {background-image:repeating-linear-gradient(97deg,  rgb(41 154 214) -1%, rgb(43 154 210) 101%)}	
	.Area_below .box:nth-child(even) .layout_2pdb .PD h3 {background-image:repeating-linear-gradient(97deg,  rgb(249 162 180) -1%, rgb(249 162 180) 101%)}	

}

/*4公版(線上入搞)*/
@media screen and (min-width:768px){
	.Area_below .layout_4pd {padding-bottom:10px;top: 15px;}
	.Area_below .layout_4pd ul {}
	.Area_below .layout_4pd ul li {border:1px #6e6e6e solid;}
	.Area_below .box:nth-child(odd) .layout_4pd .PD h3 {background-image:repeating-linear-gradient(97deg,  rgb(41 154 214) -1%, rgb(43 154 210) 101%)}	
	.Area_below .box:nth-child(even) .layout_4pd .PD h3 {background-image:repeating-linear-gradient(97deg,  rgb(249 162 180) -1%, rgb(249 162 180) 101%)}	

}
@media screen and (max-width:767px){
    .Area_below .layout_4pd {position:relative;padding-bottom:2vw;padding: 0;}
	.Area_below .layout_4pd ul {width: 92%;padding:0;margin:0 auto!important;}
	.Area_below .layout_4pd ul li {border:1px #6e6e6e solid;}
	.Area_below .layout_4pd ul li:nth-child(4) {position: relative;top: -114vw;left: 62vw;}

	.Area_below .layout_4pd .PD h4 { max-height:2.6em!important;}
	.Area_below .layout_4pd .PD p { margin: 0 auto;padding:0;overflow: hidden;font-size: .8em;}
	.Area_below .box:nth-child(odd) .layout_4pd .PD h3 {background-image:repeating-linear-gradient(97deg,  rgb(41 154 214) -1%, rgb(43 154 210) 101%)}	
	.Area_below .box:nth-child(even) .layout_4pd .PD h3 {background-image:repeating-linear-gradient(97deg,  rgb(249 162 180) -1%, rgb(249 162 180) 101%)}	
	
}


/*輪播(線上入稿)*/
@media screen and (min-width:768px){
.Area_brand {height:500px;}
.Area_brand .PD_layout {width:90%;margin:0 auto;overflow: hidden;}
.Area_brand .PD_layout ul { display: flex!important;padding: 0!important;margin: 0!important}
.Area_brand .PD_layout ul li img {width:100%;}
.Area_brand .lbtclass  ul {padding-bottom:30px !important;}
.Area_brand .Area_boxstyle_pagination{top:320px;}
}	
@media screen and (max-width:767px){
  .Area_brand {height:100%;}
.Area_brand .PD_layout {width:90%;margin:0 auto;overflow: hidden;}
.Area_brand .PD_layout ul { display: flex!important;padding: 0!important;margin: 0!important}
.Area_brand .PD_layout ul li img {width:100%;}
.Area_brand .lbtclass  ul {padding-bottom:30px !important;}
.Area_brand .Area_boxstyle_pagination{top:320px;}
}