@charset "utf-8";
/* CSS Document */

/****************************
   MAIN IMAGE
*****************************/
.mainContent-headerContainer{
	height:500px;
	overflow:hidden;
    position:relative;
    background-image: url('/assets/image/news/main_image.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.header-title{
    width:1100px;
    margin: 50px auto;
    padding-left: 10px;
    color:#FFFFFF;
    letter-spacing: 5px;
}
@media screen and (max-width: 1100px) {
    .header-title{
        padding-left: 25px;
    }
}
@media screen and (max-width: 978px) {
    .mainContent-headerContainer{
        height:475px;
    }
    .header-title{
        font-size: 4.3rem;
    }
}
@media screen and (max-width: 479px) {
    .mainContent-headerContainer{
        height:300px;
    }
    .header-title{
        font-size: 2.5rem;
    }
}


.mainContent-newsContainer{
    display: block;
    clear: both;
    overflow: hidden;
    background-color:#ECEBE1;
    text-align:left;
    padding-bottom: 30px;
}
.news{
    max-width: 900px;
    width:100%;
    padding: 15px;
    margin: auto;
    text-align: center;
}
.news-title{

}
.news-detail{
    background-color:#ffffff;
    padding:35px;
    text-align: left;
}
.news-detail > i{
    float: right;
    cursor: pointer;
}
.news-detail > h3{
    font-size: 2rem;
    border-bottom: #3b3b3b dotted 2px;
    padding-bottom: 10px;
    padding:15px;
}
.news-detail > div{
    padding:5px 15px;
    line-height: 1.7;
}
.news-detail > figure{
    width:75%;
    margin: auto;
}
.news-detail > figure > img{
    width:100%;
}

.news-detail-share{
    text-align: center;
    position: absolute;
    display: none;
    right: 10px;
    top:10px;
    margin: auto;
    max-width:250px;
    width: 100%;
    height:200px;
    background-color: #f8f8f8;
    border-radius:5px;
    box-shadow: 0 0 8px gray;
}
.news-detail-share > button{
    float:right;
    margin-top: 0px;
    border: 1px #cccccc solid;
    border-radius:5px;
    background-color: #ffffff;
    cursor: pointer;
    height: 25px;
}
.news-detail-share ul{
    padding: 0;
    margin: 15px 0;
}
.news-detail-share li{
    width:60%;
    margin: auto;
    padding: 3px 0;
    list-style: none;
    text-align: center;

}
.news-detail-share li > a > img{
    width:100%;
}