html {
	font-size: 16px;
}

table td .worddocument-action{
    display: none;
}
.perspective{
	perspective-origin: 50% 50%; 
	transform-style: preserve-3d;
	backface-visibility: visible;
}

.btn {
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	transition: 0.2s;
}
.fx {
	display: flex;
	align-items: center;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	transition: 0.2s;
}
.btn:hover{
	opacity: 1;
}
:root {
    --baseColor: #0052D9;
}

a.and:link,a.and:visited {
    text-decoration:none;
    color:inherit;
}

input:invalid+span:after {
	color: red;
    content: '✖';
    padding-left: 5px;
}

input:valid+span:after {
	color: green;
    content: '✓';
    padding-left: 5px;
}

input.fbgf{
	transform: rotateX(0deg);
	animation-name: none;
}
input.fbgf:focus{
	background-color: rgba(255,255,255,1.0);
	color: #222222;
	transform: rotateX(360deg);
	animation-name: rotateX;
	animation-duration: 0.7s;
    animation-fill-mode: both;
    animation-delay: 0.01s;
}
input.valbgf:valid {
	background-color: rgba(255,255,255,1.0);
}
input.valbgf:invalid  {
	/*background-color: rgba(255,255,255,1.0);*/
	color: rgba(255,0,0,1.0);
}

textarea.fbgf{
	transform: rotateX(0deg);
	animation-name: none;
}
textarea.fbgf:focus{
	background-color: rgba(255,255,255,1.0);
	color: #222222;
	transform: rotateX(360deg);
	animation-name: rotateX;
	animation-duration: 0.7s;
    animation-fill-mode: both;
    animation-delay: 0.01s;
}
textarea.valbgf:valid {
	background-color: rgba(255,255,255,1.0);
}

@media (1070px < width) {
    .wordEditor .hid0 {
        visibility: hidden;
        display: none;
    }
}
@media (width <= 1340px) {
    .wordEditor .hid1 {
        visibility: hidden;
        display: none;
    }
}
@media (width < 1070px) {
    .wordEditor .hid2 {
        visibility: hidden;
        display: none;
    }
}

@keyframes slidein {
    from {
        margin-left: 0%;
    }
    to {
        margin-left: 100%;
    }
}
@keyframes rotateX {
    0% {
        transform: rotateX(0deg) scaleX(1.0)
    }
    50% {
        transform: rotateX(180deg) scaleX(0.95)
    }
    100% {
        transform: rotateX(360deg) scaleX(1.0)
    }
}
.animeRX {
	animation-name: rotateX;
}

@keyframes rotateZ {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(359deg)
    }
}
@keyframes rotateZ_ {
    from {
        transform: rotate(359deg)
    }
    to {
        transform: rotate(0deg)
    }
}
.animeR {
	animation: rotateZ 30s linear infinite;
}
.animeR_{
	animation: rotateZ_ 30s linear infinite;
}

@keyframes wave {
    5% {
        -webkit-transform: scale(1.2);
        opacity: 1
    }
    25% {
        -webkit-transform: scale(1.4);
        opacity: .6
    }

    50% {
        -webkit-transform: scale(1.6);
        opacity: .4
    }


    75% {
        -webkit-transform: scale(1.8);
        opacity: .2
    }

    100% {
        -webkit-transform: scale(2);
        opacity: 0
    }
}
/* 产生动画（向外扩散变大）的圆圈 第一个圆 */
.pulse {
    border: 2px solid #ff7170;
    opacity: 0;
    animation: wave 4.5s ease-out forwards infinite;
    animation-iteration-count: infinite;
    box-shadow:inset 3px -3px 30px #ff7170; /* 阴影效果 */
}

/* 产生动画（向外扩散变大）的圆圈 第二个圆 */
.pulse1 {
    border: 2px solid #ff7170;
    opacity: 0;
    animation: wave 4.5s ease-out 2s forwards infinite;
    animation-iteration-count: infinite;
    box-shadow:inset 3px -3px 30px #ff7170; /* 阴影效果 */
}

/* 产生动画（向外扩散变大）的圆圈 第三个圆 */
.pulse2 {
    border: 2px solid #ff7170;
    opacity: 0;
    animation: wave 4.5s ease-out 4.5s forwards infinite;
    animation-iteration-count: infinite;
    box-shadow:inset 3px -3px 30px #ff7170; /* 阴影效果 */
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes fadeOutLeft {
  100% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
  0% {
    opacity: 1;
    transform: none;
  }
}

.fadeInLeft {
	animation-name: fadeInLeft;
}
.fadeOutLeft {
	animation-name: fadeOutLeft;
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes fadeOutRight {
  100% {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  0% {
    opacity: 1;
    transform: none;
  }
}

.fadeInRight {
	animation-name: fadeInRight;
}
.fadeOutRight {
	animation-name: fadeOutRight;
}
.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}

.slide-fade-enter-active {transition: all 0.6s ease 0.1s;}
.slide-fade-leave-active {transition: all 0.4s ease;}
.slide-fade-enter {transform: translateX(-300px);opacity: 0;}
.slide-fade-leave-to{transform: translateX(300px);opacity: 0;}

.slide-enter-active {transition: all 0.4s ease-out 0.1s;}
.slide-leave-active {transition: all 0.4s ease;}
.slide-enter {transform: translateX(-100px);opacity: 0;}
.slide-leave-to {transform: translateX(200px);opacity: 0;}

.slide-tab-enter-active {transition: all 0.6s ease 0.1s;}
.slide-tab-leave-active {transition: all 0.4s ease;}
.slide-tab-enter {transform: translateX(-300px);opacity: 0;}
.slide-tab-leave-to{transform: translateX(300px);opacity: 0;}

.modal-fade-enter-active {transition: all 0.4s ease-out 0.1s;}
.modal-fade-leave-active {transition: all 0.4s ease;}
.modal-fade-enter {transform: scale(0.2);opacity: 0;}
.modal-fade-leave-to{transform: scale(1.2);opacity: 0;}

.scroll-thin {
	scrollbar-width: thin;
	scrollbar-gutter: stable both-edges;
}
.scale1{
	transform: scale(1.0)
}
.scale0{
	transform: scale(0.001)
}

.bdtl{
	border-top: 5px solid var(--baseColor);
	border-left: 5px solid var(--baseColor);
	border-bottom: 5px solid transparent;
	border-right: 5px solid transparent;
}
.bdtr{
	border-top: 5px solid var(--baseColor);
	border-right: 5px solid var(--baseColor);
	border-bottom: 5px solid transparent;
	border-left: 5px solid transparent;
}
.bdbl{
	border-bottom: 5px solid var(--baseColor);
	border-left: 5px solid var(--baseColor);
	border-top: 5px solid transparent;
	border-right: 5px solid transparent;
}
.bdbr{
	border-bottom: 5px solid var(--baseColor);
	border-right: 5px solid var(--baseColor);
	border-top: 5px solid transparent;
	border-left: 5px solid transparent;
}

.hovchha:hover> .hovchha {height:auto;overflow: visible;}
.hovcht0p:hover> .hovcht0p { top: 0%;}
.hovcht40:hover> .hovcht40 { top: 40px;}
.hovcha1:hover> .hovcha1 { opacity: 1;}
.hovchbdr:hover> .hovchbdr { border-color: #FF0000;}
.hovchw100:hover> .hovchw100 {width: 100%;}
.hovchbg01:hover> .hovchbg01 {background-color: rgba(0,0,0,0.1);}

.pa{position: absolute}
.pr{position: relative}
.pf{position: fixed}
.ps{position: sticky}
.z_{z-index: -1}
.z0{z-index: 0}
.z1{z-index: 1}
.z2{z-index: 2}
.z3{z-index: 3}
.z3{z-index: 3}
.z9{z-index: 999999}
.z9_{z-index: 99999}
.hovz9:hover {z-index: 999999;}
.hovz9:focus {z-index: 999999;}
.fr{float: right;}

.w0{width: 0px;}
.w0p{width: 0%;}
.w1{width: 1px}
.w2{width: 2px}
.w5{width: 5px}
.w6{width: 6px}
.w7{width: 7px}
.w8{width: 8px}
.w5p{width: 5%}
.w10p{width: 10%}
.w14p{width: 14.2%}
.w15p{width: 15.0%}
.w10{width: 10px}
.w12{width: 12px}
.w10p{width: 10%}
.w14{width: 14px}
.w15{width: 15px}
.w16{width: 16px}
.w18{width: 18px}
.w20{width: 20px}
.w20p{width: 20%}
.w24{width: 24px}
.w25{width: 25px}
.w25p{width: 25%}
.w30{width: 30px}
.w30p{width: 30%}
.w33{width: 33.33%}
.w33p{width: 33.33%}
.w35{width: 35px}
.w40{width: 40px}
.w40p{width: 40%}
.w45{width: 45px}
.w45p{width: 45%;}
.w50{width: 50px}
.w50p{width: 50%}
.w55{width: 55px}
.w60{width: 60px}
.w60p{width: 60%}
.w70{width: 70px}
.w80{width: 80px}
.w80p{width: 80%}
.w90{width: 90px}
.w90p{width: 90%}
.w100{width: 100%;}
.w101{width: 100px;}
.w110{width: 110px;}
.w120{width: 120px;}
.w125{width: 125px;}
.w128{width: 128px;}
.w130{width: 130px;}
.w140{width: 140px;}
.w150{width: 150px;}
.w160{width: 160px;}
.w170{width: 170px;}
.w180{width: 180px;}
.w200{width: 200px;}
.w260{width: 260px;}
.w280{width: 280px;}
.w300{width: 300px;}
.w350{width: 350px;}
.w400{width: 400px;}
.w450{width: 450px;}
.w480{width: 480px;}
.w500{width: 500px;}
.w600{width: 600px;}
.w750{width: 750px;}
.w1000{width: 1000px}
.w1170{width: 1170px}

.w45p{width: 45%;}
.w25p{width: 25%;}
.w50p{width: 50%;}
.w499{width: 49.5%;}
.hovw100:hover{width: 100%;}
.hovw160:hover{width: 160px;}

.wh4{width: 4px;height: 4px;}
.wh10{width: 10px;height: 10px;}
.wh14{width: 14px;height: 14px;}
.wh15{width: 15px;height: 15px;}
.wh16{width: 16px;height: 16px;}
.wh18{width: 18px;height: 18px;}
.wh20{width: 20px;height: 20px;}
.wh24{width: 24px;height: 24px;}
.wh25{width: 25px;height: 25px;}
.wh30{width: 30px;height: 30px;}
.wh32{width: 32px;height: 32px;}
.wh35{width: 35px;height: 35px;}
.wh40{width: 40px;height: 40px;}
.wh100{width: 100%;height: 100%;}
.wh101{width:101px;height: 101px;}

.miw30 {min-width: 30px;}
.miw40 {min-width: 40px;}
.miw50 {min-width: 50px;}
.miw60 {min-width: 60px;}
.miw80 {min-width: 80px;}
.miw100{min-width: 100px;}
.miw100p{min-width: 100%;}
.miw160{min-width: 160px;}
.miw180{min-width: 180px;}
.miw200{min-width: 200px;}
.miw300{min-width: 300px;}
.miw400{min-width: 400px;}
.mih28{min-height: 28px;}
.mih30{min-height: 30px;}
.mih200{min-height: 200px;}
.mih240{min-height: 240px;}
.mih300{min-height: 300px;}

.mih100{min-height: 100px;}

.mah100p{max-height: 100%;}
.mah400 {max-height: 400px;}
.mah500 {max-height: 500px;}
.mah600 {max-height: 600px;}
.maw100p{max-width: 100%;}
.maw200{max-width: 200px;}
.maw300{max-width: 300px;}
.maw360{max-width: 360px;}
.maw400{max-width: 400px;}
.maw50p{max-width: 50%;}

.h00{height: 0px!important;}
.h0 {height: 0px}
.h1 {height: 1px}
.h2 {height: 2px}
.h3 {height: 3px}
.h4 {height: 4px}
.h5 {height: 5px}
.h5p{height: 5%}
.h10{height: 10px}
.h10p{height: 10%}
.h12p{height: 12%}
.h12{height: 12px}
.h14{height: 14px}
.h15{height: 15px}
.h16{height: 16px}
.h15p{height: 15%}
.h20{height: 20px}
.h20p{height: 20%}
.h24{height: 24px}
.h25{height: 25px}
.h25p{height: 25%}
.h30{height: 30px}
.h30p{height: 30%}
.h33{height: 33.33%}
.h33p{height: 33.33%}
.h35p{height: 35%}
.h35{height: 35px}
.h36{height: 36px}
.h40{height: 40px}
.h45{height: 45px}
.h40p{height: 40%}
.h50{height: 50px}
.h50p{height: 50%}
.h60{height: 60px}
.h60p{height: 60%}
.h70{height: 70px}
.h80{height: 80px}
.h80p{height: 80%}
.h90{height:  90px}
.h99{height: 100px}
.h100{height: 100%}
.h101{height: 100px}
.h110{height: 110px}
.h120{height: 120px}
.h140{height: 140px}
.h150{height: 150px}
.h160{height: 160px}
.h180{height: 180px}
.h200{height: 200px}
.h240{height: 240px}
.h260{height: 260px}
.h280{height: 280px}
.h300{height: 300px}
.h350{height: 350px}
.h400{height: 400px}
.h450{height: 450px}
.h500{height: 500px}
.h600{height: 600px}
.h800{height: 800px}
.h90p{height: 90%}

.trs1{transition: 0.1s}
.trs2{transition: 0.2s}
.trs3{transition: 0.3s}
.trs4{transition: 0.4s}
.trs5{transition: 0.5s}
.trs10{transition: 1.0s}
.trs20{transition: 2.0s}

.ts0{transform: rotate(0deg);}
.ts45 {transform: rotate(45deg);}
.ts90{transform: rotate(90deg)}
.ts135{transform: rotate(135deg)}
.ts180{transform: rotate(180deg)}
.ts270{transform: rotate(270deg)}
.ts360{transform: rotate(360deg)}
.ts_45{transform: rotate(-45deg);}
.ts_90{transform: rotate(-90deg);}
.ts_135{transform: rotate(-135deg);}


.t00{top: 0px !important;}
.t0px{top: 0px;}
.t26{top:26%;}
.t31{top:31%;}
.t33{top:33.33%;}

.t0{top:0px}
.t2{top: 2px;}
.t3{top: 3px;}
.t4{top: 4px;}
.t5{top: 5px;}
.t5p{top: 5%;}
.t10{top:10px}
.t10p{top:10%}
.t20{top:20px}
.t30{top:30px}
.t40{top:40px}
.t50{top:50px}
.t100{top:100px}
.t200{top:200px}
.t240{top:240px}
.t_100{top: -100%;}
.t_0p{top: -0%;}
.hovcht100:hover>.hovcht100{ top: 100px;}
.hovcht140:hover>.hovcht140{ top: 140px;}
.hovt10:hover{top: 10px;}
.hovchr0:hover>.hovchr0{right: 0%;}

.r00{right: 0;}
.r0{right: 0px}
.r2{right: 2px}
.r3{right: 3px}
.r5{right: 5px}
.r5p{right: 5%}
.r10{right: 10px}
.r20{right: 20px}
.r26{right: 26%;}
.r30{right: 30px;}
.r40{right: 40px;}
.r33{right: 33.33%;}
.r40p{right: 40.0%;}
.r50{right: 50px;}
.r60{right: 60px;}
.r0p {right: 0%;}
.r_5{right: -5px;}
.r_30{right: -30px;}
.r_40{right: -40px;}
.r_80{right: -80px;}
.r_100{right: -100%;}

.b0{bottom: 0px;}
.b2{bottom: 2px;}
.b3{bottom: 3px;}
.b4{bottom: 4px;}
.b5{bottom: 5px;}
.b5p{bottom: 5%;}
.b10{bottom: 10px;}
.b20{bottom: 20px;}
.b30{bottom: 30px;}
.b31{bottom: 31%;}
.b33{bottom: 33.33%;}
.b40p{bottom: 40.0%;}
.b_300{bottom: -300px;}

.l0{left: 0px;}
.l1{left: 1px;}
.l2{left: 2px;}
.l3{left: 3px;}
.l4{left: 4px;}
.l5{left: 5px;}
.l5p{left: 5%;}
.l26{left: 26%;}
.l0px{left: 0px;}
.l10{left: 10px;}
.l10p{left: 10%;}
.l20{left: 20px;}
.l30{left: 30px;}
.l50p{left: 50%;}

.bgmc  {background-color: var(--baseColor);}
.hovbgmc:hover {background-color: var(--baseColor);color: #FFFFFF;}
.hovchbgmc:hover> .hovchbgmc {background-color: var(--baseColor);color: #FFFFFF;}

.bgg0  {background-color: #00ffff;}
.bgg1  {background-color: rgba(60,220,146,0.6);}
.bgg2  {background-color: rgba(36,178,195,0.6);}
.bgg3  {background-color: #5FB878;}
.bgg4  {background-color: #55dd7b;}
.bggy  {background-color: #5FB878;}

.bga   {background-color: transparent!important;}
.bga input{background-color: transparent;}
.bgf1  {background-color: #F1F1F1;}
.bgf5  {background-color: #f5f5f5;}
.bgf7  {background-color: #f7f7f7;}
.bgf9  {background-color: #f9f9f9;}

.bgi {background-color: inherit;}
.bgf{background-color: rgba(255,255,255,1);}
.bg00{background-color: transparent;}
.bg01{background-color: rgba(0,0,0,0.1);}
.bg02{background-color: rgba(0,0,0,0.2);}
.bg03{background-color: rgba(0,0,0,0.3);}
.bg05{background-color: rgba(0,0,0,0.5);}
.bg08{background-color: rgba(0,0,0,0.8);}
.hovbg01:hover{background-color: rgba(0,0,0,0.1);}
.hovbg02:hover{background-color: rgba(0,0,0,0.2);}
.hovbg03:hover{background-color: rgba(0,0,0,0.3);}
.hovbgf1:hover{background-color: #f1f1f1;}
.hovbgf5:hover{background-color: #f5f5f5;}
.hovbgf01:hover{background-color: rgba(255,255,255,0.1);}
.hovbgf03:hover{background-color: rgba(255,255,255,0.3);}
.hovbgf05:hover{background-color: rgba(255,255,255,0.5);}
.hovbgf08:hover{background-color: rgba(255,255,255,0.8);}
.hovbgf09:hover{background-color: rgba(255,255,255,0.9);}
.hovbgce:hover{background-color: #EEEEEE;}
.hovbgeb:hover{background-color: #ebebeb;}
.hovbgcd:hover{background-color: #DDDDDD;}
.hovbgcf:hover{background-color: #FFFFFF;}

.bgf005{background-color: rgba(255,255,255,0.05);}
.bgf01{background-color: rgba(255,255,255,0.1);}
.bgf02{background-color: rgba(255,255,255,0.2);}
.bgf03{background-color: rgba(255,255,255,0.3);}
.bgf05{background-color: rgba(255,255,255,0.5);}
.bgf08{background-color: rgba(255,255,255,0.8);}
.bgf09{background-color: rgba(255,255,255,0.9);}

.bge01 {background-color: rgba(240,240,240,0.1);}
.bge05 {background-color: rgba(240,240,240,0.5);}
.bge08 {background-color: rgba(240,240,240,0.8);}
.bga03 {background-color: rgba(160,160,160,0.3);}
.bgb05 {background-color: rgba(7,33,58,0.5);}
.bgb09 {background-color: rgba(7,33,58,0.9);}
.bgb08 {background-color: rgba(40,79,177,0.8);}
.bgce  {background-color: #EEEEEE;}
.bgcd  {background-color: #DDDDDD;}
.bgcc  {background-color: #CCCCCC;}
.bgcb  {background-color: blue;}
.bgcr  {background-color: red;}
.bgc6  {background-color: #666666;}
.bgc3  {background-color: #333333;}
.bgcsky{background-color: skyblue;}
.bgdsky{background-color: deepskyblue;}
.bglsky{background-color: lightskyblue;}
.bgbb  {background-color: #3e8fe5;}
.bg3f  {background-color: #3939f7;}
.bg8f  {background-color: #0808ff;}
.bgbbb {background-color: #0052D9;}
.bgbl  {background-color: #15afa9;}
.bg43  {background-color: #434343;}
.bgba  {background-color: #00a3fe;}

.disable { pointer-events: none;}
.enable { pointer-events: auto;}

.br2{border-radius: 2px}
.br3{border-radius: 3px}
.br4{border-radius: 4px}
.br5{border-radius: 5px}
.br7{border-radius: 7px}
.br10{border-radius: 10px}
.br15{border-radius: 15px}
.br50{border-radius: 50%}
.brl4{border-bottom-left-radius: 4px; border-top-left-radius: 4px;}
.brr4{border-bottom-right-radius: 4px; border-top-right-radius: 4px;}

.a{opacity: 0.0;}
.opa1{opacity: 0.1;}
.opa2{opacity: 0.2;}
.opa5{opacity: 0.5;}
.opa8{opacity: 0.8;}
.opa9{opacity: 0.9;}
.cp{cursor: pointer;}
.disn{display: none;}
.hovchdb:hover>.hovchdb{display: block;}
.disi{display: inline-block;}
.flex{display: flex;}
.flec{display: flex;align-items: center;}
.flw{flex-wrap: wrap;}
.flc{flex-direction: column;}
.flr{flex-direction: row;}
.alc{align-items: center;}
.fls0{flex-shrink:0}
.flg1{flex-grow:1}
.flg01{flex-grow:0.1}
.flg0{flex-grow:0!important}
.flex1{flex: 1;}
.flex2{flex: 2;}
.flex3{flex: 3;}
.flex4{flex: 4;}
.flex5{flex: 5;}
.flex6{flex: 6;}
.center{text-align: center;justify-content: center;}
.between {justify-content: space-between;}
.right{text-align: right;justify-content:flex-end;}
.left{text-align: left;justify-content:flex-start;}
.justify{text-align: justify;text-justify:inter-word;}
.justify-all{text-align: justify;text-justify:inter-word;text-align-last: justify;}

.sar {justify-content: space-around;}
.bbx{box-sizing: border-box;}
.bbx>div{box-sizing: border-box;}

.pd0 {padding: 0px;}
.pd2{padding: 2px;}
.pd5{padding: 5px;}
.pd75{padding: 7.5px;}
.pd10{padding: 10px;}
.pd12{padding: 12px;}
.pd15{padding: 15px;}
.pd20{padding: 20px;}
.pd40 {padding: 40px}
.pd45 {padding: 45px}

.pd00{padding-left: 0px !important;padding-right: 0px !important;}
.pd02{padding-left: 2px !important;padding-right: 2px !important;}
.pd03{padding-left: 3px;padding-right: 3px ;}
.pd04{padding-left: 4px;padding-right: 4px ;}
.pd05{padding-left: 5px;padding-right: 5px ;}
.pd06{padding-left: 6px;padding-right: 6px ;}
.pd08{padding-left: 8px;padding-right: 8px ;}
.pd075{padding-left: 7.5px;padding-right: 7.5px ;}
.pd010{padding-left: 10px;padding-right: 10px ;}
.pd012{padding-left: 12px;padding-right: 12px ;}
.pd015{padding-left: 15px;padding-right: 15px ;}
.pd020{padding-left: 20px;padding-right: 20px ;}
.pd030{padding-left: 30px;padding-right: 30px ;}
.pd035{padding-left: 35px;padding-right: 35px ;}
.pd045{padding-left: 45px;padding-right: 45px ;}

.pdl20{padding-left: 20px;}

.pdt0 {padding-top: 0px}
.pdt4 {padding-top: 4px}
.pdt5 {padding-top: 5px}
.pdt10 {padding-top: 10px}
.pdt15 {padding-top: 15px}
.pdt20 {padding-top: 20px}
.pdt30 {padding-top:30px;}
.pdt10p{padding-top: 10%}
.pdt20p{padding-top: 20%}
.pdt30p{padding-top: 30%}
.pdt40p{padding-top: 40%}
.pdt50p{padding-top: 50%}
.pdt60p{padding-top: 60%}
.pdt65p{padding-top: 65%}
.pdt70p{padding-top: 70%}
.pdt75p{padding-top: 75%}
.pdt80p{padding-top: 80%}
.pdt100p{padding-top: 100%}

.pdb10 {padding-bottom:10px;}
.pdb20 {padding-bottom:20px;}
.pdb30 {padding-bottom:30px;}
.pdb50 {padding-bottom:50px;}

.pdtb0{padding-top: 0px !important;padding-bottom: 0px !important;}
.pdtb2{padding-top: 2px;padding-bottom: 2px}
.pdtb3{padding-top: 3px;padding-bottom: 3px}
.pdtb4{padding-top: 4px;padding-bottom: 4px}
.pdtb5{padding-top: 5px;padding-bottom: 5px}
.pdtb7{padding-top: 7px;padding-bottom: 7px}
.pdtb10{padding-top: 10px;padding-bottom: 10px}
.pdtb12{padding-top: 12px;padding-bottom: 12px}
.pdtb15{padding-top: 15px;padding-bottom: 15px}
.pdtb20{padding-top: 20px;padding-bottom: 20px}
.pdtb30{padding-top: 30px;padding-bottom: 30px}
.pdtb50{padding-top: 50px;padding-bottom: 50px}
.pdtb15p{padding-top: 15%;padding-bottom: 15%}
.pdtb23p{padding-top: 23%;padding-bottom: 23%}

.pdr0 {padding-right: 0px}
.pdr5 {padding-right: 5px}
.pdr10 {padding-right: 10px}
.pdr15 {padding-right: 15px}
.pdr20 {padding-right: 20px}

.mar0 {margin: 0;}
.mar5{margin: 5px;}
.mar10{margin: 10px;}
.mart2{margin-top: 2px}
.mart3{margin-top: 3px}
.mart5{margin-top: 5px}
.mart10{margin-top: 10px}
.mart20{margin-top: 20px}
.mart10p{margin-top: 10%;}
.mart20p{margin-top: 20%}
.mart40{margin-top: 40px}
.mar05{margin:0px 5px;}
.mar010{margin:0px 10px;}
.mar510{margin:5px 10px;}

.marl2{margin-left: 2px;}
.marl5{margin-left: 5px;}
.marl10{margin-left: 10px;}
.marl20{margin-left: 20px;}
.marr2{margin-right: 2px;}
.marr3{margin-right: 3px;}
.marr4{margin-right: 4px;}
.marr5{margin-right: 5px;}
.marr10{margin-right: 10px;}
.marr20{margin-right: 20px;}
.marr30{margin-right: 30px;}
.marr40{margin-right: 40px;}

.marb1  {margin-bottom: 1px;}
.marb5  {margin-bottom: 5px;}
.marb10{margin-bottom: 10px;}
.marb15 {margin-bottom: 15px;}
.marb20 {margin-bottom: 20px;}
.marb30 {margin-bottom: 30px;}

.bb1e{border-bottom: 1px solid #EEEEEE;}
.bb1d{border-bottom: 1px solid #DDDDDD;}
.bb1c{border-bottom: 1px solid #CCCCCC;}
.bb13{border-bottom: 1px solid #333333;}
.bb23{border-bottom: 2px solid #333333;}
.bb1f{border-bottom: 1px solid #FFFFFF;}
.bbf1{border-bottom: 1px solid rgba(255,255,255,0.1);}
.bbf3{border-bottom: 1px solid rgba(255,255,255,0.3);}
.bbf5{border-bottom: 1px solid rgba(255,255,255,0.5);}
.bbf7{border-bottom: 1px solid rgba(255,255,255,0.7);}
.bb1t{border-bottom: 1px solid transparent;}
.bb01{border-bottom: 1px solid rgba(0,0,0,0.1);}
.br01{border-right: 1px solid rgba(0,0,0,0.1);}
.bl01{border-left: 1px solid rgba(0,0,0,0.1);}
.bl03{border-left: 1px solid rgba(0,0,0,0.3);}
.bl13{border-left: 1px solid #333333;}
.bd1v{border-width: 1px; border-style: solid;}
.bd1f{border: 1px solid #FFFFFF;}
.bd1e{border: 1px solid #EEEEEE;}
.bd1d{border: 1px solid #DDDDDD;}
.bd1c{border: 1px solid #CCCCCC;}
.bd1b{border: 1px solid #BBBBBB;}
.bd1a{border: 1px solid #AAAAAA;}
.bd19{border: 1px solid #999999;}
.bd13{border: 1px solid #333333;}
.bd1m{border: 1px solid var(--baseColor);}
.bd1r{border: 1px solid #FF0000;}
.bd1r5{border: 1px solid rgba(255,0,0,0.6);}
.bd1sk{border: 1px solid #3fd3e4}
.bd1t{border: 1px solid transparent;}

.bdr1e{border-right: 1px solid #eeeeee}
.bdl1t{border-left: 1px solid transparent;}
.bdl0{border-left-width: 0;}


.bd1b2 {border: 1px solid #3fd3e4}
.bd2f{border: 2px solid #FFFFFF;}
.bd2f1{border: 2px solid #F1F1F1;}
.bd2e{border: 2px solid #EEEEEE;}
.bd2r{border: 2px solid #FF0000;}
.bd2g{border: 2px solid #00FF00;}
.bd2t{border: 2px solid transparent;}

.focusbd:focus{border: 1px solid var(--baseColor);}
.bds0 {border-spacing: 0; border-collapse: 0}
.hovbb2f:hover{border-bottom: 2px solid #FFFFFF;}
.hovbb4:hover{border-bottom-width: 4px;}
.hovbd1sk:hover{border-color: #0ca2e6;box-shadow: 0 0 0 2px rgba(0,188,212,0.2);}


.bdbg {box-shadow: 0px 0px 2px 1px var(--baseColor);}
.bdsr {box-shadow: 0 0 20px 0 var(--baseColor);}
.bdsl {box-shadow: 0 5px 20px 0 #666;}
.bsdl {box-shadow: -2px 0 4px rgb(0 0 0 / 20%);}
.bdss {box-shadow: 0 5px 15px -5px rgb(0 0 0 / 50%);}
.bdsm {box-shadow: 0 5px 15px -5px #000;}
.msgshadow {box-shadow: 0 5px 15px -5px rgb(0 0 0 / 50%);}
.hovbgbs1:hover {box-shadow: 0 10px 150px -100px var(--baseColor) inset;}
.tsr {text-shadow: #F88 1px 0 10px;}
.bdssr{box-shadow: 0 1px 15px -1px rgb(255 195 195 / 50%);}

.hovbdcm:hover{border-color: var(--baseColor);}
.hovbdcr:hover{border-color: red;}
.hovbdcf:hover{border-color: #FFFFFF;}
.hovbdcc:hover{border-color: #ccc;}
.hovbdr2:hover{border-color: #d23e3e;box-shadow: 0 0 0 2px rgba(244,67,54,0.2);}
.hovbdg2:hover{border-color: #0ca2e6;box-shadow: 0 0 0 2px rgba(0,188,212,0.2);}

.hova8:hover{opacity: 0.8}
.hova5:hover{opacity: 0.5}
.hova1:hover{opacity: 1.0}
.bdn {border: none;outline: none}
.bon {outline: none;}
.txt {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.break{word-break: break-all;word-wrap: break-word;}
.sp1 {letter-spacing: 1px;}
.sp2 {letter-spacing: 2px;}
.sp3 {letter-spacing: 3px;}
.sp4 {letter-spacing: 4px;}
.sp5 {letter-spacing: 5px;}
.sp10 {letter-spacing: 10px;}
.sp15 {letter-spacing: 15px;}
.cp {cursor: pointer}
.cc {cursor: context-menu;}
.cre{cursor: col-resize;}
.crv{cursor: row-resize;}
.cm {cursor: move}
.cmse{cursor: se-resize;}
.cmsn{cursor: ne-resize;}
.sen {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;}
.cs {cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;}

.fsw{font-weight:bold;}
.fs1v{font-size: 1vw;}
.fs12v{font-size: 1.2vw;}
.fs15v{font-size: 1.5vw;}
.fs2v{font-size: 2vw;}
.fs8{font-size: 8px;}
.fs9{font-size: 9px;}
.fs10{font-size: 10px;}
.fs11{font-size: 11px;}
.fs12{font-size: 12px;}
.fs13{font-size: 13px;}
.fs14{font-size: 14px;}
.fs15{font-size: 15px;}
.fs16{font-size: 16px;}
.fs18{font-size: 18px;}
.fs20{font-size: 20px;}
.fs22{font-size: 22px;}
.fs42{font-size: 42px;}
.fs48{font-size: 48px;}

.lh20{line-height: 20px;}
.lh24{line-height: 24px;}
.lh25{line-height: 25px;}
.lh30{line-height: 30px;}
.lh40{line-height: 40px;}

.c333{color: #333333;}
.c3a8{color: #3A3A38;}
.c369{color: #333639;}
.c666{color: #666;}
.c999{color: #999;}
.caaa{color: #aaa;}
.cbbb{color: #bbb;}
.ceee{color: #eee;}
.cfff{color: #ffffff;}
.cf1{color: #F1F1F1;}
.cr{color: red}
.cg{color: #00ff08;}
.cgg{color: #004a08;}
.cd8{color: #dd8888}
.cae{color: #aaeeaa;}

.cb{color: blue;}
.cbb{color: #2487d3;}
.cbsky{color: #00a3fe;}
.cy{color: yellow;}
.co{color: #ff5722;}
.cyo{color: #e79536;}
.cod{color: orangered;}
.r {color: red}
.g {color: green}
.b {color: blue}
.ctheme{color: var(--baseColor);}
.ctheme .active {
	box-shadow: 0 100px 400px -20px var(--baseColor) inset;
	color: #FFFFFF;
}
.hovc3:hover{color: #333333;}
.hovcf:hover{color: #ffffff;}
.hovcr:hover{color: #FF0000;}
.hovcb:hover{color: #00a3fe;}

.ofh{overflow: hidden}
.oxh{overflow-x: hidden}
.ovy{overflow-y: auto}
.ovx{overflow-x: auto}
.ovynobar::-webkit-scrollbar {display: none; }
.cover{object-fit: cover;}