body {
  background-color:#36729E;
  margin-bottom: 0px;
	font-family: Verdana;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #36729E;
}
#background {
  position: absolute;
  background-color: #ECF5F9;
  margin-left: -500px;
  left: 50%;
  top: 0px;
  width: 1000px;
  height: 580px;
  padding: 0px;
}
#name {
  position: absolute;
  top: 40px;
  left: 605px;
  height: 60px;
  width: 340px;
  padding: 0px;
  text-align: center;
}
#language {
  position: absolute;
  top: 55px;
  left: 948px;
  height: 40px;
  width: 50px;
  padding: 0px;
  text-align: center;
}
#chinese {
  position: absolute;
  top: 2px;
  left: 2px;
  height: 18px;
  width: 46px;
  padding: 0px;
}
#english {
  position: absolute;
  top: 20px;
  left: 2px;
  height: 18px;
  width: 46px;
  padding: 0px;
}

#scope {
  position: absolute;
  top: 460px;
  left: 600px;
  height: 80px;
  width: 400px;
  padding: 0px;
  text-align: center;
}
#left {
  position: absolute;
  background-color: #36729E;
  top: 120px;
  left: 0px;
  height: 333px;
  width: 50px;
  padding: 0px;
  padding: 1px;
  border: 1px #36729E;
}
#mid {
  position: absolute;
  background-color: #D6E3EE;
  top: 10px;
  left: 50px;
  height: 530px;
  width: 550px;
  padding: 0px;
}
#contents_top {
  position: absolute;
  top: 20px;
  left: 60px;
  height: 35px;
  width: 530px;
  padding-top: 5px;
  background-image: url("../img/contents_top.gif");
  background-repeat: no-repeat;
  color: #FFFFFF;
  font-weight: bold;
  text-align :center;
}
#contents {
  position: absolute;
  background-color: #679EC6;
  top: 55px;
  left: 60px;
  height: 475px;
  width: 530px;
  padding: 0px;
  color: #FFFFFF;
  overflow: auto;
}
#heading {
  background-color: #FFFFFF;
  color: #36729E;
}
#knob {
  position: absolute;
  top: 200px;
  left: 620px;
  height: 160px;
  width: 160px;
  padding: 0px;
}
#menu1 {
  position: absolute;
  top: 208px;
  left: 780px;
  height: 36px;
  width: 160px;
  padding: 0px;
}
#menu2 {
  position: absolute;
  top: 244px;
  left: 780px;
  height: 36px;
  width: 160px;
  padding: 0px;
}
#menu3 {
  position: absolute;
  top: 280px;
  left: 780px;
  height: 36px;
  width: 160px;
  padding: 0px;
}
#menu4 {
  position: absolute;
  top: 316px;
  left: 780px;
  height: 36px;
  width: 160px;
  padding: 0px;
}
#footer {
  position: absolute;
  background-color: #36729E;
  top: 562px;
  left: 1px;
  height: 17px;
  width: 998px;
  padding: 0px;
  color: #FFFFFF;
}
#right {
  position: absolute;
  background-color: #36729E;
  top: 120px;
  left: 949px;
  height: 333px;
  width: 50px;
  padding: 1px;
  border-top: 1px #36729E;
}
.e11 {
  text-decoration: none;
  color: #36729E;
  font-family: Arial, Helvetica, Sans-srif, Tahoma;
  font-size: 11px;
  margin: 0px 0px 16px 0px;
}
.e11w {
  text-decoration: none;
  color: #FFFFFF;
  font-family: Arial, Helvetica, Sans-srif, Tahoma;
  font-size: 11px;
  margin: 0px 0px 16px 0px;
}
.e11w a:link {
  color: #FFFFFF;
  font-family: Arial, Helvetica, Sans-srif, Tahoma;
  font-size: 11px;
  margin: 0px 0px 16px 0px;
}
.e11w a:hover {
  color: #FFFFFF;
  background-color: #679EC6;
  font-family: Arial, Helvetica, Sans-srif, Tahoma;
  font-size: 11px;
  margin: 0px 0px 16px 0px;
}
.e11w a:active {
  color: #FFFFFF;
  font-family: Arial, Helvetica, Sans-srif, Tahoma;
  font-size: 11px;
  margin: 0px 0px 16px 0px;
}
.e11w a:visited {
  color: #FFFFFF;
  font-family: Arial, Helvetica, Sans-srif, Tahoma;
  font-size: 11px;
  margin: 0px 0px 16px 0px;
}
.e12 {
	text-decoration: none;
  font-family: Arial, Helvetica, Sans-srif, Tahoma;
  font-size: 12px;
	line-height: 120%;
	margin: 0px 0px 16px 0px;
	padding-right: 4px;
}
.e12 a:link {
        background-color: #D6E3EE;
        color: #36729E;
  font-family: Arial, Helvetica, Sans-srif, Tahoma;
  font-size: 12px;
	line-height: 120%;
	margin: 0px 0px 16px 0px;
	padding-right: 4px;
}
.e12 a:hover {
        background-color: #D6E3EE;
        color: #36729E;
  font-family: Arial, Helvetica, Sans-srif, Tahoma;
  font-size: 12px;
	line-height: 120%;
	margin: 0px 0px 16px 0px;
	padding-right: 4px;
}
.e12 a:active {
        color: #36729E;
        background-color: #D6E3EE;
  font-family: Arial, Helvetica, Sans-srif, Tahoma;
  font-size: 12px;
	line-height: 120%;
	margin: 0px 0px 16px 0px;
	padding-right: 4px;
}
.e12 a:visited {
        color: #36729E;
        background-color: #D6E3EE;
  font-family: Arial, Helvetica, Sans-srif, Tahoma;
  font-size: 12px;
	line-height: 120%;
	margin: 0px 0px 16px 0px;
	padding-right: 4px;
}
.e13{
  font-family: Arial, Helvetica, Sans-srif, Tahoma;
  font-size: 13px;
}
.e22 {
	font-family: Arial, Helvetica, Sans-srif, Tahoma;
	font-size: 22px;
}
.c23 {
  font-family: "細明體";
  font-size: 23px;
  letter-spacing: 3px;
}
textarea, input, select {
	font-family: Tahoma;
	font-size: 12px;
	color: 474745;
	font-weight: normal;
}
.c12 {
	color: #36729E;
	font-family: "細明體";
	font-size: 12px;
	line-height: 120%;
	margin: 0px 0px 16px 0px;
}
.c12 a:link {
  color: #36729E;
	font-family: "細明體";
	font-size: 12px;
	line-height: 120%;
	margin: 0px 0px 16px 0px;
}
.c12 a:hover {
  color: #36729E;
	font-family: "細明體";
	font-size: 12px;
	line-height: 120%;
	margin: 0px 0px 16px 0px;
}
.c12 a:active {
  color: #36729E;
  font-family: "細明體";
	font-size: 12px;
	line-height: 120%;
	margin: 0px 0px 16px 0px;
}
.c12 a:visited {
  color: #36729E;
	font-family: "細明體";
	font-size: 12px;
	line-height: 120%;
	margin: 0px 0px 16px 0px;
}
.c12w {
	color: #FFFFFF;
	font-family: "細明體";
	font-size: 12px;
	line-height: 120%;
	margin: 0px 0px 16px 0px;
}
.c12w a:link {
        color: #FFFFFF;
	font-family: "細明體";
	font-size: 12px;
	line-height: 120%;
	margin: 0px 0px 16px 0px;
}
.c12w a:hover {
        color : #FFFFFF;
	background-color: #679EC6;
	font-family: "細明體";
	font-size: 12px;
	line-height: 120%;
	margin: 0px 0px 16px 0px;
}
.c12w a:active {
	color: #FFFFFF;
        font-family: "細明體";
	font-size: 12px;
	line-height: 120%;
	margin: 0px 0px 16px 0px;
}
.c12w a:visited {
	color: #FFFFFF;
	font-family: "細明體";
	font-size: 12px;
	line-height: 120%;
	margin: 0px 0px 16px 0px;
}
.c16 {
	text-decoration: none;
	font-family: "細明體";
	font-size: 16px;
	line-height: 120%;
	margin: 0px 0px 16px 0px;
	padding-right: 4px;
}
.c16 a:link {
        background-color: #D6E3EE;
        color: #36729E;
	font-family: "細明體";
	font-size: 16px;
	line-height: 120%;
	margin: 0px 0px 16px 0px;
	padding-right: 4px;
}
.c16 a:hover {
        background-color: #ECF5F9;
        color: #36729E;
	font-family: "細明體";
	font-size: 16px;
	line-height: 120%;
	margin: 0px 0px 16px 0px;
	padding-right: 4px;
}
.c16 a:active {
        color: #36729E;
        background-color: #D6E3EE;
        font-family: "細明體";
	font-size: 16px;
	line-height: 120%;
	margin: 0px 0px 16px 0px;
	padding-right: 4px;
}
.c16 a:visited {
        color: #36729E;
        background-color: #D6E3EE;
	font-family: "細明體";
	font-size: 16px;
	line-height: 120%;
	margin: 0px 0px 16px 0px;
	padding-right: 4px;
}
.c21 {
  font-family: "細明體";
  font-size: 21px;
  line-height: 130%;
  letter-spacing: 1px;
}

.red {
  background-color: #FFFFFF;
  color: #FF3333;
}

div.boxhead h2 {
   background: url("img/rounded.png") top left no-repeat; 
} 

.boxhead { 
   background: url("img/rounded.png") top right no-repeat;
} 

.boxbody { 
   background: url("img/rounded.png") bottom right no-repeat;
} 

.rounded { 
   background: url("img/rounded.png") bottom left no-repeat;
   width: 30%; /* could be whatever you want, 
   as long as your image is large enough */
}