.full { width:100%; } .tall { height:100%; }
.absolute { position:absolute; } .relative { position:relative; }
.auto { margin:auto; } .block { display:block; } .hidden { display:none; }
.row { display:flex; flex-flow:row; } .col { display:flex; flex-flow:column; } .fstart { justify-content:flex-start!important; } .fend { justify-content:flex-end!important; } .fcenter { justify-content:center!important; } .around { justify-content:space-around!important; } .between { justify-content:space-between!important; } .icenter { align-items:center!important; }
.fleft { float:left!important; } .fright { float:right!important; } .fnone { float:none!important; } .clear { clear:both; }
.left { text-align:left!important; } .right { text-align:right!important; } .center { text-align:center!important; }
.top { vertical-align:top!important; } .bottom { vertical-align:bottom!important; } .middle { vertical-align:middle!important; }
.df { cursor:default!important; } .ho { cursor:pointer!important; } .nw { white-space:nowrap!important; } .break { word-break:break-all!important; } .wrap { flex-wrap:wrap!important; }
.n { font-weight:normal!important; } .b { font-weight:bold!important; } .i { font-style:italic!important; } .u { text-decoration:underline!important; } .l { text-decoration:line-through!important; }
.f10 { font-size:10px!important; } .f11 { font-size:11px!important; } .f12 { font-size:12px!important; } .f13 { font-size:13px!important; } .f14 { font-size:14px!important; } .f15 { font-size:15px!important; } .f16 { font-size:16px!important; } .f18 { font-size:18px!important; } .f20 { font-size:20px!important; } .f22 { font-size:22px!important; } .f24 { font-size:24px!important; } .f26 { font-size:26px!important; } .f28 { font-size:28px!important; } .f30 { font-size:30px!important; } .f32 { font-size:32px!important; } .f36 { font-size:36px!important; } .f40 { font-size:40px!important; }
.h10 { line-height:10px!important; } .h11 { line-height:11px!important; } .h12 { line-height:12px!important; } .h13 { line-height:13px!important; } .h14 { line-height:14px!important; } .h15 { line-height:15px!important; } .h16 { line-height:16px!important; } .h18 { line-height:18px!important; } .h20 { line-height:20px!important; } .h22 { line-height:22px!important; } .h24 { line-height:24px!important; } .h26 { line-height:26px!important; } .h28 { line-height:28px!important; } .h30 { line-height:30px!important; } .h32 { line-height:32px!important; } .h36 { line-height:36px!important; } .h40 { line-height:40px!important; }
.w25 { width:25px; } .w50 { width:50px; } .w75 { width:75px; } .w100 { width:100px; } .w125 { width:125px; } .w150 { width:150px; } .w200 { width:200px; } .w250 { width:250px; } .w300 { width:300px; } .w400 { width:400px; } .w500 { width:500px; } .w600 { width:600px; } .w700 { width:700px; } .w800 { width:800px; } .w900 { width:900px; } .w1000 { width:1000px; }
.w5p { width:5%; } .w6p { width:6%; } .w8p { width:8%; } .w10p { width:10%; } .w12p { width:12%; } .w14p { width:14%; } .w15p { width:15%; } .w16p { width:16%; } .w18p { width:18%; } .w20p { width:20%; } .w25p { width:25%; } .w30p { width:30%; } .w33p { width:33%; } .w35p { width:35%; } .w40p { width:40%; } .w45p { width:45%; } .w50p { width:50%; } .w100p { width:100%; }
.black { color:#000; } .dark { color:#333; } .gray { color:#808080; } .light { color:#ccc; } .white { color:#fff; }
.red { color:#f30; } .green { color:#0b0; } .blue { color:#33c; } .yellow { color:#cc3; } .cyan { color:#3cc; } .purple { color:#c3c; } .orange { color:#f70; }
.ellipsis { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ellipsis2 { overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }