body {
    font-family:"Microsoft JhengHei";
    font-size:16px;
    padding-top: 40px;
    padding-bottom: 40px;
}
h1
{
    font-family:"Microsoft JhengHei";
}
input[type=text],input[type=password]
{
    font-size:16px !important;
}

.form-signin {
    /*max-width: 330px;*/
    margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
    margin-bottom: 10px;
}
.form-signin .checkbox {
    font-weight: normal;
}
.form-signin input[type="text"],
.form-signin input[type="password"],
.form-signin input[type="email"] {
    position: relative;
    font-size: 13px;
   height: 40px!important;
    height: auto;
    padding: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top:10px!important;
}
.form-signin input[type="text"]:focus,
.form-signin input[type="password"]:focus,
.form-signin input[type="email"]:focus  {
    z-index: 2;
}
.form-signin input[type="text"] {
    margin-bottom: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.form-signin input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.form-signin input[type="email"] {
    margin-bottom: -1px;
    border-radius: 0;
}

.list-inline a {
    color:#000000 !important;
    font-size:13px !important;
}

.list-inline a:hover {
    color:#24a2f6!important;
    text-decoration:none;
}
.btn-lg {
    margin:0px!important;
}
.form-signin p {
    /*background-color:#000;*/
    font-size:16px !important;
     -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color:white;
    padding:8px 0px 8px 0px;
    border-radius:5px;
      -webkit-border-radius:5px;
    -moz-border-radius: 5px;

}
#login {
    width:980px;
    position:relative;
    background:#fff;
    margin:auto;
    margin-top:30px;
    /*border-right:2px solid #a4a4a4;*/
    /*border-bottom:2px solid #a4a4a4;*/
    /*border-top:2px solid #a4a4a4;*/
    /*border-left:2px solid #a4a4a4;*/
    /*-moz-box-shadow:2px 2px 2px rgba(20%,20%,40%,0.6),4px 4px 6px rgba(20%,20%,40%,0.4),6px 6px 12px rgba(20%,20%,40%,0.4);
    -webkit-box-shadow:2px 2px 2px rgba(20%,20%,40%,0.6),4px 4px 6px rgba(20%,20%,40%,0.4),6px 6px 12px rgba(20%,20%,40%,0.4);
    box-shadow:2px 2px 2px rgba(20%,20%,40%,0.6),4px 4px 6px rgba(20%,20%,40%,0.4),6px 6px 12px rgba(20%,20%,40%,0.4);*/
    box-shadow:0 3px 8px 2px rgba(0,0,0,0.4);
}

#forgot {
    margin-top:50px;
}

#signup {
    margin-top:30px;
}

#logoimg {
  width: 315px;
  height: 51px;
  padding-left: 33px
}
.cssm-box-common-btn{
    text-align:right;
    border-top:1px solid #eee;
    margin-top:18px;
    margin-bottom:12px;
    padding-top:8px;
}



/*Login TabChange*/
.Cssm-TabNav{
    width:100%;
    margin-bottom:5px;
}
.Cssm-TabNav ul{
    width:100%;
    padding:0;
    margin:0;
    font-size:18px;
    position:relative;
}
.Cssm-TabNav ul li{
    width:95px;
    font-weight:bold;
    display:inline-block;
    text-align:center;
    list-style-type:none;
    border-right:1px solid #acd99b;
}
.Cssm-TabNav ul li a{
    display:block;
    color:#53a3a3;
    margin-left:-5px;
    padding:0;
}
.Cssm-TabNav ul li a:hover{
    color:#fff;
    background:#53a3a3;
    text-decoration:none;
}
.Cssm-TabCont{
    width:100%;
    position:relative;
}

@media (max-width: 1000px) {
    #login{
        width:85%;
    }
    #login_A{
        width:55%;
    }
    #login_B{
        width:45%;
    }
    .list-group-item-text{
        width:60%;
        overflow-x:hidden;
    }
}
@media (max-width:760px){
    h1 .websubtitle{
        display:none;
    }
    #login{
        width:480px;
    }
    #login_A{
        display:none;
    }
    #login_B{
        width:95%;
    }
}