.pc_on { display:block; }
.m_on { display:none; }


@media(max-width:1000px){
.pc_on { display:none; }
.m_on { display:block; }
}


#container  { width:100%; }
#contents { width:95%; max-width:1300px; margin:0 auto; display:flex; padding-top:100px; }
#contents_body { flex-grow:1; padding:50px 0; }

@media(max-width:1000px){
#contents { padding-top:60px; }
#contents_body { flex-grow:1; padding:10px 0;  }
}

.sub_layout_left { width:200px; min-width:200px; min-height:800px; margin:0px 50px 0 0; flrex-shrink:1; background:#f5f5f5;white-space:nowrap; }
.sub_layout_left h2 { background:#dd0008; color:#fff; margin:50px 0px 0 0; padding:30px 0px; text-align:center; font-size:22px; }
.sub_layout_left > ul { width:100%; margin:20px auto; }
.sub_layout_left > ul > li {  position:relative; }
.sub_layout_left > ul > li:first-child a { border:0; }
.sub_layout_left > ul > li > a { display:block; padding:15px 0px;  font-size:18px; border-top:1px solid #ddd; margin:0 20px; }
.sub_cate { display:none; width:100%; z-index:20; background:#fff; padding:10px 0; position:absolute; top:0; left:200px; border:1px solid #ddd; }
.sub_cate li a { color:#333; font-size:16px; display:block; padding:5px 15px 5px 25px; }
.sub_cate li a:hover { color:#dd0008;} 
.sub_layout_left > ul > li:hover > a { color:#dd0008; }
.sub_layout_left > ul > li:hover .sub_cate { display:block;  }



#head { min-width:1000px; height:100px; border-bottom:1px solid #eee; position:fixed; top:0; left:0; width:100%; background:#fff; z-index:9999;  padding:0 30px; }
.head_inner { width:100%; height:100%; max-width:1300px; margin:0 auto; display:flex; justify-content:space-between; align-items:center; }
.head_inner h1 { }
.head_inner > ul { display:flex;  align-items:center; }
.head_inner > ul > li { padding:0 10px; position:relative; }
.head_inner .main_menu > li > a { white-space:nowrap; font-size:22px; font-weight:400; height:99px; line-height:98px; display:block; padding:0 13px; color:#444; border-bottom:3px solid #fff; }
.head_inner .main_menu > li:hover > a { color:#dd0008; border-bottom:3px solid #dd0008; }
.head_inner .main_menu > li .submenu { display:none; position:absolute; top:99px; left:50%; margin-left:-80px; width:160px; background:#fff; padding:10px 0; }
.head_inner .main_menu > li:hover .submenu { display:block; }
.head_inner .main_menu > li .submenu li { white-space:nowrap; display:block; width:100%; text-align:center; padding:3px; }
.head_inner .main_menu > li .submenu li a { display:block; font-size:18px;}
.head_inner .main_menu > li .submenu li a:hover { color:#dd0008; }

.btn_search img { padding:5px 0 0 0; }


#showmenu { }
#hidemenu { position:absolute; top:20px; right:0px; cursor:pointer;  }
.search_box_wide { display: none; background:#f5f5f5; width:100%; position:fixed; top:100px; left:0; z-index:9; }
#search { width:1150px; margin:0 auto;  position:relative;  padding:100px; }
.search-select-wrp { display:flex; }
.search-select-wrp .search_left { border-right:1px solid #ccc; padding-right:50px; display:flex;}
.search-select-wrp .search_right { padding-left:50px;display:flex; }
.search-select-wrp label, .search-select-wrp span { font-size:25px; letter-spacing:-1px; color:#222; line-height:43px; white-space:nowrap; }
.search-select-wrp select, .search-select-wrp input { font-size:25px; height:45px; line-height:45px; border:2px solid #dd0008; padding:0 10px; 
border-radius:0;  margin-left:15px; }
.search-select-wrp .q-inp { width:200px; }
.search_w_btn { background:url('../image/offline/btn_search_red.png') no-repeat; border:0 !important; width:35px; height:34px; 
text-indent:-99999px; margin:4px 0 0 10px;  }


.offshop_category { width:100%; background:#f5f5f5; border-bottom:1px solid #eee; padding:0px 30px; }
.offshop_category ul { display:flex; flex-wrap:wrap; justify-content:center; width:100%; margin:0 auto; }
.offshop_category li { position:relative; padding:10px 0; }
/*
.offshop_category li::after {  content: "|"; position:absolute; top:17px; left:-1px; color:#ccc; font-size:12px; }
.offshop_category li:first-child::after { content:""; }
*/
.offshop_category a { display:block; white-space:nowrap; text-align:center; padding:7px 15px; }
.offshop_category a:hover { background:#fff; border-radius:10px; }



#footer { background:#444; width:100%; padding-bottom:10px; }
.footer_inner { max-width:1200px; width:95%; margin:0 auto; position:relative; }
.footer_callcenter { padding:40px 0px; border-bottom:1px solid #666; color:#fff; }
.footer_callcenter h4 { font-size:25px; }
.footer_callcenter ul { display:flex; }
.footer_callcenter li { padding-right:20px; font-size:16px; font-weight:300; }
.footer_callcenter li:first-child { font-size:18px; font-weight:300; }
.footer_menu ul { display:flex; padding:30px 0px 0; }
.footer_menu ul li { margin-right:20px; }
.footer_menu a { display:block; color:#999; }
.footer_info { padding:20px 50px; }
.footer_info p { line-height:120%; padding-bottom:10px; }
.footer_info a, .footer_info span { color:#999; font-size:13px; font-weight:300; }
.footer_menu_board { position:absolute; top:10px; right:0; }
.footer_menu_board ul { display:flex; }
.footer_menu_board ul li { padding:0; }
.footer_menu_board li a { display:block; padding:7px 15px 8px; font-size:14px; border:1px solid #666; color:#fff; margin-left:-1px; }




@media(max-width:1000px){
#footer { background:#444; width:100%; padding-bottom:10px; }
.footer_inner { max-width:1200px; width:95%; margin:0 auto; position:relative; }
.footer_callcenter { padding:20px 0px; border-bottom:1px solid #666; color:#fff; }
.footer_callcenter h4 { font-size:20px; }
.footer_callcenter ul { display:flex; flex-wrap:wrap; }
.footer_callcenter li { padding-right:20px; font-size:14px; font-weight:300; }
.footer_callcenter li:first-child { font-size:16px; font-weight:300; }
.footer_menu ul { display:flex; padding:20px 0px 0; }
.footer_menu ul li { margin-right:10px; }
.footer_menu a { display:block; color:#999; }
.footer_info { padding:10px 0px; }
.footer_info p { line-height:120%; padding-bottom:10px; }
.footer_info a, .footer_info span { color:#999; font-size:11px; font-weight:300; }
.footer_menu_board { position:absolute; top:0px; right:0; }
.footer_menu_board ul { display:flex; }
.footer_menu_board ul li { padding:0; }
.footer_menu_board li a { display:block; padding:4px 6px 5px; font-size:13px; border:1px solid #666; color:#fff; margin-left:-1px; }

}



.mo_only_menu { display:none;  }

@media(max-width:1000px){
.mo_only_menu { position:absolute; top:18px; left:20px; z-index:5; border:0px solid #ddd; z-index:9999; display:block; }
.mo_only_menu i { width:20px; height:2px; margin:4px auto; display:block; background:#222; }


#contents { padding-top:60px; }
#head { min-width:auto; height:60px; border-bottom:1px solid #eee; position:fixed; top:0; left:0; width:100%; background:#fff; z-index:9999;  padding:0 10px; }
.head_inner { width:100%; height:100%; max-width:1300px; margin:0 auto; display:flex; justify-content:space-between; align-items:center; }
.head_inner h1 { width:120px; flex-shrink:0; margin-left:50px; }
.head_inner > ul { display:flex;  align-items:center; }
.head_inner > ul > li { padding:0 5px; position:relative; }
.head_inner .main_menu { display:none; }
.head_inner .main_menu > li > a { white-space:nowrap; font-size:22px; font-weight:400; height:99px; line-height:98px; display:block; padding:0 13px; color:#444; border-bottom:3px solid #fff; }
.head_inner .main_menu > li:hover > a { color:#dd0008; border-bottom:3px solid #dd0008; }
.head_inner .main_menu > li .submenu { display:none; position:absolute; top:99px; left:50%; margin-left:-80px; width:160px; background:#fff; padding:10px 0; }
.head_inner .main_menu > li:hover .submenu { display:block; }
.head_inner .main_menu > li .submenu li { white-space:nowrap; display:block; width:100%; text-align:center; padding:3px; }
.head_inner .main_menu > li .submenu li a { display:block; font-size:18px;}
.head_inner .main_menu > li .submenu li a:hover { color:#dd0008; }

.btn_search img { padding:0px 0 0 0; max-width:20px; }


#showmenu { }
#hidemenu { position:absolute; top:20px; right:10px; cursor:pointer;  width:18px; }
.search_box_wide { display: none; background:#f5f5f5; width:100%; position:fixed; top:60px; left:0; z-index:9; }
#search { width:100%; margin:0 auto;  position:relative;  padding:20px 10px; }
.search-select-wrp { display:flex; align-items:center; flex-wrap:wrap; }
.search-select-wrp .search_left { border-right:0; padding-right:0px; display:flex; width:100% }
.search-select-wrp .search_right { padding-left:0px;display:flex; width:100% ; margin-top:5px; }
.search-select-wrp label, .search-select-wrp span { font-size:15px; letter-spacing:-1px; color:#222; line-height:23px; white-space:nowrap; width:50px; }
.search-select-wrp select, .search-select-wrp input { font-size:15px; height:25px; line-height:25px; border:2px solid #dd0008; padding:0 3px; 
border-radius:0;  margin-left:15px; }
.search-select-wrp .q-inp { width:120px; }
.search_w_btn { background:url('../image/offline/btn_search_red.png') no-repeat; border:0 !important; width:20px; height:20px; background-size:100% auto;
text-indent:-99999px; margin:4px 0 0 10px;  }

}



.left_menu { display:none; border-bottom:0; border-top:0; position:fixed; left:0; top:0; z-index:999999999999; 
width:100%; background:rgba(0,0,0,0.8); height:100vh; max-width:100vw; }
.left_menu .btn_close2 { padding:15px; display:inline-block; position:absolute; left:250px; top:0; background:#000; }
.left_menu .inner { float:left; background:#fff; width:250px; height:100%; padding:30px 30px 150px 30px; overflow-y:auto;}
.left_menu .inner ul {   }
.left_menu .inner > ul > li  { position:relative; border-bottom:1px solid #eee; }
.left_menu .inner > ul > li > a { font-size:17px; color:#222; display:block;  padding:5px 0px;  line-height:30px; display:block; }
.left_menu .submenu { padding-bottom:10px; }
.left_menu .submenu > ul > li > a { font-size:15px; padding:3px 0; line-height:20px; display:block; color:#555; }

.left_menu li.topmargin20 { margin-top:20px; }

.left_menu .inner > ul >  li.site_link { border-bottom:0;  }
.left_menu .inner > ul >  li.site_link a { font-size:14px; padding:0px 0;display:block;  }


.left_menu .inner .quick_menu { width:100%; padding:10px 0 7px;  margin-bottom:30px; }
.left_menu .inner .quick_menu ul { display:flex; }
.left_menu .inner .quick_menu ul li {  flex-grow:1; text-align:center; position:relative; }
/*
.quick_menu ul li::after { position:absolute; left:1px; top:4px; height:10px; width:1px; background:#aaa; content:""; display:block; }
.quick_menu ul li:first-child::after { display:None; }
*/
.left_menu .inner .quick_menu ul li {  }
.left_menu .inner .quick_menu ul li a { display:block;  width:100%; background:#eee; font-size:13px; letter-spacing:-0.5px; border:1px solid #aaa; color:#222; border-radius:5px; padding:5px 3px; }
.left_menu .inner .quick_menu ul li { margin-left:5px; }
.left_menu .inner .quick_menu ul li:firsr-child { margin-left:0; }
.login_out { padding:15px 0px ; width:100%;}
.login_out ul { display:flex; }
.login_out li { margin: 5px; flex-grow:1; }
.login_out a { display:block; background:#eee; border:1px solid #aaa; font-size:14px; text-align:center; width:100%; padding:7px 0; border-radius:4px; line-height:15px;}