@charset "utf-8";
body{margin:0;padding:0;background:#171717;font-family:Dejavu sans;color:#F1F1F1;position:absolute;width:100%;min-height:100%;font-size:15px}
a:link{text-decoration:none;color:#f9f9f9}
a:visited{color:#f9f9f9}
a:hover{color:#ccc}
a:active{color:#f1f1f1}
#webcontent-header b{color:#89c0da;}
#h-des{margin:10px auto 80px auto}
.hli{list-style-type:none;color:#D9D9D9;font-size:15px}
#h-des ul{list-style-type:circle;font-size:15px;padding:0;line-height:24px;margin:20px auto 60px auto}
.logo{color:#F1F1F1;text-align:center;font-size:21px;position:relative}
#logocon{width:25px;height:22px;margin:-1px 10px 14px auto;position:relative;z-index:0;box-shadow:0 0 5px -4px #686868;overflow:hidden;border-radius:2px;border-bottom-right-radius:12px;font-size:15px;font-weight:bold;color:#111;padding-top:5px;background-color:#f5f5f5;float:left;user-select:none}
#logocon a{color:#111}
.loginheading{text-align:center;font-size:18px;font-weight:normal;float:left;position:relative;top:10px}
#main-nav{height:40px;float:right;margin-top:14px}
#main-nav a:link{font-size:15px;padding:10px}
#drkg{width:14px;height:14px;border:2px solid #ddd;padding:0!important;display:block;float:left;margin-left:-50px;border-radius:18px;background-color:#eee}
.ds{width:8px;height:14px;display:block;background-color:#111;border-top-left-radius:14px;border-bottom-left-radius:14px}
#header{margin:0 auto;/*! box-shadow:inset 0px -157px 112px -63px #232323; */background-color:#171717;height:auto;/*! border-bottom: 3px solid #040404; */}
#header-content{min-width:300px;width:100%}
#header{position:relative}
.bg3{height:auto;position:relative;display:block;margin:5px 70px 0 0;border:none;border-radius:4px;width:328px;float: left;border: 1px solid #444;}
.bg3 img{width:100.4%;position:absolute;top:0;bottom:0;left:0;right:0;margin:0 auto;z-index:1;height: 100%;}
.bg3 .imgfront{z-index:10;opacity:1}
.gallery-container{height:202px;/*! background-color:#f3f3f3; */border-radius:2px;/*! border-top-right-radius:8px; *//*! border-top-left-radius:8px; */}
.container-top{height:17px;background-color:#000;border-radius:8px 8px 0 0;border-bottom:0px solid #eee}
.ctleft{margin-left:10px;color:#767676;font-size:14px;position:relative;top:10px}
.ctright{width:228px;position:absolute;right:10px;top:0px;color:#ddd}
.topbox{width:340px;height:24px;margin:0 auto;position:absolute;top:7px;background-color:#161616;left:0;right:0;border-radius:4px;display:none}
.browserbut{width:3px;height:3px;display:block;border:1px solid #E0E0E0;border-radius:8px;float:right;margin:6px 1px;}
.galimg{position:absolute;opacity:0;transition:opacity .7s;height:185px;left:0;right:0;margin:0 auto;overflow:hidden;background-color:#fcfcfc;}
.galimg span{position:absolute;bottom:0;color:#333;z-index:12;padding:20px 12px 32px 12px;font-size:14px;width:656px;background-color:rgba(0,0,0,.03);border-top:1px solid #ededed}
.swapbutton{position:absolute;right:130px;top:103%;cursor:pointer;padding:2px 6px 4px;border-radius:3px;width:17px;font-size:22px;text-align:center;color:#B4B4B4;user-select:none;font-weight:bold}
.bg3:hover .swapbutton{z-index:10}
.swapbutton:hover{color:#aaa}
.swapbutton:active{color:#777}
.swapbuttonleft{left:130px;}

#header-content{width:80%;max-width:1120px;height:120px;text-align:center;margin:0 auto;position:relative;top:35px}
.header-top{margin:0;position:relative}
#info-section{width:980px;margin:100px auto 72px auto;padding:0px 10px 10px 10px;color:#D8D8D8}
#info-section .post div{display:inline-block}
#main-content{width:1100px;margin:20px auto 60px auto;padding-bottom:25px;min-height:340px}
.set-posts{margin:50px auto 0 auto}
.footer-menu{width:60%}
#h-des{margin:0 0 40px 0}

.post{margin:0 auto 10px auto;position:relative}
#res-nav{text-align:center;font-size:17px;clear:both;margin:80px 0 0 0}
.page-content #info-section h2{font-size:26px;font-weight:normal;margin:0 0 70px 0}
#info-section .post h2{font-size:18px;font-weight:normal;margin:0;display:inline}
#info-section .post h2:after{content:'. '}
.post-date{font-size:12px;color:#9bdaf9;display:inline-block}
.post-date::after{content:'';display:none;width:12px;height:12px;background-color:#fafafa;position:relative;border-radius:14px;top:5px;left:28px;border:5px solid #333}
.indexdate{font-size:17px}
.post h2 a:link{font-weight:normal;font-size:16px}
#devnews .post{margin-bottom:45px}
#devnews .post h2{font-size:17px;font-weight:bold;margin-right:25px}
#devnews .post h2:after{content:''}
#devnews a:link{margin-right:12px;font-size:14px}
.content-text{color:#D9D9D9;font-size:14px;display:inline}
.page-content h1{margin-top:0;font-size:18px}

footer{width:100%;color:#A5A5A5;height:98px;bottom:0;border-top:2px solid #222;position: absolute;}
.footer-menu{margin:0 auto;max-width:1260px}
.footer a:link{margin:0 14px 0 0px}
.footer-menu{height:43px}
.foot{margin:22px auto 0 auto;font-size:15px;float:right}
.foot-l{float:left;font-size:18px;top:21px;position:relative;width:144px;margin:0 auto 8px auto;text-align:left}
.foot-l span{font-size:16px;color:#D7D7D7;display:block;font-weight:bold}
.codeblock{background:#0F0F0F;position:relative;padding:15px;margin:8px 0 30px 0;display:block;border:1px solid #242424;border-left:5px solid #242424;color:#777}
.codeblock:hover{color:#ccc;border-color:#333}
#doc-nav a{margin-left:40px}
#doc-nav{float:left;width:250px;position:sticky;top:20px;line-height:24px}
#doc-nav ul li:after{content:'#';opacity:0}
#doc-nav ul li:hover:after{opacity:1}
#doc-nav ul li a{margin:0}
.doc-content{margin:0 0 0 252px;text-align:justify}
.code{font-size:14px;letter-spacing:0.6px;color:#999}
.post h4{font-weight:normal;font-size:18px}
@media(max-width:1200px){
  .bg3{bottom:-420px !important;display:block}
  #h-des{height:448px}
}
@media(max-width:900px){
  .bg3{display:none}
  #h-des{height:200px}
}
@media(max-width:600px){
  #doc-nav{margin-left:-70px;line-height:18.5px;top:-10px}
  .doc-content{width:69%;margin-left:130px}
  .bg3{display:none}
  #h-des{height:160px}
  .footer-menu{width:100%}
  .foot,.foot-l{height:30px}
}
.grflag{width:18px;height:12px;margin-left:8px}
span.email{font-size:18px}
.email:before{content:'e-mail:'}
#monreadmoreHr{display:none}
.themeby{font-size:12px;display:block;margin-top:28px;color:#D6D6D6;text-align:center}
.envemail{float:left;margin:-3px 9px;width:24px;height:24px}
.header-border{width:100%;border-top:1px solid #ebebeb;height:0;display:none}
.post-tags{margin:14px 0 24px 20px;height:19px;display:inline}
.post-tags a{display:inline-block;border:none;padding:2px 7px;border-radius:4px;font-size:13px;margin:0 3px}
.post-tags a:link{color:#fff;background-color:#0C0C0C}
.post-tags a:hover{color:#FFFFFF;background-color:#333}
.post-tags a:visited{color:#333}

#webcontent-header{margin:80px auto;width:1005px}
.clear{clear:both;height:30px}
.page-content{margin-bottom:220px}
.ddocs{list-style:none;margin:40px 0 0 40px}
.txtcon{color:#999;font-family:'DejaVu Sans Mono';font-size:14px;border:1px solid #777;padding:8px}
#download-button:link{padding:6px}
#darr{display:none}
.srcfilesload{width:240px;line-height:20px;font-family:'Mono';font-size:14px}
.srcfilesload span{float:right}