@charset "UTF-8";
/* CSS Document */
*{
	margin:0;
	padding:0;
}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html{height:100%;}
body{
	position:relative;
	font-size:14px;
	line-height:1.4;
	width:100%;
	height:100%;
	background:#FFF;
	color:#333;
	position:relative;
	font-family: "Hiragino Sans GB W3","微軟正黑體", Microsoft JhengHei, 'OpenSans', "Helvetica Neue", Helvetica, Arial, "俪  Pro", "LiHei Pro", "STHeiti", "Apple LiGothic Medium", "微软正 体", "Microsoft JhengHei", sans-serif !important;
}

img{
	max-width:100%;
	border:none;
	vertical-align:middle;
	text-decoration:none;
}
a,a img{
	border:none;
	outline:none;
	cursor:pointer;
	text-decoration:none;
	background:none;
}
a:focus,a:hover{
	text-decoration:none;
	outline:none;
	 -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
select,select:focus,select:active,button,span,span:focus{
	outline:none;
}
input:focus{outline:none; border:none;}
.container{width:100%; max-width:640px; margin:0 auto; background:#ebebeb;}
.header{ background:#fff; text-align:center;}
.header .logo{ margin:0 auto; max-width:190px;}
.content{padding:0 15px;}
.txt-redeem{
	font-size:18px;
	text-align:center;
	margin:40px auto 0;
}
.txt-redeem .div_or_line{
	margin-bottom:-15px;
	border-top:2px solid #d0d0d0;
}
.txt-redeem .div_or_text{
	display:inline-block;
	padding:0 15px;
	background:#ebebeb;
	margin-bottom:35px;
	font-weight:bold;
}
.choose{background:#FFF; padding:30PX 0;}
.banner{ /*background:#FFF;*/ border-radius:20px; margin:20px 0; padding:10px; display:inline-block; width:100%;}
.details{padding:0;}
.details_logo{margin:0 auto 23px; text-align: center;}
.details_logo img{max-width: 100%;}
.details_p{ font-size:18px; text-align:center; font-weight:bold; margin-bottom:10px;}
hr{ background:#e5e5e5; width:100%; border:none; height:1px;}
.hr{background:#8cc6d7; margin:10px 0 20px; width:100%; border:none; height:1px;}
.barcode{ background:#FFF; border-radius:10px; margin:0 auto 10px; text-align:center; padding:10px; width: 50%; min-width:240px;}
.barcode img{max-width:240px;}
.buttons a{ display: block; color:#FFF; font-size:18px; font-weight:bold; background:#0b2d72; text-align:center; padding:18px 0; border-radius:8px;-webkit-box-shadow: 0px 5px 10px #c2c1c1;-moz-box-shadow: 0px 5px 10px #c2c1c1;box-shadow: 0px 5px 10px #c2c1c1;-khtml-box-shadow: 0px 5px 10px #c2c1c1;}
.terms{padding:5px 0 20px;}
.terms p{font-size:18px; margin-bottom:8px;font-weight:bold;}
.terms li{list-style: disc; font-size:14px; margin-bottom:10px; margin-left:16px; position:relative;}
.offer{background:#FFF; width:100%; display:inline-block; padding:20px 15px;}
.offer+.offer{ border-top:1px solid #dedede;}
.offer .offer_img{float:left; width:35%;}
.offer .offer_detail{float:left; width:65%; padding-left:15px;}
.offer .offer_detail p{ font-size:18px; font-weight:bold; margin-bottom:15px;}
.offer .offer_detail .button_offer{background:#0b2d72; width:100%; display: block; color:#FFF; text-align:left; font-size:18px; padding:10px 20px; border-radius:10px;position:relative; margin-bottom:15px;}
.offer .offer_detail .button_offer span{font-size:24px;}
.offer .offer_detail .button_offer:after{content:""; background:url(../images/arrow-r-w.png) no-repeat right center;width: 18px;height: 29px;position: absolute;right: 15px;top: 15px;}
.offer .offer_detail .divCounter{ background:url(../images/icon2.png) no-repeat left center; padding-left:28px; font-size:18px;}
.offer_item{background:#FFF; padding:0 15px; width:100%; display:inline-block;}
.offer_item .p1{font-size:30px; font-weight:bold; margin-bottom:10px;}
.offer_item .p2{font-size:18px; font-weight:bold; margin-bottom:20px;}
.offer_item .p2 span{font-size:40px; color:#0b2d72;}
.offer_item ul li{list-style:none; font-size:18px; margin-bottom:18px; color:#0b2d72;}
.offer_item ul li p{ color:#333; margin-top:5px;}
.icon_facebook{ margin-bottom:20px;}
.icon_facebook a{display:block; padding:25px 15px; background:#3b5998 url(../images/fb_btn_icon.png) no-repeat left 15px center; padding-left:90px; color:#FFF; font-size:18px; border-radius:10px;}
.checobox{ font-size:18px; margin-bottom:20px; position:relative; padding-left:33px;}
.checobox input{width:30px; height:30px; position:absolute; left:0; top:3px;}
.offer_item .border{ border:1px solid #e5e5e5; text-align:center; padding:30px 20px; margin-bottom:30px;}
.offer_item .border .img{max-width:350px; margin:0 auto;}
.offer_item .form{width:100%; display:inline-block; margin-bottom:10px; font-weight:bold;}
.offer_item .form label{ font-size:18px; /*width:100px; float:left;*/ margin-top:5px;}
.offer_item .form .input{ font-size:18px; /*padding-left:100px;*/}
.offer_item .form input{width:100%; height:46px;font-size:18px; border:1px solid #a3a0a0; padding:0 8px;}
p.warning{font-size:18px; margin-bottom:20px;}
.wapper{ background:#a4ddee; padding:0 20px;}
@media only screen and (max-width:768px){
}
@media only screen and (max-width:480px){
.buttons a{font-size:18px;}
.offer .offer_img{float:none; width:100%;}
.offer .offer_detail{float:none; width:100%; padding-left:0;}
.icon_facebook a{font-size:18px;}
.details_p{font-size:18px;}
.details_logo{max-width:280px;}
}



.border2{ border:1px solid #e5e5e5; padding:10px 20px; margin-bottom:10px;}