@charset "utf-8";

#container_wrap,
#header_wrap,
#header,
#body_wrap,
#side_wrap,
#content_wrap,
#bottom_wrap,
#bottom,
#footer_wrap,
#footer {display:block;position:relative;}

#container_wrap:after,
#header_wrap:after,
#header:after,
#body_wrap:after,
#side_wrap:after,
#content_wrap:after,
#bottom_wrap:after,
#bottom:after,
#footer_wrap:after,
#footer:after {display:block;visibility:hidden;clear:both;content:""}


.panel_overlay {display:none;position:fixed;left:0;right:0;top:0;width:100%;height:100vh;background:rgba(34,34,34,0.6);z-index:999;}

.panel {display:block;position:fixed;top:0;left:-320px;width:320px;height:100%;padding:20px;overflow-y:auto;background:#ebebeb;z-index:999;
transform: translate(0,0);
transition: .5s;
}
.panel.active {transform: translate(320px,0);}

.panel a#logo {display:block;margin:0 0 20px 0;}
.panel a#logo img {width:auto;height:40px;}
.panel button#btn_panel_close {display:block;position:absolute;right:20px;top:20px;width:30px;height:40px;text-align:center;background:none;border:none;}
.panel button#btn_panel_close i {color:#444;font-size:22px;line-height:40px;} 

/* nav */
.panel ul.sdnb {}
.panel ul.sdnb li {position: relative;cursor: pointer;}
li.slidedown:nth-child(1) {margin: 0 0 5px 0;}
.panel ul.sdnb li:last-child {margin:0;}
.panel ul.sdnb li:after {display:block;visibility:hidden;clear:both;content:""}
.panel ul.sdnb li a {display: block;background: #e6565f;color:#eee;border: solid 1px #eee;border-radius: 4px;box-shadow: 0 0 10px rgba(0, 0, 0, .04);text-align: center;line-height: 30px;font-weight: 400;letter-spacing: -1px;-webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.panel ul.sdnb li a.active,
.panel ul.sdnb li a:hover {background: #000;}
.panel ul.sdnb li ul {margin:5px 0 0 0;overflow:hidden;}
.panel ul.sdnb li ul:after {display:block;visibility:hidden;clear:both;content:""}
.panel ul.sdnb li ul li {padding: 0;border-bottom: none;float: left;width: 32.6%;margin: 0 1% 5px 0;}
.panel ul.sdnb li ul li:nth-child(3n) {margin:0 0 5px 0;}
.panel ul.sdnb li ul li a {color: #eee;font-size: 12px;line-height: 25px;font-weight: 400;text-align: center;background: #282d31;border-radius: 4px;box-shadow: 0 0 10px rgba(0, 0, 0, .04);}
.panel ul.sdnb li ul li a:hover,
.panel ul.sdnb li ul li a.active {color:#fff;}
.panel ul.sdnb li ul li .sub {margin:4px 0 0 0;}
.panel ul.sdnb li ul li .sub a {font-size:12px;line-height:30px;background:#444;}

.panel ul.sdnb li.on > ul {display:block;max-height:1000px;margin:5px 0 0 0;}
.panel ul.sdnb li.on > a {}
.panel ul.sdnb li.on > ul a.on {color:#fff;background:#000}

.panel ul.sdnb li a.active {color:#fff;}
.panel ul.sdnb li.active > ul {display:block;}
.panel ul.sdnb li.active > a {background:#f6f6f6;}
.panel ul.sdnb li.active > ul a.active {background:#444;}


.panel .arrow {display:block;position:absolute;right:0px;top:0;width:80px;height:40px;text-align:center;z-index:9;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.panel .arrow i {font-size:12px;line-height:50px;}

.cross {display:block;position:absolute;right:0px;top:0;width:20px;height:40px;text-align:center;z-index:9;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.cross i {color:#fff;font-size:12px;line-height:40px;}

.panel ul li.on .cross {transform-origin:50% 50%;transform:rotate(180deg);}
.panel ul li.on .cross i {color:#fff;}


#container_wrap {background:#ebebeb;padding: 10px 0 0 0;}

#logo_top {display:block;padding:20px;text-align:center;}
#logo_top img {}

#header_wrap {position:relative;width:100%;max-width:1220px;margin:0 auto;padding:10px;background:#fff;border-radius:10px;box-shadow: 0 0 10px rgba(0, 0, 0, .04);z-index:99;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
}
#header_wrap.sticky {position:fixed;left:0;right:0;top:0;max-width:100%;border-radius:0;}

#header {width:100%;max-width:1240px;margin:0 auto;text-align:center;}
#header #logo {float: left;margin: 0 20px 0 0;}
#header #logo img {width:auto;height:40px;}

#header #nav {float:left;}

#header ul.tnb {float:right;}
#header ul.tnb:after {display:block;visibility:hidden;clear:both;content:""}
#header ul.tnb li {display:block;float:left;margin:0 10px 0 0;}
#header ul.tnb li:last-child {margin:0;}
#header ul.tnb li a {display:block;}
#header ul.tnb li a i {font-size:24px;line-height:40px;}
#header ul.tnb li a.btn {position:relative;color:#fff;background:#e6565f;}
#header ul.tnb li a .p {display:block;position:absolute;left:50%;top:40px;}

#header ul.tnb li.pc_none {display:none;}
#header ul.tnb li.mob_none {display:block;}


#nav {float:left;}

/* nav */
ul.nav {}
ul.nav:after {display:block;visibility:hidden;clear:both;content:""}
ul.nav li {display:block;float:left;position:relative;margin:0 45px 0 0;}
ul.nav li:last-child {margin:0;}
ul.nav li a {display:block;position:relative;font-size:15px;text-align:center;font-weight:600;line-height:40px;text-decoration:none !important;}
ul.nav li a:after {content:'';position:absolute;left:50%;bottom:-10px;width:1px;height:4px;background:#e6565f;opacity:0;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
}
ul.nav li a:hover,
ul.nav li a.active {color:#e6565f;}
ul.nav li a:hover:after,
ul.nav li a.active:after {left:0;width:100%;border-radius:4px;opacity:1;}
ul.nav li .arrow {display:none;position:absolute;right:0;top:50%;width:20px;height:30px;margin:-15px 0 0 0;text-align:center;line-height:30px;}
ul.nav li .arrow i {color:#999;font-size:12px;}

ul.nav li ul {display:none;position:absolute;left:50%;top:50px;width:120px;margin:0 0 0 -60px;background:#fff;border:solid 1px #eee;z-index:9;box-shadow:2px 2px 5px rgba(0,0,0,0.1);}
ul.nav li ul:after {display:block;visibility:hidden;clear:both;content:""}
ul.nav li ul li {display:block;float:none;width:100%;margin:0;padding:0;}
ul.nav li ul li:last-child {border-right:none;}
ul.nav li ul li a {display:block;padding:0 10px;font-size:12px;font-weight:400;line-height:40px;text-align:center;}
ul.nav li ul li a:hover {color:#e6565f;}
ul.nav li ul li a:after {display:none;}
ul.nav li ul li ul {display:block;position:absolute;left:160px;top:0;margin:0;padding:10px;}
ul.nav li ul li ul li a {display:block;height:30px;font-size:13px;line-height:30px;text-align:left;border:none;}

#panel_user {display:none;position:absolute;right:calc(50% - 610px);top:60px;width:480px;padding:5px;background: #fff;border-radius: 4px;box-shadow: 0 0 10px rgba(0, 0, 0, .04);z-index:9;}

.panel_user_header {margin:0 0 5px 0;padding:10px 15px;font-weight:500;line-height:40px;background: #f7f7f7;border: solid 1px #eee;
border-radius:4px;}
.panel_user_header:after {display:block;visibility:hidden;clear:both;content:""}
.panel_user_btn {float:right;}
.panel_user_btn:after {display:block;visibility:hidden;clear:both;content:""}
.panel_user_btn a.btn {color:#fff;background:#e6565f;}

.panel_user_lv {margin:0 0 5px 0;}
.panel_user_lv:after {display:block;visibility:hidden;clear:both;content:""}
.panel_user_lv a {display:block;position:relative;padding:10px 15px;font-weight:400;line-height:30px;background:#f7f7f7;border: solid 1px #eee;border-radius:4px;}
.panel_user_lv strong {display:block;position:absolute;right:15px;top:10px;color:#e6565f;font-weight:500;}

#panel_user ul {}
#panel_user ul:after {display:block;visibility:hidden;clear:both;content:""}
#panel_user ul li {display:block;float:left;width:49.5%;margin:0 1% 4px 0;border: solid 1px #eee;}
#panel_user ul li:nth-child(2n) {margin:0 0 4px 0;}
#panel_user ul li a {display:block;position:relative;padding:10px 15px;font-weight:400;line-height:30px;background:#f7f7f7;border-radius:4px;}
#panel_user ul li a strong {display:block;position:absolute;right:15px;top:10px;color:#e6565f;font-weight:500;}


#header button.btn_panel {display:none;float:left;width:35px;height:35px;color:#fff;font-size:16px;text-align:center;line-height:35px;background:#555;border:none;border-radius:4px;}
#header button.btn_panel i {}


#bottom_wrap {padding:20px 10px;background:#2e3438;}
#bottom {width:100%;max-width:1240px;margin:0 auto;}
#bottom #logo {display:block;float:left;width:30%;font-size:24px;}
#bottom p {display:block;float:left;width:70%;color:#666;font-size:13px;line-height:160%;}

#footer_wrap {padding:40px 10px;background:#2e3438;}
#footer {width:100%;max-width:1240px;margin:0 auto;}

#footer_info {float:left;}

#footer #logo {display:block;margin:0 0 24px 0;}
#footer #logo img {}

#footer ul.info {}
#footer ul.info:after {display:block;visibility:hidden;clear:both;content:""}
#footer ul.info li {display:block;float:left;margin:0 0 4px 0;line-height:160%;color:#888;}
#footer ul.info li:last-child {margin:0;}
#footer ul.info li strong {color:#222;font-weight:400;}
#footer ul.info li.var {position:relative;margin:0 12px 0 0;padding:0 12px 0 0;}
#footer ul.info li.var:after {content:'';display:block;position:absolute;right:0;top:50%;width:1px;height:12px;margin:-6px 0 0 0;background:#ddd;}
#footer ul.info li.infotxt {margin:0 0 12px 0;color:#999;}
#footer ul.info li.copy {}

#footer ul.sitemap {float:right;}
#footer ul.sitemap:after {display:block;visibility:hidden;clear:both;content:""}
#footer ul.sitemap li {display:block;float:left;margin:0 40px 0 0;}
#footer ul.sitemap li:last-child {margin:0;}
#footer ul.sitemap li a {display:block;margin:0 0 8px 0;color:#999;font-size:13px;line-height:160%;}
#footer ul.sitemap li a:first-child {color:#222;}
#footer ul.sitemap li a:last-child {margin:0;}

#nav_mob {display:none;position:fixed;left:0;right:0;bottom:0;background:#fff;box-shadow:0 0 8px rgba(0,0,0,0.1);}
#nav_mob:after {display:block;visibility:hidden;clear:both;content:""}
#nav_mob a {display:block;position:relative;float:left;width:20%;padding:10px 0;color:#666;text-align:center;}
#nav_mob a:after {content:'';position:absolute;left:50%;top:0px;width:1px;height:1px;background:#e6565f;opacity:0;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
}
#nav_mob a.active,
#nav_mob a:hover {color:#e6565f}
#nav_mob a:hover:after {left:0;width:100%;border-radius:4px;opacity:1;}
#nav_mob a i {margin:0 0 4px 0;font-size:16px;}
#nav_mob a p {font-size:12px;}


#body_wrap {width:100%;max-width:1240px;margin:0 auto;padding:10px;}

#side_wrap {float:left;width:30%;margin:0 10px 0 0;}

#content_wrap {float:left;width:calc(70% - 10px);}

.sec {display:block;position:relative;margin:0 0 10px 0;padding:10px 20px;background:#fff;overflow: hidden;border-radius:10px;box-shadow: 0 0 10px rgba(0, 0, 0, .04);}
.sec b {display:block;position:relative;font-weight:600;line-height:30px;}
.sec.sec_2x {float:left;100%;}
.sec.sec_2x.margin {}
.sec.sec_2x.margin img {position: absolute;opacity: 0.1;top: 90%;left: 94%;transform: translate(-50%, -50%);}

.con_index {margin: 0 0 20px 0;background: #fff;overflow: hidden;border-radius: 10px;box-shadow: 0 0 10px rgba(0, 0, 0, .04);}
.con_index h2 {display:block;padding:15px;color:#eee;font-size:13px;font-weight:600;text-align:center;background:#e6565f;}
.con_index h3 {display:block;padding:12px 20px;font-size:13px;color: #fff;font-weight:500;text-align:center;background:#474d51;}
.con_index p {padding:15px 10px;line-height: 200%;text-align: justify;font-weight: 400;}
.con_index ul li p {padding: 10px 5px;}
.con_index ul {margin:0 10px;}
.con_index ul:after {display:block;visibility:hidden;clear:both;content:""}
.con_index ul li {display:block;float:left;width:49%;margin:0 2% 0 0;}
.con_index ul li:nth-child(2n) {margin:0;}

.con_img_index {margin:10px;}
.con_img_index:after {display:block;visibility:hidden;clear:both;content:""}
.con_img_index .img {float:left;width:49%;margin:0 2% 0 0;}
.con_img_index .img img {width:100%;height:auto;}
.con_img_index .con {float:left;width:49%;}
.con_img_index .con dl {}
.con_img_index .con dl dd {display:block;margin:0 0 10px 0;padding:12px 20px;font-size:16px;text-align:center;background:#f6f6f6;border:solid 1px #ddd;}
.con_img_index .con dl dd:last-child {margin:0;}
.con_img_index .con dl dd i {font-size:14px;}
.con_img_index .con dl dd strong {color:#e6565f;font-family:'Lato';font-weight:400;}


.con_part_icon {padding: 0 10px;}
.con_part_icon:after {display:block;visibility:hidden;clear:both;content:""}
.con_part p {padding: 10px 5px;}
.con_part {float:left;width:49%;margin:0 2% 0 0;}
.con_part:nth-child(2n) {margin:0;}
.con_part_icon img {height:auto;margin:0 0 8px 0;}


.recent_wrap {}
.recent_wrap dl {}
.recent_wrap dl:after {display:block;visibility:hidden;clear:both;content:""}
.recent_wrap dl dd {display:block;margin:0 0 10px 0;padding:10px;border:solid 1px #ddd;}

.banner_slide {margin:0 0 20px 0;border-radius:10px;overflow:hidden;box-shadow: 0 0 10px rgba(0, 0, 0, .04);}
.banner_slide .swiper-slide img {width:100%;height:auto;}

.banner {margin:0 0 10px 0;}
.banner:after {display:block;visibility:hidden;clear:both;content:""}
.banner ul {}
.banner ul:after {display:block;visibility:hidden;clear:both;content:""}
.banner ul li {display:block;float:left;width:calc(33.33% - 6.66px);margin:0 10px 10px 0;}
.banner ul li:nth-child(3n) {margin:0 0 10px 0;}
.banner ul li img {width:100%;height:auto;border-radius:10px;box-shadow: 0 0 10px rgba(0, 0, 0, .04);}

.banner_top {margin:0 0 20px 0;border-radius:10px;overflow:hidden;box-shadow: 0 0 10px rgba(0, 0, 0, .04);}
.banner_top ul li {display:block;margin:0 0 5px 0;}
.banner_top ul li:last-child {margin:0;}
.banner_top img {width:100%;height:auto;}

h1#container_title {display:block;position:relative;margin:0 0 10px 0;padding:5px 20px;font-size:14px;font-weight:600;line-height:40px;background:#fff;border-radius:10px;box-shadow: 0 0 10px rgba(0, 0, 0, .04);}

.ttip {display:inline-block;position:relative;}
.ttip span {display:block;position:absolute;left:50%;bottom:-28px;max-width:200px;padding:3px 5px;color:#fff;font-size:12px;text-align:center;line-height:normal;background:rgba(0,0,0,0.8);border-radius:3px;z-index:9;
-webkit-transform:translate(-50%,0);
-moz-transform:translate(-50%,0);
-ms-transform:translate(-50%,0);
-o-transform:translate(-50%,0);
transform:translate(-50%,0);
}
.ttip span:after {content:'';display:block;position:absolute;top:-5px;left:50%;width:0;height:0;margin-left:-5px;border:5px dashed rgba(0,0,0,0.8);border-bottom-style:solid;border-top:none;border-left-color:transparent;border-right-color:transparent;}

#snb_wrap {height:0;overflow:hidden;}
#snb {padding:0 20px;background:#e6565f}
#snb .swiper-slide {width:auto}
#snb {white-space:nowrap;overflow:hidden}
#snb ul:after {display:block;visibility:hidden;clear:both;content:""}
#snb li {display:inline-block;}
#snb a {display:block;position:relative;color:#fff;font-weight:400;line-height:40px;letter-spacing:-0.5px;}
#snb a.active {color: #fff;}
#snb a.active:after {content:'';display:block;position:absolute;left:0;right:0;bottom:0;height:3px;background:#fff;}

#ssnb {padding:0 20px;background:#282d31;box-shadow: 0 0 10px rgba(0, 0, 0, .04);}
#ssnb .swiper-slide {width:auto}
#ssnb {white-space:nowrap;overflow:hidden}
#ssnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#ssnb li {display:inline-block;}
#ssnb a {display:block;position:relative;line-height:40px;color: #ddd;letter-spacing:-0.5px;}
#ssnb a.active {color:#fff;}
#ssnb a.active:after {content:'';display:block;position:absolute;left:0;right:0;bottom:0;height:2px;background:#fff;}


ul.tab_mbrank {position:absolute;right:20px;top:10px;}
ul.tab_mbrank:after {display:block;visibility:hidden;clear:both;content:""}
ul.tab_mbrank li {display:block;float:left;position:relative;text-align:center;font-weight:400;cursor:pointer;}
ul.tab_mbrank li:first-child {margin:0 8px 0 0;padding:0 8px 0 0;}
ul.tab_mbrank li:first-child:after {display:block;content:'';position:absolute;right:0px;top:50%;width:1px;height:12px;margin:-6px 0 0 0;background:#ccc}
ul.tab_mbrank li a {text-align:center;line-height:30px;cursor:pointer;color:#999;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis; 
-o-text-overflow:ellipsis;
-moz-binding: url('ellipsis.xml#ellipsis');
}
ul.tab_mbrank li a.active {color:#e6565f;}

dl.point_mbrank {}
dl.point_mbrank dd {display:block;position:relative;margin:0 0 2px 0;padding: 3px 0;line-height:30px;}
dl.point_mbrank dd:after {display:block;visibility:hidden;clear:both;content:""}
dl.point_mbrank dd:last-child {margin:0;}
dl.point_mbrank dd .num {display:inline-block;width:20px;margin:0 2px 0 0;color:#fff;font-size:12px;font-weight:400;text-align:center;line-height:20px;background:#999;border-radius:50%;vertical-align:middle;}
dl.point_mbrank dd .num.bg_rank1 {background:#e6565f}
dl.point_mbrank dd .num.bg_rank2 {background:#336ebe}
dl.point_mbrank dd .num.bg_rank3 {background:#06a41e}
dl.point_mbrank dd .point {display:block;float:right;color:#e6565f;font-weight:400;}
dl.point_mbrank dd .level {display:block;float:right;color:#e6565f;font-weight:400;}
dl.point_mbrank dd .lv_icon img {width:24px;height:auto;border-radius:50%;}
dl.point_mbrank dd .profile_icon img {width:18px;height:auto;border-radius:50%;}


ul.tab_ppl {position:absolute;right:20px;top:10px;}
ul.tab_ppl:after {display:block;visibility:hidden;clear:both;content:""}
ul.tab_ppl li {display:block;float:left;position:relative;margin:0 8px 0 0;padding:0 8px 0 0;color:#222;text-align:center;font-weight:400;line-height:30px;cursor:pointer;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis; 
-o-text-overflow:ellipsis;
-moz-binding: url('ellipsis.xml#ellipsis');
}
ul.tab_ppl li:after {display:block;content:'';position:absolute;right:0px;top:50%;width:1px;height:12px;margin:-6px 0 0 0;background:#ccc}
ul.tab_ppl li:last-child {margin:0;padding:0;}
ul.tab_ppl li:last-child:after {display:none;}
ul.tab_ppl li.active {color:#e6565f;}


#tab_ppl {}
#tab_ppl .tab_cont {}
#tab_ppl .tab_cont ul {}
#tab_ppl .tab_cont ul:after {display:block;visibility:hidden;clear:both;content:""}
#tab_ppl .tab_cont ul li {display:block;position:relative;border-bottom:solid 1px #eee;}
#tab_ppl .tab_cont ul li a {display:block;position:relative;min-height:40px;padding:10px 50px 10px 50px;;}
#tab_ppl .tab_cont ul li a .profile_img {display:block;position:absolute;left:0px;top:10px;width:40px;}
#tab_ppl .tab_cont ul li a .profile_img img {width:100%;height:auto;border-radius:50%;}
#tab_ppl .tab_cont ul li a .profile_icon {display:inline-block;width:18px;}
#tab_ppl .tab_cont ul li a .profile_icon img {width:100%;height:auto;border-radius:50%;}
#tab_ppl .tab_cont ul li a strong {display:block;font-weight:400;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis; 
-o-text-overflow:ellipsis;
-moz-binding: url('ellipsis.xml#ellipsis');
}

#tab_ppl .tab_cont ul li .comment {display:block;position:absolute;right:5px;top:50%;padding:6px 8px;color:#999;font-size:12px;text-align:center;line-height:16px;background:#f6f6f6;border-radius:5px;
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%);
transform:translate(0,-50%);
}
#tab_ppl .tab_cont ul li .comment strong {display:block;color:#e6565f;font-size:12px;font-weight:500;}


ul.tab_recent {position:absolute;right:20px;top:10px;}
ul.tab_recent:after {display:block;visibility:hidden;clear:both;content:""}
ul.tab_recent li {display:block;float:left;position:relative;margin:0 8px 0 0;padding:0 8px 0 0;color:#999;text-align:center;font-weight:400;line-height:30px;cursor:pointer;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis; 
-o-text-overflow:ellipsis;
-moz-binding: url('ellipsis.xml#ellipsis');
}
ul.tab_recent li:after {display:block;content:'';position:absolute;right:0px;top:50%;width:1px;height:12px;margin:-6px 0 0 0;background:#ccc}
ul.tab_recent li:last-child {margin:0;padding:0;}
ul.tab_recent li:last-child:after {display:none;}
ul.tab_recent li.active {color:#e6565f;}


ul.tab_warr {position:absolute;right:20px;top:10px;}
ul.tab_warr:after {display:block;visibility:hidden;clear:both;content:""}
ul.tab_warr li {display:block;float:left;position:relative;margin:0 8px 0 0;padding:0 8px 0 0;color:#222;text-align:center;font-weight:400;line-height:30px;cursor:pointer;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis; 
-o-text-overflow:ellipsis;
-moz-binding: url('ellipsis.xml#ellipsis');
}
ul.tab_warr li:after {display:block;content:'';position:absolute;right:0px;top:50%;width:1px;height:12px;margin:-6px 0 0 0;background:#444}
ul.tab_warr li:last-child {margin:0;padding:0;}
ul.tab_warr li:last-child:after {display:none;}
ul.tab_warr li.active {color:#e6565f;}


ul.tab_cate {position:absolute;right:20px;top:10px;}
ul.tab_cate:after {display:block;visibility:hidden;clear:both;content:""}
ul.tab_cate li {display:block;float:left;position:relative;margin:0 8px 0 0;padding:0 8px 0 0;color:#222;text-align:center;font-weight:400;line-height:30px;cursor:pointer;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis; 
-o-text-overflow:ellipsis;
-moz-binding: url('ellipsis.xml#ellipsis');
}
ul.tab_cate li:after {display:block;content:'';position:absolute;right:0px;top:50%;width:1px;height:12px;margin:-6px 0 0 0;background:#444}
ul.tab_cate li:last-child {margin:0;padding:0;}
ul.tab_cate li:last-child:after {display:none;}
ul.tab_cate li.active {color:#e6565f;}





@media screen and (max-width:1240px) {
#header_wrap {width:auto;max-width:auto;margin:0 10px;}

ul.nav li {margin:0 24px 0 0;}

#panel_user {right:0;}

#footer ul.sitemap {display:none;}
}




@media screen and (max-width:980px) {
#logo_top {display:none;}
h1#container_title {display:none;}
#header_wrap {margin:0;padding:20px 10px;border-radius:0;}

#header #logo {display:inline-block;float: none;
    margin: 0;}
#container_wrap {padding:0;}
#header ul.tnb li.pc_none {display:none;}
#header ul.tnb li.mob_none {display:block;}

#nav {display:none;}

#header button.btn_panel {display:block;}

#panel_user {width:100%;}

#bottom #logo {float:none;margin:0 0 18px 0;width:auto;font-size:18px;}
#bottom p {float:none;width:auto;}

#footer_wrap {padding:40px 10px 100px 10px;}

#footer ul.info li.var {
 margin:0 18px 0 0;padding:0;}
#footer ul.info li.var:after {display:none;}

#nav_mob {display:block;}

#body_wrap {padding:10px 0px 0px 0px;}

#side_wrap {display:none;}

#content_wrap {float:none;width:auto;margin:0;}

.sec {margin:0 0 10px 0;padding:10px;border-radius: 0;}
.sec.sec_2x {float:none;width:auto;margin:0 10px 10px 10px;padding:10px;}
.sec.sec_2x.margin {margin:0 10px 20px 10px;padding:10px;}
.con_index {border-radius: 0;margin: 0 0 10px 0;}
.banner_slide {margin:0 0 10px 0;border-radius: 0;}
.banner ul li img {border-radius: 0;}

.banner {margin:0;}

h2#container_title {display: none;padding:10px 10px;border-radius:0;}

#snb_wrap {height:auto;}
}




@media screen and (max-width:768px) {
.banner ul li {width:calc(50% - 5px);margin:0 10px 10px 0;}
.banner ul li:nth-child(3n) {margin:0 10px 10px 0;}
.banner ul li:nth-child(2n) {margin:0 0 10px 0;}
}




@media screen and (max-width:480px) {
}