﻿@charset "utf-8";
/* Header
----------------------------------------------- */
#top{ width:100%; height:77px; background:url(../images/top_bg.jpg) repeat-x 0 top; overflow:hidden;}
	#logo{ float:left; width:186px !important; width /**/:400px; height:64px !important; height /**/:77px; padding:6px 140px 7px 14px; background:url(../images/name.jpg) no-repeat right top;}
	#search{ float:left; width:360px; height:64px !important; height /**/:77px; padding:6px 0;}
	#search .title{ height:24px; background:url(../images/search_no.jpg) repeat-x 0 bottom; line-height:24px;}
	#search .on{ float:left; width:60px; height:24px; text-align:center; background:url(../images/search_on.jpg) no-repeat 0 0; color:#1767b1; font-weight:600;}
	#search .no{ float:left; width:60px; height:24px; text-align:center; cursor:hand; color:#1767b1;}
	#search .content{ height:40px; background:url(../images/search_c.jpg) repeat-x 0 bottom;}
	#search .content_l{ float:left; width:3px; height:40px; background:url(../images/search_l.jpg) no-repeat;}
	#search .content_c{ float:left; width:314px !important; width /**/:354px; height:20px !important; height /**/:40px; padding:9px 20px;}
	#search .content_cl{ float:left; width:270px;}
	#search .content_cr{ float:left; width:44px;}
	#search input{ width:250px !important; width /**/:262px; height:18px !important; height /**/:20px; margin:0; border:1px solid #6dc8eb; padding:0 5px; background:url(../images/search_input_bg.jpg) repeat-x 0 top; color:#1ea7e5; line-height:18px;}
	#search .content_r{ float:left; width:3px; height:40px; background:url(../images/search_r.jpg) repeat;}
	#topNav{ width:138px !important; width /**/:150px; float:right; text-align:right; padding:20px 6px;}
	
#user{ width:100%; height:28px !important; height /**/:32px; border-top:3px solid #1ea7e5; border-bottom:1px solid #d3e7f8; background:url(../images/user_bg.jpg) repeat-x; line-height:28px; overflow:hidden;}
	#user .welcome{ float:left; width:660px; height:28px;}
	#user .up{ float:right; width:175px !important; width /**/:210px; height:28px; background:url(../images/ico1.gif) no-repeat 180px center; text-align:right; padding-right:35px;}

/* Nav
----------------------------------------------- */
#nav{ float:left; width:200px;}
	#nav .title{ width:200px; height:33px; background:url(../images/nav_title_bg.jpg) repeat-x 0 bottom;}
	#nav .manageon,#nav .manageno{ float:left; width:70px !important; width /**/:105px; height:28px !important; height /**/:33px; padding:5px 0 0 30px; margin-left:5px; color:#222; font-weight:600; font-size:14px; line-height:28px; background:url(../images/nav_magageon.jpg) no-repeat 0 bottom; cursor:hand;}
	#nav .manageno{ color:#fff; background:url(../images/ico2.gif) no-repeat 10px 10px;}
	#nav .helpno,#nav .helpon{ float:left; width:45px !important; width /**/:80px; height:28px !important; height /**/:33px; padding:5px 0 0 25px; margin-left:10px; color:#fff; font-weight:600; font-size:14px; line-height:28px; background:url(../images/ico3.gif) no-repeat 0 10px; cursor:hand;}
	#nav .helpon{ padding:5px 0 0 30px; margin-left:5px; color:#222; background:url(../images/nav_helpon.jpg) no-repeat 0 bottom;}
	#nav .content{ background:url(../images/left_bg.jpg) repeat-y; width:200px;}
	#nav .defaultbg{ background:url(../images/nav_index_bg.jpg) repeat-x; height:30px; width:200px; text-align:center; line-height:30px;}
	
	#nav .navOne{ width:170px !important; width /**/:200px; padding-left:30px; height:30px; background:url(../images/nav_bg.jpg) no-repeat; line-height:30px;}
	#nav .navOneChild{ background:url(../images/nav_bg_on.jpg) repeat-y;}
	#nav .navTwo{ width:150px !important; width /**/:200px; padding-left:50px; height:30px; line-height:30px; background:url(../images/point.jpg) repeat-x 0 bottom;}
	#nav .navTwoChild{ background:url(../images/nav_bg_on1.jpg) repeat-y;}
	#nav .navThree{ width:130px !important; width /**/:200px; padding-left:70px; height:30px; line-height:30px; background:url(../images/point.jpg) repeat-x 0 bottom;}
	#nav .navCurrent{ background:url(../images/nav_on.jpg) no-repeat;}
	
	#nav img{ margin-right:5px; border:0;}
	#nav .imgb{ margin:0; padding:10px;}
	
	#nav .closeImg{ background:url(../images/ico6.gif) no-repeat 0 center; padding-left:15px;}
	#nav .openImg{ background:url(../images/ico4.gif) no-repeat 0 center; padding-left:15px;}
	#nav .currentImg{ background:url(../images/ico5.gif) no-repeat 0 center; padding-left:15px;}

#navHelp{ margin:12px auto; border:1px solid #bce6ff; background-color:#fff; padding:10px; width:154px !important; width /**/:200px; min-height:200px; height:auto !important; height:200px; color:#666;}
	#navHelpCenter{ margin:0 auto; width:176px !important; width /**/:200px; color:#666;}

/* WorkAround 鐢ㄦ鏋舵椂鍚敤姝ゆ牱寮?
----------------------------------------------- 
#workAroundfloat{ width:780px; float:right;}
#workAround{ width:780px; float:right;}*/

/* WorkAround 涓嶇敤妗嗘灦鏃跺惎鐢ㄦ鏍峰紡锛堝彸渚у厑璁稿彉鍖栧搴︼級
----------------------------------------------- */
#workAroundfloat{ margin-left:-200px; width:100%; float:right;}
#workAround{ margin-left:200px; padding:20px;}



/* 琛屼笟閫氫細鍛樼鐞嗕腑蹇冮椤?Index
----------------------------------------------- */
	#url{ margin:10px 0; word-wrap:break-word; word-break:break-all;}
	#warningt{ background:url(../images/ico0.gif) no-repeat; padding-left:25px;}
	#warningc span{ line-height:26px;}
	#updatet{ background:url(../images/ico9.gif) no-repeat; padding-left:25px;}
	.vs{ width:49%; float:left;}
	#update1{ float:left; padding-left:20px; text-align:left;}

/* 鍟嗘満绠＄悊 information_manage
----------------------------------------------- */
	#mana_info_select{ margin-bottom:10px;}
	#mana_info_select .title{ display:block; width:700px;}
	#mana_info_select .on{ float:left; border-color:#ffcf00; border-style:solid; border-width:1px 1px 0 1px; background:#fffff7; color:#f30; font:600 14px/20px "",Arial; width:148px !important; width /**/:150px; text-align:center; cursor:hand;}
	#mana_info_select .no{ float:left; border-color:#e5e5e5; border-style:solid; border-width:1px 1px 0 1px; border-bottom:1px solid #ffcf00; background:#f5f5f5; color:#666; font:600 14px/20px "",Arial; width:148px !important; width /**/:150px; text-align:center; cursor:hand;}
	#mana_info_select .null{ float:left; border-bottom:1px solid #ffcf00; line-height:21px; width:100px;}
	#mana_info_select .null2{ float:left; border-bottom:1px solid #ffcf00; line-height:21px; width:400px;}
	#mana_info_select .null3{ float:left; border-bottom:1px solid #ffcf00; line-height:21px; width:250px;}
	#mana_info_select .content{ border-color:#ffcf00; border-style:solid; border-width:0 1px 1px 1px; background:#fffff7; width:670px !important; width /**/:700px; padding:14px; clear:both;}

/* 鐓х墖绠＄悊 photos_manage
----------------------------------------------- */
#photosList{ margin-bottom:10px;}
	#photosList ul{ margin:0; padding:0; list-style:none;}
	#photosList ul li{ float:left; width:140px;}
	#photosList ul li a:hover{ position:relative; top:1px; left:1px;}
	#photosList ul li .box{ margin:4px; border:1px dotted #ccc; padding:5px; width:120px !important; width /**/:140px;}
	#photosList ul li .img{ width:120px; height:90px;}
	#photosList ul li .txt{ line-height:20px; text-align:center; background:#f5f5f5; border-top:1px solid #fff;}

/* 鐓х墖绠＄悊 photos_manage
----------------------------------------------- */
#banner{ background:url(../images/banner.jpg) no-repeat; width:400px; height:80px; text-align:center; vertical-align:middle; font:600 20px/80px ""; color:#FFF;}

/* Footer
----------------------------------------------- */
#footer{ width:100%; height:28px !important; height /**/:32px; border-top:2px solid #1ea7e5; background:url(../images/footer_bg.jpg) repeat-x; line-height:28px; overflow:hidden;}
	#copyright{ float:left; width:100px; text-align:right;}
	#sys{ float:right; width:270px; text-align:left;}

/* 鍏叡閮ㄥ垎
----------------------------------------------- */
.btbg{ background:url(../Images/bgbt.gif) no-repeat center center; text-align:center; font:600 14px/31px ""; width:109px; height:31px; color:#fff; letter-spacing:2px; border:0; cursor:hand;}

#location{ margin:0 0 10px;}

#warning{ background:#fffff7 url(../images/ico7.gif) no-repeat 10px 10px; border:1px solid #ffcf00; padding:10px 10px 10px 85px; margin-bottom:10px;}
#warning .title{ line-height:24px;}
#warning .content{ min-height:40px; height:auto !important; height:40px;}

.block{ display:block;}

.clear{ clear:both;}

.page{ padding:10px; font:600 13px/20px ""; color:#666;}

.list{ display:block;}
	.list table{ width:100%; border-left:1px solid #ddd;}
	.list caption{ text-align:left;}
	.list th{ background:#f5f5f5; height:22px; border-width:1px 1px 1px 0; border-style:solid; border-color:#ddd; font-weight:600;}
	.list td{ background:#fff; height:22px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; padding:0 5px;}
	.list table.clsBox{ border:0;}/* 淇鍗曢€夋寜閽粍绛夊鍑簍able鍑虹幇鐨勮竟妗?*/
	.list table.clsBox td{ border:0;}/* 淇鍗曢€夋寜閽粍绛夊鍑簍able鍑虹幇鐨勮竟 */

	.list table tr.onmouseoverbg{ background:#f5f5f5;}/* 涓哄垪琛ㄦ坊鍔犻紶鏍囧垝杩囪儗鏅壊 */
	.list table tr.onmouseoverbg td{ background:#f5f5f5;}/* 涓哄垪琛ㄦ坊鍔犻紶鏍囧垝杩囪儗鏅壊 */

	.list table tr.onmouseoutbg{ background:#fff;}/* 涓哄垪琛ㄦ坊鍔犻紶鏍囧垝鍑鸿儗鏅壊 */
	.list table tr.onmouseoutbg td{ background:#fff;}/* 涓哄垪琛ㄦ坊鍔犻紶鏍囧垝鍑鸿儗鏅壊 */

.form{ display:block;}
	.form table{ width:100%; border-top:1px solid #ddd; border-left:1px solid #ddd;}
	.form caption{ text-align:left;}
	.form th{ background:#f5f5f5; padding:3px 5px; border-width:0 1px 1px 0; border-style:solid; border-color:#ddd; font-weight:600; text-align:right; padding-right:1em; line-height:24px;}
	.form td{ background:#fff; padding:3px 5px; border-width:0 1px 1px 0; border-style:solid; border-color:#ddd;}
	.form td.clsBox{ background:#9EBEF5;}
	.form td.clsBox table{ border:0; background-color:transparent; padding:0; width:auto;}
	.form td.clsBox td{ border:0; background-color:transparent; padding:0;}
	.form table.clsBox{ border:0;}/* 淇鍗曢€夋寜閽粍绛夊鍑簍able鍑虹幇鐨勮竟 */
	.form table.clsBox td{ border:0;}/* 淇鍗曢€夋寜閽粍绛夊鍑簍able鍑虹幇鐨勮竟妗?*/

.select{ width:130px;}
.wrong{ background:#fffff7 url(../images/wrong.gif) no-repeat 8px 4px; border:1px solid #ffcf00; line-height:22px; display:block; clear:both; padding-left:30px; color:#c10707; margin-top:2px;}
.right{ background:#fffff7 url(../images/right.gif) no-repeat 8px 4px; border:1px solid #ffcf00; line-height:22px; display:block; clear:both; padding-left:30px; color:#218c00; margin-top:2px;}
.warning{ background:#fffff7 url(../images/warning.gif) no-repeat 8px 4px; border:1px solid #ffcf00; line-height:22px; display:block; clear:both; padding-left:30px; color:#218c00; margin-top:2px;}

.color1{ background-color:Black;}
.color2{ background-color:Beige;}
.color3{ background-color:BurlyWood;}
.color4{ background-color:Brown;}
.color5{ background-color:Red;}
.color6{ background-color:Orange;}
.color7{ background-color:Yellow;}
.color8{ background-color:YellowGreen;}
.color9{ background-color:Green;}
.color10{ background-color:DarkGreen;}
.color11{ background-color:Pink;}
.color12{ background-color:Violet;}
.color13{ background-color:DeepPink;}
.color14{ background-color:Purple;}
.color15{ background-color:Navy;}
.color16{ background-color:Blue;}
.color17{ background-color:Aquamarine;}
.color18{ background-color:White;}
.color19{ background-color:LightGrey;}
.color20{ background-color:DarkGray;}
.color21{ background-color:Gray;}

.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix{ display:inline-table;}
/* Hides from IE-mac \*/
* html .clearfix{ height:1%;}
.clearfix{ display:block;}
/* End hide from IE-mac */

.show{ display:block;}
.hidden{ display:none;}

.inputMargin input{ margin:7px;}
