@charset "utf-8";

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


/*全BOX版面*/
.WRAPPER { position: relative; display:block; margin: 0 auto; padding: 0px; width:100%;  min-width:1220px; font-family:"微軟正黑體","Microsoft JhengHei",Helvetica; overflow:hidden}
.WRAPPER img { border:0px; vertical-align:top;}
.WRAPPER a { text-decoration:none;}
		@media screen and (max-width:767px){
		.WRAPPER {  padding-bottom:0; min-width: inherit;}
		.WRAPPER img {  width:100%;  height:auto;}
	}

	
/*背景*/

.bg02 { z-index:0; position:absolute; top:0; left:0; width:100%; min-width:1220px; height:100%; background-repeat:repeat; background-position:center top; background-image:url(bg02.png?t=1776417275532);}
@media screen and (max-width:767px){
	.bgtop  {background: url(m_bg.png?t=1776417275532) no-repeat center top; }
	footer {text-align:left; padding: 5% 8%; background: #000; color: #fff; font-size: .9em; font-family:Century Gothic, "微軟正黑體",Helvetica;}
	footer p{margin: 0;}
}


/*版頭*/
.WRAPPER .mainArea { z-index:1; position:relative; display:block; margin:0 auto; padding: 0; width:1220px;}
.WRAPPER .mainArea .area_top { position:relative; margin:0 auto; padding:0;}
.WRAPPER .mainArea .area_top .momologo { position: absolute;top:15px; left:20px;}
.WRAPPER .mainArea .area_top .momologo a { display:block; width:460px; height:46px; background: url(momologo.png?t=1776417275532) no-repeat;}
/* .WRAPPER .mainArea .area_top .momologo a:hover{ background: url(momologo_on.png?t=1776417275532) no-repeat;} */
	@media screen and (max-width:767px){
		.WRAPPER .mainArea { width:100%; }
		.WRAPPER .mainArea .area_top { height: auto;}
		.WRAPPER .mainArea .area_top .momologo { top:2vw; left:50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width:65%;}
    .WRAPPER .mainArea .area_top .momologo a { width: 100%; height:7vw; background-size: 100%;}
	}
	

/*區塊_all*/
.Area { z-index:1; position: relative; margin:0 auto; padding:0; border-radius:0; text-align:center; }
.Area a { position:relative; } 
.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(.94,.94);
	 -moz-transform: scale(.94,.94);
	  -ms-transform: scale(.94,.94);
	   -o-transform: scale(.94,.94);
		  transform: scale(.94,.94);}
.Area1220 { margin:0 auto; width:1220px;}
.Area960 { margin:0 auto; width:960px;}
	@media screen and (max-width:767px){
		.Area {background: #b6ddd4;}
		.Area .go_bt:hover { 
		  -webkit-transform:none;
			 -moz-transform:none;
			  -ms-transform:none;
			   -o-transform:none;
				  transform:none;}
		.Area1220 { width:100%;}
		.Area960 { margin:0 auto; width:100%;}
	}




/*區塊1*/
.Area1 { }
.Area1 .title { z-index:2; text-align:center;}
.Area1 .box { z-index:1; position: relative;  margin:0 0 50px 0; padding:0 20px; background:#FFF; border:8px solid #ffd0d6;    }
	@media screen and (max-width:767px){
		.Area1 { margin-bottom: 30px;}
    .Area1 * { -webkit-box-sizing:border-box; box-sizing:border-box; }
		.Area1 .box { padding:0 2%; background-size:100% auto; margin:0 0 2% 0; }
	}





/*文案區*/
.textArea { color:#000; text-align:left;}
.textArea .title { margin:40px auto;}
/*.textArea { margin:20px auto; padding:10px 100px 50px; border-radius:100px; border:2px solid #FFD200; text-align:left; color:#fff; background-image: repeating-linear-gradient(180deg, rgba(0,0,0,0.4) -2%, rgba(255,255,255,0) 50%, rgba(0,0,0,0.4) 120%);}*/
.textArea a { text-decoration:none;}
.textArea h2 { margin:0; padding:0 0 0 0;  font-size:80px; line-height:2em; letter-spacing:-3px; color:#ffd090; text-align:center;}
.textArea h3 { margin:0; padding:0 0 15px 0;  font-size:60px; line-height:1.2em;  color: #000; }
.textArea h4 { margin:25px 0 0 0 ; padding:0 0 15px 0;  font-size:36px; line-height:1.2em;  color:#ff8997;}
.textArea h5 { margin:0; padding:0 0 15px 0;  font-size:24px; line-height:1.2em;  }
.textArea strong {   font-size:22px; line-height:30px;  }
.textArea p { font-size:16px; line-height:26px;}
.textArea ul { margin:0; padding:0 0 0 0;}
.textArea ul li { margin:0 0 0px 40px; font-weight:bold; padding:0 0 10px 0; font-size:22px; line-height:1.7em ; text-align:left; list-style:decimal; }
.textArea .buttonBase { text-align:right;}
.textArea .buttonArea { position: relative;	display: inline-block;	margin: 10px 0 40px; }
.textArea .buttonArea div { display: inline-block; margin:0; padding:0 0 0 40px; border:3px solid #ffc980;  font-size:36px; line-height:70px; font-weight:bold;  color:#fff; text-align:center;letter-spacing:-2px; background:#B20015; border-radius:60px;}
.textArea .buttonArea div:hover { background:#71121C; }
.textArea .buttonArea div .btnGO { margin:0; padding:15px 20px 0 20px;}
	@media screen and (max-width:767px){
		.textArea { }
		.textArea .title { margin:5vw auto; width:100%;}
		.textArea h2 { font-size:30px; line-height:2em; }
		.textArea h3 { font-size:20px; line-height:1.2em; }
		.textArea h4 { font-size:20px; line-height:1.2em; }
		.textArea h5 { font-size:16px; line-height:1.2em; }
		.textArea p { margin:0 3% ;font-size:15px; line-height:1.4em; }
		.textArea ul { margin:0 2%; padding:0;}
		.textArea ul li { margin:0 10px 0 20px; padding:0 0 8px 0; list-style:decimal;font-size:16px; line-height:1.5em; text-align:justify; }
		.textArea strong {   font-size:16px; line-height:30px;  }
		.textArea .buttonBase { text-align: center; text-shadow: none;}
		.textArea .buttonArea div { font-size:20px; line-height:50px;}
		.textArea .buttonArea div .btnGO { margin:0; padding:10px 10px 0 20px; width:auto; height:40px;}
	}


/*登記按鈕*/
.Area1 .btn_check{ display:block; margin:0 auto 35px; padding:0 5%; width:60%; background:#B20015; color:#fff; font:bold 46px/90px Century Gothic, "微軟正黑體", "Microsoft JhengHei", Arial; border-radius:100px; border:3px solid #ffc980; text-align:center;
				  -webkit-transition: all 0.2s ease;
					 -moz-transition: all 0.2s ease;
					  -ms-transition: all 0.2s ease;
					   -o-transition: all 0.2s ease;
						  transition: all 0.2s ease;}
.Area1 .btn_check:hover{ -webkit-transform:translateY(5px); transform:translateY(5px); background-color:#71121C; }
.Area1 .btn_check .hand { margin:0; padding:25px 0 0 5px; width:6.5%; -webkit-animation:hand 0.5s infinite alternate; animation:hand 0.5s infinite alternate; }
.Area1 .btn_check .btnGO { margin:0; padding:25px 0 0 5px;}
	@keyframes hand {  
	 from { transform:translateY(-5px); }
	 to { transform:translateY(5px); }
	}
	@media screen and (max-width:767px){
		.Area1 .btn_check{ width:auto; font:bold 18px/50px "微軟正黑體", "Microsoft JhengHei", Arial; border-radius:30px; text-align:center; margin:0 0 5% 2%;}
		.Area1 .btn_check .hand { padding:13px 0 0 5px;; width:9%;}
		.Area1 .btn_check .btnGO { margin:13px 0 0 2px; padding:0; width:auto; height:24px; }
	}

/*滿額*/
.Area1 .money h3 { font-size:36px; }
.Area1 .money h4 { font-size:24px; line-height:1em; }
.Area1 .money ul li {font-size:18px; line-height:1.7em;}
.Area1 .money table { margin-top:0; color:#000;}
.Area1 .money table td { width:33.3%;}
	@media screen and (max-width:767px){
		.Area1 .money h3 { font-size:24px; }
		.Area1 .money h4 { font-size:14px; line-height:1.7em; }
		.Area1 .money ul li {font-size:14px; line-height:1.7em;}
		.Area1 .money table { margin-top:0; margin-bottom:20px; color:#000;}
		.Area1 .money table td { width:33.3%;}
	}




/*footer*/
.bgfooter{ width:auto; height:auto; background:#7e0004; color:#FFF; margin-top:100px;}
.bgfooter .mainarea{ width:1020px; padding:30px 55px; margin:0 auto;text-align:left;}
.bgfooter p{ color:#FFF; font:bold 60px/1.5em "微軟正黑體", "Microsoft JhengHei", Arial; text-align:left;}
.bgfooter li{ list-style-type:decimal; font:18px/1.5em "微軟正黑體", "Microsoft JhengHei", Arial; padding:4px 0; margin:0 0 0 1em;}
.bgfooter li img{ width:auto;}
	@media screen and (max-width:767px){

/*footer*/
.bgfooter{overflow:hidden; background:#7e0004; position:relative;margin-top:20%;}
.bgfooter .mainarea{ width:90%; padding:5%;}
.bgfooter p{ color:#FFF; font:bold 34px/1.5em "微軟正黑體", "Microsoft JhengHei", Arial;}
.bgfooter li{font:16px/1.5em "微軟正黑體", "Microsoft JhengHei", Arial; padding:1% 0;}
.bgfooter li:last-child{ margin:0 0 50px 0;}
.bgfooter li img{ width:100%;}
	}




/*隱鑶*/
.for_pc {}
.for_m { display:none !important;}
	@media screen and (max-width:767px){
		.for_pc { display:none !important;}
		.for_m { display: block !important;}
	}