/*-------------viewnews start*/
.main-container {
    padding-bottom: 40px;
    width:100%;
}

.viewStyle {
    box-shadow: 0 0 10px rgba(0,0,0,.1);
}
.viewStyle .block {
    display:block;
}
ul{
    margin-left:23px;
}
ul li{
    list-style:disc;
}
    ul ul li{
        list-style-type: circle;
    }


/*In the Press*/

.news-style1 .news-top {
    background: url(img/news_02bg.jpg) left top no-repeat #845c91;
    background-size:100%;
}
.news-style1.viewStyle a span,
.news-style1.viewStyle a:link,
.news-style1.viewStyle .relationUrl a:after,
.news-style1.viewStyle .img1 span,
.news-style1.viewStyle a:visited,
.news-style1.viewStyle a:hover,
.news-style1.viewStyle a:active {
    color: #3369d6;
}

/*News Brief*/
.news-style2 .news-top {
    background: url(img/news_02_2bg.jpg) left top no-repeat #6b3125;
    background-size: 100%;
}
.news-style2.viewStyle a span,
.news-style2.viewStyle a:link,
.news-style2.viewStyle .relationUrl a:after,
.news-style2.viewStyle .img1 span,
.news-style2.viewStyle a:visited,
.news-style2.viewStyle a:hover,
.news-style2.viewStyle a:active {
    color: #ff6600;
}


/*Press Release*/
.news-style3 .news-top {
    background: url(img/news_02_1bg.jpg) left top no-repeat #32475c;
    background-size: 100%;
}
.news-style3.viewStyle a span,
.news-style3.viewStyle a:link,
.news-style3.viewStyle .relationUrl a:after,
.news-style3.viewStyle .img1 span,
.news-style3.viewStyle a:visited,
.news-style3.viewStyle a:hover,
.news-style3.viewStyle a:active {
    color: #006600;
}

/*Research Highlights*/
.news-style4 .news-top {
    background: url(img/news_02_3bg.jpg) left top no-repeat #375144;
    background-size: 100%;
}
.news-style4.viewStyle a span,
.news-style4.viewStyle a:link,
.news-style4.viewStyle .relationUrl a:after,
.news-style4.viewStyle .img1 span,
.news-style4.viewStyle a:visited,
.news-style4.viewStyle a:hover,
.news-style4.viewStyle a:active {
    color: #996600;
}

/*------*/

.news-top {
    margin-bottom: 60px;
    padding: 45px 35px 25px 35px;
    background: #d8d8d8;
    color: #fff;
    text-shadow: 0 0 8px rgba(0,0,0,1);
    /*background: url(img/news_02_bg.jpg) left top no-repeat;*/
    /*background-size: cover;*/
}
.news-info, 
.lineStyle, 
.backTop {
    margin-left: 35px;
    margin-right: 35px;
}
    .news-info + .news-info {
        margin-bottom: 25px;
    }

.lineStyle {
    width: auto;
}

.backTop {
    padding-bottom: 40px;
}


.viewStyle .info {
    max-width: 825px;
    margin: 0 auto;
    width: 92%;
    word-break: break-all;
}
.news-info, .news-info p {
    line-height: 1.7;
}
.viewStyle p {
    margin-bottom: 12px;
    text-align:justify;
}

.viewStyle .title {
    font-size: 26px;
    line-height:1.4;
    position: relative;
    display: block;
}

.Keyword {
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 8px;
}

.Keyword:before {
    content: 'keywords';
    background-color: #fd3a13;
    padding: 0 5px 0 8px;
    display: inline-block;
    margin-right: 15px;
}

.Keyword:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11.5px 0 11.5px 10px;
    border-color: transparent transparent transparent #fd3a13;
    position: absolute;
    top: 0px;
    left: 80px;
}


.subTitle {
    font-size: 14px;
    line-height: 1.3;
}
.startDate {
    margin-top: 5px;
}
    .startDate i {
        font-size: 26px;
    }
    .startDate .bfont {
        font-weight: bold;
        line-height: 26px;
        vertical-align: top;
    }
.description {
    margin: 15px 0;
}

.relationUrl {
    margin-top: 10px;
    display: block;
}

    .relationUrl a:after {
        content: "\f08e";
        display: inline-block;
        font: normal normal normal 16px/1 FontAwesome;
        padding-left: 5px;
        transform: translate(0, 1px);
    }


.img4, .img3, .img4, .img2, .img1 {
    text-align: center;
}
    .img4 .imgDiv img, .img3 .imgDiv img, .img2 .imgDiv img, .img1 .imgDiv img,
    .img4 .imgDiv input, .img3 .imgDiv input, .img2 .imgDiv input, .img1 .imgDiv input {
        max-width: 100%;
        height: auto !important;
    }
    .img4 a {
        padding: 10px 10px 5px;
        width: calc( 25% - 4px);
        display: inline-block;
        vertical-align: top;
        max-width: 210px;
    }

    .img4 .imgDiv, .img3 .imgDiv, .img2 .imgDiv, .img1 .imgDiv {
        margin-bottom: 5px;
    }

    .img4 a span, .img3 a span, .img2 a span, .img1 a span {
        /*vertical-align: top;*/
    }

    .img3 > div {
        width: 90%;
        margin: 0 auto;
    }

    .img3 a {
        width: calc( 33.33333% - 3px);
        display: inline-block;
        vertical-align: top;
        padding: 10px 10px 5px;
        max-width: 210px;
    }
    .img2 {
        margin-bottom: 15px;
    }
    .img2 > div {
        width: 75%;
        margin: 0 auto;
    }

        .img2 > * {
            width: calc( 50% - 3px);
            display: inline-block;
            vertical-align: top;
            padding: 10px 10px 5px;
            max-width: 210px;
        }

    .img1 > div {
        width: 50%;
        margin: 0 auto;
    }

    .img1 a {
        display: inline-block;
        vertical-align: top;
        padding: 10px 10px 5px;
        max-width: 260px;
    }

.copyRight-img .imgDiv {
    margin-bottom: 15px;
}

    /*文繞圖 start*/
    .news-center .img1 {
        margin-bottom: 10px;
    }
    /*文繞圖 end*/

    /*左字右圖 start*/
    .desktop-flex-R .img1 > span {
        margin-bottom: 15px;
        display: block;
    }

    /*左字右圖 end*/
@media (min-width: 1200px) {
    .news-top {
        padding-right: 200px;
    }
}
@media (min-width: 1024px) {
    .viewStyle {
        position:relative;
    }
    .news-top {
        min-height: 196px;
    }
    /*左字右圖 start*/
    .desktop-flex {
        display: flex;
        justify-content: space-between;
    }
    .desktop-flex-L {
        width: calc( 100% - 238px );
    }
        .desktop-flex-L .news-info,
        .desktop-flex-L .lineStyle,
        .desktop-flex-L .backTop {
            margin-right:0;
        }
    .desktop-flex-R {
        width: 190px;
        padding-top: 5px;
        margin-right: 35px;
    }
    /*左字右圖 end*/
    .img1-effect {
        padding-right: 230px;
    }
        .img1-effect + .img1 {
            position: absolute;
            top: 35px;
            right: 35px;
        }
            .img1-effect + .img1 input,
            .img1-effect + .img1 img {
                background-color: #fff;
                padding: 4px;
                border: 1px solid #e1e1e1;
            }

    .img4 .imgDiv img, .img3 .imgDiv img, .img2 .imgDiv img, .img1 .imgDiv img,
    .img4 .imgDiv input, .img3 .imgDiv input, .img2 .imgDiv input, .img1 .imgDiv input {
        width: 190px;
    }
}
@media (max-width: 1023px) {

    /*左字右圖 start*/
    .desktop-flex-R .img1 {
        margin-left: 35px;
        margin-right: 35px;
    }
    /*左字右圖 end*/
    
}

@media (max-width: 576px) {
    .news-top {
        padding-left:20px;
        padding-right:20px;
    }
    .viewStyle {
         box-shadow: 0 0 0; 
    }
    .news-info, .lineStyle, .backTop {
        margin-left: 0;
        margin-right: 0;
    }
    .backTop {
        padding-bottom: 0;
    }
    /*左字右圖 start*/
    .desktop-flex-R .img1 {
        margin-left: 0;
        margin-right: 0;
    }
    /*左字右圖 end*/
    .imgDiv img {
        width: 100%;
        height: auto !important;
    }
    .img4 a, .img3 a {
        width: calc( 50% - 3px);
    }

    .img4, .img3 {
        text-align: left;
    }

    .img2 a, .img1 a {
        width: 100%;
        max-width: inherit;
        padding-left: 0;
        padding-right: 0;
    }

    .mobileW100 {
        width: 100%;
        display: block;
    }
}
@media (min-width: 480px) {
    /*文繞圖 start*/
    .box-circle {
        overflow: auto;
    }

    .img-circle {
        float: left;
        display: inline;
    }

    .news-center .img1 {
        margin-bottom: 0px;
        padding-right: 10px;
        max-width: 212px;
    }
    /*文繞圖 end*/
}
@media (max-width: 375px) {
    .img4, .img3 {
        text-align: center;
    }

        .img4 a, .img3 a, .img2 a, .img1 a {
            width: 100%;
        }

    
}
/*-------------viewnews end*/