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


@import url("reset.css");
html {-webkit-text-size-adjust:none;/* 在 iOS 旋轉手機畫面時鎖定文字不縮放 */}
body {line-height: 1;width: 100%;height: auto;}
a{text-decoration: none;}
m1 , b1 {font-size: 23px;font-family: "Century Gothic";color: #FF0000;font-weight: bolder;}
m1:before , m2:before {content: "$";font: bold 0.5em "Century Gothic";}
m2 , b2  {font: bold 60px/60px "Century Gothic";color: #FF0000;font-weight: bolder;}
w2 {font: bold 30px/50px "微軟正黑體";color: #FF0000;font-weight: bolder;}
b1:after , b2:after {content: "%";font: bold 0.5em "Century Gothic";}

#WRAPPER {width:100%;margin: 0px auto 0 auto;background:url('../images/bg.jpg');background-repeat:repeat-y;background-position: top center,top center;padding-bottom: 3%;}
#MENUAREA {width: 100%;height: auto;background-color: #000000;position:fixed;z-index:888;bottom: 0px;}
#MENUAREA ul  {width: 950px;height: auto;margin: 0px auto 0px auto;list-style: none;}
#MENUAREA ul li a {float: left;width: 25%;height: 2em;font: bold 2em/2em "微軟正黑體";color: #FFFFFF;text-align: center;}
#MENUAREA ul li a:hover {color:#FFF100;}

.FeedbackBlock { background-color: #dd7ab5; padding: 1% 1% 1% 2%; margin-bottom: 1%;border-radius: 10px; display: flex;position: relative;}
.FeedbackBlock2{background-color: #4cb0c0;}
.FeedbackBlock .h3{  flex: 1;margin-right: 2%;}
/* --------- 電腦版型開始 --------- */

.EVENTCOVER{ width:100%; height:646px; margin:0 auto;background: url('../images/main1920.jpg') no-repeat center top;}
.EVENTCOVER .EVENTCOVER_AREA{width: 950px;height: 646px;margin: 0 auto;position: relative;}
.EVENTCOVER .EVENTCOVER_AREA a{display: block;width: 205px;height: 80px;position: absolute;top: 25px;left: 25px;}

#ACTAREA{margin-top: -10%;}
#ACTAREA ul {background-color: #fff;border-radius: 10px;flex: 5;padding-left: 1.8%;position: relative;}
#ACTAREA ul:before {content: "";width: 0;height: 0;border-style: solid;border-width: 39px 0 39px 22px;border-color: transparent transparent transparent transparent;left: 0;position: absolute;top: 39%;}
#ACTAREA .FeedbackBlock2 ul:before{border-color: transparent transparent transparent #4cb0c0;}
#ACTAREA ul li {list-style: none;display: inline-block; padding:2% .8%;width: 22%; position: relative}
#ACTAREA ul li:after{ content:""; position: absolute; right:-12px;  border-right: 2px dashed #f46090;top: 5%;bottom: 5%;}
#ACTAREA ul li:last-child:after{ display: none;}
#ACTAREA .FeedbackBlock2 ul li:after{border-right: 2px dashed #ffb915;}

#BANKAREA {width: 100%;height: auto;margin: 0 auto;position: relative;overflow: hidden;clear: both;}
#BANKAREA ul {width: 100%;height: auto;list-style: none;}
#BANKAREA ul li.BOX {float: left;width:48%;height: 750px;/*調整高度*/margin: 1% 1% 1% 1%;border-radius: 5px;background-color: #FFFFFF;position: relative;}
#BANKAREA ul li.BOX a {width: 100%;height: 100%;display: block;}
#BANKAREA ul li.BOX h2 {width: 96%;height: auto;margin: 2% 2% 2% 2%;border-bottom: 1px solid #727272;text-align: center;}
#BANKAREA ul li.BOX h3 {display: block;width: 96%;height: auto;margin: 2% 2% 2% 2%;font: bolder 1em/2em "微軟正黑體","Century Gothic";color: #727272;border-top: 1px solid #727272;margin-top: 10px;position: absolute;bottom: 51px;left: -1px;}
#BANKAREA ul li.BOX h4 {display: block;width: 96%;height: auto;margin: 2% 2% 2% 2%;border-radius: 5px;background-color: #727272;font: bolder 1em/2em "微軟正黑體","Century Gothic";color: #FFFFFF;text-align: center;margin-top: 10px;position: absolute;bottom: 0;}
#BANKAREA ul li.BOX ol li {width: 88%;margin: 0% 2% 15px 10%;font: 18px/25px "微軟正黑體","Century Gothic";color: #000000;list-style-type: disc;}
#BANKAREA ul li.BOX ol li strong {color: #FF0000;font-weight: bolder;}
#BANKAREA ul li.BOX ol li em {font-size:0.8em;color: #727272;}
/**/
#INSTAREA{width:950px;height: auto;margin:-10px auto 3% auto;border-radius: 5px;background-color: #FFFFFF;}
#INSTAREA ul li.BOX {width:94%;height: auto;padding: 1% 3% 1% 3%;margin: 1% 0% 0% 0%;border-radius: 5px;list-style: none;}
#INSTAREA ul li.BOX h2 {font: bolder 1.5em/2em "微軟正黑體","Century Gothic";color: #FF0000;text-align: center;border-bottom: 1px solid #727272;}
#INSTAREA ul li.BOX h2 strong {font: bolder 2.2em "Century Gothic";}
#INSTAREA ul li.BOX p {width: 96%;height: auto;padding: 1% 2% 0% 2%;font: 1em/1.5em "微軟正黑體","Century Gothic";color: #000000;}
#INSTAREA ul li.BOX p small {font: 1em/1em "微軟正黑體","Century Gothic";color: #000000;}
/**/
#BONUSAREA {width: 950px;height: auto;margin: 0 auto 1% auto;;overflow: hidden;clear: both;}
#BONUSAREA ul {width: 100%;height: auto;list-style: none;}
#BONUSAREA ul li.BOX {width:98%;height: auto; /*調整高度*/margin: 0% 1% 1% 1%;padding: 1% 0% 1% 0%;border-radius: 5px;background-color: #FFFFFF;}
#BONUSAREA ul li.BOX a {color: #FF0000;text-decoration: underline;}
#BONUSAREA ul li.BOX h2 {width: 96%;height: auto;margin: 0% 2% 1% 2%;border-bottom: 1px solid #727272;text-align: center;}
#BONUSAREA ul li.BOX ol li {width: 90%;margin: 0% 2% 15px 8%;font: 18px/25px "微軟正黑體","Century Gothic";color: #000000;}
#BONUSAREA ul li.BOX ol li strong {color: #FF0000;font-weight: bolder;}
#BONUSAREA ul li.BOX ol li em {font-size:0.8em;color: #727272;}
#BONUSAREA ul li.LOGO {width:98%;height: auto; /*調整高度*/margin: 0% 1% 1% 1%;padding: 1% 0% 1% 0%;border-radius: 5px;background-color: #FFFFFF;text-align: center;font: 18px/30px "微軟正黑體","Century Gothic";}
#BONUSAREA ul li.LOGO P {width: 90%;margin: auto auto auto auto;text-align: left;font: 15px/25px "微軟正黑體","Century Gothic";margin-bottom: 10px;margin-top: 10px;}
#BONUSAREA ul li.LOGO ol {list-style: none;width: 875px;margin: 1% auto 1% auto;}
#BONUSAREA ul li.LOGO ol li {width: 165px;height: 45px;margin: 5px 5px 5px 5px;float: left;}
/**/
#DISCOUNTAREA{width:950px;height: auto;margin:0 auto;border-radius: 5px;background-color: #FFFFFF;}
#DISCOUNTAREA ul li.BOX {width:94%;height: auto;border-radius: 5px;list-style: none;}
#DISCOUNTAREA ul li.BOX h2 {font: bolder 1.5em/2em "微軟正黑體","Century Gothic";color: #FF0000;text-align: center;border-bottom: 1px solid #727272;}
#DISCOUNTAREA ul li.BOX h2 strong {font: bolder 2.2em "Century Gothic";}
#DISCOUNTAREA ul li.BOX p {width: 96%;height: auto;padding: 1% 2% 0% 2%;font: 1em/1.5em "微軟正黑體","Century Gothic";color: #000000;}
#DISCOUNTAREA ul li.BOX p small {font: 1em/1em "微軟正黑體","Century Gothic";color: #000000;}
/**/
.rwd-table {width: 96%;margin: auto;overflow: hidden;font-family:"微軟正黑體","Century Gothic";border-top: 1px solid #000000;border-bottom: 1px solid #000000;border-right: 1px solid #000000;border-left: 1px solid #000000;clear: both;}
.rwd-table a {color: #FF0000;text-decoration: underline;}

.rwd-table th {display: none;color: #FFFFFF;background-color: #000000;font: bolder 15px/20px "微軟正黑體","Century Gothic";text-align: left;}
.rwd-table td {display: block;color: #727272;font: bolder 15px/15px "微軟正黑體","Century Gothic";text-align: left;}
.rwd-table tr:nth-of-type(2n) {background-color:#EBEBEB;}
.rwd-table td:before {padding: 2% 2% 2% 2%;display: inline-block;content: attr(data-th) " :";font-weight: bold;width: 9em;color: #000000;}
.rwd-table th, .rwd-table td {padding: 0.5em !important;}
/**/
/* --------- 電腦版型結束 --------- */

/* --------- 手機版型開始 --------- */
@media screen and (max-width:736px) {

	body {line-height: 1;width: 100%;height: auto;}
	#WRAPPER {width: 100%;margin: 0px auto 0 auto;padding-bottom: 5%;}
	#MENUAREA ul  {width: 100%;}
	#MENUAREA ul li a {float: left;width: 25%;height: 1.8em;font: bold 1em/1.8em "微軟正黑體";color: #FFFFFF;text-align: center;}
	/**/

	.EVENTCOVER{ width:100%; height:0px;padding-bottom: 76.842%; margin:0 auto;background: url('../images/main1920.jpg') no-repeat center top;background-size: cover;}
	.EVENTCOVER .EVENTCOVER_AREA{width:100%;height: 0px;padding-bottom: 76.842%;margin: 0 auto;position: relative;}
	.EVENTCOVER .EVENTCOVER_AREA a{display: block;width:30%;height:0px;padding-bottom:15%;position: absolute;top: 0;left:0;}

	#ACTAREA ul {margin:-14% auto 0px auto ;background-color: #fff;display: block;padding: 0;}
	#ACTAREA ul li {list-style: none;text-align: center;margin: auto;display: inherit;padding: 6% 2% 6%;width: inherit;}

	#BONUSAREA{width: 95%;height: auto;margin:-31px auto 10% auto;overflow: hidden;clear: both;}
	#ACTAREA ul li h1 {width: 6em;font: 20px/30px "微軟正黑體","Century Gothic";color: #FFFFFF;text-align: center;margin: 0px auto 0px auto;border-radius: 5px;margin-bottom: 5px;}
	#ACTAREA ul li small {font-size: 21px;line-height: 28px;}
	#BANKAREA ul li.BOX {width:96%;height: auto;margin: 1% 2% 1% 2%;}
	#BANKAREA ul li.BOX h3 {position: relative;bottom: 0;}
	#BANKAREA ul li.BOX h4 {position:relative;bottom: 0;}
	#BANKAREA ul li.BOX ol li {width: 84%;margin: 0% 4% 10px 12%;font: 1.2em/1.5em "微軟正黑體","Century Gothic";color: #000000;}
	/**/
	#INSTAREA{width:95%;height: auto;margin:-41px auto 10% auto;border-radius: 5px;background-color: #FFFFFF;}
	#INSTAREA ul li.BOX p {font: 1.2em/1.8em "微軟正黑體","Century Gothic";color: #000000;}
	#INSTAREA ul li.BOX p small {font-size: 15px;}
	/**/
	#BONUSAREA ul li.LOGO ol {list-style: none;width: 100%;margin: auto auto auto auto;}
	#BONUSAREA ul li.LOGO ol li {width: 48%;height: 45px;margin: 1% 1% 1% 1%;float: left;}
	.FeedbackBlock{ display: inherit;margin: 4%; padding:2% 5% 5%;}
	.FeedbackBlock .h3 {flex: inherit;margin-right: inherit;text-align: center;}
	#ACTAREA ul:before{ display: none; }
	#ACTAREA ul li:after{border-right: inherit; border-bottom: 3px dashed #f46090; left: 5%; right: 5%; top: inherit;bottom: 0;}

	#DISCOUNTAREA{width:100%;height: auto;margin:-31px auto 10%  auto;border-radius: 5px;background-color: #FFFFFF;}
	#DISCOUNTAREA ul li.BOX{width:94%;height: auto;border-radius: 5px;list-style: none;}
	#DISCOUNTAREA ul li.BOX img{width:100%;height: auto;}

}/* --------- 手機版型結束 --------- */

@media (min-width: 700px) {

.rwd-table td:before {display: none;}
.rwd-table th, .rwd-table td {display: table-cell;padding: 0.25em 0.5em;}

.rwd-table th:first-child, .rwd-table td:first-child {padding-left: 0;}
.rwd-table th:last-child, .rwd-table td:last-child {padding-right: 0;}

}

/**/