@charset "UTF-8";
/* CSS Document */
.mainArea {
    background-image: url("../images/homeWBg.jpg");
    background-repeat: repeat;
}

.contentBox .leftBox {
    padding: 0 30px 0 0;
}

.contentBox .rightBox {
    padding: 0;
}

@media (max-width: 1200px) {
    .contentBox .leftBox {
        width: 100%;
        padding: 20px 0 30px;
    }
    .contentBox .rightBox {
        width: 100%;
        padding: 0;
    }
}

.classNote {
    padding: 0 0 20px;
}

/*新訊列表*/
.newsList {
    width: 100%;
}

.newsList .Img {
    float: left;
    width: 150px;
    height: 150px;
    margin-right: 10px;
    border: 4px solid #d2d2d2;
}

.newsList .Img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.newsList .Txt {
    overflow: hidden;
}

.newsList .Txt .chExp {
    margin-top: 7px;
    font-size: 16px;
    line-height: 20px;
    color: #555;
}

.newsList .Txt .chExp.ellipsis {
    max-height: 60px;
}

.newsList .chTitle {
    margin-bottom: 3px;
    font-size: 19px;
    line-height: 30px;
    font-weight: 400;
    color: #111;
}

.newsList .chTitle a {
    display: inline-block;
    vertical-align: middle;
}

.newsList .chTitle.ellipsis {
    height: 60px;
}

.newsList li {
    padding: 25px 0 25px;
}

.newsList li:not(:first-child) {
    border-top: 1px solid #d7bc87;
}

.newsDate {
    padding: 5px 0;
    font-size: 12px;
    color: #818181;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.newsDate strong {
    font-weight: 400;
    font-family: 'Roboto';
}

.newsDate strong i {
    margin-right: 2px;
    font-size: 14px;
    color: #AE4233;
}

.newsDate b {
    margin-left: 3px;
    font-family: 'Roboto';
}

.newIcon {
    display: inline-block;
    padding: 3px 5px;
    margin-right: 3px;
    border-radius: 3px;
    font-weight: 400;
    font-size: 12px;
    font-family: '微軟正黑體';
    color: #fff;
}

/*內頁*/
.insMainArea .contentBox .leftBox {
    padding: 0 0px 0 10px;
    padding: 0;
    width: 100%;
}

/****分享*****/
.shareBox {
    float: right;
}

.shareBox .btn-fb {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.shareBox .back {
    display: inline-block;
    vertical-align: middle;
    padding: 3px 5px;
    border-radius: 3px;
    font-size: 12px;
    color: #fff;
    background: #ae4233;
    /* Old browsers */
    /* FF3.6+ */
    /* Chrome,Safari4+ */
    /* Chrome10+,Safari5.1+ */
    /* Opera 11.10+ */
    /* IE10+ */
    background: linear-gradient(to bottom, #ae4233 0%, #c44c4c 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ae4233', endColorstr='#c44c4c', GradientType=0);
    /* IE6-9 */
    cursor: pointer;
}

.shareBox .back:hover {
    background: #398cb1;
}

/********標題區*******/
.titleArea {
    clear: both;
    margin-bottom: 30px;
    padding: 15px 10px;
    border-bottom: 1px dashed #b6b6b6;
}

.titleArea h1 {
    font-size: 19px;
    font-weight: 400;
    color: #2f2f2f;
    overflow: hidden;
}

.titleArea h1 strong {
    display: block;
    font-weight: 400;
}

.titleArea h1 b {
    /*標題區左-訊息日期*/
    margin-left: 5px;
    font-size: 12px;
    font-weight: 400;
    color: #a3a3a3;
}

.titleArea .btn-fb {
    /*fb*/
    float: left;
}

.titleArea a.back {
    /*回上頁*/
    float: right;
    display: block;
    margin-left: 5px;
    font-size: 10pt;
    color: #06F;
    cursor: pointer;
}

@media (max-width: 1023px) {
    .contentBox .leftBox {
        padding: 0 0 30px 0;
    }
}

@media (max-width: 640px) {
    ul.newsList li .Img {
        width: 70px;
        height: 70px;
    }
}
/*# sourceMappingURL=news.css.map */