@charset "utf-8";
/* Basic */
a:link, a:visited{
	color: #FFFF00;
	text-decoration: underline;
}
a:hover{
	color: #CCCC00;
	text-decoration: none;
}
/* Header */
#header h1{
	width: 400px;
	position: relative;
	margin-left: 50px;
	margin-top: 58px;
	float: left;
	margin-bottom: 0px;
	font-size: 100%;
	color: #0f0f0f;
}
#header h2{
	float: left;
	width: 237px;
	height: 85px;
	overflow: hidden;
	margin-top: 0px;
	margin-left: 50px;
}
#header h2 a{
	overflow: hidden;
	position: relative;
	float: left;
	color: #0f0f0f;
	font-size: 100%;
	font-weight: bold;
	height: 85px;
	width: 237px;
}
#header h2 a span{
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
	background-position: left;
	display: block;
	height: 85px;
	width: 237px;
	position: absolute;
	cursor: pointer;
	top: 0px;
	left: 0px;
}
/* Adv */
.advbox{
	height: 225px;
	width: 755px;
	top: 0px;
	margin-left: 165px;
}
ul#portfolio {
	list-style-type: none;
	float: right;
	width: 755px;
	top: -30px;
}
ul#portfolio li.none{
	visibility: hidden;
	float: right;
}
ul#portfolio li img{padding: 0px;}
.subjectbox{
	height: 113px;
	width: 755px;
	top: -24px;
	margin-left: 165px;
	position: relative;
	margin-bottom: 0px;
}
/* Path */
#main .breadcrumb{
	padding-bottom: 5px;
	font-size: 95%;
	color: #c4c4c4;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	margin-bottom: 10px;
}

#main .breadcrumb span{color: #5e5e5e;}
#main .breadcrumb a{
	color: #CC3300;
}
#main .breadcrumb a:hover{
	color: #CCCC00;
}
/* 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: 120%;
	font-weight: bold;
	font-family: "微軟正黑體", Arial, "新細明體";
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	height: 359px;
	width: 155px;
	position: absolute;
	top: 1000px;
	background-image: url(../images/bg_menu.jpg);
	background-repeat: no-repeat;
}
#wrapper ul#menu li.green{
	background-image: url(../images/bg_menu_01.jpg);
	background-repeat: no-repeat;
	height: 38px;
	width: 143px;
	padding-top: 17px;
	padding-left: 12px;
}
#wrapper ul#menu a{
	color: #000000;
	text-decoration: none;
}
#wrapper ul#menu a:hover{
	color: #666666;
}
#wrapper ul#menu .brown{
	background-image: url(../images/bg_menu_02.jpg);
	background-repeat: no-repeat;
	height: 38px;
	width: 152px;
	width: 140px;
	padding-top: 17px;
	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;
}
.msn{
	height: 300px;
	width: 300px;
	position: absolute;
	top: 500px;
	left: -150px;
}
/* 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: 5px;
	padding-right: 20px;
	padding-left: 20px;
	margin-left: 160px;
	margin-top: 0px;
	padding-bottom: 5px;
}
#main .content p{
	font-size: 115%;
	letter-spacing: 0.1em;
	line-height: 180%;
	color: #FFFFFF;
	text-align: justify;
	padding-top: 0.5em;
	padding-bottom: 1em;
}
#main .content ol{
	color: #FFFFFF;
	font-size: 115%;
	line-height: 190%;
	letter-spacing: 0.1em;
	margin-left: 20px;
}
#main .content li{
	padding-left: 0px;
	margin-bottom: 1em;
}
#main h3{
	font-size: 120%;
	color: #bea601;
	font-weight: bold;
	margin-bottom: 0.5em;
	_margin-bottom: 1em;
	padding-bottom: 0px;
}
#main h4{
	font-size: 130%;
	margin-top: 0em;
	margin-bottom: 0.6em;
	padding-top: 0em;
	padding-bottom: 0.2em;
	font-weight: bold;
	color: #CC0000;
}
#main h5{
	font-size: 120%;
	margin-top: 0em;
	margin-bottom: 0.2em;
	padding-top: 10px;
	padding-bottom: 0.1em;
	padding-left: 0.2em;
	font-weight: bold;
	color: #fef69e;
}

#main .picbox{
	text-align: center;
	float: right;
	margin-right: 10px;
	_margin-left: 20px;
	padding: 0px;
	margin-left: 10px;
	}
#main .picbox img{
	background-color: #f2f2f2;
	padding: 2px;
	border: 1px solid #CCCCCC;
	}
#main .picbox li{
	margin: 0px;
	padding: 0px;
}
#main .explain{
	color: #9a9a9a;
	text-align: center;
	font-size: 95%;

	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 .top-button a{
	text-decoration: none;
	
}
#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: #666666;
}
#main .button a:hover{
	color: #000000;
}
#cornerline ul {
	list-style: none;
	display: inline;
	margin: 0px;
	padding: 0px;
}
#cornerline ul li {
	display: block;
	width: 92px;
	float: left;
	text-align: center;
	margin-right: 5px;
	font-size: 97%;
	padding: 5px;
}
#cornerline img {
	padding-bottom: 8px;
	text-align: center;
	padding-left: 0px;
	display: block;
}
#cornerline ul a:hover img {
	padding-bottom: 8px;
}
#cornerline ul a:hover {
	color: #FFFF00;
	text-decoration: none;
}
#cornerline ul a:link, a:visited{
	color: #999900;
	text-decoration: none;
}
.float-left{
	float: left;
	margin-right: 8px;
}
.line{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999900;
}
/* Footer */
#footer ul{
	list-style-type: none;
	padding-top: 5px;
}
#footer li{
	color: #333333;
	padding-right: 5px;
	display: inline;
	font-size: 115%;
}
#footer li a{
	color: #CC3300;
}
#footer li a:hover{
	color: #3d106f;
}
/* Claim */
#claim ul{
	margin-top: 6px;
	font-size: 95%;
	line-height: 1.2em;
	color: #333333;
	padding: 0px;
	width: 813px;
}
#claim li {
	display: inline;
	padding-right: 1px;
	padding-left: 1px;
	margin-right: 4px;
	letter-spacing: 0.1em;
}
#claim li a{
	color: #CCCCCC;
	text-decoration: none;
}
#claim li a:hover{
	color: #FFFF00;
}
#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: #929201;
	text-decoration: none;
}
#claim p a:hover{
	color: #FF3300;
	text-decoration: underline;
}
.yellow-word{color: #bf9002;}

.skip-box{
	width: 760px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 100px;
	height: 1000px;
	clear: both;
}ul#portfolio {
	list-style-type: none;
	height: 420px;
	
}
ul#portfolio li.none{visibility: hidden;}
ul#portfolio li img{
	padding: 0px;
	margin: 0px;
}