html{
	overflow:auto;
}
body {
    overflow: hidden;
    min-width: 1350px;
    max-width: 1350px;
    min-height: 750px; }

.avatar {
    vertical-align: middle;
    width: 35px;
    height: 35px;
    border-radius: 50%; }

.bg-default,
.btn-default {
    background-color: #d4964e; }

.btn-error {
    color: #ef5f5f; }

.header-main {
    padding-top: 10px;
    padding-bottom: 10px; }

input[type=checkbox] {
    transform: scale(2); }

.tmarquee{
    background: brown;
    font-size:1.5rem;
    color: gold; }


.imtable td, .imtable th{
    border: 1px solid #dee2e6; }

.imtable td:nth-child(1), .imtable th:nth-child(1) {
    position:sticky;
    left:0; /* 首行永遠固定於左 */
    z-index:1;
    background-color:#fde6a6; 
    border: 1px solid #dee2e6; }

.imtable td:nth-child(2), .imtable th:nth-child(2) {
    position:sticky;
    left:60px; /* 首行永遠固定於左 */
    z-index:1;
    background-color:#fde6a6; 
    border: 1px solid #dee2e6; }

.imtable thead tr th {
    position:sticky;
    top:0; /* 列首永遠固定於上 */
    z-index:2;
    background-color:rgb(152, 247, 209); }

.imtable th:nth-child(1){
    z-index:3;
    background-color:rgb(152, 247, 209); }

.imtable th:nth-child(2){
    z-index:3;
    background-color:rgb(152, 247, 209); }



.tscrollbar{
    overflow: auto; }
        
.tscrollbar::-webkit-scrollbar {
    width:7px;
    height:7px; }
        
.tscrollbar::-webkit-scrollbar-thumb {
    border-radius:100px;
    background:rgb(100, 100, 100); }
        
#items{
    overflow-x: auto;
    overflow-y: auto; }


#gwiframe{
    width:600px!important;
    height:420px!important;
    left: 19%!important;
    top: 10%!important; }

.boxtab td{
    vertical-align:middle;
    padding: 0px; }

.tsybtn{
    width: 65px;
    height: 65px;
    margin: 10px;
    font-weight: bold; }

.tsbtn{
    width: 65px;
    height: 65px;
    margin: 15px 5px;
    font-weight: bold; }

.btnpink{
    background: orange; }

.owl-carousel .item img{
    width:99%; }

.form-control{
    border: 1px solid #747474; }

.tsftxt{
    display: inline; }
    
.keyBig{
    background-color: #ffb57e; 
    position: absolute;
    top: 10%;
    left:1.8%;
    height: 420px;
    width: 210px;
    padding: 5px;
    z-index: 50;
    border: 10px solid #000; }

.nkeyBtn{
    padding: 5px;
    font-size: 1.5rem;
    width: 75px;
    height: 55px;
    margin: 5px; }

.ui-dialog{
    border: 10px solid #000!important;
    z-index: 20000000000; }

.btn-warning:hover{
    color: #FFF;
    background: brown!important; }

.btn-warning.selected{
    color: #FFF;
    background: brown!important; }

.ledBig{
    background-color: #FFF; 
    position: absolute;
    top: 9%;
    left:870px;
    height: 430px;
    width: 385px;
    padding: 5px;
    z-index: 50; }

.saver{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    display: none;
}

.revxBig{
    background-color: #ffffff; 
    position: absolute;
    top: 5.5rem;
    left:920px;
    height: 430px;
    width: 405px;
    padding: 5px;
    z-index: 50; }

@media (min-width: 1280px) {
	html{
		zoom:1;
	}
}
@media (min-width: 1600px) {
	html{
		zoom:1.1;
	}
}
@media (min-width: 1720px) {
	html{
		zoom:1.3;
	}
}
@media (min-width: 1850px) {
	html{
		zoom:1.35;
	}
}
@media (min-width: 1920px) {
	html{
		zoom:1.4;
	}
}
@media (min-width: 2020px) {
	html{
		zoom:1.45;
	}
}
@media (min-width: 2120px) {
	html{
		zoom:1.5;
	}
}
@media (min-width: 2220px) {
	html{
		zoom:1.55;
	}
}
@media (min-width: 2320px) {
	html{
		zoom:1.6;
	}
}
@media (min-width: 2420px) {
	html{
		zoom:1.65;
	}
}
@media (min-width: 2520px) {
	html{
		zoom:1.7;
	}
}