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

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

/*區塊_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:96%;}
		.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;background-color:#a8cce5; 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 { margin-bottom: 0;min-width: inherit; min-height: 100vh; overflow: hidden; background-size: 100%; background-image:url("mrepeat.png?t=1750138873151") ; background-repeat: repeat-y;background-color: #b0d4ea;}
		.WRAPPER img {  width:100%;  height:auto;}
	}

/*背景*/
@media screen and (min-width:768px){
.bg_01 { z-index:-45; position:absolute;top:0;left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;}
.bg_02 {z-index:-50;position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;}
}


/*----------*/


/*版頭區*/
#eWriterBtn_bt_B_000_02 {position: absolute!important;left: 340px !important;}
.Area_title .subtitle .PD_layout li {background: #0000 !important}
@media screen and (min-width:768px){
.Area_title {height:530px;}
.Area_title .maintitle {width:52%;position:absolute;top:135px;right:620px;}
.Area_title .maintitle img{width:100%;}
.Area_title .subtitle { position: absolute; top:341px;right:324px; width:100%;height: auto; z-index: 5;overflow: hidden;}	
.Area_title .subtitle .PD_layout .PD img {width: 48%;}	
.Area_title .toppd {width:52%;position:absolute;top:88px;left:590px;}
.Area_title .toppd img{width:100%;}
}
@media screen and (max-width: 767px){
.Area_title {height:104vw;}
.top_bg {position:relative;top:0;z-index:0;pointer-events:none;}
.Area_title .maintitle {position:absolute;width: 78%;top: 8vw;left: 11vw;z-index: 2;}
.Area_title .subtitle {position: absolute;top: 35vw;right: 11vw;width: 78%;z-index: 5;}
.Area_title .toppd {position:absolute;width: 77%;top: 49vw;left: 11vw;z-index: 2;}
}
	

/*小標題*/
.titilenoa a { pointer-events: none; }
@media screen and (min-width:768px){
.layouttxt_960 { width: 74%; margin:65px auto 0px; position: relative; z-index: 2; }
.layouttxt_960 img { width: 100%; }
.layouttxt_1220 { width: 58%; margin:65px auto 0px; position: relative; z-index: 2; }
.layouttxt_1220 img { width: 100%; }
.layouttxt_mow { width: 66%; margin:65px auto 0px; position: relative; z-index: 2; }
.layouttxt_mow img { width: 100%; }
}
@media screen and (max-width:767px){
.layouttxt_960 { width: 95%; margin:8vw auto 0vw; position: relative; z-index: 2; }
.layouttxt_1220 { width: 92%; margin:8vw auto 0vw; position: relative; z-index: 2; }
.layouttxt_mow { width: 92%; margin:8vw auto 0vw; position: relative; z-index: 2; }
}	


/*01_攻略區*/
/*登記贈品文案顏色_深色*/.danji01 .danji_box ul li .activityText .gifts span { color: #3aa0d2;}                 
/*警示文字顏色*/.warningTxt h3 {color: #000 !important;}
.Area_danji .danji_box li {transition: .2s ease !important;}
/*折價券類別字體顏色*/.PD_layout.PD_layout-coupon3 .PD .divine_coupon, .PD_layout.PD_layout-coupon3 .PD .threshold {color: #FFF !important;}
@media screen and (min-width:768px){
.Area_bargain .Area_danji .danji_box {width: 960px !important;margin-bottom: 0 !important;}
.Area_coupon {margin-bottom: 20px;}
.bargainbtn{width: 80%;margin: 0 auto 20px;}
}
@media screen and (max-width:767px){
.Area_bargain .Area_danji .danji_box {margin-bottom: 0 !important;/*width: 96%;*/}
.Area_coupon {margin-bottom: 2vw;}
.Area_coupon .PD_layout .PD_img {padding: 0 !important;}
.bargainbtn{width: 86%;margin: 0 auto 2vw;}
}


/*02_作圖區*/
@media screen and (min-width:768px){
	.Area_item{position: relative;margin: 90px auto 0 auto;}
	.Area_item .layout_item ul {width: 86%;grid-gap: 50px;}
	.Area_item .layout_item ul li{padding: 0 0 0px 0;height: 550px;background: no-repeat center top/100% url("pd01.png?t=1750138873151");}
	.Area_item .layout_item  ul li .PD_img{position: relative;top: 50px;left: 25px;width: 85%;}
	.Area_item .layout_item  ul li .PD_into{position: relative;top: 85px;width: 100%;text-align: center;}
	/*公版_文字*/	
	.Area_item .layout_item  ul li .PD_into h3{color: #5a5a5a;width: 90%;position: relative;font-size: 1.7em;margin: 0 auto;}
	.Area_item .layout_item  ul li .PD_into h4{color: #5a5a5a;position: relative;font-size: 1.4em;}
	.Area_item .layout_item  ul li .PD_into p{color: #2398d2;width: 96%;font-size: 1.5em;position: relative;}
	.Area_item .layout_item  ul li .PD_into p del{color: #1d688d;font-size: 0.8em;}
	.Area_item .layout_item  ul li .PD_into p .Price,.Area_item .layout_item .PD_layout .PD p b,.Area_item .layout_item .PD_layout .PD p .money{
		color: #2398d2;
		font-weight: 900;
		background: none;
		-webkit-background-clip: text;
		font-size: 2em;
		}	
  }
  @media screen and (max-width:767px){
	.Area_item{position: relative;margin: -2vw auto 0vw auto;}
	.Area_item .box_all{width: 100%;margin: 0 auto;}
	.Area_item .layout_item ul{width: 99%;gap: 2vw;}
	.Area_item .layout_item ul li{width: 100%;padding: 0 0 0vw 0;height: 72vw;background: no-repeat center top/95% url("pd01.png?t=1750138873151");}
	.Area_item .layout_item  ul li .PD_img{position: relative;top:4vw;left: 2.5vw;width: 90%;}
	.Area_item .layout_item  ul li .PD_into{position: relative;top: 5vw;left: 50%;transform: translateX(-50%);width: 95%;text-align: center;}
  
	/*公版_文字*/	
	.Area_item .layout_item  ul li .PD_into h3{color: #5a5a5a;width: 90%;position: relative;left: 0;margin: 0 auto;font-size: 1.2em;}
	.Area_item .layout_item  ul li .PD_into h4{color: #5a5a5a;position: relative;bottom: 1vw;left: 0;font-size: 1em;}
	.Area_item .layout_item  ul li .PD_into p{color: #2398d2;width: 96%;font-size: 1.1em;position: relative;bottom: 3vw;left: 2vw;}
	.Area_item .layout_item  ul li .PD_into p del{color: #1d688d;font-size: 0.7em;}
	.Area_item .layout_item  ul li .PD_into p .Price,.Area_item .layout_item .PD_layout .PD p b,.Area_item .layout_item .PD_layout .PD p .money{
		color: #2398d2;
		font-weight: 900;
		background: none;
		-webkit-background-clip: text;
		}	
  }
  

/*03_一帶二*/
@media screen and (min-width:768px){
    .Area_brand { position: relative;}
      .Area_brand .box_all {grid-gap: 0px;}
      .Area_brand .text{position: absolute;top: -120px;}
      .Area_brand .box_all{display: flex;flex-wrap: wrap;position: relative;}
      .Area_brand .box_all .box{width: 48%; height: 498px; position: relative; margin: 0 auto 25px; background: no-repeat right top/100% url("pcbg01.png?t=1750138873151");/*width: 48%; height: 433px; position: relative; background: no-repeat right top/100% url("brandbg.png?t=1750138873151");*/}
      .Area_brand  .box .ly ul{width:94% ;}
      /*logo*/ 
      .Area_brand  .logo{width: 100%;height: 100px;}
      .Area_brand  .logo ul{grid-gap: 0;}
    
      .Area_brand  .logo ul .PD_into{padding: 0;}
      .Area_brand  .logo ul .PD_logo{width: 32%;position: relative;top: 30px;left: 50px;}
      .Area_brand  .logo ul li h3{color: #2398d2;width: 52%;position: absolute;right: 43px;top: 22px;margin: 0 auto;font-size: 2.2em;}
      .Area_brand .ly{width: 97%;padding-top:72;margin: 0 auto;}
      .Area_brand  .swiper-pagination-bullet {background: #ffffff;}
    }
    @media screen and (max-width:767px){
    .Area_brand{margin: 0;}
    .Area_brand .tag{padding: 2vw 0 4vw 0;}
    .Area_brand .box_all{position: relative;}
    .Area_brand .box_all .box{position: relative;margin: 0 auto 0 auto;padding: 0 0 8vw 0;background: no-repeat top center/96% url("mbbg01.png?t=1750138873151");}
    /*logo*/ 
    .Area_brand  .logo{width: 100%;height: 13vw;}
    .Area_brand  .logo ul{grid-gap: 0;}
    .Area_brand  .logo ul .PD_into{padding: 0;}
    .Area_brand  .logo ul .PD_logo{width: 30%;position: relative;top: 5vw;left: 8vw;}
    .Area_brand  .logo ul li h3{color: #2398d2;width: 54%;position: absolute;right: 8vw;top: 3vw;margin: 0 auto;font-size: 1.5em;}
    .Area_brand  .swiper-pagination-bullet {background: #ffffff;}
    /*公版*/ 
    .Area_brand .box_all .box .ly{width: 88%;padding: 4vw 0 0 0;}
    }


/*04_輪播BN*/
@media screen and (min-width:768px){
.Area_bn{margin-top: 60px;}
}
@media screen and (max-width:767px){
.Area_bn{margin-top: 8vw;}
}


/*05_錨點*/
.Area_mow .PD_layout_6PD {height:auto;}
@media screen and (min-width:768px){
.Area_mow .PD_layout_6PD ul {padding:0;}
}
@media screen and (max-width:767px){
.Area_mow {margin-top: 8vw !important;}
.Area_mow .PD_layout_6PD ul {padding: 0% 0% 0 0%;} 
}


/*06_館連結*/
@media screen and (min-width:768px){
.Area_guan {width: 960px !important;margin-top: 70px;}
.Area_guan .PD_layout01 {width: 60%;}
.Area_guan .PD_layout01 .PD_wrapper {grid-gap: 15px !important;}
}
@media screen and (max-width:767px){
.Area_guan {width: 85% !important;margin-top: 8vw;}
.Area_guan .PD_layout01 .PD_wrapper {grid-gap: 4vw !important;}
}


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


/*注意事項區*/
.edm_notice{ text-align:center; padding:40px 10px 15px 10px; color:#000; font:12px/18px Helvetica; position: relative;z-index: 20;}
.edm_notice .apple_notice{  padding:10px 0px 10px 0px; }
@media screen and (max-width:767px){
.edm_notice{ padding:8vw 10px 15px 10px;}
}