.notice {max-width:1300px; margin:0 auto 150px auto;}
.notice .tit {max-width:1300px; margin:0 auto; padding: 0 30px 35px 0px; overflow:hidden;}
.notice .tit h3{float:left; font-size:55px; font-family: 'Giants-Bold';  }
.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:30%; 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 36px; position:relative; color:#bbb;
  font-size: 22px;
  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: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:-100px; 
	bottom:0; position:absolute; z-index: 9999; transition:0.3s all;
}

.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 {float:left; width:50%; padding-top:10px; text-align:center;}
.notice .tabmenu_content .img img{max-width:100%}
.notice .tabmenu_content .cont {float:right; width:50%; color:#333; padding:10px 0 0 70px;}
.notice .tabmenu_content .cont .num {font-size:100px ; line-height:110px; font-weight:200; color:#ed1c24; opacity: 0.2}
.notice .tabmenu_content .cont .tit{font-size:35px; padding:10px 0 20px 0; font-weight:600;}
.notice .tabmenu_content .cont .txt {font-size:20px ;font-weight:500; padding-bottom:35px;}
.notice .tabmenu_content .cont .btn {background:#333; color:#fff; padding:10px; width:180px; text-align:center; border-radius:50px; }
.notice .tabmenu_content { width:65%; background:#fff; min-height:500px; border:1px solid #ccc;
  padding: 50px;  border-radius:10px ; /*box-shadow:0 0 20px rgba(0,0,0,0.3);*/
    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: 1023px) {
.notice  {max-width:90%; margin:0 auto }	
.notice .tit {max-width:100%; padding: 0 0px 15px 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 {max-width:90%; margin:0 auto 40px 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; padding:30px;}	
.notice .tabmenu_menu-item { padding: 3px 10px 3px 10px ;   font-size: 15px; flex: 1 0 50%;    max-width: 47%;}
.notice .tabmenu_content .img {float:none; width:100%; padding-top:0px; text-align:left;}
.notice .tabmenu_content .img img {max-width:50%}
.notice .tabmenu_content .cont {float:none; width:100%; color:#333; padding:0px;}
.notice .tabmenu_content .cont .num {position:absolute; top:10px; right:10px; font-size:60px ; line-height:60px;  opacity: 0.2}
.notice .tabmenu_content .cont .tit{font-size:25px; padding:10px 0 10px 0; font-weight:600;}
.notice .tabmenu_content .cont .txt {font-size:15px ;font-weight:500; padding-bottom:20px;}
.notice .tabmenu_content .cont .btn {background:#333; font-size:14px ; color:#fff; padding:8px; width:150px; text-align:center; border-radius:50px; }

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

.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:#fff; 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],
.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]  {
 background-position: 95% center ;  background-size:20px;}
.notice .tabmenu_content-item {  transform: translateX(-0px); } 
}
@media (max-width: 768px) {
}	
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}