.news-container{width:1500px;  margin:0 auto 50px auto;}
.news-detail .news-pic{width:100%; margin-bottom:30px;position:relative;overflow:hidden;}
.news-pic{opacity: 0;-moz-transform: translateY(30px);-ms-transform: translateY(30px);-webkit-transform: translateY(30px);transform: translateY(30px);-moz-transition: opacity .8s, -moz-transform .8s;-o-transition: opacity .8s, -o-transform .8s;-webkit-transition: opacity .8s, -webkit-transform .8s;transition: opacity .8s, transform .8s;}
.news-pic.show{opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
.news-detail .news-pic>a{display:block}
.news-detail .news-pic img{max-width:100%;height:auto; margin:0 auto;display:block; text-align:center}
.news-detail .news-pic .caption{bottom:15px;left:15px;margin:15px;padding:10px 15px;background-color:rgba(0,0,0,.3);zoom:1;filter:alpha(opacity=0);-webkit-opacity:0;-moz-opacity:0;opacity:0;z-index:0;position:absolute;text-align:left;-webkit-transform:translateY(10px);-moz-transform:translateY(10px);-ms-transform:translateY(10px);-o-transform:translateY(10px);transform:translateY(10px);-webkit-transition-duration:.2s;-moz-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s;font-size:16px;color:#000;margin:0}
.news-detail .news-pic .caption a{color:#fff}
.news-detail .news-pic .caption a:after{background-color:#fff}

.news{width:100%; margin:0;}
.tx-box{width:24%; float:left;margin:0 0 30px 7%; }
.detail-right{width:69%; float:left;margin:30px 0;}
.top-title{width:100%;float: left;margin:30px 0 10px;font-size:17px; padding:6px 0; line-height: 1.5em; border-bottom: 1px solid #a69494; border-top:1px solid #a69494;}
.top-title span{font-size:14px; color: #777;margin-left: 5px;}
.video-content{width:100%; margin:0 0 30px 0;}
.video-content{opacity: 0;-moz-transform: translateY(30px);-ms-transform: translateY(30px);-webkit-transform: translateY(30px);transform: translateY(30px);-moz-transition: opacity .8s, -moz-transform .8s;-o-transition: opacity .8s, -o-transform .8s;-webkit-transition: opacity .8s, -webkit-transform .8s;transition: opacity .8s, transform .8s;}
.video-content.show{opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
.video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden; }
.video-container iframe,
.video-container object,
.video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.video-container img{max-width:100%;height: auto} 
.newswrap{width: 100%; float: left; margin: 170px 0 0;}
.newsdt-title{width:100%; float:left;margin:0 0 25px 0}
.newsdt-title h1{margin:0; font-size:26px;line-height: 1.5em;}
.newsdt-title h2{margin:0 0 10px; font-size:15px;}
.daterow{width: 100%;float: left;margin-bottom: 25px;color: #717070;}
.newsdt-date {width: 50%; float: left;  font-size:15px;margin-top: 8px;}
 .newsdt-date  span{margin-left:20px;}
.social{float:left;width:100%; height:28px;margin:0;text-align:right;}
.social span{font-size:12px; font-weight:700; margin:0 8px 0 0;}
.social a {display: inline-block;margin: 0 10px 0 0;width:34px; height: 34px; line-height:34px; background-color:#555555; border-radius: 99em; font-size:16px; font-weight:400; transition: 300ms;-moz-transition: 300ms;-webkit-transition: 300ms;-o-transition: 300ms; text-align:center; color:#ffffff}
.social a:hover {color:#ffffff;background-color: #955f2e;}	
.toppic{width:100%;float: left;margin:0; text-align:center}
.toppic img{max-width:100%; height: auto;}
.newsdt-wrap{width:100%;float: left;}
.newsdt-row{width:1280px;margin: 0 auto;}
.content-tx{width:100%; float:left;margin:0 0 30px;text-align:justify;line-height:2em;}

.videoitem{ width: 100%;float: left;margin: 10px 0; padding-bottom:20px; border-bottom: 1px solid #ccc;}
.videoitem:after{content: "";display: block;line-height: 0;clear: both;}
.videoitem .pic{width:36%; float:left;margin: 0 8% 0 0}
.videoitem .pic img{max-width: 100%; height: auto; border-radius: 5px; margin: 0; display: block;}
.video-tx{ width: 56%; float:left;margin: 0;}
.tx-title{ font-size: 14px; margin: 0 0 12px; line-height:1.5em;color: #000;}
.st{font-size: 11px; color: #7a6c6c;line-height:1.2em; margin-bottom: 5px;}
.itemdate{width:10%; float: left; writing-mode: vertical-rl;text-orientation: sideways;transform: rotate(-180deg);font-size: 14px; margin-top: 35%;}
.view{font-size: 12px; color: #444;line-height:1.6em;}

@media screen and (max-width: 1600px) {
.newswrap{margin:150px 0 0;}
.news-container{width:88%;  margin:0 auto 30px;}
.newsdt-row{width:84%;}
}
@media screen and (max-width: 1200px) {
.newswrap{margin:130px 0 0;}
.tx-box{width:25%;margin:0 0 30px 6%; }
}
@media screen and (max-width: 980px) {
.newswrap{margin:110px 0 0;}
.news-container{width:90%;  margin:0 auto 30px;}
.txinfo{margin:0 0 25px;}	
.tx-box{display: none;}
.detail-right{width:100%;margin:0 0 15px;}
.newsdt-title{margin:0 0 10px;}
}
@media screen and (max-width: 767px) {
.newswrap{margin:80px auto 0;}
.news-container{margin:0 auto 10px;}
.top-title{margin:0 0 10px;}	
.newsdt-date{width:100%;margin: 0 0 15px;}
 .newsdt-date  span{margin-left:20px;}
.newsdt-title{margin:0 0 10px;}
.newsdt-title h1{font-size:22px;}
.social{width:100%;text-align: left;margin-bottom: 5px}
.daterow{margin-bottom: 20px;}
.content-tx{margin:0 0 20px;line-height:1.8em;}
}

/*column*/
.column{width:100%; float:left; }
.column-content{width:1280px; margin: 0 auto 40px; text-align: center}
.columntitle{float:none; width:100%;font-size:26px; margin:0 0 50px 0; padding:50px 0 0 0;border-top:1px solid #ccc; text-align:center; letter-spacing:0.05em}
.columntitle{opacity: 0;-moz-transform: translateY(-20px);-ms-transform: translateY(-20px);-webkit-transform: translateY(-20px);transform: translateY(-20px);-moz-transition: opacity .8s, -moz-transform .8s;-o-transition: opacity .8s, -o-transform .8s;-webkit-transition: opacity .8s, -webkit-transform .8s;transition: opacity .8s, transform .8s;}
.columntitle.show {opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
.img-fluid{max-width:100%;height:auto}
.news-item{width:48.8%;float: left; margin: 10px 0.6% 30px; color: #111;font-weight:500;display: inline-block;}
.news-item{opacity: 0;-moz-transform: translateY(30px);-ms-transform: translateY(30px);-webkit-transform: translateY(30px);transform: translateY(30px);-moz-transition: opacity .8s, -moz-transform .8s;-o-transition: opacity .8s, -o-transform .8s;-webkit-transition: opacity .8s, -webkit-transform .8s;transition: opacity .8s, transform .8s;}
.news-item.show {opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
@media (min-width:581px){.news-item{-ms-flex:0 0 50%;flex:0 0 50%;}}
@media (max-width:580px){.news-item{-ms-flex:0 0 50%;flex:0 0 50%;}}
.news-box { width: 100%; float: left;margin: 0}
.news-box:hover {color:#7a6c6c!important;text-decoration: none;}
.news-box .news-box-img {position: relative;overflow: hidden;}
.news-box .news-box-img:after {content: " ";display: block;position: absolute;top: 0;bottom: 0;left: 0;right: 0;
    -webkit-transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1);-moz-transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1);
    -o-transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1);transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1);}
.news-box .news-box-img > img {-webkit-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1);-moz-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1);
    -o-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1);transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1);margin:0;display:block}
.news-box:hover .news-box-img:after {background:rgba(101, 101, 101, 0.4);}
.news-box:hover .news-box-img > img {-moz-transform: scale(1.05);-o-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05); }
.news-box .news-boxinfo{width: 100%; float: left; padding:20px 5px 0; box-sizing: border-box;text-align: left}
.news-box .news-boxinfo p{margin:0 0 20px;font-size: 15px; letter-spacing:0.05em; line-height: 1.7em;color: #666666;text-align:justify;}
.news-box .news-boxinfo h2{margin:0 0 5px; font-size:17px;letter-spacing: 0.05em;font-weight: 500;position: relative;display: inline-block;}
.news-box .news-boxinfo h3{margin:0; font-size: 13px;line-height: 1.6em;}
.news-box .news-boxinfo h2::after {content: '';position: absolute;bottom:1px;left: 0;width: 0%;border-bottom:2px solid #ccc723;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;-o-transition: 0.3s;}
.news-box:hover .news-boxinfo h2:after{width: 100%;}

.itemdate{width:10%; float: left; writing-mode: vertical-rl;text-orientation: sideways;transform: rotate(-180deg);font-size: 14px; margin-top: 35%;}
.initem a {color: #171717; text-decoration:none;font-family: 'Noto Sans TC', sans-serif;font-weight:500;}
.initem a:hover {color: #996515;text-decoration: none} 

@media screen and (max-width: 1600px) {	
.column-content{width:85%; margin: 0 auto 30px;}
.columntitle{margin:0 0 40px 0;}
.news-item{width:32.3%;margin: 10px 0.5% 30px}
.news-item:last-child{display: none}
}
@media screen and (max-width: 1200px) {
.column-content{width: 90%; margin: 0 auto 20px;}
.columntitle{font-size: 24px; padding:40px 0 0 0;margin-bottom:25px}
}
@media screen and (max-width: 980px) {
.column-content{width: 92%; margin: 0 auto 20px;}
.columntitle{margin:0 0 25px; padding:30px 0 0 0;}
.news-item{width: 49%; padding:0 .5%;}
.news-item:last-child{display: none}
.news-item:nth-child(3){display: none}
}
@media screen and (max-width: 767px) {
.column-content{margin: 0 auto 10px;}
.columntitle{font-size:22px; margin:0 0 10px; padding:20px 0 0 0;}
.news-item{width: 90%; width:100%;margin-bottom: 10px;}
.news-box .news-boxinfo{padding:15px 10px}
.news-box .news-boxinfo p{margin:0 0 15px}
.news-box .news-boxinfo h2{margin:0 0 3px;}
}