body {
            font-size: 14px;
            background: #f6f6f6;
            font-family: 'Microsoft YaHei';
        }

        .header-bg {
            height:60px;
            border-bottom: 1px solid #ccc;
            margin-bottom: 3px;
            font-size:36px;
            line-height:60px;
        }

        /*valid css start*/

        .validation-summary-errors {
            color: #f00;
            font-size: 12px;
            margin-bottom: 10px;
            margin-top: 10px;
            padding: 3px;
            background-color: #fbe3e4;
            border: 1px dashed #9a4343;
            border-radius: 3px;
        }

            .validation-summary-errors li {
                padding-left: 2px;
                margin-top: 2px;
                margin-bottom: 2px;
                list-style: none;
            }

        .field-validation-error {
            color: #f00 !important;
            font-size: 12px;
            background-color: #fbe3e4;
            padding: 3px;
        }

        input.input-validation-error {
            border: 1px solid #e80c4d;
            background-color: #ffeeee;
        }

        select.input-validation-error {
            border: 1px solid #e80c4d;
            background-color: #ffeeee;
        }

        textarea.input-validation-error {
            border: 1px solid #e80c4d;
            background-color: #ffeeee;
        }

        input[type="checkbox"].input-validation-error {
            border: 0 none;
        }

        .field-validation-valid {
            display: none;
        }

        .validation-summary-valid {
            display: none;
        }

        /*valid css end*/


        .top10 {
            margin-top: 10px;
        }

        .bot10 {
            margin-bottom: 10px;
        }

        .overhide {
            overflow: hidden;
        }


        .mb20 {
            margin-bottom: 20px;
        }

        .fl {
            float: left;
        }

        .fr {
            float: right;
        }

        .ml10 {
            margin-left: 10px;
        }

        .mr10 {
            margin-right: 10px;
        }

        .mt5 {
            margin-top: 5px;
        }

        .mb5 {
            margin-bottom: 5px;
        }

        .pb20 {
            padding-bottom: 20px;
        }

        /*footer start*/

        .footer_sel {
            width: 143px;
            height: 30px;
            border: 1px solid #e3e0e0;
            font-size: 12px;
            color: #666;
            font-family: "微软雅黑";
        }

        .foot_line {
            border-bottom: 1px solid #dadada;
        }

        .footer_nav p {
            font-size: 12px;
            color: #959595;
        }

        .footer_gh img {
            width: 54px;
            height: 63px;
        }

        .footer_nav a {
            font-size: 12px;
            color: #666;
            text-decoration: none;
        }
        .footer_nav p {
            font-size: 12px;
            color: #666;
        }
        .mt5 {
            margin-top: 5px;
        }

        .mt10 {
            margin-top: 10px;
        }

        .mt20 {
            margin-top: 20px;
        }

        .mb5 {
            margin-bottom: 5px;
        }

        .mb20 {
            margin-bottom: 20px;
        }

        .ml25 {
            margin-left: 25px;
        }

        .fr img{
            vertical-align:bottom;
        }
        /*footer end*/
@media(max-width: 320px){
           .header-bg {
            height:60px;
            border-bottom: 1px solid #ccc;
            margin-bottom: 3px;
            font-size:20px;
            line-height:60px;
        } 
        h3{
           font-size:16px; 
        }
}
@media(min-width: 321px)and (max-width:768px){
           .header-bg {
            height:60px;
            border-bottom: 1px solid #ccc;
            margin-bottom: 3px;
            font-size:20px;
            line-height:60px;
        } 
        h3{
           font-size:16px; 
        }
}