/* Created by kong 20210727 */

.main { float:left; margin:40px 0 0; width:800px; background: url("../images/bg_42.png") center top no-repeat;}
.side { float:right; margin:40px 0 0; width:470px;}

.blocktitle { margin: 25px 0 0 0; padding-bottom: 0; border-bottom: none; padding-left: 35px; background: url("../images/icon_78.png") 3px center no-repeat;}
.blocktitle em { font-size: 14px; }
.blocktitle em b { color: #f33526; margin: 0 5px;}
.askbox .blocktitle { margin: 0 0 20px 0; background-image: url("../images/icon_79.png");}
.askbox .blocktitle a { font-size: 18px; margin-left: 15px; color: #f27935;}

.qalist { margin-top: 25px; padding: 30px 30px 45px; border: #fff6f1 10px solid; border-radius: 5px;}

.qalist .qacontent { display: none; padding: 25px 19px 17px; background: #fff6f1; border-radius: 10px; position:relative;}
.qalist .qacontent p { font-size: 14px; line-height: 24px; color: #333; padding: 0 69px 0 58px; background: url("../images/icon_82.png") no-repeat;}
.qalist .qacontent p span { display: block; padding: 19px 38px 0 49px; background: url("../images/bg_43.png") left top no-repeat;}
.qalist .qacontent p i { display: block; height:27px; background:url("../images/bg_43.png") left bottom no-repeat;}
.qalist .qacontent p:nth-child(2) { margin-top: 12px; color: white; padding: 0 60px 0 67px; background: url("../images/icon_83.png") right top no-repeat;}
.qalist .qacontent p:nth-child(2) span { padding: 19px 47px 0 40px; background-image: url("../images/bg_44.png");}
.qalist .qacontent p:nth-child(2) i { background-image: url("../images/bg_44.png");}
.qalist .qacontent .close { width: 26px; height: 28px; background: url("../images/icon_84.png") no-repeat; position: absolute; top: 8px; right: 7px; cursor: pointer;}

.qalist .rec { padding-bottom: 30px; border-bottom: #fff6f1 1px solid;}
.qalist .rec em { display: block; font-size: 16px; line-height: 16px; font-style: normal; color: #b45b39; padding-bottom: 8px;}
.qalist .rec strong { display: inline-block; vertical-align: top; font-size: 16px; line-height: 40px; color: #333; font-weight: normal; padding: 0 25px; margin: 7px 10px 0 0; background: #fff6f1; border-radius: 40px; cursor: pointer;}
.qalist .rec strong.current, .qalist .rec strong:hover { color: white; background: #f27935;}
.qalist .rec .qacontent { margin-top: 20px;}

.qalist ul { padding-top: 11px;}
.qalist li { border-bottom: #fff6f1 1px solid;}
.qalist li strong { display: block; font-size: 16px; line-height: 47px; font-weight: normal; color: #333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; cursor: pointer;}
.qalist li strong i { float: right; font-size: 14px; color: #999;}
.qalist li strong b { float: right; font-size: 14px; color: #f27935; margin: 0 11px;}
.qalist li strong.current, .qalist li strong:hover { color: #f27935;}
.qalist li .qacontent { margin-bottom: 22px;}

.askbox {padding: 24px 20px 20px; border: #f27935 10px solid; border-radius: 5px;}
.askbox form button { width: 100%; height:50px; font-size: 16px; line-height: 50px; margin-top:15px; border-radius:5px; cursor:pointer; text-align:center; color:white; background:#f27935;}
.askbox form button:hover { background:#dc4927;}
.askbox form>div { font-size: 16px; line-height: 50px; color: #333; border:#e8e8e8 1px solid; border-radius:5px; padding: 0 6px 0 20px; margin-top:10px; overflow:hidden;}
.askbox form>div input { float: right; width: 330px;}
.askbox form>div textarea { float: right; width: 330px; line-height:26px; height:104px; padding-top:12px; padding-bottom:5px; resize: none;}
.askbox form>div.select { overflow: visible;}
.askbox form>div.verify input { width:155px; margin-right: 5px;}
.askbox form>div.verify img { float: right; width:120px; height:40px; margin-top:5px; border-radius:5px; cursor:pointer;}
.askbox form>div.verify button { float:right; width:120px; height:40px; line-height:40px; margin-top:5px;}
.askbox form>span { display: block; margin-top: 15px; font-size: 14px; line-height: 18px; color: #333;}
.askbox form>span input { -webkit-appearance: none; outline: none; width:18px; height:18px; margin-right:5px; background:white; border:#e8e8e8 1px solid; border-radius:5px; vertical-align: top; cursor:pointer;}
.askbox form>span input:checked { border-color:#f27935; background:#f27935; }
.askbox form>span a { color: #f27935;}

/**
 * Author: Kris Olszewski
 * CodePen: https://codepen.io/KrisOlszewski/full/wBQBNX
 */
/* Component: Dropdown */
.c-dropdown { position: relative;display: inline-block; float: right; text-align: left; vertical-align: top;}
.c-dropdown__list { max-height: 408px; overflow: hidden;overflow-y: auto; margin: 0; padding: 10px 0 10px 18px; list-style: none; position: absolute; top: 125%; left: -73px; width:390px; opacity: 0; visibility: hidden; border-radius: 5px; background: white; border: #f0f0f0 1px solid; box-shadow:rgba(0,0,0,0.08) 0 0 5px 0; -webkit-transition: opacity .25s linear, top .25s linear; transition: opacity .25s linear, top .25s linear;}
.c-dropdown.is-open .c-dropdown__list {opacity: 1;visibility: visible; top: 101%;}
.c-dropdown__item { font-size: 16px; line-height: 34px; cursor: pointer; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-transition: background-color .25s linear; transition: background-color .25s linear;}
.c-dropdown__item:hover {color: #3291f9;}
/* Component: Button */
.c-button {-webkit-appearance: none;margin: 0;border: 0;overflow: visible;font: inherit;text-transform: none;display: block;vertical-align: middle;text-decoration: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.c-button:hover, .c-button:focus {outline: none;text-decoration: none;}
.c-button:not(:disabled) {cursor: pointer;}
/* Component: Button Modifier: Dropdown */
.c-button--dropdown, .inputline .keywords { float: right; width:330px; box-sizing: border-box; padding-right: 45px; color: #333;font-size: 16px; line-height: 50px; height: 50px; background: url("../images/arrow_07.png") right 17px center no-repeat; overflow: hidden; white-space:nowrap; text-overflow: ellipsis;}