@charset "utf-8";
body, ul, dl, dd, dt, ol, li, p, h1, h2, h3, h4, h5, h6, textarea, form, select, fieldset, table, td, div, input {margin:0;padding:0;-webkit-text-size-adjust: none}
h1, h2, h3, h4, h5, h6{font-size:12px;font-weight:normal}
body>div{margin:0 auto}
div {text-align:left}
a img {border:0}
body { color: #333; text-align: center; font: 12px "微软雅黑"; }
ul, ol, li {list-style-type:none;vertical-align:0}
a {outline-style:none;color:#535353;text-decoration:none}
a:hover { color: #D40000; text-decoration: none}
.clear{height:0; overflow:hidden; clear:both}
.button {display: inline-block;zoom: 1; *display: inline;vertical-align: baseline;margin: 0 2px;outline: none;cursor: pointer;text-align: center;text-decoration: none;font: 14px/100% Arial, Helvetica, sans-serif;padding:0.25em 0.6em 0.3em;text-shadow: 0 1px 1px rgba(0,0,0,.3);-webkit-border-radius: .5em; -moz-border-radius: .5em;border-radius: .5em;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.red {color: #faddde;border: solid 1px #980c10;background: #d81b21;background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#A51715));background: -moz-linear-gradient(top,  #ed1c24,  #A51715);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}
.red:hover { background: #b61318; background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115)); background: -moz-linear-gradient(top,  #c9151b,  #a11115); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115'); color:#fff;}
.red:active {color: #de898c;background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');}
.cor_bs,.cor_bs:hover{color:#ffffff;}
/* 效果CSS开始 */
    #wrapper {
        background-color: #fff;
        border: 1px solid #ddd;
        box-shadow: 0 5px 10px #ccc;
        width: 500px;
        height: 300px;
        padding: 20px;
        margin:0 auto;
        overflow: hidden;
        position:relative;
    }
    #carousel {
        width: 576px;
        height: 335px;
    }
    #carousel div {
        width: 500px;
        height: 300px;
        position: relative;
    }
    #carousel img {
        border: none;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }
    
    #wrapper a {
        background-color: rgba( 255, 255, 255, 0.5 );
        border: 1px solid #fff;
        color: #fff;
        font-size: 20px;
        font-weight: bold;
        line-height: 30px;
        text-align: center;
        text-decoration: none;
        text-shadow: 0 0 2px rgba( 0, 0, 0, 0.4 );
        display: block;
        box-shadow: 0 0 2px rgba( 0, 0, 0, 0.5 );
        width: 30px;
        height: 30px;
        opacity: 0;
        position: absolute;
        top: 20px;
        left: 445px;

        -moz-transition: opacity 0.5s;
        -webkit-transition: opacity 0.5s;
        -ms-transition: opacity 0.5s;
        -o-transition: opacity 0.5s;
        transition: opacity 0.5s;
    }
    #wrapper:hover a {
        opacity: 0.3;
    }
    #wrapper:hover a:hover {
        opacity: 0.6;
    }
    #wrapper a#link-1 {
        width: 85px;
        height: 50px;
        left: 75px;
        top: 170px;
    }
    #wrapper a#link-2 {
        width: 85px;
        height: 50px;
        left: 170px;
        top: 125px;
    }
    #wrapper a#link-3 {
        width: 100px;
        height: 70px;
        left: 250px;
        top: 150px;
    }
    #wrapper a#link-4 {
        width: 85px;
        height: 50px;
        left: 295px;
        top: 90px;
    }
    #wrapper a#link-5 {
        width: 85px;
        height: 50px;
        left: 385px;
        top: 125px;
    }
    
    #donate-spacer {
        height: 100%;
    }
    #donate {
        border-top: 1px solid #999;
        width: 750px;
        padding: 50px 75px;
        margin: 0 auto;
        overflow: hidden;
    }
    #donate p, #donate form {
        margin: 0;
        float: left;
    }
    #donate p {
        width: 650px;
    }
    #donate form {
        width: 100px;
    }
/* 效果CSS结束 */