Element {
    -moz-box-sizing: content-box;  
    -webkit-box-sizing: content-box; 
    -o-box-sizing: content-box; 
    -ms-box-sizing: content-box; 
    box-sizing: content-box; 
 }
 Element {
    -moz-box-sizing: border-box;  
    -webkit-box-sizing: border-box; 
    -o-box-sizing: border-box; 
    -ms-box-sizing: border-box; 
    box-sizing: border-box; 
 }
*{margin: 0;box-sizing : content-box;box-sizing : border-box;}
img{width: 100%;height: 100%;}
span{display: inline-block;}
a{text-decoration: none;display: block;color: #ffffff;}
a:hover{cursor: pointer;}
ul,li{list-style: none;padding: 0;margin:0;}
input,select{outline: none;border: none;}
.df{display: flex;}
.auto{margin: auto;}
.show{display: block;}
.hide{display: none;}
.rel{position: relative;}
.center{text-align: center;}
.fl{float: left;}
.fr{float: right;}
.clearfix::after{content: '';display: block;clear: both;}
.mtb20{margin: 20px 0;}
.lh26{line-height: 26px;}
.lh30{line-height: 30px;}
.fz18{font-size: 18px;}
.fz20{font-size: 20px;}
.fz22{font-size: 22px;}
.fz24{font-size: 24px;}
.fz26{font-size: 26px;}
.fz28{font-size: 28px;}
.fz30{font-size: 30px;}
.fz36{font-size: 36px;}
.fz40{font-size: 40px;}
.fz48{font-size: 48px;}
.fz58{font-size: 58px;}
.vt{vertical-align: top !important;}
.vm{vertical-align: middle !important;}
.vb{vertical-align: bottom !important;}
.cc{color: #cccccc;}
.c-fff{color: #ffffff;}
.c-eee{color: #EEEEEE;}
.c-333{color: #333333;}
.c-666{color: #666666;}
.bgc-fff{background-color: #ffffff;}