a {color:#38A3DB;text-decoration:none}
a:hover {color:#30C0F4}
body {background-color:#8B8B8B;color:#454545;font-family:Arial,Helvetica,sans-serif;font-size:11px;margin:0;padding:0}
section {background-color:#595959;padding:8px 0}
img {border:0 none}
h1 {color:#38A3DB;font-family:Arial,Helvetica,sans-serif;font-size:26px;line-height:30px;margin:4px 10px 4px 0}
.lf {color:#38A3DB;font-size:14px;font-weight:bold}
h2 {color:#38A3DB;font-size:14px;margin:0;padding:0}
h3 {font-size:11px;font-weight:normal;margin:0}
form {margin:4px 0 0 22px;float:left}
form input {font-size:11px}
span {color:#39c}
ol {margin:0 0 0 28px;padding:0}
p {margin:6px 0}
ul {background:none repeat scroll 0 0 #fff}
#header, #main {width:950px;margin:0 auto}
header {background-color:#1A1A1A;margin:0;padding:6px 0}
#header {height:33px;text-align:right}
#header a{font-size:12px;color:#aaa;text-decoration:none}
#header a:hover{color:#fff}
#main {background-color:#fff}
#piclogo {background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJMAAAAhBAMAAAAvyYRYAAAAGFBMVEUaGhoAzP8Nc40GoMYTR1MQXXAKiqoXMDfCpeHeAAACYElEQVRIx92UTY+bMBCGbWM2V94Y6BVn0/Ya2Oz2Srp0ewU1Va4gVeo1UT9+f2cmfKyqJj3QQ7WjMBDsPHieMVH/cRzosP8C9D6PKft2PskDEZ3gytmoQFAGeDUbZQWlATcbtQM2kpHNX9QnQtlcKjTMyze/TzIA0t6lvrh6jVjVZ2XpVRTSv6H8UBeAK6hi1aE9t6m4hAKOo7P6MiojE8l1VeGwbnUDtCPqCY6q/smCTGGWcttDBfcmDorwrlS2UGHOD7j7mNNPXcaA5eR/M6Domu5zTlTg/BmlUeplHmu3oGfeJKoDHM1pwG6cWJ9KjQZUgH2Do5YcONwbyFNr7bAl7XmkdGTw5QmtRe4M1o8k5zShuglF08OD8rFaIAsQy21OGu+4g02imlaTmS6yJCiAsnuSPaH8MxSKms7bquIVZs9QJaH409XNsqp8YhGxpIP0LfkDyoglcEQBtbgvkFCKOHR1BE1noZa8iVlGLUfUpF3mlViuVisqUKlRuxNUiNep8imNri2PNACdTnCTq2kzqA8eLaEpRpQHY+RAmrBJCkGpH7egTgxblAio6XkRj7JFbLpILR7qARUiGVDiYkfl3L5l1OKz4qYGvDElFgBluL1H2bjSoN254yN6VLHK0Y6oHS2Y2mEQWamstuJ58G7EWgNIeymON3J9RonZEaXlRWKfjJJR6jh/79/BiHIod1n7V8nZiHooJ5RhK9+ArRq0b0U22J8uSZXUWYm7quzzlbDj6He5OgHSaS5gZhj0/+0EnBudQHaAmh0BQQQVz2d1502Q1vNR4YbSm7V6kfELRkpZ/xn2fDQAAAAASUVORK5CYII=) no-repeat scroll left top transparent;color:#fff;display:block;float:left;height:33px;overflow:hidden;text-align:left;text-decoration:none;text-indent:-9999px;width:147px}
#gi {float:left;border:0;color:#333;font-size:14px;height:22px;padding-left:4px;width:260px}
#buttonsearch {float:left;background:#39c;border:0;color:#fff;height:27px;font-size:11px;font-family:Verdana,Arial,Helvetica,sans-serif}
#keyword {background:none repeat scroll 0 0 #F5F5F5;border:1px solid #39c;color:#000;padding:2px;width:126px}
#downleft {float:right;font-family:Verdana,Arial,Helvetica,sans-serif;padding-bottom:8px;width:770px;line-height:20px}
#info {float:left;line-height:20px;margin-right:10px;width:440px}
.downbutton {background-color:#00A9DA;display:block;padding:8px 0;text-align:center;font-size:18px;width:120px;color:white}
.downbutton:hover {background-color:#30C0F4;color:white}
.list1 {border:1px solid #C0C0C0;line-height:19px;overflow:hidden;padding:4px;text-overflow:ellipsis;white-space:nowrap;width:300px}
#downright {background:none repeat scroll 0 0 #F0F0F0;float:left;width:170px}
#downleft ul {padding-left:18px}
#downright ul {margin:0;padding:0}
#downright ul li {font-weight:bold;list-style-type:none;margin-bottom:2px}
#downright ul li a {background:none repeat scroll 0 0 #F0F0F0;color:#595959;display:block;height:18px;padding:8px 0 0 10px;text-decoration:none}
#downright ul li a:hover {background:none repeat scroll 0 0 #30C0F4;color:#FFF}
.clearpage {clear:both}
#footer {color:#eee;padding:10px 0;text-align:center}
#footer a {color:#eee;text-decoration:none}
#footer a:hover {color:#fff}
#footer h2 {color:#eee;font-size:11px;font-weight:normal;margin:0}
.sf, .title {font-size:14px;font-weight:bold}
hr {border-bottom:1px dotted #bbb;border-top:1px solid #fff}
select {font-size:11px}
#list {line-height:20px;margin-right:10px}
#list1 {float:left;line-height:20px;width:540px}
#listright {float:right;line-height:20px;width:220px}
.homelist {margin:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#result {border-bottom:1px dotted #000;clear:both;color:#39C;font-size:16px;font-weight:bold;margin:10px;padding-bottom:10px}
#searchlist {float:left;line-height:20px;margin-left:10px;width:710px}
.classname {float:left;font-size:14px;padding-bottom:10px;width:134px}
#pagelist {font-size:12px}
#request {float:left;margin:20px 0}
#note {clear:both;line-height:16px}
.ld {background-color:#38A3DB;padding:4px;text-align:center;width:80px;color:white}
.ld:hover {background-color:#30C0F4;color:white}
.ga3 {float:right;margin-right:4px}
@media screen and (max-device-width: 480px) {
body {font: normal 100% Arial,Helvetica,sans-serif}
#header, #main, #footer {width:100%}
#downleft, #downright, #info, #searchlist, #list1, #listright {width:99%}
form {margin:1em 0;clear:both}
#gi {margin-left:0.4em;margin-right:1em;width:180px}
#downleft {font-size:0.6em}
h1{font-size:1.5em;line-height:1.5em}
.ga3 {display:none}
.downbutton {clear:both;margin:0.6em}
#downright ul li {font-weight:bold;list-style-type:none;margin-bottom:1.5em}
}