@font-face {font-family:myfont; src:url("myfont_regular.woff");}
body { margin:0px; background-color:#E5E5E5; min-width:1100px; color:#222; font-family: myFont, Arial, Helvetica, sans-serif; font-size:17px; }
a { outline:none; color: #0066CC; text-decoration:underline; }
a:hover { color:#000; }
button { outline:none; }
input { outline:none; }
h1,h2,h3,h4{ font-weight:bold; }
hr { border:none; border-top:1px solid #BBB; margin:40px 0px 40px 0px; }
p { line-height:1.5em; }
/* -------------------------------- */
#searchbox { position:absolute; top:150px; left:-290px; z-index:10; width:260px; height:42px; background:#444; transition: left 0.3s ease-in-out 0s; }
#searchbox > form { margin:1px;}
#searchbox > form > input { display:block; float:left; padding:0px 2%; border:none; width:76%; height:40px; background:#FFF; }
#searchbox > form > button { display:block; float:left; padding:0px 0px; border:none; width:20%; height:40px; cursor:pointer; color:#000; background: #FEC143; }
/* -------------------------------- */
nav#navwindow{ position:absolute; z-index:10; width:auto; top:150px; left:-265px; background:#444; transition: left 0.3s ease-in-out 0s; }
nav#navwindow > div{ width:260px; padding:1px 1px 0px 1px; }
nav#navwindow > div > div { padding:10px 0px 0px 12px; height:40px; background:#888; margin-bottom:1px; }
nav#navwindow > div > div:nth-child(1){ background: #91C8FF; }
nav#navwindow > div > div:nth-child(2){ background: #ABDD00; }
nav#navwindow > div > div:nth-child(3){ background: #FFA33C; }
nav#navwindow > div > div:nth-child(4){ background: #CBAFFE; }
nav#navwindow > div > div:nth-child(5){ background: #CCC; text-align:center; padding:8px 0px 0px 0px; } /* #7EDAD8 */
nav#navwindow > div > div > h3{ margin:5px 0px 0px 0px; float:left; font-size:18px; width:60px; color:rgba(0,0,0,1); }
nav#navwindow > div > div > a{ display:inline-block; color: #000; background:rgba(100%,100%,100%,.8); border-top:1px solid #A5A5A5; border-radius:2px; margin:0px 0px 0px 0px; padding:5px 14px; font-size:14px; text-decoration:none;  transition: background 0.2s linear 0s, color 0.2s linear 0s; box-shadow: 0px 1px 1px #222; }
nav#navwindow > div > div > a:hover { background: rgba(100%,100%,100%,1); color:#000; }
/* -------------------------------- */
#topbar { background:#E5E5E5; height:150px; }
#topbar > #logo { float:left; width:140px; height:110px; margin:20px 0px 0px 20px; }
#topbar > #logo > img { cursor:pointer; }
#topbar > #menu1 { float:left; width:170px; height:43px; margin:40px 0px 0px 0px; }
#topbar > #menu1 > div { float:left; width:80px; height:70px; margin-right:3px; cursor:pointer; opacity:1; border:1px solid transparent; border-radius:3px; background-position:center; background-repeat:no-repeat; transition:background 0.2s linear 0s,border 0.2s linear 0s;}
#topbar > #menu1 > div:hover{opacity:1; border:1px solid #999; }
#topbar > #menu1 > #cp_icon { background-image:url(icon_mainmenu.png);}
#topbar > #menu1 > #search_icon { background-image:url(icon_search.png);}
#topbar > #menu1 > #home_icon { background-image:url(icon_home.png);}
/* -------------------------------- */
#content { }
#ad_1 { float:right; margin:28px 0px 0px 0px; text-align:center; width:768px; }
/* -------------------------------- */
#footer { clear:left; background:#E5E5E5; height:400px; padding-top:100px; }
#footercontent { background:url(footerbots.png) no-repeat top left; width:1052px; height:330px; margin:0px auto 0px auto;}
#footerlinkset { float:right; width:780px; height:330px; margin:0px 0px 0px 0px; }
#footerlinkset > div { float:left; padding:0px 0px 0px 30px; width:220px; height:220px; line-height:1.7em; border-right:1px solid #BBB; }
#footerlinkset > div:nth-child(3) {border-right: none;}
#footerlinkset > div > h4 { font-weight:900; color:#666; margin:20px 0px 10px 0px; font-size:15px; color:#555;  }
#footerlinkset > div > a { margin:0px 0px 0px 10px; color:#555; font-size:13px; text-decoration:none; }
#footerlinkset > div > a:hover { color:#000; text-decoration:underline; }
#footerlinkset > div > a:before { content: "- ";}
#copyright {clear:right; text-align:center; height:50px; padding:0px 0px 0px 0px; font-size:12px; color:#777;}
#footersmall { display:none; }
#scrolltopbtn{display:none; position:fixed; bottom:25px; right:25px; width:70px; height:70px; border:none; border-radius:6px; background:#FAA901; font-weight:bold; font-size:40px; box-shadow:2px 2px 1px #555; opacity:.9; cursor:pointer;}
#scrolltopbtn:hover{ background:#FEC95A; }
@media screen and (max-device-width: 1100px) {
body{max-width:100vw; min-width:300px; overflow-x:hidden;}
#topbar {width:100vw; height:82px; overflow-x:hidden;}
#topbar > #logo { float:left; width:110px; height:auto; margin:0px 0px 0px 0px; }
#topbar > #logo > img { width:110px; }
#topbar > #menu1 { float:left; width:196px; margin:14px 0px 0px 0px; }
#topbar > #menu1 > div { float:left; width:50px; height:50px; margin-right:10px; cursor:pointer; opacity:1; border:1px solid transparent; border-radius:3px; background-position:center; background-size:50% 50%; background-repeat:no-repeat; transition:background 0.2s linear 0s,border 0.2s linear 0s;}
#topbar > #menu1 > div:hover{opacity:1; border:1px solid #999; }
nav#navwindow{ top:82px; }
#searchbox { top:82px; }
#ad_1 { display:none; }
/* -------------------------------- */
#footer { display:none; }
#footersmall { display:block; padding:20px; line-height:2.5em; font-size:12px; }
#content { background:#FFF; padding:20px 10px 0px 10px; min-height:500px; }
#content h1{ font-size:23px; }
#content h2{ font-size:19px; }
#content h3{ font-size:17px; }
}