body, div, h1 {
    margin: 0;
}

body {
    color: #222222;
    background-color: #F8F7F5;
    font-family: "Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;
    height: 100%;
}

h1 {
    font-size: 1.5em;
    line-height: 2.25em;
}

img {
    height: auto !important;
    max-width: 88.6% !important;
    border-radius: .618em;
}

table {
    width: 46.25em;
    border-collapse: collapse;
    width: 100% !important;
}

thead {
    color: #0080FF;
    background-color: #F2F2F2;
}

th, td {
    padding: .618em .5em .618em .5em;
}

blockquote {
    margin: 1.25em;
    padding: 0 1em;
    border-left-width: .3125em;
    border-left-style: solid;
    border-left-color: rgb(234,238,241);
    color: rgb(85,85,85);
    line-height: 1.57421875em;
    white-space: normal;
}

a {
    color: #607FA6;
    font-size: 1em;
    text-decoration: none;
    line-height: 1.25em;
}

.noa {
    color: #FFD700;
    font-size: 1em;
    font-weight: bold;
    text-decoration: none;
}

.soft {
    color: #FFDDAA;
}

.pink {
    color: #FFC0CB;
    font-size: 1em;
    font-weight: bold;
    text-decoration: none;
}

.pinks {
    color: #FFC0CB;
    text-decoration: none;
}

input {
    font: normal 100% "STHeiti STXihei","Lucida Grande","Microsoft JhengHei","Microsoft Yahei",Helvetica,Tohoma,Arial,Verdana,sans-serif;
}

.other {
    padding: .125em .3125em .25em .3125em;
    height: 2.5em;
    width: 5em;
    outline: 0;
}

.submit {
    height: 3.125em;
    width: 5.9375em;
    border: 0;
}

.center {
    text-align: center;
}

.bold {
    font-size: 1.5em;
    font-weight: bold;
    word-break: normal;
    word-wrap: break-word;
}

.break {
    word-break: break-all;
}

.tiny {
    font-size: .8em;
    line-height: 1em;
}

@media screen and (min-width:1024px) {
    .detail {
        width: 46.25em;
        margin: 0 auto;
        padding: 1.25em;
        padding-top: 0;
        border: 0;
    }
}

.detail {
    background-color: #373737;
}

.header {
    padding: .5em 0 .625em 0;
    border-bottom: .0625em;
}

.red {
    color: #F5DEB3;
}

.white {
    color: #FFFAF0;
}

.back-white {
    background-color: #FFFFFF;
    opacity: .85;
}

.back-egg {
    background-color: #FFFFBB;
    opacity: .85;
}

.back-pink {
    background-color: #FFB7DD;
    opacity: .85;
}

.back-yellow {
    background-color: #FFDDAA;
    opacity: .85;
}

.back-orange {
    background-color: #FFDDAA;
    opacity: .85;
}

.back-gold {
    background-color: #FFEE99;
    opacity: .85;
}

.back-green {
    background-color: #EEFFBB;
    opacity: .85;
}

.back-blue {
    background-color: #CCDDFF;
    opacity: .85;
}

.back-sky {
    background-color: #CCEEFF;
    opacity: .85;
}

.back-baidu {
    background-color: #77BBEF;
    opacity: .85;
}

.back-wheat {
    background-color: #F5DEB3;
    opacity: .85;
}

.back-azure {
    background-color: #F0FFFF;
    opacity: .85;
}

.honeydew {
    background-color: #F0FFF0;
    opacity: .85;
}

.gold {
    background-color: #FFD700;
    opacity: .85;
}

.orange {
    background-color: #FFA500;
    opacity: .85;
}

.violet {
    background-color: #EE82EE;
    opacity: .85;
}

.tomato {
    background-color: #FF6347;
    opacity: .85;
}

.lavender {
    background-color: #E6E6FA;
    opacity: .85;
}

.silver {
    background-color: #C0C0C0;
    opacity: .85;
}

.darkseagreen {
    background-color: #8FBC8F;
    opacity: .85;
}

.mediumpurple {
    background-color: #9370DB;
    opacity: .85;
}

.burlywood {
    background-color: #DEB887;
    opacity: .85;
}

.aquamarine {
    background-color: #7FFFD4;
    opacity: .85;
}

.springgreen {
    background-color: #00FF7F;
    opacity: .85;
}

.darkturquoise {
    background-color: #00CED1;
    opacity: .85;
}

.mediumseagreen {
    background-color: #3CB371;
    opacity: .85;
}

.deepskyblue {
    background-color: #00BFFF;
    opacity: .85;
}

.lightskyblue {
    background-color: #87CEFA;
    opacity: .85;
}

.rr {
    border-radius: 0 .382em .382em 0;
}

.topr {
    border-radius: .382em .382em 0 0;
}

.btnr {
    border-radius: 0 0 .382em .382em;
}

.right_outer, .non {
    display: none !important;
}

@media screen and (min-width:1024px) {
    .draglist:hover {
        border-color: #FFFFBB;
        background-color: #FFDDAA;
    }

    .non {
        display: block !important;
    }

    .text {
        padding: .125em .3125em .25em .3125em;
        height: 2.5em;
        width: 22.5em;
        outline: 0;
    }

    .right_outer {
        display: block !important;
        position: fixed;
        left: 0;
        right: 0;
        top: -2.5em;
        color: #717375;
        text-align: center;
    }

    .right_inner {
        position: relative;
        width: 46.25em;
        margin-left: auto;
        margin-right: auto;
    }

    .right p {
        line-height: 1.75em;
    }

    .right {
        position: absolute;
        right: -150px;
        top: 42px;
        padding: 8px;
        border: .0625em solid #D9DADC;
        background-color: #FFFFFF;
        width: 7em;
    }
}

.dis {
    display: none !important;
}

.space {
    letter-spacing: .875em;
}

@media screen and (max-width:1023px) {
    .dis {
        display: block !important;
    }

    .text {
        padding: .125em .3125em .25em .3125em;
        height: 2.5em;
        width: 12em;
        outline: 0;
    }
}

@media screen and (max-width:1023px) {
    .mb {
        font-size: .875em;
        line-height: 1.9em;
    }
}