.news_top_banner{
  position: relative;
  background-color: #7f6b98!important;
  background-image:url('../images/member_news_banner.jpg');
  background-position: center;
  -webkit-background-size: 100%;
  -webkit-background-size: cover;
  -moz-background-size: 100%;
  -moz-background-size: cover;
  background-size: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}
.news_top_banner_2{
  position: relative;
  background-color: #7f6b98!important;
  background-image:url('../images/member_news_banner.jpg');
  background-position: center;
  -webkit-background-size: 100%;
  -webkit-background-size: cover;
  -moz-background-size: 100%;
  -moz-background-size: cover;
  background-size: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  }
.news_top_cover{
  background-color: rgba(0,0,0,0.3);
  width:100%;
  height:100%;
}
.news_top_box{
  width:1280px;
  padding-bottom:3%;
}
.news_top_box2{
  width:1280px;
  padding-bottom:3%;
}
.news_top_title{
  padding:10% 8% 0 8%;
  color:#FFFFFF;
  font-size:2em;
  text-align:left;
}
.news_top_text{
  padding-left:8%;
  color:#FFFFFF;
  font-size:1em;
  text-align:left;
  margin-top:2%;
}
.staff_main{
  width:1280px;
}
.joinDiv{
	width:1280px;
	position:absolute;
	z-index:99;
	background-color:rgba(0,0,0,0.5);
}
.staff_main_box{
  margin: 2% 1% 0% 1%;
  border: 1px solid #D7DCE1;
  box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.4);
  padding: 2%;
  float:left;
  width:40%;
  
}
.staff_subject{
  text-align: left;
  color: #9085bf;
  font-size: 1.5em;
  /*border:1px #000 solid;*/
  width: 80%;
  float:left;
}
.staff_content{
    margin-top: 3%;
    text-align: left;
    color: #666666;
    float: left;
    width: 100%;
    /*border:1px #000 solid;*/
}
.staff_joinIn{
  border:1px #9085bf solid;
  width:10%;
  border-radius:5px;
  padding:1%;
  float:left;
  background-color:#9085bf;
  color:#ffffff;
  box-shadow: 2px 2px 3px gray;
}
.staff_joinIn:hover{
  cursor:pointer;
  background-color:#bcb5d8;
  border:1px #bcb5d8 solid;
  color:#666666;
}
@media screen and (max-width: 1400px){/*小於 1280 (不含)*/
  .news_top_title{
    padding:90px 8% 2% 8%;
  }
  .news_top_box{
    width:90%;
  }
  .news_top_box2{
    width:90%;
  }
  .staff_main{
    width:90%;
    margin-left: auto;
  }
  .joinDiv{
	  width:85%;
	}
  .staff_main_box{
    width:40%
  }
}
@media screen and (max-device-width: 1400px){/*裝置小於 1280 (不含)*/
  .news_top_title{
    padding:120px 8% 2% 8%;
  }
  .news_top_box{
    width:90%;
  }
  .news_top_box2{
    width:90%;
  }
  .staff_main{
    width:90%;
    margin-left: auto;
    margin-right: auto;
  }
  .staff_main_box{
    width:95%
  }
  .joinDiv{
    width:85%;
  }
}
@media screen and (max-width: 1280px){/*小於 1280 (不含)*/
  .news_top_title{
    padding:90px 8% 2% 8%;
  }
  .news_top_box{
    width:90%;
  }
  .news_top_box2{
    width:90%;
  }
  .staff_main{
    width:90%;
    margin-left: auto; 
  }
}
@media screen and (max-device-width: 1280px){/*裝置小於 1280 (不含)*/
  .news_top_title{
    padding:120px 8% 2% 8%;
  }
  .news_top_box{
    width:90%;
  }
  .news_top_box2{
    width:90%;
  }
}
@media screen and (max-width: 1025px){/*小於 1025 (不含)*/
  .staff_main_box{
    width:85%
  }
  
}
@media screen and (max-device-width: 1025px){/*裝置小於 1025 (不含)*/
  .news_top_banner{
    background-size: cover;
  }
  .news_top_banner_2{
    background-size: cover;
    height:350px;
  }
  .news_top_box2{
    position:absolute;
    bottom:0;
  }
  .staff_main_box{
    width:95%
  }
  .joinDiv{
    width:92%;
  }
}
@media screen and (max-width: 769px){/*小於 769 (不含)*/
  .news_top_title{
    padding:80px 8% 2% 8%;
  }
  .staff_subject{
    font-size: 2em;
  }
  .joinDiv{
    width:92%;
  }
}

@media screen and (max-device-width: 640px){/*裝置小於 640 (不含)*/
  .news_top_title{
    padding:200px 8% 2% 8%;
    font-size:3em;
  }
  .news_top_text{
    font-size:1.8em;
  }
  .staff_subject{
    font-size: 2em;
  }
  .staff_joinIn{
    font-size:2em;
    width:15%;
  }
   .joinDiv{
    width:92%;
  }
}