::-webkit-input-placeholder{ color:#CCCCCC; line-height:30px; }
::-moz-placeholder{ color:#CCCCCC; line-height:30px; }
:-ms-input-placeholder{ color:#CCCCCC; line-height:30px; }
input:-moz-placeholder { color:#CCCCCC; line-height:30px; }

.form-check {
    padding-left: 34px;
}
.form-check .form-check-input {
    clear: left;
    width: 26px;
    height: 26px;
    margin-left: -34px;
}
.form-floating label{ color:#454545; line-height: 1.25em;}
.img-captcha { height:44px; }
select,
input,
textarea{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border:0px;
margin:0px;
line-height:30px;
height:30px;
padding:0px 5px;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
 	box-sizing: border-box;         /* Opera/IE 8+ */
	background:#FFFFFF;
	font-family:Hiragino , "PingHei",STHeitiTC-Light,  微軟正黑體, "Microsoft JhengHei",微軟雅黑, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}



html:lang(en) select,
html:lang(en) input,
html:lang(en) textarea {
	font-family:'Roboto Condensed', sans-serif;
}


select.auto-width,
input.auto-width{ width: auto !important;}
.label_checkbox{ background:url(../images/bg_checkbox.png) no-repeat ; background-position:0px -30px; height:30px; position:relative; padding-left:35px; line-height:30px; background:none \9;}
.label_checkbox.checked{ background-position:0px 0px; }


.label-control{display: inline-block; padding-left: 30px; line-height: 30px;}
        .label-control input[type='checkbox']{  width: 20px;  height: 20px; display: inline-block;  float: left; opacity: 0; position: absolute; top: 0px; left: 0px;}
        .label-control input[type='checkbox'] ~ .checkIcon{ width: 25px; height: 25px; display: inline-block; float: left;  margin-left: -30px;margin-top: 3px;
                    background: url("../images/bg_checkbox.png") no-repeat;
                    background-size:25px 50px;
                    background-position: top left;
                }

        .label-control input[type='checkbox']:checked ~ .checkIcon{ background-position: bottom left; }

        .label-control input[type='radio']{  width: 20px;  height: 20px; display: inline-block;  float: left; opacity: 0; position: absolute; top: 0px; left: 0px;}
        .label-control input[type='radio'] ~ .checkIcon{ width: 25px; height: 25px; display: inline-block; float: left;  margin-left: -30px; margin-top: 3px;
                    background: url("../images/bg_radio.png") no-repeat;
                    background-size:25px 50px;
                    background-position: top left;
                }

        .label-control input[type='radio']:checked ~ .checkIcon{ background-position: bottom left; }
		
	
.input_tel_group{ display: table;    border-collapse: separate; position:relative;    text-align: left; } 	
.input_tel_group span{ padding: 0px 5px;    width: 10%;    white-space: nowrap;    vertical-align: middle;    }
.input_tel_group input{ width: 20% !important; float: none !important; display: table-cell !important;}
.input_tel_group input:last-child{ width: 70% !important;}		
		
		
.enquiryForm{ display:inline-block; width:50%; float:left; font-weight:bold; padding:30px 0px 0px 30px;}
.enquiryForm ul{ width:100%; margin-top:5px;}
.enquiryForm li{ margin-bottom:20px;  width:100%; display:inline-block;line-height:30px;}
.enquiryForm li .fd{ width:30%; float:left; display:inline-block; font-weight:bold; padding:5px 0px 5px 0px; line-height:20px; margin:0px;  }
.enquiryForm li .fd .star{float:left; display:inline-block; margin-left:-15px;  font-size:18px;}
.enquiryForm li input,
.enquiryForm li select{width:70%; float:left; display:inline-block;}
.enquiryForm li textarea{width:70%; height:110px; float:left; display:inline-block;}

.enquiryForm li input[type=checkbox]{ width: 25px; margin-right: 5px;}

.enquiryForm li .input_tel_group{ width:70%;float:left;} 

.enquiryForm li .input_msger_group{ width:70%;float:left;} 
.enquiryForm li .input_msger_group select{ width:30%;float:left;} 
.enquiryForm li .input_msger_group span{ padding:0 5px;width:20%;float:left;} 
.enquiryForm li .input_msger_group input{float:left; width:50%;} 



.enquiryForm .btns_bottom{ text-align:right; }
.enquiryForm_en li .fd{ width:30%;}
.enquiryForm_en li input,
.enquiryForm_en li select{width:70%; float:left; display:inline-block;}
.enquiryForm_en li textarea{width:70%; height:110px; float:left; display:inline-block;}
.enquiryForm_en li .input_tel_group{width:70%;}

.enquiryForm li .input_tel,
.enquiryForm_en li .input_tel{ width:70%; float: left; position: relative; }

.enquiryForm_en li .input_msger_group{width:70%; float: left; position: relative;}
.enquiryForm_en li .input_msger_group select{ width:30%;float:left;} 
.enquiryForm_en li .input_msger_group input{float:left; width:45%;} 
.enquiryForm_en li .input_msger_group span{ padding:0 5px;width:25%;float:left;} 






.enquiryForm li .reminder,
.tryForm li .reminder{ float:left; display: inline-block; margin-left: 10px;}

.demoForm{ display:inline-block; width:100%; float:left; font-weight:bold; padding:10px 10px 30px 0px; }
.demoForm .btn{margin-top: 0px !important;}

.demoForm  .reminder,
.demoForm_en .reminder{ float:left; display: inline-block; margin-left: 10px;}
.paymentForm{ text-align:center;}
.paymentForm .btns_bottom{ text-align:center; }
.paymentForm .btns_bottom button{ float:none;}


ul.payment_select{ width: 200px !important; margin:20px auto; }
ul.payment_select li{ padding-top: 20px; margin-bottom:20px; background:#FFFFFF; padding-left:10px; }
ul.payment_select .img_pay{ width: 130px; margin-top: -10px; height: 60px}

.formSet{ display:inline-block; width:100%; font-weight:bold; padding:0px 0px; line-height:35px; margin-bottom:30px; overflow:hidden;  }
.formSet ul{   display:inline-block; margin:0px -20px; }
.formSet li{ margin-bottom:20px;  width:50%; display:inline-block; position:relative; float:left; padding:0px 20px;}
.formSet li .fd{ width:20%; float:left; display:inline-block; font-weight:bold; padding:5px 0px 5px 15px; line-height:20px; margin:0px;  }
.formSet li .fd .star{float:left; display:inline-block; margin-left:-15px;  font-size:18px;}

.formSet li input[type=text],
.formSet li input[type=email],
.formSet li input[type=tel],
.formSet li select{width:80%; float:left; display:inline-block; line-height:35px;    height: 35px;}
.formSet li input[type=checkbox]{width:20px; height:20px; position:absolute; top:5px; left:0px; float:left; display:none; margin-right:10px; display:inline-block \9; }


.formSet li.captcha_row{ }
.formSet li.captcha_row .reminder{ float:right; display:inline-block }
.formSet li.captcha_row input[type=text] { width:200px;}
.formSet li.captcha_row .captcha{  float:left; }
.formSet li.captcha_row .captcha img{ height:30px; margin-left:10px;}
.formSet li.captcha_row .btn_refresh{ font-size:18px; top:-2px; display:inline-block; margin-right:10px; position:relative;} 
.formSet li.captcha_row .ps{ position:relative; display:block; width:100%; padding-left:15px;}
.formSet li.agree{ width:100%;  float:none;}
.formSet li.agree label{ display:inline-block;}

.onlinePay_en .formSet li .fd{ width: 30%;}
.onlinePay_en .formSet li input[type=text], 
.onlinePay_en .onlinePay_en .formSet li input[type=email], 
.onlinePay_en .formSet li input[type=tel], 
.onlinePay_en .formSet li select,
.onlinePay_en .formSet li .input_tel{width: 70%;   display: inline-block;}

.onlinePay_en .formSet li.captcha_row input[type=text]{ width: 150px;}


.tryForm{ font-weight:bold;}
.tryForm ul{ width:100%; margin-top:5px;}
.tryForm li{ margin-bottom:20px;  width:100%; display:inline-block;line-height:30px;}
.tryForm li .fd{ width:20%; float:left; display:inline-block; font-weight:bold; padding:5px 0px 5px 0px; line-height:20px; margin:0px;  }
.tryForm li .fd .star{float:left; display:inline-block; margin-left:-15px;  font-size:18px;}
.tryForm li input,
.tryForm li select {width:80%; float:left; display:inline-block;}

.tryForm li textarea{width:80%; height:110px; float:left; display:inline-block;}




.search-bar form{ display: flex;  }
.search-bar .form-control{line-height: 3.5rem; height: 3.5rem; border-radius: 8px 0px 0px 8px; font-size: 1.2rem; }
.search-bar button{ border-radius: 0px; border-radius: 0px 8px 8px 0px; height: 3.5rem; font-size: 1.2rem; padding: 8px 20px; background: #333333; color: #FFFFFF;}
.search-bar button:hover,
.search-bar button:active{ background: #777777; color: #FFFFFF;}


@media (max-width: 1199px){
.formSet ul{   margin:0px -15px; }
.formSet li{  padding:0px 15px;}
.formSet li .fd{ width:30%; }
.formSet li input[type=text],
.formSet li input[type=email],
.formSet li input[type=tel],
.formSet li select,
.formSet li .input_tel{width:70%; display: inline-block;}
.formSet li.captcha_row input[type=text] { width:160px;}

.enquiryForm li .fd,
.enquiryForm_en li .fd{ width:30%;}


.enquiryForm li input,
.enquiryForm li select,
.enquiryForm li textarea,
.enquiryForm li .input_tel,
.enquiryForm li .input_tel_group,
.enquiryForm_en li input,
.enquiryForm_en li select,
.enquiryForm_en li textarea,
.enquiryForm_en li .input_tel,
.enquiryForm_en li .input_tel_group{width:70%;}

.enquiryForm li .input_msger_group{ width:70%;float:left; } 
.enquiryForm li .input_msger_group select{ width:30%;float:left;} 
.enquiryForm li .input_msger_group span{ padding:0 2px; width:15%;float:left;} 
.enquiryForm li .input_msger_group input{float:left; width:50%;} 

.enquiryForm_en li .input_msger_group{ width:70%;float:left; } 
.enquiryForm_en li .input_msger_group select{ width:30%;float:left;} 
.enquiryForm_en li .input_msger_group span{ padding:0 5px; width:25%;float:left;} 
.enquiryForm_en li .input_msger_group input{float:left; width:40%;} 






}

@media (max-width: 992px){
.enquiryForm{ display:inline-block; width:50%; float:left; font-weight:bold; padding:30px 0px 0px 20px;}
.formSet ul{   margin:0px -10px;  }
.formSet li{  padding:0px 10px; }


.formSet li.captcha_row .fd{ width:30%;}
.formSet li.captcha_row input[type=text] { width:130px;}



}

@media (max-width: 767px){
.enquiryForm{ display:inline-block; width:100%; float:none; font-weight:bold; padding:0px 0px 0px 0px;}

.enquiryForm li{ margin-bottom:10px; }
.enquiryForm li .fd{ width:100%;  padding-left:0px;}
.enquiryForm li .fd .star{margin-left:-10px; }
.enquiryForm li input,
.enquiryForm li select,
.enquiryForm li .input_tel_group,
.enquiryForm_en li .input_tel_group,
.enquiryForm li textarea{width:100%;}



.enquiryForm li .input_msger_group{ width:100%;float:left; } 
.enquiryForm li .input_msger_group select{ width:30%;float:left;} 
.enquiryForm li .input_msger_group span{ padding:0 2px; width:15%;float:left;} 
.enquiryForm li .input_msger_group input{float:left; width:50%;} 

.enquiryForm_en li .input_msger_group{ width:100%;float:left; } 
.enquiryForm_en li .input_msger_group select{ width:30%;float:left;} 
.enquiryForm_en li .input_msger_group span{ padding:0 5px; width:25%;float:left;} 
.enquiryForm_en li .input_msger_group input{float:left; width:40%;} 







.formSet ul{ margin:0px;}
.formSet li{ width:100%; float:none; padding:0px; margin-bottom:10px; }
.formSet li .fd{ width:100%;  padding-left:0px; }
.formSet li .fd .star{margin-left:-10px; }

.formSet li input[type=text],
.formSet li input[type=email],
.formSet li input[type=tel],
.formSet li select{width:100%; }
.formSet li.captcha_row .fd{ width:100%; }
.formSet li.captcha_row { margin-bottom:0px; }
.formSet li.captcha_row input[type=text] { width:50%;}

.formSet li.captcha_row .ps{ padding:0px;}
.formSet li.agree { margin-top:20px; font-size:14px;}
.formSet li.agree input[type=checkbox]{ }

.demoForm li .fd{ width:100%;}
.demoForm li {line-height:30px;}
.demoForm li input,.demoForm li select,.demoForm li textarea,.demoForm li .input_tel{width:100%;}


.demoForm li .input_tel,
.enquiryForm li .input_tel,
.enquiryForm_en li .input_tel {width:100%;}
    

.onlinePay_en .formSet li .fd{ width: 100%;}
.onlinePay_en .formSet li input[type=text], 
.onlinePay_en .onlinePay_en .formSet li input[type=email], 
.onlinePay_en .formSet li input[type=tel], 
.onlinePay_en .formSet li select,
.onlinePay_en .formSet li .input_tel{width: 100%;   display: inline-block;}

    
.tryForm li{ margin-bottom:10px; }
.tryForm li .fd{ width:100%;  padding-left:0px;}
.tryForm li .fd .star{margin-left:-10px; }
.tryForm li input,
.tryForm li select,
.tryForm li .input_tel_group,
.tryForm li textarea{width:100%;}
    
    
}
@media (max-width:1080px) {
    .enquiryForm{  width:100%; float:none; padding: 0px;}
}
@media (max-width:350px){
	.enquiryForm li .fd{ display:none;}	
	.enquiryForm li .input_tel,
	.enquiryForm_en li .input_tel {width:100%;padding-right:0px;}
	.enquiryForm li input.tel,
	.enquiryForm_en li input.tel{ width:100%;}
	
	
	.demoForm li .fd{ display:none;}	
	.demoForm li .input_tel,
	.demoForm_en li .input_tel {width:100%;padding-right:0px;}
	.demoForm li input.tel,
	.demoForm_en li input.tel{ width:100%;}
	
}
.form-check-input.is-valid:checked, .was-validated .form-check-input:valid:checked{    background-color: #0d6efd;}
.form-check-input.is-valid, .was-validated .form-check-input:valid {    border-color: #0d6efd; }
.form-check-input.is-valid~.form-check-label, .was-validated .form-check-input:valid~.form-check-label{ color:inherit; }