@charset "utf-8";
* {
	margin:0;
	padding:0;
	border:0;
}

body {
	margin: 0; /* 最好将 body 元 的边距和填充设置为 0 以覆盖不同的浏览器默认值 */
	padding: 0;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#header/* 具有 题和脚注的绝对定位侧 的提示：
1. 必须为绝对定位 (AP) 元 指定顶部边距和侧边距（左边距或右边距）。默认情况下，如果未指定顶部边距，则 AP 元 将紧跟页面源代 中的前一个元 之后出现。这意味着，如果在文档的源代 顺序中，侧 是 #container 中的第一个元 ，那么，即使未提供顶部边距值，侧 也将出现在 #container 的顶端。但是，如果它们的源代 顺序之后由于任何原 而移动，就需要具有顶部边距值，才能显示在所需的位置。
2. 绝对定位 (AP) 元 已从文档流中去除。这意味着绝对定位元 周围的元 不知道它们是否存在，在 据合理的页面空间时不会考虑它们。 此，如果您确信大部分内容将总是包含在中间的 #mainContent div 中，则只应当将 AP div 用作侧 。如果任一侧 中将包含更多的内容，则该侧 将超出父 div（在本例中父 div 同时还为脚注）的底部，此时侧 会看起来没有被完全包含进来。
3. 如果满足了上述要求，则可以使用绝对定位侧 来方便地控制文档的源代 顺序。
4. 如果源代 顺序发生变化，则顶部边距值应当等于 题的高度， 为这将使得这些 与 题在视觉上对齐。
*/ {
	height: 92px;  /* 此填充会将出现在它后面的 div 中的元 左对齐。如果 #header 中使用的是图像（而不是文本），您最好 除填充。 */
	padding-top: 0;
	padding-bottom: 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #7f817e;
	margin: 0px;
}
#mainContent {
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0;
	padding-bottom: 0;
	background-color: #99FF99;
	margin-top: 0;
}
#container {
	position: relative; /* 添 “position: relative”允许您将两个侧 相对于此容器放置 */
	width: 970px;  /* 使用比最大宽度 (800px) 小 20px 的宽度可显示浏览器界面元 ，并避免出现水平滚动条 */
	background: #FFFFFF; /* 这将覆盖 body 元 上的“text-align: center”。 */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	text-align: left;
	padding: 0px;
}
#container #header .logo {
	height: 92px;
	width: 464px;
	background-color: #F10480;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #7f817e;
	float: left;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
#container #header h1 {
	padding-left: 22px;
	margin-top: 8px;
}

#container #header .search {
	background-color: #999900;
	width: 505px;
	height: 92px;
	float: left;
	position: relative;
}
#container #header .search .news img {
	float: left;
}
#container #header .search .news #inputNews {
	font-size: 11px;
	color: #599bab;
	height: 15px;
	width: 117px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #c3b49d;
	border-left-color: #c3b49d;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: left;
	margin-top: 2px;
}
#container  #header  .search  .news  #image {
	float: left;
	margin-top: 2px;
}
#container  #header  .search  .extranet  img  {
	clear: both;
}
#container  #header  .search  .extranet   #user  {
	height: 15px;
	width: 117px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #599bab;
	float: left;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #c3b49d;
	border-left-color: #c3b49d;
}
#container  #header  .search  .extranet  #pwd  {
	height: 15px;
	width: 117px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #599bab;
	float: left;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #c3b49d;
	border-left-color: #c3b49d;
	margin-left: 3px;
}
#container #header .search .extranet #photo {
	float: left;
}
#container #header .search .news {
	background-color:#8CD4E6;
	float:left;
	height:35px;
	padding:8px 0pt 0pt 20px;
	width:156px;
}
#container #header .search .extranet {
	height: 35px;
	width: 273px;
	padding:8px 0 0 20px;
	background-color: #7f817e;
	float: left;
}

#container #header .search .ok {
	height: 43px;
	width: 36px;
	float: left;
}
#container #header .search .topmenu {
	background-color: #c3b49d;
	height: 48px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #7f817e;
	float: left;
	width: 505px;
}
#container #header .search .topmenu ul {
	list-style-type: none;
	margin-top: 15px;
	margin-left: 30px;
}
#container #header .search .topmenu li {
	float: left;
	margin-right: 20px;
}



#container #mainContent .photo {
	height: 230px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #7f817e;
	background-color: #FFFFFF;
}
#container  #mainContent  .photo2  {
	height: 321px;
	background-color: #F10480;
}
#container #mainContent .photo2 ul {
	list-style-type: none;
	text-align: center;
	margin-left: 25px;
}
#container #mainContent .photo2 li {
	float: left;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-right: 10px;
	/*width: auto;*/
	
}
#container #mainContent .photo2 a {text-decoration:underline;color:#FFFFFF}
#container #mainContent .photo2 a:hover {
	color: #8FD6E7;
	text-decoration: none;
}


#container #mainContent .photo2 .txt {
	width: 330px;
	float: left;
	/**font-family: "Colossalis Regular", "Times New Roman", "Times", "serif";**/
	font-family: "Times New Roman", "Times", "serif";
	font-size: 18px;
	color: #FFFFFF;
	text-align: right;
	height: 100px;
	margin-top: 40px;
}
#container #mainContent .photo2 .txt2 {
	/**font-family: "Colossalis Regular", "Times New Roman", "Times", "serif";**/
	font-family: "Times New Roman", "Times", "serif";

	font-size: 24px;
	width: auto;
	float: left;
	margin-left: 20px;
	padding-left: 20px;
	margin-top: 38px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #8cd4e6;
	color: #FFFFFF;
}
#container #mainContent .photo2 .txt2 span {
	color: #8cd4e6;
}

#container #mainContent .photo2 h3 {font-size:16px}
#container #mainContent .photo2 h4 {font-size:20px}
#container #mainContent .photo2 h5 {font-size:16px}
#container #mainContent .photo2 h6 {font-size:20px}

#footer {
	padding: 0px;
	color: #7f817e;
	border-top-width: 28px;
	border-top-style: solid;
	border-top-color: #F10480;
	margin-top: 54px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#footer p {
	padding-top: 11px;
	padding-right: 0px;
	padding-bottom: 18px;
	padding-left: 0px;
	margin: 0;
	height: auto;
}

#footer a{
	color:#7f817e;
}
#footer a:hover{text-decoration:none;}

#container  #header .search .ok #nav #en {
	background-image: url(../img/en.gif);
	background-repeat: no-repeat;
}
#container  #header  .search .ok #nav #en a:hover{
	background-image: url(../img/en-over.gif);
	background-repeat: no-repeat;
}
#container #header .search .ok #nav {
	list-style-type: none;
	background-image: url(OK.gif);
	background-repeat: no-repeat;
	width: 36px;
	height: 43px;
	float: left;
}
#container  #header .search .ok #nav a {
	display: block;
	width: 36px;
	height:43;
	text-align:center;
}
#container  #header .search .ok #nav a:link {
	text-decoration:none;
	height: 43px;
	width: 36px;
}
#container  #header .search .ok #nav a:visited {
	text-decoration:none;
	height: 43px;
	width: 36px;
}
#container  #header .search .ok #nav a:hover {
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	height: 43px;
	width: 36px;
}
#container  #header .search .ok #nav li {
	float: left;
	width: 36px;
	height:43;
	background-image: url(../img/OK.gif);
	background-repeat: no-repeat;
}
#container  #header  .search .ok #nav li a:hover {
	height: 43px;
	width: 36px;
	background-image: url(../img/OK-over.gif);
	background-repeat: no-repeat;
}
#container  #header  .search .ok #nav li ul {
	line-height: 27px;
	list-style-type: none;
	text-align:left;
	left: -999em;
	width: 36px;
	height:43;
	position: absolute;
}
#container  #header  .search  .ok #nav li ul li {
	float: left;
	width: 36px;
	height:43;
	background: #F6F6F6;
}
#container  #header  .search  .ok #nav li ul a {
	wedisplay: block;
	width: 36px;
	height:43;
	text-align:center;
}
#container  #header  .search  .ok #nav li ul a:link {
	color:#666;
	text-decoration:none;
}
#container  #header  .search  .ok #nav li ul a:visited {
	color:#666;
	text-decoration:none;
}
#container  #header  .search  .ok #nav li ul a:hover {
	color:#F3F3F3;
	text-decoration:none;
	font-weight:normal;
	background:#C00;
}
#container  #header .search .ok  #nav li:hover ul {
	left: auto;
}
#container  #header .search  .ok #nav li.sfhover ul {
	left: auto;
}
#container  #header .search .ok #nav #cn {
	background-image: url(../img/cn.gif);
	background-repeat: no-repeat;
}
#container  #header  .search .ok #nav #cn a:hover{
	background-image: url(../img/cn-over.gif);
	background-repeat: no-repeat;
}

#flashcontent h2{color:#c4b59e;font-size:18px;padding:9px 0 15px 0;text-align:center}
#flashcontent .pink{color:#f10480}
#flashcontent .blue{color:#8cd4e6}