#query-form {
display: none;
position:absolute; 

background-color: #FAFAFA;
width: 600px;
height: 400px;

border-radius: 3px;
border-width: 1px;
border-color: #DDD;
border-style: solid;
float: left;
}

#query-head {
background-color: #a2c61b;
color: #FFF;

height: 50px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;

text-align: left;
border-bottom: 3px solid #91b123;
}

.hotstyle #query-head {
background-color: #fba347;
border-bottom: 3px solid #f67265;
}

#query-inner {
margin-top: 5px;
height: 200px;
/**background: url(../home/images/query.png) no-repeat 50px 60px;
background-size: 200px, 150px;
padding-left: 300px;**/
}

#query-foot {
background-color: #F0F0F0;
color: #AAA;

height: 30px;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;

text-align: center;
border-top: 1px solid #EEE;
border-bottom: 3px solid #42a9d9;
}

.hotstyle #query-foot {
border-bottom: 3px solid #f67265
}

#query-head #head-icon {
float: left;
margin-top: 15px;
margin-left: 13px;
background: url(../images/query-icon.png) no-repeat 0px 0px;
background-size: 24px, 24px;
width: 24px;
height: 24px;
}

#query-head #head-left {
float: left;
margin-top: 19px;
font-size: 16px;
margin-left: 10px;
}

#query-head #head-right {
float: right;
margin-right: 20px;
margin-top: 10px;
font-size: 16px;
}

#query-head #head-right.action{
margin-top: 15px;
font-size: 10px;
cursor: pointer;
color: #f67265;
background-color: #fdc892;
padding: 5px 10px;
border-radius: 3px;
}

#query-inner #query-notes {
margin-top: 20px;	
margin-left: 5px;
margin-bottom: 5px;	
color: #999;
float: left;
}

#query-inner .TextBox-wrap {
border-width: 1px;
border-color: #CCC;
border-style: solid;
border-radius: 1px;

height: 28px;
padding-top: 5px;
padding-bottom: 3px;
padding-left: 2px;

margin-top: 12px;
margin-bottom: 12px;
margin-left: 5px;
text-align: left;
font-size:1px;
background-color: white;
float: left;
}

#query-inner .TextBox-wrap span {
width: 100px;
height:24px;
margin-left: 15px;
margin-right: 15px;
font-size: 11px;
color: #AAA;
}

#query-inner .TextBox-wrap .TextBox {
width:165px;
height: 20px;
border: none;
font-size:13px;
margin-top: 3px;
margin-right: 10px;

color: #0078b6;
background-color: #FFF;
outline: none;
}

.hotstyle #query-inner .TextBox-wrap .TextBox {
color: #d77005;
}

#query-inner .TextBox-wrap .TextBox:focus {
border-bottom: 1px dotted #EEE;
}

#query-inner .sample-memo {
float: left;
margin-left: 5px;
color:#999;
}

#query-submit {
margin-left: 412px;
margin-bottom: 10px;

float：left；	
}

#query-submit .flat-button {

width: 150px;
height: 36px;
line-height: 36px;
font-size:11px;

margin:20px 0px 0px 5px;
text-align: center;
background-color: #42a9d9;
color: white;
text-shadow: #0876C3 -1px -1px;

border-radius: 2px;
border: 0px solid #0183DD;
border-right: 36px solid #3582b9;
}

#query-submit .flat-button:hover {
text-decoration: none;
background-color: #c1e3f3;
border-color: #97d0ea;
color: #0876C3;
text-shadow: white 1px 1px;
font-size: 10px;
}

.hotstyle #query-submit .flat-button {
background-color: #fba347;
border-right: 36px solid #f67265;
text-shadow: #f07d05 1px 1px;
}

.hotstyle #query-submit .flat-button:hover {
text-decoration: none;
background-color: #fdd5ab;
border-color: #f99e95;
color: #f67265;
text-shadow: white 1px 1px;
font-size: 10px;
}

#query-foot span {
margin-left: 280px;
margin-top: 9px;

color: #AAA;
text-shadow: white 1px 1px;
font-size: 11px;
float:left;
}

.top-corner{
margin-left: -25px;
margin-top: 20px;
border-left: 5px solid transparent;
border-top: 5px solid transparent;
border-bottom: 5px solid #42a9d9;
border-right: 5px solid transparent;
font-size: 0;
line-height: 0;
width: 0;
float:left;
}

.hotstyle .top-corner{
	border-bottom: 5px solid #f67265
}

.right-corner {
position: relative;
top: -27px;
left: 133px;
border-left: 10px solid #EEE;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-right: 10px solid transparent;
font-size: 0;
line-height: 0;
width: 0;
}

.right-corner::after {
content: "";
position: absolute;
top: -10px;
left: -11px;
border-left: 10px solid #3582b9;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-right: 10px solid transparent;
}

.hotstyle .right-corner::after {
border-left: 10px solid #f67265;
}