*{
  box-sizing: border-box;
  -moz-box-sizing: border-box; /* Firefox */
  -webkit-box-sizing: border-box; /* Safari */
}
/*
font
*/
.fs30{font-size:30px;}
.fs29{font-size:29px;}
.fs28{font-size:28px;}
.fs27{font-size:27px;}
.fs26{font-size:26px;}
.fs25{font-size:25px;}
.fs24{font-size:24px;}
.fs23{font-size:23px;}
.fs22{font-size:22px;}
.fs21{font-size:21px;}
.fs20{font-size:20px;}
.fs19{font-size:19px;}
.fs18{font-size:18px;}
.fs17{font-size:17px;}
.fs16{font-size:16px;}
.fs15{font-size:15px;}
.fs14{font-size:14px;}
.fs13{font-size:13px;}
.fs12{font-size:12px;}
.fs11{font-size:11px;}
.fs10{font-size:10px;}
.fs9{font-size:9px;}
.fs8{font-size:8px;}
.fs7{font-size:7px;}
.fs6{font-size:6px;}
.fs5{font-size:5px;}
.bold{font-weight:bold;}
.italic{font-style:italic;}

.disb{display:block;}
.dislb{display:-webkit-inline-box;}
/*
display-flex
*/
.disf{display:flex;display:-webkit-flex;display:-moz-flex;}
.dislf{display:inline-flex;display:-webkit-inline-flex;display:-moz-inline-flex;}
.disfc{display:flex;display:-webkit-flex;display:-moz-flex;flex-direction:column;}
.disfr{display:flex;display:-webkit-flex;display:-moz-flex;flex-direction:row;}
.dislfc{display:inline-flex;display:-webkit-inline-flex;display:-moz-inline-flex;flex-direction:column;}
.dislfr{display:inline-flex;display:-webkit-inline-flex;display:-moz-inline-flex;flex-direction:row;}

.faistart{align-items:flex-start;}
.faicenter{align-items:center;}
.faibase{align-items:baseline;}
.faiend{align-items:flex-end;}

.facstart{align-content:flex-start;}
.faccenter{align-content:center;}
.facend{align-content:flex-end;}

.fasstart{align-self:flex-start;}
.fascenter{align-self:center;}
.fasbase{align-self:baseline;}
.fasend{align-self:flex-end;}

.fjcstart{justify-content:flex-start;}
.fjccenter{justify-content:center;}
.fjcsaround{justify-content:space-around;}
.fjcsbetween{justify-content:space-between;}
.fjcsend{justify-content:flex-end;}

.ffg1{flex-grow:1;}
.ffg2{flex-grow:2;}
.ffg3{flex-grow:3;}
.ffg4{flex-grow:4;}
.ffg5{flex-grow:5;}

.ffdcolumn{flex-direction:column;}
.ffdrow{flex-direction:row;}
.ffdrowr{flex-direction:row-reverse;}

.wsnowrap{white-space:nowrap;}
.ffwwrap{flex-wrap:wrap;}

.ffshrink0{flex-shrink:0;}
.ofh{overflow: hidden;}
.centerText{align-items:center;justify-content:center;}



.h1px{height:1px;}
.ws50{width:50%;}
.hs50{height:50%;}
.ws100{width:100%;}
.hs100{height:100%;}
.whs100{width:100%;height:100%;}
.whv100{width:100vw;height:100vh;}
.wv100{width:100vw}
.hv100{height:100vh}
.whfill{
  width:-webkit-fill-available;
  height:-webkit-fill-available;
}
.wfill{width:-webkit-fill-available;}
.hfill{height:-webkit-fill-available;}
.wwrap{width:-webkit-fit-content}
.hwrap{height:-webkit-fit-content}
.whwrap{width:-webkit-fit-content;height:-webkit-fit-content;}


.posa{position:absolute;}
.posr{position:relative;}
.posf{position:fixed;}


.bgRED{background-color:red;}
.bgGREEN{background-color:green}
.bgFF{background-color:white;}
.bgFA{background-color:#FAFAFA;}
.bgF5{background-color:#F5F5F5;}
.bgF0{background-color:#F0F0F0;}
.bgED{background-color:#EDEDED;}
.bgEE{background-color:#EEEEEE;}
.bgE8{background-color:#E8E8E8;}
.bgE5{background-color:#E5E5E5;}
.bgE0{background-color:#E0E0E0;}
.bgCC{background-color:#CCCCCC;}
.bg88{background-color:#888888;}
.bg537{background-color:rgba(55,55,55,0.5)}
.bg33{background-color:#333333;}
.bg00{background-color:black;}
.bgClear{background-color:transparent}
.bgCuprum{background-color:#8c6239;}
.bgLightCuprum{background-color:#cac1b7;}
.bgLightCuprum2{background-color:#c7af93;}
.bgTopBar{background-color:#264163;}


.shadow0{box-shadow:0px 0px 30px #F0F0F0;}
.shadow5{box-shadow:0px 0px 25px #F2F2F2;}
.shadow33{box-shadow:0px 0px 25px #333333;}
.bordernone{border:0px solid #E6E6E6;}
.border{border:1px solid #E6E6E6;}
.borderF0{border:1px solid #F0F0F0;}
.borderFF{border:1px solid #FFFFFF;}
.borderCuprum{border:1px solid #8c6239;}
.borderBottomCuprum{border-bottom:1px solid #8c6239;}

.radius1{border-radius:1px;overflow:hidden;}
.radius3{border-radius:3px;overflow:hidden;}
.radius5{border-radius:5px;overflow:hidden;}
.radius8{border-radius:8px;overflow:hidden;}
.radius10{border-radius:10px;overflow:hidden;}
.radius18{border-radius:18px;overflow:hidden;}
.radius20{border-radius:20px;overflow:hidden;}


.line1A{
  width:-webkit-fill-available;width:-moz-available;
  height:1px;
  background-color:#1a1a1a;
}
.line22{
  width:-webkit-fill-available;width:-moz-available;
  height:1px;
  background-color:#222222;
}
.line33{
  width:-webkit-fill-available;width:-moz-available;
  height:1px;
  background-color:#333333;
}
.lineED{
  width:-webkit-fill-available;width:-moz-available;
  height:1px;
  background-color:#EDEDED;
}
.lineEDY{
  flex-shrink:0;
  height:-webkit-fill-available;height:-moz-available;
  width:1px;
  background-color:#EDEDED;
}
.lineF0{
  width:-webkit-fill-available;width:-moz-available;
  height:1px;
  background-color:#F0F0F0;
}
.lineCuprum{
  width:-webkit-fill-available;width:-moz-available;
  height:1px;
  background-color:#8c6239;
}


.bold{font-weight:bold;}
.italic{font-style:italic;}

.fcFF{color:white;}
.fcEE{color:#EEEEEE;}
.fcCC{color:#CCCCCC;}
.fcAA{color:#AAAAAA;}
.fc99{color:#999999;}
.fc88{color:#888888;}
.fc55{color:#555555;}
.fc48{color:#484848;}
.fc33{color:#333333;}
.fc00{color:#000000;}
.fcCuprum{color:#8c6239}
.fcLightBlue{color:#1292ff;}

.fFuturaPTMedium{font-family:"Futura PT"}

.tline1{-webkit-line-clamp:1;}
.tline2{-webkit-line-clamp:2;}
.tline3{-webkit-line-clamp:3;}
.tline4{-webkit-line-clamp:4;}
.textP{
  word-break:break-all;
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-box-orient:vertical;
}
.deleteLine{text-decoration:line-through;}
.underline{text-decoration:underline;}

.textShadow{text-shadow:0px 0px 5px #333333;}
.textShadow3px{text-shadow:0px 0px 3px rgba(51,51,51,0.6);}

.scrolly{
  overflow-y:scroll;
}

.scrolly > * {
  flex-shrink:0;
}
.scrolly2{
  overflow-y:scroll;
}
.scrolly2 > * {
  flex-shrink:0;
}
.scrolly::-webkit-scrollbar {
  width:0px;
}
.scrolly::scrollbar{   
  width:0px;
} 
.scrolly2::-webkit-scrollbar{
  border-radius: 4px;
  width: 8px;
  background-color: #F5F5F5
}
.scrolly2::-webkit-scrollbar-thumb{
  border-radius: 4px;
  width: 8px;
  background-color: #cccccc
}
.scrollx{
  overflow-x:scroll;
}
.scrollx > * {
  flex-shrink:0;
}
.scrollx2{
  overflow-x:scroll;
}
.scrollx2 > * {
  flex-shrink:0;
}
.scrollx::-webkit-scrollbar {
  height: 0px;
}

.scrollx2::-webkit-scrollbar-track{
  border-radius: 5px;
  height: 10px;
}
.scrollx2::-webkit-scrollbar{
  border-radius: 4px;
  height: 8px;
  background-color: #F5F5F5
}
.scrollx2::-webkit-scrollbar-thumb{
  border-radius: 4px;
  height: 8px;
  background-color: #cccccc
}
.textNotTouch{
  cursor:default;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
}
.pageContent{
  overflow-y:scroll;
  width:-webkit-fill-available;width:-moz-available;
  height:-webkit-fill-available;height:-moz-available;
  display: flex;
}
.pageContent::-webkit-scrollbar {
  width: 0px;
}
.pageContent > * {
  flex-shrink:0;
}

.centerC{
  align-items:center;
  justify-content:center;
}
.groupBRS{
  border:1px solid #E6E6E6;
  border-radius:5px;
  overflow:hidden;
  box-shadow:0px 0px 25px #F2F2F2;
}

.size20{width:20px;height:20px;flex-shrink:0;}
.size24{width:24px;height:24px;flex-shrink:0;}
.size30{width:30px;height:30px;flex-shrink:0;}
.size36{width:36px;height:36px;flex-shrink:0;}
.size40{width:40px;height:40px;flex-shrink:0;}
.size50{width:50px;height:50px;flex-shrink:0;}

.size30Button{
  width:30px;
  height:30px;
  flex-shrink:0;
  padding:5px;
}
.size30CButton{
  width:30px;
  height:30px;
  flex-shrink:0;
  padding:5px;
  border-radius:15px;
  overflow:hidden;
}

.size40Button{
  width:40px;
  height:40px;
  flex-shrink:0;
  padding:10px;
}
.size40CButton{
  width:40px;
  height:40px;
  flex-shrink:0;
  padding:10px;
  border-radius:20px;
  overflow:hidden;
}

.size64Button{
  width:64px;
  height:64px;
  flex-shrink:0;
  padding:10px;
}
.size30CButton{
  width:30px;
  height:30px;
  flex-shrink:0;
  border-radius:15px;
  padding:8px;
  background-color:#EBEDF0;
  overflow:hidden;
}

.homeTitle{
  width:-webkit-fill-available;width:-moz-available;
  color:#333333;
  font-size: 25px;
  align-items:center;justify-content:center;
  margin:30px 0px 0px 0px;
}
.cell {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 8px;
}
.cellTitle{
  display: inline-flex;
  justify-content: flex-end;
  align-items:center;
  align-items:center;
  width: 200px;
  font-size: 18px;
  color: #555555;
  flex-shrink:0;
}
.cellvalue {
  display: inline-flex;
  font-size: 18px;
  color: #555555;
  margin: 0px 10px;
  padding: 0px 10px;
  width: 70%;
  height:-webkit-fill-available;height:-moz-available;
  border: 1px solid #e6e6e6;
  border-radius: 5px;
  overflow: hidden;
}
.buttonClose{
  width:28px;
  height:28px;
  border-radius:14px;
  padding:5px;
  flex-shrink:0;
  display:inline-flex;
  display:-webkit-inline-flex;
  align-self:center;
  top:2px;
  right:2px;
  background-color:rgba(10,10,10,0.5);
}
.textButtonType0{
  font-size:16px;
  align-items:center;justify-content:center; 
  border:1px solid #E6E6E6;
  border-radius:5px;overflow:hidden;
  background-color: #FFFFFF;
  color:#333333;  
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  flex-shrink:0;  
}
.textButtonCuprum{
  display:flex;display:-webkit-flex;
  background-color:#8c6239;
  align-items:center;justify-content:center; 
  color:#FFFFFF;
  font-size:20;
  border-radius:5px;overflow:hidden;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  flex-shrink:0;  
  align-self:center;
  width:240px;height:40px;
  margin:10px;
}