body{color:#000;}
.pure-img-responsive{max-width:100%;height:auto;}
#layout,#menu,.menu-link{-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out;}
#layout{position:relative;left:0;padding-left:0;}
#layout.active #menu{left:256px;width:256px;}
#layout.active .menu-link{left:256px;}
.content{margin:0 auto;padding:0 1em;max-width:1024px;margin-bottom:50px;line-height:1.6em;}
.header{margin:0;color:#333;text-align:center;padding:1em 1em 0;border-bottom:1px solid #c1c1c1;}
.header h1{margin:0.2em 0;font-size:1.6em;font-weight:600;}
.header h2{font-weight:300;color:#999;padding:0;margin-top:0;font-size:1.2em;}
.content-subhead{margin:50px 0 20px 0;font-weight:300;color:#888;}
#menu{margin-left:-256px;width:256px;position:fixed;top:0;left:0;bottom:0;z-index:1000;background:#191818;overflow-y:auto;-webkit-overflow-scrolling:touch;}
#menu a{color:#fff;border:none;padding:0.6em 0 0.6em 0.6em;}
#menu .pure-menu,#menu .pure-menu ul{border:none;background:transparent;}
#menu .pure-menu ul,#menu .pure-menu .menu-item-divided{border-top:1px solid #333;}
#menu .pure-menu li a:hover,#menu .pure-menu li a:focus{background:#333;}
#menu .pure-menu-selected,#menu .pure-menu-heading{background:#1f8dd6;}
#menu .pure-menu-selected a{color:#fff;}
#menu .pure-menu-heading{text-align: center;font-size:110%;color:#fff;margin:0;}
.menu-link{position:fixed;display:block;top:0;left:0;background:#000;background:rgba(0,0,0,0.5);font-size:10px;z-index:10;width:2em;height:auto;padding:2.1em 1.6em;}
.menu-link:hover,.menu-link:focus{background:#000;}
.menu-link span{position:relative;display:block;}
.menu-link span,.menu-link span:before,.menu-link span:after{background-color:#fff;width:100%;height:0.2em;}
.menu-link span:before,.menu-link span:after{position:absolute;margin-top:-0.6em;content:" ";}
.menu-link span:after{margin-top:0.6em;}
.pp,.sym,.dym,.zt,.bym1,.bym2,.fym{margin:0;padding:0;}
.pp li,.sym li,.dym li,.zt li,.bym1 li,.bym2 li,.fym li{width:23.5%;border:0;list-style:none;display:inline-block;margin:0 0 0.5em 0;padding:0;text-align:-webkit-match-parent;}
.dym li,.zt li,.bym2 li{width:32%}
button{display:block;width:100%;height:1.8em;font-size:2.5em;padding:0;color:white;border-radius:4px;border:0;text-shadow:0 1px 1px rgba(0, 0, 0, 0.2);background:rgb(28, 184, 65);text-align:center;}
.pp li button,.fym li button{background:rgb(28,184,65);}
.sym li button{background:#1f8dd6;}
.dym li button,.bym1 li button{background:rgb(243,123,29);}
.zt li button{background:rgb(128,88,165);}
.bym2 li button{background:#df2d4f;}
audio{display:none;}
.topad{margin:0 auto;max-width:1024px;}
.content p.sub{text-align:center;font-size:1.2em;}
.intro{text-align:left;font-size:1em;color:#666;font-weight:300;}
.content p{text-indent:2em;line-height:1.8em;}
.content a{color:#f60;text-decoration:none;border-bottom:1px dashed #f60;}
.content a:hover{color:#080;border-bottom:1px solid #080;}
.pure-menu-heading{text-transform:capitalize;}
.nid{text-indent:0 !important;text-align:center;}

.link{color:#999!important;text-align:left!important;padding:28px 18px 0px 18px;margin:0 auto;}
.link a{color:#999!important;margin-right:5px;text-decoration: none;}
.link a:hover{color:#0000ff!important;text-decoration:underline}
.copyright{text-align: center;color: #999;margin-top: 18px;margin-bottom: 18px;text-decoration: none;}
.copyright a {color: #999;font-size:1em;text-decoration:none;}
.copyright a:hover{color: #0000ff;font-size:1em;font-weight:600;text-decoration:underline;}
.shengming{padding-left:18px;padding-right:18px;color:#999!important;text-align:left!important;margin:0 auto;font-size:14px;}
.shengming a{color:blue!important;margin:0px 5px;text-decoration: none;}
.shengming a:hover{color:#0000ff!important;text-decoration:underline}

.box-wrap{border: 1px solid #09f; border-radius: 4px; margin-top: 2em; padding: 0em 0.2em;}
.box-tle{position: relative; height: 1em;}.box-tle h3{background: #fff; position: absolute; top: -0.8em; margin: 0 0.4em; padding: 0.1em 0.6em; color: #08f;}

@media (min-width:48em){
.header,.content{padding-left:2em;padding-right:2em;}
#layout{padding-left:256px;left:0;}
#menu{left:256px;}
.menu-link{position:fixed;left:256px;display:none;}
#layout.active .menu-link{left:256px;}
}

@media (max-width:48em){#layout.active{position:relative;left:256px;}
.content p{text-indent:1em;}
}