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

/*基本*/
body{ margin:0; padding:0; background-color: #000;}




/*隱鑶*/
.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;}
	}

/*全BOX版面*/
.WRAPPER {z-index:0; position: relative; display:block; margin: 0 auto; padding: 0; width:100%; max-width: 2000px;min-width:1220px; overflow:hidden; font-family:"微軟正黑體","Microsoft JhengHei",Helvetica;background-color: #ff94ae;}
.WRAPPER img { border:0px; vertical-align:top;}
.WRAPPER a { text-decoration:none;}

		@media screen and (max-width:767px){
		.WRAPPER { min-width: inherit; width:100%; padding-bottom:0px;background-color: #c5ddb2;}
		.WRAPPER img {  width:100%;  height:auto;}
        }
	
	
/*背景*/
@media screen and (min-width:767px){

.bg_01{ z-index:-5; position:absolute;top:0; width:100%; min-width:1220px; height:2769px; background: url(bg_01.jpg?t=1738553425645) no-repeat center top ; pointer-events:none}
.bg_02{ z-index:-6; position:absolute;top:680px; width:100%; min-width:1220px; height:100%; background: url(bg_fixed.jpg?t=1738553425645) repeat-y center top ; pointer-events:none}

.main_deco{ z-index:-2; position:absolute;top:1200px; width:100%; min-width:1220px; height:100%; background: url(main_deco.png?t=1738553425645) repeat-y center top ; pointer-events:none}	


}
	@media screen and (max-width:767px){
.mbg_01{ z-index:0; position:absolute;top:0vw!important; width:100%;height:140vw;background: url(mtop_bg.jpg?t=1738553425645) center 100% / 100% no-repeat scroll;pointer-events:none}
.mbg_02{ z-index:-1; position:fixed;top:0vw; width:100%;height:228vw;background: url(mbg_fixed.jpg?t=1738553425645) center 100% / 100% repeat-y scroll;pointer-events:none}			


	}



/*背景*/
.bgtop  { z-index:0; position:absolute; top:0; left:0; width:100%; min-width:1220px; height:100%;}
	@media screen and (max-width:767px){
		.bgtop { min-width: inherit; background-size:100%;}
	}
	


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

	@media screen and (max-width:767px){
		.Area1220 { width:100%;}
		.Area960 { width:100%;}
	
	}


/*版頭*/
.Area_top {height:510px;}


	@media screen and (max-width:767px){
		.Area_top {height:55vw;z-index:3}


	}
.bank_bn{ position:absolute; top:200px; left:0; z-index:3;}
	


/*top*/
@media screen and (min-width:768px){
		  .Area_top .toptitle { z-index:9;position: absolute; top:35px; left:372px; width:500px; }
	      .Area_top .linelogo { z-index:9;position: absolute; top:68px; left:418px; width:410px; }
          .Area_top .date { z-index:8;position: absolute; top:92px; left:320px; width:15%; }
		  .Area_top_box {position: relative;height:auto}
    
      
}
	 
	 
  @media screen and (max-width:767px){
	     .Area_top .toptitle {z-index: 11; position: absolute; top:2vw; width:56%;left:22vw;}
	     .Area_top .linelogo {z-index: 11; position: absolute; top:4vw; width:52%;left:24vw;}
         .Area_top .date {z-index: 25;position: absolute; top:8vw; width:20%;left:17vw;}
  
	  
}



/*Area_txt(有設計的區標PC手機共用)*/
@media screen and (min-width:768px){
	.Area_txt {margin:0 auto; }
	.Area_txt img {width:700px; }	  
}
@media screen and (max-width:767px){
		.Area_txt {width:100% ;margin-bottom:2vw; }
	    .Area_txt img {width:100%;}
}








/*版頭輪播品*/
 @media screen and (min-width:768px){
.Area_top .box_PD .PD_layout {z-index: 10;}
.Area_top .box_PD .Area_swiper {  position: absolute; top: 14px; left: 692px; width:430px; height: auto;}
.Area_top .box_PD .Area_swiper  .swiper-slide .PD_img img {width:100%;}
.Area_top .box_PD .Area_swiper ul {margin: 0;padding: 0;display: flex;}
     }
    @media screen and (max-width:767px){
      .Area_top  .box_PD {width:100%;z-index: 10;}
      .Area_top  .box_PD .PD_layout .PD_logo { z-index: 5; position: absolute; top: 0; left: 0;}
      .Area_top  .box_PD .Area_swiper { z-index: 50; position:absolute;top:4vw;left:58vw; width:42%; height:auto;}
      .Area_top  .box_PD .Area_swiper ul {display: flex;min-width: 100%;}
      .Area_top  .box_PD .Area_swiper ul li { width:100%!important; height:50vw;left: 0vw!important;}
    }

/*副標輪播*/
.Area_top .subtitle {z-index: 15; position: absolute; top: 355px; left:350px; width: 536px; height: 143px;  }
.Area_top .subtitle ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0; padding: 0; width: 100%; box-sizing: content-box; grid-gap: inherit;}
.Area_top .subtitle ul.PD_wrapper li { flex-shrink: 0; margin: 0; padding: 0; opacity: 0; transform: translate(5%,0);}
.Area_top .subtitle ul.PD_wrapper li.swiper-slide-active { opacity: 1; transition: .8s ease-out; transform: translate(0,0);}
.Area_top .subtitle_bg {position: absolute;width:100% } 
.Area_top .subtitle_bg img {width:100%;}
@media screen and (max-width:767px){
  .Area_top .subtitle {z-index: 15; position: absolute; width: 57%; height: auto; top: 38vw; left: 23vw;  }
  .Area_top .subtitle_bg {position: absolute;width:100% } 
  .Area_top .subtitle_bg img {width:100%;}
	
}


/*輪播特效*/
@media screen and (min-width:768px){
.Area_top  .box_PD .Area_swiper .swiper-slide .PD_img { opacity: 0; transform: translate(0,0%);  }
.Area_top  .box_PD .Area_swiper .swiper-slide-active .PD_img { opacity: 1; transition: 1s cubic-bezier(0, 0.63, 0.63, 0.89); transform: translate(0,0);}
.Area_top  .box_PD .Area_swiper .swiper-slide .PD_logo {display: none;}
    }
    @media screen and (max-width:767px){
       .Area_top  .box_PD .Area_swiper .swiper-slide .PD_logo { opacity: 0; transition: .2s ease-out;transform: translate(0%,0);  }
       .Area_top  .box_PD .Area_swiper .swiper-slide-active .PD_logo { opacity: 1; transition: 1s ease-out; transform: translate(0,0);}
       .Area_top  .box_PD .Area_swiper .swiper-slide .PD_img {display: none;}
    }

/*登記微調*/
@media screen and (min-width:768px){

    }
    @media screen and (max-width:767px){
      .Area_danji .danji_box ul li img{ width:96%;}

    }



/*Q&A*/
.Area_QA {height:auto; }
.Area_QA .box {position:relative;width:100%;top:0;left:0;margin:0;padding:30px 0 0 0;z-index:5;background: url("pc_QA_bgy.png?t=1738553425645") center top / 100% repeat-y scroll;}

.Area_QA .box b {color:#cf3030;font-weight:bold; }

.moreButton {width:100%; margin:0 auto; }
.moreButton .title {font:30px/1.2em '微軟正黑體'; letter-spacing: -0.05em; text-align:left; margin-bottom:10px; display:inline-block;}
dl.moreButton { margin-bottom:2%;}
dl.moreButton:nth-child(odd){ margin-left:18%}
dl.moreButton:nth-child(even){ margin-left:22%}
.dp_01{position: absolute;top:120px;left: 1120px;z-index: 10;}
.dp_02{position: absolute;top:360px;left: -80px;z-index: 10;}
.dp_03{position: absolute;top:530px;left: 1120px;z-index: 10;}
.moreButton dt {cursor:pointer; }
.moreButton dd {display: none; margin:0;width:60%; padding:1.5%; font:1.5em/1.5em '微軟正黑體', 'Century Gothic'; text-align:left; color:#333;background-color: #fff; border-radius: 30px;border: #0f2986 0.15em solid;}
.moreButton dd a { display:inline-block;}
.moreButton .up::after{  content: ""; position: absolute; bottom:36%; margin-left: 2%; width: 0;height: 0;border-style: solid; border-width: .5em .3em 0 .3em;border-color: #000 transparent transparent transparent; transform:rotate(180deg);}
.moreButton .down::after {  content: ""; position: absolute; bottom:36%; margin-left: 2%; width: 0;height: 0; border-style: solid; border-width: .5em .3em 0 .3em;  border-color: #000 transparent transparent transparent; }
.moreButton .menu_btn { margin-bottom: 5px; position: relative;display: block; height:auto;width:60%;padding-left: 1.5%;font:bold 2em/2em 微軟正黑體; color:#000; text-align: left;background-color:#ffda5e; border: #fff 0.15em solid;border-radius: 50px;}
.moreButton .up img{ width:100%; height:auto }
.moreButton .down img{ width:100%; height:auto}
.moreButtontag { display:none!important;}
	@media screen and (max-width:767px){
	.Area_QA  {height: 100%;}
	.Area_QA .box {position:relative;width:100%;top:0;left:0;margin:0;padding:2.5vw 0 0 0;z-index:5;background-image:url(mb_qabg.png?t=1738553425646); background-repeat:repeat-y; background-size:100%;}
    dl.moreButton:nth-child(odd){ margin-left:5%}
    dl.moreButton:nth-child(even){ margin-left:9%}
	.moreButton {width:86%; margin:0 auto; }
	.moreButton .menu_btn { margin:0 ;width:100%;font-size: 1.6em; line-height: 1.8em; text-indent: -2.5rem;  padding-left: 3rem; box-sizing: border-box;}
	.moreButton dd { margin: 2% auto;width:90%; font:1.2em/2em '微軟正黑體', 'Century Gothic'; border-radius: 8px;}
    .moreButton .up::after{  content: ""; position: absolute; bottom:36%; margin-left: 2%; width: 0;height: 0;border-style: solid; border-width: .5em .3em 0 .3em;border-color: #000 transparent transparent transparent; transform:rotate(180deg);}
    .moreButton .down::after {  content: ""; position: absolute; bottom:36%; margin-left: 2%; width: 0;height: 0; border-style: solid; border-width: .5em .3em 0 .3em;  border-color: #000 transparent transparent transparent; }


	}



/*錨點*/
@media screen and (min-width:768px){
.Area_event_1 {position: relative;display:block; width:1220px; height:150px; margin:0 auto; padding:0;z-index:2; }
.Area_event_1 ul {display:flex; width:960px; position:relative; margin:0 auto; padding:0 ;  text-decoration:none;  list-style:none; justify-content: center; justify-content: space-evenly}
.Area_event_1 ul li { position: relative; padding:0%; margin:0 auto; text-decoration:none;display:block; list-style:none;  float:left;}
.Area_event_1 ul li img { width: 100%}
}

@media screen and (max-width:767px){
	.Area_event_1 { height: 16vw;margin-bottom:2vw; width:100%;padding-top:5vw;}
	.Area_event_1 ul { display:flex; width:100%; position:relative; top:0vw; left: 0; margin:0 auto; padding:0 0 0 0 ;  text-decoration:none;  list-style:none; z-index:2; justify-content:space-evenly;}
	.Area_event_1 ul li {display:inline-block; width:100%; padding:0; margin:0 0; text-decoration:none;  text-align:center;}
	.Area_event_1 ul li img { width: 100%}
	
  }






/*knowhow*/
@media screen and (min-width:768px){
.knowhow {padding: 0; width: 1220px;height: 1436px;margin-bottom: 50px!important;}
.knowhow .PD_layout {top: 10px;width: 100%;}
.knowhow .PD_layout .PD_slide {border-radius:0.5em;}
.knowhow .PD_layout ul{margin:auto ;width: 800px;}
.knowhow .PD_layout .PD_img{width: 100%;}
}
@media screen and (max-width:767px){
	.knowhow{padding: 0; margin: 0vw auto 5vw!important;width: 100%;height: 186vw;}
    
    .knowhow .PD_layout {top: 0vw;width: 100%}	
    .knowhow .PD_layout li{margin:0%;}
    .knowhow .PD_layout .PD_img{width: 100%;}	
}




/*Area_gum*/
@media screen and (min-width:768px){
.Area_2btn {padding: 0; width: 1220px;height: 255px;margin-bottom: 50px!important;}
.Area_2btn .PD_layout {top: 20px;width: 82%;}
.Area_2btn .PD_layout .PD_slide {border-radius:0.5em;}
.Area_2btn .PD_layout ul{margin:auto ;width: 800px;}
.Area_2btn .PD_layout .PD_img{width: 100%;}
}
@media screen and (max-width:767px){
	.Area_2btn{padding: 0; margin: 0vw auto !important;width: 100%;height: 38vw;}
    
    .Area_2btn .PD_layout {top: 3vw;width: 98%}	
    .Area_2btn .PD_layout li{margin: 0 0 2% 0;}
    .Area_2btn .PD_layout .PD_img{width: 100%;}	
}




/*限搶.*/
.Area_hottop {position: relative!important;z-index: 5;height: auto; padding-bottom: 0px;margin-bottom: 40px!important;}
.Area_hottop .PD_layout {background-size: 100%; width: 97%;}
.Area_hottop .box .PDbox.PD_layout .PD_slide {border-radius: 0!important;background-color: #0000;background: url("AreatagPD_bg.png?t=1738553425646") center top/ 100% no-repeat scroll;height: 380px;}
@media screen and (max-width:767px){
  .Area_hottop {height: auto;padding-bottom: 0; margin-bottom:10vw!important;}
  .Area_hottop .box {}
  .Area_hottop .PD_layout {position: relative;/* top: 0; */ width: 100%;}
  .Area_hottop .PD_layout .lbtclass{width: 98%;margin: 0 auto;}
  .Area_hottop .box .PDbox.PD_layout .PD_slide {border-radius: 0!important;background-color: #0000;background: url("AreatagPD_bg.png?t=1738553425646") center top/ 100% no-repeat scroll;height: 65vw;width: 100%;}
}

/*公版樣式*/
.PDbox.PD_layout .PD_slide {border-radius: 0!important;background-color: #0000;/*background: url("PDbox_bg.png?t=1738553425646") center top/ 100% no-repeat scroll;*/}
.PDbox.PD_layout li:hover {box-shadow: none; }
.PDbox.PD_layout .PD_img img {border-radius: 0.5em!important;border: #333333 1px solid;}
.PDbox.PD_layout .PD h3 {color: #2f2f2f!important;padding: 0!important;background-color: #0000!important;/*border-top: #fff7eb 1px solid*/;/*border-bottom: #fff7eb 1px solid*/;border-radius: 0!important; margin-bottom: 0em !important;}
.PDbox.PD_layout .PD h4 {color: #2f2f2f;margin-bottom: 5px;}
.PDbox.PD_layout .PD p {color: #379063;}
.PDbox.PD_layout .PD p del {color: #379063;}
.PDbox.PD_layout .PD:hover h4 { color: #2f2f2f; }
.PDbox.PD_layout .PD p .Price,.PDbox.PD_layout .PD p .money { color: 000; }
.PD_img .prdImgWrap .imgTag img,.PD_img .prdImgWrap .imgTagBottom img{ border: none; }
PDborder.PD_layout .PD_slide {border: #ffdc85 1px solid;}

@media screen and (max-width:767px){
.PDbox.PD_layout .PD_slide {padding: 0% 5% 0%; /*background: url("Area08_PDbg2.jpg?t=1738553425646") center top/ 100% no-repeat scroll;*/}
.PDbox.PD_layout .PD h4,.PDbox2.PD_layout .PD h4 {margin-bottom: 0vw;}
.PDbox.PD_layout .PD p,.PDbox2.PD_layout .PD p {font-size: 1em;padding: 0% 3%;height: 2em;}
.PDbox.PD_layout .PD h3 {color: #2f2f2f!important;padding: 0!important;background-color: #0000!important;/*border-top: #fff7eb 1px solid*/;/*border-bottom: #fff7eb 1px solid*/;border-radius: 0!important;margin-bottom: 0!important;}

}





/*Area_pd_swiper*/
@media screen and (min-width:768px){
	.Area_pd_swiper {width:1220px ;height: auto; margin-bottom: 50px!important;}
	.Area_pd_swiper ul { margin:10px auto 50px!important;}
    .Area_pd_swiper .Area_swiper_box {padding: 0; margin-bottom:0px!important;}
}
@media screen and (max-width:767px){
	.Area_pd_swiper {width:100% ; height:auto ;margin-bottom:5vw!important;}

    }







/*區塊-LOGO連結-Area_logo*/
.Area_logo{padding: 0; margin-bottom: 10px!important;width: 1220px;height: 320px;}
.Area_logo .PD_layout {top: 20px;width: 1200px;}
.Area_logo .PD_layout .PD_slide {border-radius:0.5em;}
.Area_logo .PD_layout li{margin: 0px 0px 0px 0px;}
.Area_logo .PD_layout .PD_img{width: 100%;}
@media screen and (max-width:767px){
	.Area_logo {height:auto; margin-bottom: 5vw!important;width: 100%;}
    .Area_logo .PD_layout li{margin: 0 0 2% 0;}
    .Area_logo .PD_layout {top: 0vw;margin: 0vw auto;width: 98%}	
    .Area_logo .PD_layout .PD_img{width: 100%;}	
}



/*區塊-保健館-Area_community*/
.Area_gum{padding: 0; margin-bottom: 0px;width: 800px!important;padding-bottom: 20px!important;}
@media screen and (max-width:767px){
	.Area_gum{padding: 5vw 0 3vw; margin-bottom: 0px;width: 100%!important;padding-bottom: 5vw!important;}
}