@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: #C00;
}
.container {
width: 850px;
margin: 0 auto;
text-align: left;
background:#FFF url("../event1-images/bg.gif") repeat-x 0  262px ;
}

/* 頭部 */
.mainhead {
background: url("../event1-images/head.jpg") no-repeat 0 0;
padding-top:234px;
}
.mainhead2{
background: url("../event1-images/head2.jpg") no-repeat 0 0;
padding-top:234px;
}
.headnav {
height: 46px;
padding-right: 55px;
}
.headnav-inner {
}
.headnav ul {
margin: 0;
padding: 0;
list-style: none;
float: right;
}
.headnav li {
float: left;
list-style: none;
}
.headnav a {
float: left;
height: 33px;
color: #FFF;
width: 135px;
text-decoration: none;
background: url("../event1-images/nav-item.gif") no-repeat 0 0;
}
.headnav a:hover {
color: #000;
}
.headnav .active a {
color: #FFF;
}
#a01 a {
width: 135px;
background-position: 0 0;
}
#a02 a {
width: 135px;
background-position: -135px 0;
}
#a03 a {
width: 135px;
background-position: -270px 0;
}
#a01 a:hover {
background-position: 0 -33px;
}
#a02 a:hover {
background-position: -135px -33px;
}
#a03 a:hover {
background-position: -270px -33px;
}
#a01.active a,
#a01.active a:hover{
background-position: 0 -33px;
}
#a02.active a,
#a02.active a:hover {
background-position: -135px -33px;
}
#a03.active a,
#a03.active a:hover {
background-position: -270px -33px;
}
/* 中部 */
.mainbody-inner {
padding:20px;
}
.vote .mainbody-inner,
.join .mainbody-inner {
padding-right: 0;
}

/* 底部 */
.mainfoot {
background: url("../event1-images/foot.gif") repeat-x 0 0;
height: 48px;
}
.mainfoot-inner {
background: url("../event1-images/foot-logo.gif") no-repeat 70px 7px;
height: 48px;
}
.copyright {
padding: 20px 0 0 210px;
color: #424242;
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("../event1-images/md.gif") no-repeat 100% -98px;
height:48px;
padding-right:20px;
}
.mdtop-inner {
background: url("../event1-images/md.gif") no-repeat 0 -20px;
height: 48px;
}
.title {
background: url("../event1-images/tit1.gif") no-repeat 0 0px;
padding: 20px 0 0  18px;
font-weight: bold;
font-size: 15px;
}
.title2 {
background: url("../event1-images/tit2.gif") no-repeat 0 0px;
padding: 20px 0 0  18px;
font-weight: bold;
font-size: 15px;
}
.title3 {
background: url("../event1-images/tit3.gif") no-repeat 0 0px;
padding: 20px 0 0  18px;
font-weight: bold;
font-size: 15px;
}
.md2 .mdtop-inner {
background-position: 100% -47px;;
}
.mdmiddle {
background:#fff;
border: 1px #cecece solid;
border-width: 0 3px;
padding: 10px;
}
.mdbottom {
background: url("../event1-images/md.gif") no-repeat 100% -142px;
height: 14px;
padding-right: 20px;
}
.mdbottom-inner {
background: url("../event1-images/md.gif") no-repeat 0 -64px;
height:14px;
}
.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: #1fa8ff;
border-right: 1px #bbbbbb solid;
border-bottom: 1px #bbbbbb solid;
padding-bottom: 3px;
}
.listTB td {
color: #5c5c5c;
border-right: 1px #bbbbbb solid;
border-bottom: 1px #bbbbbb solid;
}
.listTB .name {
color: #ff5c5c;
}
.listTB .bnum {
float: left;
height: 14px;
width: 18px;
color: #FFF;
font-weight: bold;
background: url("../event1-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("../event1-images/forward.gif") no-repeat 500px 30px;
}
.formtb td {
vertical-align: top;
}
.formtb span {
display: block;
margin: 0;
padding-top: 3px;
padding-left: 25px;
background: url("../event1-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: 81px;
padding-right: 65px;
}
.join-start a {
float: right;
width: 209px;
height: 81px;
background: url("../event1-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("../event1-images/vote-start.gif") no-repeat 0 0;
}
.vote-start span {
display: none;
}
/* 活動2 */
.doc-content {
width: 460px;
padding-right: 35px;
background: url("../event1-images/vline-dot.gif") repeat-y 100% 0;
margin-right: 25px;
}

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

.submit {
text-align: right;
}
.middle_table{
margin: 0 auto;
height:550px;
width:100%;
position: relative;
}
.middle_left{

}
.t1{
padding-bottom: 10px;
position: absolute;
top: 40px;
left: 103px;
}
.t1_tx{
color: #327aff;
font-weight: bold;
font-size: 15px;
padding-left:10px;
}
.listTB{
width:270px;
height:150px;
border-top: 1px #bbbbbb solid;
border-left: 1px #bbbbbb solid;
}
.t2{
color: #f87500;
}


.left_td{
position: absolute;
height:350px;
padding:50px 0 0 110px;
background: url("../event1-images/pic-left.gif") no-repeat 0 10px;
}
.lable{
padding-bottom:10px;
}
.right_td{
position: absolute;
height:350px;
padding:50px 0 0 110px;
background: url("../event1-images/pic-right.gif") no-repeat 0 10px;
top:220px;
}
.t3{
color: #327aff;
font-weight: bold;
font-size: 15px;
padding-bottom: 10px;
position: absolute;
top:30px;
left: 96px
}
.mr_tab{
color: #327aff;
width:500px;
}
.t4{
color: #f87500;
}
.t4 a{
color: #f87500;
}
.about-desc{
color: #ff48ff;
font-weight: bold;
font-size: 15px;
}
.t5{
background: url("../event1-images/join-start.gif") no-repeat 0 0;
width:209px;
height:81px;
position: absolute;
right:0;
}

.title_selected {
background:#FFFFFF; border:1px solid #CCCCCC;
border-bottom:0;
}
.title_unselected {
background:#d8d8d8; border:1px solid #CCCCCC; color:#666666;