@charset "utf-8";
/*分享按鈕漸變方式*/
#share_butten {
	height: 30px;
	width: 120px;
	z-index: 888;
	padding: 0;
	float: left;
	position: absolute;
	top: 109px;
	left: 225px;
}
#share_butten > .fb span, #share_butten > .google span, #share_butten > .email span, #share_butten > .tweter span, #share_butten > .plurk span, #share_butten > .blog span, #share_butten > .favore span {
	width: 40px;
	height: 30px;
	float: left;
	display: inline-block;
}
#share_butten > .fb span {
	background:url(../data/share_butten/fb01.png);
	-webkit-transition: background 100ms linear;
	-moz-transition: background 100ms linear;
	-o-transition: background 100ms linear;
	transition: background 100ms linear;
}
#share_butten > .fb:hover, #share_butten > .fb:hover span {
	background:url(../data/share_butten/fb02.png);
}
#share_butten > .google span {
	background:url(../data/share_butten/go01.png);
	-webkit-transition: background 100ms linear;
	-moz-transition: background 100ms linear;
	-o-transition: background 100ms linear;
	transition: background 100ms linear;
}
#share_butten > .google:hover, #share_butten > .google:hover span {
	background:url(../data/share_butten/go02.png);
}
#share_butten > .email span {
	background: url(../share_butten/em01.png);
	-webkit-transition: background 100ms linear;
	-moz-transition: background 100ms linear;
	-o-transition: background 100ms linear;
	transition: background 100ms linear;
}
#share_butten > .email:hover, #share_butten > .email:hover span {
	background: url(../share_butten/em02.png);
}
#share_butten > .tweter span {
	background:url(../data/share_butten/tw01.png);
	-webkit-transition: background 100ms linear;
	-moz-transition: background 100ms linear;
	-o-transition: background 100ms linear;
	transition: background 100ms linear;
}
#share_butten > .tweter:hover, #share_butten > .tweter:hover span {
	background:url(../data/share_butten/tw02.png);
}
#share_butten > .plurk span {
	background:url(../data/share_butten/pl01.png);
	-webkit-transition: background 100ms linear;
	-moz-transition: background 100ms linear;
	-o-transition: background 100ms linear;
	transition: background 100ms linear;
}
#share_butten > .plurk:hover, #share_butten > .plurk:hover span {
	background:url(../data/share_butten/pl02.png);
}
#share_butten > .blog span {
	background: url(../share_butten/bk01.png);
	-webkit-transition: background 100ms linear;
	-moz-transition: background 100ms linear;
	-o-transition: background 100ms linear;
	transition: background 100ms linear;
}
#share_butten > .blog:hover, #share_butten > .blog:hover span {
	background: url(../share_butten/bk02.png);
}
#share_butten > .favore span {
	background:url(../data/share_butten/fv01.png);
	-webkit-transition: background 100ms linear;
	-moz-transition: background 100ms linear;
	-o-transition: background 100ms linear;
	transition: background 100ms linear;
}
#share_butten > .favore:hover, #share_butten > .favore:hover span {
	background:url(../data/share_butten/fv02.png);
}
/*分享按鈕漸變方式

/*分享按鈕漸變方式*/
#page_share_butten {
	height: auto;
	width: 102px;
	z-index: 888;
}
#page_share_butten > .fb span, #page_share_butten > .google span, #page_share_butten > .email span, #page_share_butten > .tweter span, #page_share_butten > .plark span, #page_share_butten > .blog span, #page_share_butten > .favore span {
	width: 19px;
	height: 19px;
	float: left;
	margin-right: 3px;
	display: inline-block;
}
#page_share_butten > .fb span {
	background: url(../data/share_butten/fb01.png);
	-webkit-transition: background 100ms linear;
	-moz-transition: background 100ms linear;
	-o-transition: background 100ms linear;
	transition: background 100ms linear;
}
#page_share_butten > .fb:hover, #page_share_butten > .fb:hover span {
	background-image: url(../data/share_butten/fb02.png);
}
#page_share_butten > .google span {
	background: url(../data/share_butten/go01.png);
	-webkit-transition: background 100ms linear;
	-moz-transition: background 100ms linear;
	-o-transition: background 100ms linear;
	transition: background 100ms linear;
}
#page_share_butten > .google:hover, #page_share_butten > .google:hover span {
	background-image: url(../data/share_butten/go02.png);
}
#page_share_butten > .email span {
	background: url(../data/share_butten/em01.png);
	-webkit-transition: background 100ms linear;
	-moz-transition: background 100ms linear;
	-o-transition: background 100ms linear;
	transition: background 100ms linear;
}
#page_share_butten > .email:hover, #page_share_butten > .email:hover span {
	background: url(../data/share_butten/em02.png);
}
#page_share_butten > .tweter span {
	background: url(../data/share_butten/tw01.png);
	-webkit-transition: background 100ms linear;
	-moz-transition: background 100ms linear;
	-o-transition: background 100ms linear;
	transition: background 100ms linear;
}
#page_share_butten > .tweter:hover, #page_share_butten > .tweter:hover span {
	background: url(../data/share_butten/tw02.png);
}
#page_share_butten > .plurk span {
	background: url(../data/share_butten/pl01.png);
	-webkit-transition: background 100ms linear;
	-moz-transition: background 100ms linear;
	-o-transition: background 100ms linear;
	transition: background 100ms linear;
}
#page_share_butten > .plurk:hover, #page_share_butten > .plurk:hover span {
	background: url(../data/share_butten/pl02.png);
}
#page_share_butten > .blog span {
	background: url(../data/share_butten/bk01.png);
	-webkit-transition: background 100ms linear;
	-moz-transition: background 100ms linear;
	-o-transition: background 100ms linear;
	transition: background 100ms linear;
}
#page_share_butten > .blog:hover, #page_share_butten > .blog:hover span {
	background: url(../data/share_butten/bk02.png);
}
#page_share_butten > .favore span {
	background: url(../data/share_butten/fv01.png);
	-webkit-transition: background 100ms linear;
	-moz-transition: background 100ms linear;
	-o-transition: background 100ms linear;
	transition: background 100ms linear;
}
#page_share_butten > .favore:hover, #page_share_butten > .favore:hover span {
	background: url(../data/share_butten/fv02.png);
}
/*page分享按鈕漸變方式


/*分享按鈕上下滑動方式*/
#share_butten_position {
	height: auto;
	width: auto;
	position: absolute;
	z-index: 888;
	top: 47px;
	right: 49px;
}
#share_butten_position > .fb span, #share_butten_position > .google span, #share_butten_position > .email span, #share_butten_position > .tweter span, #share_butten_position > .plurk span, #share_butten_position > .blog span, #share_butten_position > .favore span {
	width: 18px;
	height: 18px;
	float: left;
	margin-right: 3px;
	display: inline-block;
}
#share_butten_position > .fb:hover, #share_butten_position > .fb:hover span {
	background-position: 0 -16px;
}
#share_butten_position > .google:hover, #share_butten_position > .google:hover span {
	background-position: 0 -16px;
}
#share_butten_position > .tweter:hover, #share_butten_position > .tweter:hover span {
	background-position: 0 -16px;
}
#share_butten_position > .plurk:hover, #share_butten_position > .plurk:hover span {
	background-position: 0 -16px;
}
#share_butten_position > .plurk:hover, #share_butten_position > .email:hover span {
	background-position: 0 -16px;
}
#share_butten_position > .blog:hover, #share_butten_position > .blog:hover span {
	background-position: 0 -16px;
}
#share_butten_position > .favore:hover, #share_butten_position > .favore:hover span {
	background-position: 0 -16px;
}
#share_butten_position > .fb span {
	background: url('../data/share_butten/fb.png') no-repeat 0 0;
	-webkit-transition: background-position 100ms linear;
	-moz-transition: background-position 100ms linear;
	-o-transition: background-position 100ms linear;
	transition: background-position 100ms linear;
}
#share_butten_position > .google span {
	background: url('../data/share_butten/go.png') no-repeat 0 0;
	-webkit-transition: background-position 100ms linear;
	-moz-transition: background-position 100ms linear;
	-o-transition: background-position 100ms linear;
	transition: background-position 100ms linear;
}
#share_butten_position > .email span {
	background: url('../data/share_butten/em.png') no-repeat 0 0;
	-webkit-transition: background-position 100ms linear;
	-moz-transition: background-position 100ms linear;
	-o-transition: background-position 100ms linear;
	transition: background-position 100ms linear;
}
#share_butten_position > .tweter span {
	background: url('../data/share_butten/tw.png') no-repeat 0 0;
	-webkit-transition: background-position 100ms linear;
	-moz-transition: background-position 100ms linear;
	-o-transition: background-position 100ms linear;
	transition: background-position 100ms linear;
}
#share_butten_position > .plurk span {
	background: url('../data/share_butten/pl.png') no-repeat 0 0;
	-webkit-transition: background-position 100ms linear;
	-moz-transition: background-position 100ms linear;
	-o-transition: background-position 100ms linear;
	transition: background-position 100ms linear;
}
#share_butten_position > .blog span {
	background: url('../data/share_butten/bk.png') no-repeat 0 0;
	-webkit-transition: background-position 100ms linear;
	-moz-transition: background-position 100ms linear;
	-o-transition: background-position 100ms linear;
	transition: background-position 100ms linear;
}
#share_butten_position > .favore span {
	background: url('../data/share_butten/fv.png') no-repeat 0 0;
	-webkit-transition: background-position 100ms linear;
	-moz-transition: background-position 100ms linear;
	-o-transition: background-position 100ms linear;
	transition: background-position 100ms linear;
}
/*分享按鈕上下滑動方式*/
/* CSS Document */