@charset "utf-8";

#bo_cate {width:100%; max-width:1200px; margin:0 auto 28px;}
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {zoom:1; text-align:center;}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li {display:inline-block;padding:0.5rem 1.5%;}
#bo_cate a {display:block; font-size:1.4rem; line-height:8rem; width:8rem; height:8rem; border-radius: 4rem; background:#FFD716;border:1px solid #FFD716;color:#fff; text-align:center;}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none;background:#FFD716;color:#fff}
#bo_cate #bo_cate_on {z-index:2;font-weight:bold; background:#fff; border:1px solid #FFD716;color:#333;}

#faq_wrap {margin:10px auto 30px; width:100%; max-width:1200px;}
#faq_wrap h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.faq_admin {text-align:right}
#faq_wrap ol {margin:0;padding:0;list-style:none}
#faq_wrap li {border-bottom:1px solid #ececec;background:#fff;position:relative}
#faq_wrap li:first-child {border-top:1px solid #555;}
#faq_wrap li h3 {line-height:1.5rem;padding:1rem;padding-left:5rem;position:relative; color:#555;}
#faq_wrap li h3 .tit_bg {display:inline-block;position:absolute;width:2rem; height:2rem; top:0.75rem; left:2rem;text-align:center;color:#fff; background:#555; line-height: 2.2rem; font-size:1.25rem; border-radius: 1rem; font-family:"Jua";}
#faq_wrap li h3 .tit_btn {position:absolute;right:3%;top:26px;border:0;width:20px;height:20px;background:#fff; transform: scale(1);}
#faq_wrap li h3 .tit_btn:active {transform: scale(0.8); transition:all 0 0.3s;}
#faq_wrap li h3 .tit_btn span {color:#fff; overflow: hidden;}
#faq_wrap li h3 .tit_btn span:after {content:""; position: absolute; width:14px; height:2px; background:#888; top:10px; left:0;}
#faq_wrap li h3 .tit_btn span:before {content:""; position:absolute; width:2px; height:14px; background:#888; top:4px; left:6px;}

#faq_con .con_inner {display:none;padding:1rem 2.5rem; background:#eee; font-size:0.75rem; color:#777;}
#faq_con .con_inner .tit_bg {display:inline-block;position:absolute;top:10px;left:10px;text-align:center;background:#777;color:#fff;border-radius:50%;width:30px;line-height:30px;height:30px}
#faq_con .con_inner .closer_btn {position:absolute;right:3%;top:26px;border:0;width:20px;height:20px;background:#fff;color:#ffa216;font-size:1.2em; transform: scale(1);}
#faq_con .con_inner .closer_btn:active {transform: scale(0.8); transition:all 0 0.3s;}
#faq_con .con_inner .closer_btn span {color:#fff; overflow: hidden;}
#faq_con .con_inner .closer_btn span:before {content:""; position: absolute; width:14px; height:2px; background:#888; top:10px; left:0;}
#faq_sch {position:relative; overflow:hidden; width:100#; background:#F8F8F8; padding:1.5rem 0; margin-bottom:1rem; text-align:center;}
#faq_sch .sch_tit {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#faq_sch .frm_input {padding:0 10% 0 1.5rem; border:2px solid #ccc; width:60%; height:2.2rem;border-radius:1.1rem; box-sizing:border-box}
#faq_sch .btn_submit {position:absolute; top: 1.5rem; right:20%; padding:0 0.5rem; height:2.2rem; width:10%; font-size:0.8rem;font-weight:bold;color:#555;background:#ccc; border-radius: 1.5rem;}
@media screen and (max-width:768px){
    #bo_cate li {width:22%; padding:0.5rem 1%;}
    #bo_cate a {width: auto; height: auto; line-height:100%; padding:38% 0;}
    #faq_sch .frm_input {padding:0 20% 0 1.5rem;}
    #faq_sch .btn_submit {width:20%;}
}
@media screen and (max-width:540px){
    #bo_cate a {font-size:1rem;}
    #faq_wrap li h3 {padding-left: 3.8rem;} 
    #faq_wrap li h3 .tit_bg {left:1rem;}
    #faq_con .con_inner {padding:1rem 2rem;} 
    #faq_sch .frm_input {width:80%;}
    #faq_sch .btn_submit {right:10%;}
}