/*body*/
body{
    margin:0;
    padding:0;
    font-family: 'Noto Sans TC', sans-serif;
    font-size:16px;
}
body span{
    font-family: 'Noto Sans TC', sans-serif;
    font-size:16px;
}
body p{
    font-family: 'Noto Sans TC', sans-serif;
    font-size:16px;
}
body a{
    font-family: 'Noto Sans TC', sans-serif;
    text-decoration:none;
    font-size: 16px;
}
body a:hover{
    text-decoration:none;
    /* font-size: 18px; */
}
body a::link{
    text-decoration:none;
}
body a::visited{
    text-decoration:none;
}
div{
    font-family: 'Noto Sans TC', sans-serif;
}


/*mycss*/
.Myh1{
    text-align:center;
    margin-top:25px;
    font-family: 'Noto Sans TC', sans-serif;
}
.Myhr{
    width:85%;
}
.Mytextbox{
    width:75%;
}
.pcs{
    transform : scale(3);
    text-align: center;
}

/*div*/
#pop_div{
    width:100%;;
    height:100vh;
    position:fixed;
    top:0px;
    left:0px;
    border:1px solid #666;
    z-index: 9998;
    opacity:0.3;
    background-color:#000;
}
#pop_content_div{
    width:85vw;
    height:85vh;
    background-color: #fff;
    position:fixed;
    top:50px;
    left:7vw;
    z-index: 9999;
    border-radius: 35px;
    text-align: center;
    padding-top:15vh;
}
#head_div{
    background-color:#666666;
    height:150px;
    position:fixed;
    top:0px;
    left:0px;
    z-index: 9999;    
}
#re_head_div{
    background-color:#666666;
}
#content_div{
    background-color: #F0F0F0;
    /* background-image: url('http://127.0.0.1/JInzHrSystem/6img/StockSnap_OS7NBX3EG5.jpg'); */
    margin-top:150px;
    height:auto;
}
#footer_div{
    background-color:#cecece;
    text-align: center;
    padding:20px;
}
#resume_div{
    border:1px solid #C9C9C9;
    margin:50px  auto;
    height:auto;
    background-color:#F0F0F0;
    border-radius: 10px;
}
.re_header_logo{
    text-align: center; 
    margin:1% auto;
} 
.re_header_logo >img{
    width:7%;
}
.re_h5{
    color:#fff;
}
#login_div {
    /* border:1px solid #000; */
    margin:10%  auto;
    margin-top: 0px;
    height:auto;
    /* background:#fff; */
}

#system_info_div{
    margin:20px auto;
    border:1px solid #000;
    width:100%;
    background-color: #fff;
    border-radius: 25px;
}
#account_info_div{
    position:fixed;
    top:2px;
    right:100px;
    color:#fff;
}
#tick_content_div{
    width:100%;
    height:auto;
    border:1px solid #666666;
    background-color: #fff;
    margin:0px auto;
}
.dollar_content_div{
    width:100%;
    border:1px solid #666666;
    background-color: #fff;
    margin:15px auto;
    overflow-x:auto;
}
.bonus_content_div{
    width:100%;
    border:1px solid #666666;
    background-color: #fff;
    margin:15px auto;
}
.funds_content_div{
    width:100%;
    border:1px solid #666666;
    background-color: #fff;
    margin:15px auto;
}
.folder_content_div{
    width:100%;
    border:1px solid #666666;
    background-color: #fff;
    margin:15px auto;    
}
.source_content_div{
    width:100%;
    border:1px solid #666666;
    background-color: #fff;
    margin:15px auto;       
}
.admin_forler_content_div{
    width:100%;
    border:1px solid #666666;
    background-color: #fff;
    margin:15px auto;        
}
.admin_labor_content_div{
    width:100%;
    border:1px solid #666666;
    background-color: #fff;
    margin:15px auto;         
}
.admin_dollar_content_div{
    width:100%;
    border:1px solid #666666;
    background-color: #fff;
    margin:15px auto;      
}
.admin_sendsallaryreport_content_div{
    width:100%;
    border:1px solid #666666;
    background-color: #fff;
    margin:15px auto;      
}
.admin_admin_incomeReport_content_div{
    width:100%;
    border:1px solid #666666;
    background-color: #fff;
    margin:15px auto;   
    height:2000px;
}
.admin_dollars_content_div{
    width:100%;
    border:1px solid #666666;
    background-color: #fff;
    margin:15px auto;      
}
.admin_source_div{
    width:100%;
    border:1px solid #666666;
    background-color: #fff;
    margin:15px auto;        
}
.adbmin_bat_content_div{
    width:100%;
    border:1px solid #666666;
    background-color: #fff;
    margin:15px auto;      
}
.adbmin_calendar_content_div{
    width:100%;
    border:1px solid #666666;
    background-color: #fff;
    margin:15px auto;      
}
.resendtick_content_div{
    width:100%;
    border:1px solid #666666;
    background-color: #fff;
    margin:15px auto;        
}
.invoice_content_div{
    width:100%;
    border:1px solid #666666;
    background-color: #fff;
    margin:15px auto;        
}
.ad_suggest_content_div{
    width:100%;
    border:1px solid #666666;
    background-color: #fff;
    margin:15px auto;   
}
.joc_content_div{
    width:100%;
    border:1px solid #666666;
    background-color: #fff;
    margin:15px auto;        
}
#add_folder_content_div{
    width:100%;
    border:1px solid #666666;
    background-color: #fff;
    margin:15px auto;
}
#folder_content_mobile_div{
    width:100%;
    border:1px solid #666666;
    background-color: #fff;
    margin:15px auto;    
}

@media only screen and (max-width:768px) {
    .infront-list_div{
        height:25vh;
        background-repeat:no-repeat;
        background-size: 50% 50%;
        background-position:center;
        text-align: center; 

    }
    .infront-list_div span{
        color:#000;
        line-height:45vh;
        font-size: 14px;
    }
    .infront-tick_div{
        height:20vh;
        margin-top:50px;
        margin-bottom:50px;
        background-repeat:no-repeat;
        background-size: 50% 50%;
        background-position:center;
        text-align: center; 
        
    }
    .infront-tick_div span{
        color:#000;
        line-height:35vh;
        font-size: 14px;
    }    
    .back-list_div{
        height:20vh;
        background-repeat:no-repeat;
        background-size: 50% 50%;
        background-position:center;
        text-align: center; 

    }
    .back-list_div span{
        color:#000;
        line-height:35vh;
        font-size: 14px;
    }   
    .re_header_logo >img{
        width: 20%;
    }  
    
}
@media only screen and (min-width:768px) {
    .infront-list_div{
        height:30vh;
        background-repeat:no-repeat;
        background-size: 50% 50%;
        background-position:center center;
        text-align: center; 
    }    
    .infront-list_div span{
        color:#000;
        line-height:55vh;
        font-size: 16px;
    }
    .infront-tick_div{
        height:30vh;
        margin-top:50px;
        margin-bottom:50px;
        background-repeat:no-repeat;
        background-size: 50% 50%;
        background-position:center center;
        text-align: center; 
    }    
    .infront-tick_div span{
        color:#000;
        line-height:55vh;
        font-size: 16px;
    }    
     .back-list_div{
        height:30vh;
        background-repeat:no-repeat;
        background-size: 50% 50%;
        background-position:center center;
        text-align: center; 
        
    }    
    .back-list_div span{
        color:#000;
        line-height:55vh;
        font-size: 16px;
    }   
}

/*other*/
#head_div > div > div > img{
    width:80px;
    position:relative;
    top:35px;
}
#head_div > div > div > span{
    position:relative;
    top:40px;
}
#head_div ul{
    position:relative;
    top:15px;
}
#head_div a{
    color:#fff;
}
#menu_btn{
    max-width:50px;
    width:50px;
    max-height: 50px;
    height: 50px;
    min-width: 50px;
    min-height: 50px;
    background-image:url("../img/menu.png");
    background-size:100% 100%;
    background-repeat: no-repeat;
    display:none;
    position:fixed;
    top:20px;
    right:25px;
    border:2px solid #000;
    border-radius: 5px;
}
#m-menu{
    display:none;
    background-color:#cecece;
    position:fixed;
    top:85px;
    left:0px;
    z-index: 9999;   
    width:100%;
}
#login_div table{
    text-align:center; 
    margin:20px auto; 

}
.infront-tick_div:hover{
    cursor: pointer; 
}
.infront-list_div:hover{
    cursor: pointer; 
}
.back-list_div:hover{
    cursor: pointer; 
}
/* #tick_btn{
    
}
#dollar_btn{
    
}
#search_btn{
    
}
#folder_btn{
    
} */
#resume_table{
    width:100%;
}
#resume_table td{
    width:33%;
    padding:5px;
}
#resume_table tr{
    padding:5px;
}
#resume_table2{
    width:100%;
}
#resume_table2 td{
    width:33%;
    padding:5px;
}
#resume_table2 tr{
    padding:5px;
}
#resume_mobile_table{
    width:100%;
}
#resume_mobile_table td{
    width:100%;
    padding:5px;
}
#resume_mobile_table td{
    width:33%;
    padding:15px;
}
#resume_mobile_table tr{
    padding:15px;
}
.mons{
    text-align: center;
}
.calendar_table input{
    width:20px;
    height:20px;
}
.calendar_table{
    border:1px solid #000;
}
#t-menu{
    margin-top:15px;
}
#cke_18{
    display: none;
}

.font-center{
    margin: 50% auto;
}

#customer_details_div{
    height:50vh;
    overflow-y: auto;
}

#non_customer_details_div{
    height:50vh;
    overflow-y: auto;
}