.notice {max-width:1300px; margin:120px auto 0 auto;}
.notice .tit {max-width:1300px; margin:0 auto; padding: 0 30px 45px 0px; overflow:hidden;}
.notice .tit h3{text-align:center;  }
.notice .tit p{display:none; float:left; font-size:16px; padding:22px 0 0 35px; color:#999}
.notice .tabmenu { clear:both; display:block;
  width: 100%;  min-height:500px; 
  max-width: 100%;
  border: 0px solid #000; position:relative;
}
.notice .tabmenu_menu {position: absolute;  z-index: 10;  right: 0;	display: flex; width:22%; 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;}*/
.notice .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: 28px 15px 28px 42px; position:relative; color:#bbb;
  font-size: 26px;
  font-weight: 600; 
 background-position: 95% center ;   
  text-transform: uppercase; text-align: left;  
  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none; user-select: none; cursor: pointer; transition: 0.3s;
}
/*.tabmenu_menu-item:after { content: "";  width: 8px; height: 8px; background-color: #333; 
 position: absolute; left: 15px; top: 47%;   border-radius: 50%;}*/

.notice .tabmenu input[id=tab1]:checked ~ .tabmenu_menu .tabmenu_menu-item[for=tab1],
.notice .tabmenu input[id=tab2]:checked ~ .tabmenu_menu .tabmenu_menu-item[for=tab2],
.notice .tabmenu input[id=tab3]:checked ~ .tabmenu_menu .tabmenu_menu-item[for=tab3],
.notice .tabmenu input[id=tab4]:checked ~ .tabmenu_menu .tabmenu_menu-item[for=tab4],
.notice .tabmenu input[id=tab5]:checked ~ .tabmenu_menu .tabmenu_menu-item[for=tab5]  {color: #222; position:relative;
 /*background-image:url(../img/arrow.svg); background-repeat:no-repeat; background-position: 95% center ;*/ 
}
.notice .tabmenu_menu-item:before {
	content:""; height:0px; width:100%; top:auto; background:#ccc; left:0px; 
	bottom:0; position:absolute; z-index: 9999;  transition:0.3s all;
}
.notice .tabmenu input[id=tab1]:checked ~ .tabmenu_menu .tabmenu_menu-item[for=tab1]:before,
.notice .tabmenu input[id=tab2]:checked ~ .tabmenu_menu .tabmenu_menu-item[for=tab2]:before,
.notice .tabmenu input[id=tab3]:checked ~ .tabmenu_menu .tabmenu_menu-item[for=tab3]:before,
.notice .tabmenu input[id=tab4]:checked ~ .tabmenu_menu .tabmenu_menu-item[for=tab4]:before,
.notice .tabmenu input[id=tab5]:checked ~ .tabmenu_menu .tabmenu_menu-item[for=tab5]:before {
	content:""; height:0px; width:100%; top:auto; background:#333; left:0px; 
	bottom:0; position:absolute; z-index: 9999; transition:0.3s all;
}

.notice .tabmenu input[id=tab1]:checked ~ .tabmenu_menu .tabmenu_menu-item[for=tab1]:after,
.notice .tabmenu input[id=tab2]:checked ~ .tabmenu_menu .tabmenu_menu-item[for=tab2]:after,
.notice .tabmenu input[id=tab3]:checked ~ .tabmenu_menu .tabmenu_menu-item[for=tab3]:after,
.notice .tabmenu input[id=tab4]:checked ~ .tabmenu_menu .tabmenu_menu-item[for=tab4]:after,
.notice .tabmenu input[id=tab5]:checked ~ .tabmenu_menu .tabmenu_menu-item[for=tab5]:after {
	content:""; width: 14px;    height: 18px;  top:38px ; background:#ccc; left:10px; 
	bottom:0; position:absolute; z-index: 9999;  transition:0.3s all;
 background: #21b7cf;    -webkit-transform: skew(-15deg);    transform: skew(-25deg);    -webkit-box-shadow: 4px 4px 0 0 rgb(0 0 0 / 10%);    box-shadow: 4px 4px 0 0 rgb(0 0 0 / 10%);	
}

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

.notice .tabmenu_content .img { width:100%; padding:0px 30px 30px 0; text-align:center;}
.notice .tabmenu_content .img img{width:100%; vertical-align:top;}
.notice .tabmenu_content .cont {position:absolute; bottom:0; right:0; width:50%; color:#333; padding:35px 50px;
background: #f5f5f5; border:0px solid #dfdfdf; box-shadow:1px 1px 13px rgba(0,0,0,0.18); margin:0  15px 15px 0;}
.notice .tabmenu_content .cont .num {position:absolute; right:30px; top:25px; font-size:60px ; line-height:60px; 
font-weight:200; color:#0a424b; opacity: 0.5;  font-family: 'Montserrat';}
.notice .tabmenu_content .cont .tit{font-size:22px; padding:0px 0 20px 0; font-weight:600;}
.notice .tabmenu_content .cont .txt {font-size:16px ;font-weight:500; padding-bottom:5px;}
.notice .tabmenu_content .cont .btn {display:none; background:#333; color:#fff; padding:10px; width:180px; text-align:center; border-radius:50px; }
.notice .tabmenu_content { width:72%; background:#fff; /*min-height:500px;*/ border:0px solid #ccc;
  padding: 0px;     z-index: 9;    left: 0;position: relative;}
.notice .tabmenu_content-item { height: 0;  overflow: auto;  line-height: 1.4;  opacity: 0;  transform: translateX(-50px);  visibility: hidden;  transition: 1.1s;}

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

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

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1500px) {
.notice {max-width:calc(100% - 100px);}
}
@media (max-width: 1023px) {
.notice {max-width:calc(100% - 50px); margin:50px auto 0px auto}	
.notice .tit {max-width:100%; padding: 0 0px 25px 0px;}
.notice  .tit h3{font-size:35px; line-height:45px; font-weight:600; }

/*.inner .notce {height:500px; overflow:hidden;}
.tabmenu {   margin-bottom:0px; min-height:auto;}
.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; }*/
.notice .tabmenu {min-height:auto;}
.notice .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:20px;}	
.notice .tabmenu_content { width:100%; background:#fff; min-height:auto;}	
.notice .tabmenu_menu-item { padding: 5px 1px 8px 35px ;   font-size: 14px; flex: 1 0 50%;    max-width: 49%;}
.notice .tabmenu_content .img { width:100%; padding-top:0px; text-align:left; padding:0; }
.notice .tabmenu_content .img img {}
.notice .tabmenu_content .cont { position:relative; width:100%; color:#333; padding:5px 20px 0 20px; margin:0; box-shadow:none;
background:#111; color:#fff; }
.notice .tabmenu_content .cont .num {display:none; position:absolute; top:10px; right:10px; font-size:60px ; line-height:60px;  opacity: 0.2}
.notice .tabmenu_content .cont .tit{font-size:16px; padding:10px 0 10px 0; font-weight:600;}
.notice .tabmenu_content .cont .txt {font-size:13px ;font-weight:500; padding-bottom:20px;}
.notice .tabmenu_content .cont .btn {background:#333; font-size:13px ; color:#fff; padding:8px; width:150px; text-align:center; border-radius:50px; }

.notice .tabmenu_menu-item:before { content: ""; background:#fff; }

.notice .tabmenu_menu-item:before {
	content:""; height:1px; width:100%; top:auto; background:#ccc; left:0px; 
	bottom:0; position:absolute; z-index: 9999;  transition:0.3s all;
}
.notice .tabmenu input[id=tab1]:checked ~ .tabmenu_menu .tabmenu_menu-item[for=tab1]:before,
.notice .tabmenu input[id=tab2]:checked ~ .tabmenu_menu .tabmenu_menu-item[for=tab2]:before,
.notice .tabmenu input[id=tab3]:checked ~ .tabmenu_menu .tabmenu_menu-item[for=tab3]:before,
.notice .tabmenu input[id=tab4]:checked ~ .tabmenu_menu .tabmenu_menu-item[for=tab4]:before,
.notice .tabmenu input[id=tab5]:checked ~ .tabmenu_menu .tabmenu_menu-item[for=tab5]:before {
	content:""; height:1px; width:100%; top:auto; background:#333; left:0px; 
	bottom:0; position:absolute; z-index: 9999; transition:0.3s all;
}
.notice .tabmenu input[id=tab1]:checked ~ .tabmenu_menu .tabmenu_menu-item[for=tab1]:after,
.notice .tabmenu input[id=tab2]:checked ~ .tabmenu_menu .tabmenu_menu-item[for=tab2]:after,
.notice .tabmenu input[id=tab3]:checked ~ .tabmenu_menu .tabmenu_menu-item[for=tab3]:after,
.notice .tabmenu input[id=tab4]:checked ~ .tabmenu_menu .tabmenu_menu-item[for=tab4]:after,
.notice .tabmenu input[id=tab5]:checked ~ .tabmenu_menu .tabmenu_menu-item[for=tab5]:after {
	content:""; width: 12px;    height: 14px;  top:7px ; background:#ccc; left:10px; 
	bottom:0; position:absolute; z-index: 9999;  transition:0.3s all;
 background: #3a6fcf;    -webkit-transform: skew(-15deg);    transform: skew(-25deg);    -webkit-box-shadow: 4px 4px 0 0 rgb(0 0 0 / 10%);    box-shadow: 4px 4px 0 0 rgb(0 0 0 / 10%);	
}
 
.notice .tabmenu_content-item {  transform: translateX(-0px); } 
}
@media (max-width: 768px) {
}	
@media (max-width: 640px) {
.notice {max-width:calc(100% - 30px); 	
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}