@charset "utf-8";
@import "font-awesome.css";
@import "font.css";
/* CSS Document */
@page {  
	width: 100%;
	size:210mm 297mm;  
	margin: 5mm;
	padding: 0;
	font-size: 9.5pt;
}
BODY, HTML{
	width:100%;
	height:100%;
	font-size:21px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	
	-webkit-text-size-adjust:none;
	text-align:left;
	color:#575757;
	
	
	
	
	
	background-color:#303851;
    background-image:url(../img/bg.png);
	background-size:cover;
	background-repeat:no-repeat;
    background-position: top center;  



}
IMG{
	border:0px;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}
input, select, textarea{
	padding-left:10px;
	padding-right:10px;
	border:0px;
	
	/*
	-webkit-border-radius:5px;
	border-radius:5px;
	*/
	-webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
	font-family:"細明體";
	font-size:15px;
}
select{
	padding-right:0px;
	background-image:url(../img/select_arrow.png);
	background-repeat:no-repeat;
	background-position:100% center ;
	background-size:27px 26px;
	
}
input[type=checkbox], input[type=radio]{
	padding-left:0;
	padding-right:0;
	border:1px #000000 solid;
	width:20px;
	height:20px;
	
}
input[type=button], input[type=submit]{
	font-family:Arial, "微軟正黑體";
	font-size:15px;
	webkit-appearance:none;  
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-border-radius:0px;
	border-radius:0px;
	cursor:pointer;
}
h1, h2{
	font-weight:normal;
	margin:0 0 0 0;
	padding:0 0 0 0;
}
p{
	margin:0 0 0 0;
	padding:0 0 0 0;	
}
a{
	color:#c5b87e;
	text-decoration:none;
}
a:hover{
	color:#c5b87e;
	text-decoration:underline;
}

.clear {
	clear:both;
	width:100% !important;
	height:1px !important;
	margin:0 0 0 0 !important;
	float:left;
}
.clear:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0px !important;
}


.desktop{
	display:block;	
}
.mobile{
	display:none;	
}







/*mainContainer start*/
#mainContainer{
	width:993px;
	margin:0 auto;
}
#mainContainer .logo{
	margin:62px auto;
	margin-left:223px;
}

/*mainContainer end*/



/*homeContainer start*/
#homeContainer{
	width:100%;	
}
#homeContainer .headImg{
	margin:43px auto;
	margin-left:135px;
}
#homeContainer .textWrapper1{
	width:calc(100% - 388px);
	color:#FFFFFF;
	line-height:50px;
	text-align:center;
	padding-left:194px;
	padding-right:194px;
	margin-bottom:89px;
}
#homeContainer .boxWrapper{
	width:calc(100% - 112px);
	background-image:url(../img/home_box.png);
	background-repeat:no-repeat;
	padding-top:87px;
	padding-bottom:94px;
	padding-left:56px;
	padding-right:56px;
	text-align:center;
	line-height:30px;
	color:#FFFFFF;
	font-size:19px;
	height:318px;
	margin-bottom:47px;
}
#homeContainer .boxWrapper .specialText{
	width:100%;
	color:#c6b97f;
	margin-top:26px;
	margin-bottom:16px;
}
#homeContainer .textWrapper2{
	width:calc(100% - 388px);
	color:#FFFFFF;
	line-height:35px;
	text-align:center;
	padding-left:194px;
	padding-right:194px;
	margin-bottom:89px;
}
#homeContainer .textWrapper3{
	width:calc(100% - 388px);
	color:#FFFFFF;
	font-size:18px;
	line-height:35px;
	text-align:center;
	padding-left:194px;
	padding-right:194px;
	margin-bottom:89px;
}

#homeContainer .gridWrapper{
	width:100%;
	margin-bottom:62px;	
}
#homeContainer .gridWrapper .gridLeft{
	float:left;
	width:316px;
	margin-top:98px;
}
#homeContainer .gridWrapper .gridCentre{
	float:left;
	width:316px;
	margin-left:23px;
}
#homeContainer .gridWrapper .gridRight{
	float:right;
	width:316px;
	margin-top:98px;
}

#homeContainer .gridWrapper .gridBox{
	width:100%;
	margin-bottom:66px;
}
#homeContainer .gridWrapper .gridBox img{
	width:301px;	
}
#homeContainer .gridWrapper .gridBoxHead{
	width:100%;
	margin-bottom:5px;
	font-size:15px;
	float:left;
	font-family:"細明體";
}
#homeContainer .gridWrapper .gridBoxHead div{
	padding:0 0 0 0;
	height:22px;
	float:right;
	line-height:22px;
	border-bottom:1px #b09e72 solid;
	padding-left:10px;	
	width:auto;
	margin:0 0 0 0;
	/*font-weight:bold;*/
	padding-right:15px;
}
#homeContainer .gridWrapper .gridBoxHead div label{
	float:left;
	margin-right:10px;
	color:#dac07e;
	letter-spacing:1px;
	font-family:'hiraminpro-w3';
}
#homeContainer .gridWrapper .gridBoxHead div input[type=radio]{
	float:left;
	border:1px #b09e72 solid;
	height:20px;
	width:20px;
	background-color:#FFFFFF;
	-webkit-appearance:checkbox;
      -moz-appearance:checkbox;
      appearance:checkbox;

	display:none;
}
#homeContainer .gridWrapper .gridBoxHead div .radio{
	color:#FFFFFF;
	cursor:pointer;
	position:relative !important;
}
#homeContainer .gridWrapper .gridBoxHead div .radioChecked:before{
	position: absolute;
	font-family: 'FontAwesome';
	top: 0;
	left: 0;
	content: "\f14a";
	font-size:120%;
	color:#dac07e;
}
#homeContainer .gridWrapper .gridBoxHead div .radioUncheck:before{
	position: absolute;
	font-family: 'FontAwesome';
	top: 0px;
	left: 0px;
	content: "\f0c8";	
	font-size:120%;
	
	color:#FFFFFF;
}

#homeContainer .gridWrapper .gridBox span{
	width:100%;
	text-align:center;
	display:inline-block;
	font-family:"GreatVibes-Regular";
	font-size:22px;
	color:#dac07e;
	padding-top:11px;
	letter-spacing:5px;
}


#homeContainer .bgLine{
	margin:0 auto;
	margin-bottom:44px;
}





#homeContainer .formWrapper{
	margin:0 auto;
	width:640px;
	margin-top:72px;	
}

#homeContainer .formField{
	width:100%;
	margin-bottom:23px;
	position:relative;
}
#homeContainer .formField label{
	width:232px;
	position:absolute;
	left:0;
	height:40px;
	line-height:40px;
	border-bottom:2px #c5af77 solid;
	color:#c5af77;
	font-size:19px;
	font-family:"hiraminpro-w3";
	letter-spacing:5px;
	z-index:-1;
}

#homeContainer .formField input[type=text]{
	margin-left:107px;
	border:1px #c5af77 solid;
	width:510px;
	height:37px;
	line-height:37px;
	-webkit-appearance: none;
	border-radius: 0;
}
#homeContainer .formField textarea{
	margin-left:107px;
	border:1px #c5af77 solid;
	width:510px;
	height:234px;
	min-width:510px;
	min-height:234px;
	max-width:510px;
	max-height:234px;
	padding-top:10px;
	padding-bottom:10px;
	-webkit-appearance: none;
	border-radius: 0;
}
#homeContainer .formField span{
	width:100%;
	display:inline-block;
	font-size:18px;
	color:#FFFFFF;
	margin-top:5px;
	text-align:right;
}
#homeContainer .formField input[type=checkbox]{
	float:left;
	border:1px #b09e72 solid;
	height:20px;
	width:20px;
	background-color:#FFFFFF;
	-webkit-appearance:checkbox;
      -moz-appearance:checkbox;
      appearance:checkbox;
	-webkit-border-radius:0px;
	border-radius:0px;
}
#homeContainer .formField p{
	width:calc(100% - 97px);
	line-height:25px;
	font-size:12px;
	color:#FFFFFF;
	margin-left:97px;
}


#homeContainer .formField input[type=submit]{
	margin:38px auto;
	margin-left:243px;
	background-image:url(../img/bnt.png);
	width:186px;
	height:70px;
	cursor:pointer;
}
/*homeContainer end*/




/*termsContainer start*/
#termsContainer{
	width:100%;
	font-family:"微軟正黑體";
}
#termsContainer .bgLine{
	margin:44px auto;
	margin-bottom:44px;
}
#termsContainer h2{
	color:#c5b87e;
	font-size:22px;
}
#termsContainer .textWrapper{
	width:calc(100% - 268px);
	color:#FFFFFF;
	padding-left:134px;
	padding-right:134px;
	margin-bottom:89px;
	line-height:40px;
}
#termsContainer .textWrapper ul{
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:100%;
}
#termsContainer .textWrapper ul li{
	width:auto;
	list-style:url(../img/dot.png);
	 word-break: break-all;
}
/*termsContainer end*/



/*successContainer start*/
#successContainer{
	width:100%;
}
#successContainer .headImg{
	margin:43px auto;
	margin-left:135px;
}
#successContainer .boxWrapper{
	width:calc(100% - 112px);
	background-image:url(../img/home_box.png);
	background-repeat:no-repeat;
	padding-top:147px;
	padding-bottom:94px;
	padding-left:56px;
	padding-right:56px;
	text-align:center;
	line-height:30px;
	color:#FFFFFF;
	font-size:19px;
	height:318px;
	margin-bottom:47px;
}
/*termsContainer end*/


/*tailContainer start*/
#tailContainer{
	width:100%;
	text-align:center;
	color:#FFFFFF;
	font-size:60%;
	line-height:30px;
	padding-bottom:20px;
}
#tailContainer a{
	color:#FFFFFF;
	text-decoration:none;
}
#tailContainer a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}
/*tailContainer end*/