*{margin:0;padding:0;border:none;text-decoration:none;outline:none;background:none;}
html {font-family:Oswald;}
body {margin:auto;background:#010;width:100%;color:#fff;position:relative;padding-top:10vw;}
img:not([src]) {visibility:hidden;}
@-moz-document url-prefix() {img:-moz-loading {visibility:hidden;}}
header {color:#fff;height:9vw;width:100%;padding-top:1vw;position:fixed;top:0;border-radius:0 0 2vw 2vw;z-index:99;}
main {display:inline-flex;width:100%;}
nav {flex:0;display:none;}
section {flex:4;}
aside {flex:0;display:none;}
footer a {color:#060;font-size:3vw;text-align:center;width:100%;float:left;margin:0.5vw 0vw 1vw 0vw;}

form {float:right;position:relative;}
form button {background:none !important;cursor:pointer;position:absolute;right:2vw;top:1.5vw;font-size:4.5vw;color:#999;outline:none;}
form button:hover {color:#333;}
input {font-family:Oswald,sans-serif;width:16vw;height:5vw;float:right;border-radius:1vw;color:#aaa;background-color:#fff;margin:1vw 1.5vw 0 0;padding:0.5vw 6vw 0.5vw 0.5vw;outline:none;}

input[type="checkbox"] {display:none;}
label {position:relative;float:left;cursor:pointer;}
label:after {content:'\f0c9';font-size:6vw;line-height:7vw;width:8.8vw;margin-top:0.5vw;text-align:center;display:block;color:#fff;font-family: Font Awesome\ 5 Free;font-weight: 900;}
.togglemenu {display:none;width:88%;height:auto;margin:15% 3% 0 3%;padding:3%;border-radius:2vw;position:relative;float:left;z-index:100;}
.togglemenu a {width:48%;float:left;margin:1%;}
.togglemenu label {position: absolute;bottom:1.2%;right:2%;}
.xicon {color:#ff1493;font-size:8vw;line-height:8vw;text-shadow:0.2vw 0.2vw 0.4vw #111;}
.azp a {width:auto;color:#fc0;font-size:15vw;line-height:15vw;}
input[type="checkbox"]:checked ~ label {}
input[type="checkbox"]:checked ~ label:after {content:'\f00d';color:#ff1493;}
input[type="checkbox"]:checked ~ .togglemenu {display: block;}
input[type="checkbox"]:checked ~ .togglemenu label:after {content:'';}

.b1,.b2 {color:#fff;float:left;font-size:5.8vw;line-height:5.8vw;margin:1vw 0.5vw;cursor:pointer;}
.b2 {float:right;}
.cross {color:#f6f;}
#l2 a {font-size:4vw;line-height:6vw;color:#fff;width:33%;margin:0%;padding:0%;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#l2 i {margin:0 1vw 0 0;}

.desktop {display:none;}
.mobile {display:inline;}
.rgba {background:linear-gradient(to bottom,rgba(0,55,0,0.7) 0%,rgba(0,33,0,0.7) 50%,rgba(0,55,0,0.7) 100%);}
.rgbajoin {font-weight:bold;background:linear-gradient(to bottom,rgba(50,180,50,1) 0%,rgba(50,240,50,1) 50%,rgba(50,180,50,1) 100%);}

.fss {font-size:2.8vw;line-height:3.3vw;}
.fsm,.fsi {font-size:3.3vw;line-height:3.8vw;}
.fsl {font-size:6vw;line-height:7.5vw;}
.fsxl {font-size:9.5vw;line-height:10vw;}

.micon {color:#0f0;margin:0.2vw 0.7vw 0 0.7vw;}
.mtext {color:#FFF;text-shadow:0.2vw 0.2vw 0.4vw #012;font-weight:bold;}

.download {padding:1vw 0;text-align:center;color:#fff;width:100%;height:auto;border-radius: 0 0 2vw 2vw;float:left;}
.dtext {color:#fff;}
.dicon {color:#fc0;margin:0 0 0.3vw 1vw;}

.related {width:100%;margin-bottom:0.5vw; 0;float:left;}
.related a {color:#FFF;width:49%;padding-top:68.6%;margin:0.5%;position:relative;float:left;overflow: hidden;border-radius:1vw;}
.cam a {padding-top:36.75%;}
.related img {position:absolute;top:0;left:0;width:100%; float:left;}
.related b {color:#FFF;color:rgba(255,255,255,0.8);position:absolute;top:0;right:0;height:auto;z-index:10;border-radius:1vw;padding:0.6vw;margin:0.6vw;}
.related p {position:absolute;bottom:0;left:0;height:auto;z-index:10;border-radius:1vw;padding:0.6vw;margin:0.6vw;max-width:calc(100% - 2.4vw);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ricon {color:#0f0;margin:0.2vw 0.3vw 0 0;}

.info {float:left;width:98%;padding:0.5% 1%;font-weight:normal;}
.cats {color:#fff;float:left;margin:1vw 1vw 0vw 0vw;}
.tags {border-radius:1vw;color:#fff;padding:1vw;margin:1vw;float:left;}

.tagcloud {border-radius:2vw;padding:1vw 1.5vw 2vw 1.5vw;text-align:justify;float:left;font-weight:normal;}
.tagcloud a {color:#fff;margin:1vw;}
.tagcloud1 {font-size:3vw;line-height:4vw;}
.tagcloud2 {font-size:4vw;line-height:5vw;}
.tagcloud3 {font-size:5vw;line-height:6vw;}
.tagcloud4 {font-size:6vw;line-height:7vw;}
.tagcloud5 {font-size:7vw;line-height:8vw;}
.tagcloud6 {font-size:8vw;line-height:9vw;}

.dicon:hover,.micon:hover,.nicon:hover,.ricon:hover {color:#fc0;}
.nav {text-align:center;color:#fff;}
.nav a {color:#0f0;font-size:8.8vw;line-height:9.8vw;padding:0 0.2vw;}
.nav a:hover {color:#f0f;}
.nav b {font-size:10.8vw;line-height:11.8vw;padding:0 0.2vw;}
.qw {width:7vw;padding:0 1vw;margin-bottom:-1vw;}

.b1:hover, .b2:hover, footer a:hover,.related a:hover,.cats:hover,.tags:hover,.dtext:hover,.mtext:hover,.tagcloud a:hover,.dicon:hover,.micon:hover,.ricon:hover {color:#fc0;}

.related .clip {width:134%;margin-right:-17%;}

#BackToTop {width:9vw;height:auto;z-index:99;position:fixed;bottom:2vw;right:2vw;animation:fadein 2s;cursor:pointer;background:none;display:none;outline:none;border:none;}
#BackToTop img {width:100%;height:auto;}
@keyframes fadein {from {opacity: 0;} to {opacity:1;}}
#BackToTop:hover {bottom:2.5vw;}

.desktoponly {display:none;}
h6 {clear:both;margin:0 0 0 1.5vw;}
h6 b {font-weight:normal;margin:1vw 1vw 0 0;float:left;border-radius:1vw 1vw 0 0;background:linear-gradient(to bottom,rgba(0,50,0,0.7) 0%,rgba(0,90,0,0.7) 50%,rgba(0,0,0,0.7) 100%);}
h6 a {display:block;color:#eee;font-size:3.8vw;line-height:3.8vw;padding:1vw 1vw 1.5vw 1vw;}
h6 a:hover {color:#ff0;}

.azp a:hover, #l2 a:hover, h2 a:hover, h6 a:hover, .tagcloud a:hover, .mid, .download a:hover
{background: -webkit-linear-gradient(225deg, rgb(251, 175, 21), rgb(251, 21, 242), rgb(21, 198, 251)) 0% 0% / 300% 300%;-webkit-background-clip: text;-webkit-text-fill-color: transparent;animation: 2s ease 0s infinite normal none running fontgradient;}
@keyframes fontgradient {0%{background-position:0% 92%}50%{background-position:100% 9%}100%{background-position:0% 92%}}

@media screen and (min-width:1024px) {
	body {padding-top:3vw;}
	header {height:3vw;padding-top:0vw;border-radius:0 0 1vw 1vw;}
	form button {right:0.7vw;top:0.7vw;font-size:1.3vw;}
	input {height:1vw;width:5vw;border-radius:0.5vw;margin:0.5vw 0.5vw 0 0;padding-right:2vw;}
	nav {flex:0;display:inline;}
	aside {flex:0;display:inline;}
	footer a {font-size:1vw;}
	h6 {margin:0.7vw 0 0 1.2vw;}
	h6 b {margin:0 0.3vw 0 0;border-radius:0.4vw 0.4vw 0 0;}
	h6 a {font-size:1.5vw;line-height:1.5vw;padding:0.2vw 0.2vw 0.4vw 0.2vw;}
	
	.togglemenu {margin:8% 4% 0 4%;padding:2%;}
	.togglemenu a {width:24.5%;float:left;margin:0.2%;}
	.long a {width:49.5%;float:left;margin:0.2%;}
	.azp a {width:auto;font-size:6.1vw;line-height:8vw;}
	.b1,.b2 {font-size:2vw;line-height:2vw;margin:0.5vw 0.25vw;}
	#l2 a {font-size:1.8vw;line-height:2.5vw;width:16.5%;margin:0%;padding:0%;display:inline-block;}
	#l2 i {margin-right:0.3vw;}

	.desktop {display:inline;}
	.desktoponly {display:inline;}
	.mobile {display:none;}
	.qw {width:2.5vw;padding:0 0.5vw;margin-bottom:-0.3vw;}
	.fss {font-size:1vw;line-height:1.5vw;}
	.fsm {font-size:1.3vw;line-height:1.6vw;}
	.fsi {font-size:1vw;line-height:1vw;}
	.fsl {font-size:2vw;line-height:2.8vw;}
	.fsxl {font-size:6vw;line-height:6vw;}
	.nav a {font-size:3.8vw;line-height:4vw;padding:0 0.2vw;}
	.nav b {font-size:4.8vw;line-height:5vw;padding:0 0.2vw;}
	.related a {width:15.66%;margin:0.5%;padding-top:21.92%; border-radius:0.5vw;}
	.cam a {padding-top:11.75%;}
	.related b,.related p {border-radius:0.4vw;padding:0 0.3vw 0.2vw 0.3vw;margin:0.2vw;max-width:calc(100% - 1vw);}
	.tagcloud {border-radius:1vw;}
	.tagcloud a {margin:0.5vw;}
	.tagcloud1 {font-size:1.5vw;line-height:2vw;}
	.tagcloud2 {font-size:2vw;line-height:2.5vw;}
	.tagcloud3 {font-size:2.5vw;line-height:3vw;}
	.tagcloud4 {font-size:3vw;line-height:3.5vw;}
	.tagcloud5 {font-size:3.5vw;line-height:4vw;}
	.tagcloud6 {font-size:4vw;line-height:4.5vw;}
	.download {border-radius: 0 0 1vw 1vw;padding:0.5vw 0}
	.cats {margin: 0.2vw 1vw 0 0;}
	.tags {border-radius:0.5vw;padding:0.5vw;margin:0.3vw;}
	#BackToTop {width:4vw;bottom:1vw;right:1vw;}
	#BackToTop:hover {bottom:1.2vw;}
}