body{margin:0px;padding:0px;font-family:Arial,Helvetica,sans-serif;
}
div{box-sizing:border-box;margin:0px;padding:0px;
}/* -------------------------             ----------------     -------- size -------------------- */
.hw100{height:100%;width:100%;} .mxW640{max-width:640px;
}
.txt110{font-size:110%;} .txt200{font-size:200%;} .txt90{font-size:90%;} .txt28{font-size:28px;} .txt36{font-size:36px;
}
.w100{width:100%;} .w98{width:98%;	
}
/* -------------------------position-------------------- */
.dlyN{display:none;
}
.flxBtwn{display:flex;justify-content:space-between;
}
.iBlk{display:inline-block;} .inlnBlk{display:inline-block;
}
.L0{left:0;} .R0{right:0;} .T0{top:0;
}
.marA{margin:auto;} .marT1{margin-top:1%;} .pad1{padding:1%;
}
.posA{position:absolute;} .posF{position:fixed;} .posR{position:relative;
}
.txtC{text-align:center;} .txtL{text-align:left;} .txtR{text-align:right;
}
.z1{z-index:1;
}             /*  ----------------------------------------- --------------  object   */ 
.anmtC{-webkit-animation:animatezoom 1s;animation:animatezoom 1s}
@-webkit-keyframes animatezoom{from {-webkit-transform:scale(0)} to {-webkit-transform:scale(1)}}
@keyframes animatezoom{from {transform:scale(0)} to {transform: scale(1)}
}
.btn33{width:33%;padding:2.5% 3%;cursor:pointer;
}
.drpdwn{position:relative;min-width:120px;display:inline-block;}
.drpdwn-content{display:none;position:absolute;min-width:120px;font-size:16px;background-color:white;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);z-index:2;}
.drpdwn:hover .drpdwn-content{display:block;
}
.inpt100{box-sizing:border-box;width:100%;padding:2% 3%;margin:8px 0;display:inline-block;border:1px solid;
}
.sldH{height:0;overflow-y:hidden;transition:1s;} .sldW{height:100%;width:0;overflow-x:hidden;transition:1s;
}                /* ====================== color Descoration */
.bx222gry{box-shadow:2px 2px 2px grey;} .bg3fe{background-color:#fefefe;}.bgWhite{background-color:White;
}
.fa, .hndPnt{cursor:pointer;
}