/*-----------------------------------------------------------------------------
 [TABLE OF CONTENTS]
    +content
        +content-main
            +vote-list,vote
                =vote-notice
                =vote-tab
                =vote-img-list
                =vote-page
                =vote-btn
-----------------------------------------------------------------------------*/

/* +vote-list,vote
*----------------------------------------------------------------------------*/

#content #content-main #vote-list,
#content #content-main #vote {
    width: 1000px;
    background: url(../i/bg-content-main-title2.gif) no-repeat;
}

#content #content-main #vote-list h2,
#content #content-main #vote h2 {
    height: 80px;
    text-indent: -100000px;
}

#content #content-main #vote h2 {
    background: url(../i/title-vote.gif) no-repeat 2px 0;
}

#content #content-main #vote-list h2 {
    background: url(../i/title-vote-list.gif) no-repeat 2px 0;
}


#content #content-main #vote-list h3 {
    font-size: 13px;
    width: 780px;
    margin: 34px 0 0 106px;
    padding: 0 0 9px 21px;
    background: url(../i/icon-dot5.gif) no-repeat 0px 4px;
	font: 15px/28px Verdana ;
	color: #30C0EE;
	color: #de000f;
    font-weight: bold; 
}

/**
*
* =vote-notice
*
**/

#content #content-main #vote-list #vote-notice {
    width: 850px;
    margin: 12px auto;
}

#content #content-main #vote-list #vote-notice ul li {
    background: url(../i/icon-dot2.gif) no-repeat 5px 8px;
    font-size: 13px;
    line-height: 20px;
    text-indent: 12px;
}

#content #content-main #vote-list #vote-notice ul li span {
    margin: 0 5px;
    color: #a80000;
    font-weight: bolder;
    font-size: 17px;
}

/**
*
* =vote-tab
*
**/

#content #content-main #vote #vote-tab {
    overflow: auto;
    width: 850px;
    margin: 20px auto 0;
}

#content #content-main #vote #vote-tab ul li {
    float: left;
    width: 116px;
    height: 32px;
    margin-right: 3px;
}

#content #content-main #vote #vote-tab ul li a {
    display: block;
    width: 116px;
    height: 32px;
    line-height: 32px;
    background: url(../i/bg-vote-tab02.gif) no-repeat 0 0;
    color: #3c3c3c;
    font-size: 15px;
    text-align: center;
}

#content #content-main #vote #vote-tab ul#func-img-active     li#func-img a,
#content #content-main #vote #vote-tab ul#func-num-active     li#func-num a,
#content #content-main #vote #vote-tab ul#func-rank-active    li#func-rank a {
    color: #000;
    background: url(../i/bg-vote-tab01.gif) no-repeat 0 0;
}

/**
*
* =vote-img-list
*
**/

#content #content-main #vote .vote-img-list {
    width: 850px;
    margin: 0 auto;
}
#content #content-main #vote-list .vote-img-list {
    width: 850px;
    margin: 0 auto;
    height: 300px;
}

#content #content-main #vote .vote-img-list ul {
    width: 850px;
    height: 290px;
    background: #fff url(../i/bg-line03.gif) repeat-x bottom center;
}
#content #content-main #vote-list .vote-img-list ul {
    float: left;
    width: 200px;
    margin: 0 0 0 100px;
    height: 270px;
}
#content #content-main #vote-list .vote-img-list ul h3 {
    float: left;
    font-size: 13px;
    width: 180px;
    margin: 0;
    padding: 0;
    background: url(../i/icon-dot5.gif) no-repeat 0px 4px;
	font: 15px/28px Verdana ;
	color: #de000f;
    font-weight: bold;
    padding: 0 0 0 21px;
}

#content #content-main #vote-list .vote-img-list ul.last,
#content #content-main #vote .vote-img-list ul.last {
    background-image: none;
}

#content #content-main #vote-list .vote-img-list ul li,
#content #content-main #vote .vote-img-list ul li {
    display: inline;
    position: relative;
    float: left;
    background: url(../i/bg-line02.gif) repeat-y center right;
}

#content #content-main #vote-list .vote-img-list ul li {
    width: 170px;
    height: 270px;
}

#content #content-main #vote .vote-img-list ul li {
    width: 212px;
    height: 290px;
}

#content #content-main #vote-list .vote-img-list ul li.last,
#content #content-main #vote .vote-img-list ul li.last {
    background: none;
}

#content #content-main #vote-list .vote-img-list ul li div,
#content #content-main #vote .vote-img-list ul li div {
    display: table-cell;
    color: #000;
    text-align: center;
    vertical-align: middle;
}

#content #content-main #vote-list .vote-img-list ul li div {
    width: 165px;
    height: 240px;
}

#content #content-main #vote .vote-img-list ul li div {
    width: 208px;
    height: 240px;
}

#content #content-main #vote-list .vote-img-list ul li div *,
#content #content-main #vote .vote-img-list ul li div * {
    *vertical-align: middle;
}

#content #content-main #vote-list .vote-img-list ul li div span,
#content #content-main #vote .vote-img-list ul li div span {
    *display: inline-block;
    *height: 78%;
}

#content #content-main #vote-list .vote-img-list ul li div p.btn,
#content #content-main #vote .vote-img-list ul li div p.btn {
    position: absolute;
    bottom: 15px;
    width: 70px;
    height: 20px;
}

#content #content-main #vote-list .vote-img-list ul li div p.btn {
    left: 48px;
}

#content #content-main #vote .vote-img-list ul li div p.btn {
    left: 71px;
}

#content #content-main #vote-list .vote-img-list ul li div p.btn a,
#content #content-main #vote .vote-img-list ul li div p.btn a {
    display: block;
    border: 1px solid #ccc;
    background: url(../i/bg-btn.gif) repeat-x 0 0;
    color: #666;
    font-size: 11px;
    text-align: center;
    text-decoration: none;
}

#content #content-main #vote-list .vote-img-list ul li div p.btn a:hover,
#content #content-main #vote .vote-img-list ul li div p.btn a:hover {
    color: #000;
}

/**
*
* =vote-page
*
**/

#content #content-main #vote-list .vote-page,
#content #content-main #vote .vote-page {
    width: 850px;
    height: 22px;
    margin: 0 auto;
    background: url(../i/bg-page01.gif) repeat-x 0 0;
}

/**
*
* =vote-btn
*
**/

#content #content-main #vote-list .vote-btn {
    width: 240px;
    margin: 10px auto 10px auto ;
    height: 30px;
    text-align: center;
}

#content #content-main #vote-list .vote-btn ul li {
    float: left;
    margin-left: 3px;
}

#content #content-main #vote-list .vote-btn ul li a {
    display: block;
    width: 110px;
    height: 26px;
    line-height: 26px;
    background: url(../i/bg_btn2.gif) repeat-x center;
}
/**
*
* = vote title 新增
*
**/

#vote-title h3 {
    width: 780px;
    margin: 34px 0 0px 106px;
    padding: 0 0 9px 15px;
    background: url(../i/icon-dot5.gif) no-repeat -1px 0;
    color: #ffb700;
    font-weight: normal;
}

/**
*
* =vote-login
*
**/

#content #content-main #vote-list .vote-img-list .vote-login-form {
    float: left;
    width: 320px;
    text-align: center;
}

#content #content-main #vote-list .vote-img-list .vote-login-form h3 {
    width: 300px;
    margin: 0 auto 15px;
    border-bottom: 1px dotted #cdcdcd;
    background: url(../i/icon-dot5.gif) no-repeat 0px 8px;
	font: 15px/28px Verdana ;
	color: #de000f;
    font-weight: bold; 
    text-align: left;
}

#content #content-main #vote-list .vote-img-list .vote-login-form p {
    width: 300px;
    margin: 0 auto;
    padding-top: 10px;
    text-align: left;
}

#content #content-main #vote-list .vote-img-list .vote-login-form input.btn {
    width: 110px;
    height: 26px;
    line-height: 26px;
    margin-top: 20px;
    border: 1px solid #ccc;
    background: url(../i/bg_btn2.gif) repeat-x center;
    color: #de000f;
    font-size: 13px;
    text-align: center;
    text-decoration: none;
}

#content #content-main #vote-list .vote-img-list .vote-login-form input.btn:hover {
    border: 1px solid #333;
    color: #333;
    text-decoration: none;
    background: url(../i/bg_btn2_hover.gif) repeat-x center;
}