@charset "utf-8";
/* CSS Document */
@font-face {
font-family: 'TradeGothic_LT';
font-display: optional;
src: url('fonts/TradeGothicLT-Bold.eot');
src: url('fonts/TradeGothicLT-Bold.eot?#iefix') format('embedded-opentype'),
url('fonts/TradeGothicLT-Bold.woff') format('woff'),
url('fonts/TradeGothicLT-Bold.ttf') format('truetype'),
url('fonts/TradeGothicLT-Bold.svg#TradeGothicLT-Bold') format('svg');
font-weight: bold;
font-style: normal;
}

@font-face {
font-family: 'TradeGothic_LT';
font-display: optional;
src: url('fonts/TradeGothicLT.eot');
src: url('fonts/TradeGothicLT.eot?#iefix') format('embedded-opentype'),
url('fonts/TradeGothicLT.woff') format('woff'),
url('fonts/TradeGothicLT.ttf') format('truetype'),
url('fonts/TradeGothicLT.svg#TradeGothicLT') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'TradeGothic_LT';
font-display: optional;
src: url('fonts/TradeGothicLT-Light.eot');
src: url('fonts/TradeGothicLT-Light.eot?#iefix') format('embedded-opentype'),
url('fonts/TradeGothicLT-Light.woff') format('woff'),
url('fonts/TradeGothicLT-Light.ttf') format('truetype'),
url('fonts/TradeGothicLT-Light.svg#TradeGothicLT-Light') format('svg');
font-weight: 300;
font-style: normal;
}


.clear:before,.clear:after{ display:table; content:''; clear:both;}
a{outline: none; /* for Firefox */hlbr:expression(this.onFocus=this.blur()); /* for IE */text-decoration: none;}
a img{border: 0px;}
ul{list-style:none;margin: 0;padding: 0;}
body{font-family:'TradeGothic_LT', Helvetica,Arial,"Microsoft JhengHei",sans-serif;font-size: 14px;margin: 0px;color: #000;width:1000px;margin:0 auto;}
header{background: url(../images/bg_header.jpg) repeat-x ;width: 100%;}
nav{width: 1000px;margin: 0 auto;}
.header_line {    content: '';    display: block;    height:2px;    border-right: 364px solid #888;    background: #e50012;}
#logo{float: left;padding: 25px 0 10px 5px;}
/*語言選擇start*/
.lan{float: right;padding:0; margin-bottom:5px;}
.lan ul li{ float:left; margin-left:7px;}
.lan ul li a{ display:block; width:132px; line-height:33px; text-align:center; color:#fff; background:#888;}
.lan ul li a:hover, .lan ul li.active a{ background:#e50012;}
/*語言選擇end*/

#mainnav{float: right;clear: right;padding:10px 0;text-align:left;line-height:18px;font-size:12px;}
#mainnav a{color: #565656;padding:15px;}
#mainnav a:hover{color: #e50012;text-decoration:underline;}
#date{ float:right;color: #8a8a8a;line-height: 25px;font-size: 13px; line-height:42px;padding:0 5px 0 0;}
.ddmmyy{float: left;padding-right:25px;font-size: 12px;}
.issue{padding-right: 15px;font-size:18px;float:left;color:#e50012;}
article{clear:both;background:url(../images/epaper_bg.jpg) no-repeat top center;padding:0 0 30px 0;overflow:hidden;}
.main_title{ color:#fff; line-height:104px; font-size:36px; margin:0 30px; text-shadow:1px 1px 5px rgba(0,0,0,.69); }
#main{margin:0 auto 0 auto;width:940px;background: url(../images/bg_cont.jpg) repeat-y; position:relative; overflow:hidden;}
#main:after{ content:''; display:block; position:absolute; width:270px; height:120px; background:url(../images/sider_bg.png) no-repeat right bottom ; right:0; bottom:0;}

#content{float:left;width:630px;padding:20px;}
#breadcrumb{padding: 10px 15px 15px 0px;font-size: 13px;color: #858585;float:left;
}
#breadcrumb .line{
padding: 0 5px;
}
#breadcrumb a{
color: #858585;	
padding:0 0 0 0px;
}
#breadcrumb a:hover{
text-decoration: underline;
}
.title{
color: #e50012;
font-size:25px;
padding: 10px 10px 10px 0px;
text-align:left;
clear: both;
}
.title a{
color: #e50012;
}
#main_content{
float:left;
padding: 30px 0px 0px 0px;
font-size: 14px;
border-top: 1px solid #fff;
width:620px;
border-bottom:#bbbbbb 1px solid;
}
#main_content .con_img{
float:left;
}
#main_content .con_img img {
float:left;
padding:10px 10px 0 0;
}
#main_content #tit{
font-size: 17px;
line-height: 20px;
color: #e50012;
padding: 15px 0px 15px 0px;
float:left;
text-transform:uppercase;
}
#main_content #tit a{
color: #e50012;
}
#main_content .con_txt{
padding: 10px 0px 20px 0px; 
color:#858585;
float:left;
clear:left;
font-size:14px;
line-height:20px;
}
#main_content .con_text{
padding: 0px 0px 20px 0px; 
color:#858585;
float:left;
font-size:14px;
width:300px;
}
.more{
clear:both;
float:right;
padding:5px 20px 10px 10px;
/*width:55px;*/
}
.more a{
color:#e50012;
padding:0 10px 10px 10px;
font-size:15px;
}
.more a:hover{
padding:0 10px 10px 10px;
border-bottom:#e50012 1px solid;
}
#top {
background:  url(../images/more_bg.jpg) no-repeat;
color:#e50012;
clear:both;
text-align:center;
width:590px;
padding: 30px 15px 5px 15px;
font-size:12px;
}
#top a{
color:#000;

}
#top a:hover{
text-decoration:underline;
color:#e50012;
}

/*右邊選單*/
#sidebar{ float:left; width:245px; overflow:hidden; padding:50px 0px 130px 25px; color:#fff; background:url(../images/bg_side.svg) no-repeat top right; background-size:40px; min-height:500px;}
#sidebar .side_tit {line-height: 25px;float: left;padding: 5px 0 0 5px; font-size:20px;}
.subfeature {
display: block;
padding:20px 0 0 5px;
clear:both;
}
.subfeature-txt {
padding: 10px 5px;
font-size:15px;
}
.subfeature-txt a{color:#fff; text-decoration:none; text-transform:uppercase;}
.subfeature-txt a:hover{
text-decoration:underline;
}

/*右邊選單END*/
#share{
padding: 7px 5px 15px 0px;;
font-size: 13px;
color: #888888;
clear:both;
}

#share img{
vertical-align: bottom;
padding: 0 3px;
}
/*back按鈕*/
.icon_back {	
font-size:15px;
color:#e50012;
clear:both;
float:right;
padding:5px 20px;	
border-bottom:#e50012 1px solid;
}
.icon_back a{
padding: 3px 0px 8px 0px;
text-align:center;
float:right;
text-decoration:none;
color:#000;
}
.icon_back a:hover{
font-weight:bold;
}
.con_title{
font-size:22px;
color:#e50012;	
padding: 10px 10px 10px 0px;
text-align:left;
clear: both;
}
.con_title img{
float:right;
}
#main_content_i{
float:left;
padding: 30px 0px 0px 0px;
font-size: 15px;
border-top: 1px solid #fff;
color:#858585;
line-height:20px
}
#table{
clear:both;
padding:20px 0 0 0;
}
#table_tit{
background: #888;
height: 45px;
line-height: 45px;
color: #fff;
font-size: 12px;
margin::20px 0 0 0;
clear:both;
overflow:hidden;
}
#table_tit .date{
float: left;
width: 100px;
padding:2px 0 0 25px;
}
#table_tit .art_title{
float: left;
padding:2px 0 0 25px;
}
#table_text a{
float: left;
border-top: 1px solid #fff;	
font-size: 13px; 	
color: #666;
line-height:15px;
}

#table_text a:hover{
color:#e50012;
}

#table_text a .date{
float: left;
width: 75px;
padding-left: 25px;
border-bottom:#bbb 1px solid;
padding: 20px 25px;
}

#table_text a .news_title{
float: left;
width: 455px;
border-bottom:#bbb 1px solid;
padding: 20px 25px;
text-transform:uppercase;
}
#page{
text-align:center;
color: #b8b8b8;
font-size: 13px;
clear:both;
margin:20px 0;
height:30px;
}
.page{
padding: 10px 5px;
display:inline-block;
}

#page a{
color: #000;	
padding:5px 2px;
margin: 0 2px;
text-decoration: none;
}

#page a:hover{
color: #888;
}
#page .on{
margin: 0 2px;
padding:5px 2px;
color: #888;
}
#page .prev{
padding:10px 2px;
display:inline-block;
}
#page .next{
padding:10px 2px;
display:inline-block;
}

footer{
clear:both;
padding:20px 0 0 30px;	
border-top:#bbbbbb solid 2px;	
}

#bottomsidebar{
width: 960px;
padding: 0px;
font-size: 12px;
line-height: 18px;
text-align:left;
}

#bottomsidebar a{
color: #e50012;
}

#bottomsidebar a:hover{
text-decoration: underline;
}
#footer_bottom{
width: 960px;
margin: 0 auto;
color: #7c7c7c;
padding: 10px 0 20px 0;
font-size: 12px;
line-height: 20px;
position: relative;
}
#footer_bottom a{
color:#b5b5b5;
}
#footer_bottom a:hover{
text-decoration: underline;
}
#footer_txt{
padding: 0px;
}
.copyright{
color:#b5b5b5;
}
.gary{
color:#383838;
}
.red{    color: #e50012;}




/*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
padding: 0;
margin: 0;
border: 0;
outline: none;
vertical-align: top;
}

.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020;
}

.fancybox-skin {
position: relative;
background: #f9f9f9;
color: #444;
text-shadow: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

.fancybox-opened {
z-index: 8030;
}

.fancybox-opened .fancybox-skin {
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
position: relative;
}

.fancybox-inner {
overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch;
}

.fancybox-error {
color: #444;
font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
margin: 0;
padding: 15px;
white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
display: block;
width: 100%;
height: 100%;
}

.fancybox-image {
max-width: 100%;
max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url('../images/fancybox_sprite.png');
}

#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: 0.8;
cursor: pointer;
z-index: 8060;
}

#fancybox-loading div {
width: 44px;
height: 44px;
background: url('../images/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
position: absolute;
top: -18px;
right: -18px;
width: 36px;
height: 36px;
cursor: pointer;
z-index: 8040;
}

.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
text-decoration: none;
background: transparent url('../images/blank.gif'); /* helps IE */
-webkit-tap-highlight-color: rgba(0,0,0,0);
z-index: 8040;
}

.fancybox-prev {
left: 0;
}

.fancybox-next {
right: 0;
}

.fancybox-nav span {
position: absolute;
top: 50%;
width: 36px;
height: 34px;
margin-top: -18px;
cursor: pointer;
z-index: 8040;
visibility: hidden;
}

.fancybox-prev span {
left: 10px;
background-position: 0 -36px;
}

.fancybox-next span {
right: 10px;
background-position: 0 -72px;
}

.fancybox-nav:hover span {
visibility: visible;
}

.fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
visibility: hidden;
max-width: 99999px;
max-height: 99999px;
overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
overflow: hidden;
}

.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background: url('../images/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0;
}

.fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
visibility: hidden;
font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
position: relative;
text-shadow: none;
z-index: 8050;
}

.fancybox-opened .fancybox-title {
visibility: visible;
}

.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 8050;
text-align: center;
}

.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: transparent; /* Fallback for web browsers that doesn't support RGBa */
background: rgba(0, 0, 0, 0.8);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #FFF;
font-weight: bold;
line-height: 24px;
white-space: nowrap;
}

.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff;
}

.fancybox-title-inside-wrap {
padding-top: 10px;
}

.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0, 0, 0, .8);
}

/*浮動的上下則 start*/
#next_news span{
display:none;
}

#next_news .next_news_page a p,#next_news .prev_news_page a p{
display:none;
}
#next_news .prev_news_page a:hover p{
display: block;
float: left;
background: url(../images/bt_next_text.png) no-repeat;
padding: 12px;
height: 87px;
width: 200px;
overflow:hidden; 
position: absolute;
z-index:999999;
margin:-100px 0 0 -110px;
}
#next_news .next_news_page a:hover p img, #next_news .prev_news_page a:hover p img{
float:left;
margin:0 8px 0 0;
}
#next_news .next_news_page a:hover p{
display: block;
background: url(../images/bt_next_text.png) no-repeat;
float: left;
padding: 12px;
height: 87px;
width: 200px;
overflow:hidden;
position: absolute;
z-index:999999;
margin:-100px 0 0 -30px;
}

#next_news .next_news_page a{
background: url(../images/bt_prev_a.png) no-repeat;
float: left;
display: block;
height: 112px;
width: 81px;
position: absolute;
z-index: 1;
margin:0 0 0 -100px;
text-decoration: none; 
color:#FFFFFF;
font-size: 12px;
line-height: 18px;
*left:-250px;
}

#next_news .next_news_page a:hover{
background: url(../images/bt_prev_h.png) no-repeat;
}

#next_news .prev_news_page a{
background: url(../images/bt_next_a.png) no-repeat;
float: left;
display: block;
height: 112px;
width: 81px;
position: absolute;
z-index: 1;
margin:0 0 0 1020px;
text-decoration: none; 
color:#FFFFFF;
font-size: 12px;
line-height: 18px;
*left:-250px;
}

#next_news .prev_news_page a:hover{
background: url(../images/bt_next_h.png) no-repeat;
}
/*浮動的上下則 end*/