#qf * { font-family:"Montserrat", sans-serif }
#qf { color:#333 }
#qf-title { margin-bottom:15px; padding-bottom:15px; font-size:20px; font-weight:600; border-bottom:1px solid #ddd }
#qf-text { margin-bottom:15px; font-size:16px }
#qf label { display:block; font-size:16px; font-weight:600 }
#qf input, #qf select, #qf textarea { box-sizing:border-box; background:#f9f9f9; font-size:16px; border:2px solid #ddd; border-radius:5px; outline:0; transition:border-color 0.2s ease }
#qf input { height:40px }
#qf select { height:40px; color:#777; appearance:auto; -webkit-appearance:auto; -moz-appearance:auto }
#qf textarea { margin-bottom:20px; padding:10px }
#qf input:focus, #qf select:focus, #qf textarea:focus { background:#fff; border-color:#037446 }
#qf button { cursor:pointer; line-height:20px; font-weight:600; border-radius:5px; outline:0; transition:background-color 0.2s ease }
#qf-form label { margin-bottom:10px }
#qf-form input, #qf-form select { margin-bottom:20px; padding:0 10px }
#qf-form select { width:400px }
#qf-form button { height:40px; padding:0 20px; font-size:16px }

.qf-block { display:inline-block; margin-right:40px }
#qf .qf-input-s { text-align:center; width:100px }
#qf .qf-input-x { width:400px }

#qf-options div { display:none }
.qf-notice { display:none; background:#fdf8e1; color:#b82c1d; font-size:15px; font-weight:500; border-radius:5px }
#qf-form-notice { margin-bottom:20px; padding:12px }
.qf-submit { background:#04a061; color:#fff; border:2px solid #037446 }
.qf-submit:hover { background:#037446 } .qf-submit:focus, .qf-submit:active { background:#04a061 }
.qf-submit-s { width:80px }
.qf-button { display:inline-block; padding:3px 9px 4px; background:#fff; color:#04a061; font-size:15px; font-weight:500; border:1px solid #ccc; border-radius:4px }
.qf-button:hover, .qf-button:active { cursor:pointer; background:#f7f7f7; color:#037446 }
#qf-reset { display:none; margin-left:20px }

#qf-description-div { display:none }
#qf-info-box { display:none; margin-bottom:20px; padding:15px 0 20px; border-top:1px solid #ddd; border-bottom:1px solid #ddd }
#qf-add-service { margin-top:15px }
.qf-info-service { line-height:22px; margin:5px 0 }
.qf-info-remove { padding:2px 7px 3px }
.qf-info-block { display:inline-block; vertical-align:top; margin:-4px 0 10px 15px }
.qf-info-title { font-size:16px; font-weight:600 }
.qf-info-o { color:#666; font-size:15px }

#qf-pop-bg { display:none; position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0, 0, 0, 0.75); z-index:99 }
#qf-pop { display:none; position:fixed; top:40px; left:50%; width:490px; z-index:100 }
#qf-pop-box { position:relative; left:-50%; padding:15px 30px; background:#fff; border:2px solid #ddd; border-radius:10px }
#qf-pop-close { cursor:pointer; float:right; margin:-5px -10px 0 0; font-size:24px; color:#333 }
#qf-pop-close:hover { color:#037446 }
#qf-pop-title { text-align:center; margin-bottom:10px; font-size:20px; font-weight:600 }
#qf-pop label { margin:5px 0 }
#qf-pop input, #qf-pop select { width:100%; margin-bottom:5px; padding:0 10px }
#qf-pop-notice { margin-top:15px; padding:13px }
#qf-confirm { display:block; margin:20px auto 0; padding:8px; font-size:16px }

#qf-pop-after { display:none }
#qf-pop-logo { display:block; margin:15px auto; background:#6f6d6b; border-radius:10px }
#qf-pop-after p { margin:15px 0 }
#qf-pop-after a { font-weight:600; color:#04a061 }
#qf-pop-after a:hover { text-decoration:none; color:#037446 }
#qf-pop .qf-info-service { margin:0; padding:8px 0; border-bottom:1px solid #ccc }
#qf-pop .qf-info-service:nth-of-type(1) { border-top:1px solid #ccc }
#qf-pop .qf-info-o { padding-left:15px }
.qf-info-price { color:#04a061 }
#qf-pop-total { float:right; margin-top:10px; font-weight:600 }
#qf-pop-note { margin-top:50px; color:#999; font-size:15px }
#qf-pop-closeb { display:block; margin:15px auto 0 }

@media (max-width: 500px) {
	main { padding:0 }
    #qf { margin-top:20px; padding:20px }
    #qf select, #qf .qf-input-x { width:100% }
    #qf-pop { width:95% }
    #qf-pop-box { padding:20px }
}