/*================================================================================
	1.	GENERAL
	2.	TYPOGRAPHY
	3.	HEADER
	4.	PROFILE BOX
	5.	MENU
	6.	FOOTER
	7.	FORM ELEMENTS
	8.	STATISTICS
	9.	GALLERY
	10.	LIST MENU
	11.	ERROR PAGE
	12.	ALERT BOXES
	13.	TABLE
	14.	SEARCH BOX

================================================================================*/


/*==============================================================================*/
/*	1.	GENERAL
/*==============================================================================*/
body{
	/*background:url("../img/bodybg.png");*/
    background-color:#F8F7F7;
	font-size:12px;
	color:#78858D;
	line-height:20px;
	font-family:"微软雅黑";
}
a{ color:#3175AA;}

a:hover{ color:#333;}
.page{
	/*padding:17px 14px;*/
    padding:0px 0px;
    margin-top:46px;/*yr*/
}
.page_top{
    margin-top:46px;/*yr*/
}
#load_more {
    text-align:center
}

.simplebox{
	margin-bottom:14px;}
.simplebox .titleh{
	/*background:#fff url("../img/gra-linear.png") repeat-x bottom;*/
    background-color:#FFF;
	color:#133D59;
	padding:/*4px*/8px 14px;
    margin-bottom:1px;    
	/*border:1px solid #C1D6E6;*/
    border:0px;
	font-size:14px;}
.content{
	/*background:#fff url("../img/dto-gray.png") repeat-x top;*/
    background-color:#FFFFFF;
	/*border-top:1px solid #92B8D3;*/
	/*border:1px solid #C1D6E6;*/
	/*padding:14px;*/
    padding:0px;/*yr*/
}

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

/*==============================================================================*/
/*	2.	TYPOGRAPHY
/*==============================================================================*/
h1{
	font-size:21px;
	color:#2C6DA3;
	padding:7px 0 13px 0;}
h2{
	font-size:19px;
	color:#2C6DA3;
	padding:7px 0 13px 0;}
h3{
	font-size:17px;
	color:#2C6DA3;
	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("../img/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("../img/icons/mini/arrow.png") no-repeat left 7px;
	padding-left:13px;
	line-height:17px;
	padding-top:2px;
	padding-bottom:8px;}

/*==============================================================================*/
/*	3.	HEADER
/*==============================================================================*/
#header{
    position:fixed;top:0px;z-index:998;/*yr*/
	/*background:url("../img/header-bg.png") repeat-x bottom;*/
    /*background-color:#2E2E2E;黑*/
    background-color:#088A85;
    /*background-color:#F9D960;黄*/
	height:46px;
    width:100%;
	/*position:relative;*/
	text-align:center;
}
#header .logo{
	margin-top:12px;}

#header .button{
	display:block;
	/*background:url("../img/header-button.png") no-repeat 0px 0px;*/
	/*width:34px;*/
    width:34px;
	/*position:absolute;*/
	height:23px;
	padding-top:9px;
    margin-top:7px;
    margin-right:7px;
    float:right;
}
#header .button:hover{
	/*background:url("../img/header-button.png") no-repeat 0px -32px;*/}
#header .button:active{
	/*background:url("../img/header-button.png") no-repeat 0px -64px;*/}
#header-left {
    width:18%;float:left;
}
#header-middle {
    width:60%;float:left;
    border:solid 0px red;float:left;height:24px;color:white;font-size:13px;padding-top:10px;
}
#header-right {
    width:20%;float:left;
}
#div_filter{
	position:fixed;z-index:999;
	/*background:#fff url("../img/gra-linear-with-dot.png") repeat-x bottom;*/
    background-color:#FEF7F7;
	border-bottom:1px solid #C1D6E6;
	padding:14px;
    width:100%;height:100px;margin-top:0px;/*margin-top:65px;*/position:fixed;text-align:center;
}
.filter_td_1 {
    text-align:right;width:30%;
}
.filter_td_2 {
    text-align:left;
}
.filter_table {
    width:100%;
}
.filter_table td{
    height:50px;
}
.filter_button {
    margin-top:14px;
    border:0px;
    font-size:15px;
}
.back{
	top:7px;
	left:9px;
    float:left !important;
    margin-left:7px;
}
.filter{
	top:7px;
	right:83px;
}
.search{
	right:46px;
	top:7px;}
.create{
	top:7px;
	right:9px;}

/*==============================================================================*/
/*	4.	PROFILE BOX
/*==============================================================================*/
.profilebox{
	background:#fff url("../img/gra-linear.png") repeat-x bottom;
	border:1px solid #C1D6E6;
	font-size:14px;
	border-radius:3px;
	padding:12px 10px;
	color:#143D5B;
	position:relative;
	line-height:19px;
	margin-bottom:14px;}
.profilebox .avatar{
	float:left;
	margin-right:8px;}
.profilebox .logout{
	position:absolute;
	width:30px;
	height:30px;
	background:url("../img/close-icon.png") no-repeat center;
	text-indent:-9999px;
	right:8px;
	top:8px;}
.profilebox .logout:hover{
	background:url("../img/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:1px solid #D8D8D8;
	border-top:none;
	background:#fff;
	position:relative;}
#menu li a{
	display:block;
	position:relative;
	padding:17px;
	/*color:#154364;*/
    color:black;
	/*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("../img/arrow-ts.png") no-repeat right;}
#menu li a:hover{
	/*background:#4088C0 url("../img/menu-hover.png") repeat-x bottom;*/
    background:#F2F2F2;
	/*color:#4088C0;*/

}
#menu li a:hover b{
	background:url("../img/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("../img/input-bg.png") repeat-x top;
	border-radius:3px;
	padding:10px;
	margin-right:7px;}
*/
input {
    border-top:0px;border-left:0px;border-right:0px;
    border-bottom:solid 1px #D1D3D3;
}
.form_text{
	font-size:12px;
    font-family:"微软雅黑";
    height:35px;width:98% !important;
    background:#fff url("");border-radius:0px;padding:0px;margin-right:0px;
    border-top:0px;border-left:0px;border-right:0px;
    border-bottom:solid 1px #D1D3D3;
}
#m_search {
    width:100%;height:100%;background-color:white;position:fixed;top:0px;z-index:1000;border:solid 1px gray;
}
#m_search_results li{
    border-bottom:solid 1px #D1D3D3;
    height:30px;
    font-size:16px;
    color:black;
    padding-top:10px;
    padding-left:10px;
}


.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:0px solid #FFFFFF;
	font-weight:bold;
	padding:8px;
	background-color:#088A85;}
.submit-button_old{
	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("../img/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("../img/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:0px;color:black;}

.statistics li:hover{
    background:#F2F2F2;
}
.statistics li{
    color:black;/*yr*/
	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;}
.statistics .black{ color:black;}


/*==============================================================================*/
/*	10.	LIST MENU
/*==============================================================================*/
.list-menu{
	border-top:1px solid #C1D6E6;
	padding-bottom:14px;
	font-size:12px;}
.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:15px;
	padding-right:15px;}
.list-menu li a b{
	/*background:url("../img/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("../img/menu-hover.png") repeat-x bottom;*/
	color:#4088C0;}
.list-menu li a:hover b{
	/*background:url("../img/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;}


/*==============================================================================*/
/*	14.	SEARCH BOX
/*==============================================================================*/
.searchbox{
	position:relative;
	/*background:#fff url("../img/gra-linear-with-dot.png") repeat-x bottom;*/
    background-color:#FEF7F7;
	border-bottom:0px solid #F2F2F2;
	padding:14px;
    /*margin-top:46px;*/
    margin-top:7px;
	display:none;
    
}
.searchbox form{}
.searchbox .txtbox{
	font:bold 14px Arial, Helvetica, sans-serif;
	/*width:85%;*/
    width:50%;
	background:#fff url("../img/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;}

.no_result {
    font-size:15pt;
    text-align:center;
    margin-top:150px;
}
#info_bar {
    /*border:solid 1px red;*/
    /*margin-bottom:10px;*/
    text-align:right;
    position:fixed;
    top:4px;right:4px;z-index:999;
}

/*底部固定的条*/
.bottom_bar{
    position:fixed;bottom:0px;width:100%;height:50px;
	/*background:#fff url("../img/gra-linear-with-dot.png") repeat-x bottom;*/
    background-color:#FFFFFF;
	border-top:1px solid #C1D6E6;
    font-size:16px;
   
}
/*常规按钮*/
.often_btn{
    font-size:14px !important;
	background:#ffa000;
	color:#fff;
    height:30px;
	text-align:center;
}
/*橙色按钮*/
.orange_btn{
    font-size:14px !important;
	background:#ffa000;
	color:#fff;
    height:30px;
	text-align:center;
}
/*首页按钮*/
#home_btn {
    position:fixed;
    bottom:54px;
    left:18px;
    width:35px;height:35px;
    background:url("../img/home_btn.png");
    background-size:35px 35px;
    z-index:999;
    cursor:pointer;
}
#m_keyword {
    width:80%;height:25px;
}
.win_preview
{
    margin: 0px;
    top: 0px;
    left: 0px;
    z-index: 999;
    width: 100%;
    height: 100%;
    border: solid 0px gray;
    position: absolute;
    background-color: #FFFFFF;
}
.win_preview_header
{
    width: 100%;
    height: 46px;
    border: solid 0px black;
    font-size: 18px;
    background-color: #088A85;
}
.win_preview_header img
{
    width:15px;height:16px;
}
