body{
    background: #6bcaf8fc;
}
 .at-container{
    text-align:center;
    padding:10px;
    border-radius:10px;
    background:#fff;
    box-shadow: rgb(9 30 66 / 25%) 0px 4px 8px -2px, rgb(9 30 66 / 8%) 0px 0px 0px 1px;
}
 h2{
    color: #888;
    font-size: 32px;
    margin-top: 45px;
    margin-bottom: 10.5px;
    font-weight: 300;
    line-height: 1.5;
}
 .title-line{
    background: #dddddd;
    content: '';
    display: block;
    height: 2px;
    margin: 0.75em auto 0 auto;
    position: relative;
     width: 8em;
    margin-top:25px;
}
 .caution{
    font-size:14px;
    color:#ff2e5a;
}
 .sound_only {
    display: inline-block !important;
     position: absolute;
     top: 0;
     left: 0;
     width: 0;
     height: 0;
     margin: 0 !important;
    padding: 0 !important;
    font-size: 0;
    line-height: 0;
     border: 0 !important;
    overflow: hidden !important;
}
 .input-form{
    height:45px;
    width:100%;
    color:#000;
    background: rgba(144, 144, 144, 0.15);
    border-radius: 0;
    border: none;
    text-decoration: none;
    font-size:15px;
    margin-bottom:15px;
    padding-left:10px
}
 .hp-caution{
    font-size:12px;
    margin:0px;
    margin-top:-15px;
    color:#999;
}
 .hp-caution .active{
    color:#ff2e5a;
}
 .btn-submit{
    background-color:#5BB6E2;
    display:inline-block;
    text-decoration:none;
    border:0px;
    /* height:65px; */
    padding:30px 0px 30px;
    width:100%;
    font-weight: 700;
    /* line-height:65px; */
    color:white;
    font-size:18px;
    margin-bottom: 45px;
}
 #login_password_lost{
    background-color:#5BB6E2;
    border:0px;
    padding:15px 0px 15px;
    width:100%;
    font-weight: 700;
    color:white;
    font-size:16px;
    display: inline-block;
     text-decoration: none;
     margin-top: 10px;
}
 .input-box{
    padding-right:10px;
}
 .th_ordnum_title{
    margin-top:30px;
    color: #888;
    font-weight: 300;
    line-height: 1.1;
}
 .precaution{
    color:#999;
    padding-top:15px;
    font-size:15px;
}
 .point-caution{
    color: rgb(255, 0, 0);
    font-weight:700;
}
.precaution_wrap{
   /* display: flex; */
   background-color: white;
   border-radius: 10px;
   padding: 1.5rem;
   margin-top:10px;
   justify-content: center;
   word-break: keep-all;
   text-align:center;
}
.precaution_wrap .left{

}
.precaution_wrap .right{
   line-height: 200%;
}
.precaution_wrap .right p:nth-child(1){
   color: #5BB6E2;
   font-size: 1.3rem;
   font-weight: bold;
   margin-top: 0;
   margin-bottom:10px;
}
.precaution_wrap .right p:nth-child(n+2){
   margin-top:0;
   margin-bottom: 0;
}
 ::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
     color:#A8B0B3;
     opacity: 1;
    /* Firefox */
}
 :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
     color:#A8B0B3;
}
 ::-ms-input-placeholder {
    /* Microsoft Edge */
     color:#A8B0B3;
}
 .fadeFaker{
    position:absolute;
    background:#313a3d;
    width:110%;
    height:200%;
    z-index:3;
    margin-left:-20px;
    margin-top:-10px
}