@charset "utf-8"; /* 全局 */
/* enquiry page CSS */


#inquiryPage{ padding-top:61px}

.form-body{ margin:auto 15px}
@media (min-width: 767px) {
	.breadcrumb{ margin:auto 14px;}
	.form-control{ width:80%}
	.xhe_default table{ width:810px !important;}
	.xheIframeArea{ height:240px !important}
}
@media (max-width: 767px) {
	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{ padding-left:1px; padding-right:1px}
	.bd-c{ border:initial; border-radius: 4px;}
	.breadcrumb{ margin-bottom:initial}
	.form-control{ width:98%}
	
	.xhe_default table{ width:98% !important;}
	.xheIframeArea{ height:240px !important}
	.ui-balloon{ display:none}
}

.inquiry-ico,.inquiry-top,.inquiry-select .arrow{background-image:url(../images/msgsend.png);background-repeat:no-repeat}
.inquiry-top{padding-top:10px;background-color:#fafafa;border-bottom:1px solid #f2f2f2;background-position:right -214px}

.inquiry-form{margin:0 10px;padding-bottom:5px}
.inquiry-body{ margin-top:5px; padding-bottom:5px;}
.inquiry-foot{margin:0 10px;padding-top:10px;padding-bottom:5px;border-top:1px dotted #dcdcdc}

label em {color: red;margin-right: 3px; position: relative; top: 2px;}
.form-group dl{ margin-bottom:initial}
.form-group dl dt{padding:0;color:#333; vertical-align:top;font-weight:bolder}
.inquiry-product img{width:40px;height:40px;float:left;margin-right:5px; padding:0; color:#333}

.inquiry-msg-wrap{position:relative}

.message-content-balloon{width:200px;top:2px;right:-5px;padding:10px}
.messge-content-balloon-title{color:#666; font-size:90%}
.messge-content-balloon-content{margin:5px 0;color:#333}
.messge-content-balloon-content li{margin:0 0 2px 15px;list-style:disc outside none}

.ui-balloon {position: absolute;}
.ui-balloon .ui-balloon-arrow{position:absolute;display:block;width:10px;height:10px;overflow:hidden;width:15px \9;height:15px \9}:root .ui-balloon .ui-balloon-arrow{width:10px;height:10px}

.ui-balloon-lt{border:1px solid #ccc;background:#fff;-webkit-box-shadow:3px 3px 4px rgba(0,0,0,.13);-moz-box-shadow:3px 3px 4px rgba(0,0,0,.13);box-shadow:3px 3px 4px rgba(0,0,0,.13)}
.ui-balloon-lt .ui-balloon-arrow{border:1px solid #ccc;background:#fff;background:#fff url(../images/balloon-arrow.png) no-repeat 0 0 \9;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)},:root .ui-balloon-lt .ui-balloon-arrow{background:#fff\9}

.ui-balloon-lt .ui-balloon-arrow{left:-6px;top:10px;border-top:0;border-right:0;left:-7px \9;width:7px \9;border:none \9;background-position:0 0 \9}:root .ui-balloon-lt .ui-balloon-arrow{left:-6px;width:10px;border:1px solid #ccc;border-top:0;border-right:0;background:#fff}