@font-face { font-family: Yanone Kaffeesatz; src: url('./fonts/YanoneKaffeesatz-Regular.ttf'); } 
@font-face { font-family: Yanone Kaffeesatz; src: url('./fonts/YanoneKaffeesatz-Regular.eot'); }

body {
	margin: 0px;
	padding: 0px;
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	background: #e5e5e5;
	color: #000000;
}
hy {
    font-size: large;
    color: #ffffff;
    font-family: "Yanone Kaffeesatz";
    padding-left: 33px;
    margin-top: 0px;
}
a, a:visited, a:active {
	font-family: arial, helvetica, sans-serif;
	font-size: 16px;
	color: #0000dd;
	text-decoration: none;
}

a:hover {
	color: #0000ff;
	text-decoration: underline;
}

p {
    font-size: 16px;
    font-family: arial, helvetica, sans-serif;
    line-height: 130%;
}

ul {
    list-style: disc;
    padding-left: 30px;
    color: #0066CC;
    font-weight: bold;
}

li {
    font-size: 12px;
    font-family: "微軟正黑體", "Microsoft JhengHei", "新細明體", "PMingLiU",Georgia, arial, helvetica, sans-serif;
    line-height: 130%;
    margin-left: 20px;
    //font-size: medium;
}

img {
	padding: 0px;
	border: 0px;
}

/* Classes for aligning images */

.alignleft {
	display: inline;
	float: left;
	margin-right: 20px;
	margin-top: 5px;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 20px;
	margin-top: 5px;
}

.aligncenter  {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

h3 {
    font-family: "微軟正黑體", "Microsoft JhengHei", "新細明體", "PMingLiU",Georgia, arial, helvetica, sans-serif;
    font-size: 18px;
    // medium;
    margin: 24px 0px 14px 0px;
    color: #FF0000;
}

#container {
	width: 984px;
	margin: 0 auto;	
	padding: 0px 0px 0px 0px;
}

#container2 {                                       
	float: left;
	width: 960px;
	padding: 0px 15px;
	background: url('images/contentbg.gif') repeat-y left top;
	margin-bottom: 10px;
    height: 661px;
}

#header {
    background: #3333cc url('images/headerbg2.png') left top repeat-x;
    width: 960px;
    height: 130px;
    margin: 0px;
    padding: 0px;
    float: left;
    border-top: 1px solid #000000;
}

#header h1 {
	color: #ffffff;
	letter-spacing: -1px;
	font-size: 40px;
	font-weight: bold;
	padding: 27px 0px 0px 30px;
	margin: 0px;
}

#header h1 a, #header h1 a:active, #header h1 a:visited, #header h1 a:hover {
    color: #ffcc66;
    letter-spacing: -1px;
    font-size: 40px;
    font-weight: bold;
    text-decoration: none;
}

#header p {
	color: #cecece;
	font-size: 14px;
	margin: 0px;
	line-height: 110%;
	padding: 5px 0px 0px 30px;
}
#topmenu {
	float: right;
	width: 960px;
	background: #ffcc66 url('images/menubg2.png') left top repeat-x;
	padding: 0px;
	margin: 0px;
}

#topmenu ul {
	float: left;
	display: inline;
	margin: 0px;
	padding: 0px 30px 0px 30px;
}

#topmenu li {
	display: inline;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#topmenu li a, #topmenu li a:visited, #topmenu li a:active {
	display: block;
	color: #000000;
	text-decoration: none;
	float: left;
	margin: 0px 0px 0px 1px;
	padding: 10px 20px 10px 20px;
}

#topmenu li a:hover {
	text-decoration: none;
	background: #ffffff url('images/bon.gif') top left repeat-x;
	color: #000000;
}

#contentcontainer {
	width: 900px;
	float: left;
	background: #ffffff;
	display: inline;
	margin: 0px;
	padding: 15px 30px 35px 30px;
}

#content {
	float: left;
	width: 580px;
	padding: 0px 20px 0px 0px;
	margin: 0px;
}

#content h2, #content h2 a, #content h2 a:visited, #content h2 a:active {
	margin: 20px 0px;
	font-family: "微軟正黑體", "Microsoft JhengHei", "新細明體", "PMingLiU",Georgia, arial, helvetica, sans-serif;
	font-size: 24px;
	color: #000000;
	text-decoration: none;
}

#content h2 a:hover {
	text-decoration: underline;
}

blockquote {
    margin: 15px 30px 15px 5px;
    padding-left: 10px;
    border-left: 5px solid #e0e0e0;
    color: #3399FF;
}

form {
	margin: 17px 0px 17px 0px;
	padding: 10px 20px 10px 20px;
	background-color: #f5f5f5; 
	width: 80%;
}

input {
	border: 1px solid #d5d5d5;
	padding: 4px;
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	color: #1e1e1e;
}

.formbutton {
	background: #e5e5e5;	
	padding: 5px 25px 5px 25px;
}

.formbutton:hover {
	background: #d5d5d5;
	text-decoration:underline;
}

textarea {
	width: 90%;
	border: 1px solid #d5d5d5;
	padding: 4px;
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	color: #1e1e1e;
}

#sidebar {
	float: left;
	width: 280px;
	padding: 0px 0px 0px 20px;
	margin: 0px;
}

#sidebar h2 {
	margin: 25px 0px 8px 0px;
	font-family: Georgia, arial, helvetica, sans-serif;
	font-size: 18px;
}

#sidebar ul  {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

#sidebar .links li {
	border-bottom: 1px dotted #aaaaaa;
	margin: 0px;
	padding: 5px 0px;
}

#sidebar .links li a, #sidebar .links li a:visited, #sidebar .links li a:active {
	width: 280px;
	display: block;
	margin: 0px 0px 0px 0px; 
	text-decoration: none;
	color: #0000ff;
}

#sidebar .links li a:hover {
	text-decoration: none;
	color: #000000;
}

#sidebar .news li {
	border-bottom: 1px dotted #aaaaaa;
	margin: 0px;
	padding: 5px 0px;
}

#sidebar .news span {
	display: block;
	font-size: 11px;
	color: #848484;
	padding: 0px;
	margin: 0px;
}

#footer {
	float: left;
	width: 960px;
	background: #cccccc;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #6a6a6a;
	border-top: 1px solid #999999;
	padding: 7px 0px 7px 0px;
	margin-bottom: 0px;
}

#footer p {
	padding: 0px;
	margin: 0px;
}

#footer a, #footer a:active, #footer a:visited, #footer a:hover {
	text-decoration: none;
	border-bottom: 1px dotted #6a6a6a;
	font-size: 12px;
	color: #6a6a6a;
}

#body, table, a,p, div, span, form, input, textarea, select, pre, button { 
    font-family: "微軟正黑體", "Microsoft JhengHei", "新細明體", "PMingLiU", 
        AppleGothic, Dotum, Lucida Grande, Verdana Sans-serif;
    text-align: left;
}