.news-box{
    padding-bottom: 100px;
    font-size: 0;
    width: 1300px;
    max-width: 100%;
    display: block;
    margin: 0 auto;
}
.news-page-box{
    padding: 100px 0;
    width: 1200px;
    max-width: 100%;
    display: block;
    margin: 0 auto;
}
.news-page-info{
    font-size: 0;
}
.news-page-info-left{
    width: 800px;
    max-width: 100%;
    display: inline-block;
    vertical-align: top;
    padding-top: 20px;
}
.sum_index_news_title_block{
    margin-bottom: 16px;
}
.news-page-info-right{
    width: calc(100% - 800px);
    display: inline-block;
    vertical-align: top;
    padding-left: 50px;
    box-sizing: border-box;
}
.news-page-path-list{
    font-size: 14px;
    position: relative;
    margin-right: 30px;
    display: inline-block;
    vertical-align: top;
    letter-spacing: 2px;
    transition: all .5s ease;
}
.news-page-path-list:last-child{
    margin-right: 0;
}
.news-page-path-list:nth-child(1),
.news-page-path-list:nth-child(2){
    color: #888888;
}
.news-page-path-list:nth-child(1){
    color: #004ea2;
}
.news-page-path-list:nth-child(2){
    border-bottom: 1px solid #888888;
}
.news-page-path-list:after{
    content: '〉';
    font-size: 14px;
    position: absolute;
    right: -26px;
    top: 0;
}

.news-page-path-list:last-child:after{
    display: none;
}
.news-page-info-line{
    width: 100%;
    height: 1px;
    display: block;
    background-color: #d1d1d1;
    margin-top: 5px;
}
.news-page-title{
    font-size: 22px;
    color: #000;
    font-weight: bold;
    letter-spacing: 2px;
    margin-top: 10px;
}

.news-page-time{
    display: block;
    font-size: 12px;
    font-weight: bold;
    color: #555555;
    margin-top: 5px;
    letter-spacing: 2px;
}
.news_list_box{
    margin-top: 50px;
}
.news_list_box .sum_index_news_list {
    margin: 12px;
    margin-bottom: 20px;
    display: inline-block;
    width: 300px;
    max-width: 100%;
}
.sum_index_news_img_box {
    width: 100%;
    height: 300px;
    display: block;
    overflow: hidden;
    position: relative;
    transition: all .5s ease;
    transform: translateY(0px);
}
.sum_index_news_list_date {
    padding-top: 10px;
    font-size: 12px;
    color: #555555;
    letter-spacing: 1px;
    transition: all .5s ease;
    display: block;
}
.sum_index_news_list_title {
    font-size: 14px;
    color: #000;
    font-weight: bold;
    transition: all .5s ease;
    padding-top: 5px;
    height: 22px;
    overflow: hidden;
}
.news-page-img{
    margin-top: 15px;
}
.news-page-path-box{
    padding-bottom: 10px;
}
.news-page-info-recent-line{
    width: 100%;
    display: block;
    height: 1px;
    background-color: #d1d1d1;
}

.news-page-edit-box{
    margin-top: 10px;
    font-size: 14px;
    color: #555555;
    letter-spacing: 2px;
    line-height: 2;
}

.news_back_box{
    margin-top: 30px;
}
.news_back_box .sum_index_news_more{
    margin-left: 0;
    overflow: hidden;
    color: #555;
}
.news_back_box .sum_index_news_more{
    font-size: 16px;
}

.news_back_box .sum_index_news_more i{
    position: absolute;
    left: 15px;
    top: calc(50% - 8px);
    z-index: 1;
    transition: all .5s ease;
}
.news-page-info-list-img{
    display: inline-block;
    vertical-align:top;
    width: 80px;
    height: 80px;
    box-sizing: border-box;
    overflow: hidden;
}
.news-page-more-info{

    padding-left: 10px;
    box-sizing: border-box;
    line-height: 2;
    width: calc(100% - 80px);
    display: inline-block;
    vertical-align: middle;
}
.news-page-info-list-box{
    padding-top: 20px;
}
.news-page-info-list{
    margin-bottom: 20px;
    display: block;
}
.news-page-more-list-title{
    font-size: 12px;
    color: #000;
    letter-spacing: 1px;
    line-height: 1.6;
    transition: all .5s ease;
}
.news-page-more-list-date{
    font-size: 12px;
    color: #888;
}
.news-page-info-recent-box.stuck{
    position: fixed;
    top: 70px;
}

/*-----------------動畫--------------------*/
.news_list_box,
.news-page-path-box,
.news-page-info-animate,
.news-page-info-list-box{
    /* opacity: 0; */
}

.news-page-info-line,
.news-page-info-recent-line{
  transform: scale(0,1);
  transform-origin: left;
}

.news-page-info-recent-box  .sum_index_news_title_box{
  animation: fade .8s linear 0s 1 both;
}
.news-page-info-recent-box .sum_index_news_title_box .line-top1{
  animation: line .2s linear .8s 1 both;
}
.news-page-info-recent-box .sum_index_news_title_box .line-left1{
  animation: line2 .2s linear .8s 1 both;
}
.news-page-info-recent-box .sum_index_news_title_box .sum_index_news_title_line{
  animation: line .5s linear 1s 1 both;
}
.news-page-info-recent-box .sum_index_news_title2{
  animation: fade .5s ease 1s 1 both;
}
.news_list_box.active{
  animation: fadeInUp .8s ease 0s 1 both;
}
.news-page-path-box{
  animation: fade .8s ease 0s 1 both;
}
.news-page-info-line,
.news-page-info-recent-line{
  animation: line .5s ease 0s 1 both;
}
.news-page-info-animate{
  animation: fadeInUp .8s ease 0s 1 both;
}
.news-page-info-list-box{
  animation: fade .8s ease 0s 1 both;
}

/*-------------------hover-------------------*/
.news-page-info-list:hover .news-page-info-list-img .main-bg{
    transform: scale(1.1);
}
.news-page-info-list:hover .news-page-more-list-title,
.news-page-path-list:hover{
    color: #004ea2;
}

.news-page-path-list:nth-child(1):hover{
    color: #003875;
}
@media only screen and (max-width: 1300px){
    .news_list_box .sum_index_news_list {
        width: calc( 100% / 4 - 24px );
    }
    .sum_index_news_img_box{
        height: calc( 100vw / 4 - 24px );
    }
}
@media only screen and (max-width: 1200px){
    .news-page-box{
        width: 1000px;
    }
    .news-page-info-left{
        width: 70%;
    }
    .news-page-info-right{
        width: 30%;
    }
}


@media only screen and (max-width: 1024px){
    .news-page-box{
        width: 750px;
    }
    .news_list_box,
    .news-page-path-box,
    .news-page-info-animate,
    .news-page-info-list-box
    {
      opacity: 1!important;
      animation: none!important;
    }
    .news-page-info-line,
    .news-page-info-recent-line{
        transform: scale(1,1)!important;
        transform-origin: left;
        animation: none!important;

    }
    .news-page-info-left{
        width: 100%;
    }
    .news-page-info-right{
        width: 100%;
        display: block;
        padding-left: 0;
        margin-top: 20px;
    }
    .news_list_box .sum_index_news_list {
        width: calc( 100% / 3 - 24px );
    }
    .sum_index_news_img_box{
        height: calc( 100vw / 3 - 24px );
    }
}
@media only screen and (max-width: 750px){
    .news_list_box .sum_index_news_list{
        width: 48%;
        margin: 10px 1%;
    }
    .sum_index_news_img_box{
        height: 48vw;
    }
}
@media only screen and (max-width: 600px){
    .sum_index_news_list_title{
        padding-bottom: 10px;
    }
    .sum_index_news_list_title{
        height: 16px;
    }
}
@media only screen and (max-width: 550px){
    .news-page-box{
        width: 340px;
    }
    .sum_index_news_img_box{
        height: 200px;
    }
    .news_list_box{
        margin-top: 20px;
    }
}


@media only screen and (max-width:430px){
    .news-page-box{
        width: 340px;
    }
    .news_list_box .sum_index_news_list{
        width: 98%;
    }
    .sum_index_news_img_box{
        height: 98vw;
    }
    .sum_index_news_list_title{
        height: inherit;
    }
}
/* hover */

.sum_index_news_list:hover .sum_index_news_img_box span{
    transform: scale(1.1);
}