body { overflow-x: hidden !important; background-color: #ffcdcd;}
#mtkContainer,#mtkContainer * {/*vertical-align: top;*/ box-sizing: border-box; }

/*---KV版頭---*/
header.header{ width: 100%; height: 560px; background: url(../images/topKvBg.jpg) top center no-repeat; position: relative;}
.middle{ width: 100%; max-width: 1330px; margin: 0 auto; font-family:"微軟正黑體","Microsoft JhengHei","Apple LiGothic Medium", Arial, Helvetica, sans-serif;}

header.header h1.title{ position: relative; }
header.header h1 .pc{ width: 100%; max-width: 615px; text-align: center; margin: 0 auto; padding-top: 56px; }
header.header h1 img{ width: 100%;}


.pc{display: block;}
.mobile{display: none;}

.width1{ margin: 0 auto; width: 90%; max-width: 1200px;}
.width2{ margin: 0 auto; width: 90%; max-width: 1000px;}
.bgWhite{ background:#fff; }
.borderRadius1{ border-radius: 20px; }
.bgYellow{ background:#fff8ab; }
.bgBlackAlpha { background: rgba(0,0,0,0.8); }


/*--KV按鈕--*/
.btnArea{ width: 100%; margin: 0 auto; padding: 1% 0; text-align: center; background: linear-gradient(#ffcdcd,#ffaeae); top: 0px; z-index: 49; position:sticky;
/*box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 5px;transition: all 0.3s ease 0s;*/ }
.buttonBox li{display: inline-block; padding: 0 0.5%;;cursor: pointer; transition: all 0.2s;}
.buttonBox li img{width: 100%;}
.buttonBox li:hover{transform: translateY(-12%);}

.forPc{display: block;}
.forMob{display: none;}

.forMenuPc{display: block;}
.forMenuMob{display: none;}



/*--第二區-coupon--*/
.secondArea{ background: #fff58b; padding: 5% 0 3%;}
.secondArea .secondTitle{width: 100%; max-width: 572px;margin: 0 auto; text-align: center; padding: 1% 0;}
.secondArea .secondTitle img{width: 100%;}


.couponBase .coupon { position: relative; display: inline-block; margin: 0 0.5% 1% 0.5%; padding: 1.5% 10% 1.5% 1.5%; width: 49%; max-width: 586px;
 text-align: center; letter-spacing: normal; transition: .5s; /* background-size: auto 100% ; */}
.couponBase .coupon::before { content: ""; position: absolute; top:19%; right:0; width: 23.378839%; height: 60%; 
background: url(../images/fly.png) top center no-repeat; background-size: 100% 100%; }

.couponBase .coupon:hover { transform: scale(0.9); }
.couponBase .coupon:hover::before { -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fly;
  animation-name: fly; }

@-webkit-keyframes fly {
  0% { transform: translate(0,0); opacity: 1; }
  40% { transform: translate(200%,0); opacity: 0; }
  41% { transform: translate(-200%,0); opacity: 0; }
  100% { transform: translate(0,0); opacity:1; }
}

@keyframes fly {
  0% { transform: translate(0,0); opacity: 1; }
  40% { transform: translate(200%,0); opacity: 0; }
  41% { transform: translate(-200%,0); opacity: 0; }
  100% { transform: translate(0,0); opacity:1; }
}

.coupon .type { display: inline-block; border-radius: 99em; overflow: hidden;  }
.coupon .type > div {display: inline-block; letter-spacing: normal;}

.coupon .type .leftType { padding: 8px 16px; font:20px/15px "arial","微軟正黑體"; color: #fff200; background:#bc1333; }
.coupon .type .leftName { padding: 8px 16px; font:20px/15px "arial","微軟正黑體"; color: #fff ;background:#d72143; }

.coupon .money { font: bold 145px/120px "arial","微軟正黑體"; color: #fff200;  }
.coupon .money small { display: inline-block;/* transform: translateY(6rem);*/ font: bold 45px/10px "arial","微軟正黑體";   }

.coupon .couponInfor { margin-top:20px; font: 18px/25px "arial","微軟正黑體"; text-align: left; color: #fff; opacity: 0.7; }

.couponRed .coupon { background:url(../images/couponRed.png) top center no-repeat; background-size: 100% ; }

/*--coupon fake--*/
.couponRed .coupon.fake { background:url(../images/couponFake.png) top center no-repeat; background-size: 100% ;  }
.couponRed .coupon.fake .type,
.couponRed .coupon.fake .money,
.couponRed .coupon.fake .couponInfor,
.couponRed .coupon.fake .couponInfor { opacity: 0; }

.couponRed .coupon.takeOut { position: relative; background:url(../images/couponOut.png) top center no-repeat; background-size: 100% ; }
.couponRed .coupon.takeOut .money { color: #757575; }

.coupon.takeOut .type .leftType { color: #757575; background:#aaaaaa; }
.coupon.takeOut .type .leftName { color: #aaaaaa ;background:#757575;}
.couponRed .coupon.takeOut::after{content:"已領取完畢"; position: absolute;top:35%; left: 20%; padding: 10px 0; width: 60%; 
 font: bold 30px/1em "arial","微軟正黑體"; color: #fff; transform: rotate(-15deg);
text-align: center; z-index: 10; background: rgba(0,0,0,0.8); border: 3px solid #fff; }
.couponRed .coupon.takeOut:hover { transform: scale(1); }

.couponBase .coupon.takeOut:hover::before { -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fly2;
  animation-name: fly2; }

@-webkit-keyframes fly2 {
  0%,100% { transform: translate(0,0); opacity: 1; }
 
}

@keyframes fly2 {
  0%,100% { transform: translate(0,0); opacity: 1; }
}

.couponH2 { margin-bottom:20px; text-align: center; }
.couponH2 img { width: 100%; max-width: 297px; }
.couponBase { text-align: center; }

/*--comingsoon--*/
.comingsoonArea { position: relative; }
.comingsoonArea .comingsoonInfo { position: absolute; top:0; left: 5%; padding-top: 10%; width: 90%; height: 100%; text-align: center;
  background: rgba(0,50,135,0.8); z-index: 20; }
.comingsoonArea .comingsoonInfo .text { display: inline-block; transform: rotate(0deg); text-align: center; border: 7px solid #fff266; padding: 0.5%;}
.comingsoonArea .comingsoonInfo { font:22px/1.2em "arial","微軟正黑體"; color: #fff ;letter-spacing:normal; }
.comingsoonArea .comingsoonInfo strong { display: block;  font: bold 52px/1.1em "arial","微軟正黑體"; color: #fff266; }

/*.counponInfo{text-align: center;font: bold 18px/1.2 "arial","微軟正黑體"; color: #f8355c;margin-top: 1%;}*/




/*--第三區-好禮第1.2重--*/
.informationBase{ padding: 2% 0; }
ul.information{ padding: 20px; list-style: none; display:block; }
ul.information li { font:18px/1.8em "arial","微軟正黑體"; color: #000; text-align: left; }
ul.information li.highLight { font: bold 26px/1.8em "arial","微軟正黑體"; color: #f8355c; text-align: center; width: 90%;}
ul.information li a.infoOne,
ul.information li a.infoOne:link{color: #000;padding: 5px 10px ;border-radius:99em;font-weight: bold; color: #000;background:#fbd123;}
ul.information a i.userIcon {width: 2.8%; display: inline-block; padding-top: 2px; margin-right: 3px;vertical-align: top; /*line-height: 30px;*/ }
ul.information a i.userIcon img{width: 100%;}


/*--table--*/
.information li .tableBox{text-align: center; padding: 0.5% 0 2%;}
.tableBoxInfo{text-align: center; padding: 0.5% 0 2%;}
.tableBoxInfo table{width:100%;}

/*--說明按鈕--*/
.couponButtonBase{ text-align: center; }
.couponButton { display: inline-block; margin: 0 5px; padding: 8px 15px ; letter-spacing: normal; border-radius: 99em; background:#734437; transition: .5s; }
.couponButton:hover{ transform: scale(0.95); } 
.couponButton a,
.couponButton a:link{ font: bold 1.5rem/1em "arial","微軟正黑體"; color: #fff; cursor: pointer;}
.couponButton a i{display: inline-block;  /*vertical-align: -6px;*/;}
.couponButton a i.exclamationIcon{background: url(../images/exclamation.png) center center no-repeat; background-size: cover;margin-right: -5px;width: 18px; height: 18px;}
.couponButton a i.bookIcon{background: url(../images/book.png)center center no-repeat; background-size: cover;margin-right: 5px;width: 18px; height: 18px;}





/*--第四區--*/
.fourthArea{ text-align: center; }
/*.fourthArea .fourthTitle{width: 100%;max-width: 755px;margin: 0 auto; text-align: center;}
.fourthArea .fourthTitle img{width: 100%;}*/

.fourthArea .fourthTitle .forPc{width: 100%;max-width: 881px;margin: 0 auto; text-align: center; display: inline-block;}
.fourthArea .fourthTitle .forPc img{width: 100%;}
.fourthArea .fourthTitle .forMob{display: none;}

.fourthArea .text{color: #4b4b4b; font:1.2rem/1.5em "arial", "微軟正黑體"; margin: 0 auto; text-align: center; padding: 1% 3% 3%;}



.wrapper { position: relative; width: 100%; text-align: left;
    font-family:"微軟正黑體","Microsoft JhengHei","Apple LiGothic Medium", Arial, Helvetica, sans-serif; transition: all 0.2s; overflow: hidden; }
.wrapper img { border: 0; vertical-align: top; width: 100%;}
.wrapper .mainArea{width: 100%; max-width: 1220px; margin: 0 auto;  position: relative;}

.girlTitleA{ width: 62%; text-align: center;background: #ff5bb0; border-radius: 30px; margin: 0 auto; padding: 1% 0; z-index: 40;transform: translateY(20px);}
.girlTitleA .girlTitlePic {max-width: 284px; display: inline-block; /*vertical-align:middle;*/ margin: 3% 2%; ; vertical-align: top;}
.girlTitleA .girlTitlePic img{width: 100%;}
.girlTitleA .girlFont18{display: inline-block; text-align: left; color: #fff; font:18px/1.5 "arial", "微軟正黑體"; }

.girlTitleB{ width: 55%; text-align: center;background: #34b9c5; border-radius: 30px; margin: 0 auto; padding: 1% 0; z-index: 40;transform: translateY(20px);}
.girlTitleB .girlTitlePic {max-width: 284px; display: inline-block; margin: 3% 2%; vertical-align: top;}
.girlTitleB .girlTitlePic img{width: 100%;}
.girlTitleB .girlFont18{display: inline-block; text-align: left; color: #fff; font:18px/1.5 "arial", "微軟正黑體"; }


.girlTitleC{ width: 62%; text-align: center;background: #c06ff3; border-radius: 30px; margin: 0 auto; padding: 1% 0; z-index: 40;transform: translateY(20px);}
.girlTitleC .girlTitlePic {max-width: 284px; display: inline-block; margin: 3% 2%; vertical-align: top; }
.girlTitleC .girlTitlePic img{width: 100%;}
.girlTitleC .girlFont18{display: inline-block; text-align: left; color: #fff; font:18px/1.5 "arial", "微軟正黑體"; }


.contentArea{ background: #fff; border-radius: 50px; margin-bottom: 5%;}
.contentArea .area{ margin-bottom: 55px;}


.contentArea .mainArea{overflow: hidden;}
.contentArea .mainArea .intro{float: left;}
.contentArea .mainArea .carrier{float: left;}
/*.contentArea .mainArea .pic{}*/
.contentArea .mainArea .more{float: left;}

.contentArea .title h2{display: inline-block;position: absolute; left: 50%; margin: 164px 0 0 217px; text-indent: -74px;}
.contentArea .title p{display: inline-block; letter-spacing: -0.05em; left: 50%; position: absolute; margin: 527px 0 0 -342px;}

.contentArea .intro{width: 690px; display: inline-block; margin: 58px 0 0 0;}
.contentArea .intro h5{border-bottom: solid 4px; padding: 2px 0 5px;}

.contentArea #work01 .intro h5 , .contentArea #work01 .more a , .contentArea #work01 .more:after { color: #00b589; border-color:#00b589;}
.contentArea #work02 .intro h5 , .contentArea #work02 .more a , .contentArea #work02 .more:after { color: #00b589; border-color:#00b589;}
.contentArea #work03 .intro h5 , .contentArea #work03 .more a , .contentArea #work03 .more:after { color: #00b589; border-color:#00b589;}
.contentArea #work04 .intro h5 , .contentArea #work04 .more a , .contentArea #work04 .more:after { color: #00b589; border-color:#00b589;}

.contentArea .intro p{padding: 14px 0; line-height: 1.2;}

.contentArea .mainArea .pic{display: inline-block; width: 470px; margin: 120px 0 0 22px; position: relative;}
.contentArea .mainArea .pic .tape{position: absolute; opacity: .7; width: 17%; right: -4%; top: -6%;}
.contentArea .mainArea .pic .tape:last-child {left: -3%; top: 88%;}

.contentArea .more {display: block; width: 100%; text-align: right; padding-right: 35px; margin: 13px 0 0 0;}

.contentArea .more a{background: #fff;  padding: 0 10px; display: inline-block; transition: all 0.2s; text-decoration: underline;}
.contentArea .more a:hover{transform: translateX(5px);}
.contentArea .more:after{content: ''; border-bottom: dotted 2px; width: 90%; display: inline-block; float: left; margin: -8px 0 0 0;}

.font18{font-size: 18px; line-height:1.5;}
.font24{font-size: 24px; font-weight: bold; text-shadow: 1px 0px 0px #000; }




/*注意事項視窗*/
.ruleBase{ 
	position: fixed; 
	top:0; 
	left: 0; 
	width: 100%; 
	min-height: 100vh; 
	height: 100%; 
	overflow-y: scroll; 
	z-index: 50; 
	background: rgba(0,0,0,0.8);
	padding: 4%;
	display: none;
}
.ruleBase .cusText1 { color: #fff200; }
ul.rule { font: 1rem/1.4em "arial","微軟正黑體"; color: #fff; text-align: left; list-style: none; height: 100%;}
ul.rule li { margin-bottom:20px;  }
ul.rule li.strong { margin-top: 30px; font: bold 2rem/1.4em "arial","微軟正黑體"; color: #fff; text-align: center; }

.colseBase { position: relative; }
.closeButton { position: absolute; top:0;right: 0; width: 50px; height: 50px; border: 1px solid #fff; cursor: pointer; }
.closeButton::after,
.closeButton::before { content: ""; position: absolute; top:22px;left: 0; width: 100%; height: 1px; border-bottom: 1px solid #fff; transition: .5s; }
.closeButton::after { transform: rotate(45deg); }
.closeButton::before { transform: rotate(-45deg); }

.closeButton:hover::after { transform: rotate(-45deg); }
.closeButton:hover::before { transform: rotate(45deg); }

.firstHide { display: none; }


.tableBoxInfo{width: 100%;}
.tableBoxInfo table tbody td.tdTextA{background: #f8355c;color: #FFFFFF; border:1px #f8355c solid; padding: 5px 0;text-align: center;}
.tableBoxInfo table tbody td.tdTextB{ border:1px #f8355c solid; padding: 10px 0; background: rgba(255,255,255,1); color: #000;text-align: center;}
.box1{width: 25%;}
.box2{width: 25%;}
.box3{width: 40%;}


/*goTop*/
.goTop { display: none; position: fixed; bottom:8%; right: 2%; z-index: 48;text-align: center;}
.goTop a{color: #fff;}
.goTop li { display: block; color: #fff;cursor: pointer; font: 18px/1 "arial", "微軟正黑體"; cursor: pointer;background: rgba(0,0,0,0.6); border-radius: 99em; 
            width: 62px; height: 62px; padding: 13px 10px;}
.goTop a:hover li{color: #fff58b; background: rgba(0,0,0,0.8);}



/*-------------------------------Mobile-------------------------------*/

@media only screen and (max-width: 1250px){

.btnArea{padding: 1.5% 0;}
.buttonBox{width: 90%;display: inline-flex;}
.buttonBox li{padding: 0 1%;}

.girlTitleA{width: 66%;}
.girlTitleB{width: 60%;}
.girlTitleC{width: 64%;}

.wrapper .mainArea {max-width: inherit;}
.contentArea .area {width: 92%; margin: 0 auto 55px auto;}

.contentArea .intro{width: 50%;}
.contentArea .mainArea .pic {width: 47%;margin: 110px 0 0 2%;}
.contentArea .more{padding-right: 0px; }

.font24 {font-size: 20px;}
.font18 {font-size: 16px;}

.carrier {width: 51%;}

.couponBase .coupon{width: 53%;}

}


@media only screen and (max-width: 1200px){
.coupon .type .leftType,.coupon .type .leftName{font: 1.5vw/1.3vw "arial","微軟正黑體";}

.coupon .money { font: bold 13vw/11vw "arial","微軟正黑體"; color: #fff200;  }
.coupon .money small { font: bold 35px/10px "arial","微軟正黑體";  }

.coupon .couponInfor{margin-top:16px; font: 1.5vw/1vw "arial","微軟正黑體"; }
}



@media only screen and (max-width: 1075px){
.couponBase .coupon{width: 60%;}
.coupon .money{ font: bold 15vw/13vw "arial","微軟正黑體";}
.coupon .couponInfor{margin-top:12px; font: 2vw/1.2vw "arial","微軟正黑體"; }


.comingsoonArea .comingsoonInfo { left: 5%;width: 90%; }


}


@media only screen and (max-width: 1068px){

header.header{background: none;height: auto;}
header.header h1 .pc{display: none;}

.pc{display: none;}
.mobile{display:block; width: 100%; height: auto; position: relative; margin: 0 auto;}



/*--KV按鈕--*/
/*.btnArea{ display: none;}*/
.forMenuPc{display:none;}
.forMenuMob{display: block;}

.box1{width: 20%;}
.box2{width: 40%;}
.box3{width: 40%;}


}


@media only screen and (max-width: 950px){
.couponBase .coupon{width: 62%;}
.coupon .type .leftType,
.coupon .type .leftName{font: 2vw/1.5vw "arial","微軟正黑體";}



.fourthArea .fourthTitle .forPc{display: none;}
.fourthArea .fourthTitle .forMob{width: 100%;max-width: 555px;margin: 0 auto; text-align: center;  display: block;}
.fourthArea .fourthTitle .forMob img{width: 100%;}
}




@media only screen and (max-width: 910px) {
.couponBase .coupon{width: 70%;}
.coupon .money { font: bold 18vw/16vw "arial","微軟正黑體"; color: #fff200;  }
.coupon .money small { display: inline-block;  font: bold 5vw/2vw "arial","微軟正黑體";  }
.coupon .couponInfor{margin-top:10px;}

}

@media only screen and (max-width: 830px) {
.couponBase .coupon{width: 75%;}
.coupon .type .leftType, 
.coupon .type .leftName {font: 2vw/2vw "arial","微軟正黑體";}
.coupon .money{ font: bold 19vw/17vw "arial","微軟正黑體";}
}


@media only screen and (max-width: 800px) {
.comingsoonArea .comingsoonInfo { left: 0%;width: 100%; }
}



@media only screen and (max-width: 768px){

.secondArea{ padding: 5% 0 5%;}

.informationBase{padding: 6% 0 2%;}

.buttonBox {width: 95%; display: inline-flex;}

.fourthArea{ text-align: center; }
.fourthArea .fourthTitle{width: 100%;max-width:555px;margin: 0 auto; text-align: center;padding: 2% 0;}


.fourthArea .text{color: #4b4b4b; font:1.2rem/1.5em "arial", "微軟正黑體"; margin: 0 auto; text-align: center; padding: 1% 3% 5%;}

.fourthArea .fourthTitle .forMob{width: 80%; max-width: 455px;}
.fourthArea .text{ font: 0.8rem/1.5em "arial", "微軟正黑體";}

.girlTitleA,
.girlTitleB,
.girlTitleC{ margin: 1% auto;}

.girlTitleA .girlTitlePic,
.girlTitleB .girlTitlePic,
.girlTitleC .girlTitlePic{max-width: 250px;}


.girlTitleA .girlFont18,
.girlTitleB .girlFont18,
.girlTitleC .girlFont18{margin-bottom: 1%; padding: 0 3%;font: 2.5vw/3.5vw "arial", "微軟正黑體";}

.contentArea{border-radius:0;}

.contentArea .intro { width: 100%;}
.carrier {width: 100%;}
.contentArea .mainArea .pic { width: 100%; margin: 25px 0 0 0;}
.contentArea .more {margin: 5px 0 0 0;}

.couponH2{width: 80%;margin: 3% auto;}

.coupon .money{font: bold 20vw/16.3vw "arial","微軟正黑體";}
.coupon .couponInfor{margin-top: 12px;}

.tableBoxInfo table tbody td.tdTextB,
.tableBoxInfo table tbody td.tdTextB{font-size: 10px;}
.box1{width: 22%;}
.box2{width: 40%;}
.box3{width: 38%;}

}




@media only screen and (max-width: 700px){
.couponBase .coupon{width: 85%;}
.coupon .type .leftType, 
.coupon .type .leftName {font: 2.5vw/2vw "arial","微軟正黑體";}
.coupon .money {font: bold 22vw/17.5vw "arial","微軟正黑體";}
.coupon .couponInfor {margin-top: 15px; font: 2.5vw/2.5vw "arial","微軟正黑體";}
}



@media only screen and (max-width: 600px){
.couponBase .coupon{width: 100%;padding: 1.5% 18% 1.5% 1.5%;}
.coupon .type .leftType, 
.coupon .type .leftName {font: 3vw/3vw "arial","微軟正黑體";}
.coupon .money{font: bold 26vw/22vw "arial","微軟正黑體";}
.coupon .money small{font: bold 10vw/2vw "arial","微軟正黑體";}
.coupon .couponInfor{margin-top: 7px;font: 3.2vw/3vw "arial","微軟正黑體"}

ul.information li.highLight{font: bold 6vw/7.5vw arial, 微軟正黑體;} 

.girlTitleA .girlTitlePic, .girlTitleB .girlTitlePic, .girlTitleC .girlTitlePic {max-width: 200px;}

.box1{width: 20%;}
.box2{width: 40%;}
.box3{width: 40%;}

/*.counponInfo{font: bold 3vw/1.2vw "arial","微軟正黑體"; margin-top: 5%;}*/

}




@media only screen and (max-width: 500px){
.coupon .money {font: bold 24.5vw/20vw "arial","微軟正黑體";}
.coupon .couponInfor {margin-top: 7px;font: 3vw/3.5vw "arial","微軟正黑體";}

.comingsoonArea .comingsoonInfo .text { margin: 0 auto; width: 80%; }
.comingsoonArea .comingsoonInfo strong { display: block;  font: bold 9vw/1.1em "arial","微軟正黑體"; }
}



@media only screen and (max-width: 470px){
.couponButton{margin: 2%;}

.girlTitleA,
.girlTitleB,
.girlTitleC{width: 72%; border-radius: 15px;}
}



@media only screen and (max-width: 414px){

ul.information li.highLight{font: bold 24px/1.4em "arial","微軟正黑體";width: 100%;padding-bottom: 2%;}
ul.information a i.userIcon{width:7%;padding-top:4px;}


.couponButton{margin-bottom:3%;}

.fourthArea .fourthTitle .forMob{width: 80%; max-width: 455px;}
.fourthArea .text{ font: 0.6rem/1.5em "arial", "微軟正黑體";}


.girlTitleA, .girlTitleB, .girlTitleC{border-radius: 20px;}
.girlTitleA, .girlTitleB, .girlTitleC{width: 75%;}

.girlTitleA .girlTitlePic, .girlTitleB .girlTitlePic, .girlTitleC .girlTitlePic{max-width: 180px;}


.girlTitleA .girlFont18, .girlTitleB .girlFont18, .girlTitleC .girlFont18{font: 14px/1.2 "arial", "微軟正黑體";}


.coupon .type .leftType, 
.coupon .type .leftName { font: 2.5vw/2vw "arial","微軟正黑體";}
.coupon .money {font: bold 24vw/20vw "arial","微軟正黑體";}
.coupon .couponInfor { margin-top: 6px; font: 3.5vw/5vw "arial","微軟正黑體";}

 ul.information a, ul.information a:link {white-space: nowrap;}

/*.counponInfo{font: bold 4vw/1.2vw "arial","微軟正黑體"; margin-top: 5%;}*/
}



@media only screen and (max-width: 400px){
.coupon .money{ font: bold 23vw/19vw "arial","微軟正黑體";}
.girlTitleA,
.girlTitleB,
.girlTitleC{width: 82%; border-radius: 15px;}
}



@media only screen and (max-width: 320px){

.coupon .money { font: bold 22vw/17vw "arial","微軟正黑體";}
.fourthArea .text{font: 1rem/1.5em "arial", "微軟正黑體";text-align: center;}
}