﻿* {
	margin: 0;
	padding: 0;
	box-sizing:border-box;
	-moz-box-sizing:border-box; 	/* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
}

html {
	height:100%;
}

 body {
	min-height:100%;
	font-size:14px; 
	font-family: "Microsoft YaHei", "微软雅黑", Arial, "宋体";
	color:#222; 
}

body input, body select, body textarea, body button, ul li {	
	font-size:14px; 
	font-family: "微软雅黑", "Microsoft YaHei", Arial, "宋体";
	outline:none;
}

a, .a { 
	color:#222; 
	text-decoration:none;
	cursor:pointer;
}


a:hover, .a:hover { 
	color:#FF0000; 
}

a.Red {
	color:#FF0000; 
}

a img {
	border:0;
}

a.Selected {
	color:red;
	font-weight:bold;
}

.Selected, .Selected * {
	color:red;
}

.Select {
	border:#DDD dashed 1px;
	border-radius:3px;
}

img {
	max-width:100%;
}

ul,ol {
	list-style-type:none;
}

table {
	table-layout:fixed;
	border-collapse:collapse;
}

td { 
	padding:5px;
	vertical-align:middle;
}

label {
    padding-left:3px;
	cursor:pointer;
}

form {
	position:relative;
}

select {
	padding-top:2px;
	padding-bottom:2px;
}

.Radio {
	cursor:pointer;
}

.FixWidth {
	position:relative;
	width:1200px;	
	margin:0px auto;
}

.Nav{
	line-height:35px;
	margin-top:10px;	
	margin-left:10px;
	color:#888;
}

.Nav a {
	color:#888;
}


.FullIFrame{
	position:absolute;
	width:100%;
	height:100%;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
}

.Relative{position:relative;}
.FloatLeft {float:left;}
.ClearBoth {clear:both;}
.BreakWord {word-break:break-all;word-wrap:break-word;}
.PositionRelative {position:relative;}
.Center{text-align:center;}
.MarginCenter, .MarginAuto, .CenterBox {margin:0 auto;}
.Hand{cursor:pointer;}
.Padding5{padding:5px;}
.Padding10{padding:10px;}
.Padding,.Padding15{padding:15px;}
.PaddingTopBottom{padding-top:5px;padding-bottom:5px;}
.Right {text-align:right;}
.FullTable{width:100%;height:100%;}
.FullTable td{ vertical-align:top; }
.FontSize14{ font-size:14px; }
.FontSize16{ font-size:16px; }
.FontSize18{ font-size:18px; }
.FontSize20{ font-size:20px; }
.MinHeight300{ min-height:300px; }
.MinHeight500{ min-height:500px; }
.Border{border:#EEE solid 1px;}	
.FullWidth{width:100%;}
.Width100{width:100px;}
.Width200{width:200px;}
.Width300{width:300px;}
.Width1000{width:1000px;}
.DisplayBlock, .Block{display:block;}
.Row{line-height:39px;}
.Wrap{word-break:break-all;}

.Title {
	font-size:18px;
	text-align:center;
	padding-top:20px;
	padding-bottom:15px;
	margin-bottom:10px;
	color:#666;
	border-bottom:#ff7800 solid 3px;
}

.DesktopBox {
	padding:3px;
	border:#EEE solid 1px;
	margin-bottom:10px;
}

#HiddenFrame {
	display:none;
}

.Mask {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;	
	z-index:11;
	background:#EEE;
	opacity:0.6;
	filter:alpha(opacity=60);
}

.Loading {
	position:absolute;
	left:45%;
	top:38%;
	width:32px;
	height:32px;
	background:url(/Img/Loading.gif) no-repeat;
}

.Form {
	width:100%;
	border-bottom:#EEEEEE solid 1px;
	background: #FFFFFF;
}

button {
	cursor:pointer;
}

.FloatBox
{
	width:100%;
	background: #FFFFFF;
}

.FormHeader, .FloatBoxHeader, #FloatBoxHeader , .FloatIframeTitleBox{
	position:relative;
	color:#FFFFFF;
	vertical-align:top;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:15px;
	padding-right:15px;
	margin-bottom:10px;
	background:#35AA10; /*308BE8*/
	font-weight:bold;
	cursor:pointer;
}

#FloatBoxHeader *{
	color:#FFFFFF;
}

.FloatBoxBody {
	padding:15px;
}



/*Pane*/

.PaneBody{
}

.PaneBodier {
	position:absolute;
	background:#FFF;
	border:#BBB solid 1px;
	margin:50px auto;
	border-radius:5px;
	padding:15px;
	width:1000px;
	left:50%;
	margin-left:-500px;
}

.PaneTitle {
	position:relative;
	height:32px;
	line-height:32px;
	padding-left:15px;
	padding-right:15px;
	margin-bottom:10px;
	background:#0055FF;/*35AA10;*/ /*308BE8;*/
	font-weight:bold;
	font-size:14px;
	color:#FFFFFF;
	cursor:pointer;
	border-radius:3px;
}

.PaneTitle .ClosePaneLink {
	position:absolute;
	right:7px;
	top:7px;
	height:16px;
	width:16px;
	background:url(/Img/ClosePane.png) no-repeat;
}

table col.Label, table tr td.Label, .FormLabel, table tr td.SmallLabel, table tr td.BigLabel {
	width:130px;
	text-align:right;
	padding-right:8px;
	color:#AAA;
	background:#FBFBFB;
}

table tr td.SmallLabel {
	width:85px;	
}

table tr td.BigLabel {
	width:180px;	
}

table tr td.AlignTop{
	vertical-align:top;
}

input.Number {
	padding-right:3px;
	text-align:right;
}



/*Shortcut*/
.Shortcut{
	z-index:999;
	position:absolute;
	left:0px;
	top:25px;
	display:none;
	min-width:250px;
	height:500px;
	border:#DDD solid 1px;
	background:#FFFFF7	;
	overflow-y:scroll;
}



.SpaceBar, table tr td.SpaceBar {
	line-height:35px;
	font-size:13px;
	color:#888;
	padding:0px;
	padding-left:14px;
	background:#F7F7F7;
	border-bottom:#EEE solid 1px;
	margin-bottom:10px;
}

.SpaceBarBlue {
	line-height:39px;
	font-size:14px;
	color:#FFF;
	padding:0px;
	padding-left:14px;
	background:#0066FF;
	border-bottom:#0066EE solid 1px;
	margin-bottom:10px;
}

.SpaceBarLine {
	line-height:39px;
	font-size:14px;
	color:#888;
	padding:0px;
	padding-left:14px;
	border-bottom:#EEE solid 1px;
	margin-bottom:10px;
}

.Gray {
	color:#BBB;
}

.Red {
	color:red;
}

.Orange {
	color:#FFAA00;
}

.Green {
	color:#00BB00;
}


.White {
	color:#FFF;
}


.Blue {
	color:blue;
}

.RedLight {
	color:#FFBBBB;
}

.Yellow {
	color:#FF8800;
}

.BackWhite {
	background:#FFFFFF;
}

.BackRed {
	background:#FF0000;
	color:#FFFFFF;
}

.BackBlue {
	background:#0000FF;
	color:#FFFFFF;
}

.BackGreen {
	background:#00BB00;
	color:#FFF;
}

.BackLightGray {
	background:#F7F7F7;
}

.BackGray {	
	background:#F7F7F7;
}

.BackDark {	
	background:#888888;
	color:#FFF;	
}

.BackDarkBlue {	
	background:#336699;
	color:#FFF;
	
}

.RedBorder, .BorderRed {
	border:#F00 solid 1px;
}

.CursorHand {
	cursor:pointer;
}

.Bold {
	font-weight:bold;
}

.Big, .BigFont, .BigFont * {
	font-size:16px;
}

.VeryBig, .VeryBigFont, .VeryBigFont * {
	font-size:20px;
}

.SmallFont, table tr td .SmallFont {
	font-size:8px;
}

.Underline, .UnderLine {
	text-decoration:underline;
	padding-left:3px;
	padding-right:3px;
}

.Table, .NoBorderTable, .FormTable  {
	width:100%;
	border-collapse:collapse;
}

.TableRowDark {
	background:#F7F7F7;
}



.Table tr th, .NoBorderTable tr th, .FormTable tr th {
	padding:5px;
	color:#888;
	cursor:pointer;
	text-align:left;
	background:#F7F7F7;
	color:#000;
	border:#EEE solid 1px;
	padding-top:7px;
	padding-bottom:7px;
}

.Table tr th, .Table tr th *, .FormTable tr th * {
	color:#888;
}

.Table tr, .FormTable tr {
}

.Table tr:hover, .Table tr:hover td  {
	background:#FFFFCC; 
}

.Table tr.Selected {
	background:#FFFFBB;
}

.Table tr td, .NoBorderTable tr td, .FormTable tr td {
	border:#EEE solid 1px;
	padding:5px;
	padding-top:7px;
	padding-bottom:7px;
}


table tr th.String, table tr th.Left, table tr td.Left {
	text-align:left;
}

table tr th.Center, table tr td.Center, table tr th.Date, table tr td.Date {
	text-align:center;
}

table tr th.Right, table tr td.Right, table tr th.Number, table tr td.Number {
	text-align:right;
	padding-right:5px;
}

table tr th.Varchar, table tr  th.Varchar   {
	text-align:left;
}

table .BorderLeft, table .BorderLeft  {
	border-left:#DDD solid 1px;
}

table tr td .CellInput {
    width:85%;	
	background-color:#FFFFFF;
	border:#DDDDDD 1px solid;
	padding-left:5px;
	padding-top:4px;
	padding-bottom:4px;
}




.FormTable .Input, .FormTable .TextArea, .FormTable .Select, .FormTable .CheckCodeInput {
	box-sizing:border-box;
	border:#DDD dashed 1px;
	outline:none;
	width:100%;
	line-height:24px;
	padding-left:5px;
	padding-right:5px;
	border-radius:2px;
}

.FormTable .Button {
	padding-left:20px;
	padding-right:20px;
	line-height:18px;
}

.FormTable tr th, .FormTable tr td {
	line-height:20px;
}

td .Input {
	border:#DDD dashed 1px;
	max-width:100%;
}

.BorderTop {
	border-top:#3366BB solid 2px;
}

.BorderTopRed {
	border-top:#EE0000 solid 2px;
}



.Buttons, table  tr td.Buttons,  table tr td.FormButtons {
	padding-top:20px;
	padding-bottom:36px;
	padding-left:15px;
}



/*SearchBar*/
.SearchBar, .PartRefreshForm .SearchBar, .TableToolbar {
	padding-top:10px;
	padding-bottom:9px;
	vertical-align:bottom;
	line-height:35px;
}

.PartRefreshForm .SearchBar .Label, .TableToolbar .Label{
   	display:inline;
}


.SearchBar .Input{
	line-height:25px;
	padding:0px;
	border:#BBB solid 1px;
	border-radius:3px;
	padding-left:5px;
}

.SearchBar .Select{
	line-height:28px;
	padding-top:3px;
	padding-bottom:3px;
	border:#BBB solid 1px;
	border-radius:3px;
}

.SearchBar .Actions {
	position:absolute;
	right:10px;
	top:0px;
	line-height:50px;
}

.SearchBar .Line {
	line-height:35px;
	border-bottom:#EEE solid 1px;
	margin-bottom:3px;
}



.PartRefreshForm .Caption, .Caption, table caption, .Table .Caption, .RedCaption, .SubCaption {
	position:relative;
	background:#0066EE; /*#0055FF*/; /*#3592F2;*/
	color:#FFFFFF;
	line-height:32px;
	text-indent:10px;
	text-align:left;
	font-size:14px;
	border-top-left-radius:2px;
	border-top-right-radius:2px;
}

.PartRefreshForm .Caption *, table caption *, .Caption *, .SubCaption {
	color:#FFFFFF;
}




.CenterButtonsBox, .CenterButtonBox, .CenterButtons {
	padding-top:20px;
	padding-bottom:30px;
	text-align:center;
}

.Button, .ButtonBlue, .ButtonGreen, .ButtonGray {
	padding-left:15px;
	padding-right:15px;
	padding-top:5px;
	padding-bottom:5px;
	font-size:14px;
	background:#0055DD; /*#0055FF; #4CC525;*/ /*1175DF*/
	border:0px;
	color:#FFF;
	overflow:visible;
	margin-right:3px;
	border-radius:4px;
}


.Button:hover, button.Selected {
	background:#FF3311;
	color:#FFF;
}

.ButtonWide{padding-left:30px;padding-right:30px;padding-top:7px;padding-bottom:7px;}

.ButtonBlue {
	background:#7F00FF;
	border:#7F00EE solid 1px;
}

.ButtonGreen {
	background:#7FCC00;
	border:#7FAA00 solid 1px;
}

.ButtonGray {
	background:#888888;
	border:#666666 solid 1px;
}

.Border{
	border:#EEE solid 1px;
}

.BorderDark {
	border:#666 solid 1px;
}

.PagerInput {
	width:20px;
	height:18px;
	background-color: #FFFFFF;
	border:#ADADAD 1px solid;
	padding-left:4px;
	padding-top:2px;
}

.PagerButton {
	color:#000000;
	border:#EEEEEE solid 1px;
	width:25px;
	height:22px;
	margin-left:5px;
	background:#F7F7F7;
}    


.TextArea {
	box-sizing:border-box;
	padding:5px;
	background-color:#FFFFFF;
	padding:3px;
	border:#EEE 1px solid;
	border-radius:2px;
}

.Input, .InputFocus{
	box-sizing:border-box;
	background-color:#FFFFFF;
	padding-left:5px;
	padding-right:5px;
}

.InputFocus {
	background-color: #e1b35d;
}

.InputDate {
	width:100px;
}

.InputDateAndTime {
	width:130px;
}

.SelectInput {
	background:url(/Img/SelectInput.png) no-repeat right center;
	border:#DDDDDD 1px solid;
	padding-left:5px;
	padding-top:4px;
	padding-bottom:4px;
	cursor:pointer;
}

.TipIcon {
	display:inline-block;
	width:16px;
	height:16px;
    position:relative;
    top:3px;
	background:url(/Img/TipIcon.png) no-repeat;
	cursor:pointer;
}

.InputFile {
	width:220px;
	background-color:#FFFFFF;
	border:#DDDDDD 1px solid;
	color:#CCC;
}


.Article .Title {
	font-size:18px;
	font-weight:bold;
	line-height:70px;
	text-align:center;
	
}

.Article .SubTitle {
	font-size:15px;
	padding-top:10px;
	padding-bottom:10px;
	font-weight:bold;
}

.RedTitle {
	font-size:20px;
	font-weight:bold;
	padding-bottom:10px;
	color:#F00;
	text-align:center;
	border-bottom:#F00 solid 3px;
	margin-bottom:20px;
}

.Dotline {
	border:1px dotted #0C0C0C;
}

.Pager {
	margin-top:10px;
	background-color: #FFFFFF;
	padding:10px;
}

.Pager select{
	padding:0px;
}


.Pic{
	border: #888888 1px solid; 
}

.PromptBox {
	width:600px;
	margin:60px auto;
	padding:50px;
	border:#DDD dashed 1px;
	border-radius:10px;
	background:#F7F7F7;
} 

.Prompt {
	display:block;
	color:#FF0000;
	font-size:16px;
	line-height:50px;
	padding-bottom:20px;
	text-align:center;
	padding:15px;
}
 
.PromptBox * {
	font-size:16px;
}

.PromptBox .Actions {
	text-align:center;
	color:#F00;
}

.PromptBox .Actions * {
	color:#F00;
}

.ContentBox {
	padding:15px;
}

.Grid, .SubTable {
	width:100%;
}

.Grid th{
    background:#FFF;
    border:#EEE solid 1px;
    padding:5px;
}


.Grid td, .SubTable th, .SubTable td {
    border:#EEE solid 1px;
    padding:7px;
}

.Grid .Label {
    width:25%;
}

.Grid td.Label{
	background:#FFF;
}


/*.FormPrint*/
.BodierPrint {
	width:900px;
	margin:0 auto;
}

.FormPrint {
	width:100%;
	border-collapse:collapse;
}

.FormPrint tr th, .FormPrint tr td {
	border:#EEE solid 1px;
	padding:5px;
	padding-top:7px;
	padding-bottom:7px;
}

.FormPrint .Label {
	background:none;
}

.FormPrint .Input, .FormPrint .TextArea {
	border:0px;
}







.ButtonBox {
	clear:both;
	padding-left:130px;
	padding-top:20px;
	padding-bottom:30px;
}

.ButtonBox .Button {
	margin-right:5px;
}

.ButtonBoxCenter, .CenterButtons {
	width: 100%; 
	text-align: center;
	margin-top: 20px; 
	margin-bottom: 35px;
}


.BatchBox {
	text-align:right;
	padding-right:10px;
	margin-top:10px;
	margin-bottom:10px;
}

.BatchButton {
	display:inline-block;
	color:#FFF;
	border:#CCCCCC solid 1px;
	padding-top:8px;
	padding-bottom:6px;
	padding-left:20px;
	padding-right:20px;
	background:#12A4E2;
  cursor:pointer;
}

.BatchButton:hover {
	color:#FFF;
}

.OrderByField
{
	cursor: pointer;
}


.OrderByFieldAsc
{
	cursor: pointer;
	padding-right:20px;
	background: url(../Img/Asc.gif) no-repeat right;
}

.OrderByFieldDesc
{
	cursor: pointer;
	padding-right:20px;
	background: url(../Img/Desc.gif) no-repeat right;
}

select option {
	padding-left:5px;
	padding-top:2px;
	padding-bottom:2px;
	cursor:pointer;
}


.FrameTable {
	width:100%;
}

.FrameTable td {
	padding:0px;
	vertical-align:top;
}

.LeftMenuBox {
	width:200px;
}

.IconNew {
	display:block;
	position:absolute;
	right:0px;
	top:0px;
	width:16px;
	height:16px;
	background: url(../Img/IconNew.gif) no-repeat;
}





.ListHorizontal li {
	float:left;
	margin-right:15px;
	padding-left:10px;
	background: url(../Img/Diamond.jpg) no-repeat 0px 8px;
}




.ListEdit li {
	margin-bottom:20px;
}

.ListEdit li div {
	margin-bottom:6px;
}

.SelectList li, .SelectTable tr, .SelectTable tr td {
	cursor:pointer;
}

.SelectList li:hover, .SelectTable tr:hover td {
	background:#FF0000;
	color:#FFF;
}

.SelectList li:hover *, .SelectTable tr:hover td * {
	color:#FFF;
}


/*PicList*/

.PicList li
{	
	position:relative;
	float: left;
	margin-right:15px;	
	cursor:pointer;
	height:180px;
}

.PicList li .Rect {
	width:150px;
	height:130px;
	overflow:hidden;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	border:#EEEEEE solid 1px;
}

.PicList li img
{	
	max-width:140px;
	max-height:120px;
}

.PicList li .ActionBox {
	position:absolute;
	right:5px;
	top:3px;
	display:none;
}

.PicList li:hover .ActionBox {
	display:block;
}

.PicList .Name  {
	text-align:center;
	padding:3px;
}



.SubTable {
	width:100%; 
}

.TabTable {
	width:100%; 
}

.SubTable tr th, .DetailTable tr th {
	border-top:#DDD solid 1px;
	background:#FFF;
	font-weight:normal;
}

.TabTable td {
	border:#EEE solid 1px;
}

.Table td.NoPadding {
	padding:0px;
}


.Table .Label4Col {
	width:15%;
}

.Table .Data4Col {
	width:35%;
}

.SubTable tr td, .Table .SubTable tr td, .TabTable .SubTable tr td {
	border:#DDD solid 1px;
	background:#FFF;
}


.DoingColor {
	background:#FFF6BF;
}

.FinishedColor {
}

.AlertColor {
	background:#FAC090;
}




/*Box*/
.Box {
	position:relative;
	padding:5px;
	margin-bottom:10px;
	border:#DDD solid 1px;
	background:#FFF;
	min-height:150px;
}

.BoxTitle {
	border-bottom:#0055dd solid 3px;
	margin-top:10px;	
	margin-bottom:30px;
	padding-top:0px;
	padding-bottom:20px;
	font-weight:normal;
	font-size:20px;
	text-align:center;
}

.BoxHeader {
	position:relative;
	line-height:35px;
	background:#EEE;
	margin-bottom:10px;
	padding-left:15px;
}

.BoxContent {
	padding:15px;
	line-height:25px;
	margin-bottom:20px;
}

.BoxToolbar {
	position:absolute;
	right:10px;
	top:3px;
}

.BoxToolbar * {
	color:#AAAAAA;
	font-weight:normal;
}

.BoxContent {
	padding-top:5px;
	padding-bottom:5px;
}


.BoxHeaderToolbar {
	position:absolute;
	right:10px;
	top:5px;	
}

.BoxHeaderToolbar li {
	float:left;
	margin-right:5px;	
}

.InputHelp {
	color:#BBB;
	padding-left:10px;
	padding-top:3px;
}


.PaddingBox {
	padding:15px;
}

.BodyPadding, .PaddingBody, .BodierPadding, .PaddingBodier {
	padding:15px;
}


.BodyList .BodierList {
	background:#FFF;
	padding:25px;
	padding-top:15px;
	min-height:700px;
	margin:auto;
	
}


.BorderBox {
	border:#EEE solid 1px;
}

.NotActive {
	text-decoration:line-through;
}

.Help {
	color:#CCC;
}

.MultilineText {
	line-height:25px;
	text-align:justify;
	text-justify:distribute-all-lines;
	text-justify:inter-ideograph;
}

.Indent {
	text-indent:2em;
}

.ScrollBox {
	width:100%;
	max-height:500px;
	border:#EEE solid 1px;
	overflow-y:scroll;
}

.ScrollBox li {
	padding-left:10px;
	padding-top:3px;
	padding-bottom:3px;	
	border-bottom:#EEE solid 1px;
}

.ScrollBox li:hover{
	background:#FFFFCC;
}

.NextIcon {
	  display:inline-block;
    width:10px;
    height:13px;
    background:url(../Img/NextIcon.jpg) no-repeat;
    cursor:pointer;
}


.SpaceLine {
	border-top:#DDD solid 1px;
	margin-top:10px;
	margin-bottom:10px;
}

.SpaceLineBlue {
	border-top:#0033CC solid 2px;
}

.ScrollDiv {
	max-height:560px;
	overflow-y:scroll;
}

.TableNoDataPrompt {
	text-align:center;
	padding-top:15px;
	border-top:#EEE solid 1px;
	font-size:14px;
	color:#F00;
}

.Hidden, .Hide {
	display:none;
}

/*ToolBar*/
.ToolBar {
	margin-bottom:10px;
}

.ToolBar  li{
	float:left;
	margin-right:2px;
	margin-right:10px;
}

.ToolBar li a{
	display:block;
	background:#EEE;
	padding-left:15px;
	padding-right:15px;
	line-height:32px;
	color:#666;
	font-size:14px;
	border-radius:2px;
}

.ToolBar  li a:hover, .ToolBar li a.Selected {
	background:#f26716;
	color:#FFF;
}



/*PairTable*/
.PairTable tr:hover, .PairTable tr:hover td{
	background:#FFF;
}

.PairTable tr td.CategoryBar{
	font-size:14px;
	line-height:30px;
	text-indent:1em;
	background:#FFF;
	padding-top:30px;
}






.TextLine, .LineText {
	line-height:25px;
	padding-top:5px;
	padding-bottom:5px;
}

.VAlignTop {
	vertical-align:top;
}


/*分类列表*/

.CategoryList .Category{
	font-size:14px;
	padding-top:15px;
	padding-bottom:5px;
	margin-bottom:15px;
	padding-left:15px;
	border-bottom:#EEE solid 1px;
}

.CategoryList li ul li{
	float:left;
	width:130px;
	padding-top:80px;
	padding-bottom:10px;
	margin-right:10px;
	margin-bottom:10px;
    background:url(/Img/File.png) no-repeat center 11px;	
	text-align:center;
	border:#EEE solid 1px;
	cursor:pointer;
}

.CategoryList li ul li:hover{
	border:#F00 solid 1px;
	
}

.NewsContent {
	line-height:22px;
	text-indent:2em;
}

.NewsContent p {
	margin-bottom:5px;
}

.HelpIcon {
	cursor:pointer;
}

.Text {
	padding: 5px;
	line-height:23px;
	text-align: justify;
}

.Indent {
	text-indent:2em;
}


/*IconList*/
.IconList {
}

.IconList li {
	position:relative;
	width:33%;
	height:100px;
	float:left;
}

.IconList li a {
	display:block;
	position:relative;
	width:100%;
	height:100%;
}

.IconList li .Icon {
	position:absolute;
	left:50%;
	top:7px;
	width:50px;
	height:50px;
	margin-left:-25px;
	border-radius:3px;
}

.IconList li .Name {
	position:absolute;
	left:0px;
	top:62px;	
	width:100%;
	height:30px;
	text-align:center;
}


.IconList li:hover {
	background:#FFFFDD;
}

.IconList .Category{
	line-height:39px;
	font-size:14px;
	color:#888;
	padding:0px;
	padding-left:14px;
	border-bottom:#EEE solid 1px;
	border-top:#EEE solid 1px;
	margin-top:10px;
	margin-bottom:10px;
	background:#F7F7F7;
}




.Line {
	line-height:25px;
}

.BigButton {  
	display:block;
	width: 95%;
    margin: 30px auto;
    background-color: #20a0ff;
    border: 1px solid #1d8ce0;
    box-shadow: 0px 2px 4px #cdcdce;
    line-height: 39px;
    color: #ffffff;
    border-radius: 4px;
    text-align: center;
	font-size:15px;
	letter-spacing:10px;
}




/*Print*/
@media print {
    .NoPrint { display: none; }
	.PaneBodier{border:0px;}
	
}

.Video {
	display:block;
	width:960px;
	height:540px;
	margin:20px auto;
}

.Audio {
	display:block;
	width:960px;
	min-height:50px;
	margin:20px auto;
}



/*BoxTitle*/

.BoxTitle{
	position:relative;
	font-size:15px;
	padding-top:7px;
	padding-bottom:7px;
	padding-left:20px;
	background:#3399EE;
	color:#FFF;
}

.BoxTitle .Actions {
	position:absolute;
	right:15px;
	top:7px;
	font-size:14px;
}

.BoxTitle .Actions a {
	font-size:14px;
	color:#DD0;
}




/*BarList */
.BarList li{
	border:#EEE solid 1px;
	margin-top:15px;
	padding-bottom:10px;
	margin-bottom:15px;
	background:#FFF;
	padding:20px;
}

.BarList li .Title{
	font-size:16px;
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:#EEE solid 1px;	
}

.BarList li .Actions a{
	color:#AAA;
	font-size:14px;
}

.BarList li .Content{
	line-height:25px;
	font-size:15px;
}

.BarList li .Attaches{
	margin-top:10px;
}

.BarList li .Date {
	margin-top:10px;
	text-align:right;
	color:#BBB;
}



/*Tab*/
.TabHeader {
	background:#F7F7F7;
}

.TabHeader li {
	line-height:35px;
	background:#F7F7F7;
	float:left;
	padding-left:20px;
	padding-right:20px;
	cursor:pointer;
	border-radius:3px;
}

.TabHeader li.Selected, .TabHeader li:hover {
	background:#EEE;
	color:#000;
}

.TabBody{
	padding:15px;
	border:#DDD solid 1px;
	min-height:100px;
}


/*WebList*/
.WebList li{
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:#EEE solid 1px;
}



/*BlockList*/
.BlockList {
	display:flex;
}

.BlockList li {
	flex:1;
	background:#EEE;
	border-right:#FFF solid 1px;
}

.BlockList li a{
	display:block;
	padding:20px;
	font-size:14px;
	padding-left:50px;
	background:url(/Img/Dot.png) no-repeat 20px center;
}


/*PhotoList*/
.PhotoList li {
	position:relative;
	width:80px;
	height:64px;
	float:left;
	margin:3px;
	border:#EEE solid 1px;
}

.PhotoList li img{
	display:block;
	width:100%;
	height:100%;
	margin:auto;
}

.QRCode {
	display:block;
	width:70%;
	max-width:300px;
	margin:auto;
}


/*LeftRightBox*/
.LeftBox {
	position:fixed;
	left:0px;
	top:0px;
	width:200px;
	padding:15px;
	height:100%;
	background:#F7F7F7;
	overflow-x:hidden;
	overflow-y:auto;
	border-right:#EEE solid 1px;
}

.RightBox {
	margin-left:240px;
	height:100%;
}
