.notice {max-width:80%; margin:0 auto}
.tabmenu { clear:both; display:block;
  width: 100%;  min-height:500px; 
  max-width: 100%;
  border: 0px solid #000; position:relative;
}
.tabmenu_menu {position: absolute;  z-index: 10;  left: 0;	display: flex; width:25%; flex-wrap: wrap;
 flex-direction: column;  border: 0px solid #fff;}
/*.tabmenu_menu-item:first-child {border-left:1px solid #dfdfdf;}*/
/*.tabmenu_menu-item:nth-of-type(2) {border-left:1px solid #dfdfdf;border-right:1px solid #dfdfdf;}*/
.tabmenu_menu-item { border-bottom: 2px solid rgba(255,255,255,0.3);
  flex: 1;/* border-top:1px solid #dfdfdf;  border-right:1px solid #dfdfdf;  border-bottom:1px solid #dfdfdf;*/
  padding: 25px 15px 25px 36px; position:relative;
  font-size: 22px;
  font-weight: 400; 
 background-position: 95% center ;   
  text-transform: uppercase; text-align: left; color: #fff; box-shadow: 0 2px 0 transparent;
  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none; user-select: none; cursor: pointer; transition: 0.3s;
}
.tabmenu_menu-item:before { content: "";  width: 8px; height: 8px; background-color: #fff; 
 position: absolute; left: 15px; top: 47%;   border-radius: 50%;}

.tabmenu input[id=tab1]:checked ~ .tabmenu_menu .tabmenu_menu-item[for=tab1],
.tabmenu input[id=tab2]:checked ~ .tabmenu_menu .tabmenu_menu-item[for=tab2],
.tabmenu input[id=tab3]:checked ~ .tabmenu_menu .tabmenu_menu-item[for=tab3],
.tabmenu input[id=tab4]:checked ~ .tabmenu_menu .tabmenu_menu-item[for=tab4],
.tabmenu input[id=tab5]:checked ~ .tabmenu_menu .tabmenu_menu-item[for=tab5]  {
 background-image:url(../img/arrow_w.svg); background-repeat:no-repeat; background-position: 95% center ; 
  color: #ffff00;  border-bottom: 2px solid rgba(255,255,255,0.9); font-weight: 600; 
 /* background-color:rgba(0,0,0,0.2);*/ 
}

.tabmenu input[id=tab1]:checked ~ .tabmenu_content .tabmenu_content-item[data-tab=tab1],
.tabmenu input[id=tab2]:checked ~ .tabmenu_content .tabmenu_content-item[data-tab=tab2],
.tabmenu input[id=tab3]:checked ~ .tabmenu_content .tabmenu_content-item[data-tab=tab3],
.tabmenu input[id=tab4]:checked ~ .tabmenu_content .tabmenu_content-item[data-tab=tab4],
.tabmenu input[id=tab5]:checked ~ .tabmenu_content .tabmenu_content-item[data-tab=tab5]  {
  height: auto;
  opacity: 1;
  transform: translateX(0);
  visibility: visible;
}

.tabmenu_content .img {float:left; width:50%; padding-top:10px; text-align:center;}
.tabmenu_content .img img{max-width:100%}
.tabmenu_content .cont {float:right; width:50%; color:#333; padding:10px 0 0 70px;}
.tabmenu_content .cont .num {font-size:100px ; line-height:110px; font-weight:200; color:#ed1c24; opacity: 0.2}
.tabmenu_content .cont .tit{font-size:35px; padding:10px 0 20px 0; font-weight:600;}
.tabmenu_content .cont .txt {font-size:20px ;font-weight:500; padding-bottom:35px;}
.tabmenu_content .cont .btn {background:#333; color:#fff; padding:10px; width:180px; text-align:center; border-radius:50px; }
.tabmenu_content { width:70%; background:#fff; min-height:500px;
  padding: 50px;  border-radius:0px 0 100px 0; box-shadow:0 0 20px rgba(0,0,0,0.3);
    z-index: 10;    right: 0;position: absolute;}
.tabmenu_content-item { height: 0;  overflow: auto;  line-height: 1.4;  opacity: 0;  transform: translateX(-50px);  visibility: hidden;  transition: 1.1s;}

/*bord*/
.tabmenu .news .main_notice > tbody > tr  td:nth-of-type(3) { width:15% !important;}
.tabmenu .news .main_notice > tbody > tr  .bd_out1 { /*width:100% !important;*/
white-space:normal !important; text-overflow:ellipsis}
.tabmenu .news .main_notice > tbody > tr td{border-bottom:1px dashed #dfdfdf ; }
/*.tabmenu .news td {border-bottom:1px dashed #dfdfdf ; }*/
.tabmenu .news td a{display:block; padding:24px 0; font-size:18px; width:100% !important; }
.tabmenu .news td a:hover {color:#fff;}
.tabmenu .news tr:last-child td {/*border-bottom:0;*/}
.tabmenu .news tr:first-child {display:none;}

.tabmenu .btn a {display:block; padding:20px; width:200px; text-align:center; margin:20px auto 0 auto;
font-size:18px; border:0px solid #fff;}
.tabmenu .btn a:hover {color:#fff; text-decoration:underline; }

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
.inner .notce {height:500px; overflow:hidden;}
.tabmenu {   margin-bottom:0px; min-height:390px;}
.tabmenu .news .main_notice  {padding:0 5px !important;}
.tabmenu .news .main_notice > tbody > tr  td:first-child {display:none;}
.tabmenu .news .main_notice > tbody > tr  td:nth-of-type(2),
.tabmenu .news .main_notice > tbody > tr td:nth-of-type(3) {display:table !important; width:100% !important;
text-align:left; font-size:14px;}	
.tabmenu .news .main_notice > tbody > tr td:nth-of-type(2) {border-bottom:0px dashed #dfdfdf ; padding-top:5px; }
.tabmenu .faq .main_notice > tbody > tr td a{border-bottom:1px dashed #dfdfdf !important;height:58px; padding:5px 0 }
.tabmenu .news .main_notice > tbody > tr td:nth-of-type(3) {color:#888; padding-bottom:5px;}
.tabmenu .news td a{display:block; padding:6px 0; font-size:14px; width:100% !important; }
.tabmenu_menu-item { padding: 5px;  font-size: 15px; }
.tabmenu .btn a {padding:20px; width:200px; margin:10px auto 0 auto;font-size:16px; }
}
@media (max-width: 768px) {
.notice {max-width:90%; margin:0 auto}	
.tabmenu_menu {position: relative;  z-index: 10;  left: 0; 	 display: flex; width:100%; flex-wrap: wrap; 
 flex-direction: row; justify-content: space-between; border: 0px solid #fff; margin-bottom:30px;}	
.tabmenu_content { width:100%; background:#fff; min-height:380px;
  padding: 20px 20px 38px 20px;  border-radius:0px 0 60px 0; box-shadow:0 0 20px rgba(0,0,0,0.3);
    z-index: 10;    right: 0;position: relative;}	
.tabmenu_menu-item { padding: 8px 8px 8px 20px ;   font-size: 15px; flex: 1 0 50%;    max-width: 47%;}
.tabmenu_content .img {float:none; width:100%; padding-top:0px; text-align:left;}
.tabmenu_content .img img {max-width:50%}
.tabmenu_content .cont {float:none; width:100%; color:#333; padding:0px;}
.tabmenu_content .cont .num {position:absolute; top:10px; right:10px; font-size:60px ; line-height:60px;  opacity: 0.2}
.tabmenu_content .cont .tit{font-size:25px; padding:10px 0 10px 0; font-weight:600;}
.tabmenu_content .cont .txt {font-size:15px ;font-weight:500; padding-bottom:20px;}
.tabmenu_content .cont .btn {background:#333; font-size:14px ; color:#fff; padding:8px; width:150px; text-align:center; border-radius:50px; }

.tabmenu_menu-item:before { content: "";  width: 5px; height: 5px; background-color: #fff; 
 position: absolute; left: 5px; top: 47%;   border-radius: 50%;}

.tabmenu input[id=tab1]:checked ~ .tabmenu_menu .tabmenu_menu-item[for=tab1],
.tabmenu input[id=tab2]:checked ~ .tabmenu_menu .tabmenu_menu-item[for=tab2],
.tabmenu input[id=tab3]:checked ~ .tabmenu_menu .tabmenu_menu-item[for=tab3],
.tabmenu input[id=tab4]:checked ~ .tabmenu_menu .tabmenu_menu-item[for=tab4],
.tabmenu input[id=tab5]:checked ~ .tabmenu_menu .tabmenu_menu-item[for=tab5]  {
 background-position: 95% center ;  background-size:20px;}
.tabmenu_content-item {  transform: translateX(-0px); } 
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}