@charset "utf-8";
/* CSS Document */
#community {
	position: absolute;
	right: 113px;
	top:75px;
	z-index: 50;
}
#community li {
	width: 21px;
	height: 20px;
	margin: 0 2px;
	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;
}
/*********************************************************/
/*********************************************************/
#footer_box {
	width: 100%;
	min-width:1040px;
	border-top:#4B4B4B 1px solid;
	background:url(i_img/footer_bg.jpg) repeat-x;
}
#footer {
	width: 1000px;
	height: 120px;
	color:#666666;
	line-height:30px;
	margin: 0 auto;
	position: relative;
}
#footer a {
	color: #666666;
	text-decoration: none;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
#footer a:visited {
	color:#666666;
	text-decoration: none;
}
#footer a:hover {
	color: #A08C59;
	text-decoration: none;
}
#footer .menu{
	font-size:12px;
	height:20px;
	line-height:20px;
	color:#8C8C8C;
	word-spacing: 10px;
	position: absolute;
	top:30px;
	left: 15px;
	word-spacing:0px;
}
#footer .menu img{
	vertical-align:middle;
}
#footer .menu a {
	color:#8C8C8C;
	text-decoration: none;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
#footer .menu a:visited {
	color:#8C8C8C;
	text-decoration: none;
}
#footer .menu a:hover {
	color: #E9921A;
	text-decoration: none;
}
#footer .info {
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	line-height: 16px;
	color: #ADADAD;
	position: absolute;
	top: 55px;
	left: 15px;
}
#footer .info img{
	vertical-align:middle;
}
#footer .info a {
	color: #8A8D99;
	font-weight: normal;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
#footer .info a:visited {
	color: #8A8D99;
	font-weight: normal;
}
#footer .info a:hover {
	color: #FFF;
	font-weight: normal;
}
#footer .qr {
	position: absolute;
	right:20px;
	top: 25px;
}
#footer .copyright {
	font-size: 12px;
	line-height: 20px;
	color: #646464;
	position: absolute;
	text-align: right;
	top: 75px;
	left: 15px;
}
#footer .copyright spanc {
	color: #646464;
}
#footer .copyright span {
	color:#646464;
}
#footer .copyright span a {
	color: #646464;
	text-decoration: underline;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
#footer .copyright span a:visited {
	color: #646464;
	text-decoration: underline;
}
#footer .copyright span a:hover {
	color:#F8CB3A;
	text-decoration: underline;
}
#footer .copyright a {
	color: #646464;
	text-decoration: none;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
#footer .copyright a:visited {
	color: #646464;
	text-decoration: none;
}
#footer .copyright a:hover {
	color: #8A8E9A;
	text-decoration: none;
}
#footer .top_use {
	width: 62px;
	height: 43px;
	position: absolute;
	right: 0px;
	top: -42px;
}
#footer .top_use a {
	width: 100%;
	height: 100%;
	display: block;
	-webkit-transition: background 200ms linear;
	-moz-transition: background 200ms linear;
	-o-transition: background 200ms linear;
	transition: background 200ms linear;
}
#footer .top_use a:hover {
	background: url(footer/top_.png) no-repeat;
}
/***頁底*********************************************************/
/***頁底*********************************************************/
.form_use {
	color:#B2B2B2;
	background-color:#232323;
	border:#4C4C4C 1px solid;
	padding: 3px 8px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
.form_use:hover {
	color:#FFF;
	background-color:#4C4C4C;
	border:#232323 1px solid;
}
.form_use:focus {
	color:#FFF;
	background-color:#4C4C4C;
	border:#232323 1px solid;
}
.form_h {
	height: 20px;
}
.form_use2 {
	color:#B2B2B2;
	background-color:#232323;
	border:#4C4C4C 1px solid;
	padding: 3px 3px 3px 5px;
	font-size: 12px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
.form_use2:hover {
	color:#FFF;
	background-color:#4C4C4C;
	border:#232323 1px solid;
}
.form_use2:focus {
	color:#FFF;
	background-color:#4C4C4C;
	border:#232323 1px solid;
}
.form_use3 {
	color:#B2B2B2;
	background-color:#232323;
	border:#4C4C4C 1px solid;
	padding: 3px 8px;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
.form_use3:hover {
	color:#FFF;
	background-color:#4C4C4C;
	border:#232323 1px solid;
}
.form_use3:focus {
	color:#FFF;
	background-color:#4C4C4C;
	border:#232323 1px solid;
}
.form_use4 {
	color:#666;
	border:none;
	background-color: transparent;
	padding: 3px 8px;
	font-size: 12px;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}