@charset "utf-8";


/*聯絡我們------------------------*/
.ContactUs { width:100%; max-width:1100px; height:auto; overflow:hidden; padding:5px 10px; margin:0 auto; position:relative;
-webkit-flex-display:flex; display: flex;
flex-wrap:wrap;}
.ContactUs iframe { display:block; width:49%; height:auto; float:left; padding:0; margin:0; margin-right:2%;}
.ContactUs p { font-size:0.8rem; line-height:30px; color:rgba(0,0,0,0.7); margin-bottom:10px;}

.ContactUs form#frmUG { width:49%; height:auto; overflow:hidden; float:right;}
.ContactUs form#frmUG fieldset { width:100%; height:auto; overflow:hidden; float:right; border:0; padding:20px; background:rgba(0,0,0,0.05); font-size:0.8rem; }
.ContactUs form#frmUG fieldset .ContactUsBox { width:100%; max-width:500px; margin:0 auto; height:auto; overflow:hidden; position:relative; padding-left:110px;}
.ContactUs form#frmUG fieldset .ContactUsBox > label { width:110px; height:30px; line-height:30px; display:inline-block; vertical-align:top; position:absolute; top:5px; left:0;}
.ContactUs form#frmUG fieldset .ContactUsBox > label span.required-mark { color:Crimson; display:inline-block; width:10px; height:30px; line-height:30px; overflow:hidden; float:left; text-indent:-9999px;}
.ContactUs form#frmUG fieldset .ContactUsBox > label span.required-mark:before { content:'*'; display:block; width:100%; height:auto; overflow:hidden; float:left; line-height:30px; font-size:1rem; text-indent:0;}
.ContactUs form#frmUG fieldset .ContactUsBox > label + .ContactUsBoxR { width:100%; height:auto; overflow:hidden; padding:5px;}
.ContactUs form#frmUG fieldset .ContactUsBox > label + .ContactUsBoxR > label { position:static; top:auto; left:auto; float:left; width:auto;}
.ContactUs form#frmUG fieldset .ContactUsBox > label + .ContactUsBoxR > label span { color:black; line-height:30px;}
.ContactUs form#frmUG fieldset .ContactUsBox > label + .ContactUsBoxR > input { border:1px solid rgba(0,0,0,0.2); height:30px; line-height:30px; display:inline-block; margin:0; float:left; padding:0 5px;}
.ContactUs form#frmUG fieldset .ContactUsBox > label + .ContactUsBoxR > input[type=radio]{ height:30px; line-height:30px; display:block; float:left; margin:0 5px; border:0;}
.ContactUs form#frmUG fieldset .ContactUsBox > label + .ContactUsBoxR > input[type="text"] { width:100%;}
.ContactUs form#frmUG fieldset .ContactUsBox > label + .ContactUsBoxR > input[type=submit] { width:100px; height:30px; float:right;}
.ContactUs form#frmUG fieldset .ContactUsBox > label + .ContactUsBoxR > input[type=submit]:hover { cursor:pointer; background:rgba(0,0,0,0.2);}
.ContactUs form#frmUG fieldset .ContactUsBox > label + .ContactUsBoxR > textarea { border:1px solid rgba(0,0,0,0.2); width:100%; margin-top:0; height:140px;}
.ContactUs form#frmUG fieldset .ContactUsBox > label + .ContactUsBoxR > .notice { width:100%; height:auto; overflow:hidden; display:inline-block; float:left; font-size:0.6em; line-height:2em;}
.ContactUs form#frmUG fieldset .ContactUsBox > label + .ContactUsBoxR > img#imgCaptcha { border:0; width:auto; height:25px; margin:2.5px 0; float:left; margin-right:5px;}
.ContactUs form#frmUG fieldset .ContactUsBox > label + .ContactUsBoxR > img#imgCaptcha ~ a { margin:0;}
.ContactUs form#frmUG fieldset .ContactUsBox > label + .ContactUsBoxR > img#imgCaptcha ~ a.Captcha { background:rgba(0,0,0,0.05); margin-right:5px; padding:0 5px;}
.ContactUs form#frmUG fieldset .ContactUsBox > label + .ContactUsBoxR > img#imgCaptcha ~ a:hover,
.ContactUs form#frmUG fieldset .ContactUsBox > label + .ContactUsBoxR > img#imgCaptcha ~ a:active{ color:white; background:#ef857d;}
.ContactUs form#frmUG fieldset .ContactUsBox + .btn-wrap { margin-top:10px;
-webkit-flex-display:flex; display: flex;
flex-wrap:wrap;
	}

.info { width:100%; max-width:1100px; height:auto; overflow:hidden; padding:5px 10px; margin:0 auto; position:relative; margin-bottom:20px;
-webkit-flex-display:flex; display: flex;
flex-wrap:wrap;}
.info .title { width:100%; height:auto; overflow:hidden; font-size:24px; color:#e78389; margin:0; padding:0;}
.info .title + p { margin:0; padding:0;}
.info .title + p span { display:inline-block; width:auto; height:auto; overflow:hidden; float:left; white-space:nowrap; margin-right:20px;}
.faq{ width:100%; max-width:1100px; height:auto; overflow:hidden; padding:5px 10px; margin:0 auto; position:relative; background:#eee; font-size:14px;
/*圓角*/
-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.faq .title { width:100%; height:auto; overflow:hidden; font-size:24px; color:#e78389; margin:0; padding:0; margin-bottom:10px;}
.faq p { margin:0; padding:0; margin-bottom:10px;}

@media only screen and (min-width:0px) and (max-width:1080px) {
.ContactUs iframe { width:100%; height:300px; margin-right:0;}
.ContactUs form#frmUG { width:100%;}
	}

@media only screen and (min-width:0px) and (max-width:540px) {
	.ContactUs { padding:0;}
.ContactUs form#frmUG fieldset { padding:0; background:none;}
.ContactUs form#frmUG fieldset .ContactUsBox { padding:0;}
.ContactUs form#frmUG fieldset .ContactUsBox > label { width:100%; display:block; height:auto; overflow:hidden; position:static; background:rgba(0,0,0,0.05); padding:10px;}
.ContactUs form#frmUG fieldset .ContactUsBox > label + .ContactUsBoxR { background:white; padding:10px;}
.ContactUs form#frmUG fieldset .ContactUsBox > label + .ContactUsBoxR > input[type="text"] { width:100%;}
	}
@media only screen and (min-width:0px) and (max-width:430px) {
	.ContactUs form#frmUG fieldset .ContactUsBox > label + .ContactUsBoxR > #txtCaptchacode { margin-right:0; margin-bottom:5px;}
	}