﻿body, html {
    /*font-family:"Times New Roman", SimHei,STHeiti,SimSun,STSong, ;*/
    /*font-family: "Times New Roman";*/
    font-family: "Times New Roman", sans-serif, "Microsoft YaHei", "微软雅黑", STXihei, "华文细黑", Georgia;
    font-size:16px;
}
body.custom-background-empty {
   background-color: #c9d4ca;
}
#branding {
    /*background-color: #667b3a;*/
    height:220px;
    background-image: url("/Images/header_bg3.png");
    /*box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);*/
}

#container {
    background: none repeat scroll 0 0 #dedbae;
    /*box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3); */
    min-height: 600px;
    padding-top: 0px;
    text-align: left;
}

#container, .align-center {
    height: auto;
    margin: 0 auto;
    width: 960px;
}

/*
.align-center nav {
    background-color: #4878a0;
*/
    /*border-radius: 5px 5px 0 0;*/  /*curve the coner: top-left and top-right*/
/*
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    height: 40px; 
    margin-top: 0px;
    text-align: left;
    text-shadow: 1px 1px #333;
    width: 100%;
}
.align-center ul {
    padding: 0 10px;
}
.align-center nav ul li {
    display: inline-block;
    font-size: 0.9em;
    line-height: 40px;
    padding: 0 20px;
}
.align-center nav ul li a {
    color: #fff;
}
.align-center nav ul li a:hover {
    text-decoration: underline;
}
.align-center nav {
    overflow: hidden;
    white-space: nowrap;
}
.align-center nav ul li {
    display: inline;
    float: left;
}
.align-center nav {
    height: auto;
}
*/

#container, .align-center {
    width: 100%;
}

#container, .align-center{
    width: 960px;
   /* box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);*/
}
footer {
    height: 40px;
    margin: 20px auto 20px;
    padding: 0 20px;
    text-align: center;
    color: #000;
    font-size: 16px;
    width: 960px;
}   
#topbar {
	/*background: rgb(241, 247, 226); width: 100%; position: relative; min-height: 32px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;*/
}

#site-title-span {
	color:#fff; 
    font-size:45px;
    font-weight:600;
    padding-left:80px;
}
#site-address, #site-time {
    font-size:18px;
    padding-left:120px;
    color:#000;
}
#site-title {
	margin: 0px 0px 0px 10px; float: left;
}
#site-title {
	/*float: none;*/
}

/** Start: jquery.easymenu **/

ul, li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {  
    height:1%;
}

#menu {
  list-style: none;
  position: relative;
  background: #e0e0e0;
}

#menu a {
  font-size: 16px;      /* Menu font size*/
  display: block;
  white-space: nowrap;
  color: #000;
  padding:4px 0;         /* Menu bar heigh */
  text-decoration: none;
  font-weight:bold;
}

#menu a:hover { text-decoration: underline; }

#menu li.main-item { float: left; }

#menu li.main-item a { color: #335500; } /*  menu font color */

#menu li.main-item a:hover, #menu li.main-item.hover a { color: #fff; }

#menu li.main-item ul li.sub-item a, #menu li.main-item ul li.sub-item a:hover {
  color: #000;
  padding: 0px 20px 0px 10px;
}

#menu li { padding: 5px 20px;}

#menu li.hover { background: #77a31a; }

#menu li ul {
  display: none;
  position: absolute;
  background: #f1f1f1;
  border: 1px solid #999;
  padding: 2px;
}

#menu li ul li {
  line-height: 22px;
  margin: 0;
  padding: 0px;
  border: 1px solid #f1f1f1;
}

#menu li ul li.separator {
  line-height: 0;
  height: 0;
  font-size: 0;
  padding: 0;
  overflow: hidden;
  background: none;
  border-top: 1px solid #e0e0e0;
  /*border-bottom: 1px solid #fff;*/
}

#menu li ul li.hover {
  background: #edf2f7;
  border: 1px solid #aecff7;
}

#menu li.main-item ul li.sub-item.has-child { background: url(/Images/arrow.gif) no-repeat right center #edf2f7; }

#menu li ul li.has-child.hover { border: 1px solid #aecff7; }

/** End: jquery.easymenu ***/

#menu li.active {
   /* background-color:#d56c06;*/
   color: #335500;
    text-decoration: underline;
}
 
#menu li.active a {
    color:#335500;
    font-weight:bold;
}
   /* 
.active{
    background-color:#aecff7
    color:#fff;
}
*/
.div3all {
    line-height:25px;
    TEXT-ALIGN: center; 
    font-weight:600;
    float: left;
    width: 300px;
    border-radius: 25px;
    border: 2px solid #cc6600;
    padding: 8px;
    height: 455px; 
}

.divvideo {
    line-height:25px;
    TEXT-ALIGN: center; 
    font-weight:600;
    float: left;
    width: 620px;
    border-radius: 25px;
    border: 2px solid #cc6600;
    padding: 8px;
    height: 455px; 
}

#ctusarea {
    margin: auto;
    width: 50%;
    padding: 10px;
    font-weight:600;
}

#sisterarea {
    margin: auto;
    width: 95%;
    padding: 20px 10px 0px 0px;
    font-weight:600;
}

.txtcenter {
    TEXT-ALIGN: center; 
}
.txtleft {
    text-align: left; 

}

#emailUs_phone_block {
    background:url(/Images/phone.png); 
    background-repeat: no-repeat;
    background-position: left center;
    height:40px; 
}
#emailUs_emailUs_block {
    background:url(/Images/email.png); 
    background-repeat: no-repeat;
    background-position: left center;
    height:40px; 
}
.emailUS_leftPanel {
padding: 8px 0px 0px 40px;
height: 30px;
float: left;
}
.news-item {
    border-bottom: 1px dotted #555;
    margin: 0;
    padding: 10px 4px 10px 4px;
    font-size:14px;
}

div#dialognotice {
    padding:8px;
}

#dialognotice a {
    color:#5279a4;
}

.ui-dialog > .ui-widget-header {background: rgb(110, 20, 120); color: #fff;}

.grayout {
    opacity: 0.15; /* Real browsers */
    filter: alpha(opacity = 15); /* MSIE */
}