@charset "utf-8";
html,body{margin:0;height: 100%;}
body{font-size:100%;line-height: 1.5; font-family: "微軟正黑體", 'Century Gothic' ; color: #424242; position: relative; background-color: #C10003;}
a:focus{outline:0;}
a{text-decoration:none; color: #333;}
a:hover{text-decoration:none; color: #000;}
img{border: 0 none; line-height:0; display: block;}
form {margin:0;	padding:0;}
ul, ul li {margin: 0;padding: 0;  list-style-type: none;}
dl, dt, dd {margin: 0;padding: 0;}
dl {height: 1%;}
button{border:0 none; cursor:pointer;padding: 0;margin: 0;background: transparent;}
.clearfix:before,.clearfix:after {content: "";display: table;height: 0;overflow: hidden;}
.clearfix:after {clear: both;}
.clearfix {	zoom: 1;}
h1,h2,h3,p{margin:0;padding: 0;}
/*-------------------------------------Globe------------------------------------------------*/
.Header{background: #C10003 url(../images/MainBg.jpg) no-repeat top center;}
.Wrapper{width: 950px; margin: auto;position: relative;}
.Masthead .Wrapper{overflow: hidden;}
.Splash{background: url(../images/main.png) no-repeat top center;position: absolute;right: 0;left: 0; top: 0;bottom: 0;z-index: 2;}
.TopTitle{padding:80px 0 260px 43%; text-align: center;position: relative;z-index: 3;}
.TopTitle .Caption{ font-size: 4.7rem; color: #e93536;line-height: 1.2; font-weight: bold;}
.TopTitle .Caption2{ font-size: 2.7rem; color: #5c5c5c;font-weight: normal;position: relative;}
.TopTitle .Caption2:before{content: ""; height: 2px;background-color: #5c5c5c; width: 12%; left: 12%; position: absolute;top: 50%;}
.TopTitle .Caption2:after{content: ""; height: 2px;background-color: #5c5c5c; width: 12%; right: 12%; position: absolute;top: 50%;}
.Discount{font-size: 9.5rem;color: #e93536; font-weight: bold;line-height: .8;position: relative;margin-bottom: 30px;}
.Discount::before {content: "$"; font-size: 3rem;}
.Label{font-size: 2rem; color: #fff;letter-spacing: 1px;width: 320px;line-height: 1.3;z-index: 1;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d75555+1,ea464c+50,f15258+51,ed4a4f+98,e5383e+100 */
background: #d75555; /* Old browsers */
background: -moz-linear-gradient(top, #d75555 1%, #ea464c 50%, #f15258 51%, #ed4a4f 98%, #e5383e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #d75555 1%,#ea464c 50%,#f15258 51%,#ed4a4f 98%,#e5383e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #d75555 1%,#ea464c 50%,#f15258 51%,#ed4a4f 98%,#e5383e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d75555', endColorstr='#e5383e',GradientType=0 ); /* IE6-9 */
left: 50%;
position: absolute;
top: 50%;
margin: 56px 0 0 -20px;
padding-left: 130px;
z-index: 1;
}
.Label:before{content: "";position: absolute;right: 0;width: 0;top: -3px;
height: 0;
border-style: solid;
border-width: 24px 20px 24px 0;
border-color: transparent #fffeff transparent transparent;}
.AppBlock{ background-color: #434343;color: #fff;text-align: center;}
#AppM .AppBlock{padding: 1%;}
.AppBlock ul {width: 605px; margin: auto;}
.AppBlock ul li{display: inline-block; text-align: center;}

.AppBlock ul li:first-child a{ background-image:url(../images/appdownload.png);display: block;	width: 450px; height: 150px;background-size: 100%; text-indent: -9999px;}
.AppBlock ul li:first-child a:hover{ background-image:url(../images/appdownloadhover.png);}

.AppBlock ul li:last-child a{ background-image:url(../images/qrcode2.png); width: 150px; height: 150px;background-size: 100%; text-indent: -9999px;display: block;}
.ActivityRow{margin:8px 0;text-align:justify; color: #fff; font-size: 1.2rem;line-height: 1.8;}
.WTxt{display:inline-block;vertical-align:top}
.Txt{display:inline-block;width:90%}
.ActivityRow a{color: #ffff00;text-decoration: underline;}
.Table{width:100%;text-align:center;font-size: 1rem;}
.Table th{background:#373737;color:#fff;}
.Table td{padding:1%;background-color:#fff5dd;color: #373737;}
.Tip{ font-size: 1rem;}
.Pw{border: 0; height:60px; width:200px; color:#3F3F3F; padding: 5px;font-weight: 1.3rem;}
form label{display: block;font-size: 1.2rem; line-height: 1.5;margin-bottom: 1%;}
.BtnSubmit{background: url(../images/btn.png);width: 97px;height: 80px;vertical-align: top;border: 0 none;text-indent: -9999px;}
.InputPW{border: 0;height:60px; width:200px; padding: 5px;color:#3F3F3F;  font-size: 2rem;}
.InputPW:focus{border:1px solid #C10003;}


@media screen and (max-width:768px){
	.Wrapper{width:100%}
	.AppBlock ul li:first-child{width: 72%;}
	.AppBlock ul li:last-child{width: 26%;}
	.AppBlock ul li:first-child a{width: 100%;height: 0;padding-bottom: 34%;}
	.AppBlock ul li:last-child a{width: 100%;height: 0;padding-bottom: 100%;}
	.AppBlock ul{width: 100%;}
	.RoutinePage{padding: 5%;}
	.Splash{background-size: 115%;}
	.TopTitle{padding: 12% 5% 25% 50%;}
	.TopTitle .Caption{font-size: 9vmin}
	.TopTitle .Caption2{font-size: 5vmin}
	.TopTitle .Caption2:before{left: 12%;}
	.TopTitle .Caption2:after{right: 12%;}
	.Discount{font-size: 14vmin;}
	.Discount:before{font-size:5vmin;}
	.Label {width: 42%;padding: 0 0 0 12%;font-size: 3vmin;margin: 7% 0 0 0;}
	.Label:before{display: none;}
	.Header{background-size: 220%;}

}

