body {overflow:hidden}
#splitter_wrap {position:relative;z-index:0;height:100%;}
#splitter_wrap:after{content:""; display:block;float:none;clear:both;} 

#bbssubmenu {position:fixed;width:230px;height:1500px;top:90px;left:0;border-right:1px #bbb solid; box-shadow: 7px 0 7px -7px rgba(0,0,0,.23);z-index:10}
#bbssubmenu .h_img {text-align:center;padding:40px 0 20px 0;height:45px}
#bbssubmenu h2 {text-align:center;margin: 0  0 40px 0;font-size:1.3rem;font-weight:500;padding:0}
#bbssubmenu ul {list-style:none;margin:40px 0 0 0;padding:0;border-top:1px #eee solid}
#bbssubmenu ul li {}
#bbssubmenu ul li a {display:block;height:40px;line-height:40px;padding:0 0 0 30px;border-bottom:1px #eee solid;font-weight:500}
#bbssubmenu ul li a.active {background-color:#ff2a2a;color:#fff;font-weight:600;border-color:#ff2a2a}
#bbssubmenu .bottom {position:absolute;bottom:40px;}
#bbssubmenu .bottom .cs_tel {margin-left:30px}
#bbssubmenu .bottom .cs_tel .maketing_q {width:100px;text-align:center;background:#888;color:#fff;border-radius:30px;padding:5px 0;font-size:12px;margin:12px 0 8px 0}
#bbssubmenu .bottom .cs_tel .tel1 {font-size:1.8rem;line-height:1;letter-spacing:-1px;font-weight:500;color:#666}
#bbssubmenu .bottom .cs_tel .telinfo {font-size:12px;color:#888;padding:6px 0 0 5px;text-align:left}


#contents.bbswrap {margin-left:231px}


/*common searchform(*/
.header_box {width:100%;min-width:500px;}
.header_box .btn_sort_wrap {height:36px;background:#fff;padding:0;width:100%;}
.header_box .btn_sort_wrap:after{content:""; display:block;float:none;clear:both;} 
.header_box .btn_sort_wrap .boxitem {font-size:15px;letter-spacing:-0.02em;padding:0 0 0 15px;font-weight:500;float:left;height:36px;color:#333;line-height:36px;margin-left:12px}
.header_box .btn_sort_wrap .btn_sort {float:right;padding:0;margin:0;list-style:none;display:inline-block;vertical-align:top;}
.header_box .btn_sort_wrap .btn_sort li {float:left;padding:0px;}
.header_box .btn_sort_wrap .btn_sort li a {height:36px;line-height:36px;color:#333;font-size:11px;display:inline-block;padding:0 10px}
.header_box .btn_sort_wrap .btn_sort li a i.fa {color:#c0c0c0}
.header_box .btn_sort_wrap .btn_sort li a.distance {font-weight:700}
.header_box .btn_sort_wrap .btn_sort li a.active, .header_box .btn_sort_wrap .btn_sort li a.active i.fa {color:#ff2a2a;font-weight:700}


.header_box .searchbox {padding:0;border-bottom:1px #bbb solid;border-top:1px #999 solid;background:#f4f4f4;min-width:500px;width:100%;position:relative;}
.header_box .searchbox:after {content:""; display:block;float:none;clear:both;} 
.header_box .searchbox .searchform {}
.header_box .searchbox .searchform form {display:inline-block}
.header_box .searchbox .searchform .searchSelect {width:128px;border-top:none;border-bottom:none;border-left:none;float:left}
.header_box .searchbox .searchform .searchSelect:hover,.searchbox .searchform .searchSelect:active,.searchbox .searchform .searchSelect:focus {border-color:#b0b0b0;color:#000}
.header_box .searchbox .searchform .inputsearch {vertical-align:top;border-top:none;border-bottom:none;height:36px;line-height:36px}
.header_box .searchbox .searchform .bts {}
.header_box .searchbox .searchform .btnsubmit {vertical-align:top;border-top:none;border-bottom:none;background:#fff}
.header_box .searchbox .search_result {height:36px;line-height:36px;font-size:16px;text-align:center;font-weight:700}
.header_box .searchbox .btnmenu {margin-left:10px}
.pagenation {text-align:center;padding-bottom:20px;min-width:489px}
.pagenation.pgtop {padding-top:20px;}


/*split*/
.splitter_panel {position: relative;}
.splitter_panel .vsplitter {cursor: col-resize;z-index:900;width:5px;background:#c0c0c0 url(./image/varrow.gif) no-repeat left center;}
.splitter_panel .vsplitter:hover,.splitter_panel .vsplitter:active {background:#888 url(./image/varrow_on.gif)  no-repeat left center}
.splitter_panel .hsplitter {background-color: #5F5F5F;cursor: row-resize;z-index: 800;height:5px;}
.splitter_panel .vsplitter.splitter-invisible,.splitter_panel .hsplitter.splitter-invisible {background: none;}
.splitter_panel .vsplitter, .splitter_panel .left_panel, .splitter_panel .right_panel,.splitter_panel .hsplitter, .splitter_panel .top_panel, .splitter_panel .bottom_panel {position: absolute;overflow: auto;}
.splitter_panel .vsplitter, .splitter_panel .left_panel, .splitter_panel .right_panel {height: 100%;}
.splitter_panel .hsplitter, .splitter_panel .top_panel, .splitter_panel .bottom_panel {width: 100%;}
.splitter_panel .top_panel, .splitter_panel .left_panel, .splitter_panel .vsplitter {top: 0;}
.splitter_panel .top_panel, .splitter_panel .bottom_panel, .splitter_panel .left_panel, .splitter_panel .hsplitter {left: 0;}
.splitter_panel .bottom_panel {bottom: 0;}
.splitter_panel .right_panel {right: 0;}
.splitterMask {position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 1000;}
/*scroll*/
.tse-scrollable {position: relative;overflow: hidden;}
.tse-scrollable .tse-scroll-content {overflow: hidden;overflow-y: scroll;width:calc(100% + 21px) !important}
.tse-scrollable .tse-scroll-content::-webkit-scrollbar {width: 0;height: 0;}
.tse-scrollbar {z-index: 99;position: absolute;top: 0;right: 0;bottom: 0;width:4px;}
.tse-scrollbar .drag-handle {position: absolute;right:0px;min-height: 10px;width:4px;opacity: 0;-webkit-transition: opacity 0.2s linear;-moz-transition: opacity 0.2s linear;-o-transition: opacity 0.2s linear;-ms-transition: opacity 0.2s linear;transition: opacity 0.2s linear;background:#ff2a2a;-webkit-background-clip: padding-box;-moz-background-clip: padding;}
.tse-scrollbar:hover .drag-handle {opacity: 0.7;-webkit-transition: opacity 0 linear;-moz-transition: opacity 0 linear;-o-transition: opacity 0 linear;-ms-transition: opacity 0 linear;transition: opacity 0 linear;}
.tse-scrollbar .drag-handle.visible {opacity:0.9;}
.scrollbar-width-tester::-webkit-scrollbar {width: 0;height: 0;}
.tse-scrollable.horizontal .tse-scroll-content {overflow-x: scroll;overflow-y: hidden;}
.tse-scrollable.horizontal .tse-scroll-content::-webkit-scrollbar,.tse-scrollable.horizontal .tse-scroll-content::scrollbar {width: auto;height: 0;}
.tse-scrollable.horizontal .tse-scrollbar {top: auto;left: 0;width: auto;height: 11px;}
.tse-scrollable.horizontal .tse-scrollbar .drag-handle {right:auto;top:0px;height:7px;min-height:0;min-width:4px;width: auto;}


.list_btn_top {display:inline-block;width:28px;height:28px;text-align:center;line-height:29px;color:#fff;position:absolute;right:8px;bottom:5px;z-index:111;display:none;font-size:14px;background:#333 url(./image/uparrow.svg) no-repeat center center;background-size:50%;text-indent:-99999px}
.list_btn_top:hover {background-color:#ff2a2a;color:#fff}