/*news*/
ul.ne-list{
  width: 80%;
  margin: 2em auto;
  text-align: center;
}

ul.ne-list:after{
  content: '';
  display: inline-block;
  clear: both;
}

ul.ne-list li{
  letter-spacing: 2px;
  margin-right: 1em;
  margin-bottom: 1em;
  font-weight: 500;
}

ul.ne-list li a{
  display: inline-block;
  width: 100%;
  padding:8px;
  border: 2px solid #888889;
  -webkit-border-radius: 10%/50%;
  -moz-border-radius: 10%/50%;
  -ms-border-radius: 10%/50%;
  -o-border-radius: 10%/50%;
  border-radius: 10%/50%; 
  text-decoration: none;
  color: #888889;
  cursor: pointer;
  transition: .5s;
}

ul.ne-list li a.ne-a:hover{
  border:2px solid #E0AB27;
  background-color: #E0AB27;
  color: white;
  transition: .5s;
}

ul.ne-list li a.ne-a.active{
  border:2px solid #E0AB27;
  background-color: #E0AB27;
  color: white;
  transition: .5s;
}

ul.ne-list li a.ne-b:hover,
ul.ne-list li a.re-a:hover{
  border:2px solid #DE6990;
  background-color: #DE6990;
  color: white;
  transition: .5s;
}

ul.ne-list li a.ne-b.active{
  border:2px solid #DE6990;
  background-color: #DE6990;
  color: white;
  transition: .5s;
}

ul.ne-list li a.ne-c:hover{
  border:2px solid #7564AA;
  background-color: #7564AA;
  color: white;
  transition: .5s;
}

ul.ne-list li a.ne-c.active{
  border:2px solid #7564AA;
  background-color: #7564AA;
  color: white;
  transition: .5s;
}

ul.ne-list li a.ne-d:hover{
  border:2px solid #64C2C2;
  background-color: #64C2C2;
  color: white;
  transition: .5s;
}

ul.ne-list li a.ne-d.active{
  border:2px solid #64C2C2;
  background-color: #64C2C2;
  color: white;
  transition: .5s;
}


ul.ne-list li a.re-b{
  border:2px solid #64C2C2;
  background-color: #64C2C2;
  color: white;
  transition: .5s;
}

ul.ne-list li a.re-b{
  border:2px solid #DE6990;
  background-color: #DE6990;
}

ul.ne-list li a.ne-d:hover:not:(.active){
  border:2px solid #64C2C2;
  background-color: #64C2C2;
  color: white;
  transition: .5s;
}

ul.ne-list li a.re-b:hover:not:(.active){
  border:2px solid #DE6990;
  background-color: #DE6990;
  color: white;
  transition: .5s;
}


/*all-news*/
ul.all-news{
  margin: 1em;
}

span.news-tag,
span.news-tag-b,
span.news-tag-c,
ul.all-news li span.news-tag,
ul.all-news li span.news-tag-b,
ul.all-news li span.news-tag-c,
ul.all-news li span.news-tag-d{
  width: 100px;
  display: block;
  text-align:center;
  font-size:16px;
  padding:2px;
  letter-spacing: 1px;
  border:2px solid #E0AB27;
  background-color: #E0AB27;
  color: white;
  border-radius: 15px;
}

span.news-tag{
	display: inline-block;
	font-weight: 800;
}

span.news-tag-b{
	display: inline-block;
	font-weight: 800;
	border:2px solid #DE6990;
	background-color: #DE6990;
}

span.news-tag-c{
	display: inline-block;
	font-weight: 800;
	border:2px solid #7564AA;
	background-color: #7564AA;
}

ul.all-news li span.news-tag-b{
  border:2px solid #DE6990;
  background-color: #DE6990;
}

ul.all-news li span.news-tag-c{
  border:2px solid #7564AA;
  background-color: #7564AA;
}

ul.all-news li a.news-wrap{
  display: block;
  border-bottom: 1.5px dashed #DE6990;
  padding-bottom: .5em;
  margin: .5em 0 2.5em 0;
}

ul.all-news li a.news-wrap span{
  color: #717071;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 2px;
  border-right: 2px solid #717071;
  padding: 0 10px;
}

ul.all-news li a.news-wrap h1,
ul.all-news li a.news-wrap p{
  display: inline-block;
  font-size: 20px;
  color: #DE6990;
  letter-spacing: 2px;
  padding-left: .5em;
}

ul.all-news li a.news-wrap p{
  color: #717071;
  display: -webkit-box; 
  -webkit-box-orient: vertical; 
  -webkit-line-clamp: 1; 
  overflow: hidden;
}

ul.all-news li a.news-wrap:hover{
  opacity: .8;
}

/*news-in*/

.text-all{
  margin-top: 2em;
}

span.news-date{
	color: #5D5D5D;
	font-size: 18px;
	letter-spacing: 1px;
	font-weight: 800;
	padding-left: .5em;
}

.ne-in-title{
  margin-top: 2em;
  font-size: 30px;
  color: #DE6990;
  letter-spacing: 1px;
  padding-left: .5em;
}

.ne-in-title h1{
	font-size: 30px;
	margin-top: .5em;
}

.ne-in-txt{
	font-size: 18px;
	font-family: 'Noto Sans TC',\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4, Helvetica, Arial, sans-serif;
	font-weight: 400;
	letter-spacing: 1px;
	color: #717071;
	padding: 1em;
  margin: 1em 0;
}

.ne-in-txt span{
	color: #DE6990;
}


@media (min-width: 500px) {
	.ne-in-txt{
  	padding-left: 2em;
  }

    .ne-in-title {
    padding-left: 1em;
  }
	
}

@media screen and (min-width: 1024px) {  

  ul.ne-list li{margin-right: 0em;}

  ul.ne-list li a{width: 90%;}

  .ne-in-txt{
  	padding: 0 3.5em;
  }

  .ne-in-title {
    padding-left: 2em;
  }

}