@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;}
.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 { min-width: inherit; min-height:100vh; overflow: hidden; background-size: 100%; }
		.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_01 { z-index:-39; 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:-39; position:absolute; top:1468px; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;}
.bg_repeat { z-index: -40; position:absolute; top: 751px; left:0; width:100%; height:100%; background-repeat:repeat-y; background-position: center top; pointer-events:none;}
.bg_deco {z-index: -1;position:absolute;top: 1170px;left: 0;width:100%;height: 100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;}	
}
@media screen and (max-width:767px){
.m_bg_01 { z-index:0; position:absolute; top:11vw; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;background-size: 100%;}
.bg_repeat { z-index:-1; position:absolute; top:126vw; 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: 60px !important;}
}
@media screen and (max-width:767px){
.Area_bottom { margin-bottom: 5vw !important;}
}



/*版頭區塊*/
@media screen and (min-width:768px){
.Area_title { height: 870px;}
/*主標題*/.title_01 { width: 38%; position:absolute; top:56px; left:370px; z-index:2; }
.Area_title .deco_01{position:absolute; top:170px; left:-330px ; z-index:1; width:67px }
.Area_title .deco_02{position:absolute; top:500px; left:1300px ; z-index:1; width:67px }
}
@media screen and (max-width:767px){
.Area_title { height:96vw;}
/*主標題*/.title_01 { width:65%; position:absolute; top:6vw; left: 18vw; z-index:2; }
.Area_title .deco_01{ position: absolute;top: 3vw;left: -10vw;z-index: 3;width: 30%; }
.Area_title .deco_02{ position: absolute;top: 40vw; left: 87.5vw;z-index: 3; width: 28%; }
}


/*版頭副標輪播*/
.Area_title .subtitle { position: absolute; width: 40%; top:288px; left:356px; height:80px; overflow: hidden; z-index: 10;}
.Area_title .subtitle ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0; padding: 0; width: 100%; box-sizing: content-box; grid-gap: inherit;}
.Area_title .subtitle ul.PD_wrapper li { flex-shrink: 0; margin: 0; padding: 0; opacity: 0; transform: translate(5%,0);}
.Area_title .subtitle ul.PD_wrapper li.swiper-slide-active { opacity: 1; transition: .8s ease-out; transform: translate(0,0);}
@media screen and (max-width:767px){
  .Area_title .subtitle { width: 65%; height: 10vw; position: absolute; top: 38vw; left: 18vw;  overflow: hidden;}
}


/*版頭_1品公版*/
@media screen and (min-width:768px){
.Area_title .topPD { width: 80%; position: absolute; top:356px; left: 150px; height: auto; padding: 0; z-index: 2; }
.Area_title .topPD .box { position: relative; z-index: 1;}
.Area_title .topPD .PD_layout {}
.Area_title .topPD .PD_layout ul { padding:4%;}
.Area_title .topPD .PD_layout .PD_into { position: relative; bottom: 35px; right: 16px; text-align: center; }
.Area_title .topday_bg{ position:absolute; top:65px; left:820px;z-index:1 ;}
.Area_title .topPD .PD_layout .PD h4 {font-size: 15pt;}
/*-------*/
.Area_title .topPD .PD_layout .PD p .Price { font-size: 40pt !important; }
.Area_title .topPD.PD_layout .PD p .money { font-size: 35pt !important; }
.Area_title .topPD .PD_layout .PD h3 { color:#62380b; font-size: 20pt; }
.Area_title .topPD .PD_layout .PD h4 { color: #62380b; font-size: 20pt; }
.Area_title .topPD .PD_layout .PD h3 {font-size:27px;}
.Area_title .topPD .PD_layout .PD p { color: #d90a2f; font-size: 10pt; height: 4em; line-height: 3em !important; }
.Area_title .topPD .PD_layout .PD p del { color:#62380b; font-size: 20pt; }
}
@media screen and (max-width:767px){
.Area_title .topPD { width: 94%; position: absolute; top:48vw; left: 3vw; height: auto; padding: 0; z-index: 2; }
.Area_title .topPD .PD_layout .PD_into {position: relative;top: -2vw;}
/*-------*/
.Area_title .topPD .PD_layout .PD p .Price { font-size: 7vw !important; }
.Area_title .topPD.PD_layout .PD p .money { font-size: 6vw !important; }
.Area_title .topPD .PD_layout .PD h3 { color:#62380b; font-size: 3vw; }
.Area_title .topPD .PD_layout .PD h4 { color: #62380b; font-size: 3.5vw; }
.Area_title .topPD .PD_layout .PD h3 {font-size: 4vw;}
.Area_title .topPD .PD_layout .PD p { color: #d90a2f; font-size: 2vw; height: 4em; line-height: 3em !important; }
.Area_title .topPD .PD_layout .PD p del { color:#62380b; font-size: 4vw; }
}


/*小標題*/
@media screen and (min-width:768px){
/*960*/.layoutBG_txt { width: 90%; margin:2.5% auto 1%; position: relative; z-index: 2; }
/*960*/.layoutBG_txt img { width: 100%; margin-bottom: 10px; }
/*1220*/.layoutBG_txt2 { width: 70.5%; margin:2.5% auto 1%; position: relative; z-index: 2; }
/*1220*/.layoutBG_txt2 img { width: 100%; margin-bottom: 10px; }

}
@media screen and (max-width:767px){
/*960*/.layoutBG_txt { width: 96%; margin:4% auto 2.5%; position: relative; z-index: 2; }
/*1220*/.layoutBG_txt2 { width: 96%; margin:4% auto 2.5%; position: relative; z-index: 2; }
}


/*輪播-8品公版*/
@media screen and (min-width:768px){
	/*公版*/
	.Area_8pd .box_8pd { width: 96%; margin: 20px auto; position: relative;}
	.Area_8pd .box_8pd .box_swiper{position: relative;width: 100%;height: 435px;margin: 0 auto;overflow: hidden;}
	.Area_8pd .box_8pd .box_swiper .layout_8pd {padding-bottom: 30px}
	.Area_8pd .box_8pd .box_swiper .layout_8pd ul { display: flex; grid-gap: 0; padding: 0; /*height: 365px;*/ }
	.Area_8pd .box_8pd .box_swiper .layout_8pd ul li {/* height: 333px;*/ }
	/*輪播_按鈕*/
    .Area_8pd  .myarrow_r{z-index:99;position:absolute;top: 48%;right: -79px;cursor: pointer;}
    .Area_8pd  .myarrow_l {z-index:99;position:absolute;top: 48%;left: -86px;cursor: pointer;}
	.Area_8pd .swiper-pagination-bullet {background: #fff4e6;}
	.Area_8pd .swiper-container-horizontal>.swiper-pagination-bullets{ bottom: -4px;}
}
@media screen and (max-width:767px){
	/*公版*/
	.Area_8pd .box_8pd { position: relative; width: 100%; margin: 0 auto;}
	.Area_8pd .box_8pd .box_swiper{ position: relative; width: 100%;height: 75vw; margin: 0 auto; overflow: hidden;}
	.Area_8pd .box_8pd .box_swiper .layout_8pd { padding-bottom: 10vw;width: 96%;}
	.Area_8pd .box_8pd .box_swiper .layout_8pd ul { display: flex; grid-gap: 0; padding: 0; /*height: 72vw;*/ }
	.Area_8pd .box_8pd .box_swiper .layout_8pd ul li { /*height: 62vw;*/}
	/*輪播_按鈕*/	
	.Area_8pd .swiper-pagination-bullet { background: #fff4e6; }
	.Area_8pd .swiper-container-horizontal>.swiper-pagination-bullets{ bottom: 20px;}
}


/*折價券*/
@media screen and (min-width:768px){
.Area_coupon .PD_layout .PD_img { margin-bottom: 15px; }
}
@media screen and (max-width:767px){
.Area_coupon .PD_layout { width: 96%; margin: 0 auto; }
.Area_coupon .PD_layout .PD_img { margin-bottom: 2vw; }
}


/*登記*/
@media screen and (min-width:768px){
.Area_alldanji { width: 960px; padding:0px 0px 40px 0px !important; }
.Area_alldanji .Area_danji .danji_box{  margin: 0 auto; }
}
@media screen and (max-width:767px){
.Area_alldanji { margin: 0vw 0vw 8vw!important;}
.Area_alldanji .Area_danji { width: 95%; }
}
.Area_alldanji .warningTxt h3 {color: #ffffff;}

/*館連結*/
@media screen and (min-width: 768px){
.Area_3btn { margin: 20px auto 20px !important;}
.Area_3btn .PD_layout .PD_wrapper { width: 100%; grid-gap: 25px; margin: 0 auto;}
}
@media screen and (max-width: 767px){
.Area_3btn { margin: 8vw auto 8vw !important;}
.Area_3btn .PD_layout .PD_wrapper { width: 96%; grid-gap: 2vw; margin: 0 auto;}
}


/*8錨點*/
@media screen and (min-width:768px){
.Area_tagPD { height:auto;}
.starline { width: 96%;  margin: -15px auto 20px;}
}
@media screen and (max-width:767px){
.Area_tagPD { height:95; }
}


/*區塊_all*/
.Area1220 { 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 {  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;}
	}


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