@charset "utf-8";
body{margin:0;padding:0;background:#fafafa;font-family:Dejavu sans;color:#454545;position:absolute;width:100%;min-height:100%}
a:link{color:#3d8eb5;text-decoration:none}
a:visited{color:#777}
a:hover{color:#444}
a:active{color:#777}
#h-des ul{list-style-type:circle;font-size:14px;padding: 0;margin-top: 6px;line-height:21px;margin-bottom: 10px;}
.hli{font-size:26px;list-style-type:none;display: block;margin:10px auto;color:#222}
.logoimg{position:absolute;margin:0 auto;width:60px;right:0;left:0;top:-68px;box-shadow:0 0 4px 0 #c6c6c6;border-radius:5px}
.logo{color:#444;text-align:center;font-size:26px;position: relative}
.logo a:link{color:#111}
.logo-s{font-size:24px}
#h-des{margin:10px auto 80px auto;/*! height:200px */}
#lg{font-weight:bold;position:relative;left:initial;text-align:center;margin:0 auto;z-index:80;overflow:initial}
#lg h1{font-size:25px;margin-top:0}
.loginheading{text-align:center;font-size:18px;font-weight:normal;float:left;position: relative;top:10px;}
.loginM{padding:0px 5px 0 4px;color:#313131;font-size:20px;display:inline-block;height:auto}
.logincms{margin-left:-32px;font-size:14px;position:relative;bottom:-8px;left:-9px}
#main-nav a:link{color:#efefef;margin:0}
#main-nav a:visited{color:#efefef}
#main-nav a:hover{color:#888}
#main-nav a:active{color:#666}
#main-nav ul ul a:link{color:#444;text-transform:none}
#main-nav ul ul li{width:170px;left:-20px}
#main-nav{height:40px;transition:all .2s;z-index:99;text-align: center;padding: 20px 0;float:right}
#main-nav ul ul li{width:180px}
#main-nav ul li{margin:0 6px}
#main-nav ul li:hover{padding:0}
#main-nav ul li:hover > ul{display:block;text-align:left;position:absolute;left:-20px;top:100%;height:auto;padding:20px 20px 0 20px;width:100%}
#main-nav a:link{color:#4a4a4a;margin:1px}
#main-nav a:visited{color:#474747}
#main-nav a:hover{color:#888}
#main-nav a:active{color:#666}
#header-content{min-width:300px;width:100%}
#header{position: relative}
.bg3{height:385px;position:relative;display:block;margin:0 auto -110px auto;border:13px solid #000;/*! box-shadow:0 0 0 0 #000; */border-radius: 10px;width: 680px;opacity: 0.9;border-top:17px solid #000;background-color:#fcfcfc}
.bg3 img{max-width:100%;position:absolute;top:0;bottom:0;left:0;right:0;margin:0 auto;z-index:1;opacity:0;transition: opacity .5s}
.bg3 .imgfront{z-index:10;opacity:1}
.swapbutton{position:absolute;right:-54px;top:170px;cursor:pointer;padding:6px;background-color: #111;border-radius:4px;width:17px;font-size:14px;text-align:center;color:#fff;user-select:none;font-weight:bold}
.swapbutton:hover{background-color:#2c5dd0;color:#fff}
.swapbutton:active{background-color:#111;color:#eee}
.swapbuttonleft{left:-54px}
#main-content{width:700px;margin:10px auto 60px auto}
.page-content{min-height:440px;margin:0 auto 220px auto;background-color: #fafafa}
.page-content .mainpage{font-size:14px}

.srcfilesload{font-size:15px;line-height:24px}
.srcfilesload h4{font-weight:normal;margin-top:62px}
.srcfilesload{margin-bottom:50px}
.date-srcfiles{line-height:33px}
.latest{text-align:center}
.readmore{font-size:20px;padding:6px 12px 12px}
.footer-menu{width:600px}
#lg{color:#000;transition:all .2s;top:40px}
.post h2{margin-top: 10px;margin-bottom:10px;}
footer h2{font-size:20px;margin:10px auto}
footer .des-3{margin:20px auto}
#h-des{margin:12px auto 60px auto;/*! height:340px; */}
#main-nav ul li{margin:6px 12px}
#main-nav ul ul li{width:185px}
#main-nav a:link{font-size:15px;color:#111}
#main-nav a:visited{color:#111}
#main-nav a:hover{color:#1b77ba}
#main-nav a:active{color:#666}
#header{margin: 0 auto;overflow:hidden;background-color:#F9F9F9;box-shadow: inset 0 0px 1px 0px #aaa;}
#header-content{width:80%;max-width:1280px;height:120px;text-align:center}
.header-top{margin:0;position:relative}

#description h1{font-size:58px;margin:64px 0 35px 0}
#h-des .mon-adj{height:320px}
.left-s{float:left;width:210px}
.right-s{float:right;width:210px}
.set-posts{width:91%;margin:70px auto 0 auto;}
#info-section{width:80%;max-width:960px}
.latest{text-align:center;font-size:38px;margin:40px 0}
#main-content{width:1100px;margin:20px auto 60px auto;padding-bottom:25px;min-height:340px}
.post{margin:0 auto 55px auto;}
.footer-menu{width:100%}
#header-content{margin:0 auto;position:relative;top:25px}
#h-des{color:#656565;max-width:100%;text-align: center;line-height:normal;}
#logocon{display:inline-block;width:40px;height:33px;margin:20px auto 14px auto;position:relative;z-index:9;box-shadow:0 0 10px -7px #333;overflow:hidden;border-radius:2px;border-bottom-right-radius:12px;font-size:24px;font-weight:bold;color:#111;padding-top:5px;background-color:#fdfdfd}
#logocon a{color:#111}
#description{width:40px;height:40px}

.post{position:relative;transition:all .3s;width:100%}
#res-nav{text-align:center;clear:both;}
.navbutton{margin:0 20px}
#info-section{margin:0 auto;padding:40px 10px 10px 10px;color:#060606}
#info-section h2{font-size:17px;font-weight:normal;}
.post-date{font-size:14px;color:#474747;}
.indexdate{font-size:17px}
.post h2 a:link{color:#111;font-weight:normal;font-size:16px !important}
.post h2 a:visited{color:#111}
.post h2 a:hover{color:#2465ca;text-decoration:underline}
.more-info{background:rgba(197, 173, 0, 0.3);height:480px}
.content-text{color:#474747;font-size:14px}
.page-content h1{margin-top:0;font-size:18px}
#main-nav a:link{transition:color .2s;text-align:left;line-height:20px}
#main-nav a:visited{}
#main-nav a:hover{transition:color .1s}
#main-nav a:active{transition:none}
.clear{height:10px;clear:both}
.footer{width:100%;background:#F8F8F8;color:#686868;height:138px;position:absolute;bottom:0;border-top: 1px solid #EFEFEF;}
.footer-menu{margin:12px auto;text-align:center;max-width:1260px}
.footer a:link{color:#6F6F6F;margin:0 14px 0 0px}
.footer a:visited{color:#6f6f6f;margin:0 5px}
.footer a:hover{color:#000}
.footer a:before{}
.footer-menu{height:43px;}
.foot{margin: 22px auto 0 auto;font-size: 15px;text-align: right;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:#4B4B4B;display: block;font-weight: bold;}
.next{position:relative;right:-70px;transition:all .2s;font-size:32px}
#main-nav ul{list-style:none;position:relative;padding:0;margin:0 auto}
#main-nav li{list-style:none;padding:0}
#main-nav ul li{position:relative;display: inline-block}
.latest{font-weight:bold}
.codeblock{background:#eee;padding:15px;margin:20px 0;display:block;border:1px solid #E8E8E8;border-left:5px solid #e8e8e8}
code{overflow-x:auto;max-width:100%;background:#0F0F0F;color:#7C7C7C;padding:10px 0 10px 15px;margin-top:-47px;display:block}
code span{color:#ccc!important}
#doc-nav{float:left;width:250px;position:sticky;top:20px}
.doc-content{margin:0 0 0 260px;text-align:justify}
.code{font-size: 14px;letter-spacing: 0.6px;color:#000}
.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}
}
#download-button:link{color:#0051a2;text-decoration:none}
#download-button:hover{color:#222;text-decoration:underline}
#download-button:active{color:#000}
.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:50px;color: #333;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}