body {
    line-height: 1;
    font-family: "MyCustomFont";
    margin: 0;
    padding: 0;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }

div {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-family: "MyCustomFont";
}

/*強制停用輸入法*/
/*.disabledIME .dxeEditArea {
    ime-mode: disabled !important;
}*/

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

textarea {
    vertical-align: text-top;
}

input {
    border-radius: 5px;
    font-family: "MyCustomFont"
}

button {
    font-family: "MyCustomFont";
    cursor: pointer;
    border-radius: 5px;
    border: 0
}

a {
    text-decoration: none;
}
/*i {cursor:pointer;}*/

@media screen and (min-width: 1024px) {
    .g-recaptcha {
        transform: scale(1.13);
        transform-origin: 0 0 0;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 768px) {
    .g-recaptcha {
        transform: scale(0.9);
        transform-origin: 0 0 0;
    }
}


/*login*/
.loginBG {
    background: url("../../_images/loginBG.jpg") center center fixed no-repeat;
    background-size: cover;
}

.loginBG p::before, .loginBG p::after {content:'—'}
@media (max-width:800px) {.loginBG p::before, .loginBG p::after {content:none}}



.login_cloud {
    background: url("../../_images/loginImg.png") no-repeat;
    height: 547px;
    width: 756px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -410px;
    margin-top: -275px;
    text-align: center;
}

    .login_cloud .div {
        margin-top: 100px;
        margin-left: 120px
    }

    .login_cloud .div2 {
        margin-left: 140px;
        display: block
    }

    .login_cloud .div p {
        font-weight: bold;
        color: black;
        margin-bottom: 10px;
        margin-top: 10px;
    }

.login_cloud_input {
    border: 1px solid #57adc2;
    height: 40px;
    margin: 3px 0;
    font-size: 13pt
}

.login_lag {
    cursor: pointer;
}

    .login_lag span {
        display: none;
    }

    .login_lag:hover span {
        display: block;
        position: absolute;
        margin-left: -1px;
        margin-top: 3px
    }

.login_lag_btn {
    border: 0;
    border-radius: 50%;
    background-color: black;
    width: 23px;
    height: 23px;
    font-weight: bold;
    color: white;
    margin: 2px 0;
    padding: 2px 4px
}

    .login_lag_btn:hover {
        background-color: #124ea1;
        cursor: pointer;
    }

.login_check {
    border-radius: 5px;
    border: 1px solid #57adc2;
    font-size: 14pt;
    margin-left: 145px;
    margin-top: 3px;
    height: 45px;
    background: url("../../_images/loginIcon_check.png") no-repeat;
    padding-left: 40px;
    background-color: white
}

.login_refreash_btn {
    width: 40px;
    height: 40px;
    background: url("../../_images/loginIcon_refreash.png") no-repeat;
    padding-bottom: 5px
}

.login_id {
    background: url("../../_images/loginIcon_ID.png") no-repeat;
    padding-left: 40px;
    width: 300px;
    background-color: white
}

.login_psw {
    background: url("../../_images/loginIcon_psw.png") no-repeat;
    padding-left: 40px;
    width: 300px;
    background-color: white
}

.login_codeL {
    width: 165px;
    background-color: white
}

.login_codeR {
    width: 165px;
    background-color: #64abb2;
    color: #c6fdfd;
    font-weight: bold;
}

.login_btn {
    border: 0;
    background: url("../../_images/loginBTN.png");
    width: 359px !important;
    height: 75px;
    color: white;
    font-size: 19pt;
    margin: 10px 0
}

    .login_btn:hover {
        background: url("../../_images/loginBTN_a.png");
    }


#Login1_frm_Captcha_captcha_IMGD {
    margin-left: -30px
}

.dxca-imageDiv {
    width: 150px !important;
    float: left
}

    .dxca-imageDiv img {
        margin-left: -30%;
        height: 43px !important
    }

#TbCode {
    width: 42% !important;
    float: right;
    margin-top: -50px;
}

#Login1_frm_Captcha_0_Cap {
    margin-left: -30px;
}

#Login1_frm_Captcha_captcha_RIMG {
    background: url(../../_images/reflash.png);
    height: 32px;
    width: 32px;
}

.login_cloud div[class*="dxbTSys"] {
    width: 360px
}

@media (max-width:768px) {
    .login_cloud {
        background: url("../../_images/loginImg_s.png") no-repeat;
        height: 520px;
        width: 315px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -160px;
        margin-top: -275px;
        text-align: center;
    }

        .login_cloud .div {
            margin-top: 70px;
            margin-left: 10px
        }

        .login_cloud .div2 {
            margin-left: 15px;
            display: block
        }



    .login_id {
        width: 230px;
    }

    .login_psw {
        width: 230px;
    }

    .login_btn {
        border: 0;
        background: url("../../_images/loginBTNs.png");
        width: 250px !important;
        height: 75px;
        color: white;
        font-size: 19pt;
        margin: 5px 0;
        margin-left: -30px
    }

        .login_btn:hover {
            background: url("../../_images/loginBTNs_a.png");
        }

    .dxca-imageDiv {
        width: 135px !important;
        float: left
    }

        .dxca-imageDiv img {
            margin-left: -15%;
            height: 43px !important;
            width: 200px !important
        }

    #TbCode {
        width: 32% !important;
        float: right;
        margin-top: -50px;
        margin-right: -10px
    }
}