@charset "utf-8";
body {
	background-color: #F2F2F2;
}

#leftBtn {
	background-color: #F2F2F2;
	width: 288px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #E6E6E6;
	left: 0px;
	top: 0px;
	float: left;
	position: fixed;
}

#leftBtn #logo {
	background-color: #F2F2F2;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 54px;
	padding-left: 54px;
}
#leftBtn #btn .lv1 li > a{
	display: block;
	height: 50px;
	color: #443A36;
	text-decoration: none;
	line-height: 50px;
	font-size: 15px;
	font-family: "微軟正黑體";
	padding-left: 15%;
}

#leftBtn #btn .lv1 li .lv2 {
	display: none;


}

#leftBtn #btn .lv1 li .lv2 li > a {
	height: 50px;
	background-color: #FFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E6E6E6;
	font-size: 14px;
	line-height: 50px;
	color: #808080;
}

#right {
	float: left;
	width: calc(100% - 290px);
	left: 290px;
	position: relative;
}
#right #rightFoot {
	background-color: #515151;
	height: 100px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif, "微軟正黑體";
	margin-top: 10px;
	padding-top: 15px;
}
#right #rightFoot #contact {
	float: left;
	line-height: 1.8em;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 10%;
	font-size: 14px;
	min-width: 240px;
}
#right #rightFoot #copyright {
	float: right;
	margin-top: 70px;
	font-size: 13px;
	margin-right: 2%;
}



.clear {
	clear: both;
}



.yellow {
	background-color: #FFF780;
	background-image: url(../images/icon01.png);
	background-repeat: no-repeat;
	background-position: 85%;
}
.olivine {
	background-color: #D9E021;
	background-image: url(../images/icon02.png);
	background-repeat: no-repeat;
	background-position: 84%;
}
.blue-green {
	background-color: #63E0B0;
	background-image: url(../images/icon03.png);
	background-repeat: no-repeat;
	background-position: 84%;
}
.blue {
	background-color: #00CCCC;
	background-image: url(../images/icon04.png);
	background-repeat: no-repeat;
	background-position: 84%;
}