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

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


/*全BOX版面*/
.WRAPPER { position: relative; display: block; margin: 0 auto; padding: 0; width: 100%;  min-width: 1220px; overflow: hidden; font-family: "微軟正黑體","Microsoft JhengHei",Helvetica; background: url(bgrepeat.jpg?t=1756372414648)top center repeat-y;background-color:#efefef; }
.WRAPPER img { border: 0; vertical-align: top;}
.WRAPPER a { text-decoration: none;}
@media screen and (max-width:767px){
  .WRAPPER { min-width: inherit; padding-bottom: 10vw; background: url(bgrepeat_m.jpg?t=1756372414648)top center repeat-y; background-size: 100%;background-color:#efefef; }
  .WRAPPER img {  width: 100%;  height: auto;}
}
	
/*背景*/
.bgtop  { z-index: 0; position: absolute; top: 0; left: 0; width: 100%; min-width: 1220px; height: 100%; background: url(bgtop.jpg?t=1756372414648) no-repeat center top;}
/*.bgdeco  { z-index: 0; position: absolute; top: 940px; left: 0; width: 100%; min-width: 1220px; height: 100%; background: url(bgdeco.png?t=1756372414648) repeat-y center top;}*/
.bg_repeat_01 {z-index:2;position:absolute;top:1500px;left:0;width:100%;height:100%;background-position:center 0px;background-repeat:repeat-y;transition:0.1s linear;background-position: center top;pointer-events:none;}

@media screen and (max-width:767px){
  .bgtop { min-width: inherit;  background: url(bgtop_m.jpg?t=1756372414648) no-repeat center 44px; background-size: 100%;}
  .main_light { min-width: inherit;  background: url(main_light_m.png?t=1756372414648) no-repeat center 44px; background-size: 100%;}
}



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


/*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:5vw auto 2vw; }
	    .Area_txt img {width:100%;}
}





/*區塊_all*/
.Area { position: relative; margin: 0 auto; padding: 0; 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);}
.Area1220 { margin: 0 auto; width: 1220px;}
.Area960 { margin: 0 auto; width: 960px;}
@media screen and (max-width:767px){
  .Area .go_bt:hover {  
    -webkit-transform: none;
     -moz-transform: none;
      -ms-transform: none;
       -o-transform: none;
          transform: none;}

  .Area1220 { width: 100%;}
  .Area960 { width: 100%;}

}

/*間距*/
.Area_bottom { margin-bottom: 50px;}
@media screen and (max-width:767px){
  .Area_bottom { margin-bottom: 10vw;}
}

/*公版*/
/*.PD_layout h3 { background: #000 !important;}*/



@media screen and (min-width:768px){
/*版頭*/
.Area_top { position: relative;height:978px;}
.Area_top .momologo { z-index: 2; position: absolute; top: 15px; left: 20px;}
.Area_top .momologo a { display: block; width: 200px; height: 30px; background: url(momo_logo.png?t=1756372414648) no-repeat;}
.Area_top .momologo a:hover { background: url(momo_logo_on.png?t=1756372414648) no-repeat;}
.Area_top .balloon_01 { position: absolute; top: -72px; left: -450px;}
.Area_top .balloon_02 { position: absolute; top: 188px; right: -140px;}
.Area_top .balloon_03 { position: absolute; top: -72px; right: -360px;}	
	
.Area_top .subtitle { z-index: 10;position: absolute;width: 220px; top: 310px; left: 220px;}
.Area_top .subtitle img { width: 100%;}
	
.Area_top .SUPERBRANDWEEK {z-index: 1; position: absolute;width: 550px; top: 328px; left: 338px;}	
.Area_top .SUPERBRANDWEEK img { width: 100%;}
	
/*主副標*/
.Area_top .toptitle { z-index:9;position: absolute; top:48px; left:167px; width:900px; }


/*版頭品*/	
.Area_top .box_PD {z-index: 7; position: absolute; top:266px; width:700px;left:265px;}
.Area_top .box_PD .PD_layout ul {border-radius:0 ;}
.Area_top .box_PD .PD_layout .PD_slide:hover {box-shadow: none;}	
.Area_top .PD_layout .PD_logo { display:block!important;}

.Area_top .PD_layout[data-pd-pdlogo="3"] .PD .PD_logo img{ width: 100%;height: auto;position: relative;left: 0px;top: 43px;}
.Area_top .box_PD .PD_layout .PD_img { display:none;}

}
@media screen and (max-width:767px){
/*主副標*/
  .Area_top .toptitle { position: absolute; top:4vw; width:100%;left:0vw;z-index: 7;}


/*版頭品*/	
  .Area_top .box_PD { z-index: 7;position: absolute; top:29vw; width:88%;left:7vw;}
  .Area_top .box_PD .PD_layout ul {border-radius:0 ;}
  .Area_top .box_PD .PD_layout .PD_slide:hover {box-shadow: none;}	
  .Area_top .PD_layout .PD_logo { display:block!important;}

  .Area_top .PD_layout[data-pd-pdlogo="3"] .PD .PD_logo img{ width: 100%;height: auto;position: relative;left: 0vw;top: 43vw;}
  .Area_top .box_PD .PD_layout .PD_img { display:none;}
	
  .Area_top { height:120vw;}
  .Area_top .momologo { display: none;}
  .Area_top .balloon_01 { top: -4vw; left: 3vw; width: 22%;}

  .Area_top .subtitle {z-index: 10;width: 28%; position: absolute; top:36vw; left: 4vw;}	
  .Area_top .subtitle img { width: 100%;}
	
  .Area_top .SUPERBRANDWEEK {z-index: 1; position: absolute;width: 72%; top: 37.2vw; left: 15vw;}	
  .Area_top .SUPERBRANDWEEK img { width: 100%;}
}










.pc_activ .PD_layout ul { width:778px ; padding:0px; text-align:center;margin: 0px auto;}
.pc_activ .btnx3 { height:338px ; margin-bottom:100px; }
@media screen and (max-width:767px){
   .pc_activ .PD_layout ul { width:100% ;padding:0px; text-align:center;margin: 0vw auto;}
   .pc_activ .btnx3 { height:44vw ; margin-bottom:5vw; }
}

.danji_btn { width:960px!important ;height:206px ;margin: 0vw auto 70px!important;}
@media screen and (max-width:767px){
    	.danji_btn { width:100%!important ;height:22vw  ;padding:0px; text-align:center;margin: 0vw auto 5vw!important;}
}








/*主打品*/
@media screen and (min-width:768px){
	.Area_item {height: auto; margin-bottom: 50px!important;}
    .Area_item .PD_layout.layout_item {padding-top:8px;}
	.Area_item .PD_layout.layout_item ul {width:880px;}
    .Area_item .PD_layout.layout_item .PD_slide:hover {transform:translateY(-6px);}
    .Area_item .PD_layout.layout_item .PD_slide:hover { box-shadow:unset;}
    .Area_item .PD_layout.layout_item .PD_slide {padding:0px 15px;}
    .Area_item .PD_layout.layout_item .PD_slide .PD_into {padding-left: 5px;position: absolute;left: 20px;top:358px;width:89%;}
    .Area_item .PD_layout.layout_item .PD_slide .PD_logo {position:absolute;left:0px;top:0px;width:80px;}
    .Area_item .PD_layout.layout_item .PD_slide .PD_logo img { box-shadow: unset;width:80px;height:auto;}
    .Area_item .PD_layout.layout_item .PD_slide .PD_into h3 {text-align: center; padding: 0;  color: #fff ;width:100%; font-size: 25px;}
    .Area_item .PD_layout.layout_item .PD_slide .PD_into h4 {text-align: center!important;color: #fff;width:100%; }
    .Area_item .PD_layout.layout_item .PD_slide .PD p {text-align: center!important;padding-top:0px; color: #ffecc7;}
	.Area_item .PD_layout.layout_item .PD_slide .PD p .Price{ font-size: 2.4em;}
    .Area_item .PD_layout.layout_item .PD_slide .PD p del { color: #b3b3b3;font-weight: 100;}
    .Area_item .PD_layout.layout_item .PD_slide .PD a { position: initial; display: block; text-decoration: none; color: #2e8195;}
}
@media screen and (max-width:767px){
	.Area_item {width:100%!important ; height:100%;overflow: hidden;/* background: url(mo_item_bg.jpg?t=1756372414648)center top repeat-y;*/background-size: 100%;}
    .Area_item .PD_layout.layout_item {}
    .Area_item .PD_layout.layout_item ul {width:100%;margin-top: 3%;padding-bottom: 8%;}
    .Area_item .PD_layout.layout_item li {margin-top: 0%;margin-left:0%;width:100%;}
    .Area_item .PD_layout.layout_item .PD_slide:hover {transform:unset;}
    .Area_item .PD_layout.layout_item .PD_slide:hover { box-shadow:unset;}
    .Area_item .PD_layout.layout_item .PD_slide .PD_img {margin-bottom: 5%;}
    .Area_item .PD_layout.layout_item .PD_slide .PD_into {padding-left: 0vw;position: absolute;left:4vw;top:44vw;width: 86%;}
    .Area_item .PD_layout.layout_item .PD_slide .PD_logo {position:absolute;left:5vw;top:-23vw;width:22vw;height:auto;}
    .Area_item .PD_layout.layout_item .PD_slide .PD_logo img { box-shadow: unset;}
    .Area_item .PD_layout.layout_item .PD_slide .PD_into h3 { text-align: center!important;padding: 0; color:#fff;}
    .Area_item .PD_layout.layout_item .PD_slide .PD_into h4 { text-align: center!important;margin-top:-1.5vw ; width:100%;color: #fff; }
    .Area_item .PD_layout.layout_item .PD_slide .PD p {text-align: center!important;margin: -2vw auto 0;color: #ffecc7 ;}
	.Area_item .PD_layout.layout_item .PD_slide .PD del { color: #717171;}
    .Area_item .PD_layout.layout_item .PD_slide .PD a { position: initial; display: block; text-decoration: none; color: #2e8195;}
    }












/*保健達人*/
@media screen and (min-width:768px){
.Area_tagPD { height:auto;padding-bottom:  30px !important;}
.Area_tagPD .PD_layout ul {padding: 15px ; margin: 0px auto 60px; }

.Area_tagPD .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide{height: auto; margin-bottom: 60px;}
.Area_tagPD .Area_sectionTitle ul {position: relative;padding: 0;margin: 0;list-style: none;height: 70px!important;top:0px;}
.Area_tagPD .Area_sectionTitle ul li { background-color: transparent; pointer-events: none;}
.Area_tagPD .Area_sectionTitle ul li h5 {position: relative;top:0px;margin: 0;padding: 0;width: 100%;height: 88px;font: 50px/55px "Noto Sans CJK SC";font-weight: normal;text-align: center;color:#5ca7d5;letter-spacing: 0px;overflow: hidden;/*text-shadow: 0px 0px 5px #000;*/}
.Area_tagPD .box_txt2 {position: absolute;margin: 0 auto;width: 100%;height: auto;}
.Area_tagPD .box_txt2 img{width: 56%;}
}
@media screen and (max-width: 767px) {
  .Area_tagPD { height:auto; }
  .Area_tagPD .box { overflow:inherit; }
  .Area_tagPD .box {padding-bottom: 5vw;}
  .Area_tagPD .PD_Layout-D2_1f8s-PD .PD_layout .PD img { aspect-ratio: 1 / 1; }
  .Area_tagPD::before{display:none;}
  .Area_tagPD .PD_layout ul {width:94%;padding:0!important;margin:0vw auto 0!important}	


  .Area_tagPD h2 {display:block;overflow: hidden;float: none;position: relative;box-sizing: border-box;top:27vw;margin: 0px;padding: 0;width: 100%;height: 17vw;font-size: 7vw;font-family: "Noto Sans CJK SC";font-weight:bold;line-height: 1.7;text-align: center;color: #fff ;letter-spacing: 0;/*background:url(mb_22.jpg?t=1756372414648) no-repeat;background-size:100%;*/}
  
  .Area_tagPD .Area_sectionTitle ul {padding: 0;margin: 0;list-style: none;}
  .Area_tagPD .Area_sectionTitle ul li { background-color: transparent; pointer-events: none;}
  .Area_tagPD .Area_sectionTitle ul li h5 {position: relative;top:0.5vw;margin: 0;padding: 0;width: 100%;height: 7vw;font: 6.5vw/6.5vw "Noto Sans CJK SC";font-weight: normal;text-align: center;color:#5ca7d5;letter-spacing: 0px;overflow: hidden;/*text-shadow: 0px 0px 5px #000;*/}
  .Area_tagPD .box_txt2 {position: absolute;margin: 0 auto;width: 100%;padding: 0 ;height: 10vw;}
  .Area_tagPD .box_txt2 img{width: 100%;}


}






/*館作圖區(線上)*/
@media screen and (min-width:768px){
	.Area_guan {padding-bottom:40px;z-index: 99;}
	.Area_guan .layout_guan {width:100%;margin:0;padding: 0;}
	.Area_guan .layout_guan ul {width:800px;padding:0 0 0 0!important;margin:0 auto; }
	.Area_guan .layout_guan ul li {padding:0;margin: 0;}
	.Area_guan .layout_guan ul li img {width:100%;}
}
@media screen and (max-width:767px){
    .Area_guan{padding-bottom:0vw;}
    .Area_guan .layout_guan {width:100%;margin:0;padding: 0;}
	.Area_guan .layout_guan ul {width:96%;padding:0!important;margin:0 auto;}
	.Area_guan .layout_guan ul li {padding:1% 0!important;margin:0;}
	.Area_guan .layout_guan ul li img { width: 100%;position: relative;left:0vw;}

}