@charset "utf-8";
/*基本*/

body {
	margin: 0px;
	padding: 0px;
    }
	
/*全BOX版面*/
.WRAPPER {position: relative;display:block;	margin: 0;	padding: 0;	width: 100%;overflow: hidden; min-width:1220px;}
.WRAPPER img { border:0px; vertical-align:top;}
.WRAPPER ul {margin:0px; padding:0px; list-style:none outside none}
.WRAPPER li {margin:0px; padding:0px; float:left}
.WRAPPER .mainArea {position:relative; display:block; margin:0 auto; padding: 0; width:1220px;  z-index:0;}
@media screen and (min-width:767px){
.WRAPPER {background: url(bg-all.jpg) center top repeat-y; min-width:auto;}	
.mmainArea{ display:none !important;}
}

/*手機全BOX版面*/
.mmainArea { position:relative; margin:0px auto; padding:0px 0 0 0; width:100%; max-width:640px; z-index:1; font-family:"微軟正黑體","Microsoft JhengHei", Arial, Helvetica; background:#cc1223;}
.mmainArea ul { margin:0px; padding:0px; list-style:none outside none}
.mmainArea li { margin:0px; padding:0px; float:left;width:50%;}
.mmainArea img { border:0px; vertical-align:top;}
.mmainArea a { text-decoration:none;} 
@media screen and (max-width:767px){
.WRAPPER { display:none;  !important;}
.mmainArea{ display:block !important;}
	
}

/*手機區塊*/
.mmainArea .hot-sale { margin:0px; padding:0px 0px 0px 0px; width:100%; display:grid;}
.mmainArea .hot-sale ul { margin:0px; padding:0px; list-style:none outside none; display:flex;}
.mmainArea .hot-sale img { width:100%; height:auto;}
.mmainArea .hot-sale2 { margin:0px; padding:0px 0px 0px 0px; width:100%;}
.mmainArea .hot-sale2 img { width:50%; height:auto; margin:0%; float:left;}
.mmainArea .hot-sale3 { margin:0px; padding:0px 0px 0px 0px; width:100%;text-align:center; }
.mmainArea .hot-sale3 img { width:31.3%; height:auto; float:left; padding:1% 1%}
.mmainArea .hot-sale5 { position:relative; margin:0px; padding:0px 0px 0px 0px; width:100%; height:auto; float:left; overflow:hidden;}
.mmainArea .hot-sale5 ul { overflow: hidden; margin:2% 0 3% 0; }
.mmainArea .hot-sale5 li { width:47%; padding: 1.5% 0 0 2%;}
.mmainArea .hot-sale5 img { width:100%; height:auto; }
.mmainArea .hot-sale0 { margin:0px; padding:0px 0px 0px 0px; width:100%;text-align:center;display:grid;}
.mmainArea .hot-sale0 ul { width:100%}
.mmainArea .hot-sale0 ul li { width:50%; display:inline-block; padding:0 0 2% 0;}
.mmainArea .hot-sale0 ul li a {display:grid}
.mmainArea .hot-sale0 img { width:100%; height:auto; margin:0;}

/*天*/
.maintoptopArea .noheaderArea { margin:0; padding:0; height:auto; width:1220px}
.maintoptopArea .noheaderArea dd { margin:0px; padding:0px;}
.maintoptopArea .noheaderArea .floatleft { position:absolute; top:15px; margin-left:8px;}
.maintoptopArea .noheaderArea .floatleftx { position:absolute; top:0px; margin-left:8px;}
.maintoptopArea .noheaderArea .floatright { position:absolute; top:15px; margin-left:990px;}
.maintoptopArea .noheaderArea .icon-momologo img { width:100%; height:100%;}

/*回版頭*/
#gotop { display: none; position:fixed; z-index:500; right:20px; bottom:30px;padding:14px 10px 3px 10px; border-radius:50px; font:12px/30px Verdana; text-align:center; color:#fff;  background-color:rgba(0,0,0,0.5); 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;} 
#gotop::before { content: ""; position:absolute; top:7px; left:19px; width: 0; height: 0; border: 4px solid #fff; border-color: transparent transparent #fff; }
/*白色*/
#gotop { color:#000; background-color:rgba(255,255,255,0.7);}
#gotop::before { border-color: transparent transparent #000;}
		#gotop { right:10px; bottom:50px; }

/*背景*/
.bgtop   { z-index:0; position:fixed; top:0; left:0; width:100%; min-width:1220px; height:100%; background:url(bg.jpg) top center no-repeat;}
.bgt   { z-index:0; position:fixed; top:0px; left:0; width:100%; min-width:1220px; height:100%; background:url(bg-building.png) top  center repeat-x;}
.fixbg   { z-index:0; position: fixed; top:0px; left:0; width:100%; min-width:1220px; height:100%; background:url() top center no-repeat;}
	@media screen and (max-width:767px){
		.bgtop { display:none;}
		.bgt { display:none;}		
		.fixbg { display:none;}
	}
.fixbg2   { z-index:-30; position: fixed; top:0px; left:0; width:100%; min-width:1220px; height:100%; background:url(bg-s.png) top center no-repeat;}

/*區塊_all*/
.Area { position: relative; margin:0 auto; padding:0; border-radius:0; text-align:center; z-index:2 }
.Area img {width:100%; }
/*.Area a { position:relative; display:inline-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);}
.Area1220 { margin:0 auto; width:1220px;}
.Area1190 { margin:0 auto; width:1190px;}
.Area960 { margin:0 auto; width:960px;}
	@media screen and (max-width:767px){
		.Area { display:none;}		
		.Area1220 { display:none;}
		.Area1190 {display:none;}
		.Area960 { display:none;}
		/*區塊_切割*/
		.Area_1bn { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_1bn a { float:left; margin:0 0 2% 0; padding:0; width:100%; list-style: none;}
		.Area_2bn { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_2bn a { float:left; margin:0 1% 2%; padding:0; width:48%; list-style: none;}
		.Area_3bn { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_3bn a { float:left; margin:0 1% 2% ; padding:0; width:31.3%; list-style: none;}
		.Area_1bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_1bn_nopadding a { float:left; margin:0; padding:0; width:100%; list-style: none;}
		.Area_2bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_2bn_nopadding a { float:left; margin:0; padding:0; width:50%; list-style: none;}
		.Area_3bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_3bn_nopadding a { float:left; margin:0; padding:0; width:33.3%; list-style: none;}
	}



/*倒數時間*/
.Timer { z-index:99; display: block; margin:0; padding: 0px; font:bold 30px/36px Century Gothic; color:#b5945f; text-align:center !important; position:absolute; top:549px; left:49.2%;}
.Timer #HH{ width:40px; margin-right:20px; float:left;}
.Timer #MM{ width:40px; margin-right:20px; float:left;}
.Timer #SS{ width:40px; float:left;}
@media screen and (max-width:767px){
		.Timer { font:bold 6vw/6vw Century Gothic; top:43.7vw; left:45%; width:40%}
		.Timer #HH{ width:12.3vw; margin-right:1%; float:left;}
		.Timer #MM{ width:12.3vw; margin-right:1%; float:left;}
		.Timer #SS{ width:12.3vw; float:left;}
	}
@media screen and (min-width:320px) and (max-width:349px){
		.Timer { top:79.7vw;}
	}      

@media screen and (min-width:360px) and (max-width:374px){
		.Timer { top:78.4vw;}
	} 
	
@media screen and (min-width:375px) and (max-width:413px){
		.Timer { top:77.8vw;}
	}     	    

@media screen and (min-width:414px) and (max-width:480px){
		.Timer { top:76.4vw;}
	}  



/*剩餘組數*/
.txt1{	position: absolute;	top: 204px; left: 139px;width: 119px;height: 24px; padding: 0;	margin: 0 auto;	font-family: "Century Gothic","Microsoft JhengHei","微軟正黑體", Arial, sans-serif;overflow:hidden;}
.txt1 p{ padding:0; margin:0; color: #fff; font-size: 16px;	font-weight: bold; text-align: center; 	line-height: 0.9; }
.txt1 p span{	font-size: 24px;	letter-spacing: -1px;}

.txt2{	position: absolute;	top: 204px;	left: 452px; width:119px; height:24px; padding: 0;	margin: 0 auto;	font-family: "Century Gothic","Microsoft JhengHei","微軟正黑體", Arial, sans-serif;overflow:hidden;}
.txt2 p{ padding:0; margin:0; color: #fff; font-size: 16px;	font-weight: bold; text-align: center; 	line-height: 0.9; }
.txt2 p span{	font-size: 24px;	letter-spacing: -1px;}

.txt3{	position: absolute;	top: 204px;	left: 746px; width:119px; height:24px; padding: 0;	margin: 0 auto;	font-family: "Century Gothic","Microsoft JhengHei","微軟正黑體", Arial, sans-serif;overflow:hidden;}
.txt3 p{ padding:0; margin:0; color: #fff; font-size: 16px;	font-weight: bold; text-align: center; 	line-height: 0.9; }
.txt3 p span{	font-size: 24px;	letter-spacing: -1px;}

.txt4{	position: absolute;	top: 204px;	left: 702px; width:119px; height:24px; padding: 0;	margin: 0 auto;	font-family: "Century Gothic","Microsoft JhengHei","微軟正黑體", Arial, sans-serif;overflow:hidden;}
.txt4 p{ padding:0; margin:0; color: #fff; font-size: 16px;	font-weight: bold; text-align: center; 	line-height: 0.9; }
.txt4 p span{	font-size: 24px;	letter-spacing: -1px;}

/*phone剩餘組數*/
.mmainArea .count {
	position: absolute;
	top: 81.5%;
	right: -21.6%;
	margin: 0;
	padding: 0;
	width: 100%;
	color: #fff;
	text-align: center;
	font: bold 3.5vw/4vw "Century Gothic", Arial, "Microsoft JhengHei";
}

/*按鈕區*/
.bnn { position:absolute; top:114px; left:72px}
.bnn ul li a img {transition-duration: 0.3s;  backface-visibility: hidden;  transform: translateZ(0); display:block; margin:0; padding:0px; width:100%; height:auto; text-align: center;}
.bnn ul li a:hover img {animation: ease-in-out;-webkit-transform: scale(0.98);filter:brightness(130%);-moz-transform: scale(0.98);filter:brightness(130%);-ms-transform: scale(0.98);filter:brightness(130%);-o-transform: scale(0.98);filter:brightness(130%);transform: scale(0.98);filter:brightness(130%);}

.bnn2 { position:absolute; top:1330px; left:0px}
.bnn2 ul li a img {transition-duration: 0.3s;  backface-visibility: hidden;  transform: translateZ(0); display:block; margin:0; padding:0px; width:100%; height:auto; text-align:center;}
.bnn2 ul li a:hover img {animation: ease-in-out;-webkit-transform: scale(0.98);filter:brightness(130%);-moz-transform: scale(0.98);filter:brightness(130%);-ms-transform: scale(0.98);filter:brightness(130%);-o-transform: scale(0.98);filter:brightness(130%);transform: scale(0.98);filter:brightness(130%);}


/*黏人快速鍵(白色款)*/
.fixed_Area {z-index:999; position:fixed; top:20px; right:0px; width:100px; font-weight:800; font-size:16px; line-height:48px; font-family:Century Gothic, "微軟正黑體",Helvetica; text-align:center;
			-webkit-transform: rotate3d(0,0,0,0deg) translate3d(0,0,0); transform: rotate3d(0,0,0,0deg) translate3d(0,0,0); -webkit-transform-origin:top right; transform-origin:top right;
			  -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;}
.fixed_Area a { display:block; text-decoration: none; color: #000;}
.fixed_Area img {-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;}
.fixed_Area .box ul { margin:0; padding:0; list-style:none;}
.fixed_Area .box li { margin:0 0 1px 0; padding:0; height:42px; background-color:rgba(255,255,255,0.6); float:none;}
.fixed_Area .box li a { letter-spacing:-1px;height:48px; overflow:hidden;}
.fixed_Area .box li a:hover { background-color:rgba(255,255,255,1);}
.fixed_Area .box li.cate-hover { background-color:rgba(255,255,255,1);}
.fixed_Area .box h2 { margin:0; padding:0;}
	/*快速導覽*/
	.fixed_Area h3 { position: absolute; top:100px; right:-50px; margin:0; padding:35px 0 0 0; border-radius:10px; width:48px; height:82px; font-size: 16px; line-height:30px; writing-mode: tb-lr; writing-mode: vertical-lr; -webkit-writing-mode: vertical-lr; background-color:rgba(255,255,255,0.6); text-align:left; cursor:pointer;
			-webkit-transform-origin:top left; transform-origin:top left;
			  -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;}
	.fixed_Area h3 i { position: absolute; top:0; right:0; display:block; width:50px; height:50px; cursor:pointer;}
	.fixed_Area h3 i:before { content: ""; position:absolute; top:41%; left:37%; display:block; border:1px solid #000; border-width:0 1px 1px 0; width:15%; height:15%; -webkit-transform:translate(-50%,-50%) rotate(135deg); transform:translate(-50%,-50%) rotate(135deg); -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
			/*黑色款*/
			.fixed_Area.fixed_Area-dark a { color: #fff;}
			.fixed_Area.fixed_Area-dark .box li { background-color:rgba(0,0,0,0.5);}
			.fixed_Area.fixed_Area-dark .box li a:hover { background-color:rgba(0,0,0,1);}
			.fixed_Area.fixed_Area-dark .box li.cate-hover { background-color:rgba(0,0,0,1);}
            .fixed_Area.fixed_Area-dark h3 {background-color:rgba(0,0,0,0.5);color: #fff; }
            .fixed_Area.fixed_Area-dark h3  i:before { border-color:#fff;}



			/*收合黏人精*/
			.fixed_Area.fixed_Area_hide { -webkit-transform: rotate3d(0,0,0,0deg) translate3d(150px,0,0); transform: rotate3d(0,0,0,0deg) translate3d(150px,0,0); }
			.fixed_Area.fixed_Area_hide h3 { -webkit-transform: rotate3d(0,0,0,0deg) translate3d(-185px,0,0); transform: rotate3d(0,0,0,0deg) translate3d(-185px,0,0); 
											 -webkit-transition-delay:0.2s; transition-delay:0.2s;}

/** FOOTER **/
.footerArea { position:relative; overflow:hidden; width:100%; height:40px; margin-top:0px; font:12px/3em Helvetic;text-align: center; color:#F39}



/*btn*/
.btn0 {transition-duration: 0.3s;}
.btn0:hover { 
animation: ease-in-out;
-webkit-transform: scale(1.02);filter:brightness(115%);
-moz-transform: scale(1.02);filter:brightness(115%);
-ms-transform: scale(1.02);filter:brightness(115%);
-o-transform: scale(1.02);filter:brightness(115%);
transform: scale(1.02);filter:brightness(115%);
}

/*btn*/
.btn1 {transition-duration: 0.3s;}
.btn1:hover { 
animation: ease-in-out;
-webkit-transform: scale(1);filter:brightness(120%);
-moz-transform: scale(1);filter:brightness(120%);
-ms-transform: scale(1);filter:brightness(120%);
-o-transform: scale(1);filter:brightness(120%);
transform: scale(1);filter:brightness(120%);
}

/*btn*/
.btn2 {transition-duration: 0.3s;}
.btn2:hover { 
animation: ease-in-out;
-webkit-transform: translateY(-5px); scale(1);filter:brightness(115%);
-moz-transform: translateY(-5px); scale(1);filter:brightness(115%);
-ms-transform: translateY(-5px); scale(1);filter:brightness(115%);
-o-transform: translateY(-5px); scale(1);filter:brightness(115%);
transform: translateY(-5px); scale(1);filter:brightness(115%);
}

/*coupon*/
.coupon {display:inline-block; width:1220px; height:auto; position: absolute; top:1550px; left:0;}
.coupon ul {}
.coupon ul li { margin:0 0px 20px 12px; transition-duration: 0.3s;}
.coupon ul li a { display:block; margin:0; padding:0; border:0;}
.coupon ul li:hover { 
animation: ease-in-out;
-webkit-transform: translateY(-5px); scale(1);filter:brightness(115%);
-moz-transform: translateY(-5px); scale(1);filter:brightness(115%);
-ms-transform: translateY(-5px); scale(1);filter:brightness(115%);
-o-transform: translateY(-5px); scale(1);filter:brightness(115%);
transform: translateY(-5px); scale(1);filter:brightness(115%);
}

/*錨點*/
.to {position: relative; width:1190px; overflow:hidden; top:0px; left:0; display:block; margin:0 auto;}
.to ul { }
.to ul li { margin:0 auto; transition-duration: 0.3s;}
.to ul li:hover { 
animation: ease-in-out;
-webkit-transform: scale(0.95);filter:brightness(115%);
-moz-transform: scale(0.95);filter:brightness(115%);
-ms-transform: scale(0.95);filter:brightness(115%);
-o-transform: scale(0.95);filter:brightness(115%);
transform: scale(0.95);filter:brightness(115%);
}

/*浮層嘿嘿*/
.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;}
/*通知浮層*/
.agreeArea {	position: relative;	top: 5%;	margin: 0 auto 30px;	width: 94%;	max-width: 500px;	font-family: "Microsoft JhengHei", "微軟正黑體", Arial, sans-serif, "Century Gothic";	font-weight: bold;}
.agreeArea .box {	border-radius: 10px;	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);	background-color: #fff;	overflow: hidden;}
.agreeArea .box h3 {	padding: 0;	margin: 0;	height: 3rem;	font-size: 1.25rem;	font-weight: 800;	line-height: 3rem;	text-align: center;	color: #fff;	background-color: #5a39c6;}
.agreeArea .box p {	margin: 0 auto;	margin-top: 1rem;	padding: 0px;	width: 86%;}
.agreeArea .box p b {	display: 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: 8px;	border: 1px solid #CCC;	width: 33%;	background: #CCC;	font-size: 0.9em;	line-height: 1.7em;	}
.agreeArea .box .agree_table td {	padding: 8px;	border: 1px solid #CCC;	font-size: 0.9em;	text-align: center;	line-height: 1.7em;}
.agreeArea .box .table_style2 th {	border: 0px;	text-align: right;}
.agreeArea .box .table_style2 td {	border: 0px;	text-align: right;}
.agreeArea .box .agree_table .A {	font-weight: 800;	font-size: 20px;}
.agreeArea .box .agree_table .A .A1{	text-align: left;}
.agreeArea .box .agree_table .B .B1{	text-align: left;}
.agreeArea .box .agree_table .B .B1 span{	padding: 0 10px;	color: #fff;	background-color: #1cadbe;	border-radius: 1em;	display: inline-block;	text-align: center;}
.agreeArea .box .agree_table .tableline {	height: 20px;}
.agreeArea .box .agree_table .tableline span{	display: block;	height: 1px;	border-top: 1px dotted #aaa;}
.agreeArea .box .agree_table .C .C1{	text-align: left;}
.agreeArea .box .agree_table .C .C1 span{	padding: 0 10px;	color: #fff;	background-color: rgba(153,153,153,0.8);	border-radius: 1em;	display: inline-block;	text-align: left}




/*好康4*/
.Area4 { background:url(640_01_02.jpg) center top no-repeat;background-size:100%; padding:4% 0; width:100%; overflow:hidden; }
.Area4 .boxx {  padding:0 0 6vw; }
.Area4 .boxx a { transition-duration:0.2s; }
.Area4 .boxx a:hover { transform:scale(1.02);filter:brightness(115%);}
.Area4 .boxx ul { margin:0; padding:0; list-style:none;}
.Area4 .boxx li { text-align:center; transition-duration:0.2s; width:32.8%;}
.Area4 .boxx li img { transition:0.3s ease; opacity:0.5;}
.Area4 .boxx li.swiper-slide-active img { opacity:1; }
.Area4 .boxx img { width:100%;  }
.Area4 .boxx .button { display:none;}
.Area4 .boxx .pagination { bottom:0 !important; transform:scale(0.7);}
.Area4 .boxx .pagination span { opacity:1;}
.Area4 .boxx .pagination .swiper-pagination-bullet-active { background-color:#f0b778;}
	@media screen and (min-width:767px){
		.Area4 { background:none; width:1100px;  padding:0; overflow:initial; }
		.Area4 .boxx { padding:0 0 30px; }
		.Area4:hover .boxx .button { display: block;}
		.Area4 .boxx .button.swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23f0b778'%2F%3E%3C%2Fsvg%3E")}
		.Area4 .boxx .button.swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23f0b778'%2F%3E%3C%2Fsvg%3E")}
		.Area4 .boxx .button.swiper-button-next.swiper-button-white:hover { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}
		.Area4 .boxx .button.swiper-button-prev.swiper-button-white:hover { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}
		.Area4 .boxx .pagination {transform:scale(1);}
	}



/*開關*/
@media screen and (min-width:767px){
.for_pc{}	
.for_m{ display:none !important;}
}

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