﻿body { margin: 0px; padding: 0px; }
#wapper { margin: 0 auto; width: 1024px; }

#header { width: 100%; height: 234px; background: url('../images/header.jpg') no-repeat; margin-bottom: 1px; padding: 0px; }
#content { }
#footer { clear: both; width: 100%; font-size: 0.8em; text-align: center; }

#header_top { height: 190px; margin: 0px; padding: 0px; }

/* header */
#logo { display: inline; float: left; margin-left:40px; margin-top:60px; background: url('../images/logo.png') no-repeat; }
#logo a { color: none; text-decoration: none; } 
#logo p { font-family: 微软雅黑; margin-left: 80px; }
#logo_school {  font-size:14pt; color:blue; margin-top: 5px; margin-bottom: 0px; font-weight: bolder; }
#logo_institute { font-size:28pt; color:red; margin-top: -5px; margin-bottom: 0px; font-weight: bolder; filter: Invert; }
#header_ad { white-space:nowrap; clear:right; float:right; margin-right:30px; margin-top:110px; text-align:left; font-family:微软雅黑; font-size:18px; color:white; font-weight: bolder; }

#header_tool { float: right; color: grey; font-size: 0.8em; margin: 10px; }

/* menu */
#menu { height: 44px; width: 100%; background: url('../images/menu.jpg'); background-repeat: no-repeat; }
#menu ul { list-style: none; clear: both; margin: 0px; height: 100%; padding-left: 40px; float:left; }
#menu li { display: inline; margin-left: 40px; height: 100%; line-height: 44px; }
#menu .li_first { margin-left: 5px; }
#menu .li_second { margin-left: 45px; }
#menu .li_third { margin-left: 25px; }
#menu li a { color: white; text-decoration: none; font-family: 微软雅黑; font-weight: bold; }
#menu #menu_search { float: right; margin: 12px 12px 0 0; }
#menu #menu_search #submit { float: right; padding: 0px; width: 44px; border: none; background: none; color: white; font-family: 微软雅黑; font-weight: bolder; font-size: 14px; }
#menu #menu_search #query { float: right; margin: 2px 8px 0 0; width: 125px; border: none; border-width: 0px; }

/* content */
#left_sidebar{ float:left; margin-left:-351px; width:50%;}
#sub_left_sidebar { margin-left: 351px; }

/* block */
.block { margin-bottom: 1px; border:1px solid gray; }
.block_no_border { margin-bottom: 1px; }
.block .title { text-align: center; font-size: 0.9em; font-weight: bolder;  display: block; font-family: 微软雅黑; font-weight: bold; padding: 3px; background: #f0f0f0; letter-spacing: 2px; }
.block .title a { text-decoration: none; color: black; }
.block .body { font-size: 0.8em; padding: 10px; }
.block ul { list-style: none; padding: 0px; margin: 0px; }
.block li { margin-bottom: 7px; }
.block .li_hidden { width: 100%; overflow: hidden; }
.block .body img { }

/* big_block */
.big_block { margin-bottom: 1px; border: 1px solid gray; padding: 20px 30px 20px 30px; background: rgb(245, 245, 245)}
.big_block .big_title { width: 100%;  display: block; font-family: 微软雅黑; text-align: center; font-size: 1.2em; font-weight: bolder; margin-bottom: 8px; letter-spacing: 2px;}
.big_block .big_title a { text-decoration: none; color: black; }
.big_block hr { clear: both; margin-top: 20px; width: 100%; }
.big_block .small_title { clear: both; font-size: 0.8em; text-align: center; width: 100%; margin-bottom: 20px; letter-spacing: 2px;}
.big_block .small_title .time { color: grey; }
.big_block .small_title .author { color: red; }
.big_block .body { clear: both; line-height: 1.4em; font-size: 0.9em; }
.big_block .end { clear: both; margin: 0px; padding: 0px; }
.big_block ul { list-style: none; }
.big_block li { margin-bottom: 5px; }
.big_block .body p { margin-bottom: 10px; }
.big_block .body img{max-width:740px; width:expression(this.width > 740 ? "740px" : "auto"); height:auto; }

/* float_right */
.right { text-align: right; }

/* blank2 */
.blank2 { text-indent: 2em; margin: 0px; clear: both; float: left; width: 100%; }
.blank2 p { margin-top: 0px; line-height: 175%; }
.blank2 .left_img { float:left; margin: 0 10px 10px 0; } 

/* float */
.float_left { float: left; margin: 10px 10px 10px 0; }
.float_right { float: right; margin: 10px 0 10px 0; }

/* path */
#path { background: grey; font-size: 0.9em; padding: 5px 0 5px 10px; background: #D9D9D9;}

/* form */
form {}
.form_list { list-style: none; }
.form_list li { min-height: 20px; margin-bottom: 10px; }
.form_list li label { clear: left; float: left; text-align: right; width: 80px; margin-right: 10px; }
.form_list li .input { display: inline; }
.form_list li .input input { margin: 0px; width: 580px; } 
.form_list li .input input[type=checkbox] { width: auto; } 
.form_list li .checkbox { display: inline; }
.form_list li .checkbox input{ width: auto; }
.form_list li .input textarea { margin: 0; width: 580px; }
.errors { clear: left; padding: 0px; margin: 5px 85px 10px 90px; color:red; font-size:1em; }
.errors li { display: none; }
.errors li:first-child { display: block; } 
.form_list .radio input { width: auto; margin-left: 60px; dispaly: inline; }
.form_list .radio label { clear: none; }
.form_list .select { clear: left; }
.form_list .select select { margin: 5px; }
.form_list #captcha { width: 100px; margin-top: 10px; margin-right: 5px; float:left; }
.form_list ._captcha label { margin-top: 10px; }
.form_list ._captcha img { margin: 0px 5px 0 0px; padding: 0px; }
.buttons { margin-left: 130px; }
.buttons input { margin-right: 5px; min-width: 80px; }

/* pagination */
.paginationControl { font-size: 0.8em; } 

/* admin */

#admin .index { width: 100%; font-size: 0.9em; border-spacing: 0px;}
#admin .index td { padding: 40px; width: 50%; }
#admin .index hr { margin-top: 10px; width: 100%; }
#admin .index .td_title { margin-left: 5px; font-size: 1.1em; font-weight: bolder; }
#admin .user { width: 100%; }
#admin .user th { background: rgb(211, 220, 227);}
#admin .user .odd { background: rgb(229, 229, 229); }
#admin .user .even { background: rgb(213, 213, 213); }
#admin ul label { width: 80px; }
#admin .small_title { font-size: 16px; font-family: 微软雅黑; font-weight: bold; display: block; text-align: center; }
#admin #template span label { clear: none; float: none; }
#admin #template span input { width: 243px; float: left; }

/* news */


/* technology */


/* contact */
#contact table { margin: 0 auto; }
#contact table td { padding-bottom: 5px; }
#contact table td img { max-width: 700px; }

/* price */
#price table { width: 100%;  border:grey solid; border-width:1px 0 0 1px; border-spacing: 0px; }
#price table th { font-size: 0.9em; border: grey solid; border-width:0 1px 1px 0; padding: 5px; background: rgb(211, 220, 227); }
#price table td { font-size: 0.8em; border: grey solid; border-width:0 1px 1px 0; padding: 5px; text-align: center; }

/* example */
#example li { margin-right: 10px;}
#example li label { margin-right: 10px; }
#example li .input { display: inline; margin-left: 10px; margin-bottom: 10px; }
#example li .input label { margin-left: 100px; width: auto; }
#example li .input label input{ width: auto; margin-right: 5px; }
#example table { width: 100%; border:grey solid; border-width:1px 0 0 1px; border-spacing: 0px;}
#example table td { font-size: 0.8em; padding: 8px; border: grey solid; border-width:0 1px 1px 0; }
#example table td:first-child { width: 100px; text-align: center; }
#example .example_block { background: white; margin-bottom: 20px; padding: 10px; border: 1px solid black;}
#example .admin { border: none; border-spacing: 2px;}
#example .admin td { border: none; }
#example .admin th { background: rgb(211, 220, 227);}
#example .admin .odd { background: rgb(229, 229, 229); }
#example .admin .even { background: rgb(213, 213, 213); }
#example .example_block { border:grey solid 1px; padding: 0px; }
#example .example_block .type { background: rgb(211, 220, 227); padding: 5px 0 5px 10px; font-size: 14px; font-family: 微软雅黑; font-weight: bold; }
#example .example_block .type a { color: black; text-decoration: none; }
#example .example_block ul { clear: both; margin: 0px; padding: 0px; }
#example .example_block li { margin: 0px; padding: 10px 10px 0px 10px; }
#example .example_block li .title { float: left; }
#example .example_block li .time { float: right; }
#example .example_block .more { text-align: right; padding: 10px; }

/* promise */
#promise { background: url('../images/bg-promise.jpg') repeat-x; padding-top: 5px; }
#promise .title { background: none; font-size: 18px; text-align: left; margin-left: 10px; font-family: 微软雅黑; font-weight: bold; color: white; }
#promise .body { color: white; }

/* phone */
#img_phone { width: 161px; }

/* big */
#img_big { width: 700px; }

#banner img { height: 129px; }

/* intro */
#intro .body table { clear:both; }
#intro .body table img { min-height: 100px; }
#intro .small_title { font-size: 16px; display: block; text-algin: center; font-family: 微软雅黑; font-weight: bold;  }
#intro .small_title a { color: black; text-decoration: none; }
#intro .body .right { margin-top: -10px; }

/* tools */
.tools { float: right; padding-bottom: 10px; clear:both; }

/* search */
#search #search_index .search_title { font-size: 1.2em;}
#search #search_index .search_small_title span { font-size: 0.9em; color: gray; margin-right: 20px; }
#search #search_index .search_synopsis { font-size: 0.9em; }
#search #search_index .search_url { font-size: 0.9em; color: green; }
#search #search_index ul { margin: 0px; padding: 0px; }
#search #search_index li { margin-bottom: 20px; }

/* meiti */
#meiti .body { padding: 0px; }
#meiti li { margin: 5px; border:gray solid 1px; }
#meiti li img { width: 100%; height: auto; }
#meiti li p { margin: 0px; padding: 5px 0 10px 0; text-align: center; }

/* zhuzuo */
#zhuzuo .body { padding: 0px; }
#zhuzuo li { margin: 5px; border:gray solid 1px; }
#zhuzuo li img { width: 100%; height: auto; }
#zhuzuo li p { margin: 0px; padding: 5px 0 10px 0; text-align: center; }

#index_news table { width: 100%; }
#index_news table td { padding: 10px; }
#index_news table td .title {text-align: left; font-weight: bold; }
#index_news table td .time { float: right; font-size: 0.8em; color: gray; }
#index_news table td .body { margin-top: 10px; }

.is_toped a { color: red; }

#news li .time { float: right; font-size: 0.9em; color: gray; }
#technology li .time { float: right; font-size: 0.9em; color: gray; }
#example li .time { float: right; font-size: 0.9em; color: gray; }
