body {background-color: #000;}

#p_contain{background-color: #000;}
.p_title{ color: #fff;}
.top_line{background-color: #fff;}
.n_list{display: block;margin: 0 auto;width: 90%; max-width: 1200px;background-color: #000;text-align: center;}
.n_list .n_item {display: inline-block;width: 100%;height: 347px;background-color: #fff; margin-top: 3%;}
.n_list .n_item:after {clear: both;}
.n_list li:nth-child(even) a>div{float:right;}
.n_list .n_item a{color: #333;}
.n_list .news_img{display: block;
    width: 50%;
    float: left;
    height:100%;
    background-position: center;
    background-size: cover;}
.n_list .n_item a .news_infont{position: relative;width: 50%;height: 100%; float: left;}
.n_list .n_item a .news_infont .n_infont_title{position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);transition: opacity .8s;}
.n_list .n_item a .news_infont .n_infont_title>*{font-weight:normal;}
.n_list .n_item a .news_infont .n_infont_title>.n_date{margin-top:10px;}

/*---原始詳細說明效果隱藏*/
/*.n_list .n_item:hover a .news_infont .n_infont_title{opacity: 0;}
.n_list .n_item a .news_infont .n_infont_detial{
    position: absolute;left: 50%;top:50%;padding-bottom:50px;overflow:hidden;max-height:175px;line-height:25px;
    transform: translate(-50%,-50%);transition: opacity .8s;opacity: 0;}
.n_list .n_item:hover a .news_infont .n_infont_detial{opacity: 1;}*/


.n_list .n_item a .news_infont .n_infont_detial{
    position: absolute;left: 50%;top:50%;padding-bottom:50px;overflow:hidden;max-height:175px;line-height:25px;
    transform: translate(-50%,-50%);transition: opacity .8s;opacity: 1;}
.n_list .n_item a .news_infont .n_infont_detial div .n_morebtn{display:inline-block;width: calc(65px + 15%);background-color: #fcceb7;color: #fff;line-height:40px;font-size:16px;margin: 0 auto;}
/*--------------------*/

.n_list .n_item a .news_infont .n_infont_detial>div:last-child{position: absolute;bottom:0;width:100%;padding-top:10px;background:#fff;}
.n_list .n_item a .news_infont .n_infont_title div .n_morebtn{display:inline-block;width: calc(65px + 15%);background-color: #fcceb7;color: #fff;line-height:40px;font-size:16px;margin: 10px auto;}

/*加載動畫設置*/
/*.n_list .ias-spinner{position:absolute;bottom:-50px;left:50%;margin-left:0;}*/

@media screen and (max-width: 768px){
  .n_list{margin-bottom: 5%;}
  .n_list .n_item:hover a .news_infont .n_infont_title{opacity: 1;}
  .n_list .n_item:hover a .news_infont .n_infont_detial{opacity: 0;}
}

@media screen and (max-width: 600px){
  .n_list{margin-bottom: 20%;}
  .n_list .n_item{height:auto;}
  .n_list .news_img{float:none!important; width: 100%;height:auto;padding-top:80%;}
  .n_list .n_item a .news_infont{float:none;width:100%;}
  .n_list .n_item a .news_infont .n_infont_title{position:static; transform:none; padding:10px; }
  .n_list .n_item a .news_infont .n_infont_title>.n_title{font-size:1.1rem!important;}


}