/* BASIC css start */ #faqWrap {padding: 0 0 0px;} #faqWrap .page-body { } #MS_WritenBySEB P { margin-top:7px; margin-bottom:7px;} #faqWrap BLOCKQUOTE { margin-left:15px; } #faqWrap BLOCKQUOTE.q1, #faqWrap BLOCKQUOTE.q2, #faqWrap BLOCKQUOTE.q3, #faqWrap BLOCKQUOTE.q4, #faqWrap BLOCKQUOTE.q5, #faqWrap BLOCKQUOTE.q6, #faqWrap BLOCKQUOTE.q7{ padding:10px; margin-left:15px; margin-right:15px;} #faqWrap BLOCKQUOTE.q1{ padding:0 10px; border-left:2px solid #ccc;} #faqWrap BLOCKQUOTE.q2{ padding:0 10px; background:url(/images/d3/modern_simple/common/bg_qmark.gif) no-repeat;} #faqWrap BLOCKQUOTE.q3{ border:1px solid #d9d9d9;} #faqWrap BLOCKQUOTE.q4{ border:1px solid #d9d9d9; background:#fbfbfb;} #faqWrap BLOCKQUOTE.q5{ border:2px solid #707070;} #faqWrap BLOCKQUOTE.q6{ border:1px dashed #707070;} #faqWrap BLOCKQUOTE.q7{ border:1px dashed #707070; background:#fbfbfb;} #faqWrap .faq-tit { padding-bottom:48px; font-size:22px; color:#1c1b1b; font-weight:500; text-align:center; } #faqWrap .faq-search { } #faqWrap .search-wrap { position:relative;padding: 0px 12px 25px;overflow: hidden;} #faqWrap .sel_input_box { float:left; margin-left: 5px; } #faqWrap .sel_input_box { float: left; width: 75%; height: 32px; border: none; border-bottom: 2px solid #000; box-sizing: border-box; -webkit-box-sizing: border-box; margin-left: 4%; height: 32px; line-height: 40px; } #faqWrap .search-wrap .keyword input::placeholder { color:#bbb; } #faqWrap .search-wrap .keyword input { height: 32px; line-height: 32px; border: none; box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0; padding-left: 0; margin: 0; color: #000; font-weight: 700; background: none; font-size: 12px; width: 93%; margin-top: -12px; outline: none; } #faqWrap .search-wrap .select-category { float: left; width: 21%; height: 32px; line-height: 32px; font-size: 12px; font-weight: 700; border: none; appearance: none; -moz-appearance: none; -webkit-appearance: none; border-bottom: 2px solid #000; background: #fff url(/design/duolab/MB/faq_select_arrow.svg) no-repeat 100% 50%; background-size: 9px auto; padding-left: 0; letter-spacing:-0.5px; } #faqWrap .search-wrap .btn-submit { width:118px; height:30px; font-size:13px; line-height:30px } _:-ms-input-placeholder, :root #faqWrap .search-wrap .btn-submit { line-height:34px } _:-ms-input-placeholder, :root #faqWrap .search-wrap .btn-submit { line-height:34px } #faqWrap .search-wrap .best-keyword { position: absolute; left:192px; top:40px; width:495px } #faqWrap .search-wrap .best-keyword dt, #faqWrap .search-wrap .best-keyword dd, #faqWrap .search-wrap .best-keyword dd ul, #faqWrap .search-wrap .best-keyword dd ul li { display: inline; float: left; width: auto; height: 17px; font-size:14px; line-height: 17px; } #faqWrap .search-wrap .best-keyword dt { color: #000 } #faqWrap .search-wrap .best-keyword dd ul li { margin-left:5px } #faqWrap .search-wrap .best-keyword dd ul li a { white-space: nowrap; font-size:14px; color: #7b7b7b; vertical-align:top } #faq-category {overflow:hidden;/* border-top: 1px solid #000; */margin: 0 12px;/* border-left: 1px solid #000; */margin-bottom: 25px;box-sizing: border-box;} #faqWrap .faq-menu { *zoom:1 ;overflow: hidden;} #faqWrap .faq-menu:after { display:block; clear:both; content:'' } #faqWrap .faq-menu li {white-space:nowrap;text-align: center;width: 25%;float: left;box-sizing: border-box;-webkit-box-sizing: border-box;/* border-bottom: 1px solid #000; *//* border-right: 1px solid #000; */} #faqWrap .faq-menu li:nth-of-type(4n) a { border-right:1px solid #000 } #faqWrap .faq-menu li.first {padding-left:0; margin-top:0; } #faqWrap .faq-menu li a {font-size: 13px;color: #000;font-weight: 500;display: block;background: #fff;height: 50px;line-height: 50px;border: 1px solid #000;border-bottom: none;border-right: none;} #faqWrap .faq-menu li.now { background: #000; } #faqWrap .faq-menu li.now a {background: #000;color: #fff;font-weight: 700;} #faqWrap .faq-menu li:nth-of-type(5) a, #faqWrap .faq-menu li:nth-of-type(6) a, #faqWrap .faq-menu li:nth-of-type(7) a, #faqWrap .faq-menu li:nth-of-type(8) a { border-bottom:1px solid #000 } #faqWrap #faqTable { } #faqWrap #faqTable th, #faqWrap #faqTable tr td { padding:15px 0; border-bottom: 1px solid #e9e9e9; background:#fff } #faqWrap #faqTable tr.slide-hide td { border-bottom: 0px; } #faqWrap #faqTable th { font-size:13px; font-weight:bold } #faqWrap #faqTable td, #faqWrap #faqTable td a { color:#343434 } #faqWrap #faqTable td { cursor: pointer; } #faqWrap #faqTable tr.slide-hide, #faqWrap #faqTable tr.slide-hide dl { display: none; } #faqWrap #faqTable tr.slide-show { display: table-rows; *display: block; } #faqWrap #faqTable tr.slide-show dl { display: block; } #faqWrap #faqTable tr.slide-hide td, #faqWrap #faqTable tr.slide-show td { cursor: default; background:#fafafa !important } #faqWrap #faqTable .tb-slide { padding: 0 20px; } #faqWrap #faqTable .tb-slide a { text-decoration: underline; color : #800080; } #faqWrap #faqTable .tb-slide ol, #faqWrap #faqTable .tb-slide ul { margin-left:35px; } #faqWrap #faqTable .tb-slide dl { position: relative; width: 100%; } #faqWrap #faqTable td .tb-slide dl dt { position: absolute; left:10px; top:8px } #faqWrap #faqTable td .tb-slide .qst dt { font-size:18px; color:#000; font-weight:bold } #faqWrap #faqTable td .tb-slide .qst dd { color:#999 } #faqWrap #faqTable td .tb-slide .adv dt { font-size:18px; color:#b17efe; font-weight:bold } #faqWrap #faqTable td .tb-slide dl dd { margin-left:45px; padding:15px 0 } #faqWrap #faqTable td .tb-slide dl.adv { margin-top: 5px; border-top: 1px dashed #e9e9e9; } #faqWrap .pager { text-align: center; margin-top: 20px; } #faqWrap .pager ol li { display: inline; padding: 0px 5px; } #faqWrap .pager ol li img { margin-top: 2px; } #faqWrap .pager ol li.first, #faqWrap .pager ol li.next { padding-right: 0; } #faqWrap .pager ol li.last, #faqWrap .pager ol li.prev { padding-left: 0; } .faq_box_list {cursor:pointer;padding: 0 12px;} .faq_box {border-bottom: 1px solid #e7e7e7;} .faq_box_list .faq_box:last-child { } .faq_box_list .faq_box:first-child {border-top: 2px solid #000;} .faq_box_list .que_box {/* padding-left: 40px; */position:relative;overflow: hidden;padding: 20px 0;} .faq_box_list .que_box p, .faq_box_list .ans_box p, .notice_box_list .notice_box p {display:inline-block;padding: 20px 0;} .faq_box_list .que_box p:first-child {font-size: 13px;font-weight: 700;color: #000;width: 13%;text-align: left;position:relative;box-sizing: border-box;-webkit-box-sizing: border-box;padding: 0;display: inline-block;text-align: center;line-height: 1.4;vertical-align: middle;margin-right: 3%;} .faq_box_list .que_box p:first-child span { } .faq_box_list .que_box p:nth-child(2) {font-size: 15px;font-weight: 400;color: #000;width: 74%;margin-top: 0px;padding: 0;display: inline-block;vertical-align: middle;} .arrow_down {position:absolute;right: 8px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);-moz-transform: translateY(-50%);width: 11px;} .faq_box_list .ans_box {display:none;position:relative;overflow: hidden;padding: 25px 12px;background: #f7f7f7;} /*.ans_box p:first-child {width: 104px;vertical-align: middle;text-align: center;position: relative;height: 100%;float: left;}*/ .faq_box_list .ans_box p {font-size: 14px;color:#000;font-weight: 400;line-height: 1.7;width: 97%;box-sizing:border-box;-webkit-box-sizing:border-box;float: left;padding: 0;} .faq_arrow_img {float: left;margin-top: 6px;margin-right: 15px;} #faqWrap .search-wrap fieldset a {width: 15px;height: 32px;line-height: 20px;display: inline-block;vertical-align: middle;} #faqWrap .search-wrap fieldset a img {width: 100%;} /* BASIC css end */