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


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


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


/*區塊背景*/
@media screen and ( min-width:768px) {
.Areabg01{ position:relative; z-index:0; top:0px; left:0; width:100%; min-width:1220px; height:378px;background-image:url("top.png?t=1771911820616"); background-repeat:no-repeat; background-position:center top;}
}


/*momo_logo*/
.Area_title .momologo { z-index:5; position: absolute; top: 15px; left: 40px;}
.Area_title .momologo a { display: block; width: 165px; height: 83px; background: url(momologo.png?t=1771911820616) no-repeat; background-size: 100%;}
.Area_title .momologo a:hover{ background: url(momologo.png?t=1771911820616) no-repeat;  background-size: 100%;}
@media screen and (max-width:767px){
.Area_title .momologo { top: 2vw; left: 2vw;}
.Area_title .momologo a { width: 27vw; height: 15vw;}
}


	/*共用區塊設定*/
	.Area_style { padding-top:0px; padding-bottom: 20px;}
	.Area_style .title {clear: both;position: relative;margin: 0;padding: 0;/*margin-top: 50px; padding-top: 70px;*/padding-top: 40px;overflow: hidden;width:inherit;height: 107px;font-size: 60px;line-height: 100px;letter-spacing :-1px;text-align: center;color: #fff;border-bottom: solid 3px #fff;}
	.Area_style .title i { margin-right: 10px;}
	.Area_style .title i img { position:relative; top:-36px; width: 140px;}
    .Area_page4 .title i img { top:-15px;}
	.Area_style .title b { position:relative;}
	.Area_style .title b small {  font-size: 28px}
	/*.Area_style .title::before { content: ""; position: absolute; z-index:0; top:22px; left:0px; display:block; width:100%; height:100%; background-color: #ababab; border-radius: 0.5em;background-image:url(title_bg-2.png?t=1771911820616);}*/
	.Area_style .title::before { content: ""; position: absolute; z-index:0; top: 72px; left: 10px; width: calc(100% - 20px); height:100%; }
	.Area_style .title2 { clear:both; position:relative; margin:0; padding:0; margin-top:60px; width:inherit; height:113px; font-size:48px; line-height:130px; letter-spacing:-1px; text-align:center; color:#fff; }
	.Area_style .title2 i img{ position:relative; top:-38px;}
	.Area_style .title2::before { content: ""; position: absolute; z-index:0; top:0; left:0px; display:block; width:100%; height:100%; background-image:url(title_bg-3.png?t=1771911820616) ;}
	.Area_style .title2 b { position:relative;}
	.Area_style .txt { position:absolute; top:0; right:200px; z-index:999}
	.Area_style .txt a { background-color:#000; color:#FFF; font-size:18px; font-family:"微軟正黑體", "Century Gothic"; border-radius:50px; margin:0; padding:2px 20px;}
	.Area_style .txt a:hover {color:#0066ad;}
	.Area_style .section { clear:both; display:block; margin:0; padding:0; margin-top:38px; overflow:hidden; text-align:left;}
	.Area_style .box-shadow li {}
	.Area_style .box-shadow li:hover {}
	.Area_style .box-shadow li:active	{}
		@media screen and (max-width:767px){
			.Area_style { padding-bottom:150px; -webkit-box-sizing:border-box; box-sizing:border-box; }
			.Area_style .title { margin-top: 0; padding: 0.5vw 0;  height:48px; font-size:16px; line-height:48px; background-image:none; background-color:#a52e24;color: #fff; border-bottom:inherit}
			.Area_style .title::before { display: none; /*background-image:none;*/}
			.Area_style .title b { font-size: 5.8vw;}
			.Area_style .title b small {  font-size: 3.5vw}
			.Area_style .title i img { display:none !important;}
			.Area_style .section { margin-top: 15px;}
			.Area_style .txt { position:absolute; top:0; right:10px; z-index:999}
			.Area_style .txt a { font-size:14px; padding:2px 10px; }
			.Area_style .box-shadow li {
				-webkit-box-shadow:0px 2px 8px rgba(0,0,0,0.2);
				   -moz-box-shadow:0px 2px 8px rgba(0,0,0,0.2);
					-ms-box-shadow:0px 2px 8px rgba(0,0,0,0.2);
					 -o-box-shadow:0px 2px 8px rgba(0,0,0,0.2);
						box-shadow:0px 2px 8px rgba(0,0,0,0.2);}
			
			

			.Area_store_02 .Area_bankList li .bankcard_group_box p { text-align: center; }
			.Area_store_02 .Area_bankList li .more_detail {text-align: center !important ;padding-left: 0em  !important;}
			
			}
	/*新增區標樣式*/
	.Area_style .subtitle { position: relative; margin: 30px 10px 0; padding: 0; height: 96px; font-size: 36px; line-height: 96px; letter-spacing:-1px; text-align: center; color: #fff; overflow: hidden; border-bottom: solid 1px #fff; /*background-color:#242424;*/ }
	.Area_style .subtitle b { position: relative;}
	.Area_style .subtitle b small { position: relative; top: -6px; margin-right: 0.5em; padding: 6px 24px; font-size: 28px; color: #3f7272; background-color: #fff; border-radius: 50em; /*font-family: "Century Gothic", "微軟正黑體", sans-serif;*/}
		@media screen and (max-width:767px){
      .Area_style .subtitle { margin: 3% auto; padding: 2vw 0; width: 92%; height: 5.8vw; font-size: 5.8vw; line-height: 5.8vw;}
      .Area_style .subtitle b {}
			.Area_style .subtitle b small { top: -0.6vw; padding: 1% 2.8%; font-size: 3.8vw;}
    }



  /*銀行點數折抵*/
  .Area_discount {}
  .Area_discount .more_detail { margin-top: 30px; margin-bottom: 10px;color: #fff;}
  .Area_discount .section { margin: 0 10px; font-size:15px; color:#333; border:0px solid #ccc; /*overflow:hidden;*/ background-color:#fff;}
  .Area_discount .section .discount_table { display:table; width:100%; }
  .Area_discount .section .discount_table ul { position:relative; display:table-row; margin:0; padding:0; max-width: inherit; overflow:hidden;}
  .Area_discount .section .discount_table ul.discount_th li { padding:10px 0; color:#fff; /*background-color:#632d11;*/ background-color:#4545be; border:0;}
  .Area_discount .section .discount_table ul li { position:relative; display:table-cell; vertical-align:middle; margin:0; border-right:1px solid #eee; border-bottom:1px solid #eee; width:13%; line-height:1.5; text-align:center; list-style:none outside none; background-color:#fff; -webkit-box-sizing:border-box;  box-sizing:border-box; -webkit-box-shadow: none!important;  box-shadow: none!important; }
  .Area_discount .section .discount_table ul li:first-child { width:22%}  
  .Area_discount .section .discount_table ul li:last-child  { border-right:0;}  
  .Area_discount .section .discount_table ul li a { display: block; padding:25px 0; color:#6e7a9f;}
  .Area_discount .section .discount_table ul li a i { display: inline-block; position:relative; top:3px; left:0; width:16px; height:16px;}
  .Area_discount .section .discount_table ul li a i::before,
  .Area_discount .section .discount_table ul li a i::after { content: ""; position:absolute; top:7px; left:2px;  width:12px; height:2px; background-color:#6e7a9f;}
  .Area_discount .section .discount_table ul li a i::before { transform: rotate(0deg);}
  .Area_discount .section .discount_table ul li a i::after  { transform: rotate(90deg);}
  .Area_discount .section .discount_table ul li a i { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); -webkit-transform-origin:50% 50%; transform-origin:50% 50%;}
  .Area_discount .section .moreArea { display:none; clear:both; margin:0; padding:20px 40px 40px; background-color:#f5f5f5; box-shadow: inset 0 0 10px rgba(0,0,0,0.2);}
  .Area_discount .section .moreArea p { text-align:left; text-align:justify; }
  .Area_discount .section .moreArea p b { display:block; color:#2b3349; }
  .Area_discount .section .moreArea .p1 { padding:1rem; border-top:1px solid rgba(0,174,255,0.5); text-indent:-1.2rem; }
  .Area_discount .section .moreArea .p1:first-child { border-top:0;}
  .Area_discount .section .moreArea .p2 { padding-left:1.1rem; text-indent:-0.76rem; line-height:1.8;}
  .Area_discount .section .moreArea .p3 { padding-left:3rem; text-indent:-0.76rem; line-height:1.8;}
  .Area_discount .section .moreArea .p4 { padding-left:4.5rem;}
  .Area_discount .section .moreArea .close_button { display:block; margin:20px auto 0; padding:0 10px; border-radius:2px; max-width:50px; text-align:center; color:#fff; background-color:#666; cursor:pointer;}
  .Area_discount .section .moreArea .close_button:hover { background-color:#000; }
  .Area_discount .section .discount_no:hover    { z-index:2; position:relative; background-color: #FFC; /*box-shadow: 0 0 0 1px #FFC;  */} 
  .Area_discount .section .discount_no:hover  .discount_table       ul li                { background-color: #FFC;  }
  .Area_discount .section .discount_no:hover  .discount_table       ul li:nth-of-type(1) { background-color: #fff; }
  .Area_discount .section .discount_no.active .discount_table ul li { background-color: #FFC;} 
  .Area_discount .section .discount_no.active .discount_table ul li:nth-of-type(1) { background-color: #fff; }
  .Area_discount .section .discount_no.active .discount_table ul li a i { top:70px; left:20px;-webkit-transform: scale(2.5) rotate(-405deg); transform: scale(2.5) rotate(-405deg);}
  .Area_discount .section .discount_no.active .discount_table ul li a i::before,
  .Area_discount .section .discount_no.active .discount_table ul li a i::after { background-color:#000; }
    @media screen and (max-width:768px){
      .Area_discount .section .discount_table ul.discount_th li { padding:0;}
      .Area_discount .section .discount_table ul li { width:33.33%;}
      .Area_discount .section .discount_table ul li:nth-of-type(1),
      .Area_discount .section .discount_table ul li:nth-of-type(3),
      .Area_discount .section .discount_table ul li:nth-of-type(4),
      .Area_discount .section .discount_table ul li:nth-of-type(5) { display:none; }
      .Area_discount .section .discount_table ul li a { padding:16px 0;}
      .Area_discount .section .moreArea { padding:40px 20px 20px; font-size:14px;}
      .fixed { width: 100% !important; top: 11vw;}
    }
    @media screen and (max-width:414px){
      .Area_discount .section .discount_table ul.discount_th li { padding:5px 0;}
      .Area_discount .section .discount_no.active .discount_table ul li a i { top:70px; left:-10px;}
    }
    @media screen and (max-width:767px){
      .Area_discount { padding-bottom: 30px;}
      .Area_discount .more_detail { margin-top: 15px; margin-bottom: 8px; font-size: 14px; line-height: 14px;}
      .Area_discount .section { margin: 0 3%;}
      .Area_discount .section .discount_no.active .discount_table ul li a i { left: 8px;}
    }
  /*展開收合*/
  .all_open, .all_close { color:#fff500; cursor:pointer;}
  /*置頂*/
  .Area_discount #title-none { display:none;}
  .Area_discount.cate-fixed #title-none { display: table;}
  .Area_discount.cate-fixed #title-top {/*position: fixed;*/ top:0; width: 100%; position: absolute; /*top: expression(eval(document.documentElement.scrollTop));*/}

  /*.fixed { position:fixed !important; display:table !important; z-index:99; top:100px; width:1220px !important;  } */
    @media screen and (max-width:768px){
      /*.fixed { width:100%!important;top:11vw;  } */
    }

  /*說明*/
  .Area_discount .comment,
  .Area_discount .comment_small { position: relative; margin: 15px auto 0; padding: 0 10px; overflow: hidden; text-align: center; font-size: 16px; font-weight: bold; color: #000;}
  .Area_discount .comment_small { font-size: 15px; font-weight: inherit; text-align: justify; color: #000;}
  .Area_discount .comment_small p { margin: 0 2% 0.5em; padding: 0 0 0 1.6em; text-indent: -1.3em;}
  .Area_discount .comment_small p:first-child { font-size: 1.2em;}
  .Area_discount .comment_small b { }
    @media screen and (min-width:768px){
      .Area_discount .comment_small { font-size: 20px;}
      .Area_discount .comment_small b { display: block;}	
    }



/*區塊_all*/
.Area { z-index:1; 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(.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: #fff;*/}
		.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%;}
	}


	
	

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