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

html {
color: #000;
background: #FFF;
}
body {
margin: 0;
}
body,
div,span,font,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,code,
form,fieldset,legend,input,button,textarea,
p,blockquote,
th,
td {
margin: 0;
padding: 0;
font-size: 12px;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
fieldset,
img {
border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var,optgroup {
font-style: inherit;
font-weight: inherit;
}
del,ins {
text-decoration: none;
}
li {
list-style: none;
}
caption,th {
text-align: left;
}

h1,h2,h3,h4,h5,h6 {
font-size: 100%;
font-weight: normal;
}
q:before,
q:after {
content: '';
}
abbr,acronym {
border: 0;
font-variant: normal;
}
sup {
vertical-align: baseline;
}
sub {
vertical-align: baseline;
}
legend {
color: #000;
}
input,button,textarea,select,optgroup,option {
font-family: inherit;
font-size: inherit;
font-style: inherit;
font-weight: inherit;
}
input,
button,
textarea,
select {
*font-size: 12px;
}
h1 {
font-size: 18px;
}
h2 {
font-size: 16px;
}
h3 {
font-size: 14px;
}
h1,h2,h3 {
margin: 1em 0;
}
h1,h2,h3,h4,h5,h6,strong,dt {
font-weight: bold;
}
optgroup {
font-weight:normal;
}
abbr,acronym {
border-bottom: 1px dotted #000;
cursor: help;
}
em {
font-style: italic;
}
del {
text-decoration: line-through;
}
blockquote {
margin: 1em;
}
ol,ul,dl {
margin: 1em 1em 1em 2em;
}
ol li {
list-style: decimal outside;
}
ul li {
list-style: disc outside;
}
dl dd {
margin-left: 1em;
}
th,td {
padding: .5em;
}
.hasBD th,
.hasBD td {
border: 1px solid #000;
}
.noborder th,
.noborder td {
border: 0;
}
.floatL {
float: left;
}
.floatR {
float: right;
}
th {
font-weight: bold;
text-align: center;
}
caption {
margin-bottom: .5em;
text-align: center;
}
sup {
vertical-align: super;
}
sub {
vertical-align: sub;
}
p,fieldset,table,pre {
margin-bottom: 1em;
}
button,
input[type="checkbox"],
input[type="radio"],
input[type="reset"],
input[type="submit"] {
padding:1px;
}

body {
font: 12px/1.231 arial,helvetica,clean,sans-serif;
*font-size:small; 
*font:x-small; 
}
select,input,button,textarea,button,option {
font: 12px arial,helvetica,clean,sans-serif;
}
table {
font-size:inherit;
font: 12px;
}
pre,code,kbd,samp,tt {
font-family:monospace;
*font-size: 14px%;
line-height:100%;
}

.clearall {
clear: both;
overflow: hidden;
height: 1px;
margin: 0 -1px -1px 0;
border: 0;
padding: 0;
font-size: 0;
line-height: 0;
}
.clearall-1 {
height: 1px;
}
.clearall-10 {
height: 10px;
}
.clearall-15 {
height: 15px;
}
.clearall-20 {
height: 20px;
}

/* 整體 */
html,body {
background: #000;
color: #5c5c5c;
}
a {
color: #1f8eff;
}
a:hover {
color: #000;
}
.container {
width: 1000px;
margin: 0 auto;
text-align: left;
background: #FFF;
}

/* 頭部 */
.logo {
background: url("images/head.jpg") no-repeat 0 0;
height: 262px;
}
.headnav {
background: url("images/nav-bg.gif") repeat-x 0 0;
height: 57px;
}
.headnav-inner {
padding-right: 55px;
}
.headnav ul {
margin: 0;
padding: 0;
list-style: none;
float: right;
border-right: 1px #FFF solid;
}
.headnav li {
float: left;
list-style: none;
}
.headnav a {
float: left;
padding: 0 15px;
padding-top: 7px;
height: 50px;
color: #FFF;
text-decoration: none;
background: url("images/nav-item.gif") no-repeat 50% 0;
border-left: 1px #FFF solid;
}
.headnav a:hover {
color: #fffc00;
}
.headnav .active a {
background-position: 50% -57px;
color: #FFF;
}

/* 中部 */
.mainbody-inner {
padding-left: 80px;
padding-right: 80px;
}
.vote .mainbody-inner,
.join .mainbody-inner {
padding-right: 0;
}

/* 底部 */
.mainfoot {
background: url("images/foot.gif") repeat-x 0 0;
height: 86px;
}
.mainfoot-inner {
background: url("images/foot-logo.gif") no-repeat 70px 0;
height: 86px;
}
.copyright {
padding: 20px 0 0 290px;
color: #FFF;
line-height: 22px;
}

/* 模組 */
.homepage .md1,
.homepage .md2 {
width: 406px;
}
.homepage .md1 {
margin-right: 25px;
}
.vote .md2,
.join .md1 {
width: 406px;
margin-right: 30px;
}
.mdtop {
background: url("images/md.gif") no-repeat 0 -94px;
height: 47px;
}
.mdtop-inner {
background: url("images/md.gif") no-repeat 100% 0px;
height: 47px;
}
.title {
padding: 17px 0 0  18px;
font-weight: bold;
color: #1fa8ff;
font-size: 15px;
}
.md2 .mdtop-inner {
background-position: 100% -47px;;
}
.mdmiddle {
border: 1px #1fa8ff solid;
border-width: 0 3px;
padding: 10px 20px;
}
.mdbottom {
background: url("images/md.gif") no-repeat 0 -141px;
height: 76px;
padding-left: 20px;
}
.mdbottom-inner {
background: url("images/md.gif") no-repeat 100% -141px;
height: 76px;
}
.mddesc {
color: #039;
font-weight: bold;
font-size: 15px;
padding-bottom: 10px;
}
.md3 .title {
color: #ff881f;
}
.md3 .content {
padding-top: 25px;
line-height: 24px;
}

/* 列表 */
.listTB th {
text-align: left;
font-weight: normal;
text-align: left;
color: #5c5c5c;
border-bottom: 1px #5c5c5c solid;
padding-bottom: 3px;
}
.listTB td {
color: #1fa8ff;
background: url("images/hline-dot.gif") repeat-x 0 100%;
padding-top: 8px;
padding-bottom: 7px;
}
.listTB .name {
color: #ff5c5c;
}
.listTB .bnum {
float: left;
height: 14px;
width: 18px;
color: #FFF;
font-weight: bold;
background: url("images/bullet-num.gif") no-repeat 0 0;
text-align: center;
padding-right: 4px;
font-size: 11px;
}
.md2 .listTB .bnum {
background-position: 0 -14px;
}

/* 轉寄 */
.forward .md1 .mdmiddle-inner {
background: url("images/forward.gif") no-repeat 584px 30px;
}
.formtb td {
vertical-align: top;
}
.formtb span {
display: block;
margin: 0;
padding-top: 3px;
padding-left: 25px;
/*background: url("images/bullet-dot-small.gif") no-repeat 18px 9px; */
}
.formtb span em {
display: block;
font-style: normal;
color: #ffa71d;
}
.formtext {
width: 252px;
height: 22px;
border: 1px #7f9db9 solid;
}
.formdesc {
border: 1px #f5f2ec solid;
margin-top: 3px;
}

/* 說明 */
.doc .mdmiddle p {
line-height: 24px;
margin-top: 20px;
margin-bottom: 20px;
}

/* 翻頁 */
.page {
text-align: center;
padding: 10px 0 15px;
}
.page a {
padding: 0 3px;
text-decoration: none;
color: #0072ff;
font-weight: bold;
}
.page .aimg {
padding: 0;
margin: 0 5px;
}
.page a:hover {
background: #0072ff;
color: #FFF;
}

/* 挑戰 */
.join-start {
height: 119px;
padding-right: 65px;
}
.join-start a {
float: right;
width: 191px;
height: 119px;
background: url("images/join-start.gif") no-repeat 0 0;
}
.join-start span {
display: none;
}
.vote-start {
height: 119px;
padding-right: 65px;
}
.vote-start a {
float: right;
width: 191px;
height: 119px;
background: url("images/vote-start.gif") no-repeat 0 0;
}
.vote-start span {
display: none;
}

/* 活動2 */
.doc-content {
width: 460px;
padding-right: 35px;
background: url("images/vline-dot.gif") repeat-y 100% 0;
margin-right: 25px;
}

.md4 {
width: 250px;
}
.md4 .formtext {
width: 130px;
height: 18px;
}

.submit {
text-align: right;
}