@charset "utf-8";

/*回版頭*/
#gotop { display: none; position:fixed; z-index:5; right:20px; bottom:30px;padding:10px 10px 3px 10px; border-radius:50px; font:12px/30px Verdana; text-align:center; color:#fff; background-color:rgb(0 0 0 / 70%); cursor:pointer;
  -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
          transition: all 0.3s ease;}
#gotop::before { content: ""; position:absolute; top:7px; left:18px; width: 0; height: 0; border: 4px solid #fff; border-color: transparent transparent #fff;}
	@media screen and (max-width:767px){
		#gotop { right: 20px; bottom: 25px;
                          bottom: calc(25px + constant(safe-area-inset-bottom)*0.6);
                          bottom: calc(25px + env(safe-area-inset-bottom)*0.6);}
	}



/*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 白色*/
.momologo-pink  a:hover path { fill:#3d3d3d; }/*LOGO 桃紅色*/
.momologo-white a:hover path { fill:#EA27C2; }/*LOGO 白色*/
	@media screen and (max-width:767px){
		.momologo { display:none;}
	}
	
/*黏人快速鍵*/
.fixed_Area { z-index:999; position:fixed; top:10px; right:0px; overflow:hidden; width:136px; text-align:center;}
.fixed_Area h2 { margin:0; padding:0; line-height:0;}
.fixed_Area h4 { margin:0; padding:0; font:bold 16px/20px "微軟正黑體",Helvetica bold; color:#fff; letter-spacing:-1px; text-align:center;  }
.fixed_Area h4 a { display:block; margin:0 auto; padding:0; width:75px; color:#ffeead; text-decoration:none;  }
.fixed_Area h4 a:hover { color:#fff;}
.fixed_Area h4 p { position:relative; margin:0; padding:20px 11px 18px 15px; background:url(fixed_Area_repeat.png?t=1734327972945) repeat-y center;    background-size: 136px 100%;}
.fixed_Area h4 .line { margin:0; padding:0; line-height:0;}

.fixed_Area .fixedBox_top {}
.fixed_Area .fixedBox_1 {}
.fixed_Area .fixedBox_1 a { padding-bottom:10px; }
.fixed_Area .fixedBox_1 p:first-child { }
.fixed_Area .fixedBox_1 p:last-child a { padding-bottom:0; border-bottom: none;}

.fixed_Area h4 a img {
  -webkit-transition: all 0.4s ease;
          transition: all 0.4s ease;
}
.fixed_Area h4 a:hover img {
  -webkit-transform: translateY(3px); 
          transform: translateY(3px);}
#gotop1 { cursor:pointer;}
	@media screen and (min-width:2000px){
		.fixed_Area {right:50%; margin-right:-900px;}
	}
/*黏人精快速鍵-動畫
.approch1 {-webkit-animation-duration: 1.5s;  animation-duration: 1.5s;  -webkit-animation-name: approch1;  animation-name: approch1;  -webkit-animation-iteration-count: 1;    animation-iteration-count:1; -webkit-animation-direction: alternate;animation-direction: alternate;}
	@-webkit-keyframes approch1 { 
	}
	@keyframes approch1 { 
		0% { transform: translate(0,200px); opacity:0 } 
		100%{ transform: translate(0,0); opacity:1 }
	}
*/


/*置底黏人精*/
.footerArea { display:none!important;} /*把手機原本的地關掉*/
.fixedfooterArea { z-index:99; position:fixed; bottom:0; left:0; margin:0; padding:0;  width:100%; height:44px; background-color:#570003; text-align:center; font-family:"微軟正黑體","Microsoft JhengHei";}
.fixedfooterArea .fixedBox_1 { z-index:1; position:absolute; top:0px; left:0; width:100%; text-align:center; }
.fixedfooterArea .title { position:relative; top:-34px; display:inline-block; padding:4px 15px; border-radius:20px; height:20px; overflow:hidden; font-size:14px; line-height:20px; color:#fff; text-align:center; background-color:rgba(75,49,32,0.6); }
.fixedfooterArea .fixedBox_2 { z-index:2; position: relative; height: inherit; overflow:hidden; }
.fixedfooterArea .fixedBox_2 p { float: left; position:relative; margin:0; padding:0; width:33.3%; }
.fixedfooterArea .fixedBox_2 a { display:block; padding:10px 0;  height: inherit; font-size:14px; line-height:24px; color:#fff; text-decoration:none;}
.fixedfooterArea .fixedBox_2 a:hover {color:#FCC887;}
.fixedfooterArea .fixedBox_2 a img { position: relative; top:-1px; margin-right:1px; width:auto; height:24px;}
.fixedfooterArea .fixedBox_2 p:after  {content: ""; position:absolute; top:15%; right:0; display:block; width:1px; height:70%; background-color:#fff; opacity:.7;}
.fixedfooterArea .fixedBox_2 p:last-child::after { display: none;}
/*
	/*我的點數-動畫
	.fixed_pointArea .fixedBox_1 {-webkit-animation-duration: 1.5s;  animation-duration: 1.5s;  -webkit-animation-name: fixedBox_an;  animation-name: fixedBox_an;  -webkit-animation-iteration-count: 1;    animation-iteration-count:1; -webkit-animation-direction: alternate;animation-direction: alternate;}
		@-webkit-keyframes fixedBox_an { 
		}
		@keyframes fixedBox_an { 
			0% { transform: translate(0,40px); opacity:0;} 
			100%{ transform: translate(0,0); opacity:1;}
		}
*/
		
/*浮層嘿嘿*/
.blackBox { display:none; z-index:9; position:absolute; top:0px; left:0px; width:100%; height:100%; background-color: rgba(34,34,34,0.75);}
.blackBox * { font-family:"微軟正黑體"; box-sizing:border-box;}
.blackBox  a { text-decoration:none;}
	/*浮層基本*/
	.blackBox .box .button {  border-top:1px solid #d6d6d6; text-align:center; font-size:1.25rem; line-height:3.5rem; font-weight:bold;}
	.blackBox .box .but-close { clear:both; width:100%;}
	.blackBox .box .but-close a { display:inline-block;  width:100%; height:100%; color:#333;}
	.blackBox .box h3 span.close { position:absolute; top:6px; right:5px; display:block; border:2px solid #333; border-radius:5px; width:63px; height:33px; font-size:1rem; line-height:2rem; text-align:center;}
	.blackBox .box h3 span.close a { display:inline-block; width:100%; height:100%; color:#333;}
	.blackBox .Boxclose { position:absolute; top:0px; left:0px; width:100%; height:100%; background-color: transparent;}

	/** 置底黏人精浮層區*/
	.flitermenu {z-index:10;  position: fixed;  bottom: 60px;background-color:#fff; margin:0 3%; border-radius:0px; width:94%;}
	.flitermenu * { box-sizing:border-box;}
	.flitermenu .trainglelist { position:absolute; bottom:-10px; left:48%; width:0; height:0; border-style:solid; border-width:10px 10px 0px 10px; border-color:#fff transparent transparent transparent;   }
	.flitermenu ul { margin:0 ; padding:5% 3% 2%; width:100%; height:auto; overflow: hidden; }
	.flitermenu li { float:left; display:block; margin-left:2%; margin-bottom:3%; padding:0 3%; width:32%; height:30px; border-radius:50px; text-align:center; font: bold 14px/30px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; color:#000; background-color:#ff8400; }
	.flitermenu li:nth-child(3n+1) { margin-left:0; }
	.flitermenu li a { display:block; color:#fff; }
	.flitermenu li:hover { filter: brightness(120%); }
	.flitermenu .hover { background-color: #00b7be;}

	@media screen and (min-width:400px){
		.flitermenu ul{ padding:4%;}
		.flitermenu li{ margin-bottom:2%;}
		}
	@media screen and (min-width:600px){
		.flitermenu ul{ padding:2%;}
		.flitermenu li{ margin-bottom:2%;}
		}
	.agree01 .flitermenu .trainglelist { left:15%;}	
	.agree02 .flitermenu .trainglelist { left:35%;}	
	.agree03 .flitermenu .trainglelist { left:60%;}
	.agree04 .flitermenu .trainglelist { left:85%;}