body{margin:0 auto;font:1em/150% Arial, Helvetica, sans-serif;background-color:#ededed;text-align:center;max-width:1200px;}
h1{margin:0px;padding:10px;font-size:1.3em;background-color:#FFF;}
a{color:#666;text-decoration:none;margin:0px 5px;}a:hover{color:#F00;}
.l{float:left;}.r{float:right;}.c{clear:both;}
.tool{ margin: 10px 10px 0px 10px;}
.nav{padding:10px 15px;background-color:#e7e7e7; font-size: 0.97em;}
.nav a { padding: 4px 6px; border-radius: 5px; margin:5px 1px; text-decoration: none; color: #666; line-height: 200%;}
.nav a:hover { color: #F00; }
.title{clear:both;margin:0px;padding:0 12px;font-weight:normal;font-size:1em;line-height:40px;border:1px solid #FFF;border-bottom:1px solid #e3dddc;background-color:#f7f7f7;}
.title span{margin:0px;padding:0px 0px 0px 5px;border-left:5px solid #F00;}
.list{margin:0px;padding:0px;}
.list li{text-align:left;position:relative;margin:0px 0px;list-style:none;padding:0px;font-size:0.85em;white-space:nowrap;overflow:hidden;}
.list li a{margin:0px;display:block;padding:8px 20px;border-bottom:1px solid #eeeeee;color:#262626;}
.list li a:hover{color:#F00;}
.list li .author{position:absolute;top:0px;right:0px;padding:12px 10px 12px 0px;color:#999;font-size:0.85em;}
.footer{position:relative;margin:15px 0px 0px 0px;background:#f8f8f8;color:#999;text-align:center;border:1px solid #dddddd;font-size: 0.8em;}
.footer:before{content:'';position:absolute;left:50%;margin-left:-20px;top:-12px;background:#f8f8f8;width:40px;height:40px;border-radius:20px;z-index:1;border-top:1px solid #dddddd;}
.footer .copyright{position:relative;z-index:2;line-height:120%;}
.footer .sitemap{position:relative;z-index:2;line-height:120%;}
.footer p.letter{ margin: 0px 10px; padding: 10px 0 0 0 ;position:relative;z-index:2;line-height:120%;}
.links{font-size:0.85em;margin: 0px;padding:10px;}
.links a{color:#666; margin: 0px 5px;}.links a:hover{color:#F00;}
.row{float:left;width:33.33%;}
.box{box-shadow:1px 1px 3px #dddddd;background-color:#FFF;text-align:left;margin:2px;}
.list2 { margin:0px; display:block; padding:10px 0px 5px 10px; height:90px; border-bottom:1px solid #eeeeee; overflow:hidden; position:relative; }
.list2 img{ width: 60px; height: 80px;  display:block; float:left; background-color:#FFF; padding:2px; border:1px solid #CCC;}
.list2 h3{ margin:0px; padding:0px; margin-left:70px; height:28px; line-height:28px; font-size: 18px; font-weight: 400; text-shadow:none; color:#333; }
.list2 h2,.list2 div{ margin:0px; padding:0px; margin-left:70px; height:28px; line-height:28px; font-size: 18px; font-weight: 400; text-shadow:none; color:#333; }
.list2 h1{ margin:0px; padding:0px; margin-left:70px; height:28px; line-height:28px; font-size: 18px; font-weight: 400; text-shadow:none; color:#333; }
.list2 p{margin:0px; padding:0px 2px; margin-left:70px; color:#999; font-size:0.82em; line-height:20px; }
.list2 p span { color:#666; margin-right:2px; }
.search { background-color:#A7A7A7; }
.search form { display:block; margin:0px; padding:0px;}
.search .input { width: 70%;text-align:left; padding:0px; margin:0px; height:24px; background-color: #A7A7A7; border: 0 none; border-radius: 0px; font: bold 12px Arial, Helvetica, Sans-serif; color: #777; border:#A7A7A7 1px solid; border-right: none;}
.search .submit { width: 29%;border-radius: 0px; cursor:pointer; height:26px; font-size:12px; background:#eee; display:inline-block; padding:0 12px; vertical-align:middle; border:#A7A7A7 1px solid; color:#666; }
.nlist_page { height: 35px; line-height: 35px; background-color:#FFF; }
.nlist_page ul{list-style: none;}
.nlist_page ul li{width:80px; height:30px; float:left;}


.description{ padding: 10px; color: #999; font-size: 0.85em; word-break: break-all;/*white-space: pre-wrap;*/ overflow:hidden;}
.description p{ padding: 0px; margin: 0px; word-break: break-all;/*white-space: pre-wrap;*/  overflow:hidden; font-size:16px; line-height:28px;}
a.button { padding:3px 12px 4px 12px; margin:2px 4px 0px 0px; border:1px solid #ccc; background-color:#FFF; font-size:14px; text-align:center; line-height:16px; color:#666; text-decoration: none; }
a.button:hover{color:#F00;}
a.s1{background-color:#F00;border:1px solid #C00; color:#FFF;}
a.s1:hover { text-decoration: underline; color:#FFF; }
.tool_button{ padding:10px 0px 0px 20px;}

@media screen and (min-width:1024px){.row{width:25%;}}
@media screen and (min-width:800px) and (max-width:1024px){.row{width:33.33%;}}
@media screen and (min-width:600px) and (max-width:800px){.row{width:50%;}}
@media screen and (max-width:600px){.row{width:100%;}}

#logo{ font-size:24px; margin-top:15px; margin-bottom:15px;}