body 
{
	margin:0px;
	padding:0px;
    font-family: Microsoft YaHei,'宋体' , Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;
    background-image:url(../Images/loginbg1.jpg);
    background-position: center;
}
ul, li { list-style:none; }
#loginContent {
    width:60%;
    margin:0px auto;
    margin-top:5%;
    background-color:#FFF;
}
#right {
    width:35%;
    background-image:url(../Images/loginbg2.jpg);
    background-position:center;
    text-align:center;
    vertical-align:top;
}
.text {
    width:60%;
    height:70px;
    margin:0px auto;
}
.button   
{
	width:40%;

    display: inline-block;  
    position: relative; 
    text-align: center;  
    text-decoration: none;  
    font: bold 14px/25px Arial, sans-serif;  
  
    text-shadow: 1px 1px 1px rgba(255,255,255, .22);  
  
    -webkit-border-radius: 5px;  
    -moz-border-radius: 5px;  
    border-radius: 5px;  
  
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44);  
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44);  
    box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44);  
  
    -webkit-transition: all 0.15s ease;  
    -moz-transition: all 0.15s ease;  
    -o-transition: all 0.15s ease;  
    -ms-transition: all 0.15s ease;  
    transition: all 0.15s ease;  
    height:34px;
    line-height:34px;
}  
.green {  
    color: #3e5706;  
  
    background: #a5cd4e; /* Old browsers */  
    background: -moz-linear-gradient(top,  #a5cd4e 0%, #6b8f1a 100%); /* FF3.6+ */  
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5cd4e), color-stop(100%,#6b8f1a)); /* Chrome,Safari4+ */  
    background: -webkit-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); /* Chrome10+,Safari5.1+ */  
    background: -o-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); /* Opera 11.10+ */  
    background: -ms-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); /* IE10+ */  
    background: linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); /* W3C */  
}
.text p {
    font-size:14px;
    font-weight:100;
    color:#5C5C5C;
}
.textimg {
    width:60%;
    height:100px;
    margin:0px auto;
}
#sjz {
    display:none;
}
.sjz {
    width:80%;
    margin:0px auto;
    height:60%;
    margin-top:20%;
}
.sjz_top {
    background-image:url(../Images/sjz_top.png);
    background-repeat:no-repeat;
    background-position:0% 35%;
}
.sjz_bg {
    width:24px;
    background-image:url(../Images/sjz_line.png);
    background-repeat:repeat-y;
    vertical-align:top;
}
.sjz_text {
    width:20%;
    vertical-align:top;
}
.sjz_con {
    vertical-align:top;
    text-align:left;
    color:#F8F8FF; font-size:13px;
}
h3 { float:left; text-align:right; color:#F0FFFF; font:normal 18px/16px Arial;}
h3 span { display:block; color:#d0d0d0; font-size:12px;}
.bottom_msg {
    height:80px;
    background-color:#F2F2F2;
    text-align:center;
    font-size:12px;
    color:#969696;
}
    .weixin img {
        width:15%;
        margin:0px auto;
        cursor:pointer;
    }
    .button {
        width:100%;
    }
    .weixin {
        text-align:center;
    }
.bing-content {
    width:30%;
    display:block;
    height:80vh;
    background-color:#fff;
    margin:0px auto;
    margin-top:10vh;
}
.bing-content .msg {
    line-height:30px;
    display:block;
    font-size: 18px;
    height:auto;
}
.bing-content #loginContent {
    width:90%;
}
.bing-content .text  {
    width:90%;
}
@media (max-width: 800px) {
    body 
    {
        background-size:auto 180% !important;
    }
    #right {
        display:none;
    }
    #loginContent {
        width:90%;
        margin-top:20%;
    }
    .textimg, .text {
        width:80%;
    }
    .showtext {
        display:none;
    }
    .bing-content {
        width:90%;
    }
}