/*==============================================================================*/
/*	1.	GENERAL
/*==============================================================================*/
body{
	background:url(../images/bodybg.png);
	font-size:12px;
	color:#78858D;
	line-height:20px;
	font-family:Arial, Microsoft YaHei, sans-serif;}
a{ color:#000000;}

a:hover{ color:#333;}
.page{
	padding:17px 14px;}
.simplebox{
	margin-bottom:18px;}
.simplebox .titleh{
	background:#fff url(../images/gra-linear.png) repeat-x bottom;
	color:#EE3B3B;
	padding:16px 16px;
	border:1px solid #C1D6E6;
	border-bottom:none;
	font-size:20px;}
.simplebox .content{
	background:#fff url(../images/gra-linear.png) repeat-x bottom;
	color:#133D59;
	padding:14px 14px;
	border:1px solid #C1D6E6;
	border-bottom:none;
	font-size:18px;}

.content{
	background:#fff url(../images/dto-gray.png) repeat-x top;
	border-top:1px solid #92B8D3;
	border:1px solid #C1D6E6;
	padding:16px;
        }
.newimg img{
background-size:contain|cover;
max-width:95%;
max-height: auto;
}

.topbutton{
	border:1px solid #92B8D3;
	margin-bottom:20px;
	border-radius:4px;
	text-align:center;
	background:#fff url(../images/gra-linear.png) repeat-x bottom;}
.topbutton a{
	display:block;
	padding:13px;
	font-weight:bold;}
.topbutton span{
	background:url(../images/page-top.png) no-repeat left;
	padding:0px 20px;}
.topbutton a:hover{
	color:#17486C;}

/*==============================================================================*/
/*	2.	TYPOGRAPHY
/*==============================================================================*/
h1{
	font-size:24px;
	color:#2C6DA3;
	padding:7px 0 13px 0;}
h2{
    background:#fff url(../images/gra-linear.png) repeat-x bottom;
	color:#2C6DA3;
	padding:16px 16px;
	text-indent : 1em;
	border:1px solid #C1D6E6;
	border-bottom:none;
	font-size:20px;}
h3{
	font-size:18px;
	color:#000000;
	padding:7px 0 13px 0;}
h4{
	font-size:15px;
	color:#2C6DA3;
	padding:7px 0 13px 0;}
h5{
	font-size:13px;
	color:#2C6DA3;
	padding:7px 0 13px 0;}

blockquote{
	background:#FFF9DB;
	border:1px solid #F3D97E;
	border-left:7px solid #F3D97F;
	font-size:12px;
	color:#988833;
	line-height:17px;
	padding:10px;
	margin:13px 0px;
	border-radius:3px;}

.list-plus{
	color:#64727C;
	padding:5px 10px;}
	
.list-plus li{
	display:block;
	background:url(../images/icons/mini/plus.gif) no-repeat left 7px;
	padding-left:13px;
	line-height:17px;
	padding-top:2px;
	padding-bottom:8px;}

.list-arrow{
	color:#64727C;
	padding:5px 10px;}
	
.list-arrow li{
	display:block;
	background:url(../images/icons/mini/arrow.png) no-repeat left 7px;
	padding-left:13px;
	line-height:17px;
	padding-top:2px;
	padding-bottom:8px;}

/*==============================================================================*/
/*	3.	HEADER
/*==============================================================================*/
#header{
	background:url(../images/header-bg.png) repeat-x bottom;
	height:46px;
	position:relative;
	text-align:center;}
#header .logo{
	margin-top:12px;}

#header .button{
	display:block;
	background:url(../images/header-button.png) no-repeat 0px 0px;
	width:34px;
	position:absolute;
	height:23px;
	padding-top:9px;}
#header .button:hover{
	background:url(../images/header-button.png) no-repeat 0px -32px;}
#header .button:active{
	background:url(../images/header-button.png) no-repeat 0px -64px;}
.back{
	top:7px;
	left:9px;}
.search{
	right:46px;
	top:7px;}
.create{
	top:7px;
	right:9px;}

/*==============================================================================*/
/*	4.	PROFILE BOX
/*==============================================================================*/
.profilebox{
	background:#fff url(../images/gra-linear.png) repeat-x bottom;
	border:1px solid #C1D6E6;
	font-size:18px;
	border-radius:3px;
	padding:12px 10px;
	color:#143D5B;
	position:relative;
	line-height:30px;
	margin-bottom:14px;}
.profilebox .avatar{
	float:left;
	margin-right:8px;}
.profilebox .logout{
	position:absolute;
	width:30px;
	height:30px;
	background:url(../images/close-icon.png) no-repeat center;
	text-indent:-9999px;
	right:8px;
	top:8px;}
.profilebox .logout:hover{
	background:url(../images/close-icon2.png) no-repeat center;}

/*==============================================================================*/
/*	5.	MENU
/*==============================================================================*/
#menu{
	border-top:1px solid #C1D6E6;
	padding-bottom:14px;
	font-size:14px;}
#menu li{
	display:block;
	border:1px solid #C1D6E6;
	border-top:none;
	background:#fff;
	position:relative;}
#menu li a{
	display:block;
	position:relative;
	padding:17px;
	color:#154364;
	font-weight:bold;
	padding-left:54px;
	padding-right:15px;}
#menu li .m-icon{
	position:absolute;
	left:14px;
	top:15px;}
#menu li a b{
	display:block;
	font:bold 14px Arial, Microsoft YaHei, sans-serif;
	background:url(../images/arrow-ts.png) no-repeat right;}
#menu li a:hover{
	background:#4088C0 url(../images/menu-hover.png) repeat-x bottom;
	color:#4088C0;}
#menu li a:hover b{
	background:url(../images/arrow-ts-hover.png) no-repeat right;
	color:#fff;}
#menu li a span{
	font-weight:bold;
	color:#fff;
	background:#3277AB;
	padding:3px 5px;
	border-radius:2px;
	margin-left:10px;}
#menu li a:hover span{
	background:#EAF0F6;
	color:#3277AB;}
#menu li a .red{
	background:#E76463;}

/*==============================================================================*/
/*	6.	FOOTER
/*==============================================================================*/
.footer{
	color:#86AECD;
	font-size:11px;}



/*==============================================================================*/
/*	7.	FORM ELEMENTS
/*==============================================================================*/
label{ margin-right:7px;}

input, select, textarea{
	border:1px solid #D1D3D3;
	border-top:1px solid #A5A6A6;
	color:#A5A5A5;
	font:12px Arial, Helvetica, sans-serif;
	background:#fff url(../images/input-bg.png) repeat-x top;
	border-radius:3px;
	padding:10px;
	margin-right:7px;}
.form-line{
	padding-bottom:19px;}
.st-label{
	display:block;
	font-weight:bold;
	padding-bottom:6px;}
.submit-button{
	font:14px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	border:1px solid #17486C;
	font-weight:bold;
	text-shadow: 0px -1px #1C5580;
	padding:8px;
	border-radius:3px;
	background:#246597 url(../images/blue-button.png) repeat-x top;}
.submit-button:hover{
	border:1px solid #113753;}
.submit-button:active{
	box-shadow: inset 0 0 0.5em #17486C;}
.reset-button{
	font:14px Arial, Helvetica, sans-serif;
	color:#17476C;
	border:1px solid #A3BDD3;
	font-weight:bold;
	text-shadow: 0px -1px #fff;
	padding:8px;
	border-radius:3px;
	background:#fff url(../images/reset-button.png) repeat-x bottom;}
.reset-button:hover{
	border:1px solid #88AAC6;}
.reset-button:active{
	box-shadow: inset 0 0 0.5em #A3BDD3;}

/*==============================================================================*/
/*	8.	STATISTICS
/*==============================================================================*/
.statistics{ padding:0;}
.statistics li{
	border-bottom:1px solid #E3EBF3;
	padding:12px 14px;
	display:block;
	position:relative;}
.statistics li p{
	display:block;
	position:absolute;
	text-align:right;
	right:14px;
	top:12px;}
.statistics .green{ color:#308359;}
.statistics .blue{ color:#4B789A;}
.statistics .red{ color:#CD6557;}

/*==============================================================================*/
/*	9.	GALLERY
/*==============================================================================*/
.get-photo{
	border-bottom:11px solid #E3EBF3;
	padding:6px 0px;}
.get-photo img{
	float:left;
	width:100px;
	height:100px;
	margin-right:6px;}

/*==============================================================================*/
/*	10.	LIST MENU
/*==============================================================================*/
.list-menu{
	border-top:1px solid #C1D6E6;
	padding-bottom:14px;
	font-size:16px;}
.list-menu li{
	display:block;
	border:1px solid #C1D6E6;
	border-top:none;
	background:#fff;}
.list-menu li a{
	display:block;
	position:relative;
	padding:14px;
	color:#154364;
	font-weight:bold;
	padding-left:10px;
	padding-right:10px;}
.list-menu li a b{
	background:url(../images/arrow-ts.png) no-repeat right;
	padding-right:19px;
	display:block;
	font:bold 12px Arial, Helvetica, sans-serif;
	line-height:23px;}
.list-menu li a:hover{
	background:#4088C0 url(../images/menu-hover.png) repeat-x bottom;
	color:#FFFFFF;}
.list-menu li a:hover b{
	background:url(../images/arrow-ts-hover.png) no-repeat right;
	color:#fff;}
.list-menu li a span{
	font-weight:bold;
	color:#fff;
	background:#3277AB;
	padding:3px 5px;
	border-radius:2px;
	margin-left:10px;}
.list-menu li a:hover span{
	background:#EAF0F6;
	color:#3277AB;}
.list-menu a .red{
	background:#E76463;}

/*==============================================================================*/
/*	11.	ERROR PAGE
/*==============================================================================*/
.error-page{
	text-align:center;
	color:#78858C;}
.error-page h3{
	color:#E76463;
	font-size:14px;
	line-height:21px;
	padding:10px 0px;}
.error-page p{
	border-top:1px solid #E3EBF3;
	border-bottom:1px solid #E3EBF3;
	padding:10px 0px;}
.error-page .buttons{
	padding:20px 0px;}

/*==============================================================================*/
/*	12.	ALERT BOXES
/*==============================================================================*/
.albox{
	font-size:12px;
	line-height:17px;
	box-shadow:0px 1px 0px 0px #F7F7F7;
	position:relative;
	margin:15px 0px;
	padding:14px 42px;
	border-radius:2px;}
.albox .close{
	display:block;
	position:absolute;
	width:30px;
	height:30px;
	text-indent:-9999px;
	right:0;
	top:0;
	background:url(../images/icons/mini/close-opacity-21.png) no-repeat center;}
.albox .close:hover{
	background:url(../images/icons/mini/close-opacity-42.png) no-repeat center;}
.albox .icon{
	position:absolute;
	left:14px;
	top:14px;}
.warningbox{
	background:#FFF8D8 url(../images/icons/error/error.png) no-repeat 14px 14px;
	border:1px solid #F3D97E;
	color:#A68510;}
.succesbox{
	background:#EBF9E2 url(../images/icons/error/accept.png) no-repeat 14px 14px;
	border:1px solid #BEE4A5;
	color:#658C2C;}
.informationbox{
	background:#E9F3F8 url(../images/icons/error/help.png) no-repeat 14px 14px;
	border:1px solid #BBD7E4;
	color:#3876C6;}
.errorbox{
	background:#F8E9E9 url(../images/icons/error/cross.png) no-repeat 14px 14px;
	border:1px solid #E4BBBC;
	color:#BF2C11;}

/*==============================================================================*/
/*	13.	TABLE
/*==============================================================================*/
.tabledata{
	width:100%;
	border:1px solid #C1D6E6;
	background:#fff;}
.tabledata th, .tabledata td{
	border:1px solid #C1D6E6;
	padding:5px;}
.tabledata tbody{border:1px solid #C1D6E6;}
.tabledata thead{
	background:#fff url(../images/gra-linear-with-dot.png) repeat-x bottom;
	border-bottom:1px solid #C1D6E6;
	text-align:left;}

/*==============================================================================*/
/*	14.	SEARCH BOX
/*==============================================================================*/
.searchbox{
	position:relative;
	background:#fff url(../images/gra-linear-with-dot.png) repeat-x bottom;
	border-bottom:1px solid #C1D6E6;
	padding:14px;
	display:none;}
.searchbox form{}
.searchbox .txtbox{
	font:bold 14px Arial, Helvetica, sans-serif;
	width:85%;
	background:#fff url(../images/search-blue.png) no-repeat left;
	padding-left:30px;}
.searchbox .button{
	position:absolute;
	border:0;
	padding:0;
	position:absolute;
	background:red;
	background-image:none;
	top:10px;
	right:14px;}


/*==============================================================================*/
/*	14.	nav
/*==============================================================================*/

ul,li{ padding:0; margin:0;list-style:none;font-size:18px;}
.nav{border:1px solid #1874CD; width:100%; overflow:hidden}
.nav li{ line-height:22px; float:left; padding:0 5px;}
.nav li a:hover{ color:#1874CD}
/* 对class=nav设置黑色边框，鼠标滑过超链接文字为红色 */

nav{ border:0px solid #1874CD; width:100%; overflow:hidden;}
nav li{line-height:30px; float:left; padding:0 15px;}
nav li a{ color:#1874CD}
/* 对nav设置红色边框，超链接位置为红色 */

nav.bg{ background:#C1D6E6}
nav.bg li a{ color:#104E8B}

/* 对nav设置class=bg，设置背景为灰色，超链接位置为绿色 */