.news-wrap{width:100%; float:left; margin: 0;}
.news-content{width:1280px; margin: 60px auto;}
.pordtdate{float:left;width:50%;margin:0;}
.pordtdate h3.title span { display: block;font-size: 15px;}
.inforow{width:100%; float: left; }
.detailpic{float:left;width:100%; padding:0; margin:0 0 35px 0;}
.detailpic{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;}
.detailpic.show {opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
.detailpic img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 
.detailtitle{width:100%; float:left;margin:0 0 30px 0;font-size:28px; line-height:1.5em; font-weight: bold;text-align: center;} 
.daterow{width:100%; float:left;margin:0 0 60px 0; padding-bottom: 20px; border-bottom: 1px solid #ccc;} 
.detailtx{width:100%; float:left;margin:0 0 60px 0;line-height:2em; font-size:16px; text-align:justify;}
.detailtx{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;}
.detailtx.show {opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
.backpage{width:160px; text-align:center; margin:0 auto 0 auto;transition: background-position 0.5s; letter-spacing:0.1em; }
  .backpage a {font-family: 'Noto Sans TC', sans-serif; font-weight:500;font-size:14px; width:100%;display:block; padding:0;color:#fff; line-height:58px;text-decoration:none; background:#0e2f44;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;cursor: pointer; letter-spacing:0.2em;border-radius:0; border: 0;}
  .backpage a:hover {color: #fff; background-color: #999;}
.video-content{width:100%;  float: left; margin:0 0 60px 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%;}
.newsdt-top{width:100%;  float: left; margin:180px auto 0; }
.toprow{width:900px; margin:0 auto; }
.subtitlerow{width:100%; float:left;margin:0 0 10px;}
.service-subtitle{width:40%;font-size: 30px;margin:0 auto; text-align:center;position:relative; letter-spacing: 0.1em;}
.service-subtitle:after, .service-subtitle:before{content: ''; position: absolute;top: 52%;background: #ccc;width: 24%;height: 1px;}
.service-subtitle:before{left: 0; }
.service-subtitle:after {right: 0;}
.news-st{width:100%; float:left;margin:0 0 40px 0;text-align:center; font-size: 14px; letter-spacing: 0.05em;}
/*back*/
.btnrow{float:left; width:100%; margin:0;}
.bottomwrap{width:100%; float:left;}
.social-case{width:50%; float:left;margin:0;text-align:right;font-size: 14px;}
.social-case a {display: inline-block;margin:0 10px 0 0; padding:0 0 7px 0; font-size:20px; font-weight:400; transition: 300ms;-moz-transition: 300ms;-webkit-transition: 300ms;-o-transition: 300ms; text-align:center; color:#0e2f44; }
.social-case a:hover {color:#666;}	
.social-title{width: 1px; height: 12px; margin: 0 10px; background-color: #999; display: inline-block}

@media only screen and (max-width: 1600px) {
.news-content{width:1200px; margin: 50px auto;}	
}
@media only screen and (max-width: 1280px) {
.news-content{width:92%; margin: 50px auto;}
.daterow{margin:0 0 40px 0; padding-bottom: 20px;} 
.detailpic{margin:0 0 25px 0;}
.detailtx{margin:0 0 40px 0;}
.video-content{margin:0 0 40px 0;}
}
@media only screen and (max-width: 980px) {	
.news-content{margin: 40px auto 50px;}
}
@media only screen and (max-width: 767px) {
.news-img { width:100%; margin: 0 0 20px; }
}
@media only screen and (max-width: 550px) {
.news-content{width:90%; margin: 15px auto 30px;}
.news-img {margin: 0 0 12px; }
.detailtitle{margin:0 0 10px;font-size:22px;} 
.pordtdate{width:100%;margin:0 0 10px; text-align: center;}
.social-case{width:100%; text-align:center;}
.social-case a {display: inline-block;margin:0 6px; padding:0; font-size:26px;height:32px; ine-height: 32px}
.daterow{margin:0 0 25px; padding-bottom: 15px;}
.detailpic{margin:0 0 15px;}
.detailtx{margin:0 0 20px;}
.video-content{margin:0 0 25px;}
.backpage{width:140px; }
	.backpage a {line-height:48px}
}