* {
font-family:Arial, Helvetica, sans-serif;
}

html {
background:#453F40;
}

* html .clear-float {
clear:both;
}

body {
background:#453F40 url(images/bg_body.png) repeat-x top;
}

p {
line-height:200%;
}

a {
text-decoration:none;
}

.continue {
margin-top:10px;
}

.continue a {
padding:2px 0;
padding-left:20px;
font-size:11px;	
color:#333;
text-decoration:underline;
background:url(images/bg_continue.png) no-repeat left center;
}

#wrap {
width:1024px;
margin:0 auto;
}

#header {
height:170px;
background:url(images/bg_header.png) no-repeat right top;
}

#page-title {
position:absolute;
width:193px;
height:94px;
top:35px;
left:750px;
background:url(images/bg_title.png) no-repeat;
}

#page-title p {
color:#D6D5DD;
line-height:94px;
text-align:center;
}

#site-name a {
display:block;
width:100%;
height:106px;
border-bottom:1px solid #D6D5DD;
background:url(images/logo.png) no-repeat;
}

#site-name a span {
display:block;
text-indent:-9999px;
}

#search {
position:relative;
height:32px;
line-height:32px;
background:url(images/bg_search.png) no-repeat;
}

#search-keyword {
position:absolute;
width:305px;
height:22px;
padding:2px;
top:5px;
left:114px;
border:none;
background:url(images/bg_search_textfield.png) no-repeat;
}

#search-submit {
position:absolute;
width:68px;
height:23px;
top:5px;
left:420px;
filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;
outline: none; /* for Firefox */
hlbr:expression(this.onFocus=this.blur()); /* for IE */
cursor:pointer;
}

#nav {
height:31px;
overflow:hidden;
border-bottom:1px solid #A09EA6;
}

#nav li {
float:left;
height:31px;
padding-top:4px;
line-height:27px;
}

#nav li a {
font-size:14px;
color:#666;
}

#nav li.func {
width:132px;
text-align:center;
border-right:1px solid #CCC;
}

#nav li.about {
margin-left:310px;
width:100px;
font-size:13px;
}

#nav li.rss {
width:59px;
}

#nav li.rss a {
display:block;
overflow:hidden;	
text-indent:-9999px;
background:url(images/bg_rss.png) no-repeat;
}

#content-wrap {
position:relative;
clear:both;
background:#453F40;
overflow:hidden;
padding:0 11px 14px 9px;
}

#units {
width:984px;
margin:0 auto;
}

#units li.top {
float:left;
width:80px;
height:26px;
line-height:26px;
text-align:center;
overflow:hidden;
margin-top:10px;
margin-right:2px;
background:url(images/bg_tab_deactive.png) no-repeat;
z-index:1;
}

#units li a {
color:#CCC;
}

#units li.active {
background:url(images/bg_tab_active.png) no-repeat;	
}

#units li.active a {
color:#666;	
}

#units li a {
font-size:13px;
}

#units li ul.editor {
position:absolute;
top:35px;
left:100px;
width:180px;
border:1px solid #999;
border-bottom:none;
background:#FFF;
z-index:9999;
}

* html #units li ul.editor {
left:90px;
}

#units li ul.editor li a {
display:block;
width:180px;
color:#666;
border-bottom:1px solid #999;
}

#content {
clear:both;
width:984px;
margin:0 auto;
padding:10px;
background:#FFF;
overflow:hidden;
}

#content .column {
float:left;
}

#footer {
clear:both;
font-size: 12px;
color:#ffffff;
}

/* home */
#content.home #column1 {
width:410px;
}

#content.home #column1 .headline {
width:379px;
margin:0 auto;
margin-bottom:15px;
padding:10px;
background:#F2F0DF;
}

#content.home #column1 .headline h2 {
font-size:22px;
font-weight:bold;
margin-bottom:10px;
}

#content.home #column1 .headline .image {
text-align:center;
margin-bottom:10px;
}

#content.home #column1 .headline p {
font-size:12px;
}

#content.home #column1 .news-list {
overflow:hidden;
background:url(images/bg_news_list.png) repeat-y;
height:auto !important;
height:1%;
}

#content.home #column1 .news {
float:left;
width:170px;
font-size:12px;
}

#content.home #column1 .news h2 {
font-size:13px;
font-weight:bold;
margin-bottom:10px;
}

#content.home #column1 .news .author {
margin:10px 0;
}

#content.home #column1 .news-column1 {
padding-right:30px;
padding-left:5px;
}

#content.home #column1 .news-column2 {
padding-left:30px;
padding-right:5px;
}

#content.home #column2 {
width:350px;
padding-left:15px;
margin-right:10px;
}

#content.home #column2 .article {
font-size:12px;
color:#666;
margin-bottom:20px; 
}

#content.home #column2 .article h2 {
/*margin-top:5px;
padding:5px 0;
*/
font-size:22px;
font-weight:bold;
color:#333;
}

#content.home #column2 .article h3 {
margin:5px 0;
font-size:18px;
font-weight:bold;
color:#000;
}

#content.home #column2 .article .author {
text-align:right;
margin:5px 0 15px 0;
}

#content.home #column2 .article .inline-image {
float:left;
margin:10px;
}

#content.home #column2 .author-say {
margin-bottom:10px;
}

#content.home #column2 .author-say h3 {
color:#FFF;
background:#6DB3E4;
}

#content.home #column2 .author-say h3 span {
display:block;
}

#content.home #column2 .author-say h3 .title {
padding:10px 10px 5px 10px;
font-weight:bold;
font-size:12pt;
}

#content.home #column2 .author-say h3 .author {
padding:5px;
font-size:10pt;
text-align:right;
}

#content.home #column2 .author-say .content {
padding:10px 15px;
overflow:hidden;
border:1px dashed #CCCBD2;	
background:#DDF0F5;
}

#content.home #column2 .author-say .author-image {
float:left;
margin-right:10px;
}

#content.home #column2 .author-say p {
color:#666;
font-size:12px;
}

#content.home #column3 {
width:199px;
background:#EFEFF0;
}

#content.home #column3 .speical-say {
width:177px;
margin:17px auto;
padding-bottom:24px;
font-size:12px;
color:#666;
background:url(images/bg_special_say_bottom.png) no-repeat bottom;
}

#content.home #column3 .speical-say .title {
padding-top:10px;
background:url(images/bg_special_say_top.png) no-repeat top;
}

#content.home #column3 .speical-say .title h2 {
padding-left:17px;
font-size:22px;
font-weight:bold;
color:#333;
/*20170927 第三欄誇號取消*/
/*background:url(images/bg_special_say_quote_left.png) no-repeat 3px 3px;*/
}

#content.home #column3 .speical-say .title h2 span {
display:block;	
padding-right:17px;
/*20170927 第三欄誇號取消*/
/*background:url(images/bg_special_say_quote_right.png) no-repeat 143px bottom;*/
}

#content.home #column3 .speical-say .author,
#content.home #column3 .speical-say .content,
#content.home #column3 .speical-say .continue {
padding:10px;
background:url(images/bg_special_say_middle.png) repeat-y;
}

#content.home #column3 .speical-say .author {
padding:3px 10px;
text-align:right;
}

#content.home #column3 .speical-say .inline-image {
float:left;
margin:5px 10px;
border:1px solid #CCC;
}

#content.home #column3 .speical-say .continue {
margin:0;	
padding:0 10px;
}

#content.home #column3 #immediately-news h3 {
height:21px;
background:url(images/bg_immediately_news.png);
}

#content.home #column3 #immediately-news h3 span {
display:block;
text-indent:-9999px;
}

#content.home #column3 #immediately-news ul li {
padding:5px 15px;
font-size:12px;
font-weight:bolder;
color:#999;
margin:10px 0 20px 0;
}

#content.home #column3 #immediately-news .continue {
padding-right:10px;
text-align:right;
}

#content.page .column {	
margin:40px 25px;
font-size:13px;
}

#content.page #column1,
#content.page #column2 {
width:442px;	
}

#content.page .column h2,
#content.page .column h3 {
font-size:24px;
font-weight:bold;
}

#content.page .column h3 {
padding-bottom:10px;
border-bottom:5px solid #000;
}

#content.page .column .content .inline-image {
float:left;
margin:10px 10px 10px 0;
}

#content.page .column .content .continue {
text-align:right;
}

#content.page #column1 h2,
#content.page #column1 h3,
#content.page #column1 .author,
#content.page #column1 .content {
padding-left:20px;	
}

#content.page #column2 h2,
#content.page #column2 h3,
#content.page #column2 .author,
#content.page #column2 .content {
padding-right:20px;	
}

#content.detail {
overflow:hidden;
}

#content.detail .title {	
position:relative;
margin:40px 15px 20px 15px;
font-size:13px;
overflow:hidden;
}

#content.detail .title h2,
#content.detail .title h3 {
padding-left:30px;	
font-size:24px;
font-weight:bold;
}

#content.detail .title h3 {
padding-bottom:10px;
border-bottom:5px solid #000;
}

#content.detail .title .back {
position:absolute;
top:30px;
right:0;
}

#content.detail .title .back a {
display:block;
color:#666;
padding-left:28px;
background:url(images/bg_back_last.png) no-repeat left center;
}

#content.detail .author {
margin-top:10px;
padding-left:30px;
}

#content.detail .author img {
float:left;
padding:5px;
margin:0 10px;
border:1px dotted #CCC;
}

#content.detail .article {
padding:30px 15px 0 45px;	
width:704px;
}

#content.detail .article p {
font-size:16px;
margin-bottom:20px;
}

#content.detail .image-list {
padding:0 15px;	
width:270px;
}

#content.detail .image-list p {
width:270px;
}

#content.detail .image-list a {
display:block;
text-indent:-9999px;
font-size:9px;
height:23px;
padding:5px 0;
margin-right:10px;
background:url(images/bg_enlarge_image.png) no-repeat right;
}

#content.detail .image-list img {
margin-bottom:10px;
}

/* Fix IE6 */
* html #content.detail .title .back {
right:30px;
}

/* sidebar image */
.lbOn, .sq {
   display: block;
   height: 100px;
   margin: 10px;
   float: left;
   width: 100px;
   border: 1px solid #CCC;
   text-align: center;
   padding: 5px;
   font-size: 9pt;
   background: #FCFCFC;
}

.lbOn:hover {
}

.lbOn:hover img {
   border: 1px solid #900;
}

em {
  font-style: italic;
}