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

/*回版頭*/
#gotop { display: none; position:fixed; z-index:5; right:20px; bottom:140px;padding:10px 10px 3px 10px; border-radius:50px; font:12px/30px Verdana; text-align:center; color:#000;  background-color:rgba(255,255,255,0.7); 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:hover { padding-top:40px; background-color:#fff;} 
#gotop::before { content: ""; position:absolute; top:7px; left:18px; width: 0; height: 0; border: 4px solid #000; border-color: transparent transparent #000; }
	@media screen and (max-width:767px){
		#gotop { right:20px; bottom:60px; }
	}

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


/*手機置底黏人精*/
  @media screen and (min-width:768px){
.Fixedfooter { width:100%; height:90px;background:#000; position:fixed; bottom:0; z-index:300;
                padding-bottom: calc(0px + constant(safe-area-inset-bottom)*0.6); 	/* 兼容 iOS < 11.2 */
                padding-bottom: calc(0px + env(safe-area-inset-bottom)*0.6); }
.Fixedfooter .box { width:96%; margin:0 auto}
.Fixedfooter ul { margin:0; padding:0; list-style:none; position:relative;}
.Fixedfooter ul:after { content:""; display:block; clear:both;}
.Fixedfooter li { width:50%; float:left; margin:0; text-align:center; position:relative;}
.Fixedfooter li i { content:"" ; display:block; width:0.5%; height:10vw; background-color:#fff; position:absolute; top:10%; right:0;}
.Fixedfooter li a { display:block; color:#fff; font:bold 35px/100px "微軟正黑體";}
.Fixedfooter .momocobtn { position:absolute; top:-8vw; right:8vw; z-index:5; width:12%; pointer-events:none;}
.Fixedfooter li .icon { width:50px; height:auto; padding:30px 0; box-sizing:border-box;  margin-right:1%;}
.drop-shadow {-webkit-filter: drop-shadow(1px 1px 3px rgba(0,0,0,0.5)); filter: drop-shadow(1px 1px 3px rgba(0,0,0,0.5))}			  
}
  @media screen and (max-width:767px){
.Fixedfooter { width:100%; height:13vw; background:#000; position:fixed; bottom:0; z-index:300;
                padding-bottom: calc(0px + constant(safe-area-inset-bottom)*0.6); 	/* 兼容 iOS < 11.2 */
                padding-bottom: calc(0px + env(safe-area-inset-bottom)*0.6); }
.Fixedfooter .box { width:96%; margin:0 auto}
.Fixedfooter ul { margin:0; padding:0; list-style:none; position:relative;}
.Fixedfooter ul:after { content:""; display:block; clear:both;}
.Fixedfooter li { width:50%; float:left; margin:0; text-align:center; position:relative;}
.Fixedfooter li i { content:"" ; display:block; width:0.5%; height:10vw; background-color:#fff; position:absolute; top:10%; right:0;}
.Fixedfooter li a { display:block; color:#fff; font:bold 4.5vw/13vw "微軟正黑體";}
.Fixedfooter .momocobtn { position:absolute; top:-8vw; right:8vw; z-index:5; width:12%; pointer-events:none;}
.Fixedfooter li .icon { width:12%; height:auto; padding:8% 0; box-sizing:border-box;  margin-right:1%;}
.drop-shadow {-webkit-filter: drop-shadow(1px 1px 3px rgba(0,0,0,0.5)); filter: drop-shadow(1px 1px 3px rgba(0,0,0,0.5))}											 
	  
}

									 


/*通知浮層*/
.agreeArea { z-index:1; position:relative; top:5%; margin:0 auto 30px; width:94%; max-width:700px; font-family:"Century Gothic", "微軟正黑體", sans-serif; /*text-align:justify; word-break:break-all;*/}
.agreeArea img{ width:100%; height:auto;}
.agreeArea .box { border-radius:10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); background-color:#fff; overflow:hidden;}
.agreeArea .box .txtArea { height:600px; overflow:auto; overflow-y:auto; -webkit-overflow-scrolling:touch;}
.agreeArea .box h3 { margin:0; padding:0; height:3rem; font-size:1.25rem; font-weight:800;line-height:3rem; text-align:center; color:#000; background-color:#ffd710;}
.agreeArea .box p { margin:10px auto; margin-top:1rem; padding:0 2%; text-align:center; font-size:1em;line-height:1.2em; color:#000;}
.agreeArea .box p b { display:inline-block; padding-bottom:0px;}
.agreeArea .box p span { }
.agreeArea .box .qrcodeimg { text-align:center; }
.agreeArea .box .qrcodeimg a { color:#006afe;}
.agreeArea .box .qrcodeimg img { width:100%; height:auto;}
.agreeArea .box .agree_table table { margin:20px auto; border-collapse:collapse; width:90%; text-align:center;}
.agreeArea .box .agree_table th { padding:5px; border:1px solid #CCC; width:33%; font-size:0.9em; }
.agreeArea .box .agree_table td { padding:5px; border:1px solid #CCC; font-size:0.9em; }
.agreeArea .box .agree_table th a{ color:#c70026; text-decoration:underline;}
.agreeArea .box .xxx{ display:block; width:80%; height:40px; font-size:1.5em; text-align:center; line-height:40px; color:#FFF; background-color:#7048A0; margin:0 auto; margin-bottom:20px; margin-top:10px; font-weight:bold; border-radius:10px;}
.agreeArea .box > ul,
.agreeArea .box > ol { margin:20px auto;}
.agreeArea .box li { margin:0 20px 10px 0px; font-size:0.8em;}
.agreeArea .box table { margin:5%; width:90%;  border-collapse:collapse;}
.agreeArea .box th { padding:5px; border:1px solid #CCC; background:#eee; font-size:0.8em; }
.agreeArea .box td { padding:5px; border:1px solid #CCC; font-size:0.6em; vertical-align:top; }
.agreeArea .box table ul,
.agreeArea .box table ol { padding:0 0 0 20px; vertical-align: middle; }
.agreeArea .box table li { margin:0 0 10px 0px;}
.agreeArea .btn_more { margin:0 250px; padding:0; }
.agreeArea .btn_more a { display:inline-block; background:#B50000; border-radius:60px; padding:0 20%; color:#fff; font: bold 20px/50px 微軟正黑體; }

	@media screen and (max-width:767px){
        .agreeArea .box p {  padding:0 2%; font-size:.8em;}
				.agreeArea .btn_more { margin:0 23% 10%;}
				.agreeArea .btn_more a { padding:0 20%; color:#fff; font: bold 5vw/10vw 微軟正黑體; }

    }


/*表格浮層*/
.agreeArea .box tr td {  vertical-align: middle; color:#000;}
.agreeArea .box tr:nth-child(1) th { text-align: center; }

/*浮層嘿嘿*/
.blackBox_play {}
.blackBox { display:none; z-index:999; 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;}
.blackBox .box h4 {height: 3rem; font-size: 0.8rem; font-weight: 100; text-align: center; color: #000;}


/*下方各部公版選單*/

.menu { position: relative; display:block; margin: 0 auto; overflow:hidden; width: 96%; text-align:center; z-index:2; padding:2% 0 0;}
.menu ul { margin: 0; padding: 0; list-style: none outside none;}
.menu ul:after { content:""; clear:both; display:block;}
.menu li { float: left; margin: 0 5px 10px !important; padding: 0; width: 200px;}
.menu li:first-child { margin-left: 0;}
.menu li a { display: block; color: #FFF; font: 20px/35px "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica; text-decoration: none;}
.menu .label_btn{display: inline-block; width:100%; background: rgba(0,0,0,0.6); text-align: center; border-radius:5px;}
.menu .selected .label_btn { color: #ff7200; background: #000; transition: background 0.5s linear; }
.tab_content .page{display:none;}

	@media screen and (max-width:767px){
		.menu li { width:32.3%; margin:0 0.5% 1% !important;}
	
	}

/*共用--輪播基本設定*/
.Area_swiper { position:relative; margin:0 auto; -webkit-box-sizing:border-box; box-sizing:border-box; overflow: hidden;}
.Area_swiper_box { z-index:1; padding-bottom:25px;}
.Area_swiper_box.Area_swiper_box_relative { position:relative;}
.Area_swiper_box.Area_swiper_box_absolute { position:absolute; top:0; left:0; right:0; bottom:0;}
.Area_swiper_box .swiper-wrapper { margin:0; padding:0; list-style:none;}
.Area_swiper_box .swiper-wrapper:after { content:""; display:block; clear:both;}
.Area_swiper_box .swiper-slide { margin:0; padding:0;}
.Area_swiper_box .pagination { bottom:0px !important; transform:scale(0.7);}
.Area_swiper_box .pagination.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { transform: translateX(-50%) scale(0.7);}
    @media screen and (max-width:767px){
      .Area_swiper { }
      .Area_swiper_box { padding-bottom: 5vw;}
    }
    /*按忸*/
    .button.swiper-button-next,
    .button.swiper-button-prev { outline: none;} 
    @media screen and (max-width:767px){
      .button.swiper-button-next,
      .button.swiper-button-prev { display:none !important;} 
    }
    /*輪播套公版時修正*/
    .Area_swiper_box .PD_layout { position: static;}