div,img,input,textarea,iframe{box-sizing: border-box}
body{font-family: "Google Sans",sans-serif;margin: 0 auto;font-size: 0.875rem;font-weight: 400;line-height: 1.54;;margin:0 auto;color:#3c4043}
a{text-decoration:none;transition: .2s ease}
a:hover{text-decoration:underline}
a:visited{color:#11c}
a>img:hover{border:2px solid #333;border-radius:8px 3px}
a img{border-bottom:0}
p{line-height:1.5em;margin:0.5em 0}
#pnlMain{position:relative;overflow:hidden;overflow-wrap: anywhere}
#pnlfilter{margin:0;text-align:left;display:inline-block}
#pnlfilter2{display: none;position: fixed;background-color: #e6eff2;border:1px solid #333;margin-left: 10px;box-shadow: 10px 10px 20px #333}
#pnltitle{border-bottom:1px solid #5b097a}
.pnlfooter{clear:both;text-align:center}
.pnlmain2{margin:30px}
.pnl1{margin:5px}
.pnl7{margin:0 !important}
.pnl8{vertical-align:top;margin:0px 15px 15px 0;width:45%;display:inline-block}
.pnl8 h3{background: rgb(230,227,225);background: linear-gradient(90deg, rgba(230,227,225,1)0%, rgba(255,255,255,1)100%);padding: 8px}
.pnl8 h4{color:#9267005;display:inline}
#pnlLeft{float:left;margin-right:10px;border: 1px solid #aaa;background-color:#eee;text-align:center;min-height: 200px;width: 150px;margin-bottom: 15px}
#pnltop{margin:10px;padding:0;vertical-align:top}
#pnltopx1{display:block}
.pnl3top{width:100%;margin:0;z-index:11000;vertical-align:top;text-align:center}
.pnl3top1{text-align:left;margin:0}
.pnl3top2{text-align:center;width:80%;margin:0 auto}
.border-bottom{border-bottom: 1px solid #666}
.header{text-align: unset}
.topnav a:hover{background-color: #ddd;color: black}
#pnlxa1{display:flow-root;margin:10px auto;overflow: hidden;max-width:1300px}
#pnlxa1:after{content: "";display: block;clear: both}
#pnlxa2{width: 100%;margin-right:-390px;float:left}
#pnlxa3{margin:10px 0 0 10px;}
.leftcolumn{margin:0 390px 0 10px}
.leftcolumn3{width:150px}
#rightcolumn{width: 375px;float: right;margin-right:1px;border-left:1px solid #888;background: linear-gradient(90deg, rgba(245,245,245,1)0%, rgba(255,255,255,1)41%)}
#pnlxa4{padding:10px 0;position:relative}
#pnlxa4:after{content: "";display: block;clear: both}
#pnlbottom{text-align:left;column-count:4;max-width: 1300px;margin:0px auto}
#pnlbottom5{background: linear-gradient(90deg, rgba(245,245,245,1)0%, rgba(250,250,250 ,1)41%)}
#menubottom{width:100%;background-color:#ccc;text-align:left;padding:10px 0;display:none}
#pnlmenu3{clear:both;margin:8px 0}
.fakeimg{background-color: #aaa;width: 100%;padding: 20px}
.card1{min-height:600px}
.card>div{margin:0 10px;overflow:hidden}
.card2{background-color: unset;box-shadow:unset}
.card2>div{margin:0}
footer{text-align: center;margin: 10px auto;overflow:hidden;display:flow-root}
footer>div{margin:15px auto;text-align:center}
h1{font-size:1.6em;color:#b35900;margin:5px 0 10px 0;line-height:1.3em}
h2{font-size:1.2em;font-weight:bolder}
h2,h3,h5,h6{color:#733a03;margin:0px 0 5px 0}
h4{font-size:1.1em;color:#222}
h5{font-size:1em}
h1>a{color: #b35900}
h1>a:visited{color: #b35900}
h1,h2,h3,h4,h5,h6{user-select: auto}
ul{line-height: 1.6em;list-style-type: none;padding-left: 1em}
.sys-inblock{position:relative;display:-moz-inline-box;display:inline-block}
.bsoc{background:rgba(0,0, 0, 0)url('https://cdn.sysoon.org/img/sys-nav-v16.png')no-repeat;background-image: -webkit-image-set(url('https://cdn.sysoon.org/img/sys-nav-v16.webp')1x);position:relative;display:inline-block}
.bserv:hover{background-color:white}
label{display:block;margin:10px 0}
.author{color:#12c;font-weight:bolder}
.author:before{content: "@";color:#888}
input[type="text"],input[type="password"]{outline:none;border:1px solid #aaa;padding:12px;width:100%}
input[type="text"]:focus,input[type="password"]:focus{box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)}
input[type="text"]:hover,input[type="password"]:hover{border:1px solid #4d90fe}
.search2{list-style-type:unset;padding: 5px;clear:both}
.search2 li{vertical-align:top;margin:0 0 20px 0;padding:10px 0;text-align:left;overflow:hidden}
.search2 li:hover{background-color:#ffda99}
.search2 h3{margin:0;color:unset;font-size:18px;font-weight:normal}
.searchimgx{display: flex;flex-wrap: wrap;justify-content: space-evenly}
.searchimgx>div{height:200px;min-width:100px}
.searchimg{width:100px;max-height:100px;min-height:70px;vertical-align:top;margin-right:15px;overflow:hidden}
.searchimg2{text-align: center;vertical-align: top;display: inline-block;overflow: hidden;margin: 0px 1em 1em 0px;background-color: rgb(255, 218, 153);border-image: initial;border-radius: 15px 5px;max-width:200px;max-height:200px;position:relative;border-width: 1px;border-style: solid;border-color: red;height:200px;min-width:100px}
.searchimg2 div{margin: 1em auto;z-index: 1000;position: absolute;bottom: 10px;text-align: center;width: 100%;background-color: #333;opacity: 60%;padding: 10px;color: #ddd;position:absolute;bottom:5px;width:100%}
.searchimg2 img{max-height:200px}
.searchimg5{width:100px;max-width:100px;max-height:100px;vertical-align:top;margin-right:10px;overflow:hidden;float:left;border-radius: 10px 15px;border: 1px solid #222}
.syswhite{width:125px;height:29px;cursor:pointer;margin:0 8px;background-position: 0 -55px;vertical-align:top}
.pnav{width:100%;vertical-align:middle;text-align:left;margin:20px 0;display:block;top:0;padding:0}
.pnav li{margin:1em 0;display: inline-block}
.pnav a{padding:5px 10px;margin-right:15px;color:#2200CC;border:1px solid #bbb;text-decoration:none;background-color:#eee}
.pnav a:hover{color:red}
.nav{margin: 0px 0 0px 15px;padding: 0;list-style-type: none;color: #888;z-index:1000;line-height:10px;text-align:left}
.nav li{margin: 0;display: inline-block}
.nav a{font-weight: bold;text-align: center;text-decoration: none;padding:10px;color: #f2f2f2;display:block}
.nav a:hover{transition:0.6s;background-color:#357AE8;color:white;background-image:linear-gradient(to bottom right,#4D90FE 0%,#295FB5 100%)}
.nav3,.nav8{margin: 0;padding: 0;list-style-type: none;z-index:10000}
.nav3 li{display: inline-block;margin:0 4px 4px 0;border-right:1px solid #ccc;padding:0 10px 0 0}
.nav3 a,.nav8 a{display: inline-block;padding: 5px 10px}
.nav3 a:hover{transition:0.5s;background-color:#357AE8;color:white;background-image:linear-gradient(to bottom right,#4D90FE 0%,#295FB5 100%)}
.nav4{margin: 0;padding: 0;list-style-type: none;z-index:10000}
.nav5{display:block;margin: 0;padding: 0;list-style-type: none;z-index: 10000}
.nav5 li,.nav4 li{display:block}
.nav5 a{display: block;padding: 8px 10px;font-weight: 600}
.nav5 a:hover{transition: 0.5s;background-color: #357AE8;color: white;background-image: linear-gradient(to bottom right,#4D90FE 0%,#295FB5 100%)}
.nav7{margin: 0;padding: 0;list-style-type: none;z-index:10000}
.nav7 li{background-color:#eee;display:inline-block;border-radius:10px 10px 0 0;vertical-align: bottom}
.nav7 a{border-radius:10px 10px 0 0;border:1px solid black;padding: 5px 10px;border-bottom: 0;display:block}
.nav7act{background-color:#fff3c8;font-weight: bold}
.nav8 li{display:block}
#pcomments,#pgoogle,#pshare,#pfb{display:none}
.featured{padding: 0;list-style-type: none;z-index: 1000;display:block;line-height:1.8em}
.featured li{display:block;border-bottom:1px solid #aaa}
.featured a{padding:10px 0;display:block}
.featured a:hover{background-color:#ffda99}
.btnshare{margin:0 5px 0 0;cursor:pointer;background-position:-204px -210px;width:27px;height:27px;vertical-align:top;display:none}
#btnpref{text-align:center;cursor:pointer;background-position:-18px -210px;width:28px;height:23px;min-width:20px;vertical-align:top;content:""}
#btnFoll{display:block;max-width:200px;margin: 5px auto;width:85%}
.bmenu{margin:2px 0 0 10px;cursor:pointer;background-position:-203px -185px;width:27px;height:28px;vertical-align:top;display:none;background-color:unset;border:0}
.blang{padding:3px 6px;min-width:15px;vertical-align:top;margin:2px 7px 0 0;border:1px solid #222}
.bgplus{background-position: 1px -284px;width:31px;height:31px}
.bytube{background-position: -232px -755px;width:31px;height:31px}
.binsta{background-position: -232px -385px;width:31px;height:31px}
.bfb{background-position: -34px -284px;width:31px;height:31px}
.btwitter{background-position: -103px -284px;width:31px;height:31px}
.blinked{background-position: -68px -284px;width:31px;height:31px}
.bgoogle{background-position: -137px -285px;width:30px;height:31px}
.bplus{width:30px;text-align:center;cursor:pointer;display:inline-block}
.bplus span{background-position: -152px -69px;width:15px;height:15px}
.blogin{background-position: -2px -398px;width: 31px;height: 33px;cursor:pointer;margin-right:10px}
.blogout{background-position: -38px -398px;width: 31px;height: 33px;;cursor:pointer;margin:0 4px 0 0}
.baccount{background-position: -70px -398px;width: 30px;height: 33px;;cursor:pointer;margin-right:10px}
.bbasket{background-position: -99px -398px;width: 30px;height: 33px;;cursor:pointer}
.bvk{background-position: -228px -1242px;width:35px;height:31px}
button{font-size:1em;padding: 5px;background-color:#1a73e8;border:unset;color:white;cursor:pointer}
//border:1px solid #4D90FEbutton:hover{transition-duration:0.5s;color:#222;background-color:#d5993a}
.blogin2{max-width:250px;margin-bottom:10px}
.pnlsearch1{padding:0;background-color:#fff;margin:0;border:1px solid #aaa;max-width:700px;display:inline-block;min-width: 400px;overflow: hidden;text-align:left;position:relative;border-radius:6px 15px}
.txtsearch{font-family: Arial,'Sans-serif';margin:5px 0;border:0;height:auto;-webkit-appearance: searchfield;width:100%;padding:10px 75px 10px 10px}
.txtsearch:focus{outline:none;border:none}
.bs2{background-image: linear-gradient(to top,rgb(78,145,253),rgb(70,135,238));width:55px;cursor: pointer;height:50px;position:absolute;top:0;right:0}
.bs2 span{background-position:-136px -165px;width:20px;height:20px}
.bfilter{min-width:50px}
.barchives{font-size:105%}
.bsoc3{text-align:center;display:inline-block;padding:10px}
.bsoc3 div{display:block;text-align: center;margin: 5px auto}
.bsoc3 span{display:none}
.bclose{float: right;cursor: pointer;background-position: -133px -84px;width: 20px;height: 20px}
#btop{display: none;padding: 5px;opacity:0.6;background-position: -145px -332px;width:38px !important}
#divad{border: 1px solid #fcfcfc;box-shadow: 5px 5px 20px #666;display:block;width:300px;;position: fixed;max-height:280px;bottom: 35px;right: 35px;z-index: 80;border: none;outline: none;color: white;cursor: pointer;padding: 0px;border-radius:0px;opacity: 0.9}
.pimages{text-align:left;margin:1em 0}
#plogo{white-space: nowrap;text-align:left;float:left}
#plogomain{text-align:left;max-width:1280px;margin:8px auto;display:block}
#pnltopx{position:relative;width:100%;;box-shadow:0 7px 15px #555;z-index:10000;border-bottom:1px solid #49244a;background: #0A0A0B;background: -webkit-linear-gradient(top left, #0A0A0B, #4B0A33);background: -moz-linear-gradient(top left, #0A0A0B, #4B0A33);background: linear-gradient(to bottom right, #0A0A0B, #4B0A33);border:1px solid #333;display:inline-block}
#pnluser{margin:5px 10px 0 5px;text-align:left;display:inline-block;vertical-align:top;max-width: 170px;text-align: right}
#pnluser1{float:right;vertical-align:top}
.titleback{color:#11c}
.mar15{margin:10px 15px}
.tags1{color:#555}
.tags a{margin:8px 8px 10px 0;padding:0px;white-space:nowrap;display:inline-block;font-weight:bolder}
.dtype-base{margin:0px 10px;vertical-align:middle;height:31px}
.dtype-base span{display:none}
.dtype-dec{background-position: -35px -333px;width:20px}
.dtype-dir{background-position: -31px -366px;width:16px}
.dtype-mem{background-position: -167px -284px;width:40px}
.dtype-product{background-position: -196px -256px;width:40px}
.dtype-news{background-position: -75px -372px;width:18px}
.dtype-name{background-position: -47px -366px;width:27px}
.dtype-forum{background-position: -93px -372px;width:30px}
.dtype-image{background-position: -123px -372px;width:37px}
.dtype-enc{background-position: -204px -372px;width:25px}
.dtype-funeral{background-position: -158px -372px;width:45px}
.logo-archives{background-position: -2px -316px;width:70px;height:15px}
.logo-gbank{background-position: -73px -318px;width:80px;height:14px}
.logo-dna{background-position: -152px -316px;width:45px;height:18px}
.logo-google{background-position: -138px -286px;width:26px;height:18px}
.logo-amazon{background-position: -195px -316px;width:30px;height:17px}
.star{background-position: -100px -198px;height:13px;margin:5px 0px 0px 0px}
.ifx{width:35px;height:35px;margin:0 20px 0 0;cursor:pointer;display:inline-block}
.ifb{background-position:-230px -861px}
.ired{background-position:-230px -969px}
.itw{background-position:-230px -348px}
.igplus{background-position:-230px -276px}
.iblg{background-position:-230px -1349px}
.ivk{background-position:-230px -1241px}
.ilinked{background-position:-230px -621px}
.idigg{background-position:-230px -753px}
.iptr{background-position:-230px -825px}
.itumblr{background-position:-230px -1421px}
.plusko::before{background: none;color: #4285f4;content: '+';font-size: 24px;line-height: 24px;text-align: center;top: 12px}
.img3a{text-align:center;vertical-align:top;overflow: hidden;width: 70%;margin: 0px auto}
.img3{border:1px solid #aaa;text-decoration:none;min-width:200px;min-height:200px;width:100%}
.qrc{width:250px;height:250px}
.prof-main{display:flow-root;line-height: 1.3em;overflow-wrap: anywhere}
.prof-title{width:100%}
.prof-title>h1{margin:0;line-height:1.5em}
.prof-title>h2{color: #222;padding: 7px 0 0 0;font-size: 1em}
.img200base{width:100%;text-align:center;position:relative;overflow: hidden}
.timg{width:1px;height:1px;display:none;border:0}
.thidefull{display:none;visibility:hidden;width:0;height:0}
.dnone{display:none}
dl{margin:15px 0}
dt{color:#000;float:left;font-weight:bold;margin-right:8px;clear:left}
dt::after{content:""}
dd{margin:10px;text-align:left}
.note1{font-style:italic;color:#666}
#sharelink{padding:15px;border:2px solid #12c;margin:10px auto;min-width:100px;display:block;clear:both}
.bto{background-color:#d14836;border:1px solid #B0281A;color:white;background-image:-ms-linear-gradient(bottom right,#DC4B39 0%,#D24735 100%);background-image:-moz-linear-gradient(bottom right,#DC4B39 0%,#D24735 100%);background-image:-o-linear-gradient(bottom right,#DC4B39 0%,#D24735 100%);background-image:-webkit-gradient(linear,right bottom,left top,color-stop(0,#DC4B39),color-stop(1,#D24735));background-image:-webkit-linear-gradient(bottom right,#DC4B39 0%,#D24735 100%);background-image:linear-gradient(to top left,#DC4B39 0%,#D24735 100%)}
.bto2{background-color:#8c5900;border:1px solid #120e06;color:white;border-radius:6px}
.btg{background-color:#fddbb7;border:1px solid #916d47;color:white}
.btx{font-weight:normal;border-radius:2px;cursor:pointer;padding:5px 15px;text-align:center;vertical-align:middle;display:inline-block;min-width:50px;text-shadow:rgba(0,0,0,0.1)0 1px 0px;transition:box-shadow 200ms cubic-bezier(0.4,0,0.2,1);margin:3px 10px}
.btx1{width:100%;margin:3px 0}
.btb{background-color:#4d90fe;border:1px solid #4D90FE;color:white;background-image:-webkit-linear-gradient(top,rgb(78,145,253),rgb(70,135,238))}
.btgy{background-color:#f0f0f0;border:1px solid #888;color:#444;background-image:-ms-linear-gradient(bottom right,#858585 0%,#757575 100%);background-image:-moz-linear-gradient(bottom right,#858585 0%,#757575 100%);background-image:-o-linear-gradient(bottom right,#858585 0%,#757575 100%);background-image:-webkit-gradient(linear,right bottom,left top,color-stop(0,#858585),color-stop(1,#757575));background-image:-webkit-linear-gradient(bottom right,#858585 0%,#757575 100%);background-image:linear-gradient(to top left,#858585 0%,#757575 100%)}
.btge{background-color:#3D9401;border:1px solid #29691E;color:white;background-image:-webkit-linear-gradient(top,rgb(62,149,0),rgb(56,138,1))}
.tracking{border:unset !important;margin:0 !important;float:left}
.info-id{color: #802b00;font-style:italic;white-space: nowrap}
.info-id::before{content: '#';color: #abc;font-size: 1.2em;margin:0 2px}
.mobilehide1{display:unset}
.mobileshow1{display:none}
progress{height: 40px}
.tx1{white-space: nowrap;display:inline-block}
#diaglang{max-width:50%;text-align:center;overflow:hidden;top:80px;background-color:#eee;z-index: 10000;position: fixed;display:none;border:2px solid blue;box-shadow: 10px 10px 5px #222;padding:13px 59px;left:17%}
.link{color: #12c;text-decoration: underline;font-weight:normal;cursor:pointer}
.link1{color:#245dc1;cursor:pointer}
.bold{font-weight:bold}
.bolder{font-weight:bolder}
.selectall{-webkit-user-select: all;-moz-user-select: all;-ms-user-select: all;user-select: all}
.fb_iframe_widget_fluid_desktop, .fb_iframe_widget_fluid_desktop span, .fb_iframe_widget_fluid_desktop iframe{max-width: 100% !important;width: 100% !important}
#img3{text-align:center}
.pnact{background-color:#ffdfac !important}
#map{width:100%;border:0;min-height:500px}
nav{display:unset}
.tred{color:#000!important;background-color: #ffdddd!important}
.tgreen{color:#42b72a}
.tgray{color:#4b4f56}
.comm{width:100%;margin:0}
.comm>div{border:1px solid #666;margin:0 0 0.5em 0;padding:1em}
.comm time{float:right}
#ad1{z-index:110;display:block;margin:10px;overflow:hidden;height:280px}
#menu3{z-index: 99;position: fixed;bottom: 20px;right: 10px;z-index: 99;text-align:center}
#menu3>button{margin:0px 0px 10px 0px;border:0;width:45px;height:40px;cursor:pointer}
#badd{background-position: -183px -329px}
.actlink{font-weight:bolder}
@media screen and (max-width: 1000px){
#pnlxa2{margin-right:-330px}
.leftcolumn{margin-right: 330px}
#rightcolumn{width: 325px;float: right;margin-right:1px}
.pnlsearch1{margin:5px 10px;max-width:unset;min-width:250px}
.adright{min-height:250px}
#pnlbottom{column-count:3}
#ad1{overflow:hidden;min-height:250px}
.pnl8{display:unset;width:100%}
}
@media screen and (max-width: 800px){
body{margin:0}
.leftcolumn, #rightcolumn{padding: 0;max-width:unset;margin:0 15px;width:unset;float:unset}
.leftcolumn3{text-align:center;margin:0 15px}
#rightcolumn{border-top: 2px solid #888;margin: 1em 0 0 0;padding: 1em 0 0 0;border-left:unset}
#plogo{text-align:center}
#plogomain{text-align:center;max-width:unset;margin:0}
.pnlsearch1{margin:2px 5px;min-width:200px;width: -webkit-fill-available;display:block}
#pnlxa1{display:block;margin:0}
#pnlxa2{float:unset}
.card{margin:0 5px;box-shadow:none;border-radius:unset}
.card>div{margin:0 auto;overflow:hidden}
#rightcolumn2{margin:0;max-height:unset}
.prof-main{display:block}
.pnl3top{margin-top:0}
.img200base{height:unset;max-height:350px}
.prof-img{max-height:300px}
.prof-img img{overflow:hidden;max-width:300px;max-height:300px}
#pnltopx{width:100%;;box-shadow:5px 5px 5px #aaa;z-index:10000;border-bottom:1px solid #888;margin:0;padding:10px 0 5px 0}
#pnluser1{float:right;padding:0}
.bsoc3{width:50px}
#pnltopx1{clear:both}
.bmenu,.nav4 li{display:inline-block}
#diaglang{max-width:70%}
.btx1{width: unset;margin:0}
#btnFoll{display:block;max-width:200px;margin: 5px auto;width: 90%}
#decad2{text-align: center;padding: 5px 0}
ul{line-height: 2em}
#divad{max-height:100px;width:100%;bottom:0px;right:unset}
#pnlmenutop{display:none}
#pnlbottom{display:none}
#menubottom{display:block}
h1 span{white-space: break-spaces}
.img200base img{width:100%;height:100%}
#pnlLeft{width:130px;min-height:180px}
#ad1{max-width:unset;overflow:hidden;height:unset;text-align: center}
}
@media screen and (max-width: 560px){
#pnlLeft{margin:0 10px 5px 0;min-height:150px}
#decad2{;clear:both}
.img3a{width: 100%}
}
@media screen and (max-width: 450px){
body{line-height: 1.7em}
.topnav a{float: none;width: 100%}
.pnlMain{margin:15px 5px 10px 5px;background-color:#666}
.mobilehide1{display:none}
.mobileshow1{display:unset}
.nav3ad{width:auto}
.tags1{display:none}
.pimages{text-align:center}
#pnlshare{text-align:center}
.pnlmenutop{margin:0}
#pnluser{max-width: 90px}
#pnlxa1{display:block}
#diaglang{max-width:90%}
.blogin2{width:100%;margin-bottom:10px;max-width:unset}
#pnlfilter{display:block;margin:10px 0 0 0}
.prof-main,#pshare{text-align:center}
.barchives{font-size:105%;margin-right:unset}
#pnlbottom{column-count:2}
.prof-title>h2{clear:both;padding:10px 0 0 0}
#pnlLeft{float:unset;text-align:center;margin:0px auto 5px auto}
}
@media screen and (max-width: 360px){
.btnshare{display:none}
.blogin{margin-right:4px}
.baccount{margin-right:4px}
}