﻿
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}
#entry{position:absolute;right:10%;bottom:10%;filter:glow(color=black,strength=3);z-index:999;text-align:right}
h1{font-size:6em;font-weight:bold;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:13px "微软雅黑",Arial;cursor:pointer}
/*=full*/
#full{z-index:-1}
#full .tabtitle{display:none}
#full .tabprocess{position:absolute;top:50%;left:0}
#full .tabcont[style*='display:block']{transition:scale(1.2)}
#full h3{position:absolute;left:5%;bottom:50%;filter:glow(color=black,strength=1);}
#full h3 strong{font-size:2em}
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:5em}
}

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

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