/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
* { margin: 0; padding: 0; }
body { background-color: #000; font-size: 12px; color: #fff; }

a:link, a:active, a:visited { color: #fff; text-decoration: none; }
a:hover { color: #f00; text-decoration: underline; }


/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 { font-size: 1.5em; color: #fff; font-family: Arial, Helvetica, sans-serif; }

h1 { font-size: 2em; padding-bottom: 0; margin-bottom: 0; }
h2 { padding: 0 0 10px 0; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }
h5, h6 { font-size: 1em; }
ul { list-style: none; }
.clear { clear: both; height: 0; }
.clear4 { clear: both; height: 4px; }

.error { color: Red; }

.wrap { width: 1003px; overflow: hidden; margin: 0 auto; }

/*Head
---------------------------------------------------------*/
.head { }
.head .nav { height: 82px; background: url(images/head_nav_bg.gif) no-repeat; padding-left: 23px; }
.head .nav li { float: left; display: inline; line-height: 82px; width: 140px; }
.head .nav li a { display: block; font-size: 20px; font-family: 黑体; }
.head .nav li a:hover { text-decoration: none; color: #ccc; }
.head li a.home { padding-left: 40px; }

.head .logo { width: 1003px; height: 115px; overflow: hidden; z-index: -9999; }
.head .AD { width: 1003px; height: 90px; overflow: hidden; z-index: -9999; }

.mainContent { margin-top: 5px; }
    .mainContent .leftColumn { width: 250px; float: left; margin-right: 5px; }
    .mainContent .rightColumn { width: 740px; float: left; margin-left: 5px; position: relative; }

.gonggao {height:80px; overflow:hidden; border:#f90 1px solid;margin-left:60px; background:url(images/gonggao_bg.gif) 2px 7px no-repeat; position:relative;}
    .gonggao p {padding-left:160px; color:#fff; overflow:hidden;width:500px; display:block; font-size:14p; line-height:20px; word-wrap:break-word;word-break:break-all;}
    .gonggao .admin {position:absolute;right:2px;top:2px; background:#f90; border:solid 1px #fff; display:none;}


.leftColumn .w200 { width: 200px; margin: 0 auto; }
.leftColumn .search { padding: 5px; height: 25px; overflow: hidden; line-height: 25px; border: solid 2px #FFA500; }
.search .searchText { width: 90px; border: 0px; height: 25px; line-height: 25px; float: left; }
.search .searchBtn { background-position: #ccc; display: block; width: 80px; float: right; background: #ccc; color: #000; text-align: center; font-size: 14px; font-weight: bold; }
.search a.searchBtn:hover { text-decoration: none; cursor: pointer; color: #09c; }

.leftColumn .nav { }
.leftColumn .nav li { border: solid 2px #FFA500; margin: 10px 0; padding: 5px 0; }
.leftColumn .nav li a { background: url(images/leftColumn_nav_bg.gif) 50% top no-repeat; height: 50px; display: block; line-height: 25px; text-align: center; font-size: 16px; font-family: Arial, 宋体; }
.leftColumn .nav li a:hover { text-decoration: none; color: #fc9; }

.leftColumn .nav2 { margin-top: 60px; }
.leftColumn .nav2 li { border: solid 2px #FFA500; margin: 10px 0; padding: 5px 0; }
.leftColumn .nav2 li a { background: url(images/leftColumn_nav_bg.gif) 50% bottom no-repeat; height: 65px; display: block; line-height: 32px; text-align: center; font-size: 24px; font-family: Arial, 宋体; }
.leftColumn .nav2 li a p { font-size: 16px; }
.leftColumn .nav2 li a:hover { text-decoration: none; color: #fc9; }


.right_bg { background: url(images/right_bg.gif) no-repeat top left; min-height: 400px; }
.right_bg h2.title { color: #FFFFFF; font-weight: bold; font-size: 24px; }
.right_bg h2.title:first-letter { font-family: 楷体; font-size: 40px; font-style: normal; color: #FFA500; font-weight: bold; }
.right_bg .content { margin: 20px 0 0 50px; }

.foot { margin: 30px auto; text-align: center; }


/* tables */
table.tablesorter { font-family: arial; background-color: #CDCDCD; margin: 10px 0pt 15px; font-size: 8pt; width: 100%; text-align: left; }
table.tablesorter thead tr th, table.tablesorter tfoot tr th { background-color: #e6EEEE; border: 1px solid #FFF; font-size: 8pt; padding: 4px; color: #000; }
table.tablesorter thead tr .header { background-image: url(images/bg.gif); background-repeat: no-repeat; background-position: center right; cursor: pointer; }
table.tablesorter tbody td { color: #3D3D3D; padding: 4px; background-color: #FFF; vertical-align: top; }
table.tablesorter tbody tr.odd td { background-color: #F0F0F6; }
table.tablesorter thead tr .headerSortUp { background-image: url(images/asc.gif); }
table.tablesorter thead tr .headerSortDown { background-image: url(images/desc.gif); }
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp { background-color: #8dbdd8; }

.newsList {}
    .newsList span {display:inline-block;}
    .newsList li {border-bottom:dashed 1px #ffa500; line-height:30px; height:30px; overflow:hidden;font-size:14px;}
    .newsList .title {width:500px; }
    .newsList .date {width:100px;}



.productList { overflow: hidden; }
.productList li { float: left; width: 182px; height: 162px; margin: 10px 15px; }
.productList li.tg { height: 192px; }
.productList li.tg { height: 212px; }

.productList li .panel { border: solid 1px #f00; width: 180px; height: 160px; padding: 0 0 5px 0; display: block; position:relative;}
    .productList li a { display: block; background: #444; margin: 5px; height: 20px; line-height: 20px; text-align: center; overflow: hidden; }
    .productList li a:hover { background: #333; }
    .productList li.tg p { color: #fff; text-align: center; display: block; line-height: 25px; font-size: 14px; }
    .productList li.tg p em { color: #FFA500; font-family: Arial; font-size: 18px; }
    .productList li .avatar-s { }
    .productList li .avatar-s img { display: block; border: solid 1px #fff; height: 128px; width: 170px; margin: 4px auto; }
    .panel .conner { position:absolute; right:0; top:0;width:63px; height:63px; background:url(images/conner.gif);}

.cut { text-decoration: line-through; }
.shop_photos2 { width: 100%; }
.shop_photos2 li { float: left; margin: 5px 10px; width:190px; }
.shop_photos2 img { width: 180px; height: 120px; }

.info li { line-height: 20px; padding: 5px; }
.info h2 { color: #FFA500; }



#logindisplay { font-size: 1.1em; display: block; text-align: right; margin: 10px; color: #FFA500; }
#logindisplay a:link { color: #FFA500; text-decoration: underline; }
#logindisplay a:visited { color: #FFA500; text-decoration: underline; }
#logindisplay a:hover { color: #FFA500; text-decoration: none; }
.field-validation-error { color: #ff0000; }
.input-validation-error { border: 1px solid #ff0000; background-color: #ffeeee; }
.validation-summary-errors { font-weight: bold; color: #ff0000; }
/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/
fieldset { margin: 1em 0; padding: 1em; border: 1px solid #FFA500; color:#FFA500}
fieldset p { margin: 2px 12px 10px 10px; }
fieldset label { display: block; }
fieldset label.inline { display: inline; }
legend { font-size: 1.1em; font-weight: 600; padding: 2px 4px 8px 4px; color:#FFA500; }
input[type="text"] { width: 200px; border: 1px solid #CCC; }
input[type="password"] { width: 200px; border: 1px solid #CCC;}
                         
.memo textarea{height:200px;width:500px}

.memos li {display:block; padding:20px;border:solid 1px #ffa500; margin:20px; overflow:hidden;}
.memos .replay {display:block;width:100%;color:#ffa500;}
.memos span {display:inline-block;width:150px; overflow:hidden;}

.replay textarea { overflow-y:hidden;width:600px; height:100px;}
.f10 {font-size:12px;}