html body { padding:0; margin:0 auto; max-width:640px; min-width:340px; }

.mt20 { margin-top:20px !important; }
.mt30 { margin-top:30px !important; }
.m40 { margin:40px 0 !important; }
.mt40 { margin-top:40px !important; }
.mb20 { margin-bottom:20px !important; }
.mb30 { margin-bottom:30px !important; }
.mb40 { margin-bottom:40px !important; }
.mb80 { margin-bottom:80px; !important; }
.p40 { padding:40px 0 !important; }
.pt40 { padding-top:40px !important; }
.pb40 { padding-bottom:40px !important; }
.pb60 { padding-bottom:60px !important; }


.p30 { padding-top:30px !important; padding-bottom:30px !important; }
.p60 { padding-top:60px !important; padding-bottom:60px !important; }
.p80 { padding:80px 0; }

.go_btn_r { border:none; border-radius:5px; font-size:16px; display:inline-block; background:#d7083c; color:#fff; line-height:50px; }
.go_btn_g { border:none; border-radius:5px; font-size:16px; display:inline-block; background:#999; color:#fff; line-height:50px; }

.go_btn_r1 { border:none; border-radius:5px; font-size:13px; display:inline-block; background:#d7083c; color:#fff; padding:5px 10px; }
.go_btn_g1 { border:none; border-radius:5px; font-size:13px; display:inline-block; background:#999; color:#fff; padding:5px 10px; }

.red_b { background:#d7083c; color:#fff; }

.container { width:100%; position:relative; padding:0; }
.container_in { width:100%; padding:0 20px; box-sizing:border-box; position:relative; }


#navbar { position:relative; height:80px; width:100%; /*box-shadow:0 9px 18px 2px rgba(0,0,0,0.05); z-index:9;*/ }
#navbar .logo { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-align:center; }
#navbar .logo a { display:inline-block;  text-align:center; }
#navbar .logo a img { width:100%; }
#navbar .floating-menu .menu_img { float:right; margin-top:30px; margin-right:20px; }
#navbar .floating-menu .menu_img a { display:inline-block; display:inline-block; width:90%; cursor:pointer; }
#navbar .floating-menu .menu_img a img { width:100%; }

.foot_con { width:100%; border-top:1px solid #dcdcdc; overflow:hidden; }
.foot_con .foot_menu { width:100%; margin:0 auto; }
.foot_con .foot_menu ul { overflow:hidden; border-bottom:1px solid #eaeaea; text-align:center; }
.foot_con .foot_menu ul li { display:inline-block; font-size:13px; color:#000; font-weight:400; }
.foot_con .foot_menu ul li a { display:block; padding:20px 5px; }
.foot_con .foot_menu  { }

.foot_con .foot_address { width:100%; margin:0 auto; padding:40px 0; box-sizing:border-box; overflow:hidden; }
.foot_con .foot_address .logo { width:100%; box-sizing:border-box; }
.foot_con .foot_address .logo a img { width:50%; }
.foot_con .foot_address .company { width:100%; box-sizing:border-box; font-size:13px; color:#999; font-weight:400; margin-top:20px; }



/*.sub_paging { margin-top:30px; margin-bottom:30px; }*/
.sub_paging { margin-top:52px; margin-bottom:30px; position:relative; }
.sub_paging button { outline:0; /*box-shadow:5px 5px 8px rgba(132,84,159,0.1);*/ position:relative; display:block; width:100%; height:45px; display:block; line-height:45px; font-size:16px; color:#fff; font-weight:700; background:#d7083c url(/mbweb2/img/common/select_arrow_v3.png) right center no-repeat; background-position:90% 50%; overflow:hidden; border:0; }
.sub_paging button:before{ content:''; width:90%; height:1px; display:block; /*border-top:1px dashed #9ed4e0;*/ position:absolute; left:50%; top:5px; transform:translate(-50%,0); }
.sub_paging button:after{ content:''; width:90%; height:1px; display:block; /*border-top:1px dashed #9ed4e0;*/ position:absolute; left:50%; bottom:5px; transform:translate(-50%,0); }
.sub_paging ul{ display:none; background-color: #b4012e !important; }
.sub_paging ul li { float: none; width: 100% !important; text-align:center; padding:5px 0; }
.sub_paging ul li:last-child { border-bottom:0;}
.sub_paging ul{ position: absolute; left:50%; top:45px; width:100%; transform:translate(-50%,0); z-index:10; box-sizing:border-box; padding:0 10%; }
.sub_paging ul li a{ line-height: 42px; font-size: 14px; color: rgba(255,255,255,0.92); display:block; }
.sub_paging ul li.on a:after{ display: none; }
.sub_paging ul li.on a{ margin-top: 0; padding-bottom: 0; color: rgba(255,255,255,0.92);}
.sub_paging ul li:last-child{ border-bottom: none; }
.sub_paging ul li:last-child a:after{ display: none; }
.sub_paging .hide { display:none; }
.sub_tit{ display: none; }


/*.sub_paging { margin-top:30px; margin-bottom:30px; }*/
.sett_list_paging { margin-bottom:30px; position:relative; }
.sett_list_paging button { outline:0; /*box-shadow:5px 5px 8px rgba(132,84,159,0.1);*/ position:relative; display:block; width:100%; height:45px; display:block; line-height:45px; font-size:14px; color:#fff; font-weight:700; background:#555 url(/mbweb2/img/common/select_arrow_v3.png) right center no-repeat; background-position:90% 50%; overflow:hidden; border:0; border-radius:5px 5px 0 0; }
.sett_list_paging button:before{ content:''; width:90%; height:1px; display:block; /*border-top:1px dashed #9ed4e0;*/ position:absolute; left:50%; top:5px; transform:translate(-50%,0); }
.sett_list_paging button:after{ content:''; width:90%; height:1px; display:block; /*border-top:1px dashed #9ed4e0;*/ position:absolute; left:50%; bottom:5px; transform:translate(-50%,0); }
.sett_list_paging ul{ display:none; background-color: #777 !important; }
.sett_list_paging ul li { float: none; width: 100% !important; text-align:center; padding:5px 0; }
.sett_list_paging ul li:last-child { border-bottom:0;}
.sett_list_paging ul{ position: absolute; left:50%; top:45px; width:100%; transform:translate(-50%,0); z-index:10; box-sizing:border-box; padding:0 10%; }
.sett_list_paging ul li a{ line-height: 42px; font-size: 14px; color: rgba(255,255,255,0.92); display:block; }
.sett_list_paging ul li.on a:after{ display: none; }
.sett_list_paging ul li.on a{ margin-top: 0; padding-bottom: 0; color: rgba(255,255,255,0.92);}
.sett_list_paging ul li:last-child{ border-bottom: none; }
.sett_list_paging ul li:last-child a:after{ display: none; }
.sett_list_paging .hide { display:none; }
.sub_tit{ display: none; }


.left_mst { display:none; width:0; }



.sidebar-toggle {
  margin-left: -240px;
}
.sidebar {
  width: 80%;
  height: 100vh;
  background: #fff;
  position: absolute;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 100;
}
.left_mst { position:relative; width:100%; top:0; left:0; }
.left_mst:after { content:''; position:absolute; left:0; top:0; width:100%; height:100vh; background:#000; opacity:0.2; z-index:2; }

/*.sidebar #leftside-navigation ul { border-bottom:4px solid #f5f5f5 }*/

.sidebar #leftside-navigation ul,
.sidebar #leftside-navigation ul ul {
  margin: -2px 0 0;
  padding: 0;
}
.sidebar #leftside-navigation ul li {
  list-style-type: none;
}

.sidebar #leftside-navigation .nano-content {
  border-bottom: 4px solid #f5f5f5;
}

.sidebar #leftside-navigation .nano-content li {
  border-bottom:1px solid #dcdcdc;
}

.sidebar #leftside-navigation .nano-content li > ul li {
  border-bottom:none;
}

.sidebar #leftside-navigation ul li.active > a {
  color: #1abc9c;
}
.sidebar #leftside-navigation ul li.active ul {
  display: block;
}
.sidebar #leftside-navigation ul li a {
  /* color: #aeb2b7;   */
  text-decoration: none;
  display: block;
  /* padding: 10px 0 10px 25px; */
  font-size: 14px;
  outline: 0;
  -webkit-transition: all 200ms ease-in;
  -moz-transition: all 200ms ease-in;
  -o-transition: all 200ms ease-in;
  -ms-transition: all 200ms ease-in;
  transition: all 200ms ease-in;
  padding:15px 20px;
}
.sidebar #leftside-navigation ul li a:hover {
  color: #d7073b;
}
.sidebar #leftside-navigation ul li a span {
	font-weight:bold;
  display: inline-block;
}
.sidebar #leftside-navigation ul li a i {
	margin-top:5px;
	float:right;
}
.sidebar #leftside-navigation ul li a i .fa-angle-left,
.sidebar #leftside-navigation ul li a i .fa-angle-right {
  padding-top: 3px;
}
.sidebar #leftside-navigation ul ul {
  display: none;
  border-top:1px solid #dcdcdc;
}
.sidebar #leftside-navigation ul ul li {
  background: #f7f7f7;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  border-bottom: none;
}
.sidebar #leftside-navigation ul ul li a {
  font-size: 12px;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #000;
}
.sidebar .side_top .md-close { clear:both; display:block; text-align:right; }
.sidebar .side_top { width:100%; background:#d7073b; padding:20px; box-sizing:border-box; }
.sidebar .side_top .use_login a { font-size:20px; font-weight:bold; color:#fff; margin-top:20px; background:url(/mbweb2/img/common/side_arrow1.png) no-repeat; background-position:100% 50%; padding-right:25px; background-size:10px; }
/*.sidebar .side_top .use_login a img { margin-left:10px; width:10px; }*/
.sidebar .side_top .go_link_list { padding-top:30px; }
.sidebar .side_top .go_link_list ul { text-align:left; }
.sidebar .side_top .go_link_list ul li { display:inline-block; text-align:center; /*width:20%;*/ margin-right:7%; }
.sidebar .side_top .go_link_list ul li:last-child { margin-right:0; }
.sidebar .side_top .go_link_list ul li a { text-align:center; }
.sidebar .side_top .go_link_list ul li a span { color:#fff; font-size:13px; font-weight:bold; display:block; }
.sidebar .side_top .go_link_list ul li a:before { content:''; display:inline-block; width:45px; height:45px; border-radius:50px; background:#fff url(/mbweb2/img/common/go_link_icon1.png) 50% 50% no-repeat; }
.sidebar .side_top .go_link_list ul li:nth-child(1) a:before { background:#fff url(/mbweb2/img/common/go_link_icon1.png) 50% 50% no-repeat; background-size:23px; }
.sidebar .side_top .go_link_list ul li.logout_off:nth-child(1) a:before { background:#fff url(/mbweb2/img/common/go_link_icon1_off.png) 50% 50% no-repeat; background-size:23px; }
.sidebar .side_top .go_link_list ul li:nth-child(2) a:before { background:#fff url(/mbweb2/img/common/go_link_icon2.png) 50% 50% no-repeat; background-size:23px; }
.sidebar .side_top .go_link_list ul li:nth-child(3) a:before { background:#fff url(/mbweb2/img/common/go_link_icon3.png) 50% 50% no-repeat; background-size:23px; }
.sidebar .side_top .go_link_list ul li:nth-child(4) a:before { background:#fff url(/mbweb2/img/common/go_link_icon4.png) 50% 50% no-repeat; background-size:23px; }