
* div { max-width:100%; }
.pc_on { display:block; }
.m_on { display:none; }

#pcver { display:flex; width:100%; }
#pcver .pcver_menu { width:260px; flex-shrink:0; }
#pcver .pcver_con { flex-grow:1;  }

.pcver_menu h1 { padding:20px 0 20px 20px; }
.pcver_menu h1 img {  max-width:220px; }

.pcver_menu .btn_go_home { padding:20px; margin-top:200px; position:absolute; bottom:0px; background:#fff; }
.pcver_menu .btn_go_home a { padding:10px; background:#eee; display:block; text-align:center; border-radius:5px; font-size:15px; 
display:flex; align-items:center; justify-content:center; color:#555; width:220px; }
.pcver_menu .btn_go_home a:hover { background:#eeedfd;  }
.pcver_menu .btn_go_home a img { width:15px; margin-right:10px; }

.pcver_menu_ul { width:90%; margin:0 auto; }
.pcver_menu_ul > li { width: 100%;   margin: 0px auto;  }
.pcver_menu_ul > li  a { color:#555; }
.pcver_menu_ul > li.left_menu_title { margin:30px 0 5px; color:#999; font-size:14px; }
.pcver_menu_ul > li.left_menu_title:hover { background:none; }
/*
.pcver_menu_ul > li:active { background:#796df0; }
*/
.pcver_menu_ul li .link { cursor: pointer;  display: block; 
font-size: 16px; position: relative;  
height:50px; line-height:52px; padding:0 15px; 
-webkit-transition: all 0.4s ease;  -o-transition: all 0.4s ease;  transition: all 0.4s ease; color:#555; }


.pcver_menu_ul li:hover .link { background:#eee; border-radius:10px; }
.pcver_menu_ul li .link a { display:flex; align-items:center; }
.pcver_menu_ul li .link img { width:28px; margin-right:10px; opacity:0.9; }
.pcver_menu_ul li .link i:first-child { margin-right:10px; }
.pcver_menu_ul li .link i.fa-chevron-down { position:absolute; right:10px; top:20px; color:#444; font-size:10px; }
.pcver_menu_ul li li:last-child .link { border-bottom: 0; }
.pcver_menu_ul li li i {  position: absolute;  top: 16px;  left: 12px;  font-size: 18px;  
color: #444;  -webkit-transition: all 0.4s ease;  -o-transition: all 0.4s ease;  transition: all 0.4s ease;}
.pcver_menu_ul li li i.fa-chevron-down {  right: 12px;  left: auto;  font-size: 16px; }
.pcver_menu_ul li li.open .link { color: #444; }
.pcver_menu_ul li li.open i { color: #444; }
.pcver_menu_ul li li.open i.fa-chevron-down {  -webkit-transform: rotate(180deg);  -ms-transform: rotate(180deg);  -o-transform: rotate(180deg);  transform: rotate(180deg);}
.pcver_menu_ul li.left_menu_title { padding:0 15px; }
.pcver_menu_ul .submenu {  display: none;  background: #fff; padding:10px 0; }
.pcver_menu_ul .submenu li { }
.pcver_menu_ul .submenu a { font-size:15px; display: block;  text-decoration: none;  padding: 5px 12px 5px 50px; 
 -webkit-transition: all 0.25s ease;  -o-transition: all 0.25s ease;  transition: all 0.25s ease;}
.pcver_menu_ul .submenu a:hover {  color: #444; }

.top_area_2 { display:none !important; }




#my_office_layout { display:flex; width:100%; margin:0 auto;  position:relative; justify-content:center; min-height:100vh; 
background:#eeeeee; }
#my_office_layout .my_office_layout_left { display:none; min-width:100%; }
#my_office_layout .homepage_layout_left { display:none; min-width:100%; }
#my_office_layout .my_office_layout_contents { flex-grow:1;   margin:30px; }
.my_office_layout_sub { width:300px; }


#my_office_layout {  margin:0 auto;  position:relative; height:100%; }
#my_office_layout .my_office_layout_left { /* flex-shrink:0; */ width:300px; height:100%; 
position:absolute; top:0px; left:0px;  z-index:99999;  }

#my_office_layout .homepage_layout_left { /* flex-shrink:0; */ width:300px; height:100%; 
position:absolute; top:0; left:0px;  z-index:99999; }

#my_office_layout .opacity_black { width:100%; min-height:100%; display:none; background:rgba(0,0,0,0.5); }




#contents { width:100%; display:flex; }
.contents_body { flex-grow:1; }
.contents_inner { min-height:70vh;}

/*
.contents_body { flex-grow:1; background:#eee; padding:30px 40px; }
.contents_inner { background:#fff; border-radius:20px; padding:10px;  min-height:70vh;}
*/

.sub_layout_left { background:#4a94c8; width:270px; min-width:270px; }
.sub_left_menu { padding:30px 0 0 0px; color:#fff; }
.sub_left_menu h2 { font-size:20px; font-weight:400; padding-left:70px; margin-bottom:20px; }
.sub_left_menu a { color:#fff; font-size:16px; display:block; padding:10px 0 10px 70px; }
.sub_left_menu a:hover ,
.sub_left_menu a.selected { background:#193b56; }


.btn_close_wing { display:none; }
.folding_menu_btn { display:none; }

.btn_close_wing_2 {flex-grow:1; min-height:100%;}


.top_area_2 { width:100%; display:flex; justify-content:space-between; align-items:center; 
background:#fff; padding:10px 70px; height:80px; }
.top_logo { max-width:300px; margin-right:30px; }
.top_logo img { padding:5px 0; }
.status_myoffice { display:inline-block; background:#000; color:#fff; border-radius:5px; 
height:15px; padding:0 3px; line-height:14px; margin-left:10px; font-size:10px; }
.top_main_menu { position:relative; flex-grow:1; }


/*
.main_menu_list { display:flex; max-width:800px; justify-content:space-between; margin:0 auto; }
.main_menu_list li { position:relative; white-space:nowrap; }
.main_menu_list li .over_submenu { position:absolute; top:45px; left:50%; display:none; 
background:#fff; box-shadow: 5px 5px 5px #ddd; padding:10px; width:150px; margin-left:-75px;  border-radius:10px; }
.over_submenu li a { display:block; font-size:16px; white-space:nowrap; text-align:center; color:#666; 
padding:5px 0; }

.main_menu_list li:hover .over_submenu { display:block; }
.main_menu_list > li > a { display:block; font-size:18px; color:#444; padding:10px 10px; text-align:center; }
*/


.my_office_top { background:#fff; width:100%;  position:relative; margin:0px auto; box-shadow: 0px 0px 5px 5px #eaeaea;
border-radius:10px; display:flex; align-items:center; justify-content:spacebetween; padding:0px 0;   height:60px;}

.my_office_top .newsticker {position:relative;overflow:hidden; flex-shrink:1; width:100%; max-width:800px;height:40px;text-align:left; margin:10px 0 10px 0px; }
.my_office_top .newsticker ul {padding:0px;margin:0px; }
.my_office_top .newsticker ul li {width:100%;padding:0;font-size:16px;height:40px;line-height:40px;overflow:hidden;
text-overflow: ellipsis;white-space: nowrap;}
.my_office_top .newsticker ul li a {color:#222}

.my_office_top .notice_title { background:#7367f0; color:#fff; height:30px; width:30px; text-align:center; line-height:28px; 
border-radius:20px; font-size:15px; margin:0 20px; flex-shrink:0; }


.my_office_top .member_menu { text-align:right; }
.my_office_top .member_menu { padding:5px 20px; width:100%; text-align:right; white-space:nowrap; }
.my_office_top .member_menu a  { color:#333;  padding:5px 10px; display:inline-block; font-size:14px; line-height:25px; }
.my_office_top .member_menu img { width:25px; margin-right:5px; opacity:.8; }
.my_office_top .member_menu span { margin:0 10px; font-weight:300; color:#aaa; font-size:12px;  }
.my_office_top .member_menu span strong { color:#333; font-weight:400; font-size:14px; margin-left:5px; }
.my_office_top .member_menu .user_admin a { background:#eee; border-radius:10px; height:25px; line-height:25px; padding:0 10px;
font-weight:400; }


.wing_menu { color:#333; padding:0px 0 20px 0; width:300px;position:relative; background:#fff; 
min-width:300px;overflow-y:auto !important; min-height:100%; max-height:100vh; }

.wing_menu::-webkit-scrollbar { width:5px; height:2px; background-color:#eee; }
.wing_menu::-webkit-scrollbar-thumb { background-color:#aaa; }



.wm_title { background:#193b56; height:90px; padding:15px; color:#fff; }
.wm_title h1 { font-size:22px; font-weight:400; display:flex; align-items:center; }
.wm_btn_logout { font-size:11px; color:#fff; background:rgba(0,0,0,.6); border-radius:5px; margin:3px 0 0 10px; 
height:16px; line-height:14px; padding:0px 4px; font-weight:100; display:inline-block; }



.menu_list .accordion {  width: 100%;   margin: 0px auto 20px; }
.menu_list .accordion .link { cursor: pointer;  display: block;  padding: 15px 15px 15px 20px; 
font-size: 14px;  border-bottom: 1px solid #ddd;  position: relative;  
-webkit-transition: all 0.4s ease;  -o-transition: all 0.4s ease;  transition: all 0.4s ease; }
.menu_list .accordion li img { width:25px; margin-right:10px;; }
.menu_list .accordion li:last-child .link { border-bottom: 0; }
.menu_list .accordion li i {  position: absolute;  top: 16px;  left: 12px;  font-size: 18px;  
color: #aaa;  -webkit-transition: all 0.4s ease;  -o-transition: all 0.4s ease;  transition: all 0.4s ease;}
.menu_list .accordion li i.fa-chevron-down {  right: 20px;  left: auto;  font-size: 16px;}
.menu_list .accordion li.open .link { color: #333; }
.menu_list .accordion li.open i { color: #aaa; }
.menu_list .accordion li.open i.fa-chevron-down {  -webkit-transform: rotate(180deg);  -ms-transform: rotate(180deg);  -o-transform: rotate(180deg);  transform: rotate(180deg);}

.menu_list .left_menu_title { display:none; }

.menu_list .submenu {  display: none;  background: #f5f5f5;  font-size: 14px;}
.menu_list .submenu li { border-bottom: 1px solid #eee; }
.menu_list .submenu a {  display: block;  text-decoration: none;  color: #555;  padding: 12px;  padding-left: 42px;  -webkit-transition: all 0.25s ease;  -o-transition: all 0.25s ease;  transition: all 0.25s ease;}
.menu_list .submenu a:hover {  background: #fff;  color: #333;}

.left_sns_link { padding:40px 0 0 15px }
.left_sns_link a { padding:0; width:38px; height:38px; border-radius:38px; overflow:hidden; margin-right:5px; border:1px solid #ddd; display:inline-block; }
.left_sns_link img { width:100%; padding:0; margin:0; }


.my_office_footer { padding:30px; font-weight:normal; font-weight:300; width:100%; color:#666; }
.my_office_footer ul { margin:2px 0; text-align:right; }
.my_office_footer li { display:inline-block; border-left:1px solid rgba(255,255,255,0.2); line-height:14px; height:14px; margin:0px 0px; 
font-size:12px; padding:0 8px 0 10px;  color:#666; }
.my_office_footer li:first-child { border:0; margin-left:0; padding-left:0; }
.my_office_footer li.copyright { margin-top:10px;  }







.contents_body { background:#eee; padding:0px;}
.subpage_con { background:#fff; padding:30px; box-shadow: 0px 0px 5px 5px #eaeaea;  border-radius:15px; margin-top:30px; 
min-height:80vh;  }

.my_office_main { padding:20px 0px;  max-width:100%; width:100%; display:flex; flex-wrap:wrap; }

.main_box_menu { padding:10px 0 0px; width:100%; }
.main_box_menu ul { justify-content:left; width:100%; margin:0 auto; }
.main_box_menu li { margin-right:1%; width:48.5%; background:#fff; font-size:16px; 
box-shadow: 0px 0px 5px 5px #eaeaea; padding:5px; border-radius:10px;  margin-bottom:10px; }
.main_box_menu li:last-child { margin-right:0; }
.main_box_menu li a { width:100%; display:block; padding:0px 0 0px 50px; background-repeat:no-repeat; background-size:30px; 
background-position:10px center  ; height:50px; line-height:50px; white-space:nowrap; }

.icon_chart { background-image:url('../image/blue_icon_point.png'); }
.icon_member { background-image:url('../image/blue_icon_member.png') ; }
.icon_join { background-image:url('../image/blue_icon_join.png') ; }
.icon_memberlist { background-image:url('../image/blue_icon_memberlist.png') ; }
.icon_buy { background-image:url('../image/blue_icon_buy.png') ; }
.icon_wallet { background-image:url('../image/blue_icon_wallet.png') ; }
.icon_send { background-image:url('../image/blue_icon_send.png') ; }
.icon_point { background-image:url('../image/blue_icon_point.png') ; }


.my_office_main .member_menu { padding:10px; }
.my_office_main .member_menu ul { display:flex; align-items:center; width:95%; margin:0 auto; }
.my_office_main .member_menu li { white-space:nowrap; }
.my_office_main .member_menu .logout { flex-shrink:0; }
.my_office_main .member_menu { width:100%; }
.my_office_main .member_menu .logout a {  background:#f5f5f5; color:#222; font-size:13px; border:1px solid #aaa;
border-radius:5px; padding:2px 3px; }
.my_office_main .member_menu .logout img { width:15px; margin-right:5px; opacity:.8; }
.my_office_main .member_menu span.user_name { width:100%; display:block; font-size:18px; font-weight:400; color:#222; }
.my_office_main .member_menu span { margin-right:10px; font-weight:300; color:#aaa; font-size:12px;  }
.my_office_main .member_menu span strong { color:#333; font-weight:400; font-size:14px; }
.my_office_main .member_menu .info { flex-grow:1; }
.my_office_main .member_menu .smile { flex-shrink:0; margin-right:10px; }
.my_office_main .member_menu .smile img { background:#aaa; width:40px; padding:5px; border-radius:25px; margin:0 10px 0 0; }

.mbs_01 { border-radius:10px;  width:100%; margin:10px 0px;  background:#fff; font-size:14px; 
box-shadow: 0px 0px 5px 5px #eaeaea; padding:20px 20px; max-width:100%; }
.mbs_01 h1 { font-size:18px; color:#333; font-weight:500; margin-bottom:10px; }

.mbs_btn { padding-top:10px; }
.mbs_btn a { background:rgba(0,0,0,0.5); display:block; text-align:center; color:#fff; font-size:17px;
padding:10px 0 11px; border-radius:10px; }

.mbs_02 { border-radius:10px;  width:100%;  margin:10px 0px;  background:#063f85; font-size:14px; 
box-shadow: 0px 0px 5px 5px #eaeaea; color:#fff; padding:20px; max-width:100%;}
.mbs_02 ul { display:flex; justify-content:space-between; align-items:center; }
.mbs_02 ul li { font-size:18px; }
.mbs_02 ul li.mbs_02_num strong { font-size:24px; margin-right:5px; }

.mbs_inner { }
.mbs_inner ul { display:flex; justify-content:space-between; align-items:center;  border-top:1px solid #436998; padding:5px 0; }
.mbs_inner ul:first-child { border-top:2px solid #fff; margin-top:5px; padding-top:10px;}
.mbs_inner ul li { font-size:14px; }

.mbs_inner_type02 ul { display:flex; justify-content:space-between; align-items:center;  border-top:0px solid #ddd; padding:5px 0; }
.mbs_inner ul:first-child { border-top:2px solid #ddd; margin-top:5px; padding-top:10px; }
.mbs_inner ul li { font-size:14px; }
 

.my_office_flex2 { display:flex; justify-content:space-between; width:100%; }
.my_office_flex2 > div:first-child { flex-grow:1; margin-right:40px; }
.my_office_flex2 > div:last-child { width:720px; flex-shrink:0; }

.link_copy { display:flex; justify-content:space-between; flex-wrap:wrap; }
.link_copy #text3 { font-size:15px;   display:flex;  flex-wrap:wrap; align-items:center; }
.link_copy #text3 span { display:block; margin:5px 10px 5px 0; }
.link_copy #text2 { font-size:15px;   display:flex;  flex-wrap:wrap; align-items:center; }
.link_copy #text2 span { display:block; margin:5px 10px 5px 0; }
.link_copy .copy_btn { font-size:13px; border:0; background:#999; color:#fff; border-radius:5px; padding:0px 4px; height:23px; cursor:pointer; }
.link_copy > ul { display:flex; justify-content:space-between; }


.link_copy .sns_link { text-align:right; margin-top:10px; }
.link_copy .sns_link h2 { display:none; /* display:flex; align-items:center; justify-content:right; font-size:15px; font-weight:normal; */ } 
.link_copy .sns_link h2 img { width:18px; margin-right:5px; opacity:.8; }
.link_copy .sns_link ul { display:flex; align-items:center; flex-wrap:wrap; }
.link_copy .sns_link ul li { margin-right:10px; margin-top:10px;  border-radius:15px; height:30px; width:30px;
display:flex; justify-content:center; align-items:center; }
.link_copy .sns_link ul li img { border-radius:50%; }
.link_copy .sns_link ul li.kakaotalk { background:#f9e000; width:125px; }
.link_copy .sns_link ul li.kakaotalk a { display:block;  font-size:13px; font-weight:400; }
.link_copy .sns_link ul li.kakaotalk img { width:30px; }

.mbs_main_info { background:#fff; box-shadow: 0px 0px 5px 5px #eaeaea; display:flex; align-items:center; }
.info_01 { border-right:1px solid #ddd; width:200px; text-align:center; color:#555; }
.info_01 strong { font-size:20px; display:block;  }
.info_01 span { }
.info_02 { padding:0 10px; }
.info_02 ul { display:flex;  }
.info_02 li { padding:0 0 0 20px; }
.info_02 li span { font-size:16px; margin-left:15px; color:#aaa; }
.info_02 li span:first-child { margin:0; }
.info_02 li strong { font-size:18px; font-weight:400; color:#555; }

.record_my_level { display:flex; }
.record_my_level > div { width:50%; }
.record_01 { display:flex; }
.record_01 img { background:#aaa; width:50px; padding:10px; border-radius:25px; margin:0 20px; }
.record_01_01 span {  }
.record_01_01 strong { display:block; font-size:18px; }
.record_graph { background:#ddd; width:100%; height:30px; border-radius:15px; overflow:hidden; margin:5px 0 15px 0;  line-height:29px; }
.record_graph:last-child { margin-bottom:5px; }
.graph_fill { padding:0 5px; height:100%; background:#ffae00; color:#fff; text-align:center; }

.record_table { overflow-x:auto; padding-bottom:10px; }
.table_s01 { width:100%;border-bottom:1px solid #ddd; }
.table_s01 th, .table_s01 td { padding:10px 15px; font-size:16px; text-align:right; background:#fff;
border-top:1px solid #ddd; border-left:1px solid #ddd;}
.table_s01 th:first-child, .table_s01 td:first-child { border-left:0; }
.table_s01 th { background:#063f85; color:#fff;  font-weight:400; text-align:center; }
.table_s01 .point_td { background:#f5f5f5; margin:5px;text-align:center; }
.table_s01 .total_td { background:#031f42; }
.mbs_table_h1 { display:flex; justify-content:space-between; }
.mbs_table_h1 span { font-size:12px; font-weight:normal; }




.m_top { display:none; border-bottom:1px solid #ddd; }




.btn_more { font-size:12px; background:url('../image/icon_right.png') no-repeat;  background-position: right 5px;  
padding-right:10px; background-size:4px auto; height:15px; line-height:15px; }


.main_flex { display:flex; width:100%; justify-content:space-between; }
/*
.main_flex > div { max-width:49.5%; }
*/
.main_flex_3 > div { max-width:32.6%; }
.main_flex_3 > div:nth-child(1) { width:30%; flex-shrink:0; margin-right:20px;  }
.main_flex_3 > div:nth-child(2) { max-width:100%;   margin-right:20px; flex-grow:1; }
.main_flex_3 > div:nth-child(3) { width:30%; flex-shrink:0; background:#fffaee; }

.pchidden { display:none; }
.mhidden { display:block; }

@media(max-width:1480px){
.main_box_menu ul { flex-wrap:wrap; }
.main_box_menu li { margin-right:1%; width:24.25%;  }
.main_box_menu li:nth-child(4) { margin-right:0%; }
.main_box_menu li:nth-child(8) { margin-right:0%; }
}

@media(max-width:1000px){

.pchidden { display:block; }
.mhidden { display:none; }

.main_flex { display:flex; flex-wrap:wrap; width:100%; justify-content:space-between; }
.main_flex > div { max-width:100%; }
.main_flex_3 > div { max-width:100%; }
.main_flex_3 > div:nth-child(1),
.main_flex_3 > div:nth-child(2) { width:100%; margin-right:0; }

.my_office_main .member_menu { display:block; }
.my_office_flex2 { display:flex; flex-wrap:wrap; }
.my_office_flex2 > div:first-child { width:100%; margin:10px;}
.my_office_flex2 > div:last-child { width:100%; max-width:100%;  }


.my_office_flex2 > div:first-child { margin:10px; }

.m_top { display:block; padding-left:50px; background:#fff; height:55px; display:flex; align-items:center; }
.m_top h1 img { height:35px; }
#pcver .pcver_menu { display:none; }
.top_main_menu { display:none; }

.my_office_top { display:none; }


.top_area_2 { padding:6px 55px; height:70px; border-bottom:1px solid #eee; }

.contents_body { background:#fff; padding:0px;}
.subpage_con { background:#fff; padding:0px; box-shadow:none;  border-radius:0px; margin-top:0px; }





.my_office_main { padding:10px; }

/*
 .mbs_01, .mbs_02 {  margin:10px 10px; padding:20px; } 
 */
.notice_title {  margin:0 10px 0 0px; }
.record_01 img { margin:0 10px 0 0; width:45px;  }



.table_s01 th, .table_s01 td { padding:8px 5px; font-size:12px; text-align:right;white-space:nowrap; }
.table_s01 th {  color:#fff;  font-weight:400; text-align:center; }
.table_s01 .point_td {  margin:5px;text-align:center; }
.table_s01 .total_td {  }
.mbs_table_h1 { display:flex; justify-content:space-between; }
.mbs_table_h1 span { font-size:12px; font-weight:normal; }



.my_office_footer { padding:10px 10px 15px 10px;}
.my_office_footer li { border-left:0; line-height:11px; height:11px; font-size:10px; padding:0; }

.sub_layout_left { display:none; }

#my_office_layout .opacity_black { display:flex; position:fixed; }

#contents { width:100%;max-width:100%;  }

#my_office_layout .my_office_layout_contents { margin:0px; }


.btn_close_wing { display:block; position:absolute; top:20px; right:20px; }
.btn_close_wing span { color:#fff; font-size:30px; font-weight:500; display:block; cursor:pointer; }
.folding_menu_btn { z-index:2; display:flex; align-items:center; position:absolute; top:5px; left:5px;
width:45px; height:45px; /*background:rgba(0,0,0,.6); */ background:#fff; }
.folding_menu_btn ul { width:25px; margin:0 auto; }
.folding_menu_btn ul li { height:2px; width:25px; background:#aaa; margin-top:6px; }
.folding_menu_btn ul li:first-child { margin:0; }


.my_office_main .today_new ul { padding:10px 10px; display:flex; flex-wrap:wrap;  justify-content:space-between; }
.my_office_main .today_new li {  width:49%;  font-size:15px; display:inline-block; display:flex; justify-content:space-between; padding:10px 10px 10px 10px; border-bottom:1px solid #eee; }





.menu_list .btn_go_home { padding:20px; margin-top:20px;  background:#fff; }
.menu_list .btn_go_home a { padding:10px; background:#eee; display:block; text-align:center; 
border-radius:5px; font-size:15px; 
display:flex; align-items:center; justify-content:center; color:#555; width:100%; }
.menu_list .btn_go_home a:hover { background:#eeedfd;  }
.menu_list .btn_go_home a img { width:15px; margin-right:10px; }




.pc_on { display:none; }
.m_on { display:block; }

.bottom_banner { position:fixed; bottom:0; width:100%; height:70px; background:#fff; border-top:1px solid #ddd; }
.bottom_banner ul { display:flex; }
.bottom_banner ul li { width:20%; }
.bottom_banner ul li a { display:block; color:#222; line-height:45px; padding:28px 0 0 0 ; font-size:12px; text-align:center; }
.bottom_banner ul li { background-size: 27px auto; background-repeat:no-repeat; background-position:center 12px; }
.bottom_banner ul li.m_btn_home { background-image:url('../image/m_icon_home.png'); }
.bottom_banner ul li.m_btn_chart { background-image:url('../image/m_icon_chart.png'); }
.bottom_banner ul li.m_btn_wallet { background-image:url('../image/m_icon_wallet.png'); }
.bottom_banner ul li.m_btn_money { background-image:url('../image/m_icon_money.png'); }
.bottom_banner ul li.m_btn_info { background-image:url('../image/m_icon_info.png'); }


.sub_page_menu { width:100%; overflow-x:scroll; max-width:100%; }
.sub_page_menu::-webkit-scrollbar { width:5px; height:2px; background-color:#eee; }
.sub_page_menu::-webkit-scrollbar-thumb { background-color:#aaa; }
.sub_page_menu ul { text-align:center;  width:98%; margin:0 auto; white-space:nowrap; }
.sub_page_menu li { display:inline-block;  margin:0 }
.sub_page_menu li a { display:block; padding:10px; }




.notice_article ul { padding:5px 0; flex-shrink:1; box-sizing:border-box; }
.notice_article li { line-height:22px; border-top:1px solid #eee; padding:10px 0; }
.notice_article li a { font-size:16px; padding:0; margin:0; color:#555; }
.notice_article li span { display:block; width:100%; white-space:nowrap; display:block; text-overflow: ellipsis; overflow:hidden; }
.notice_article li .date1 { font-size:12px; color:#999; }


.main_box_menu ul { flex-wrap:wrap; justify-content:space-between; }
.main_box_menu li { margin-right:0%;  width:48.5%; }
}




@media(max-width:800px){
.lay_pop { left:5% !important; top:10px !important; max-width:90% !important; }
}