@charset "utf-8";
/* CSS Document */
/***麵包屑*********************************************************/
#breadcrumbs {
	width:100%;
	margin:0 auto;
	text-align: right;
	color: #656678;
	font-size: 12px;
	line-height: 40px;
	height: 40px;
	font-weight: normal;
	position: absolute;
	top:-40px;
	right:0px;
	padding: 0 0 0 0px;
}
#breadcrumbs span {
	color: #656678;
	text-decoration: none;
}
#breadcrumbs img {
	padding: 0px 5px;
}
#breadcrumbs a {
	color:#656678;
	text-decoration: none;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
#breadcrumbs a:visited {
	color:#656678;
	text-decoration: none;
}
#breadcrumbs a:hover {
	color: #117BFF;
	text-decoration: none;
}
/***麵包屑*********************************************************/
/***至頂靠齊*********************************************************/
#lang {
	width: 92px;
	color: #C7AB6C;
	top: 43px;
	right: 10px;
	position: absolute;
	font-size: 13px;
	z-index: 999;
}
#lang option {
	background: url(img/l_icon.png) 10px 5px no-repeat;
}
/***至頂靠齊*********************************************************/
/***普通通用*********************************************************/
body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, "微軟正黑體";
	font-size: 13px;
	line-height: 1;
	letter-spacing: 0px;
	color: #4C4C4C;
	background:url(img/bg.jpg) center top repeat;
}
#wrapper {
	width: 100%;
	margin: 0 auto;
	position: relative;
}
#wrapper_box {
	width: 100%;
	clear: both;
	position: relative;
}
/***普通通用*********************************************************/
/***LOGO*******************************************************/
#logo {
	width: auto;
	height: auto;
	margin:12px 0 12px 0;
	position:relative;
}
#logo a{
	color:#333333;
	font-size:20px;
	letter-spacing:2px;
	font-weight:bold;
}
#logo span{
	position:absolute;
	line-height:32px;
	padding-left:5px;}

/***LOGO*******************************************************/
/***主視圖******************************************************/
#banner_box {
	width:100%;
	position: relative;
	margin: 0 auto;
	/*background-image:url(banner/bottom.png);*/
	background-repeat:no-repeat;
	background-position:bottom;
	padding-bottom:3px;
	margin-bottom:13px;
}
#banner {
	width:970px;
	height:165px;
	position: relative;
	
	background-repeat:no-repeat;
	margin: 0 auto;
}
/***主視圖********************************************************/
/***主要內容******************************************************/
#head_box {
	width: 100%;
	height: 85px;
	position: relative;
	margin:0 auto;
}
#head {
	width: 971px;
	margin: 0 auto;
	padding: 0px 0 0 0;
	position: relative;
}
#main_box {
	width: 100%;
	height: auto;
	padding: 0 0 0 0;
	margin: 0 auto 30px auto;
}
#main {
	width:970px;	
	margin: 0 auto;
	position: relative;
}
/*****選單按鈕****************************************************/
/*********************************************************/
#facebook a{
	width:93px;
	height:25px;
	display:block;
	background-image:url(header/facebook.png);
	background-repeat:no-repeat;
	position:absolute;
	top:0px;
	right:0px;
}
#facebook a:hover{
	background-image:url(header/facebook_.png);
}
#search{
	width:160px;
	height:20px;
	position:absolute;
	top:0px;
	right:53px;
	display:block;
}
#search input{
	width:103px;
	height:23px;
	border:1px solid #DFDFDF;
	padding:0px 30px 0 5px;
	margin:0;
}
#search a{
	width:25px;
	height:26px;
	position:absolute;
	top:0px;
	right:-4px;
	display:block;
	background-image:url(header/search.png);
	background-repeat:no-repeat;
}
#search a:hover{
	background-image:url(header/search_.png);
}

#head .td_menu{
	list-style:none;
	height:85px;
}

#head .td_menu a{
	color:#fff;
	font-size:15px;
	}
#head .td_menu a small{
	color:#BBB315;
	font-size:12px;
	}
	
#head .td_menu a span{
	display:block;
	margin:11px 0 0 18px;}	
	
#head .td_menu a:hover small{
	color:#F0EC35;
	font-size:12px;
	}
#head .menu_01 a {
	width:43px;
	height:40px;
	display:block;
	background-image:url(../menu/c_menu_01.png);
	background-repeat:no-repeat;
	float:left;
}
#head .menu_01 a:hover {
	background-image:url(../menu/menu_01.png);
}
#head .menu_02 a {
	width:168px;
	height:40px;
	display:block;
	background-image:url(../menu/c_menu_02.png);
	background-repeat:no-repeat;
	float:left;
}
#head .menu_02 a:hover {
	background-image:url(../menu/menu_02.png);
}
#head .menu_03 a {
	width:145px;
	height:40px;
	display:block;
	background-image:url(../menu/c_menu_03.png);
	background-repeat:no-repeat;
	float:left;
}
#head .menu_03 a:hover {
	background-image:url(../menu/menu_03.png);
}
#head .menu_04 a {
	width:172px;
	height:40px;
	display:block;
	background-image:url(../menu/c_menu_04.png);
	background-repeat:no-repeat;
	float:left;
}
#head .menu_04 a:hover {
	background-image:url(../menu/menu_04.png);
}
#head .menu_05 a {
	width:158px;
	height:40px;
	display:block;
	background-image:url(../menu/c_menu_05.png);
	background-repeat:no-repeat;
	float:left;
}
#head .menu_05 a:hover {
	background-image:url(../menu/menu_05.png);
}
#head .menu_06 a {
	width:140px;
	height:40px;
	display:block;
	background-image:url(../menu/c_menu_06.png);
	background-repeat:no-repeat;
	float:left;
}
#head .menu_06 a:hover {
	background-image:url(../menu/menu_06.png);
}
#head .menu_07 a {
	width:145px;
	height:40px;
	display:block;
	background-image:url(../menu/c_menu_07.png);
	background-repeat:no-repeat;
	float:left;
}
#head .menu_07 a:hover {
	background-image:url(../menu/menu_07.png);
}
/*********************************************************/
/*****leftmenu第一層***************************************/
#leftside {
	width: 220px;
	float: left;
	padding: 0px 0 0 0px;
/*	background-image:url(iproducts/left.png);*/
	background-repeat:no-repeat;
	background-position: right top;
}
#leftside .title{
	width:167px;
	height:28px;
	background-image:url(leftnav/title_bg.png);
	background-repeat:no-repeat;
	padding:12px 0 0 18px;
	color:#fff;
	font-size:15px;
	font-weight:bold;
	letter-spacing:0.1em;
}
#leftside .ma_menu{
	width:153px;
	height: auto;
	border:1px solid #215732;
	background-color:#EEEEEE;
	list-style:none;
	padding:15px;
}
#leftside .ma_menu li {
	margin-bottom:8px;
	line-height:25px;
}
#leftside .ma_menu li a{
	color:#205732;
	background-repeat:no-repeat;
	background-position:right;
	font-weight:bold;
}
#leftside .ma_menu li a:hover{
	font-weight: bold;
	text-decoration:underline;
	content:">>";
}
#leftside .ma_menu li a.active{
	font-weight: bold;
	text-decoration:underline;
}
/*****leftmenu第一層***************************************/
/*****leftmenu第二層***************************************/
ul.ma_menu ul{
    display: ;
}
#leftside .sub_menu{
	width:153px;
	height: auto;
	list-style:none;
	margin-left:10px;
    margin-top: 8px;
    
}
#leftside .sub_menu li {
	margin-bottom:8px;
}
#leftside .sub_menu li a{
	color:#85A032;
	background-repeat:no-repeat;
	background-position:right;
}
#leftside .sub_menu li a:hover{
	font-weight: bold;
	text-decoration:underline;
}
#leftside .sub_menu li a.active{
	font-weight: bold;
	text-decoration:underline;
}
/*****leftmenu第二層***************************************/
/*****leftmenu第三層***************************************/
#leftside .subsub_menu{
	width:153px;
	height: auto;
	list-style:none;
	margin-left:10px;
}
#leftside .subsub_menu li {
	margin-bottom:8px;
	line-height:25px;
	padding-right:5px;
}
#leftside .subsub_menu li:before{
	content:"•";
	color:#205732;
	margin-right:5px;
}
#leftside .subsub_menu li a{
	color:#205732;
	background-repeat:no-repeat;
	background-position:right;
}
#leftside .subsub_menu li a:hover{
	color:#85A032;
	font-weight: none;
}
#leftside .subsub_menu li a.active{
	color:#85A032;
	font-weight: none;
}
/*****leftmenu第三層***************************************/
/*********************************************************/
#rightside{
	width: 645px;
	height: auto;
	float:left;
	margin-left:20px;
}
#rightside .name{
	width: 645px;
	height:45px;
	background-image:url(inews/title_bg.png);
	background-repeat:no-repeat;
	float:left;
	color:#819E30;
	font-size:16px;
	font-weight: bold;
	padding:15px 0 0 90px;
}
#rightside .name span{
	color:#205732;
	font-size:20px;
	font-weight: bold;
	margin-right:3px;
}
#rightside .title{
	font-size:16px;
	font-weight: bold;
	margin-bottom:10px;
}
#contents{
	width: 730px;
	line-height:1.3em;
}
#contents img{
	max-width:730px;
}
/*******************************************************/
/***社群*******************************************************/
#community {
	position: absolute;
	right: 97px;
	top: 0px;
}
#community li {
	width: 33px;
	height: 32px;
	margin: 0 3px;
	float: left;
	text-align: center;
	list-style: none;
}
#community li a {
	width: 100%;
	height: 100%;
	display: block;
	text-decoration: none;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
#community li a:hover {
	color: #F90;
}
#community li a.cart {
	background: url('community/cart.png') no-repeat;
}
#community li a.facebook {
	background: url('community/fb.png') no-repeat;
}
#community li a.google {
	background: url('community/google.png') no-repeat;
}
#community li a.twitter {
	background: url('community/twitter.png') no-repeat;
}
#community li a.plurk {
	background: url('community/plurk.png') no-repeat;
}
#community li a.favorites {
	background: url('community/favorites.png') no-repeat;
}
#community li a.pixnet {
	background: url('community/pixnet.png') no-repeat;
}
#community li a.cart:hover {
	background: url('community/cart_.png') no-repeat;
}
#community li a.facebook:hover {
	background: url('community/fb_.png') no-repeat;
}
#community li a.google:hover {
	background: url('community/google_.png') no-repeat;
}
#community li a.twitter:hover {
	background: url('community/twitter_.png') no-repeat;
}
#community li a.plurk:hover {
	background: url('community/plurk_.png') no-repeat;
}
#community li a.favorites:hover {
	background: url('community/favorites_.png') no-repeat;
}
#community li a.pixnet:hover {
	background: url('community/pixnet_.png') no-repeat;
}
/***社群*******************************************************/
/***右側浮動****************************************************/
#skype a{
	width:80px;
	height:152px;
	background-image:url(footer/skype.png);
	position:absolute;
	display:block;
	left: 50%;
	top:50%;
	cursor: pointer;
	margin-left: 520px;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
#skype a:hover{
	background-image:url(footer/skype_.png);
}
/**************************************************************/
/***頁底*********************************************************/
#footer_box {
	width: 100%;
	height: auto;
	margin: 50px auto 0 auto;
}
#footer_menu {
	width: 970px;
	height: 40px;
	margin: 0 auto;
	background-image: url(footer/footer_bg.png);
	background-repeat:no-repeat;
	line-height:55px;
	padding-bottom:8px;
	color:#91AB3D;
	text-align:center;
}
#footer_menu a {
	color:#FFFFFF;
	margin:0 15px;
}
#footer_menu a:hover {
	color:#BFFF00;
}
#footer {
	width: 970px;
	height: auto;
	margin: 30px auto;
	position: relative;
	font-size:12px;
	text-align:center;
}
#footer .info {
	color:#717171;
}
#footer .copyright{
	margin-top:5px;
	color:#C3C3C3;
}
/***頁底*********************************************************/
/***頁底*********************************************************/