@charset "utf-8";

#container {
    width: 572px;
    margin: auto;
}

#container_inner {
    width: 572px;
    padding: 0 20px;
    overflow: hidden;
}

#content {
    width: 572px;
    height: 271px;
    float: left;
    margin: 30px 0;
}

#formbar {
    position: relative;
    top: -250px;
    left: 350px;
    width: 260px;
    font-size: 13px;
    line-height: 30px;
    color: #FFF;
}

.form01 {
    height: 18px;
    width: 150px;
}

.form02 {
    height: 24px;
    width: 154px;
}

.form03 {
    height: 20px;
    width: 20px;
}
/*JB*/
#logo {
    position: relative;
    top: -177px;
    left: 50px;
    width: 150px;
    font-size: 14px;
    line-height: 18px;
    display: inline;
}


#sidebar {
    width: 200px;
    float: right;
    margin: 30px 0;
}

.whtext {
    text-align: right;
    text-justify: inter-ideograph;
    font-size: 13px;
    color: #000;
}


/* ==================== background ==================== */

body {
    background-image: url(../img/bg.jpg);
    background-repeat: repeat-x;
    background-position: center top;
    background-color: #06F;
    background-attachment: fixed;
    font-family: 'Microsoft JhengHei UI', Verdana, Geneva, sans-serif;
}




/* ==================== header ==================== */

#header {
    color: #000;
    height: 150px;
}
/*JB*/
#info {
    width: 572px;
    height: 293px;
    /*background-image: url(../img/select_bg.png);*/
    background: #ffffff;
    background: -moz-linear-gradient(top,  #b5c6d0 0%, #b5c6d0 0%, #d8e1e7 18%, #f2f6f8 51%, #e0eff9 79%, #b5c6d0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5c6d0), color-stop(0%,#b5c6d0), color-stop(18%,#d8e1e7), color-stop(51%,#f2f6f8), color-stop(79%,#e0eff9), color-stop(100%,#b5c6d0));
    background: -webkit-linear-gradient(top,  #b5c6d0 0%,#b5c6d0 0%,#d8e1e7 18%,#f2f6f8 51%,#e0eff9 79%,#b5c6d0 100%);
    background: -o-linear-gradient(top,  #b5c6d0 0%,#b5c6d0 0%,#d8e1e7 18%,#f2f6f8 51%,#e0eff9 79%,#b5c6d0 100%);
    background: -ms-linear-gradient(top,  #b5c6d0 0%,#b5c6d0 0%,#d8e1e7 18%,#f2f6f8 51%,#e0eff9 79%,#b5c6d0 100%);
    background: linear-gradient(to bottom,  #b5c6d0 0%,#b5c6d0 0%,#d8e1e7 18%,#f2f6f8 51%,#e0eff9 79%,#b5c6d0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5c6d0', endColorstr='#b5c6d0',GradientType=0 );
    border: 2px solid #444;
    color: #000;
    border-radius:5px;
}



#bt {
    position: relative;
    left: 260px;
    top: -60px;
}

    #bt li {
        list-style-type: none;
        width: 117px;
        height: 35px;
        float: left;
        margin: 2px;
        vertical-align: top;
    }

        #bt li a {
            text-align: center;
            background-image: url(../img/bt_bg.png);
            background-repeat: no-repeat;
            width: 117px;
            height: 35px;
            padding-top: 8px;
            list-style-type: none;
            text-decoration: none;
            display: block;
            font-size: 13px;
            color: #FFF;
        }

            #bt li a:hover {
                display: block;
                font-size: 14px;
                color: #000;
            }

.post {
    width: auto;
}

    .post h2 {
        font-size: 1em;
        margin: 0;
        margin-bottom: 0px;
        background-color: #b8e964;
        line-height: 32px;
        padding-left: 10px;
    }

.posttext {
    font-size: 0.875em;
    color: #000000;
    filter: alpha(opacity=100);
    opacity: 1;
    zoom: 1;
}

    .posttext p {
        margin: 0;
        margin-bottom: 0px;
    }

.buttonStyle 
{
    text-align: center;
    width: 100px;
    height: 25px;
    list-style-type: none;
    text-decoration: none;
    display: block;
    font-size: 15px;
    color: #000;
    border:1px solid #444;
    cursor:pointer;
    border-radius:10px;
    font-family: 'Microsoft JhengHei UI', Verdana, Geneva, sans-serif;
    /*JB*/
    background: #c17d00;
    background: -moz-linear-gradient(top,  #c17d00 0%, #edcc55 33%, #e2c534 66%, #c17d00 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c17d00), color-stop(33%,#edcc55), color-stop(66%,#e2c534), color-stop(100%,#c17d00));
    background: -webkit-linear-gradient(top,  #c17d00 0%,#edcc55 33%,#e2c534 66%,#c17d00 100%);
    background: -o-linear-gradient(top,  #c17d00 0%,#edcc55 33%,#e2c534 66%,#c17d00 100%);
    background: -ms-linear-gradient(top,  #c17d00 0%,#edcc55 33%,#e2c534 66%,#c17d00 100%);
    background: linear-gradient(to bottom,  #c17d00 0%,#edcc55 33%,#e2c534 66%,#c17d00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c17d00', endColorstr='#c17d00',GradientType=0 );
}

/*JB*/
.buttonStyle:hover
{
    background: #a86700;
    background: -moz-linear-gradient(top,  #a86700 0%, #cca749 34%, #cca749 66%, #a86700 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a86700), color-stop(34%,#cca749), color-stop(66%,#cca749), color-stop(100%,#a86700));
    background: -webkit-linear-gradient(top,  #a86700 0%,#cca749 34%,#cca749 66%,#a86700 100%);
    background: -o-linear-gradient(top,  #a86700 0%,#cca749 34%,#cca749 66%,#a86700 100%);
    background: -ms-linear-gradient(top,  #a86700 0%,#cca749 34%,#cca749 66%,#a86700 100%);
    background: linear-gradient(to bottom,  #a86700 0%,#cca749 34%,#cca749 66%,#a86700 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a86700', endColorstr='#a86700',GradientType=0 );
}