*{
			    
				padding: 0;
				margin: 0;
			}
			html{
				background: #000;
			}
			body{
				padding-top: 0rem;
			}
			.colss{
			    background: rgb(9 9 9 / 70%);
			}
			.header{
				text-align: left;
				color: #11b8c1;
				font-weight: bold;
				text-shadow: 2px -1px 4px #11b8c1;
			}
			.header-title{
				position: absolute;
				top: 3px;
				left: -1rem;
				text-align: center;
				width: 100%;	
			}
			
			#content-wrapper{
				width: 80%;
				margin: auto;
			}
			
			.sl{
				position: absolute;
				right: 15%;
				top: 3px;
				cursor: pointer;
			}
			.row{
				padding: 2rem;
				padding-top: 0rem;
			}
			.row-other{
				display: flex;
				flex-wrap: wrap;
			}
			.cols-other{
				flex: 0 0 25%;
				max-width: 25%;
			}
			.btn {
				width: 12.1%;
				font-size: 14px;
				height: 3rem;
				padding: 0px 1% !important;
				background: rgb(9 9 9 / 0%);
				cursor: pointer;
				vertical-align: middle;
				word-wrap: break-word;
				margin: 0.2%;
				overflow: hidden;
				text-align: left;
                white-space: nowrap;
                border: 0px;
                color: white;
			}
			.btn-other{
				width: 32.3333%;
			}
			
			.card {
			    position: relative;
			    display: flex;
			    flex-direction: column;
			    min-width: 0;
				height: 100%;
				margin: 0 0.5rem;
			    word-wrap: break-word;
			    background-clip: border-box;
				/*text-shadow: 0 0 1px rgb(255 255 255 / 30%), 0 0 2px rgb(255 255 255 / 30%), 0 0 5px rgb(255 255 255 / 20%);*/
			}
			a{
				text-decoration: none;
				margin: -0.14rem;
			}
			.btn:hover{
				background-color: rgb(255 255 255 / 10%);
			}
			
			.photo-two {
				display: inline-block;
				display: block;
				height: 90px;
				margin: auto;
				text-align: center;
				width: 74px;
			}
			
			.photo-two img {
				border-radius: 12%;
				height: 52px;
				width: 52px;
			}
			
			.photo-name {
				font-size: large;
				font-weight: bold;
				color: #ffc107;
				font-size: 12px;
			}
			
			.adcard{
			    margin: 1rem 0;
			}
			
			.nav-title{
				font-size: 1.8rem;
				margin: 0.625rem 0;
				padding: 0.8rem 0.8rem;
			}
			
			.btn-outline-null{
				border: 0px solid rgb(144 140 142 / 20%);
                color: #6d6d6d;
			}
			.btn-outline-saofen{
				border: 0px solid rgb(223 78 162 / 20%);
				color: #df4ea0;
			}
			.btn-outline-primary{
				border: 0px solid rgb(78 115 223 / 20%);
				color: #4e73df;
			}
			.btn-outline-success{
				border: 0px solid rgb(60 242 129 / 20%);
				color: #1cc88a;
			}
			.btn-outline-info {
			    color: #36b9cc;
			    border: 0px solid rgb(27 162 246 / 20%);
			}
			.btn-outline-warning {
			    color: #f6c23e;
			    border: 0px solid rgb(255 193 7 / 20%);
			}
			.btn-outline-secondary{
				color: #ea39b8;
				border: 0px solid rgb(234 57 184 / 20%);
			}
			.btn-outline-light {
				color: #d5ff2e;
				border: 0px solid rgb(210 251 64 / 20%);
			}
			.btn-outline-danger {
			    color: #e74a3b;
			    border: 0px solid rgb(228 76 85 / 20%);
			}
			.btn-outline-jui{
				color: #F6631B;
				border: 0px solid rgb(228 76 85 / 20%);
			}
			
			
			
			.border-left-success {
			}
			
			
			.border-left-success>.nav-title {
			    /*background: #129a69 !important;*/
				color: white;
			}
			.border-left-primary>.nav-title{
				color: #4e73df!important;
			}
			.border-left-info>.nav-title {
			    color: #36b9cc!important;
			}
			.border-left-light>.nav-title {
			    color: #d5ff2e!important;
			}
			.border-left-warning>.nav-title {
			    color: #f6c23e!important;
			}
			.border-left-secondary>.nav-title {
			    color: #ea39b8!important;
			}
			.border-left-danger>.nav-title {
			    color: #e74a3b!important;
			}
			.border-left-jui>.nav-title {
			    color: #F6631B!important;
			}
			#backTop {
				position: fixed;
				bottom: 2.5rem;
				right: 3px;
				line-height: 2rem;
				width: 2rem;
				font-size: 1.5rem;
				text-align: center;
				display: none;
				background-color: rgb(0 0 0 / 40%);
				border: solid 1px rgb(17 184 193);
				color: #11b8c1;
				border-radius: 2px;
				cursor: pointer;
			}
			.a-img img{
				width:100%;
				height: 7rem;
			}
			
			.imgbtn{
				line-height: 22px;
				width: 7rem;
				height: 7rem;
				padding: 8px 0px!important;
				text-align: center;
			}
			.imgbtn img{
				width:76px;
				height:76px;
				border-radius:10px;
			}
			.h-dl{
				font-size: 1rem;
				padding: 1rem 0;
			}
			.h-dom{
				font-size: 2rem;
				margin-top: 2rem;
				text-align: center;
			}
			
			.h-c{
			    float: right;
				margin:-0.5rem 0;
			}
			.h-c h5{
				position: relative;
				display: inline-block;
				width: 5.5rem;
			}
			.alert-sec-circle {
				stroke-dashoffset: 0;
				stroke-dasharray: 735;
				transition: stroke-dashoffset 1s linear
			}
			.alert-sec-text {
				font-size: 1rem;
				font-weight: 300;
			}
			.alert-sec-unit{
				font-size: 0.9rem;
				font-weight: 400;
			}
			#bzyy{
			    font-size: 0.7rem;
			}
			.atitle{
			    padding:3rem 0.8rem;
			    background: rgba(9, 9, 9, 0.7);
			    margin-bottom: 0;
			}
			.atitle>h3{
			    float:left;
			    text-align:center;
			    font-size: 3rem;
			    color: #c9c9c9;
			}
			.container{
			    margin: 0 2.5rem;
                padding: 1.5rem;
                background: rgba(9, 9, 9, 0.7);
                font-size: 0.7rem;
			}
			.tbgw{
			    background: url("static/image/fd.webp");
			    background-position: 12%;
                background-repeat: no-repeat;
                background-size: cover;
			    margin-bottom: 0.5rem;
			    opacity: 0.7;
			}
			.tbgn{
                height: 11rem;
                background-color: rgb(0 0 0 / 30%);
			}
			#bgzya,#bgzyb{
                width: 100%;
                position: absolute;
			}
			#bgzya{
			    background-image: url(static/image/bg1.webp);
                background-size: 45%;
                background-repeat: no-repeat;
                background-position: left -5%;
                background-attachment: fixed;
                box-shadow: inset -20px -20px 100px 100px black;
			}
			#bgzyb{
			    background-image: url(static/image/bg.webp);
                background-size: 45%;
                background-repeat: no-repeat;
                background-position: right bottom;
                background-attachment: fixed;
                box-shadow: inset 20px 20px 100px 100px black;
			}
			@media only screen and (max-width: 65rem) {
				
				#content-wrapper{
					width: 100%;
				}
				.sl{
					right: 40px;
				}
				.row{
					padding: 1rem;
				}
				.card {
					margin: 0 0.3rem;
				}
				.cols-other{
					flex: 0 0 50%;
					max-width: 50%;
				}
				.btn {
					width: 16.3%;
				}
				.btn-other{
					width: 32.333%;
				}
				#backTop {
					right: 25px;
				}
				
				.border-left-warning {
					border-bottom: 0;
					border-left: 0;
					border-right: 0;
				}
				.border-left-secondary {
					border-bottom: 0;
					border-left: 0;
				}
				.border-left-danger {
					border-right: 0;
				}
				.border-left-jui {
					border-radius: 0;
				}
				
				.imgbtn{
					width:14.1% !important;
				}
				.container {
                    margin: 0rem 1rem;
    			}
			}
			@media only screen and (max-width: 45rem) {
				#bgzya{
				    background-size: 160%;
                    background-position: 95% 20%;
				}
				#bgzyb{
				    background-size: 160%;
                    background-position: 95% 20%;
				}
				.header{
					text-align: center;
				}
				.header-title{
					display:none;
				}
				
				.sl{
					display:none;
				}
				.nav-title{
				    text-align: center;
				}
				.btn{
					font-size: 0.9rem;
					text-align: center;
				}
				.row{
					padding: 0rem;
				}
				.cols-other{
					flex: 0 0 100%;
					max-width: 100%;
				}
				.btn {
					width: 24.6%;
				}
				.btn-other{
					width: 24%;
				}
				#backTop {
					right: 10px;
				}
				
				
				.a-img img{
					width:100%;
					height:6rem;
				}
				.imgbtn{
					width:19.9% !important;
				}
				.atitle>h3{
    			    float:none;
    			}
    			.h-c{
    			    float: none;
    			    margin: 0.5rem 0;
    			}
    			
    			.h-c h5{
    			    width: 5rem;
    			}
    			.atitle{
    			    padding: 1.5rem 0rem;
    			}
    			.tbgn{
                    height: 8rem;
    			}
    			.container {
                    margin: 0rem;
    			}
			}