*{margin:0px;padding:0px;}
body {
	background-color: #FFF;
	color: #000;
	font-family:  Verdana,"FZLanTingHeiS-R-GB","TIBch", "Classic Grotesque W01", "Hiragino Sans GB",
	"STHeiti", "Microsoft YaHei", "WenQuanYi Micro Hei", SimSun, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 16px;
	margin:0;
	padding:0;
}
a, button.submit {
    color:#6E7173;
    text-decoration:none;
    -webkit-transition:all .1s ease-in;
    -moz-transition:all .1s ease-in;
    -o-transition:all .1s ease-in;
    transition:all .1s ease-in;
}
a:hover, a:active {
    color:#6E7173;
}
/*
::selection {
    color: #fff;
    background: #C6000E;
}
::-moz-selection {
    color: #fff;
    background: #C6000E;
}
*/
mark {
    padding: 3px 3px 3px 5px;
    background: #fffdd1;
}
pre, code {
    background:#f8f8f8;
    font-family:Menlo, Monaco, Consolas, "Lucida Console", "Courier New", monospace;
    font-size:.92857em;
    display: block;
}
pre {
    margin: 2em 0;
    overflow:auto;
    background: none;
    border: 1px solid #ddd;
}
blockquote,.stressed {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 2em 0;
    padding: 0 0 0 50px;
    font-style: italic;
    color: #555;
}
blockquote:before,.stressed-quote:before {
	content: "\201C";
	display: block;
	font-family: times;
    font-style: normal;
	font-size: 48px;
	color: #444;
	font-weight: bold;
	line-height: 30px;
    margin-left: -50px;
    position: absolute;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], textarea {
    padding:6px;
    border:1px solid #ddd;
    width:100%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    outline:none;
}
textarea {
    resize:vertical;
}
.clear {
    clear:both;
}
.clearfix, .col-group {
    zoom:1;
}
.clearfix:before, .col-group:before, .clearfix:after, .col-group:after {
    content:" ";
    display:table;
}
.clearfix:after, .col-group:after {
    clear:both;
}
.container-box{
	padding: 0 60px;
}
.cover-view{
    overflow: hidden;
}
.cover-img{
    max-width: 900px;
    height: 520px;
    margin: 0 auto;
    position: relative;
}
.cover-img img{
    width: 100%;
}
#kb,#rh,#lh{
    position: absolute;
}
#kb{
    top: 160px;
    width: 100%;
}
#rh{
    left: 0px;
    width:35%;
}
#lh{
    right: -11%;
    width: 41%;
}
header{
    padding: 20px 0;
    position: fixed;
    top: 0;
    z-index: 99;
    width: 100%;
    background-color: rgba(255,255,255,.8);
}
header h3{
    font-weight: normal;
    font-family: 'courier new';
    font-size: 20px;
    margin: 0;
}
section{
    background-color: #fff;
}
body{
    background-color: #fff;
}
#cover{
}
.text-box{
	padding:5em 0 6em;
    text-align: center;
    text-transform: uppercase;
}
.text-box .subtitle {
    font-size: 18px;
    letter-spacing: 15px;
    text-indent: 15px;
    font-family: 'courier new';
}
.button{
    padding: 4em 0 .5em;
}
.button a{
    display: inline-block;
    background-color: #444;
    color: #fff;
    font-size: 18px;
    letter-spacing: 10px;
    padding: 10px 20px 10px 30px;
    font-family: 'courier new';
    white-space: nowrap;
    border-radius: 50px;
    text-align: center;
}
.button a:hover{
    background-color: #666;
}
.text-box .title h1{
	font-size: 48px;
	line-height: 1;
	margin: 15px 0 15px;
	font-weight: normal;
	font-family: 'courier new';
    letter-spacing: 18px;
    text-indent: 18px;
    display: block;
}
.text-box .title h1 span{
    font-size: .8em;
    line-height: 1;
}
#board{
    position: relative;
}
#board .content{
    padding: 35px 0 30px;
    text-align: center;
}
footer{
    padding: 1em 0;
    font-family: 'courier new';
    text-align: center;
}
@media screen and (max-width:640px) {
	header h3{ text-align:center;}
   .cover-img{ height:400px;}
   .text-box {padding: 0 0 6em;}
   .container-box {padding:0;}
   .text-box .subtitle {letter-spacing: normal;text-indent: inherit;}
   .button a{ margin-bottom:20px;}

}