@charset "utf-8";

.before_login{}
.skew_bg{
    position: absolute;top:0;left:0;
    width:100%;height: 100%;border:1px solid #888;
    transform: skew(-10deg, 0deg);
    -ms-transform: skew(-10deg, 0deg);
    -webkit-transform: skew(-10deg, 0deg);
}
.btn_login {}
.btn_login > div {display:inline-block; width: 103px; height: 30px; cursor:pointer;}
.btn_login .btn_join { background: url('../../../../../img/ca/btn_mainlogin.png') 0px 0px no-repeat; }
.btn_login .btn_login { background: url('../../../../../img/ca/btn_mainlogin.png') 0px -30px no-repeat; margin-left: -1px;}
.btn_login .btn_join:hover { background: url('../../../../../img/ca/btn_mainlogin.png') -103px 0px no-repeat; }
.btn_login .btn_login:hover { background: url('../../../../../img/ca/btn_mainlogin.png') -103px -30px no-repeat; margin-left: -1px;}


#ol_id{
    width:125px;height:30px;color:#fff;
    border:none;background:transparent;box-shadow: none;
    position: absolute;left:8px;top:0;outline: none;
}
input:focus {outline: none;}
#ol_pw{
    width:125px;height:30px;color:#fff;
    border:none;background:transparent;box-shadow: none;
    position: absolute;left:8px;top:0;outline: none;
}