<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/********************************** global **********************************/
.zoombg {
	transform:scale(1.1);
	transform-origin:center center;
	-ms-transform:scale(1.1);
	-ms-transform-origin:center center;
	-moz-transform:scale(1.1);
	-moz-transform-origin:center center;
	-o-transform:scale(1.1);
	-o-transform-origin:center center;
	-webkit-transform:scale(1.1);
	-webkit-transform-origin:center center;
}
.transitionbg{
	transition:all ease 15s;
	-moz-transition:all ease 15s;
	-ms-transition:all ease 15s;
	-o-transition:all ease 15s;
	-webkit-transition:all ease 15s;	
}
#section{
	padding:17px 0px;
	text-align:center;
}
#line{
	width:50px;
	margin:0 auto 22px auto;
	border-top:1px #FFFFFF solid;
}
h1{
	font-size:30px;
	line-height:1em;
	vertical-align:top;
}
	#product #special{
		position:absolute;
		top:-10%;
		left:-74px;
	}
.txt-title{
	padding:10px 0px;
}
.txt-title2{
	padding:25px 0px 10px 0px;
}
.hello{
	font-size:26px;
	line-height:30px;
	color:#00B6B7;
	font-family: ClarendonTLig;
	padding-bottom:45px;
}
.popup_hello{
	font-size:35px;
	line-height:35px;
	color:#00B6B7;
	font-family: 'Times New Roman';
	padding-bottom:0;
}
#tab{
	border-bottom:#00B6B7 1px solid;
}
	 #tab #tabmyprofile{
		float:left;
		padding-right:1%;
		width:20%;
		max-width:152px;
		min-width:86px;
		line-height:0px;
		position:relative;
		z-index:2;
	}
	#tab #tabsurvey{
		float:left;
		padding-right:1%;
		width:20%;
		max-width:152px;
		min-width:86px;
		line-height:0px;
		position:relative;
		z-index:2;
	}
	#tab #tabecoupon{
		float:left;
		width:20%;
		max-width:152px;
		min-width:86px;
		line-height:0px;
		position:relative;
		z-index:2;
	}
	#tab #tabborder{
		position:absolute;
		width:100%;
		max-width:152px;
		min-width:86px;
		line-height:0px;
		top:1px;
		z-index:1;
	}
#divddlD{
	width:60px;
}
#divddlM{
	width:100px;
	padding-left:5px;
}
#divddlY{
	width:85px;
	padding-left:5px;
}
.ddl{
	width:100%;
}

/********************************** signup **********************************/
#signup{
	padding:50px 0px 120px 0px;
	text-align:center;
	position:relative;
	z-index:2;
}
#signup #title{
	font-family: 'Times New Roman';
	font-size:48px;
	line-height:48px;
	color:#FFFFFF;
}
#signup-bg1{
	background:url(../images/member/img/bg1.jpg) no-repeat center top;
	width:100%;
	height:100%;
	position:absolute;
	z-index:1;
}
#signup-bg2{
	background:url(../images/member/img/bg2.jpg) no-repeat center top;
	width:100%;
	height:100%;
	position:absolute;
	z-index:1;
}
#signup-bg3{
	background:url(../images/member/img/bg3.jpg) no-repeat center top;
	width:100%;
	height:100%;
	position:absolute;
	z-index:1;
}
#signup h1 img{
		max-width:176px;
	}
#signup #product{
	width:100%;
	max-width:445px;
	margin:40px auto 0px auto;
	position:relative;
}
#signup #signupbtn{
	padding-top:30px;
}

/********************************** register **********************************/
#register{
	padding:65px 0px 80px 0px;
	text-align:center;
	position:relative;
}
#register #title{
	text-align:center;
	font-size:48px;
	line-height:48px;
	color:#00B6B7;
	    font-family: "Times New Roman", Times, serif;
}
#register h1 img{
	max-width:176px;
}
#register #product{
	width:100%;
	max-width:500px;
	margin:40px auto 0px auto;
	position:relative;
}
#register form{
	text-align:left;
	position:relative;
	width:100%;
	max-width:500px;
	margin:0 auto;
}
#register .first{
	padding-top:40px
}
#register .other{
	padding-top:15px
}

/********************************** my profile **********************************/
#myprofile{
	padding:60px 0px 80px 0px;
}
#myprofile #section{
	padding:57px 0px 50px 0px;
}
#myprofile #banner{
	float:right;
	width:50%;
	max-width:440px;
}
#myprofile #info{
	float:left;
	width:42.55%;
	max-width:400px;
	text-align:left;;
}
.ddlprovince {
	width:100%;
	max-width: 370px;
	height: 35px;
}
/********************************** survey **********************************/
#survey #section{
	padding:54px 0px 0px 0px;
}
#survey .surveybox{
	float:left;
	width:41.48%;
	max-width:390px;
	padding:20px 8.51% 10px 0px;
}
#survey .surveybox &gt; div{
	padding-bottom:25px;
}
#survey .title{
	font-size:18px;
	line-height:20px;
	font-family: 'Times New Roman';
	color:#333333;
	text-align:left;
	padding-bottom:20px;
}
#survey .choose{
	color:#333333;
	text-align:left;
    font-size: 18px;
    line-height: 20px;
    font-family: 'Times New Roman';
}
#survey .choose &gt; div{
	padding:0px 0px 5px 0px;
}
/********************************** ecoupon **********************************/
#myprofile #section{
	padding-bottom:0px;
}
#myprofile #popup_section{
	padding:15px 0px 50px 0px;
}
#ecoupon .items{
	padding:0px 0px 50px 0px;
    font-family: 'Times New Roman';
}
#ecoupon .items:last-child{
	padding-bottom:0px;
}
#ecoupon .items .pic{
	float:left;
	width:53.19%;
	max-width:500px;
	padding-right:3.19%
}
#ecoupon .items .txt{
	float:left;
	width:43.61%;
	text-align:left;
    font-size:20px;
    font-family:ClarendonTLig;
}
#ecoupon .items .txt .exp{
	font-size:13px;
	color:#999999;
	padding-top:10px;
}
#ecoupon .items .txt .print{
	padding-top:25px;
}
/********************************** ecoupon detail **********************************/
#ecoupon-detail #section{
	width:100%;
	max-width:800px;
	margin:0 auto;
}
#ecoupon-detail #popup_section{
	width:100%;
	max-width:800px;
	margin:0 auto;
	  text-align: center;
}
#ecoupon-detail #detail{
	text-align:left;
	font-size:16px;
	color:#333333;
	padding-bottom:40px;	
}
#ecoupon-detail #print{
	padding-top:50px;
}
#ecoupon-detail #back{
	padding-top:30px;
}

.popup_ecp {
	padding:25px 0 0 0 !important;
}
/********************************** login **********************************/
#login{
	width:100%;
	max-width:660px;
	height:100%;
	max-height:580px;
}
	#login #close{
		text-align:right;
		padding:15px 15px 5px 0px;
	}
	#login #title{
		text-align:center;
	}
	#login #form{
		width:90%;
		max-width:400px;
		margin:0 auto;
	}
		#login #form #email{
			color:#00B6B7;
			font-size:25px;
			line-height:25px;
			padding:15px 0px 10px 0px;	
		}
		#login #form #password{
			color:#00B6B7;
			font-size:25px;
			line-height:25px;
			padding:20px 0px 10px 0px;	
		}
		#login #form #linkforgot{
			padding-top:5px;
			text-align:right;			
		}
		#login #form #submit{
			padding-top:25px;
			text-align:center;
		}
	#login #register{
		padding-top:20px;
		text-align:center;
		width:90%;
		max-width:428px;
		margin:0 auto;
	}
/********************************** forgot **********************************/
#forgot{
	width:100%;
	max-width:660px;
	height:100%;
	max-height:335px;
}
	#forgot #close{
		text-align:right;
		padding:15px 15px 5px 0px;
	}
	#forgot #title{
		text-align:center;
	}
	#forgot #form{
		width:90%;
		max-width:400px;
		margin:0 auto;
	}
		#forgot #form #email{
			color:#00B6B7;
			font-size:25px;
			line-height:25px;
			padding:25px 0px 10px 0px;	
		}		
		#forgot #form #submit{
			padding-top:25px;
			text-align:center;
		}
@media screen and (max-width: 790px) {
/********************************** global **********************************/
h1{
	font-size:25px;
	line-height:25px;
}
	#product #special{
		position:absolute;
		left:-30px;
		width:120px;	
	}
/********************************** signup **********************************/
#signup{
	padding:50px 0px 60px 0px;
	text-align:center;	
}
#signup-bg1{
	background:url(../images/member/img/bg1.jpg) no-repeat center top;
	width:790px;
	height:100%;
	position:absolute;
	z-index:1;
}
#signup-bg2{
	background:url(../images/member/img/bg2.jpg) no-repeat center top;
	width:790px;
	height:100%;
	position:absolute;
	z-index:1;
}
#signup-bg3{
	background:url(../images/member/img/bg3.jpg) no-repeat center top;
	width:100%;
	height:100%;
	position:absolute;
	z-index:1;
}
	#signup h1 img{
		max-width:147px;
	}
#signup #product{
	margin:40px auto 0px auto;
}
#signup #signupbtn{
	padding-top:50px;
}
/********************************** register **********************************/
#register h1 img{
	max-width:147px;
}

/********************************** my profile **********************************/
#myprofile{
	padding:40px 0px 60px 0px;
}
#myprofile #section{
	padding:40px 0px 50px 0px;
}
#myprofile #banner{
	float:none;
	width:100%;
	max-width:800px;
	padding-bottom:40px;
}
#myprofile #info{
	float:none;
	width:100%;
	max-width:800px;
}

/********************************** survey **********************************/
#survey #section{
	padding:47px 0px 0px 0px;
}
#survey .surveybox{
	float:none;
	width:100%;
	max-width:none;
	padding:20px 0px 10px 0px;
}
#survey .surveybox &gt; div{
	padding-bottom:25px;
}
#survey .title{
	font-size:18px;
	line-height:20px;
	font-family: 'Times New Roman';
	color:#333333;
	text-align:left;
	padding-bottom:20px;
}
#survey .choose{
	color:#333333;
	text-align:left;
	font-size:16px;
}
#survey .choose &gt; div{
	padding:0px 0px 5px 0px;
}
/********************************** ecoupon **********************************/
#ecoupon .items{
	width:100%;
	max-width:500px;
}
#ecoupon .items .pic{
	float:none;
	width:100%;
	padding-right:0%
}
#ecoupon .items .txt{
	float:none;
	width:100%;
	text-align:left;
}
}
@media screen and (max-width: 480px) {
/********************************** global **********************************/
#tab #tabmyprofile{
	padding-right:0%;
}
#tab #tabsurvey{
	padding-right:0%;
}
#tab #tabecoupon{
	padding-right:0%;
}
}
@media print{
	#popup_section #detail {
		display:none;
	}
	#print {
		display:none;
	}
}</pre></body></html>