<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
/* reset css */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, textarea, p, th, td {margin:0; -webkit-text-size-adjust:none;}
th{font-weight:normal; text-align:left;}
table{border-collapse:collapse; border-spacing:0;}
img{border:0;}
ol, ul{list-style:none;}
a{outline:none; hlbr:expression(this.onFocus=this.blur()); text-decoration:none; cursor:pointer;}
@font-face {
    font-family: '微軟正黑體修正';
    unicode-range: U+7db0, U+78A7, U+7B75; /* ASCII (碧筵綰) */
    font-style: normal;
    font-weight: bold;
    src: local(Yu Gothic), local(MS Gothic);
}
/* 一般粗細的時候改回微軟正黑 */
@font-face {
    font-family: '微軟正黑體修正';
    unicode-range: U+7db0, U+78A7, U+7B75; /* ASCII (碧筵綰) */
    font-style: normal;
    font-weight: normal;
    src: local(微軟正黑體);
}
input , select , textarea , button{outline:none; border-radius:0; font-family:arial , "微軟正黑體修正", "微軟正黑體";}
button{cursor:pointer;}

#ascrail2000 ,
#ascrail2000 &gt; div{width:10px !important; z-index:10 !important}

body{font-family:arial , "微軟正黑體修正", "微軟正黑體";}
#all{position:static; left:0; top:0; width:100%;background: #e3e9e7;}
#all.active{position:fixed;}
.fb-page{margin-bottom:20px;}

/* top-link */
#top-link{background: #aaacab;}
#top-link .info,#top-link .wrap .mail span,#top-link .wrap .mail a {color: #fff;}
#top-link .wrap{max-width:1350px; margin:0 auto; padding:0 20px; overflow:hidden; font-size:13px; color:#999; line-height:40px; box-sizing:border-box;}
#top-link .wrap .info{float:left;}
#top-link .wrap .mail{display:inline-block; margin-left:5%; font-size:13px; color:#999;}
#top-link .wrap .mail:before{content:""; position:relative; top:3px; display:inline-block; width:14px; height:14px; margin-right:5px; background:url(../images/mail.png);}
#top-link .wrap .fb-like{top:-9px; float:right; width:70px; margin-left:10px;}
#top-link .wrap .social{float:right;}
#top-link .wrap .social a{display:inline-block; width:40px; height:40px; background:url(../images/social2.png); text-indent:-9999px; transition:all .3s;}
#top-link .wrap .social a:hover{background-color:#e83228;}
#top-link .wrap .social .fb{background-position:left top;}
#top-link .wrap .social .google{background-position:-40px top;}
#top-link .wrap .social .twitter{background-position:-80px top;}
#top-link .wrap .social .linkedin{background-position:-120px top;}
#top-link .wrap .social .instagram{background-position:right top;}
#top-link .wrap .social .youtube{background-position:right top;}
#top-link .wrap .social .rss{background-position:-160px top;}
#top-link .wrap .social .fb:hover{background-position:left bottom;}
#top-link .wrap .social .google:hover{background-position:-40px bottom;}
#top-link .wrap .social .twitter:hover{background-position:-80px bottom;}
#top-link .wrap .social .linkedin:hover{background-position:-120px bottom;}
#top-link .wrap .social .instagram:hover{background-position:right bottom;}
#top-link .wrap .social .youtube:hover{background-position:right bottom;}
#top-link .wrap .social .rss:hover{background-position:-160px bottom;}
#top-link .wrap .member{float:right; margin-right:10px; color:#999;}
#top-link .wrap .member a{font-size:13px; color:#999;}
#top-link .wrap .member a:hover{color:#000;}

/* header */
#header{position:relative; transition:all .3s; z-index:8; width: 100%; margin: 0 auto;}
#header .wrap{max-width:1350px; margin:0 auto; width:80%; padding:20px; box-sizing:border-box;}
#top-ad.wrap{max-width:1350px; margin:0 auto; width:80%; padding:25px 0; background:#fff; box-sizing:border-box;}
#header .wrap:after{content:""; display:block; clear:both;}
#header h1{float: left;width: 160px;height: 73px;top: 20px; left: 10px; position: relative;background: url(../images/logo.png);background-size: 100%;text-indent: -9999px;cursor: pointer;transition: all .3s;}
#header h1.reverse {background:url(../images/logo_reverse.png);}
#navigation{float: left;margin: 12px 0px 12px 3%;padding: 1px 1px 0px 0px;font-weight: bold;width: 70%;transition: all .3s;}
#navigation li{display:inline-block; padding: 4px 15px; border-left: 2px solid #efefef;}
#navigation .comment{padding: 4px 15px;}
#navigation .special-font{display:inline-block; padding:0 15px; text-shadow: 0px 0px 10px #000, 0px 0px 10px #000;}
#navigation .special-font:hover{display:inline-block; padding:4px 15px; text-shadow: 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff;}
#navigation li a{display:block; font-size:20px; color: #000; transition:all .3s;}
#navigation li:hover{background-color: #aaacab;padding: 4px 15px;}
#navigation .li-first:hover{display:inline-block; padding:4px 15px;}
#header .toggle{position:relative; top:13px; float:right; margin-right: 10px; display:block; width:30px; height:30px; background:url(../images/search.png) center center no-repeat; text-indent:-9999px;}
#header .toggle:hover ,
#header .toggle.active{background-color:#f2f2f2;}
#marquee{clear: both; display: block; width: 93%; margin: 0 0 0 9.5%; padding: 0px 40px 0 75px; box-sizing: border-box; transition: all .3s;}
#marquee ul{position: relative; height: 43px; border-right: 15px solid #b81d23; overflow: hidden;}
#marquee li{position: absolute;left: 0;top: 45px; background: #E83228; width: 100%; padding: 0 150px 5px 130px; box-sizing: border-box;}
#marquee li .tag{position: absolute; left: 10px; top: 0px; display: block; width: 110px; padding: 8px 0; border-right: 2px solid #fff; font-size: 20px; font-weight: bold; color: #fff; text-align: center;}
#marquee li .time{position: absolute; right: 10px; top: 12px; display: inline-block; padding: 0; font-size: 18px; color: #FFF;}
#marquee li a{display: block; font-size: 20px; color: #fff; line-height: 45px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all .3s;}
#marquee li a:hover{color:#333;}
#search{position:absolute; left:10%; top:100%; display:none; width:80%; padding:20px 0px; background:#f3f3f3; box-sizing:border-box; z-index:1}
#search form{position:relative; max-width:1350px; margin:0 auto;}
#search input{display:block; width:100%; height:50px; padding:10px 40px 10px 10px; border:1px solid #999; border-radius:3px; font-size:20px; box-sizing:border-box;}
#search button{position:absolute; right:8px; top:8px; width:35px; height:35px; background:#e83228; border:none; border-radius:3px; font-size:13px; color:#FFF; line-height:30px; font-weight:bold; text-align:center; transition:all .3s;}
#search button:hover{background:#5f0000;}
/*#header.scroll{position: fixed; left: 0; top: 0; width: 100%; background: #efefef;}
#header.scroll .wrap{padding:0 10px;}
#header.scroll h1{width: 160px;height: 73px;top: 30px;}
#header.scroll #marquee{padding: 0 64px 10px 72px; width:95%;}
#header.scroll #marquee ul{background:#FFF;}*/


/* header-space */
#header-space{display:none; height:100px;}

/* mobile */
#mobi-btn{position:absolute; left:0; top:0; display:none; width:50px; height:50px; border-right:1px solid #e4e4e4;}
#mobi-btn hr{position:absolute; left:13px; width:23px; height:4px; background:#666; border:none;}
#mobi-btn hr.line-1{top:9px;}
#mobi-btn hr.line-2{top:17px;}
#mobi-btn hr.line-3{top:25px;}
#mask{position:fixed; left:0; top:0; display:none; width:100%; height:100%; background:rgba(0,0,0,.6); z-index:9;}
#mobile{position:absolute; left:-190px; top:0; width:190px; min-height:100%; padding:10px; background:#f2f2f2; box-sizing:border-box; z-index:10}
#mobile h1{width:160px; height:73px; margin:20px 0; background:url(../images/logo.png); background-size:cover; text-indent:-9999px;}
#mobile ul{overflow:hidden; padding-left: 0px !important;}
#mobile li{float:left; width:40%; padding: 0 5%;}
#mobile li a{font-size:16px; color:#000; line-height:40px;}
#mobile .member{margin-bottom:20px;}
/*#mobile .member:before{content:"會員中心"; display:block; margin-bottom:10px; padding:10px 0; border-bottom:1px solid #e83228; font-size:20px; color:#e83228;}*/
#mobile .member a{display:inline-block; color:#000;}
#mobile .social:before{content:"社群分享"; display:block; padding:10px 0; border-bottom:1px solid #e83228; font-size:20px; color:#e83228;}
#mobile .social a{display:inline-block; width:40px; height:40px; background:url(../images/social2.png); text-indent:-9999px; transition:all .3s;}
#mobile .social .fb{background-position:left top;}
#mobile .social .google{background-position:-40px top;}
#mobile .social .twitter{background-position:-80px top;}
#mobile .social .linkedin{background-position:-120px top;}
#mobile .social .instagram{background-position:right top;}
#mobile .social .youtube{background-position:right top;}
#mobile .social .rss{display:none;}

/* top-ad */
#top-ad{padding:1% 0; text-align:center;}
#top-ad a{display:inline-block;}
#top-ad a img{display:block; max-width:100%; height:auto;}

/* container */
#container{position:relative; width:80%; max-width:1350px; margin:0 auto; padding-right:330px; overflow:hidden; box-sizing:border-box;}
body.feature_article #container { max-width:1350px; }
#container.full{padding-right:0;}
#container .right{position:absolute; right:0; top:0; width:300px;}
#container .right .ad{display:block; margin-bottom:20px;}
#container .right .ad img{display:block; width:100%; height:auto;}
#container .right dl{margin:20px 0;}
#container .right dt{margin-bottom:10px; background:#000;}
#container .right dt a{position:relative; display:block; transition:all .3s;}
#container .right dt a:after{content:""; position:absolute; left:50%; top:50%; display:block; width:50px; height:51px; margin:-25px 0 0 -25px;}
#container .right dt a img{display:block; width:100%; height:auto;}
#container .right dd a{font-size:14px; color:#333; line-height:18px;}
#container .right dd a:hover{text-decoration:underline;}
#container .right .list{padding: 0 0 20px 0;overflow: hidden; margin-left: -37px;}
#container .right .list h3{padding: 6px;margin: 0 0 0 40px;background: #e83228;font-size: 16px;color: #fff;width:100%;}
#container .right .list li{padding:0;overflow:hidden;}
#container .right #hotnews li,#container .right #hotshare li {padding: 10px 8px;overflow: hidden;}
#container .right .list ul img,#container .right .list li a img {display: block;width: 100%;height: auto;}
#container .right .list li a{font-size:17px; color:#333; line-height:25px;}
#container .right .list li a:hover{text-decoration:underline;}
#container .right .list li a img{display:block; width:100%; height:auto; margin-bottom:10px;}
#container .right .list .more{float:right; padding:10px 0; font-size:14px; color:#e83228; text-align:right;}
#container .right .list .more:hover{text-decoration:underline;}
#container .right .list li:nth-child(even){background-color:#fff;}
.list .owl-theme .owl-controls .owl-page span {display: none;}

/* news-media */
#chanel-top {width: 95%;max-width: 1350px; margin: 0 auto;}
#chanel-title {padding: 1% 0 3% 0; position:relative;}

@media screen and (min-width:769px){
#chanel-title h1:before {content: ''; border-top: 3px solid #999; margin: 0 0 0 0; flex: 1 0 20px;}}
#chanel-title h1:after {content: ''; border-top: 3px solid #999; margin: 0 0 0 0; flex: 1 0 20px;}
#chanel-title h1 {display: flex;width: 100%;justify-content: center;align-items: center;text-align: center;font-size: 24px;}
#chanel-title h1 a {color:#999; padding:0 10px;}
#chanel-title h1 a.current, #chanel-title h1 a:hover {color:#01495F;}
#chanel-title h1 a.feat_tab {color:#000; background: #fff;}

.style2 #chanel-title {margin-top:25px;}
.style2 #chanel-title h1:before {content: ''; border:none; margin: 0 0 0 0; flex: 1 0 20px;}
.style2 #chanel-title h1:after {content: ''; border:none; margin: 0 0 0 0; flex: 1 0 20px;}

.tags {overflow-x: auto;overflow-y: hidden;text-align:center;background: #aaacab;}
.tags li {display: inline-block;padding: 8px 10px 8px 10px;background: #aaacab;border-right: 1px solid #fff;}
.tags a {font-size: 20px;color: #FFF;font-weight: bold;}
.tags li:last-child {border: none;}
.tags li:hover {background: #CA3C37;}
.left {background: #fff;width: 100%;}
.fullwidth {background: none;width: 100%;}
#news-media{}
#news-media h2{margin-bottom:20px; padding-bottom:10px; font-size:28px; color:#333; text-align:center;}
#news-media dl{padding:0;margin: 2% 0 0 0;box-sizing: border-box;}
#news-media dt a{position:relative; display:block; padding-bottom:65%;}
#news-media dt a img ,
#news-media dt a iframe{position:absolute; left:0; top:0; display:block; width:100%; height:100%;}
#news-media dd &gt; a{font-size:21px; color:#333; line-height:25px; font-weight: bold; display:inline-block;}
#news-media dd &gt; a:hover{text-decoration:underline;  display:inline-block;}
#news-media dd .tag{padding-bottom:10px;}
#news-media dd .tag a{display:inline-block; margin:5px 5px 0 0; padding:3px 5px; background:#e83228; font-size:14px; color:#FFF; font-weight:bold; box-shadow: 4px 5px 5px #c8c8c8;}
#news-media dd .tag a:hover{display:inline-block; margin:5px 5px 0 0; padding:3px 5px; background:#666; font-size:14px; color:#FFF; font-weight:bold; box-shadow: 4px 5px 5px #c8c8c8;}
#news-media dd .fb-like{display:block; padding:10px 0;}
#news-media dd p{font-size:18px; color:#333; line-height:30px;}
#news-media dd .author{padding-bottom:10px; font-size:14px; height:12px;color:#333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
#news-media dd .author a{display:inline-block; margin-right:5px; color:#e83228; font-weight:bold;}
#news-media dd .time{padding-bottom:10px; font-size:14px; color:#333;}
#news-media dd .time a{display:inline-block; margin-right:5px; color:#e83228; font-weight:bold;}
#news-media dd .share b{float:left; display:block; width:80px; background:#f1f1f1; font-size:13px; line-height:40px; text-align:center;}
#news-media dd .share a{display:inline-block; width:40px; height:40px; background:url(../images/social.png); text-indent:-9999px; transition:all .3s;}
#news-media dd .share a:hover{background-color:#e83228;}
#news-media dd .share .fb{background-position:left top;}
#news-media dd .share .google{background-position:-40px top;}
#news-media dd .share .twitter{background-position:-80px top;}
#news-media dd .share .linkedin{background-position:-120px top;}
#news-media dd .share .fb:hover{background-position:left bottom;}
#news-media dd .share .google:hover{background-position:-40px bottom;}
#news-media dd .share .twitter:hover{background-position:-80px bottom;}
#news-media dd .share .linkedin:hover{background-position:-120px bottom;}

#news-media .main{margin: 2% 0 1% 0;padding: 0; box-sizing: border-box;position:relative; overflow:hidden;}
#news-media .main dt{float:left; width:77%;}
#news-media .main dd{float:left; width: 23%;}
#news-media .main dd p{padding:10px 0;}

#news-media .wrap{padding:0;overflow:hidden;}
/*#news-media .wrap dl{float:left; width:32%; box-sizing:border-box;}*/
#news-media .wrap .top-dl {float:left; width:32%; box-sizing:border-box; }
#news-media .wrap .top-dl {float:left; margin:0 1%;}
#news-media .wrap .top-dl:first-child {margin:0 1% 0 0;}
#news-media .wrap .top-dl:last-child {margin:0 0 0 01%;}
#news-media .wrap .top-dl dl dt {overflow:hidden; background:#000;}
.zoom {transform .2s;}
.zoom:hover { transform: scale(1.2); transition: transform .2s;   opacity: 0.8;}

#news-media .wrap .item dl {float: left;width: 96%;box-sizing: border-box;}
#news-media .wrap dt{margin-bottom:0px;}
#news-media .wrap dd {padding: 2%;}
#news-media .wrap dd &gt; a{ display:inline-block; height:50px; overflow:hidden; font-size:21px;}
#news-media .wrap dd p{height:90px; overflow:hidden;}
#news-media .wrap dd .share{margin-top:10px;}
#news-media .project-title {font-size: 25px; background-color: #E83228;text-align: center;color: #fff; text-shadow: 2px 8px 6px rgba(0,0,0,0.2),0px -5px 35px rgba(255,255,255,0.3);}

/* page */
#page{padding:5% 0; text-align:center;}
#page a{display:inline-block; width:40px; margin:-1px 0 0 -1px; border:1px solid #807e7f; font-size:18px; color:#807e7f; line-height:40px; text-align:center; font-weight:bold;}
#page a:hover ,
#page a.active{background:#f2f2f2; color:#000;}

/* news-info */
#news-info {padding: 1%;}
#news-info .title{padding-bottom:10px; border-bottom:3px solid #e83228;}
#news-info .title h2{margin-bottom:10px; font-size:35px; color:#333; font-weight: bold;}
#news-info .title .author{padding:10px 0; font-size:14px; color:#333;}
#news-info .title .author a{display:inline-block; margin-right:5px; color:#e83228; font-weight:bold;}

#news-info .tag{padding:5px 0;}
#news-info .tag a{display:inline-block; margin:5px 5px 0 0; padding:3px 5px; background:#e83228; font-size:14px; color:#FFF; font-weight:bold; box-shadow: 4px 5px 5px #c8c8c8;}
#news-info .tag a:hover{display:inline-block; margin:5px 5px 0 0; padding:3px 5px; background:#666; font-size:14px; color:#FFF; font-weight:bold; box-shadow: 4px 5px 5px #c8c8c8;}
#news-info .share{padding:20px 0; overflow:hidden;}
#news-info .share b{float:left; display:block; width:80px; background:#f1f1f1; font-size:13px; line-height:40px; text-align:center;}
#news-info .share &gt; a{float:left; display:inline-block; width:40px; height:40px; background:url(../images/social.png); text-indent:-9999px; transition:all .3s;}
#news-info .share &gt; a:hover{background-color:#e83228;}
#news-info .share .fb{background-position:left top;}
#news-info .share .google{background-position:-40px top;}
#news-info .share .twitter{background-position:-80px top;}
#news-info .share .linkedin{background-position:-120px top;}
#news-info .share .fb:hover{background-position:left bottom;}
#news-info .share .google:hover{background-position:-40px bottom;}
#news-info .share .twitter:hover{background-position:-80px bottom;}
#news-info .share .linkedin:hover{background-position:-120px bottom;}
#news-info .img img{display:block; width:100% !important; height:auto !important;}
#news-info .img p{font-size:16px; color:#333; line-height:24px; padding:10px; background:#DDD;}
#news-info .video-container{position:relative; padding-bottom:52.65%;}
#news-info .video-container iframe{position:absolute; left:0; top:0; width:100%; height:100%;}

#news-info .editor{padding:5% 90px; font-size:20px; color:#333; line-height:32px; letter-spacing:2.5px;}
#news-info .editor img{display:inline-block; max-width:100% !important; height:auto !important;}
#news-info .editor a{padding-bottom:3px; border-bottom:2px solid #e83228; color:#333;}
#news-info .editor a:hover{color:#e83228;}
#news-info .editor iframe{width:100%;}
#news-info .editor blockquote{
  font-family: Georgia, Times, "Times New Roman", serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 28.8px;
  line-height: 1.8rem;
  background: #f5f5f5;
  background: none;
  border-left: 4px solid #D3D3D3;
  padding: 1em 2em;
}

#news-info .editor .ps-area{
  display:inline-block;
  position: relative;
  bottom: 2px;
  margin-left: -5px;
  margin-right: 5px;
	line-height: 16px;
  border-radius:5px;
	background-color: #ee782b;
}

#news-info .editor .ps-area .ps-title{
	margin-left: 3px;
	display:inline-block;
  font-size: 14px;
  font-weight: 600;
	color: #FFF;
}

#news-info .editor .ps-area .more{position:relative;float:right; margin: 3.2px 5px 0 1px; display:block; width:10px; height:8px;  border:1px solid #FFF; border-radius:20%; text-indent:-9999px;}
#news-info .editor .ps-area .more:before ,
#news-info .editor .ps-area .more:after{content:""; position:absolute; display:block; background:#FFF;}
#news-info .editor .ps-area .more:before{left:1px; top:4.2px; width:8.6px; height:1.2px;}/*橫*/
#news-info .editor .ps-area .more:after{left:4.6px; top:1px; width:1.2px; height:8.8px;}/*直*/
#news-info .editor .ps-area .more.active:after{display:none;}
#news-info .editor .ps-detail{display:none;}
#news-info .editor .ps-detail.active{
	display: block;
	font-weight: 600;
	color: #000;
    background-color: #efefef;
    font-family:arial , "明體";
    font-size: .88889em;
    line-height: 1.8;
    letter-spacing: .5px;
    padding: .88889rem 1.33333rem;
    margin-top: .55556rem;
    margin-bottom: .88889rem;
/*    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-name: Annotation__fade-in-down___2dvAo;
    animation-name: Annotation__fade-in-down___2dvAo;*/
}
#news-info .editor .ps-detail.active:before{
	content: "";
  position: relative;
  left: -15px;
  top: -10px;
	content:url(../images/ra.jpg);
}

#news-info .related{padding:20px; background:#f2f2f2;}
#news-info .related h3{padding-bottom:10px; font-size:24px; color:#333;}
#news-info .related li{padding:5px 0 5px 20px; text-indent:-10px;}
#news-info .related li:before{content:""; position:relative; top:-3px; display:inline-block; width:5px; height:5px; margin-right:5px; background:#000; border-radius:50%;}
#news-info .related li a{font-size:20px; color:#e83228; font-weight: bold;}
#news-info .related li a:hover{color:#600000;}

#news-info .label{padding:5% 0; font-size:14px; text-align:right;}
#news-info .label b{color:#333;}
#news-info .label a{display:inline-block; margin:0 5px 5px 0; padding:5px 10px; color:#666;}
#news-info .label a:hover{background:#f2f2f2; color:#ff6600;} 

#news-info &gt; .author{margin-top:5%; padding:20px; background:#f2f2f2; overflow:hidden;}
#news-info &gt; .author dt{float:left; width:40%;}
#news-info &gt; .author dt a{display:block; transition:all .3s;}
#news-info &gt; .author dt a:hover{opacity:.6;}
#news-info &gt; .author dt a img{display:block; width:100%; height:auto;}
#news-info &gt; .author dd{float:right; width:58%;}
#news-info &gt; .author dd h3{margin-bottom:20px; font-size:24px; color:#333;}
#news-info &gt; .author dd p{font-size:18px; color:#666; line-height:30px;}

#news-info .other{overflow:hidden;}
#news-info .other a{display:block; width:49%; padding:20px; background:#f2f2f2; box-sizing:border-box;}
#news-info .other a.prev{float:left;}
#news-info .other a.next{float:right; text-align:right;}
#news-info .other a b{display:block; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #e83228; font-size:24px; color:#333;}
#news-info .other a dl{padding-top:20px; overflow:hidden;}
#news-info .other a dt{width:30%; box-sizing:border-box;}
#news-info .other a dt img{display:block; width:100%; height:auto; margin-bottom:10px;}
#news-info .other a dd{width:70%; font-size:18px; color:#666; line-height:22px;}
#news-info .other a:hover dt{opacity:.6;}
#news-info .other a:hover dd{color:#e83228;}
#news-info .other a.prev dt ,
#news-info .other a.prev dd{float:left;}
#news-info .other a.prev dt{padding-right:20px;}
#news-info .other a.next dt ,
#news-info .other a.next dd{float:right;}
#news-info .other a.next dt{padding-left:20px;}

#news-info .fb-comments{padding:5% 0;}
#ps1{padding:0px 90px 20px; font-size:20px; color:#333; line-height:32px; letter-spacing:2.5px;}


/* more-article */
#more-article{clear:both; padding:5% 0; overflow:hidden;}
#more-article dl{float:left; width:23%; margin:1%;}
#more-article dt{background:#000;}
#more-article dt a{display:block; transition:all .3s;}
#more-article dt a:hover{opacity:.6;}
#more-article dt a img{display:block; width:100%; height:auto;}
#more-article dd{padding:10px 0;}
#more-article dd &gt; a{ display:inline-block; height:60px; overflow:hidden; font-size:24px; color:#333; line-height:30px; box-sizing:border-box;}
#more-article dd .other{padding-top:20px;}
#more-article dd .other .tag a{display:inline-block; padding:0 5px; background:#e83228; font-size:14px; color:#FFF; line-height:24px; font-weight:bold;}
#more-article dd .other .tag a.hot{padding:0 20px; background:#600000;}
#more-article dd .other .time{display:inline-block; padding-left:5%; font-size:14px; color:#333;}

/* feedback */
#feedback h2{margin-bottom:20px; padding-bottom:10px; border-bottom:3px solid #e83228; font-size:28px; color:#333; text-align:center;}
#feedback h3{margin-top:5%; font-size:20px; text-align:center;}
#feedback h4{margin-bottom:20px; font-size:20px; color:#333;}
#feedback p{padding-top:10px; font-size:15px; text-align:center;}
#feedback form{margin-top:5%; padding:20px 50px; background:#fbfbfb;}
#feedback form .list{padding:20px 0; font-size:16px; color:#333;}
#feedback form .wrap{margin-bottom:5%; padding-bottom:5%; border-bottom:1px dashed #CCC;}
#feedback form input ,
#feedback form select ,
#feedback form textarea{display:block; width:100%; height:50px; margin-top:10px; padding:10px 40px 10px 10px; border:1px solid #999; border-radius:3px; font-size:20px; color:#333; box-sizing:border-box;}
#feedback form textarea{height:150px;}
#feedback form button{display:block; width:200px; margin:0 auto 30px auto; background:#e83228; border:none; font-size:20px; color:#FFF; line-height:50px; text-align:center; transition:all .3s;}
#feedback form button:hover{background:#666;}

/* alert */
#alert{position:fixed; left:0; top:0; display:none; width:100%; height:100%; background:rgba(0,0,0,.8); z-index:10}
#alert .wrap{position:absolute; left:50%; top:-300px; display:table; width:450px; height:300px; margin-left:-225px; padding:20px; background:#FFF; box-shadow:0 0 20px rgba(0,0,0,.8); box-sizing:border-box;}
#alert .wrap:after{content:""; position:absolute; right:10px; bottom:10px; display:block; width:0; height:0; border-style:solid; border-width:20px 20px 0 0; border-color:transparent #EEE transparent transparent;}
#alert .wrap dl{display:table-cell; vertical-align:middle;}
#alert .wrap dl:before{content:""; display:block; width:40px; height:40px; margin:0 auto 15px auto; background:url(../images/success.png); background-size:100%;}
#alert .wrap dt{text-align:center;}
#alert .wrap dt p{font-size:17px; color:#333; line-height:25px;}
#alert .wrap dt span{display:inline-block; margin-top:10px; padding:10px; border:1px dotted #CCC;  font-size:13px; color:#999;}
#alert .wrap dt span:before{content:""; position:relative; top:3px; display:inline-block; width:14px; height:14px; margin-right:5px; background:url(../images/mail.png);}
#alert .wrap dd{padding-top:20px;}
#alert .wrap dd a{display:block; width:180px; margin:0 auto; background:#000; font-size:20px; color:#FFF; line-height:50px; text-align:center; transition:all .3s;}
#alert .wrap dd a:hover{background:#999;}

/* about */
#about .img img{display:block; width:100%; height:auto;}
#about &gt; .wrap{padding:10% 0;}
#about &gt; .wrap h2{margin-bottom:3%; font-size:30px; color:#333; text-align:center;}
#about &gt; .wrap h2:before ,
#about &gt; .wrap h2:after{content:""; position:relative; top:-8px; display:inline-block; width:4%; height:1px; margin:0 .5%; background:#333;}

#about .vision p{width:90%; max-width:800px; margin:0 auto; font-size:18px; font-weight: bold; text-align: center; color:#333; line-height:30px;}

#about .team{background:#fafafa;}
#about .team .wrap{width:90%; max-width:1350px; margin:0 auto; overflow:hidden;}
#about .team .wrap dl{float:left; width:16.66%; padding:0 2%; box-sizing:border-box;}
#about .team .wrap dt img{display:block; max-width:100%; height:auto; margin:0 auto; border-radius:50%;}
#about .team .wrap dd{padding-top:20px; font-size:16px; color:#333; font-weight:bold; text-align:center;}
#about .team .wrap dd span{display:block; padding-top:5px; font-size:13px; color:#999; font-weight:normal;}

#about .contact dl{max-width:300px; margin:0 auto; font-size:15px; color:#333; line-height:30px; text-align:center;}
#about .contact dt{padding-bottom:10px;}
#about .contact dd a{display:block; width:40px; height:40px; margin:0 auto; background:url(../images/contact.png) center center no-repeat #666; background-size:20px 20px; border-radius:50%; text-indent:-9999px; transition:all .3s;}
#about .contact dd a:hover{background-color:#000;}
#about .contact dl:first-child{margin-bottom:50px; padding-bottom:50px; border-bottom:1px dashed #000;}

#ad-post{background:#fafafa; font-size:15px; color:#333; line-height:30px; text-align:center;}
#ad-post a{display:inline-block; margin-top:20px; padding:5px 20px; background:#e83228; border-radius:5px; font-size:18px; color:#FFF; text-align:center; transition:all .3s;}
#ad-post a:hover{background:#000;}

/* member */
#member{padding-bottom:50px;}

#member form h2{margin-bottom:20px; padding-bottom:10px; border-bottom:3px solid #e83228; font-size:28px; color:#333; text-align:center;}
#member form .note{padding:5% 0; font-size:18px; color:#333; line-height:30px; text-align:center;}
#member form ul{max-width:500px; margin:0 auto;}
#member form li{position:relative; padding:3% 0; font-size:18px; color:#333;}
#member form li b{display:block; margin-bottom:10px; font-weight:normal;}
#member form input ,
#member form select ,
#member form textarea{display:block; width:100%; height:50px; padding:10px 40px 10px 10px; border:1px solid #999; border-radius:3px; font-size:20px; color:#333; box-sizing:border-box;}
#member form textarea{height:150px;}
#member form .btn{padding:50px 0; text-align:center;}
#member form .btn button ,
#member form .btn a{display:inline-block; margin:0 10px; padding:10px 30px; border:none; font-size:20px; color:#FFF; line-height:30px; text-align:center; transition:all .3s;}
#member form .btn button[type="button"] ,
#member form .btn a{background:#e83228;}
#member form .btn button:hover ,
#member form .btn a:hover{background:#666;}
#member form .other{text-align:center;}
#member form .other a{color:#666; cursor:pointer;}
#member form .other a:hover{color:#e83228;}

#member form .verify{position:relative; padding-right:190px; overflow:hidden;}
#member form .verify img{position:absolute; right:40px; top:0; display:block; width:139px; height:50px;} 
#member form .verify .refresh{position:absolute; right:10px; top:15px; display:block; width:20px; height:20px; background:url(../images/refresh.png); background-size:100%; text-indent:-9999px; transition:all .3s;}
#member form .verify .refresh:hover{transform:rotate(180deg); -webkit-transform:rotate(180deg); opacity:.6;}

#member form.register{display:none;}
#member form.register.step-1{display:block;}

#member form .phone span{display:block; padding-top:20px; overflow:hidden; text-align:center; line-height:50px;}
#member form .phone span input{display:inline-block;}
#member form .phone span .opt-2{float:left; width:30%;}
#member form .phone span .opt-3{float:right; width:60%;}

#member form .sexual label{margin-right:15px;}
#member form .sexual input{display:inline-block; width:15px; height:15px; margin-right:5px;}

#member form .address .row-1{padding-bottom:20px; overflow:hidden;}
#member form .address .row-1 select{float:left; width:31.33%; margin-right:2%;}
#member form .address .row-2 input{width:98%;}

#member form.password{margin-top:50px;}

/* RSS */
#rss h2{margin-bottom:20px; padding-bottom:10px; border-bottom:3px solid #e83228; font-size:28px; color:#333; text-align:center;}
#rss .tags{padding:30px 0; font-size:16px; color:#333; line-height:30px; text-align:center;}
#rss .tags a{color:#e83228;}
#rss .tags a:hover{color:#333;}
#rss .wrap{padding:30px; background:#fbfbfb;}
#rss .wrap h3{margin:30px 0; font-size:25px;}
#rss .wrap p{font-size:16px; color:#666; line-height:25px;}
#rss .wrap .links{margin-top:20px;}
#rss .wrap .links li{padding-bottom:10px;}
#rss .wrap .links a{font-size:16px; color:#e83228; transition:all .3s;}
#rss .wrap .links a:hover{color:#333;}

/* footer */
#footer{background:none; border-top:5px solid #b5b9b8;}
#footer &gt; .wrap{width:95%; max-width:1350px; margin:0 auto; padding:30px 0; overflow:hidden;}
#footer &gt; .wrap &gt; li{float:left; width:29.33%; margin:0 2%;}
#footer &gt; .wrap &gt; li h2{margin-bottom:20px; font-size:17px; color:#808080; font-weight:normal;}
#footer .about img{display:block; width:101px; height:auto;}
#footer .about p{max-width:340px; padding:20px 0; font-size:14px; color:#808080; line-height:22px;}
#footer .about a{font-size:15px; color:#808080; font-weight:bold;}
#footer .about a:hover{color:#ff6600;}

#footer .link{padding-bottom:60px;}
#footer .link .wrap{overflow:hidden; width:100%; margin-left:-40px;}
#footer .link .wrap li{float:left; width:20%; padding:3px 0; margin:1%; background: none; text-align: center;}
#footer .link .wrap li a{display:inline-block; font-size:14px; color:#808080;}
#footer .link .wrap li a:hover{color:#ff6600;}

#footer .info{font-size:14px;}
#footer .info p{padding:3px 0;}
#footer .info p a{color:#808080;}
#footer .info p a:hover{color:#ff6600;}
/*#footer .info p:before{content:""; position:relative; top:2px; display:inline-block; width:15px; height:15px; background:url(../images/footer_icon.png); margin-right:5px;}*/
#footer .info .location:before{background-position:left top;}
#footer .info .phone:before{background-position:center top;}
#footer .info .mail:before{background-position:right top;}

#footer .epaper p{max-width:260px; font-size:14px; color:#FFF; line-height:22px;}
#footer .epaper form{position:relative; padding:20px 0;}
#footer .epaper form input{display:block; width:100%; height:36px; padding:10px 100px 10px 10px; border:1px solid #999; border-radius:3px; box-sizing:border-box;}
#footer .epaper form button{position:absolute; right:3px; top:23px; width:90px; height:30px; background:#e83228; border:none; border-radius:3px; font-size:14px; color:#FFF; text-align:center;}

#footer .social a{display:inline-block; width:40px; height:40px; margin:0 8px 8px 0; background:url(../images/footer_social_mono.png); text-indent:-9999px; opacity:.6; transition:all .3s;}
#footer .social a:hover{opacity:1}
#footer .social .fb{background-position:left top;}
#footer .social .google{background-position:-40px top;}
#footer .social .twitter{background-position:-80px top;}
#footer .social .instagram{background-position:-120px top;}
#footer .social .youtube{background-position:-160px top;}
#footer .social .linkedin{background-position:-200px top;}
#footer .social .line{margin:0; background-position:right top;}

/* copyright */
#copyright{background:#000;}
#copyright .wrap{width:90%; max-width:1350px; margin:0 auto; padding:20px 0; overflow:hidden; font-size:13px; color:#FFF; text-align:center;}
#copyright .wrap span{float:right; display:block; width:50%;}
#copyright .wrap a{color:#FFF;}
#copyright .wrap a:hover{color:#CCC;}

/* gotop */
#gotop{position:fixed; right:5%; bottom:10%; display:block; width:60px; height:60px; background:url(../images/gotop.png) center center no-repeat #01495F; border-radius:50%; text-indent:-9999px;}
#social_sidebar {position:fixed; right:3px; bottom:40%; display:block; width:50px; height:160px;z-index:9999999;}
#social_sidebar a {position: relative; width:50px; height:50px; display:block; background-color: #fff;border-radius: 3px; margin-bottom:3px;}
#social_sidebar a img {width:60%; margin:10px; opacity: 0.3;}
@media screen and (max-width:767px){#social_sidebar {display: none;}}

/* mobile-ad */
.mobile-ad{position:fixed; left:0; top:0; display:none; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:11}
.mobile-ad .wrap{display:table-cell; vertical-align:middle; text-align:center;}
.mobile-ad .wrap span{position:relative; display:inline-block;}
.mobile-ad .wrap img{display:block; max-width:100%; height:auto; margin:0 auto;}
.mobile-ad .close{display:block; width:36px; height:36px; background:url(../images/close.png); text-indent:-9999px;}
#cover-ad .close{position:absolute; right:-10px; top:-18px;}
#full-ad .close{position:fixed; right:0; top:0;}
#bottom-ad{position:fixed; left:0; bottom:0; display:none; width:100%; background:#FFF; overflow:hidden; z-index:8}
#bottom-ad img{display:block; max-width:100%; height:auto; margin:0 auto;}


/* RWD */
@media screen and (max-width:1366px){
.tags {white-space: nowrap;}
#header {width: 100% !important;margin: 0 auto !important;}
#header .wrap {/*margin: 0;*/ padding: 8px 10px;}
#header h1 {position: unset;background: url(../images/logo.png);background-size: 100%; /*width: 76px;height: 34px;*/}
#header.scroll {left: 0;width: 100%;}
#header.scroll .wrap {padding: 10px;}
#header.scroll h1 {width: 76px;height: 34px;background-size: 100%;margin-top: 0px;top: 30px;}
#marquee {padding: 20px 0 0 0;width: 100%;margin: 0;}
#header.scroll #marquee {padding: 10px 0 0 0;}
}



@media only screen and (min-width: 768px) and (max-width: 1366px) ,screen and (max-width: 1366px) and  (orientation: landscape) {
/* news-media */
#news-media .main dt {float: none;width: 100%;}
#news-media .main dd {width: 100%;}
}

@media screen and (max-width:1200px){
/* news-media */
#news-media .wrap dd .share{text-align:center;}
#news-media .wrap dd .share b{float:none; width:100%; line-height:25px;}
/* news-info */
#news-info .other a dt ,
#news-info .other a dd{width:50%;}
}

@media screen and (max-width:1170px){
/* header */
#navigation li{padding:0 8px;}
}

@media screen and (max-width:1024px){
/* header */
#top-link .wrap .mail {display:none;}
}

@media screen and (max-width:1000px){
/* top-link */
#top-link .wrap .mail ,
#top-link .wrap .social ,
#top-link .wrap .member{display:none;}
/* header */
#header .wrap{padding:8px 10px;}
#header h1{width:76px; height:34px; margin-left:15px; margin-top:10px;}
#navigation{display:none;}
/*#header .toggle{top:0;}*/
#marquee{padding:20px 0 0 0;}
#header.scroll{display:block;}
#header.scroll .wrap{padding:10px;}
#header.scroll h1{margin-top:0;}
#header.scroll .toggle{top:0;}
#header.scroll #marquee{padding:10px 0 0 0;}
/* header-space */
#header-space{height:50px;}
/* mobile */
#mobi-btn{display:none;}
/* news-info */
#news-info .editor{padding:5% 3%;}
}


@media screen and (max-width:940px){
/* top-ad */
/*.google_code{display:none;}*/
/* container */

#container{padding-right:0; min-height:inherit !important;}
.info-container{width:100% !important;}
#container .right{display:none;}
/* footer */
#footer .link .wrap li{width:33%;}
}

@media screen and (max-width:840px){
.tags {white-space: nowrap;margin-left: -37px;background:none;}
/* copyright */
#copyright .wrap{padding:10px 0;}
#copyright .wrap span{float:none; width:100%; padding:5px;}
}



.owl-item .item:first-child {padding:0 45px;}
.owl-item .item:last-child {padding:0 45px;}

@media screen and (max-width:768px){
.owl-item .item:first-child {padding:0;}
.owl-item .item:last-child {padding:0;}
}

/* RWD Mobile */

@media screen and (max-width:768px){
#header .wrap{max-width:1350px; margin:0 auto; width:100%; padding:0; background:none; box-sizing:border-box;}
#search{position:absolute; left:0; top:100%; display:none; width:100%; padding:10px 10px; background:#f3f3f3; box-sizing:border-box; z-index:1}
/* news-media */
#news-media h2{margin-bottom:10px;}
/* news-info */
#news-info .author dt ,
#news-info .author dd{float:none; width:100%;}
#news-info .author dt{margin-bottom:10px;}
#news-info .other a dt ,
#news-info .other a dd{float:none; width:100%; padding:0 !important;}
/* more-article */
#more-article dl{width:48%;}
/* footer */
#footer{text-align:center;}
#footer &gt; .wrap{width:100%; padding:20px; box-sizing:border-box;}
#footer &gt; .wrap &gt; li{float:none; width:100%; margin:0; padding:10px 0;}
#footer .about h2 ,
#footer .about a ,
#footer .link ,
#footer .epaper h2 ,
#footer .epaper p ,
#footer .social h2{display:none;}
#footer .about img{margin:0 auto;}
#footer .about p{max-width:none; padding-bottom:0;}
#footer .epaper form{padding-top:0;}
#footer .epaper form button{top:3px;}
/* about */
#about .team .wrap dl{width:33%; padding:3%;}

#news-media .wrap .top-dl {float:left; width:100%; box-sizing:border-box; }
#news-media .wrap .top-dl {float:left; margin:0 0 15px 0;}
#news-media .wrap .top-dl:first-child {margin:0 0 15px 0;}
#news-media .wrap .top-dl:last-child {margin:0 0 15px 0;}
#news-media .wrap .top-dl dl {background:none; }
#all {background:#e3e9e7;}

#upmedia_fp .item a h1 {height:48px; font-size: 20px; line-height: 24px; bottom: 15px; }
.fp_column {width:100%; float:left; overflow:hidden;}
}


@media screen and (max-width:640px){
/* header */
#marquee li{padding:0 20px;}
#marquee li .tag ,
#marquee li .time{display:none;}
/* news-media */
#chanel-title h1 {font-size: 22px;}
#news-media .main dt ,
#news-media .main dd{float:none; width:100%;}
#news-media .main dt{margin-bottom:10px;}
}

@media screen and (max-width:480px){
#container {width:100%;}
/* news-media */
#news-media .wrap .top-dl {padding: 0 10px 0 10px;}
#news-media .wrap .top-dl dt {width: 100% !important;}
#news-media .wrap .top-dl dd {width: 100% !important;}
#news-media .wrap dd {background: none;padding: 0;}
#news-media .main dt,#news-media .item dt {float: none !important;width: 100% !important;margin: 0 !important;}
#news-media .main {margin: 2% 0 5% 0;}
#news-media .main dd {float: none !important;width: 100% !important;}
#news-media dl {padding: 0;box-sizing: border-box;overflow: hidden;}
#news-media .project-title {font-size: 20px;text-align:center;text-shadow: 2px 8px 6px rgba(0,0,0,0.2),0px -5px 35px rgba(255,255,255,0.3);}
#news-media dt{float:left !important; width:95% !important; margin:0 !important;}
#news-media dd{float:right !important; width:63% !important;}
#news-media dd &gt; a{height:auto !important; font-size:22px !important; line-height:30px; margin-top:12px;  display:inline-block;}
#news-media dd .tag ,
#news-media dd p ,
#news-media dd .share{display:none;}
#news-media .wrap dl{float:none; width:100%;}
#news-media .wrap .item dd {float: none !important;width: 96% !important;background: #efefef;padding:2%;}
/* news-info */
/*#news-info .editor iframe{height:250px;}*/
/* more-article */
#more-article dl{float:none; width:100%; margin:15px auto; overflow:hidden;}
#more-article dt{float:left; width:40%;}
#more-article dd{float:right; width:56%; padding:0;}
#more-article dd &gt; a{height:auto; font-size:20px; line-height:25px;  display:inline-block;}
#more-article dd .other .tag a.hot{padding:0 5px;}
/* feedback */
#feedback form{padding:20px;}
/* alert */
#alert .wrap{left:5%; width:90%; margin:0; padding:15px;}
/* member */
#member form .address .row-1{padding:0;}
#member form .address .row-1 select{float:none; width:100%; margin-bottom:20px;}
#member form .address .row-2 input{width:100%;}
/* about */
#about .team .wrap dl{width:50%; padding:5%;}
/* gotop */
#gotop{width:40px; height:40px; background-size:20px 20px;}
/* mobile-ad */
.mobile-ad{display:table;}
#bottom-ad{display:block;}
}

@media screen and (max-width:380px){

}


/*@media print{
#container{
	width:90%; margin:0 auto; padding-right:0px;
}
#top-link,#header,#top-ad,.list,#footer,#fb-root,#container .right,.other,.label,.related,#st,.fb-comments,._pvmax_recommend,#_popIn_recommend,#copyright,#gotop{
  display: none; 
}
#news-info .editor{padding:5% 30px; font-size:20px; color:#333; line-height:32px; letter-spacing:2.5px;}

}
*/


.skyad {
  width: 100%;
    margin: 10px auto;
    text-align: center;
    position: relative;
}
@media screen and (min-width:1200px){
  .skyad {width: 1200px;}
}

.skyad .btn {
  position:absolute;
  top:5px; right:5px;
  width:80px; height:25px;
  /*background:#333;*/
  cursor:pointer;
}

.skyad #skyad_min img, .skyad #skyad_max img {width:100%; height:auto;}

#skyad_max .videoWrapper,#skyad_min1 .videoWrapper  {
  position:relative;
  padding-bottom:56.25%;
  padding-top:30px; height:0; overflow:hidden;
}

.videoWrapper iframe, .videoWrapper object, .videoWrapper embed {
  position:absolute;
  top:0; left:0;
  width:100%; height:100%;
}

#skyad_max #yt_fluid {
  width:60%; margin:0px auto 0;
}
#skyad_min1 #yt_fluid {
  width:35%; margin:0px auto 0;
}


@media screen and (max-width:480px){
  #skyad_max #yt_fluid {width:90%;}
  #skyad_max {min-height:100px;} 
  .skyad_video {padding-bottom:15px;}
  #skyad_max #yt_fluid {padding-top:35px;}
  #skyad_min1 #yt_fluid {width:70%;padding-top:35px;}

  #skyad_min1 {min-height:100px;} 
}

@media screen and (min-width:720px){
  #skyad_max {background-size:cover;}
  #skyad_max #yt_fluid {padding-top:55px;}
  .skyad_video {padding-bottom:15px;}
  #skyad_min1 #yt_fluid {padding-top:15px;}
}





.um_like {
  min-width:40px; height:21px;
  /*background:url(../images/ic_um_like.svg) no-repeat left #4268AD;*/
  background:url(../images/ic_um_like.png) no-repeat 4px 2px #4268AD;
  display:inline-block;
  vertical-align:bottom;
  border-radius:3px;
}
.um_like span {
  min-width:30px; height:21px;
  margin:/*12px*/ 0 0 0 23px;
  padding:0 8px 0 0;
  display:block;
  font-size:12px; color:#fff; text-align:left; line-height:21px;
}
.um_share {
  min-width:20px; height:21px;
  background:#4268AD;
  display:inline-block;
  padding:0 5px;
  vertical-align:bottom;
  font-size:12px; color:#fff; text-align:center; line-height:21px;
  border-radius:3px;
}


.um_like span,.um_share span{
      font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
}







/*focus*/
#banner_index{ margin:0 0 0 0.7%;}
#banner_index .item{overflow:hidden; width:100%;}

#banner_index .owl-buttons{ position:absolute;top:25%; width:100%; padding:0 5px 0 5px; box-sizing:border-box;pointer-events: none;}
#banner_index .owl-theme .owl-controls .owl-buttons div{ width:40px; height:70px; border-radius:0; padding:0; text-indent:-99999px;}
.owl-theme .owl-controls .owl-page {display: none;}
#banner_index .owl-buttons .owl-prev{ background:url(../images/prev_2.png); float:left; margin:0 0 0 5px;pointer-events: fill; opacity: 0.5;}
#banner_index .owl-buttons .owl-next{ background:url(../images/next_2.png); float:right; margin:0 10px 0 0;pointer-events: fill; opacity: 0.5;}
#banner_index .owl-buttons .owl-prev:hover {opacity: 1;}
#banner_index .owl-buttons .owl-next:hover {opacity: 1;}

#tbAuthorsSelect{
  width: 120px;
}

@media screen and (max-width: 480px){
	
	#banner_index .item{padding: 2%;}
	#banner_index .owl-buttons {top: 25%;width: 100%;padding: 0;}
	
}



  #test .owl-buttons div{position:absolute; top:30%; width:69px; height:74px; background:url(../images/slide_arrow.png); text-indent:-9999px;}
  //#test .owl-buttons .owl-prev{left:22px; background-position:left top;}
  //#test .owl-buttons .owl-next{right:-18px; background-position:right top;}
  #test .owl-buttons .owl-prev{display:none;}
  #test .owl-buttons .owl-next{display:none;}
  #test .owl-pagination{text-align:center;}
  #test .owl-pagination .owl-page{display:inline-block; width:10px; height:10px; margin:0 5px; background:#CCC; border-radius:50%;}
  #test .owl-pagination .owl-page.active{background:#e83228;}
  .list .owl-carousel {width: 100%; text-align: center;}
  
  #test .item img{width:89% !important;}  
  
  #test .item a p{
  width:89%; 
  padding:6px; 
  background: #fff;
  font-size:17px; 
  color:#000; 
  /*white-space:nowrap; */
  overflow:hidden; 
  text-overflow:ellipsis; 
  box-sizing:border-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; 
  display:-webkit-box;
}

  #container .right .list {
    padding: 0 0 20px 0;
    overflow: hidden;
}
  
  #container .right .list h3 {
    padding: 6px;
	margin: 0 0 0 40px;
    background: #e83228;
    font-size: 16px;
    color: #fff;
	width:100%;
}

#container .right .media h3 {
    background: -webkit-linear-gradient(left,#0c1950,#747895);
	background: -o-linear-gradient(right,#0c1950,#747895);
	background: -moz-linear-gradient(right,#0c1950,#747895);
	background: linear-gradient(to right,#0c1950,#747895);
}

#container .right .media ul img,#container .right .media li a img {
	border-bottom: 10px solid #0f3588;
	margin-bottom: 0px;
}

  #container .right .list {
   margin-left: -37px;
}
  
  #container .right .list li {
    padding: 0;
    border-bottom: 0;
    overflow: hidden;
}

#container .right #hotnews li,#container .right #hotshare li {
    padding: 10px 8px;
    border-bottom: 0;
    overflow: hidden;
}

#container .right .list ul img,#container .right .list li a img {
	display: block;
    width: 100%;
    height: auto;
}
  
#container .right .list li:nth-child(even){
	background-color:#fff;
}

.fb-page {
	margin: 20px 0 20px 0;
}

/*ADS*/
@media (min-width: 768px) {.head_bnr img#pc {display:block;} .head_bnr img#mb {display:none;}}
@media (max-width: 767px) {.head_bnr img#pc {display:none;} .head_bnr img#mb {display:block;}}

/*Image Tag*/
#news-media dt a span.cat {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 15px;
    padding: 5px;
    background:#e83228;
    color: #fff;
    line-height: 22px;
    font-weight:bold;
    z-index: 1;
}

#upmedia_fp .item a:after {
    content:'';
    display: inline-block;
    top: 50%;
    left: 0;
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, #000 100%);
    height: 50%;
    width: 100%;
    position: absolute;
    z-index: 2;
}

#upmedia_fp .item a h1 {position: absolute; left: 0; overflow:hidden; padding: 0; color: #fff; font-weight:bold; z-index: 3; display: flex;}

@media screen and (min-width:769px){
#upmedia_fp .item a h1 {font-size: 32px; line-height: 35px; width:100%; height:70px; bottom: 30px; }
}

#upmedia_fp .item a h1 span {
  align-self: flex-end;
  padding:0 30px;
}

@media screen and (min-width:769px){
.fp_column {width:100%; float:right;}
/*.fp_column ul{display:block !important;}*/
.fp_column ul, .fp_column ul li {margin:0; padding:0; background: rgb(21,53,128); background: linear-gradient(90deg, rgba(21,53,128,1) 0%, rgba(20,50,122,1) 100%);}
.fp_column ul li {overflow:hidden; background:#000;}
.fp_column ul li:nth-child(1), .fp_column ul li:nth-child(2), .fp_column ul li:nth-child(3) {margin-bottom:7px;}
.fp_column ul li img {width:100%;}
.fp_column ul li a {position:relative; float:left; width:100%; display:block;}
.fp_column ul li a:after {
    content:'';
    display: inline-block;
    top: 50%;
    left: 0;
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, #000 100%);
    height: 50%;
    width: 100%;
    position: absolute;
    z-index: 2;
}
.fp_column ul li a h1 {
    position: absolute;
    bottom: 10px;
    left: 0;
    width:100%; height:48px;
    overflow:hidden;
    font-size: 18px;
    padding: 0;
    color: #fff;
    line-height: 24px;
    font-weight:bold;
    z-index: 3;
    display: flex;
}
.fp_column ul li a h1 span {
  align-self: flex-end;
  padding:0 10px;
}
}

@media (max-width:480px) {.fp_column ul li {width:calc(100vw / 1.5)!important;}}
@media (min-width:768px) and (max-width:1023px){.fp_column ul li {width:calc(70vw / 2)!important;}}
@media (min-width:769px) and (max-width:1024px){
.fp_column ul li {width:calc(70vw / 2)!important;}
.fp_column ul li {float:left; margin:0; padding:0;}
.fp_live ul {width: calc(200vw)!important;}
.fp_live {overflow-x: auto;overflow-y: hidden;}
.fp_live li {display:inline-block;}
.fp_column ul li {float:left; margin:0; padding:0;}
}

@media only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: portrait)  {
.fp_column ul li {width:calc(70vw / 2)!important;}
.fp_column ul li {float:left; margin:0; padding:0;}
/*.fp_live ul {width: calc(200vw)!important;}*/
.fp_live {overflow-x: auto;overflow-y: hidden;}
.fp_live li {display:inline-block;}
.fp_column ul li {float:left; margin:0; padding:0;}
}

 @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: landscape)  {
.fp_column ul {display:flex !important;}
}
@media only screen and (min-width: 1367px) { .fp_column ul, .fp_column ul li {display:block !important;}}

.fp_live_head {background:linear-gradient(132deg, rgba(9,21,79,1) 0%, rgba(118,125,156,1) 100%);}
.fp_column ul {display:flex;}

@media (max-width:768px){
.fp_live {overflow-x: auto;overflow-y: hidden;}
.fp_live ul {width: calc(200vw)!important;}
.fp_live li {display: inline-block;}
/*.fp_column ul li:first-child {width:calc(100vw)!important; float:left;}*/
.fp_column ul li {float:left; margin:0; padding:0;}
.fp_column ul li img {width:100%;}
.fp_column ul {width:calc(100vw * 1.4); display:flex; overflow-x: auto; overflow-y: hidden;}
.fp_column ul {margin:0; padding:0; background: rgb(21,53,128); background: linear-gradient(90deg, rgba(21,53,128,1) 0%, rgba(20,50,122,1) 100%);}
.fp_column ul li a {position:relative; float:left; width:100%; display:block;}
.fp_column ul li a:after {
    content:'';
    display: inline-block;
    top: 50%;
    left: 0;
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, #000 100%);
    height: 50%;
    width: 100%;
    position: absolute;
    z-index: 2;
}
.fp_column ul li a h1 {
    position: absolute;
    bottom: 15px;
    left: 0;
    width:100%; height:40px;
    overflow:hidden;
    font-size: 16px;
    padding: 0;
    color: #fff;
    line-height: 20px;
    font-weight:bold;
    z-index: 3;
    display: flex;    
}
.fp_live ul li a h1 {word-wrap:break-word;}
.fp_column ul li a h1 span {
  padding:0 5px;
}
}
@media (min-width: 768px) {.fp_live_head img#pc {display:block; width:50%; margin:0 auto;} .fp_live_head img#mb {display:none;}}
@media (max-width: 767px) {.fp_live_head img#pc {display:none;} .fp_live_head img#mb {display:block; width:50%; margin:0 auto;}}




#news-media .wrap_col {padding:0 0 35px 0; margin-top:20px;}
#news-media .wrap_col:after { content:""; display: block; clear: both;}
#news-media .wrap_col .top-dl {float:left; width:50%; box-sizing:border-box; }
#news-media .wrap_col .top-dl {float:left; margin:0;}
#news-media .wrap_col .top-dl {padding:0 10px 0 20px;}
#news-media .wrap_col .top-dl:last-child {padding:0 20px 0 10px;}
#news-media .wrap_col .top-dl dl dt {overflow:hidden; background:#000;}
#news-media .wrap_col .item dl {float: left;width: 96%;box-sizing: border-box;}
#news-media .wrap_col dt{margin-bottom:0px;}
#news-media .wrap_col dd {background: #efefef;padding: 2%;}
#news-media .wrap_col dd &gt; a{ display:inline-block; height:60px; overflow:hidden; font-size:21px;}
#news-media .wrap_col dd p{height:90px; overflow:hidden;}
#news-media .wrap_col dd .share{margin-top:10px;}

@media (min-width: 768px) {.readmore {position:absolute; top:23px; right:0; display:block; background:#fff; padding:0 10px; font-size:16px;}}
@media (max-width: 767px) {.readmore {position:absolute; top:13px; right:0; display:block; background:#fff; padding:0 10px; font-size:14px; font-weight:bold;}}

#upmedia_col .owl-item .item, #upmedia_col2 .owl-item .item, #upmedia_col3 .owl-item .item, #upmedia_col4 .owl-item .item, 
#upmedia_col5 .owl-item .item, #upmedia_col6 .owl-item .item, #upmedia_col7 .owl-item .item
 {/*padding:0;*/}
#upmedia_col .owl-item:last-child .item, #upmedia_col2 .owl-item:last-child .item, #upmedia_col3 .owl-item:last-child .item, #upmedia_col4 .owl-item:last-child .item,
#upmedia_col5 .owl-item:last-child .item, #upmedia_col6 .owl-item:last-child .item, #upmedia_col7 .owl-item:last-child .item
 {/*padding:0;*/}
#upmedia_col .item a, #upmedia_col .item a img, #upmedia_col2 .item a, #upmedia_col2 .item a img, #upmedia_col3 .item a, #upmedia_col3 .item a img,
#upmedia_col4 .item a, #upmedia_col4 .item a img, #upmedia_col5 .item a, #upmedia_col5 .item a img, #upmedia_col6 .item a, #upmedia_col6 .item a img,
#upmedia_col7 .item a, #upmedia_col7 .item a img {width:100%;}

 #upmedia_col .item  img, #upmedia_col2 .item  img, #upmedia_col3 .item  img,
#upmedia_col4 .item  img, #upmedia_col5 .item  img, #upmedia_col6 .item  img, #upmedia_col7 .item  img {width:100%;}

#upmedia_col .item a img, #upmedia_col2 .item a img, #upmedia_col3 .item a img, #upmedia_col4 .item a img, #upmedia_col5 .item a img,
#upmedia_col6 .item a img, #upmedia_col7 .item a img {float:left;}
#upmedia_col .item h1, #upmedia_col2 .item h1, #upmedia_col3 .item h1, #upmedia_col4 .item h1, #upmedia_col5 .item h1,
#upmedia_col6 .item h1, #upmedia_col7 .item h1
 {background:none; padding: 2%; display: block; overflow: hidden; font-size: 25px; line-height:28px; float:left;}
@media (max-width: 767px) {
#upmedia_col .item h1, #upmedia_col2 .item h1, #upmedia_col3 .item h1, #upmedia_col4 .item h1, #upmedia_col5 .item h1,
#upmedia_col6 .item h1, #upmedia_col7 .item h1 {font-size:18px;}
}
#upmedia_col .item a h1, #upmedia_col2 .item a h1, #upmedia_col3 .item a h1, #upmedia_col4 .item a h1,
#upmedia_col5 .item a h1, #upmedia_col6 .item a h1, #upmedia_col7 .item a h1 {color:#000; text-align: left; font-weight: normal; font-size:21px;}

@media (max-width: 1024px) {#upmedia_col .item h1, #upmedia_col2 .item h1, #upmedia_col3 .item h1, #upmedia_col4 .item h1, #upmedia_col5 .item h1, #upmedia_col6 .item h1, #upmedia_col7 .item h1{ height:auto;}}
@media (min-width: 1025px) {#upmedia_col .item h1, #upmedia_col2 .item h1, #upmedia_col3 .item h1, #upmedia_col4 .item h1, #upmedia_col5 .item h1, #upmedia_col6 .item h1, #upmedia_col7 .item h1{ width:96.2%;}}

#upmedia_col .item a h1 span {display: block; width:100%; margin-bottom:20px;}

#news-media .wrap .col-dl {float:left; width:50%; box-sizing:border-box;}

#news-media .wrap .col-dl span {float:left; margin:20px 0 0 0; display:block; width:100%;}
/*#news-media .wrap .col-dl:first-child dl {margin:0 10px 0 20px; background:none; float:left;}
#news-media .wrap .col-dl:last-child dl {margin:0 20px 0 10px; background:none; float:left;}*/
#news-media .wrap .col-dl dl dt {width:35%; overflow:hidden; background:#000; float:left;}
#news-media .wrap .col-dl dl dd {width:61%; overflow:hidden; padding:0 2%; display:block; float:right;}

#news-media .wrap_col .wrap .col-dl dd &gt; a{ display:inline-block; height:75px; overflow:hidden; font-size:21px; line-height:26px; padding:15px 15px 5px 15px;}
#news-media .wrap .col-dl span.col_time {margin-top:0; width:calc(100% - 15px)!important; display:block; text-align:right; padding-right:15px; font-size:14px;}
@media (max-width: 767px) {
	#news-media .wrap .col-dl {float:left; width:100%!important; box-sizing:border-box; overflow:hidden;}
	#news-media .wrap .col-dl dl {margin:0 2.5%; background:none; float:left;}
	#news-media .wrap_col .wrap .col-dl dd &gt; a { display:inline-block; height:60px; margin-top:0; overflow:hidden; font-size:18px; line-height:21px; padding:5px 5px 0px 5px;}
	#news-media .wrap .col-dl dl dd {width:60%;}
}
@media screen and (max-width: 480px) {#news-media .wrap .col-dl dl dd {width:95% !important; float:left !important;}}

.f_margin_bottom {margin-bottom:25px;}
.f_margin_bottom_L {margin-bottom:125px;}


/* Blockquote */
blockquote {
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
  color:#01495f;
  font-size:21px;
  font-weight:800;
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.2em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote:after {
  color: #ccc;
  content: close-quote;
  font-size: 4em;
  line-height: 0.2em;
  margin-right: 0.25em;
  vertical-align: -0.5em;
}
blockquote p {
  display: inline;
}

.feat_ctg_pill {
  color:#fff;
  background:#71919e;
  font-size:14px;
  padding:5px 15px;
  border-radius: 30px;
  margin-top:15px;
  display:inline-block;
}

#news-media .wrap dd p.feat_ctg_desc {
  color:#817f80;
  font-size:18px;
  line-height:28px;
  height:140px;
  overflow: hidden;
  display:inline-block;
}
#news-media .wrap dd p.feat_ctg_desc a {color:#817f80;}
#news-media .wrap dd p.feat_ctg_desc a:hover {color:#817f80; text-decoration: underline;}

.feat_title_header {
  height:100vh; 
  background-size: cover;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%);
  background-position: bottom;
}

#header h2 {
  float:left;
  color:#fff;
  display:table;
  vertical-align: middle;
  width:100%;
  height:80vh;
  line-height: 70px;
  text-align:center;
  font-size:55px;
  text-shadow: 2px 2px 12px #000;
}
#header h2 span {display:table-cell;vertical-align: middle;}




.feat_editor p {
  color:#807e7f;
  font-size:18px;
  line-height:36px;
  text-align:center;
}

.feat_tab {
  border-bottom:3px solid #b4bfc5;
  text-align: center;
  margin-top:20px;
}

.feat_tab h1 {
  color:#000;
  padding:5px 20px;
  border:1px solid #999;
  display:inline-block;
  background: #fff;
}

.feat_article_title {
  text-align: right;
}

.feat_article_title .pill {
  color:#004860;
  padding:5px 12px;
  border:1px solid #004860;
  border-radius: 30px;
  display: inline-block;
  margin-bottom:15px;
}

.right_comlumn {
  width:65%; float:right; display:block;
  font-size:21px; line-height: 36px;
}
.right_comlumn p {margin-bottom: 0;}
.left_comlumn {width:35%; float:left; display: block;}
.left_comlumn ul, .left_comlumn ul li {list-style: none; margin:0; padding: 0; color:#999; font-size:18px; line-height:32px;}
.left_comlumn ul li span {color:#5792b0;}

.feat_article .img img {width:100%;}
.feat_article p {font-size:21px;}
.feat_article .img p {font-size:14px;}

.feat_tags {
  font-size:18px;
  color:#004759;
  margin-bottom:85px;
}
.feat_tags a {
  color:#004759;
  text-decoration: underline;
  margin:0 3px;
}

#news-media .feat_related .top-dl {width:23%;}


.feat_post_roll {
  border-top:1px solid #999;
  border-bottom:1px solid #999;
  padding:25px 0;
  display: block;
}

.feat_post_roll div {
  float: left;
  width:40%;
  font-size:24px;
}
.feat_post_roll div.next {float:right;}
@media (max-width: 767px) {.feat_post_roll div.next {margin-right:15px;}}

.feat_post_roll div a {color:#000; height:92px; overflow: hidden; display: block;}
.feat_post_roll div a:hover {text-decoration: underline;}
.feat_post_roll div.prev {
  padding:25px 10% 25px 0;
}
.feat_post_roll div.prev img {float:left; margin:10px 15px 10px 0;}
.feat_post_roll div.next {
  padding:25px 0 25px 10%;
  text-align:right;
}
.feat_post_roll div.next img {float:right; margin-left:15px;}


@media (max-width: 767px) {
.feat_article_title, .feat_article .img p, .left_comlumn, .right_comlumn, .feat_tags {
  padding:0 15px;
}
.left_comlumn, .right_comlumn  {width:95%; float:left; display: block;}
.feat_post_roll div {width:85%;}
.feat_post_roll div.prev {float:right;}
#news-media .feat_related .top-dl {width:100%;}
#news-media .feat_related .top-dl dt, #news-media .feat_related .top-dl dd {width:100% !important;}
.f_margin_bottom_L {margin-bottom: 45px;}
/*blockquote {display: none;}*/
.right_comlumn blockquote {display: block; padding:0;}
#chanel-title h1 {display: block;}
#chanel-title h1 a {float:left;}
#header h2 {
  float:left;
  color:#fff;
  display:block;
  width:90%;
  margin:10vh 0 0 5%;
  height:40vh;
  line-height: 40px;
  text-align:center;
  font-size:35px;
  text-shadow: 2px 2px 12px #000;
}
.feat_title_header {background-size: cover; height:50vh; background-position: top;}
#header h1.reverse {background-size:100%;}
/*#page a, .feat_editor {display: none;}*/
#page a.page_mobile {display: block; width:100%; border:none; color:#004759; margin-bottom:45px;}
}

@media (max-width: 767px) {
  h1 {font-size:1.4em;}
  body.feature_article #container {width:90%;}
  .m_topmargin {margin-top:72px;}
}

.owl-prev {
  width: 15px;
  height: 100px;
  position: absolute;
  top: 40%;
  display: block !important;
  border:0px solid black;
}

.owl-next {
  width: 15px;
  height: 100px;
  position: absolute;
  top: 40%;
  right: 20px !important;
  display: block !important;
  border:0px solid black;
}

.owl-prev img, .owl-next img{width:35px;}

.owl-theme .owl-controls .owl-buttons div {
  background: none !important;
  opacity: 1 !important;
}


@media (max-width: 767px) {
  .feat_phrases {width:100%;}
  }
  
  @media (min-width: 768px) {
    .feat_phrases {width:900px; margin:50px auto;}
    .owl-wrapper-outer { min-height:500px; /*width:800px !important; margin:0 60px 0 40px;*/ padding:0;}
    #upmedia_col .item  h1 {min-height:500px; display: table !important;}
    #upmedia_col .item  h1 span {display: table-cell; vertical-align: middle;}
    #page a.page_mobile {display:none;}
    .feat_title {margin:18px 0 0 36px;}
  }

  
#tabs {
    padding-right: 2px;
    margin-top: 30px; 
    display: inline-block;
}
 #tabs li {
    float:left; 
    list-style:none; 
    margin-right:5px; 
      outline:none;
 }
 
 #tabs li a {
    font-size: 24px;
    font-weight: bold; 
    color: #01495F;;
    padding-top: 5px;
    padding-left: 7px;
    padding-right: 7px;
    padding-bottom: 8px; 
    display:block; 
    text-decoration:none;
    outline:none;  
 }
 
 #tabs li a.inactive{
    padding-top:5px;
    padding-bottom:8px;
    padding-left: 8px;
    padding-right: 8px;
    color:#666666;
    outline:none; 
 }
 
 #tabs li a:hover, #tabs li a.inactive:hover {
    color: #5685bc;
    outline:none;
 }
 
 .container {
    clear:both;           
    width:100%; 
    text-align:left;
    padding-top: 20px; 
}
 
 .container h2 { margin-left: 15px;  margin-right: 15px;  margin-bottom: 10px; color: #5685bc; }
 
 .container p { margin-left: 15px; margin-right: 15px;  margin-top: 10px; margin-bottom: 10px; line-height: 1.3; font-size: small; }
 
 .container ul { margin-left: 25px; font-size: small; line-height: 1.4; list-style-type: disc; }
 
 .container li { padding-bottom: 5px; margin-left: 5px;}
 
 .right_comlumn img {width:100% !important; height:auto !important;}

 #upmedia_col .item iframe {margin-left:50px;}

 @media (max-width: 767px) {
#upmedia_col .item iframe, .right_comlumn iframe {max-width: 95%; width:95% !important; height:calc(100vw * 0.56) !important;}
#upmedia_col .item iframe {margin-left:2.5%;}
#upmedia_col .item  h1 {width:98%; padding:0 0 0 2%; margin:0; display:table;}
}


.right_comlumn a {color:#01495F;}
/*body.feature_article .width60pct {width:60% !important;}*/
#header .width60pct {width:60% !important; padding:0 !important;}
@media (max-width: 767px) {
  #header .width60pct {width:100% !important; padding:0 !important;}
  body.feature_article .width60pct {width:100% !important;}
}
body.feature_article .width60pct .feat_article p {font-size: 19px;}

@media (min-width: 768px) {
  .width60pct .right_comlumn p iframe {max-width: 100%; width:100% !important; height:calc(100vw * 0.22) !important;}
}

#header .prev {position: absolute; top:20px; right:20px; color:#fff;}
#header .prev a {display:block; color:#fff; text-decoration: none;}

.prev_btn {position:relative; color:#004860; margin:30px auto;}
.prev_btn a {display:block; color:#004860; text-decoration: none; font-weight:800; text-align:center; font-size:20px;}

</pre></body></html>