﻿@charset "utf-8";


/*線上諮詢------------------------*/
.Inquiry .Contactform { width:100%; height:auto; overflow:hidden; margin:0 auto; margin-bottom:15px; border:0; padding:0;}
.Inquiry .Contactform * { padding:0; margin:0; list-style:none;}
.Inquiry .Contactform ul { width:100%; height:auto; overflow:hidden; margin:0 auto; margin-top:15px;}
.Inquiry .Contactform ul li { width:100%; height:auto; overflow:hidden; padding:5px; padding-left:180px; position:relative;}
.Inquiry .Contactform ul li:nth-of-type(even) { background:rgba(0,0,0,0.05);}
.Inquiry .Contactform ul li.subtitle { background:#f29c97; text-align:center; color:#fff; padding:5px;}
.Inquiry .Contactform ul li > div:not(.ContactformBox) { width:180px; height:auto; overflow:hidden; font-weight:normal; position:absolute; top:10px; left:10px; }
.Inquiry .Contactform ul li > div:not(.ContactformBox) label { width:100%; height:auto; overflow:hidden;}
.Inquiry .Contactform ul li .ContactformBox { width:100%; height:auto; overflow:hidden; float:left; padding:5px;}
.Inquiry .Contactform ul li .ContactformBox * { max-width:100%; float:left; text-decoration:none;}
.Inquiry .Contactform ul li .ContactformBox input { padding:5px; height:25px; line-height:25px;}
.Inquiry .Contactform ul li .ContactformBox input[type="radio"] { line-height:30px; height:30px; margin-right:5px;}
.Inquiry .Contactform ul li .ContactformBox input[type="radio"] + label { margin-right:10px;}
.Inquiry .Contactform ul li .ContactformBox input + .ui-datepicker-trigger { margin:7px 0; margin:0; margin-right:10px;}
.Inquiry .Contactform ul li .ContactformBox select { padding:0 5px; height:25px; line-height:25px; font-size:20px;}
.Inquiry .Contactform ul li .ContactformBox textarea { padding:5px;}
.Inquiry .Contactform ul li .ContactformBox span { margin-right:10px; display:block; width:auto; height:auto; line-height:25px; padding:2.5px 0; overflow:hidden;}
.Inquiry .Contactform ul li .ContactformBox span #txtCaptchacode { max-width:100px;}
.Inquiry .Contactform ul li:last-child .ContactformBox span { padding:0;}
.Inquiry .Contactform ul li:last-child .ContactformBox span.Code img { margin:2.5px 0;}
.Inquiry p.Center { width:100%; height:auto; overflow:hidden; padding:0; margin:0; text-align:center; margin-bottom:10px;}

.Inquiry .Contactform ul li.long { min-height:80px;}
.Inquiry .Contactform ul li.long > div:not(.ContactformBox) { padding-right:10px;}

@media only screen and (min-width:0px) and (max-width:540px) {
	/*線上諮詢------------------------*/
.Inquiry .Contactform ul li { padding:0; position:static;}
.Inquiry .Contactform ul li > div:not(.ContactformBox) { position:static; width:100%; height:40px; line-height:40px; background:rgba(0,0,0,0.05); padding-left:15px;}
.Inquiry .Contactform ul li.long > div:not(.ContactformBox) { height:auto; line-height:30px; padding:5px; padding-left:15px;}
.Inquiry .Contactform ul li:nth-of-type(even) { background:none;}
.Inquiry .Contactform ul li .ContactformBox * { float:none; margin:0; line-height:25px; height:auto;}
.Inquiry .Contactform ul li .ContactformBox { text-align:center; padding:10px;}
.Inquiry .Contactform ul li .ContactformBox input[type="text"],
.Inquiry .Contactform ul li .ContactformBox input { width:100%;}
.Inquiry .Contactform ul li .ContactformBox input.hasDatepicker { width:calc( 100% - 16px ); float:left;}
.Inquiry .Contactform ul li .ContactformBox input.hasDatepicker + .ui-datepicker-trigger { float:right; margin-right:0;}
.Inquiry .Contactform ul li .ContactformBox select { width:100%; margin-bottom:5px;}
.Inquiry .Contactform ul li .ContactformBox:last-of-type span { display:inline-block; margin:0; height:auto; line-height:inherit;}
.Inquiry .Contactform ul li .ContactformBox > span.date-title { display:block; width:100%; height:auto; overflow:hidden;}
.Inquiry .Contactform ul li .ContactformBox:last-of-type span a { display:inline-block; line-height:inherit;}
.Inquiry .Contactform ul li .ContactformBox:last-of-type span img { display:block; line-height:inherit;}
.Inquiry .Contactform ul li .ContactformBox:last-of-type span input { line-height:inherit; outline:none; border:1px solid rgba(0,0,0,0.2);}
.Inquiry .Contactform ul li:last-child .ContactformBox span { height:30px;}
.Inquiry .Contactform ul li:last-child .ContactformBox span input { float:left;}
.Inquiry .Contactform ul li:last-child .ContactformBox span a { height:30px; line-height:30px; float:left;}

.Inquiry .Contactform ul li .ContactformBox input[type="radio"] { float:left; width:30px;}
.Inquiry .Contactform ul li .ContactformBox input[type="radio"] + label { width:calc( 100% - 35px ); float:left; margin-right:0; height:30px; line-height:30px; text-align:left; margin-bottom:10px;}
	}