@charset "utf-8";
/* CSS Document */
@import 'reset.css';
@import 'sbimenu.css';


@media (min-width: 1200px) {
	#footer .logo {background: url(../images/footer_logo.gif) no-repeat 0px 0px;float: left;height: 80px;width: 250px;position: fixed;left: 0px;bottom: 0px;z-index: 99;}
	#footer .menu {width: 785px;position: relative;margin: 0px auto;}
}
@media (min-width: 768px) and (max-width: 1024px) {
	#footer .logo {
	background: url(../images/footer_logo_s.gif) no-repeat 0px 0px;
	float: left;
	height: 80px;
	width: 160px;
	position: fixed;
	left: 0px;
	bottom: 0px;
	z-index: 99;}
	#footer .menu {width: 785px;float:right}
}
	}
@media screen and (max-width: 767px) {#footer .logo {background: url(../images/footer_logo.gif) no-repeat 0px 0px;float: left;height: 80px;width: 250px;position: fixed;left: 0px;bottom: 0px;z-index: 99;}}
@media screen and (max-device-width: 480px) {#footer .logo {background: url(../images/footer_logo.gif) no-repeat 0px 0px;float: left;height: 80px;width: 250px;position: fixed;left: 0px;bottom: 0px;z-index: 99;}}

html {width:100%; height:100%;}
body {width: 100%;height: 100%;color: #FFF;margin: 0px;padding: 0px;font: 14px/27px "微軟正黑體", Tahoma, sans-serif;background: #DCDCDC url(../images/page_bg.jpg) repeat 0px 0px;}
#container {margin: 0px auto;min-width: 1000px;padding: 0px;}
#content {width: 1000px;margin-right: auto;margin-left: auto;padding-top: 38px;}

#index_menu {background: url(../images/menu_bg.png) repeat-y 0px 0px;float: right;width: 190px;padding: 0 0 0px 5px;position: fixed;top: 190px;right: 0px;z-index: 99;}
.index_menu {width: 180px;top: 0px;left: 0px;float: left;list-style: url(none) none;}
#index_menu span{width:1px; height:21px; background:#fff; float:left;}
#index_menu .done{display:block;}
#index_menu a{float: left;min-width: 180px;height: 70px;padding-left: 20px;}
#index_menu a:hover {background: #9DA71F;}
#index_menu .sub_menu{position: absolute;top: 0px;left: 50px;width: 220px;height: auto;z-index: 999;padding-right: 180px;cursor: pointer;display: none;text-align: center;}
#index_menu .sub_menu .menu_frame{width: 100%;height: 100%;overflow: hidden;position: relative;top:105px; left: -190px;}
#index_menu .sub_menu .sub_menu_list{width: 100%;position: absolute;padding-bottom: 10px;}
#index_menu .sub_menu .sub_menu_list a{width: 190px;height: 30px;text-align: center;font-size: 15px;color: #efefef;text-decoration: none;float: left;background: #598047;line-height: 30px;	padding-left: 0px;}
#index_menu .sub_menu .sub_menu_list a:last-child{border: none;}
#index_menu .sub_menu .sub_menu_list a:hover{background: #3D5C2D;}
#index_menu .sub_menu.sub00{left:0px;}
#index_menu a img{position:absolute;}

#link {float: left;height: 100%;width: 40px;background: #2A7438;position: absolute;left: 0px;top: 0px;z-index: 99;}
#link span {float: left;width: 40px;background: url(../images/line.gif) no-repeat center bottom;margin-bottom: 30px;margin-top: 200px;}
#link a {font-size: 14px;color: #FFFFFF;text-decoration: none;float: left;width: 12px;display: block;padding: 30px 12px;line-height: 20px;}
#link a.style01 {background: url(../images/icon_01.png) no-repeat center top;}
#link a.style02 {background: url(../images/icon_02.png) no-repeat center top;}

#logo {background: url(../images/logo.gif) no-repeat 0px 0px;height: 106px;width: 180px;left: 180px;top: 0px;float: left;padding-left: 10px;}
#logo a {width: 180px;height: 106px;text-indent: -9999px;display: block;}
#logo a:hover{background: rgba(0,0,0,0);}

#top_area {min-width:1000px;border-top: 5px solid #575757;height: 38px;z-index: 99;}
#top_area .box {background: url(../images/top_area.png) no-repeat 0px 0px;height: 38px;width: 318px;position: relative;top: 0px;right: 5%;float: right;	padding: 0px 30px;}
#top_area a {line-height: 38px;color: #FEFEFE;text-decoration: none;margin-left: 10px;height: 38px;display: inline-block;}
#top_area a:hover {color: #999999;}
#top_area a.style01 {float: right;padding-left: 20px;background: url(../images/top_area_line.gif) no-repeat left center;}
#top_area a.style02 {float: right;padding-right: 9px;}
a.fb {background: url(../images/icon_fb.png) no-repeat center center;display: inline-block;width: 22px;}
a.twitter {background: url(../images/icon_twitter.png) no-repeat center center;display: inline-block;width: 22px;}
a.plurk {background: url(../images/icon_plurk.png) no-repeat center center;display: inline-block;height: 22px;width: 22px;}

#top_link {height: 38px;width: 300px;position: absolute;top: 0px;right: 0px;float: right;padding-right: 20px;z-index: 99;}
#top_link a {line-height: 38px;color: #333333;text-decoration: none;margin-left: 10px;height: 38px;display: inline-block;}
#top_link a:hover {color: #666666;}
#top_link a.style01 {float: right;padding-left: 20px;background: url(../images/top_link_line.gif) no-repeat left center;}
#top_link a.style02 {float: right;padding-right: 9px;}
#top_link a.fb {background: url(../images/icon_fb-2.png) no-repeat center center;display: inline-block;width: 22px;}
#top_link a.twitter {background: url(../images/icon_twitter-2.png) no-repeat center center;display: inline-block;width: 22px;}
#top_link a.plurk {background: url(../images/icon_plurk-2.png) no-repeat center center;display: inline-block;width: 22px;}

#floatDiv {position: absolute;left: 0%;width: 161px;height: 480px;margin: 10% 0px 0px;}
ul#navigation {margin: 0px;padding: 0px;list-style: none;z-index: 9999;position: relative;}
ul#navigation li {width: 161px;}
ul#navigation li ul {background: url(../images/floatDiv_bg.png);height: 470px;width: 80px;padding: 10px 81px 0px 0px;}
ul#navigation li li {float: left;height: 80px;width: 80px;}
ul#navigation  a {height: 70px;width: 80px;display: block;float: left;text-decoration: none;text-align: center;vertical-align: middle;line-height: 70px;color: #FFFFFF;font-size: 11px;text-indent: -9999px;}
ul#navigation .nav01 {background: url(../images/link_nav01.png) no-repeat;}
ul#navigation .nav02 {background: url(../images/link_nav02.png) no-repeat;}
ul#navigation .nav03 {background: url(../images/link_nav03.png) no-repeat;}
ul#navigation .nav04 {background: url(../images/link_nav04.png) no-repeat;}
ul#navigation .nav05 {background: url(../images/link_nav05.png) no-repeat;}
ul#navigation .nav06 {background: url(../images/link_nav06.png) no-repeat;}

.footer_menu {width: 1000px;top: 0px;left: 0px;float: left;height: 80px;list-style: url(none) none;}
#menu {width: 1000px;z-index: 99;height: 80px;position: relative;right: 0px;top: 0px;float: right;}
#menu span{width:1px; height:21px; background:#fff; float:left;}
#menu.done{display:block;}
#menu a{float: left;min-width: 120px;height: 80px;margin-right: 16px;}
#menu .sub_menu{position: absolute;top: 0px;left: 50px;width: 140px;height: auto;z-index: 999;padding-bottom: 0px;cursor: pointer;display: none;text-align: center;}
#menu .sub_menu .menu_frame{width: 100%;height: 100%;overflow: hidden;position: relative;bottom: 0px;}
#menu .sub_menu .sub_menu_list{width: 100%;position: absolute;padding-bottom: 10px;}
#menu .sub_menu .sub_menu_list a{width: 120px;height: 30px;text-align: center;font-size: 15px;color: #efefef;text-decoration: none;float: left;background: #618650;margin-bottom: 1px;line-height: 30px;}
#menu .sub_menu .sub_menu_list a:last-child{border: none;}
#menu .sub_menu .sub_menu_list a:hover{background: #7C9B6E;}
#menu .sub_menu.sub00{left:0px; }
#menu .sub_menu.sub01{left:140px;}
#menu .sub_menu.sub02{left:280px;}
#menu .sub_menu.sub03{left:460px;}
#menu a img{position:absolute;}

#footer {position: fixed;height: 86px;width: 100%;left: 0px;bottom: 0px;background: url(../images/footer_bg.png) repeat-x 0px bottom;z-index: 99;}
#footer .logo a {text-indent: -9999px;display: block;float: left;height: 80px;width: 100%;}.word01 {
	font-family: "微軟正黑體";
	font-size: 12px;
	line-height: 22px;
	color: #333;
}
.word02 {
	font-family: "微軟正黑體";
	font-size: 14px;
	font-weight: bold;
	color: #900;
}