@charset "utf-8";
/* Basic */
a:link, a:visited{
	color: #FF3300;
}
a:hover{
	color: #00CC99;
}
/* Header */
#header h1{
	width: 400px;
	position: relative;
	margin-left: 100px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 10%;
	color: #f7f3e5;
	
}
#header h2{
	float: left;
	width: 845px;
	height: 82px;
	overflow: hidden;
	margin-top: 0px;
	margin-left: 72px;
}
#header h2 a{
	overflow: hidden;
	position: relative;
	float: left;
	color: #f4f0e0;
	font-size: 10%;
	font-weight: bold;
	height: 82px;
	width: 845px;
}
#header h2 a span{
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
	background-position: left;
	display: block;
	height: 82px;
	width: 845px;
	position: absolute;
	cursor: pointer;
	top: 0px;
	left: -1px;
}
/* Adv */
.advbox{
	height: 225px;
	width: 755px;
	top: 0px;
	margin-left: 165px;
}
ul#portfolio {
	list-style-type: none;
	float: right;
	width: 755px;
	position: absolute;
	top: -30px;
}
ul#portfolio li.none{
	visibility: hidden;
	float: right;
}
ul#portfolio li img{padding: 0px;}
.subjectbox{
	height: 111px;
	width: 755px;
	top: -30px;
	margin-left: 163px;
	position: relative;
	margin-bottom: 0px;
}
/* Path */
#main .breadcrumb{
	padding-top: 5px;
	padding-bottom: 10px;
	font-size: 95%;
	color: #c4c4c4;
	font-weight: bold;
}

#main .breadcrumb span{color: #5e5e5e;}
#main .breadcrumb a{
	color: #CC9933;
}
#main .breadcrumb a:hover{
	color: #666666;
}
/* Menu */
#header ul#nav{
	width: 50px;
	list-style-type: none;
	background-color: #dddddb;
	cursor:pointer;
	float: right;
	height: 22px;
	margin-top: 63px;
	position: relative;
	background-image: url(../images/bg_nav.gif);
	background-repeat: repeat-x;
	z-index: 100;
	margin-right: 10px;
}
#header ul#nav li{
	font-weight: bold;
	padding-left: 5px;
	display: inline;
	padding-top: 5px;
	height: 17px;
}
#header ul#nav li a{
	color: #797979;
}
#header ul#nav li a:hover{
	color: #009999;
}
.menubox{
	height: 359px;
	width: 147px;
	position: absolute;
	top: 92px;z-index: 120;
}
#wrapper ul#menu {
	font-size: 110%;
	font-weight: bold;
	font-family: "微軟正黑體", Arial, "新細明體";
	list-style-type: none;
	margin: 0px;
	height: 478px;
	width: 147px;
	position: absolute;
	top: 89px;
	background-image: url(../images/bg_menu.gif);
	background-repeat: no-repeat;
	text-align: left;
	background-position: top;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#wrapper ul#menu li.green{
	height: 20px;
	width: 80px;
	padding-top: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dad2ac;
	margin-right: 10px;
	margin-left: 10px;
	padding-right: 20px;
	background-image: url(../images/icon_arrow.gif);
	background-repeat: no-repeat;
	background-position: left 8px;
	padding-left: 20px;
	padding-bottom: 5px;
}
#wrapper ul#menu a{
	color: #666251;
}
#wrapper ul#menu a:hover{
	color: #a18506;
}
#wrapper ul#menu .brown{
	background-image: url(../images/bg_menu_02.jpg);
	background-repeat: no-repeat;
	height: 60px;
	width: 152px;height: 45px;
	width: 140px;
	padding-top: 15px;
	padding-left: 12px;
}

#wrapper ul#menu .orange{
	background-image: url(../images/bg_menu_03.jpg);
	background-repeat: no-repeat;
	height: 62px;
	width: 152px;height: 45px;
	width: 140px;
	padding-top: 15px;
	padding-left: 12px;
}

#wrapper ul#menu .red{
	background-image: url(../images/bg_menu_04.jpg);
	background-repeat: no-repeat;
	height: 58px;
	width: 152px;height: 45px;
	width: 140px;
	padding-top: 15px;
	padding-left: 12px;
}

#wrapper ul#menu .blue{
	background-image: url(../images/bg_menu_05.jpg);
	background-repeat: no-repeat;
	height: 59px;
	width: 152px;height: 45px;
	width: 140px;
	padding-top: 15px;
	padding-left: 12px;
}
#wrapper ul#menu .gray{
	background-image: url(../images/bg_menu_06.jpg);
	background-repeat: no-repeat;
	height: 60px;
	width: 152px;height: 45px;
	width: 140px;
	padding-top: 15px;
	padding-left: 12px;
}
/* Main */
#main .top{
	background-image: url(../images/bg_top.gif);
	background-repeat: no-repeat;
	background-position: right;
	height: 16px;
}
#main .middle{
	background-image: url(../images/bg_middle.gif);
	background-repeat: repeat-y;
	background-position: right;
	margin: 0px;
	padding: 0px;
}
#main .down{
	height: 12px;
	float: right;
	width: 813px;
}
#main .content{
	width: 715px;
	padding-top: 0px;
	padding-right: 20px;
	padding-left: 20px;
	margin-left: 160px;
	margin-top: -15px;
	padding-bottom: 15px;
}
#main .content p{
	font-size: 97%;
	*font-size: 95%;
	letter-spacing: 0.1em;
	line-height: 190%;
	color: #555555;
	text-align: justify;
	padding-top: 0.5em;
	padding-bottom: 1em;
}
#main .content ol{
	font-size: 97%;
	*font-size: 95%;
	letter-spacing: 0.1em;
	line-height: 190%;
	color: #555555;
	padding-top: 0.5em;
	padding-bottom: 1em;
	margin-left: 20px;
}
#main h3{
	font-size: 130%;
	font-family: "微軟正黑體", Arial, "新細明體";
	color: #73634a;
	font-weight: bold;
	margin-bottom: 0.8em;
	_margin-bottom: 1em;
	padding-bottom: 0px;
	margin-top: 0.7em;
}
#main h4{
	font-size: 130%;
	font-family: "微軟正黑體", Arial, "新細明體";
	margin-top: 0em;
	margin-bottom: 0.6em;
	padding-top: 0em;
	padding-bottom: 0.2em;
	font-weight: bold;
	color: #ad9029;
}
#main h5{
	font-size: 97%;

	*font-size: 95%;
	margin-top: 0em;
	margin-bottom: 0.2em;
	padding-top: 10px;
	padding-bottom: 0.1em;
	padding-left: 0.2em;
	font-weight: bold;
	color: #8eac27;
}
#main .yellow-word{
	color: #938002;
}
#main .red-word{
	color: #e60919;
}
#main .pei{
	color: #6633FF;
}
#main .pei:hover{
	color: #6666FF;
}
#main .s-word{
	font-weight: bold;
	font-size: 140%;
}
#main .picbox{
	text-align: center;
	float: right;
	margin-right: 0px;
	_margin-left: 20px;
	padding: 0px;
	margin-left: 20px;
	}
#main .picbox-left{
	text-align: center;
	float: left;
	margin-right: 20px;
	padding: 0px;
	margin-left: 0px;
	}
#main .picbox img{
	background-color: #f2f2f2;
	padding: 3px;	
	}
#main .picbox li{
	margin: 0px;
	padding: 0px;
}
#main .explain{
	color: #9a9a9a;
	text-align: center;
	font-size: 95%;
*font-size: 85%;
	display: block;
	padding-bottom: 3px;
	padding-top: 3px;
}
#main .picbox ul{list-style-type: none;margin: 0px;
	padding: 0px;}
#main .top-button{
	clear: both;
	margin-top: 0.2em;
	margin-bottom: 0em;
	height: 22px;
}
#main .button{
	background-image: url(../images/bg_button.jpg);
	background-repeat: no-repeat;
	font-size: 95%;
	font-weight: bold;
	height: 18px;
	width: 33px;
	display: block;
	float: right;
	padding-top: 4px;
	padding-left: 7px;
}#main .button a{
	color: #FFFFFF;
}
#main .button a:hover{
	color: #FFFF66;
}
#cornerline ul { list-style: none;display: inline; }
#cornerline ul li {
	display: block;
	width: 80px;
	float: left;
	_margin-right: 25px;
	padding-bottom: 10px;
	padding-right: 6px;
	padding-left: 0px;
	padding-top: 5px;
	text-align: center;
	margin-right: 0px;
	font-size: 97%;







	*font-size: 95%;
}
#cornerline img {
	padding-bottom: 5px;
	text-align: center;
	padding-left: 0px;
}
#cornerline ul a:hover img {
	padding-bottom: 5px;
}
#cornerline ul a:hover {
	color: #CC9900;
}
#cornerline ul a:link, a:visited{
	color: #333333;
}

/* Footer */
#footer ul{
	list-style-type: none;
}
#footer li{
	color: #a5937f;
	padding-right: 20px;
	display: inline;
}
#footer li a{
	color: #d7b705;
}
#footer li a:hover{
	color: #333333;
}
/* Claim */
#claim ul{
	margin-top: 6px;
	font-size: 95%;



*font-size: 93%;
	line-height: 1.2em;
	color: #95bfa2;
	padding: 0px;
	width: 813px;
}
#claim li {
	display: inline;
	padding-right: 4px;
	padding-left: 8px;
	margin-right: 8px;
	letter-spacing: 0.1em;
}
#claim li a{
	color: #75674b;
}
#claim li a:hover{
	color: #333333;
}
#claim p{
	width: 100%;
	text-align: center;
	color: #8a8a8a;
	font-size: 95%;
	_margin-top: 20px;
	letter-spacing: 0.1px;
	margin-right: 10px;
	margin-bottom: 15px;
	margin-top: 6px;
}
#claim p a{
	color: #999900;
	text-decoration: none;
}
#claim p a:hover{
	color: #333333;
	text-decoration: underline;
}
#style abc{
	color: #6600FF;
}