﻿body { line-height: 1; font-family: "MyCustomFont"; margin: 0; padding: 0;}
div { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; font-family: "MyCustomFont";}
::-moz-focus-outer { outline:0;}
input:focus {outline:0;}
button { font-family: "MyCustomFont"; cursor: pointer; border: 0}
a { text-decoration: none;}

/*強制停用輸入法*/
/*.disabledIME .dxeEditArea { ime-mode: disabled !important;}*/

.login_lag {cursor: pointer; margin-left:3px;}
.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; color:white !important; margin: 2px 0; padding: 2px 4px}
.login_lag_btn:hover {background-color: #124ea1;cursor: pointer;}
.loginbg p {display:flex; justify-content:center; margin:10px 0}
/*.loginbg p:before ,  .loginBG p:after {content:'—'}*/
    .loginBG p::before, .loginBG p::after {
        content: ' — '
    }
.loginbg { background: url(../../_images/login/loginBG.jpg) center no-repeat; background-size:cover;  height:100vh; width:100vw; display:flex; align-items:center; justify-content:center;}

.loginput{background-color:#ffffff96; border:none; border-radius:15px; padding:10px; margin:7px 0; color:#896c54; width:280px; height:20px; font-size:16px}
.loginbtn {padding:10px; background:#415ba4; font-weight:bold; color:white; border:none; width:300px !important; height:20px; font-size:18px; border-radius:35px; margin:15px 0;}
.loginbtn:hover {-webkit-filter:saturate(1.4)}

#Login1_ddl_Company {height:40px; border-radius:15px; border:none;}
td#Login1_ddl_Company_B-1:hover {border-radius:0 15px 15px 0; background:#415ba4;}
td#Login1_ddl_Company_CC div {box-shadow:none;}
table#Login1_ddl_Company_DDD_L_LBT td:hover { background:#986c48b6;}
input#Login1_ddl_Company_I {color:#896c54;}
div#Login1_ddl_Company_DDD_PW-1 div.dxpc-mainDiv.dxdd-list.dxpc-shadow {background-color:#faf5f2;}
table#Login1_ddl_Company_DDD_L {border:0; background-color:#faf5f2;}

#Login1_frm_Captcha_captcha_IMGD { margin-left: -30px}
.dxca-imageDiv {width:140px !important; float:left; background-color:#b69175 !important}
.dxca-imageDiv img { margin-left: -30%;height: 43px !important}
#TbCode {width: 42% !important; float:right; margin-top:-50px; margin-right:-13%; height:36px; font-size:16px; border:0; color:#896c54;}
#Login1_frm_Captcha_0_Cap {margin-left: -30px;}
#Login1_frm_Captcha_captcha_RIMG {background: url(../../_images/login/login_refresh.png) center no-repeat; height: 32px; width: 32px;}
.login_cloud div[class*="dxbTSys"] {width: 360px}

@media (max-width:1500px){.loginbg {background-size:140%}}
@media (max-width:768px){
.loginbg {background-size:cover}
.inputbg {padding: 4% 20%;box-shadow: 1px 1px 21px 1px #d5a16e;}
.dxca-imageDiv {width: 135px !important;float: left}
.dxca-imageDiv img { margin-left: -15%; height:40px !important;width: 200px !important}
#TbCode {width: 32% !important;float: right;margin-top: -50px; margin-right: -10px}
}
@media (max-width:600px)
{.inputbg {padding:7% 5%; border:0; border-radius:15px;}}
