﻿/*
body { margin: 0; padding: 0; font-family: 微软雅黑, 宋体, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; }
*/
body { margin: 0; padding: 0; font-family: 宋体, Arial, Helvetica, sans-serif; font-size: 12px; color: #111; background-image: url(Common.css); /* for IE6 */ background-attachment: fixed; }
a { text-decoration: none; color: #000000; }
a:hover { text-decoration: none; color: #FF0000; }

.Separator { height: 5px; font-size: 5px; width: 100%; border-top: 1px solid transparent !important; margin-top: -1px !important; border-top: 0; margin-top: 0; height: 5px; clear: both; background: none; font-size: 0; visibility: hidden; }
.Clear { border-top: 1px solid transparent !important; margin-top: -1px !important; border-top: 0; margin-top: 0; height: 0; clear: both; background: none; font-size: 0; visibility: hidden; }

.Clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.Clearfix { zoom: 1; }

#FloatNav { height: 32px; line-height: 32px; z-index: 999; position: fixed; bottom: 0; left: 0; _position: absolute; /* for IE6 */ _top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); /* for IE6 */ overflow: visible; }

#Top { height: 150px; width: 980px; margin: 0 auto; }
#Top .Title { height: 29px; line-height: 29px; text-align: center; background-color: #EEE; border-bottom: dashed 1px #888; }
#Top .Title .User { float: left; padding: 0 10px; }
#Top .Title .Links { float: right; text-align: right; padding: 0 10px; }
#Top .Content { height: 90px; }
#Top .Content .Logo { float: left; height: 90px; width: 220px; background-image: url(Images/Logo.jpg); background-position: 5px 5px; }
#Top .Content .Banner { float: right; height: 90px; width: 728px; }
#Top .Nav { height: 29px; line-height: 29px; text-align: left; background-color: #EEE; border-top: dashed 1px #888; }
#Top .Nav a { line-height: 29px; font-size: 14px; font-weight: bolder; margin: 0 9px; }
#Top .Nav a:hover { line-height: 29px; font-size: 14px; font-weight: bolder; margin: 0 9px; }
#Copyright { height: 90px; width: 980px; margin: 0 auto; }
#Copyright .Title { height: 29px; line-height: 29px; text-align: center; background-color: #EEE; border-bottom: dashed 1px #888; }
#Copyright .Content { padding: 10px 0; text-align: center; line-height: 150%; background-color: #F8F8F8; color: #333; }

#Content { width: 980px; margin: 0 auto; }

.InputPanel { margin: 20px; }
.InputPanel .Item { margin: 10px 0; line-height: 130%; }
.InputPanel .Item span.Name { }
.InputPanel .Item span.Notes { color: #888; }
.InputPanel .Item .TextBox { width: 200px; }
.InputPanel select { font-family: 微软雅黑; }
.InputPanel input[type="text"] { font-size: 12px; font-family: "宋体"; line-height: 18px; height: 19px; }
.InputPanel input[type="submit"] { height: 36px; font-size: 16px; font-weight: bolder; }
.InputPanel textarea { line-height: 200%; font-size: 12px; font-family: "宋体"; }
.InputPanel .validation-summary-errors { color: Red; }
.InputPanel .field-validation-error { color: Red; }

.PanelM3In1 { float: left; width: 300px; margin: 0; padding: 0; border: 0; }
.PanelM3In2 { float: left; clear: none; width: 370px; margin: 0; padding: 0 0 0 5px; border: 0; }
.PanelM3In3 { float: right; width: 300px; margin: 0; padding: 0; border: 0; }
.PanelL2In1 { float: left; width: 675px; margin: 0; padding: 0; border: 0; }
.PanelL2In2 { float: right; width: 300px; margin: 0; padding: 0; border: 0; }
.PanelR2In1 { float: left; width: 300px; margin: 0; padding: 0; border: 0; }
.PanelR2In2 { float: right; width: 675px; margin: 0; padding: 0; border: 0; }
.PanelP3In1 { float: left; width: 320px; margin: 0; padding: 0; border: 0; }
.PanelP3In2 { float: left; width: 330px; margin: 0; padding: 0 0 0 5px; border: 0; }
.PanelP3In3 { float: right; width: 320px; margin: 0; padding: 0; border: 0; }

.PanelBox { width: 100%; }
.PanelBox .HeadBox { background-color: #EEE; height: 30px; border: 1px solid #CCC; border-bottom: solid 0 #EEE; line-height: 30px; }
.PanelBox .HeadBox .Text { float: left; padding-left: 10px; height: 30px; }
.PanelBox .HeadBox .Text a { font-weight: bolder; color: Black; }
.PanelBox .HeadBox .Text a:hover { font-weight: bolder; color: Red; }
.PanelBox .HeadBox .More { float: right; padding-right: 10px; }
.PanelBox .HeadBox .More a { color: Black; }
.PanelBox .HeadBox .More a:hover { color: Red; }
.PanelBox .ContentBox { background-color: #FFF; border: 1px solid #CCC; border-top: solid 0 #EEE; padding: 4px; overflow: hidden; }
.PanelBox .ContentBox ul.Collection { width: 100%; padding: 0; margin: 0; list-style: none; _overflow: hidden; }
.PanelBox .ContentBox ul.Collection li { width: auto; line-height: 20px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.PanelBox .ContentBox ul.Collection li.Sep { width: auto; height: 10px; line-height: 5px; font-size: 5px; }
.PanelBox .ContentBox .LeftContent { float: left; width: 300px; text-align: center; }
.PanelBox .ContentBox .LeftContent ul { list-style: none; padding: 0; margin: 0; }
.PanelBox .ContentBox .LeftContent ul li { float: left; height: 160px; width: 150px; margin-bottom: 5px; overflow: hidden; }
.PanelBox .ContentBox .LeftContent ul li a { display: block; }
.PanelBox .ContentBox .LeftContent ul li a img { width: 120px; height: 120px; border: none; }
.PanelBox .ContentBox .LeftContent ul li a div { height: 35px; width: 120px; text-align: center; line-height: 18px; }

.PanelBox .ContentBox .RightContent { float: right; width: 350px; padding-left: 5px; }

.SitePath { padding: 2px 0px; width: auto; border: 1px solid #CCC; background-color: #EEE; }
.SitePath .CategoryPath { height: 24px; line-height: 24px; padding: 0 10px; }
.SitePath .ChildCategory ul { list-style: none; padding: 0; margin: 0; height: auto; }
.SitePath .ChildCategory ul li { float: left; padding: 0 10px; line-height: 180%; white-space: nowrap; }

.Pager { height: 35px; line-height: 35px; text-align: center; }
.Pager a { margin: 0 5px; }

.Message { height: 30px; line-height: 30px; }

.ContentItem { padding: 5px 0; border-bottom: dashed 1px #EEE; width: 100%; }
.ContentItem .Icon { float: left; width: 150px; overflow: hidden; padding: 5px 0; text-align: center; }
.ContentItem .Icon img { border: double 3px #888; width: 135px; height: 100px; }
.ContentItem .Details { float: left; width: auto; }
.ContentItem .Details .Title { font-size: 14px; width: auto; font-weight: bolder; line-height: 25px; }
.ContentItem .Details .Summary { width: auto; color: #555; line-height: 18px; }
.ContentItem .Details .Properties { line-height: 150%; color: #555; }
.ContentItem .Details .Properties div { float: left; }

.ItemInfo { width: auto; }
.ItemInfo .Title { line-height: 35px; font-size: 18px; font-weight: bolder; text-align: center; }
.ItemInfo .Properties { text-align: center; width: 100%; background-color: #F8F8F8; color: #666; height: 30px; line-height: 30px; }
.ItemInfo .Content { font-size: 14px; padding: 5px; line-height: 200%; white-space: pre-wrap; word-break: break-all; overflow: hidden; }

.CommentCollection { width: auto; }
.CommentCollection .CommentContent { padding: 5px; line-height: 200%; white-space: pre-wrap; word-break: break-all; overflow: hidden; }
.CommentCollection .CommentDetails { height: 25px; line-height: 25px; border-bottom: 1px solid #CCC; padding-left: 10px; color: #666; }
