/* BASIC css start */
/* */


.m_title {position: relative;background: white;border-bottom: 1px solid #e9eae5;}
.m_title a {position: absolute;top: 0px;left: 0px;width: 36px;height: 36px;z-index: 10;background: url(/design/ssodo82/smartskin2017/gaenso2017/img/back_btn.png) no-repeat center center;background-size: 36px 36px;font-size: 0px;text-indent: -999em;overflow: hidden;}
.m_title h3 {color: #2f2f2f;font-size: 1.2rem;font-weight: bold;line-height: 36px;text-align: center;}    



.cs_info {padding: 13px 5px;background: #f7f7f7;}
.cs_info .info_section {display: flex;background: #fff;width: 100%;height: 73px;border: 1px solid #e8e8e8;box-sizing: border-box;justify-content: space-around;align-items: center;}
.cs_info .info_section h4 {color:#2f2f2f;font-size:1.5rem;font-weight:bold;margin-right:60px;}
.cs_info .info_section h4 a {color:#2f2f2f;}
.cs_info .info_section p {color:#2f2f2f;font-size:1rem;line-height:15px;text-align:left;}
.cs_info .info_section a {display:flex;align-items:center;}
.cs_info .info_section a img {width:40px;height:40px;margin-right:20px;}

.cs_info .cs_info_btn {margin-top:5px;display:flex;}
.cs_info .cs_info_btn a {background:#fff;border:1px solid #e8e8e8;color:#2f2f2f;font-size:1.2rem;text-align:center;width:50%;display:flex;align-items:center;justify-content:center;}

.cs_info .modal { display:none; position:fixed; top:50%; left:50%; z-index:1500; width:190px; margin-left:-95px; background:white; }
.cs_info .modal .modal_close { position:absolute; top:-23px; right:0px; width:18px; height:18px; background:url('/design/ssodo82/smartskin2017/gaenso2017/img/overlay_close.png') no-repeat center center; background-size:24px 24px; font-size:0px; text-indent:-999em; overflow:hidden;}
.cs_info .modal .title { background:#dcc29f; color:white; font-size:1.5rem; font-weight:bold; line-height:40px; text-align:center; }
.cs_info .modal .content { padding:20px 15px;}
.cs_info .modal .content .first { color:#2f2f2f; font-size:1.1rem; line-height:18px;}
.cs_info .modal .content .second { margin-top:5px; color:#2f2f2f; font-size:1.1rem; line-height:18px;}


body.hold:before { position:fixed; top:0px; left:0px; bottom:0px; right:0px; z-index:1000; background:rgba(0,0,0,0.65); content:""; }



.cs_tab {margin:13px 0px 10px 0px;}
.cs_tab ul li a {height:100%;width:100%;color:#2f2f2f;font-size:1.1rem;display:flex;justify-content: space-around;align-items: center;flex-direction: column;}
.cs_tab ul li.selected a {background-color: #f4f4f4 !important;}

.cs_tab ul {display:flex;justify-content: space-evenly;;margin-bottom:5px;}
.cs_tab ul li {border:1px solid #e8e8e8;height:55px;width:23%;}
.cs_tab ul li img {width:20px;height:20px;}



.paging {text-align:center; margin-top:15px;}
.paging .page {display:inline-block;width:20px; height:23px;margin:0px 3px;color:#a5a5a5;font-size:1.1rem;line-height:23px;vertical-align:middle;border:none;}
.paging .page.now {background:url(/design/ssodo82/smartskin2017/gaenso2017/img/page_bg.png) no-repeat center center;background-size:20px 23px;color:white;border:none;}
.paging a {border:none;}
.paging .left-btn {display:inline-block;width:20px;height:23px;margin:0px 3px;background:url(/design/ssodo82/smartskin2017/gaenso2017/img/page_left.png) no-repeat center center;background-size:20px 23px;font-size:0px;text-indent:-999em;overflow:hidden;vertical-align:middle;border:none;}
.paging .right-btn {display:inline-block;width:20px;height:23px;margin:0px 3px;background:url(/design/ssodo82/smartskin2017/gaenso2017/img/page_right.png) no-repeat center center;background-size:20px 23px;font-size:0px;text-indent:-999em;overflow:hidden;vertical-align:middle;border:none;}




#faqWrap .category-select {margin:5px 5px 10px;}
#faqWrap .category-select p {color:#2f2f2f;font-size:1.2rem;line-height:40px;text-align:center;}
#faqWrap .category-select select {width:100%;height:35px;padding:0px 0px 0px 12px;border:1px solid #e9e9e9;color:#2f2f2f;font-size:1.2rem;line-height:33px;text-align:left;box-sizing:border-box;}

#faqWrap .faqTableWrap {
    margin:0px 5px;
}
#faqWrap .faqTableWrap #faqTable {
    border:none; width:100%
}
#faqWrap .faqTableWrap #faqTable tr td, #faqWrap .faqTableWrap #faqTable tr th {
    position:relative;
    padding: 10px 6px 10px 45px;
    border:1px solid #e9e9e9;
    line-height:20px;
    font-size:1.2rem;
}
#faqWrap .faqTableWrap #faqTable tr td img, #faqWrap .faqTableWrap #faqTable tr th img {
    position:absolute;
    top:10px;
    left:8px;
    height:21px;
}
#faqWrap #faqTable tr.slide-hide td, #faqWrap #faqTable tr.slide-show td {
    background:white !important;
}

#faqWrap .item-search {
    position:relative;
    margin:15px 5px;
}
#faqWrap .item-search input {
    width:100%;
    border-color:#e9e9e9;
}
#faqWrap .item-search .search-btn {
    display: inline-block;
    position: absolute;
    z-index: 1;
    right: 5px;
    top: 3px;
    width: 30px;
    height: 30px;
    font-size:0px;
    text-indent:-999em;
    line-height: 30px;
	overflow:hidden;
}
#faqWrap .item-search .search-btn img {
    height:30px;
}
/* BASIC css end */