@charset "utf-8";

/* CSS Document */



header_box {

	width: 100%;

	height: auto;

	margin: 0 auto;

	position: relative;

}

#header {
	width: 1030px;
	height: 488px;
	margin: 0 auto;
	position: relative;
	background-position: top center;
	background-repeat: no-repeat;
	background-image: url(wrapper/top_banner.jpg);

}

#logo {
	position: absolute;
	top: -1px;
	left: 68px;

}

#container {

	background-image: url(wrapper/bot_bg.jpg);

	height: 260px;

	width: 1030px;

	margin: 0 auto;

	position: relative;

	background-repeat: no-repeat;

	font-family: Arial, Helvetica, sans-serif, "新細明體";

	font-size: 13px;

}

#marquee {

	width: 490px;

	height: 20px;

	background-image: url(wrapper/scrolling%20text.png);

	background-repeat: no-repeat;

	padding-left: 60px;

	color: #A3A3A3;

	font-size: 12px;

	position: absolute;

	top: 12px;

	left: 440px;

}

#marquee a{

	color: #A3A3A3;

	text-decoration:none;

	-webkit-transition: color 200ms linear;

-moz-transition: color 200ms linear;

-o-transition: color 200ms linear;

transition: color 200ms linear;

}

#marquee a:visited{

	color: #A3A3A3;

	text-decoration:none;

}

#marquee a:hover{

	color: #FF0;

	text-decoration:none;

}

#about_frame {

	width: 290px;

	height: 96px;

	position: absolute;

	top: 84px;

	left: 82px;

	color: #D6D6D6;

	line-height: 20px;

}

#about_more a {

	position: absolute;

	top: 187px;

	left: 329px;

	background-image: url(wrapper/about/about_more_01.png);

	width: 43px;

	height: 16px;

}

#about_more a:hover {

	background-image: url(wrapper/about/about_more_02.png);

}

#product_more a {

	position: absolute;

	top: 50px;

	right: 56px;

	background-image: url(wrapper/product/product_more_01.png);

	background-repeat: no-repeat;

	width: 47px;

	height: 7px;

}

#product_more a:hover {

	background-image: url(wrapper/product/product_more_02.png);

}

#product_frame {

	position: absolute;

	width: 537px;

	height: 145px;

	top: 70px;

	right: 52px;

}

.photo {

	width: 116px;

	height: 87px;

	margin: 5px;

}

.cap_title {

	width: 115px;

	height: 47px;

	padding: 0 5px;

	text-align: center;

}

.cap_title a {

	text-decoration: none;

	color: #EBBAAE;

	line-height: 14px;

	-webkit-transition: color 200ms linear;

	-moz-transition: color 200ms linear;

	-o-transition: color 200ms linear;

	transition: color 200ms linear;

}

.cap_title a:visited {

	text-decoration: none;

	color: #EBBAAE;

	line-height: 14px;

}

.cap_title a:hover {

	text-decoration: none;

	color: #FFFFFF;

	line-height: 14px;

}

.products_list {

	width: 126px;

	height: 145px;

	float: left;

	margin: 0 7px 0 0;

	background: url(wrapper/product/products_bg.png) no-repeat;

}

#footer {

	margin: 0px auto;

	background-position: center;

	width: 1030px;

	text-align: center;

	font-family: Arial, Helvetica, sans-serif, "新細明體";

}

#footer_info {

	font-size: 13px;

	color: #777777;

	letter-spacing: 1px;

	line-height: 25px;

}

#copyright {

	font-size: 12px;

	color: #777777;

	padding: 5px 0px 0px 0px;

	letter-spacing: 1px;

	font-family: Arial, Helvetica, sans-serif, "新細明體";

}

#copyright a {

	text-decoration: none;

	color: #222222;

}

#copyright a:hover {

	color: #900;

}

/*分享按鈕漸變方式*/

#share_butten {

	height: 18px;

	width: 82px;

	position: absolute;

	z-index: 888;

	top: 17px;

	right: 891px;

	padding: 0;

}

#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: 16px;

	height: 16px;

	float: left;

	margin-right: 4px;

	display: inline-block;

}

#share_butten > .fb span {

	background-image: url(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-image: url(share_butten//fb02.png);

}

#share_butten > .google span {

	background: url(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-image: url(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(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(share_butten/tw02.png);

}

#share_butten > .plurk span {

	background: url(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(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(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(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(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(share_butten/fb02.png);

}

#page_share_butten > .google span {

	background: url(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(share_butten/go02.png);

}

#page_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;

}

#page_share_butten > .email:hover, #page_share_butten > .email:hover span {

	background: url(share_butten/em02.png);

}

#page_share_butten > .tweter span {

	background: url(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(share_butten/tw02.png);

}

#page_share_butten > .plurk span {

	background: url(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(share_butten/pl02.png);

}

#page_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;

}

#page_share_butten > .blog:hover, #page_share_butten > .blog:hover span {

	background: url(share_butten/bk02.png);

}

#page_share_butten > .favore span {

	background: url(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(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;

}

/*分享按鈕上下滑動方式*/