@charset "utf-8";
/* CSS Document */

html, body {
font-family:"新細明體",Arial, Helvetica, sans-serif;
background:#0071B0;
font-size:15px;
line-height:20px;
color:#333333;
}

a {
text-decoration:none;
color:#0071B0;
}
.inputText {
border:1px solid #ccc;
padding:2px 5px;
}
p.linkButton {
margin: 5px 0px;
}
p.linkButton a{
color:#444444;
font-weight:bold;
font-size:13px;
padding:5px 15px;
cursor:pointer;
}
#container {
width:980px;
margin:0px auto;
position:relative;
}

#header {
height:115px;
position:absolute;
top:0px;
left:0px;
background:#0071B0 url(../image/web/header_bg.gif) no-repeat bottom left;
width:705px;
}

#header h1 a {
position:absolute;
top:14px;
left:20px;
display:block;
width:159px;
height:50px;
background:url(../image/web/logo.gif) no-repeat top left;
text-indent:-9999px;
}
#header #timeBox{
position:absolute;
top:12px;
right:5px;
color:#FFFFFF;
font-size:12px;
line-height:22px;
_line-height:24px;
}
#header #timeBox h4{
display:none;
}
/*

#header #personalLinkBox {
position:absolute;
top:12px;
right:10px;
}

#header #personalLinkBox ul li {
float:left;
margin-left:10px;
background:url(../image/web/personalLinkBox_button_left.gif) no-repeat top left;
width:110px;
height:22px;
}

#header #personalLinkBox ul li a {
display:block;
width:110px;
height:22px;
color:#444444;
font-weight:bold;
font-size:13px;
line-height:24px;
*line-height:22px;
_line-height:26px;
text-align:center;
background:url(../image/web/personalLinkBox_button_right.gif) no-repeat top right;
}
*/

#header #searchBox {
position:absolute;
top:73px;
left:375px;
width:280px;
height:32px;
background:url(../image/web/saerchBox_bg.gif) no-repeat top center;

}

#header #searchBox h4,
#header #searchBox legend,
#header #searchBox label {
display:none;
}

#header #searchBox .inputText {
border:none;
padding:3px 5px;
width:205px;
background:none;
position:absolute;
top:5px;
left:5px;
height:16px;
background:url(../image/web/saerchBox_inputText.gif) no-repeat top left;
}
#header #searchBox .inputButton {
border:none;
background:none;
display:block;
width:50px;
height:22px;
background:url(../image/web/saerchBox_inputButton.gif) no-repeat top center;
text-align:center;
font-weight:bold;
font-size:13px;
color:#444444;
*line-height:24px;
position:absolute;
top:5px;
right:5px;
_line-height:26px;
cursor:pointer;
}

#content {
background:url(../image/web/content_bg.gif) repeat-y top left;
overflow:hidden;
_overflow:visible;
}

#footer {
background:url(../image/web/footer_bg.gif) no-repeat top right;
padding-top:20px;
margin-left:160px;
font-size:12px;
padding-bottom:30px;
}

#footer #footerMenu {
margin-left:10px;
overflow:hidden;
_overflow:visible;
float:left;
}
#footer #footerMenu ul {
padding:5px 0px;
overflow:hidden;
_overflow:visible;
margin-left:-6px;
}

#footer #footerMenu ul li {
float:left;
padding:0px 5px;
border-left:1px solid #FFFFFF;
line-height:14px;
}

#footer #footerMenu ul li a {
color:#FFFFFF;
}

#footer #copyright {
float:right;
margin-right:10px;
line-height:14px;
padding:5px 0px;
color:#ffffff;
}

#contentNav {
float:left;
width:170px;
margin-top:115px;
}

#contentNav #globalMenu {
background:url(../image/web/globalMenu_bg_top.gif) no-repeat top left;
padding-top:10px;
}


#contentNav #globalMenu ul {
overflow:hidden;
padding-left:10px;
padding-bottom:10px;
background:url(../image/web/globalMenu_bg_bottom.gif) no-repeat bottom left;
}

#contentNav #globalMenu ul li {
border-top:1px solid #EFA43B;
padding:6px 10px 4px 10px ;
*padding:6px 10px 5px 10px ;
_padding:7px 10px 3px 10px ;
}

#contentNav #globalMenu ul li#item01 {
border:none;
}

#contentNav #globalMenu ul li a {
color:#555555;
font-size:15px;
font-weight:bold;
}
#contentNav #adBox {
text-align:center;
margin-left:10px;
margin-top:15px;
}
#contentNav #adBox h4 {
display:none;
}

#contentNav #adBox ul li {
margin-bottom:10px;
}

#contentMain {
background:#FFFFFF;
overflow:hidden;
_overflow:visible;
width:800px;
float:left;
background:url(../image/web/contentMain_bg.gif) repeat-y top left;
padding:0px 0px 0px 10px;
}
#contentMain h3 {
font-size:18px;
font-weight:bold;
color:#444444;
line-height:22px;
padding-left:12px;
_line-height:24px;
margin-bottom:5px;
background:url(../image/web/title_bg.gif) no-repeat top left;
margin-top:115px;
text-align:left;
}

#contentMain h4 {
color:#0071B0;
background:#e9f4fa;
font-weight:bold;
padding:3px 5px 3px 5px ;
margin-bottom:7px;
margin-top:5px;
text-align:left;
font-size:16px;
}


#contentOption {
float:right;
width:265px;
background:url(../image/web/contentMain_bg.gif) repeat-y top right;
padding-left:10px;
overflow:hidden;
_overflow:visible;
margin-bottom:5px;
}

#contentOption #loginBox {
width:275px;
background:#00CC00;
background:url(../image/web/loginBox_bg_top.gif) no-repeat top left;
margin-bottom:5px;
margin-left:-10px;
}
#contentOption #loginBox h4 {
color:#CC6600;
font-size:16px;
font-weight:bold;
padding:10px 0px 5px 15px ;
margin:0px;
background:none;
}
#contentOption #loginBox form {
padding:0px 15px 45px 15px ;
background:url(../image/web/loginBox_bg_bottom.gif) no-repeat bottom left;
min-height:70px;

}
#contentOption #loginBox legend {
display:none;
}

#contentOption #loginBox label{
display:block;
float:left;
padding-top:5px;
_padding-top:7px;
margin-right:5px;
line-height:16px;
margin-top:3px;
height:12px;
}
#contentOption #loginBox .inputText{
margin-top:3px;
width:145px;
height:16px;
}


#contentOption #loginBox label span{
display:none;
}

#contentOption #loginBox p {
margin-top:5px;
margin-left:50%;
}
#contentOption #loginBox .inputButton {
border:none;
background:none;
display:block;
width:50px;
height:22px;
background:url(../image/web/loginBox_inputButton.gif) no-repeat top center;
text-align:center;
font-weight:bold;
font-size:13px;
color:#444444;
*line-height:24px;
_line-height:26px;
margin-left:-25px;
*margin-left:-40px;
cursor:pointer;
}
#contentOption #loginBox .linkButton{
margin:15px 15px 15px 0px ;
text-align:center;
}
#contentOption #loginBox .linkButton a{
background:url(../image/web/loginBox_readTodayArticle_button_bg.gif) no-repeat top center;
padding-top:8px;
padding-bottom:7px;
font-size:15px;
}
#contentOption .featureBox p.linkButton,
#contentOption .optionBox p.linkButton {
text-align:center;
}

#contentOption .featureBox {
width:250px;
background: #ffecb2 url(../image/web/featureBox_bg_bottom.gif) no-repeat bottom left;
padding-bottom:5px;
overflow:hidden;
position:relative;
}
#contentOption .featureBox h4{
font-size:15px;
font-weight:bold;
color:#444444;
line-height:32px;
margin:0px;
padding:0px;
text-indent:16px;
background:url(../image/web/featureBox_bg_top.gif) no-repeat top left;
}

#contentOption .featureBox p {
position:absolute;
top:0px;
right:12px;
font-size:12px;
line-height:34px;
}
/*

#content {
padding-top:105px;
overflow:hidden;
_overflow:visible;
width:980px;
}
*/
#contentOption #forumVoteBox {
}

#contentOption #forumVoteBox ol{
margin:0px 10px;
}

#contentOption #forumVoteBox ol li{
border-top:1px solid #CCC;
padding-top:6px;
margin-bottom:4px;
list-style:outside;
list-style-type:decimal;
margin-left:20px;
font-weight:bold;
}
#contentOption #forumVoteBox ol li#item01{
border:none;
}

#contentOption #forumVoteBox ol li a {
}

#contentOption .optionBox {
width:250px;
background: #f2f2f2 url(../image/web/optionBox_bg_bottom.gif) no-repeat bottom left;
overflow:hidden;
_overflow:visible;
margin-top:5px;
padding-bottom:5px;
}
#contentOption .optionBox h4{
font-size:15px;
font-weight:bold;
color:#444444;
line-height:32px;
margin:0px;
padding:0px;
text-indent:16px;
background:url(../image/web/optionBox_bg_top.gif) no-repeat top left;

}

#contentOption .optionBox p {
padding:0px 18px;
}

#contentOption .optionBox ul {
margin-left:12px;}

#contentOption ul li {
margin-left:5px;
width:95px;
float:left;
padding-left:10px;
background: url(../image/web/optionBox_list_pic.gif) no-repeat top left;
}

#contentOption ul li.selected {
background: url(../image/web/optionBox_list_pic_selected.gif) no-repeat top left;
}


#contentOption ul li a {
color:#444444;
}

#contentOption ul li.selected a {
color:#0071B0;
font-weight:bold;
}

#contentCurrent {
min-height:600px;
_height:600px;
width:525px;
_width:522px;
overflow:hidden;
_overflow:visible;
}

.pagePanel {
font-size:12px;
text-align:right;
padding:0px 5px;
height:20px;
overflow:hidden;
}

.pagePanel  em{
padding:5px 5px 4px 5px;
background:#0071B0;
font-weight:bold;
color:#FFFFFF!important;
}
.pagePanel a {
color:#444444;
}

.list {
border-bottom:1px solid #0071B0;
overflow:hidden;

}
.list li {
position:relative;
border-top:1px solid #DDDDDD;
padding:8px 0px;
height:75px;
}

.list li#item01 {
border-top:1px solid #0071B0;
}

.list li img {
width:100px;
height:75px;
float:left;
margin-right:10px;
}

.list li h5 {
font-weight:bold;
}

.list li p {
font-size:13px;
}

.list li p.time {
padding-bottom:10px;
color:#999999;
font-size:12px;
}


.gallery {
overflow:hidden;
_overflow:visible;
margin-left:-7px;
_margin-left:-12px;
position:relative;
width:532px;
_width:534px;
}
.gallery li {
width:170px;
float:left;
margin-bottom:5px;
margin-left:7px;
_margin-left:6px;
}
.gallery li a {
display:block;
width:168px;
height:123px;
border:1px solid #CCCCCC;
overflow:hidden;
margin-bottom:5px;
position:relative;
}


.gallery li a img {
position:absolute;
top:-1px;
left:-16px;
width:200px;
height:150px;
}

.gallery li h5 a {
display:block;
width:auto;
height:42px;
border:none;
overflow:hidden;
margin:0px;
position:inherit;
font-weight:bold;
}

.gallery li p.time,
.gallery li p.quantity {
font-size:12px;
color:#AAAAAA;
margin-top:5px;
}

.gallery li p.clickRate {
font-size:12px;
float:right;
line-height:20px;
margin-top:-20px;
}



.list li em,
.gallery li em {
color:#0071B0;
}