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

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

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

/*全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; background:linear-gradient(360deg, #d9dadc 10%, #ffffff 30%, #dddee0 60%);}
.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:0; min-width: inherit; min-height:100vh; overflow: hidden;}
		.WRAPPER img {  width:100%;  height:auto;}
	}


.edmover { height: 73px; margin-top: -36px!important;}
@media screen and (max-width:767px){ 
.edmover { height: 4.5vw;  margin-top: -2vw!important;} 
}

.QQ .Area_swiper_box .PD_layout li {background-color: rgba(255,255,255,0.00);}
/*取消公版白底*/
.QQ .PD_wrapper {background-color: rgba(255,255,255,0.00);}
.QQ .PD_layout[data-pd-li*="BN"] li{border: rgba(255,255,255,0.00);}
@media screen and (max-width:767px){
	.QQ .PD_wrapper {background-color: rgba(255,255,255,0.00);}
	.QQ .PD_layout[data-pd-li*="BN"] li{border: rgba(255,255,255,0.00);}
 }

/*背景*/
.bgtop { z-index: -2; position: absolute; top: 0; left: 0; width: 100%; min-width: 1220px; height: 100%; background: url(bgtop.jpg?t=1750844820936) no-repeat center top;}
.bgrepeat { display: none; z-index: -2; position: absolute; top:1181px; left: 0; width: 100%; min-width: 1220px; height: 100%; background: url("bgrepeat.jpg?t=1750844820936") repeat-y center top;background-color: #fd73ea;}
.bgdeco {display: none;  z-index:-1; position: absolute; top:443px; left: 0; width: 100%; min-width:1220px; height: 100%; background: url(bgdeco.png?t=1750844820936) no-repeat center top; pointer-events: none;}

@media screen and (max-width:767px){
.bgtop {z-index: -2; min-width: inherit;  background: url(mb_top_bg.jpg?t=1750844820936) no-repeat center 44px; background-size: 100%; pointer-events: none;}
.bgrepeat{min-width: inherit; position: absolute; top:135vw; left: 0; width: 100%; height: 100%; background: url(mrepeat.png?t=1750844820936) repeat-y center top; background-size: 100% !important;background-color: #fd73ea;}
.bgdeco {display: none; min-width: inherit; position: fixed; top:22vw; left: 0; width: 100%; height: 100%; background: url(mb_bgdeco.png?t=1750844820936) repeat-y center top; background-size: 100% !important;}
}

/*區標(線上入稿)*/
@media screen and (min-width:767px){
.txt {position: relative;top:0;/*background-image:url("txtbg.png?t=1750844820936");*/ background-size: 80%;background-position: center;width: 100%; height: 78px;overflow: hidden;background-repeat:no-repeat;padding-top: 65px;margin: 0 auto;}
.txt .PD_layout ul {padding: 0;margin: 0;list-style: none;height:100%!important;}
.txt .PD_layout ul li { background-color: transparent; pointer-events: none;}
.txt .PD_layout ul li h5 {position: relative;top: -10px;z-index: 1;font: 900 60px/45px "微軟正黑體","Microsoft JhengHei",Helvetica;float: left;color: #fff;width: 100%;margin: 0 auto;padding: 0;}	
}
@media screen and (max-width:767px){
.txt {position: relative;width: 100%;height:17vw;margin-bottom: 0vw;/*background-image:url(txtbg.png?t=1750844820936);background-repeat: no-repeat;*/ background-size: 100%;z-index: 20;overflow: hidden;}	
.txt .PD_layout ul {margin-top: 0vw;height: auto!important;list-style: none;}
.txt .PD_layout ul li { background-color: transparent; pointer-events: none;}
.txt .PD_layout ul li h5 {position: relative;top:7vw;margin: 0vw;padding: 0vw;width: 100%;height: 8vw;font: 6.2vw/6vw "微軟正黑體","Microsoft JhengHei",Helvetica;font-weight: bolder;text-align: center;color:#fff;letter-spacing: 0vw;overflow: hidden;font-weight: 900;}
}


/*版頭*/
@media screen and (min-width:768px){
/*.Area_title {pointer-events:none;}*/
.Area_title{ height: 630px; box-sizing: border-box;}
.Area_title .title01 { z-index:0; position: relative;top:112px;left:-218px;}
.Area_title .PD_wrapper {background-color: rgba(255,255,255,0.00);}
.Area_title .PD_layout[data-pd-li*="BN"] li{border: rgba(255,255,255,0.00);}
.Area_title .PD_layout.BN img {width: 115%;}
}

@media screen and (max-width:767px){
 .Area_title { height:43vw;}
 .Area_title .title01 { z-index:0; position: relative; width: 68%;top: 11vw;left: 0.5vw;}
 .Area_title .PD_wrapper {background-color: rgba(255,255,255,0.00);}
 .Area_title .PD_layout[data-pd-li*="BN"] li{border: rgba(255,255,255,0.00);}	
 .Area_title .PD_layout.BN ul {width: 108%;padding: 0}	
}	


.Area_bottom {margin-bottom: 10px !important;}
@media screen and (max-width:767px){
.Area_bottom {margin-bottom: 1vw !important;}	
}

/*新增*/
/*活動BNx3(線上入搞)*/
/*banner(線上入稿)*/
@media screen and (min-width:767px){
.Area_bn { height:510px;}
  .Area_bn .PD_layout.BN {padding: 110px 0 0 0;}	
.Area_bn .PD_layout.BN img {width: 75%;border-radius: 20px;}	
}
@media screen and (max-width:767px){
  .Area_bn {height:48vw;/*background-image:url(m_ulbg.jpg?t=1750844820936);background-repeat:repeat-y;background-size:100%;*/}
  .Area_bn .PD_layout.BN {padding: 12vw 0 0 0;}
  .Area_bn .PD_layout.BN img {width: 88%;border-radius: 10px;}
}


@media screen and (min-width:768px){
.Area_coupon { position: relative;height: 420px; top: 0; z-index: 1; }	
.Area_coupon .box .PD_layout img {width: 75%;}
}
@media screen and (max-width:767px){
.Area_coupon {height: 46vw;margin:0 auto;}
.Area_coupon .box .PD_layout img {width: 92%;}
}


/*公版*/@media screen and (min-width:767px){
    .AreaPD{height: 100%;}
    .AreaPD .txt{height: 80px!important;}
    .AreaPD .PD_layout.PD_box ul {width: 94%;}
}
@media screen and (max-width:767px){
     .AreaPD {padding-top: 1vw!important;margin-bottom: 5vw!important;}	
     .AreaPD .PD_layout.PD_box {padding-top: 1vw;}
	 .AreaPD .PD_layout.PD_box ul {width: 94%;}
}



/*館活動*/
@media screen and (min-width:767px){
.Area_guan { height: 240px;}
  .Area_guan .PD_layout.BN {padding:40px 0 0 0;}	
  .Area_guan .PD_layout.BN img {width:75%;}	
}
@media screen and (max-width:767px){
  .Area_guan {height:8vw;/*background-image:url(m_ulbg.jpg?t=1750844820936);background-repeat:repeat-y;background-size:100%;*/}
  .Area_guan .PD_layout.BN {padding: 0vw 0 0 0;}
  .Area_guan .PD_layout.BN img {width: 90%;}
}



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


/*版頭*/

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