/* Modified from www.jgpy.cn*/
body{font:14px "微软雅黑",Arial;color:#fff;text-shadow:0 0 10px #000,0 0 2px #000;background:#555;animation:beat 5s ease-in-out infinite alternate}
body ::-moz-selection{color:#FFF;background:#F36;text-shadow:none;}
body ::selection{color:#FFF;background-color:#F36;text-shadow:none;}
a{text-decoration:none;color:#fff;transition:transform .2s,opacity, .2s,color .2s;outline:none}
a:focus{color:#f36;box-shadow:none!important;}
a:active{transform:scale(2);opacity:.5}

h1{margin:0 0 10px;text-align:right;position:relative;color:#eee;line-height:1;}
h1 span{position:absolute;width:100%;right:0;top:0;text-shadow:0 0 2px #F36,0 0 1px #f36;color:#fff;overflow:hidden;height:0;animation: myfirst 1s linear infinite alternate;}
h5{margin:2em 0 0;text-align:right;font-size:.9em}
#entry kbd{
	text-shadow:none;
	font-size: 1.4em;
	/*font:1.2em "微软雅黑",Arial;*/
	cursor:pointer
}
/*=gallery*/
#gallery{z-index:-1}
#gallery .tabtitle{display:none}
#gallery .tabprocess{position:absolute;top:50%;left:0}
#gallery .tabcont[style*='display:block']{transition:scale(1.2)}
#gallery h3{position:absolute;left:5%;bottom:85%;filter:glow(color=black,strength=1);}
#gallery h3 strong{font-size:2em;padding-right: .5em;}
button{height:auto;padding:0!important;line-height:1;}
mark{display:inline}

@keyframes myfirst {
	0% {
		text-shadow:0 0 2px #F36,0 0 1px #f36;
	}
	100% {
		text-shadow:0 0 5px #F36,0 0 2px #F36,0 0 1px #f36;
	}
}

@keyframes beat {
	0% {
		background:#555
	}
	100% {
		background:#333
	}
}

@media screen and (max-width: 800px){
	h1{font-size:3em}
}

@media screen and (max-width: 600px){
	h1{font-size:2.5em}
	h3, #gallery h3{font-size:1.5em}
}

@media screen and (max-width: 500px){
	h1{font-size:2em}
	h3,#gallery h3{font-size:1em}
	h5{font-size:.8em}
}