/*
 * Licensed to Apereo under one or more contributor license
 * agreements. See the NOTICE file distributed with this work
 * for additional information regarding copyright ownership.
 * Apereo licenses this file to you under the Apache License,
 * Version 2.0 (the "License"); you may not use this file
 * except in compliance with the License.  You may obtain a
 * copy of the License at the following location:
 *
 *   http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on an
 * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 * KIND, either express or implied.  See the License for the
 * specific language governing permissions and limitations
 * under the License.
 */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr,
address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var,
b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot,
thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header,
menu, nav, section, summary, time, mark, audio, video {
    margin: auto 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    /*vertical-align: baseline;*/
    /*background: transparent;*/
}
nav ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #fff; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }
body {
    font-family: "寰蒋闆呴粦" ! important;
    font-size: 13px;
    /*background: url("https://www.nytcmdistribution.com/__xh__/id.wzvtc.cn/cas/css/images/c_bg.png");*/
    /*background-color: #C1E1FA;*/
    background-color: #fff;
    background-size: 50% 100%;
    TEXT-ALIGN: center;
}

#container {
    width: 100%;
    height: 461px;
    margin: 0 auto;
    margin-top: 20px;
}

/*.col-xs-3 { width:20%;}*/

a:link, a:visited {
    color: #666;
    text-decoration: none;
}

a:hover {
    color: #666;
}

p{
    line-height:2.0em;
    color: #666;
}

#logo {
    width: 1135px;
    margin: 0 auto;
    border: 0px;
}

header{
    width: 100%;
    margin: 0 auto;
}

#content {
    background-color: #0099CC;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
}


#login_panel{
    width: 1280px;margin: 0 auto;
}

#login_image{
    /*background: url("https://www.nytcmdistribution.com/__xh__/id.wzvtc.cn/cas/images/wzy201702/login_bg.png") no-repeat;*/
    height: 100%;
    /*background-size:816px 514px;*/
    /*background-color: #5890cf;*/
    /*padding: 10px;*/
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#login {
    /*float: right;*/
    padding-top: 0px;
    margin: 0 auto;
    margin-top: 20px;
}

#login button{
    color: #fff;
    background: #5cb85c;
    border:1px solid #4cae4c !important;
    font-weight: bold;
    font-size: 16px;
}


#login .w_251{
    width: 249px;
    height: 39px;
    border:1px solid #cccccc;
    /*line-height: 39px;*/
    margin: 20px auto;
}

#login .inp{
    background:#ffffff;
}

#login .first{
    margin-top: 20px;
}

#login .imooc-icon{
    font-size: 18px;
    color: #a8a8a8;
    float: left;
    position: relative;
    left: 8px;
    top: 8px;
}

#login .imooc-icon-sms{
    font-size: 13px;
    float: right;
    position: relative;
    left: 0px;
    top: -28px;
    padding-top: 8px;
    padding-bottom: 9px;
}

#login input{
    width: 215px;
    border:none;
    height: 20px;
    float: right;
    /*padding-top: 10px;*/
    /*padding-bottom: 10px;*/
    outline:none;
    background-color: #fff;
    margin-top: 8px;
}

#capslock-on{
    color:#000;
}


#msg,#msgsms{
    text-align: left;
    color: #ff887c;
    border: 1px dotted #666666;
    width: 360px;
    display: block;
    position: absolute;
    padding: 0px;
    margin: 0px;
}

#msg.errors,#msgsms.errors {
    color: #ff0000;
    padding-left: 40px;
    padding-top: 5px;
    margin-bottom: 5px;
    background: url("https://www.nytcmdistribution.com/__xh__/id.wzvtc.cn/cas/images/error.png") no-repeat 12px center;
    background-size: 18px 18px;
    background-color: #98f1c6;
    opacity:0.7;
}

#msg.success { border: 1px dotted #fff; color: #ffffff; padding-left: 100px; background: url("https://www.nytcmdistribution.com/__xh__/id.wzvtc.cn/cas/images/success.png") no-repeat 20px center; }
#msg.info { border: 1px dotted #008; color: #008; padding-left: 100px; background: url("https://www.nytcmdistribution.com/__xh__/id.wzvtc.cn/cas/images/info.png") no-repeat 20px center; }
#msg.question { border: 1px dotted #390; color: #390; padding-left: 100px; background: url("https://www.nytcmdistribution.com/__xh__/id.wzvtc.cn/cas/images/question.png") no-repeat 20px center; }
#msg.warn { border: 1px dotted #960; color: #960; padding-left: 100px; background: #ffbc8f url("https://www.nytcmdistribution.com/__xh__/id.wzvtc.cn/cas/images/info.png") no-repeat 20px center; }
#msg.fwwzs{border: 1px dotted #960; color: #960;}


.link_table{ padding:30px 0; margin:0 auto; margin-top: 40px;margin-bottom: 40px;}
.link_table tr td{width:320px; height:35px;}
.link_table_ul li{list-style-type:none; float:left; padding:0 12px; border-right:1px solid #d9d8d8; height:18px; line-height:18px;}
.link_table_ul li a{font-size:14px; color:#515151; white-space: nowrap;}
.link_table_ul li.r-li{border-right:none;}
.link_table_ul li.r-pa{padding-left:0px;}
.link_table_title{ font-family:"寰蒋闆呴粦"; font-size:18px; color:#343434; line-height:20px;}

footer .copyright{
    width: 1200px;
    padding: 10px;
    margin: 0 auto;
}

footer  p, a:link, footer a:visited {
    padding: 5px;

}


li {
    list-style: none;
}

.i35-wrap {
    margin: 0 auto;
    border-radius: 3px;
    width: 360px;
    vertical-align: top;
    border: 1px solid rgb(219, 219, 219);
    box-shadow: rgb(164, 160, 157) 1px 1px 9px -3px;
    background-color: #F5FFF5;
}

.i35-wrap .i35-title {
    /*display: flex;*/
    border-bottom: 2px solid rgb(72, 148, 211);
    height: 45px;
    line-height: 25px;
    font-size: 15px;
    text-shadow: 1px 0px 0px #4898c6;
}

.i35-wrap .i35-title td {
    text-align: center;
    flex: 1 1 1px;
    cursor: pointer;
    padding: 10px 10px;
    color: rgb(51, 51, 51);
}

.i35-wrap .i35-title td.active {
    color: #ffffff;
    background: linear-gradient(#4898c6 5%, #78C8F6 30%, rgb(36, 148, 211) 90%);
    background-color: rgb(36, 148, 211);
}

.i35-con {
    padding: 0px;
}

.i35-con .content {
    display: none;
    padding: 20px;
    background-color: #ffffff;
    height: 380px;
}

.i35-con .content li {
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


@media only screen and (max-width: 1135px) {
    body{
        background-color: #ffffff;
    }

    #container {
        width: 100%;
        padding: 5px 5px;
        margin: 0px;
        margin: 0 auto;
    }

    #content {
        margin: 0 auto;
        padding:0px;
    }

    #login_panel{
        width: 100%;
    }

    #login_image{
        display: none;
    }


    .i35-wrap {
        width: 100%;
    }

    footer {
        display: none;
    }
}

@media only screen and (max-width: 560px) {
    body{
        background-color: #0099CC;
    }

    #container {
        width: 100%;
        padding: 5px 5px;
        margin: 0px;
        margin: 0 auto;
    }

    #content {
        margin: 0 auto;
        padding:0px;
    }

    #login_panel{
        width: 100%;
    }

    #login {
        padding-top: 20px;
        margin: 0 auto;
        margin-top: 20px;
        width: 320px;
        height: 400px;
        float:none;
    }

    #login {
        padding-top: 20px;
        margin: 0 auto;
        margin-top: 20px;
        width: 320px;
        height: 400px;
        float:none;
    }

    #login_image{
        display: none;
    }

    .i35-wrap {
        width: 100%;
    }

    header {
        display: none;
    }

    footer {
        display: none;
    }


    .link_table tr:first-child{
        display: none;
    }

    .link_table tr td{width:33%; height:35px;}

    .link_table_title{
        color: white;
        font-size: 12px;
    }

    .link_table_ul li{list-style-type:none; float:none; padding: 0px; height:18px; border-right:0px; line-height:18px;}
    .link_table_ul li.r-li{borde:none;}
    .link_table_ul li.r-pa{padding:0px;}

    .link_table_ul li a {
        color: white;
        font-size: 12px;
    }


}