@charset "utf-8";
@media screen and (min-width: 800px){
/*分享區改浮動*/
#masttop{position:relative;z-index:1;}
/*主視覺*/
body {
	background:#504941 url(../img/pcbg.jpg) center 48px no-repeat;
	background-size: auto;
	-moz-background-size: auto;
	-webkit-background-size: auto;
}
.max1400Box .mainviewPc {
	display:block;
}
.max1400Box .mainviewMobile {
	display:none;
}
.areaSelArea{
	width:100%;
	margin:0 auto;
}
.areaSelBox{
	display:none;
}
.areaNav{
	width:auto;
	display:block;
	position: relative;
	z-index: 1;
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow: none;
	left:auto;
	top:auto;
	padding:0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border:0;
}
.areaNav li{
	font:bold 20px/1.4 "微軟正黑體", "Microsoft JhengHei",Arial,sans-serif;
	display:inline-block;
	background-color:none;
	border-top:0;
}
.areaNav li:first-child{
	border-top:0;
}
.my10Nav li a img.forPc{
	display:block;
}
.my10Nav li a img.forMobile{
	display:none;
}
/*銀行禮*/
.bankOfferList{
	padding:0;
}
.bankOfferList a{
	display:inline-block;
	width:46%;
	margin:0 auto;
	text-align: center;
}
.bankOfferList a.rightLink{
	margin:0 auto 0 8px;
}

/*得獎名單*/
.prizeList{
	display:block;
	margin:0 auto;
	padding:0;
}
.prizeList>div{
	display:inline-block;
	width:46%;
	margin:0 auto;
	text-align: center;
	background-color:#fff;
}
.prizeList>div.rightbk{
	margin:0 auto 0 8px;
}

/*app介紹*/
.appIntroBox .step2Img,
.appIntroBox .step3Img{
	display:block;
}
.appIntroBox .step2Link,
.appIntroBox .step3Img1{
	display:none;
}
}


@media screen and (min-width: 690px) and (max-width: 799px) {
/*分享區改浮動*/
#masttop{position:absolute;z-index:10;width:100%;}
.navbar-nav{margin:0 -15px;}
/*主視覺*/
body {
	background:#504941 url(../img/mbg.jpg) center 48px no-repeat;
	background-size: 100% auto;
	-moz-background-size:  100% auto;
	-webkit-background-size:  100% auto;
}
.max1400Box .mainviewPc {	
	display:none;
}
.max1400Box .mainviewMobile {
	display:block;
}
.areaSelArea{
	width:100%;
	margin:0 auto;
}
.areaSelBox{
	display:none;
}
.areaNav{
	width:auto;
	display:block;
	position: relative;
	z-index: 1;
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow: none;
	left:auto;
	top:auto;
	padding:0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border:0;
}
.areaNav li{
	font:bold 18px/1.4 "微軟正黑體", "Microsoft JhengHei",Arial,sans-serif;
	display:inline-block;
	background-color:none;
	border-top:0;
}
.areaNav li:first-child{
	border-top:0;
}
.my10Nav li a img.forPc{
	display:block;
}
.my10Nav li a img.forMobile{
	display:none;
}
/*銀行禮*/
.bankOfferList{
	padding:0;
}
.bankOfferList a{
	display:inline-block;
	width:46%;
	margin:0 auto;
	text-align: center;
}
.bankOfferList a.rightLink{
	margin:0 auto 0 8px;
}

/*得獎名單*/
.prizeList{
	display:block;
	margin:0 auto;
	padding:0;
}
.prizeList>div{
	display:inline-block;
	width:46%;
	margin:0 auto;
	text-align: center;
	background-color:#fff;
}
.prizeList>div.rightbk{
	margin:0 auto 0 8px;
}

/*app介紹*/
.appIntroBox .step2Img,
.appIntroBox .step3Img{
	display:none;
}
.appIntroBox .step2Link,
.appIntroBox .step3Img1{
	display:block;
}
}

@media screen and (min-width: 575px) and (max-width: 689px) {
/*主視覺*/
/*分享區改浮動*/
#masttop{position:absolute;z-index:10;width:100%;}
.navbar-nav{margin:0 -15px;}
body {
	background:#504941 url(../img/mbg.jpg) center 38px no-repeat;
	background-size: contain;
	-moz-background-size: contain;
	-webkit-background-size: contain;
}
.max1400Box .mainviewPc {
	display:none;
}
.max1400Box .mainviewMobile {
	display:block;
}
.areaSelArea{
	width:100%;
	margin:0 auto;
}
.areaSelBox{
	width:90%;
	display:block;
}
.areaNav{
	width:100%;
	display:none;
	position: absolute;
	z-index: 6;
	left:0;
	top:0;
	padding:0;
	box-shadow: 0 3px 8px rgba(0,0,0,0.4);
	-moz-box-shadow: 0 3px 8px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.4);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border:1px solid #7d2323;
}
.areaNav li{
	color:#333;
	font:bold 16px/1.4 "微軟正黑體", "Microsoft JhengHei",Arial,sans-serif;
	display:block;
	background-color:#fff;	
	border-top:1px dotted #eee;
}
.areaNav li.act{
	background-color:#fff;
}
.areaNav li:first-child{
	border-top:0;
}
.my10Nav li a img.forPc{
	display:none;
}
.my10Nav li a img.forMobile{
	display:block;
}
/*銀行禮*/
.bankOfferList{
	padding:0 0;
}
.bankOfferList a{
	display:block;
	width:90%;
	margin:0 auto 8px;
}
.bankOfferList a.rightLink{
	margin-left:auto;
	margin-bottom:0;
}
/*app介紹*/
.appIntroBox .step2Img,
.appIntroBox .step3Img{
	display:none;
}
.appIntroBox .step2Link,
.appIntroBox .step3Img1{
	display:block;
}
}

@media screen and (min-width: 300px) and (max-width: 574px) {
/*主視覺*/
/*分享區改浮動*/
#masttop{position:absolute;z-index:10;width:100%;}
.navbar-nav{margin:0 -15px;}
body {
	background:#504941 url(../img/mbg.jpg) center 38px no-repeat;
	background-size: contain;
	-moz-background-size: contain;
	-webkit-background-size: contain;
}
.max1400Box .mainviewPc {
	display:none;
}
.max1400Box .mainviewMobile {
	display:block;
}
.areaSelArea{
	width:100%;
	margin:0 auto;
}
.areaSelBox{
	width:90%;
	display:block;
}
/*選單*/
.areaNav{
	width:100%;
	display:none;
	position: absolute;
	z-index: 6;
	left:0;
	top:0;
	padding:0;
	box-shadow: 0 3px 8px rgba(0,0,0,0.4);
	-moz-box-shadow: 0 3px 8px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.4);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border:1px solid #7d2323;
}
.areaNav li{
	color:#333;
	font:bold 16px/1.4 "微軟正黑體", "Microsoft JhengHei",Arial,sans-serif;
	display:block;
	background-color:#fff;	
	border-top:1px dotted #eee;

}
.areaNav li:first-child{
	border-top:0;
}
.areaNav li.act{
	background-color:#fff;		
}
.my10Nav li a img.forPc{
	display:none;
}
.my10Nav li a img.forMobile{
	display:block;
}
/*銀行禮*/
.bankOfferList{
	padding:0;
}
.bankOfferList a{
	display:block;
	width:90%;
	margin:0 auto 8px;
}
.bankOfferList a.rightLink{
	margin-left:auto;
	margin-bottom:0;
}
/*得獎名單*/
.prizeList{
	display:block;
	margin:0 auto;
	padding:0;
}
.prizeList>div{
	display:block;
	width:90%;
	margin:0 auto 8px;
	text-align: center;
	background-color:#fff;
}
.prizeList>div.rightbk{
	margin-left:auto;
}

/*app介紹*/
.appIntroBox .step2Img,
.appIntroBox .step3Img{
	display:none;
}
.appIntroBox .step2Link,
.appIntroBox .step3Img1{
	display:block;
}
}