/* CSS Document */
@charset "utf-8";

@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }

/* General usage */
@font-face{font-family:reader;font-style:normal;font-weight:700;src:url(../fonts/reader-bold-web.eot?) format("eot"),url(../fonts/reader-bold-web.woff) format("woff"),url(../fonts/reader-bold-web.ttf) format("truetype"),url(../fonts/reader-bold-web.svg#reader) format("svg")}
@font-face{font-family:reader;font-style:normal;font-weight:400;src:url(../fonts/reader-medium-web.eot?) format("eot"),url(../fonts/reader-medium-web.woff) format("woff"),url(../fonts/reader-medium-web.ttf) format("truetype"),url(../fonts/reader-medium-web.svg#reader) format("svg")}
@font-face{font-family:reader;font-style:normal;font-weight:300;src:url(../fonts/reader-regular-web.eot?) format("eot"),url(../fonts/reader-regular-web.woff) format("woff"),url(../fonts/reader-regular-web.ttf) format("truetype"),url(../fonts/reader-regular-web.svg#reader) format("svg")}

html, body{ font-family: reader,Helvetica,"Noto Sans CJK TC","Noto Sans TC","微軟正黑體","Microsoft JhengHei",MHei,PMingLiU,"儷黑 Pro","LiHei Pro","新細明體",Arial,sans-serif; height:100%; font-size:1em; line-height:1.4;}
.cbtn,
.btnclass { cursor:pointer; }
#content-wrapper{ position:relative; margin:0 auto; height:100%; }

a{ color:#D4B35B; text-decoration:underline; }
a:hover, a:visited{ color:#D4B35B; text-decoration:underline; }

/* Facebook */
.removescroll{ overflow:hidden; }
.removecount { overflow:hidden; height:21px; width:51px;}

/* Hover Button */
.btn_radio,
.btn_checkbox,
.mbtn{ cursor:pointer; background:left top no-repeat; display:block; }
.mbtnactive,
.mbtn:hover{ background-position:left bottom; }

.btn_checkbox.mbtnactive{ background-position:left bottom; }

/* lightbox & Loader */
.dialog,
.mask{ display:none; }
.dialog{ position:absolute; z-index:10000; }
.mask {position: fixed; top:0; left: 0; background: rgba(0,0,0,0.7); z-index: 9999; width: 100%; height: 100%;}
.premask {position: fixed; top:0; bottom:0; left:0; right:0; margin:auto; background: rgba(255,255,255,1); z-index: 10000; width: 100%; height: 100%; display:block;}
.btnclose{ position:absolute; top:25px; right:25px; cursor:pointer; z-index:5; }
.cdialog{ position:fixed; top:0; bottom:0; left:0; right:0; margin:auto; }
.popcontent{ width:100%; height:100%; overflow-y:auto; position:relative; }

#loader{ position:fixed; top:0; bottom:0; left:0; right:0; margin:auto; z-index:10000; font-size: 10px; text-indent: -9999em;
	border-top: 1.1em solid #EEE; border-right: 1.1em solid #D4B35B; border-bottom: 1.1em solid #EEE; border-left: 1.1em solid #D4B35B;
	-webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 1.1s infinite linear; -ms-animation: load8 1.1s infinite linear; animation: load8 1.1s infinite linear;
}
#loader,
#loader:after{ border-radius: 50%; width: 10em; height: 10em; }
@-ms-keyframes load8 {
	0%{ -ms-transform: rotate(0deg); }
  100% { -ms-transform: rotate(360deg);  }
}
@-webkit-keyframes load8 {
	0%{ -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg);  }
}
@keyframes load8 {
  0%{ transform: rotate(0deg); }
  100%{ transform: rotate(360deg); }
}

.sred{ color:#E21A47; } 
.bgcolor{ background-color:#064095; }
.bgwhite{ background-color:#FFF; }
.bgyellow{ background-color:#FF0; }
.bgpurple{ background-color:#FAF8FD; }
.linebar{ border:1px solid #E5E4E9; }

.sgold{ background-color:#D4B35B; }

/* custom css start from below */
.checkbox-container { display: block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding-left:35px; font-weight:normal !important; }
.checkbox-container input { position: absolute; opacity: 0; cursor: pointer; height:inherit !important; font-size:inherit !important; }
.checkmark { position: absolute; top: 0; left: 0; height:25px; width:25px; border: 1px solid #D4B35B;background-color: #FFF; }
.checkbox-container:hover input ~ .checkmark { background-color: #FFF; }
.checkbox-container input:checked ~ .checkmark { background-color: #FFF; }
.checkmark:after { content: ""; position: absolute; display: none; }
.checkbox-container input:checked ~ .checkmark:after { display: block; }
.checkbox-container .checkmark:after {  left:7px; top: 0px; width:9px; height:20px; border: 1px solid #D4B35B; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }


.btnclose{ background-image: url(../images/btn_close.png); width:44px; height:42px; top:10px; right:10px; }
.btnclose.btniclose{ background-image:none; width:70px; height:70px; top:0; right:0; }
.bold{ font-weight:bold; }
.mobileshow{ display:none; }

.xcenter{ left:50%; -ms-transform: translate(-50%); -webkit-transform: translate(-50%); transform: translate(-50%); position:absolute; }
.ycenter{ top:50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); position:absolute; }
.ccenter{ top:50%; left:50%; -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); position:absolute; }

.nopadding{ padding-left:0; padding-right:0; }
.nomargin{ margin-left:0; margin-right:0; }

#content-wrapper{ width:100%; }
body{ background-color:#FFF; color:#D4B35B; }

.btntop{ display:none; height: 40px; width: 40px; position: fixed; bottom: 120px; right: 20px; z-index: 10; border:1px #D4B35B solid; background: #D4B35B url(../images/btn_top.svg) no-repeat center 50%; opacity:0.8; cursor:pointer; }

ol { display: table; list-style-type:none; border:0px; border-spacing:0; padding:0; margin:0; }
ol li { display: table-cell; border:0px; border-spacing:0; vertical-align:top; padding:0; margin:0; }

section{ position:relative; display:block; width:100%; max-width:1366px; margin:0 auto; }

#main{ background:url(../images/1366/bg_login.jpg) center no-repeat; height:2769px; }
#main .fixheight{ height:680px; }
#main .btnlogin{ background:url(../images/1366/btn_facebook.png) center no-repeat; width:399; height:40px; }

#form{ background:url(../images/1366/bg_form.jpg) center no-repeat; height:1399px; }
#form .fixheight{ height:760px; }
#form .wrapper{ max-width:960px; margin:0 auto; }
#form .wrapper .row{ margin-bottom:25px; }
#form .wrapper .content-block{ margin-bottom:25px; }
#form .txtnewline{ display:block; }

#form .wrapper .btnsubmit{ width:339px; height:40px; cursor:pointer; display:block; background:url(../images/1366/btn_sumit.png) center no-repeat; }

.form-control::-webkit-input-placeholder { color:#666; }
.form-control:-moz-placeholder { color:#666; }
.form-control::-moz-placeholder { color:#666; }
.form-control:-ms-input-placeholder { color:#666; }
.form-control{ color:#000; background-color:#FFF; border:#D4B35B solid 1px; border-radius:0px; box-shadow:none; padding:6px 8px;}
.form-control.form-control-no-border{ border:none; background-color:transparent !important; }
.form-control.form-control-bottom-border{ border:none; border-bottom:#D4B35B solid 1px; background-color:transparent !important; }
.form-control:focus{ border:#D4B35B solid 1px; outline: 0; -webkit-box-shadow: none; box-shadow: none; }
.form-control.form-control-no-border:focus{ border:none;outline: 0; -webkit-box-shadow: none; box-shadow: none; }
.form-control.form-control-bottom-border:focus{ border:none; border-bottom:#D4B35B solid 1px; outline: 0; -webkit-box-shadow: none; box-shadow: none; }

label.checkbox-container{ padding-top:4px; }

.thanks{ width: 770px; margin: 40px auto; border:1px solid #000; }
.thanks .txt{ padding:60px; }

/*
.formfields input, .formfields select, .formfields textarea{font-size:20px;}
.formfields input, .formfields select{ height:55px; }
*/

#poptnc{ width:900px; height:822px; }
#poptnc .img{ width:900px; height:822px; background:url(../images/1366/tnc_layer.jpg) top left no-repeat; }

#thanks{ background:url(../images/1366/bg_thanks.jpg) center no-repeat; height:839px; }

.find.cheader{ background:url(../images/1366/bg1.jpg) top center no-repeat; height:490px; }

#find{ height:400px; }
#find .formfix{ margin:0 auto; width:100%; max-width:700px; }
#find .row{ margin-bottom:10px; }
#find .btnsubmit{ background:url(../images/1366/btn_submit.png) left top no-repeat; width:216px; height:43px; cursor:pointer; display:block; }

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

@media (max-width: 991px) {
html, body{ line-height:1.7; font-size:1.4em; }
.checkbox-container { padding-left:55px; padding-top:0px; }
.checkbox-container input { position: absolute; opacity: 0; cursor: pointer; height:inherit !important; font-size:inherit !important; }
.checkmark { height: 40px; width: 40px; top:10px; }
.checkbox-container .checkmark:after {  left: 12px; top: 0px; width: 15px; height: 30px; }

.for-desktop, #dmenu{ display:none !important; }
#menu,.for-mobile{ display:block !important; }

.mmenu{ width:64px; height:64px; background:url(../images/640/btn_menu.png) top left no-repeat;  }
.mmenu.mmactive{ background-position:left bottom; }
.pop_menu{ top:64px; right:0; z-index:10; }
#menu .pop_menu_item{ display:block; cursor:pointer; width:550px; height:64px; }
#menu .pop_menu_item:hover{ background-position:left bottom; }

.menu1{ background:url(../images/640/btn_menu1.png) left top no-repeat; }
.menu2{ background:url(../images/640/btn_menu2.png) left top no-repeat; }

.btntop{ height: 50px; width: 50px; bottom: 20px; right: 2%; }

section{ max-width:640px; }
#content-wrapper{ width:640px; }

#main{ background:url(../images/640/bg_login.jpg) center no-repeat; height:5069px; }
#main .fixheight{ height:1150px; }
#main .btnlogin{ background:url(../images/640/btn_facebook.jpg) center no-repeat; width:578; height:90px; }

#form{ background:url(../images/640/bg_form.jpg) center no-repeat; height:2978px; }
#form .fixheight{ height:1450px; }
#form .wrapper{ max-width:600px; margin:0 auto; }
#form .wrapper .row{ margin-bottom:25px; }
#form .wrapper .content-block{ margin-bottom:25px; }
#form .txtnewline{ display:inline; }

#form .wrapper .btnsubmit{ width:578px; height:90px; background:url(../images/640/btn_sumit.jpg) center no-repeat; }

#form .wrapper input{ padding:6px 13px;}
#form .wrapper input, #form .wrapper select{ height:57px; font-size:0.8em; }

#thanks{ background:url(../images/640/bg_thanks.jpg) center no-repeat; height:1318px; }

#poptnc{ width:587px; height:800px; }
#poptnc .img{ width:587px; height:2137px; background:url(../images/640/tnc_layer.jpg) top left no-repeat; }

}

.carousel-control.left,.carousel-control.right{ background-image:none;}

iframe[name='google_conversion_frame'] { height: 0 !important; width: 0 !important; line-height: 0 !important; font-size: 0 !important; margin-top: -13px; float: left; }