﻿
*  {margin:0; padding:0; word-break:break-all;}
a  { text-decoration:none; color:#000;}
li { list-style-type:none;}
img{ display:block;}
.Clear{ clear:both; }

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

body{
  background:#DCCC90 url("../image/up-back.jpg") center top;
  position:relative;
  width:100%;}

#Frame{
  position:absolute;
  left:0; top:50px;
  width:100%; height:auto;
  border:0px solid #f00;}

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

#Header{
  background:url("../image/up-header.jpg") no-repeat;
  position:relative;
  left:50%; top:0;
  width:960px; height:350px;
  margin-left:-480px;
  border:0px dashed #f00;}
#Header h1{
  width:400px;
  margin-left:400px;
  border:0px solid #f00;}
#Header ul{
  width:550px; height:30px;
  margin:40px 0 0 380px;
  border:0px solid #f00;}
#Header ul li{
  position:relative;
  display:block;
  width:120px; height:30px;
  float:left;
  cursor:pointer;
  margin-right:20px;
  text-indent:-10000px;
  border:0px solid #f00;}
#Header ul li.Selected:before{
  position:absolute; left:50%; top:40px;
  margin-left:-10px;
  border-bottom:5px solid #e5d2aa;
  border-left:10px solid transparent;
  border-right:10px solid transparent;
  content:"";
}
#Header #Zone1{ background:url("../image/up-cate-title.jpg") 0px top;}
#Header #Zone2{ background:url("../image/up-cate-title.jpg") -120px top;}
#Header #Zone3{ background:url("../image/up-cate-title.jpg") -240px top; width:90px;}
#Header #Zone4{ background:url("../image/up-cate-title.jpg") -330px top;}

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


#Middle{
  position:relative; left:50%;
  width:960px; margin-left:-480px;
  padding-bottom:40px;
  background:#e5d2aa;
  overflow:hidden;
  border-bottom:0px solid #900;
  border-bottom-right-radius:10px;
  border-bottom-left-radius:10px;
}

#MainContent{ width:3850px;	}

#Area01,#Area02,#Area03,#Area04{ position:relative; width:955px; float:left;}
#Area01{border:0px solid #000;}

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

#Area01 .ContColumn .webs,
#Area02 .ContColumn .program,
#Area03 .ContColumn .other{ min-height:700px;}




h3{
  line-height:2em;
  background:#a0caad;
  width:100%;
  border-radius:5px;
  color:#e8d5b7;
  margin-bottom:5px;
  text-indent:5px;
  text-shadow:1px 0px rgba(0,0,0,0.1);}


.MenuColumn{ float:left; width:230px; border:0px solid #f00; }

.MenuColumn ul li{
  color:#eee;
  font-family:"微软雅黑","幼圆";
  font-size:16px;
  line-height:2.5em;
  display:inline-block;
  width:200px;
  text-align:center;
  list-style-type:none;
  border: 0px solid #719c7f;
  margin:0 0 10px 15px;
  cursor:pointer;

  -webkit-text-shadow: 0px 1px 1px rgba(0,0,0,0.2);
  text-shadow: 0px 1px 1px rgba(0,0,0,0.2);

  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  -ms-border-radius:4px;
  border-radius:4px;

  -webkit-border-shadow:0px 1px 1px rgba(0,0,0,0.3);
  -moz-border-shadow:0px 1px 1px rgba(0,0,0,0.3);
  -ms-border-shadow:0px 1px 1px rgba(0,0,0,0.3);
  box-shadow:0px 1px 1px rgba(0,0,0,0.2);

  background: #a0caad;
  background: #90bd9e;}

.MenuColumn ul li.MenuSelected{ color:#506757; text-shadow:0px 1px 1px rgba(255,255,255,0.4); }


.ContColumn{
  float:left;
  width:705px; height:700px;
  margin-left:10px;
  text-align:left;
  overflow:hidden;
  border:0px solid #2b1010;}

.ContColumn div a{ font:16px/1.6em "微软雅黑", "幼圆"; color:#333;}
.ContColumn div a:hover{ color:#F60; }


#Area04 .ContColumn{ width:930px; margin-left:15px; border:0px solid #f00;}


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

#Links{
  position:relative;
  left:50%;
  width:975px; height:350px;
  margin-left:-480px;
  margin-bottom:80px;
  border:0px solid #f00;
}
#Links ul li{ float:left; margin:25px 15px 15px 0;}
#Links ul li img{ display: block; width:228px; height:300px; border-radius:5px; border:none; cursor: pointer;}

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

#footer{
  width:100%; height:200px;
  background:url("../image/up-footer.jpg") repeat-x;
  border:0px solid #f00;}
#footer p{
  text-align:center;
  font:14px/100px "微软雅黑", "黑体";
  color:#e5d2aa;}
