@charset "utf-8";
/* CSS Document */
/****************************放置每頁固定CSS*****************************/
/*每個分區的內容外包大小*/
body {
	font-family: Verdana, Arial, sans-serif, '微軟正黑體';
}
header {
	width: 100%;
	height: auto;
	margin: 0 auto;
	position: relative;
	background-image: url(../images/wrapper/topnavcart_bg.jpg);
	background-position: top left;
	background-repeat: repeat-x;
}
article {
	width: 100%;
	height: auto;
	margin: 0 auto;
	position: relative;
}
aside {
	width: 100%;
	height: auto;
	margin: 0 auto;
	position: relative;
}
.aside_page {
	width: 100%;
	height: auto;
	margin: 0 auto;
	position: relative;
	background-image: url(../images/index/page_banner_bg.png);
	background-position: center top;
	background-repeat: repeat-x;
}
footer {
	width: 100%;
	height: auto;
	margin: 0 auto;
	position: relative;
	background-image: url(../images/wrapper/ifooter/bg.jpg);
	background-position: bottom left;
	background-repeat: repeat-x;
}
#header {
	width: 1000px;
	margin: 0 auto 0 auto;
	position: relative;
	height: 153px;
	background-image: url(../images/wrapper/top_bg.png);
	background-position: top center;
	background-repeat: no-repeat;
}
#header_page {
	width: 100%;
	height: 172px;
	margin: 0 auto 0 auto;
	position: relative;
}
/*首頁動畫*/
#banner {
	width: 770px;
	/*height: 354px;*/
	margin: 0 auto 0 auto;
	position: relative;
	padding-top: 0px;
	background-image: url(../images/index/banner_bg.jpg);
	background-position: bottom center;
	background-repeat: no-repeat;
}
#banner_slide {
	width: 770px;
	/*height: 318px;*/
	margin: 0 auto;
    position: relative;
}
/*圖片導圓角*/
#banner_slide img {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
/*圖片導圓角*/
#banner .left_btn {
	width: 27px;
	height: 49px;
	left: 16px;
	top: 134px;
	margin-left: -16px;
	position: absolute;
	cursor: pointer;
	-webkit-transition: all 120ms linear;
	-moz-transition: all 120ms linear;
	-o-transition: all 120ms linear;
	transition: all 120ms linear;
	opacity: 0.5;
}
#banner .left_btn:hover {
	opacity: 1;
}
#banner .right_btn {
	width: 27px;
	height: 49px;
	right: 16px;
	top: 134px;
	margin-right: -16px;
	position: absolute;
	cursor: pointer;
	-webkit-transition: all 120ms linear;
	-moz-transition: all 120ms linear;
	-o-transition: all 120ms linear;
	transition: all 120ms linear;
	opacity: 0.5;
}
#banner .right_btn:hover {
	opacity: 1;
}
/*banner圓形按鈕*/
#banner .banner_btn_box {width:auto; height:7px; float:right; margin:11px 0 18px 0;}
#banner .banner_btn {
	width: 7px;
	height: 7px;
	margin-left: 9px;
	float: right;
	cursor: pointer;
	background-image: url(../images/wrapper/ibanner/dot_02.jpg);
	
}
#banner .banner_btn img {
	float: left;
	opacity: 1;
	margin: 0;
	-webkit-transition: all 120ms linear;
	-moz-transition: all 120ms linear;
	-o-transition: all 120ms linear;
	transition: all 120ms linear;
}
#banner .banner_btn img:hover {
	opacity: 0.0;
}
/*banner圓形按鈕*/
/*內頁動畫*/
#banner_page {
	width: 770px;
	height: 200px;
	position: relative;
}
#banner_page .banner_slide {
	width: 960px;
	height: 285px;
	margin: 0 auto;
}
#banner_page .banner_slide img {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
#banner .car {
	width: auto;
	height: auto;
	position: absolute;
	top: 155px;
	right: 0px;
	z-index: 999;
}
/*內頁內容外包大小*/
#page_container {
	width: 1000px;
	margin: 0 auto;
	position: relative;
	padding-top: 22px;
	padding-bottom: 46px;
}
/*內頁內容外包大小*/

#footer {
	width: 100%;
	height: 177px;
	margin: 0 auto;
	position: relative;
	background-image: url(../images/footer_bg.jpg);
	background-position: center top;
	background-repeat: repeat-x;
	padding-top: 0px;
}
#footer_page {
	width: 1185px;
	height: 310px;
	margin: 0 auto;
	position: relative;
}
.footer_td td {
	padding: 5px;
}
/*每個分區的內容外包大小*/

/*LOGO*/
#logo {
	width: auto;
	height: auto;
	position: absolute;
	left: 0px;
	z-index: 999;
	top: 17px;
}
/*LOGO*/
/*搜尋列*/
#top_serch {
	width: 208px;
	height: 27px;
	right: 0px;
	font-size: 26px;
	font-family: Arial;
	position: relative;
}
#top_serch .top_right_01 {
	width: 74px;
	height: auto;
	padding-right: 7px;
	float: left;
}
#top_serch .top_right_02 {
	width: 193px;
	height: 27px;
	padding-right: 71px;
	float: left;
}
#top_serch .top_right_03 {
	width: 15px;
	height: 15px;
	position: absolute;
	right: 8px;
	top: 0px;
	z-index: 9999;
	opacity: 1;
	cursor: pointer;
	-webkit-transition: all 120ms linear;
	-moz-transition: all 120ms linear;
	-o-transition: all 120ms linear;
	transition: all 120ms linear;
}
#top_serch .top_right_03:hover {
	opacity: 0.7;
}
#top_serch .top_right_04 {
	width: 208px;
	height: 27px;
}
#top_serch .top_right_04 input[type="text"] {
	width: 191px;
	height: 16px;
	padding-right: 10px;
}
#top_serch .top_right_05 {
	width: auto;
	height: 23px;
	float: right;
}
#top_serch .top_right_06 {
	width: 193px;
	height: 27px;
	background-repeat: no-repeat;
	padding-right: 15px;
}
#top_serch .gsc-control-cse {
	padding: 0px;
	border: 0px;
}
#top_serch .gsib_a {
	width: 193px;
}
/*搜尋列*/
/*頭部下拉選單*/
#header_select {
	width: 138px;
	height: 30px;
	position: absolute;
	top: 129px;
	left: 127px;
	z-index: 555;
}
/*頭部下拉選單*/

/*footer第三層*/
#footer_box03 {
	width: 1000px;
	padding:100px 0 0;
	margin: 0 auto;
	position: relative;
}
#footer_box03 .footer_logo {
	position: absolute;
	left: 0px;
	top: 0px;
}
/*footer第三層*/
/*footer地址區塊*/
#footer_info {
	font-size: 13px;
	color: #777777;
	padding: 0;
	text-align: left;
	width: 806px;
	line-height: 20px;
	font-family: '微軟正黑體';
	margin: 0 0 20px 0;
	/*position: absolute;*/
	/*left: 114px;*/
	/*top: 80px;*/
}
#footer_info::after {content:'';clear:both;display:block;}
#footer_info .le {float:right; width:411px;}
#footer_info .ri {float:left; width:368px; color:#007FCC; font-size:18px; font-weight:bold;}
#footer_info span {
	color: #007FCC;
	font-size:13px;
	font-weight:bold;
}
#footer_info .da_box {
	width: 305px;
	height: 123px;
}
#footer_info .da_box_add {
	float: right;
	width: 305px;
	height: 85px;
	color: #FFFFFF;
	font-size: 13px;
	line-height: 20px;
	letter-spacing: 1px;
	background-image: url(../images/footer_line.png);
	background-position: right top;
	background-repeat: repeat-y;
}
/*footer地址區塊*/
/*footer按鈕區塊*/
#footer_menu td {
	height: 21px;
}
#footer_menu .table {
	background-image: url(../images/footer_line.png);
	background-position: right top;
	background-repeat: repeat-y;
}
#footer_menu {
	height: 30px;
	width: 910px;
	text-align: right;
	color: #FFFFFF;
	font-size: 13px;
	letter-spacing: 0px;
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
	top: 30px;
	right: 0px;
	background-image: url(../images/wrapper/ifooter/butten_bg.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	line-height: 30px;
}
#footer_menu a {
	color: #fff;
	font-size: 13px;
	margin-right:45px;
	text-decoration: none;
	-webkit-transition: color 120ms linear;
	-moz-transition: color 120ms linear;
	-o-transition: color 120ms linear;
	transition: color 120ms linear;
}
#footer_menu a:hover {
	color: #FFFF4D;
}
#footer_menu .arr {
	margin-right: 10px;
}
#footer_menu span {
	font-size: 17px;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	color: #333;
}
/*footer按鈕區塊*/
/*footer版權區塊*/
#copyright {
	text-align: left;
	font-size: 13px;
	color: #9F9F9F;
	letter-spacing: 0px;
	line-height: 21px;
	margin: 0;
}
#copyright .name {
	color: #AC9172;
}
#qr {
	width: auto;
	height: auto;
	position: absolute;
	top: 80px;
	right: 95px;
}

#view {
	width: 87px;
	height: 82px;
	position: absolute;
	top: 80px;
	right: 0px;
	background:url(../images/wrapper/view.jpg) no-repeat;
	color:#fff;
	font-size:13px;
	text-align:center;
}

#view span{
	display:block;
	width:70px;
	padding-top:50px;
	line-height:25px;
	margin:0 auto;}



/*footer版權區塊*/

/*footer網頁設計區塊*/
.webdesign {
	font-size: 13px;
	color: #9F9F9F;
}
.webdesign a {
	color: #9F9F9F;
	text-decoration: none;
	-webkit-transition: color 120ms linear;
	-moz-transition: color 120ms linear;
	-o-transition: color 120ms linear;
	transition: color 120ms linear;
}
.webdesign a:hover {
	color: #09F;
}
/*footer網頁設計區塊*/
/*footer免責*/
.term_footer {
	font-size: 13px;
	color: #FF4000;
}
.term_footer a {
	color: #A1A1A1;
	text-decoration: underline;
	-webkit-transition: color 120ms linear;
	-moz-transition: color 120ms linear;
	-o-transition: color 120ms linear;
	transition: color 120ms linear;
}
.term_footer a:hover {
	color: #FF4000;
}
/*footer免責*/
/*footer  top按鈕*/
.gotop_btn {
	width: auto;
	height: auto;
	position: absolute;
	right: -80px;
	top: -102px;
	background-image: url(../images/go_top02.png);
	background-position: center top;
	background-repeat: no-repeat;
}
.gotop_btn img {
	opacity: 1.0;
	-webkit-transition: opacity 120ms linear;
	-moz-transition: opacity 120ms linear;
	-o-transition: opacity 120ms linear;
	transition: opacity 120ms linear;
}
.gotop_btn img:hover {
	opacity: 0.7;
}
/*footer  top按鈕*/


/* image overlay -使用方式，設定圖片底部有個span圖層，背景圖片寬高100%置中，滑鼠滑過時上方圖片透明度變0.1或0*/
.overlay img {
	position: relative;
	z-index: 2;
	display: block;
	-webkit-transition: opacity 120ms linear;
	-moz-transition: opacity 120ms linear;
	-o-transition: opacity 120ms linear;
	transition: opacity 120ms linear;
}
.overlay:hover img {
	opacity: 0.5;
}
.overlay {
	position: relative;
	overflow: hidden;
	width: 45px;
	height: 44px;
}
.overlay span {
	background: url('../data/wrapper/img-overlay.jpg') no-repeat scroll center center;
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	background-color: #000;
}
/* image overlay -使用方式，設定圖片底部有個span圖層，背景圖片寬高100%置中，滑鼠滑過時上方圖片透明度變0.1或0*/


/*分享按鈕漸變方式*/
#share_butten {
	height: 24px;
	width: 126px;
	position: absolute;
	z-index: 888;
	padding: 0;
	top: 137px;
	right: 190px;
}
#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: 23px;
	height: 23px;
	float: left;
	margin-right: 5px;
	display: inline-block;
}
#share_butten > .fb span {
	background: url(../images/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(../images/share_butten/fb02.png);
}
#share_butten > .google span {
	background: url(../images/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(../images/share_butten/go02.png);
}
#share_butten > .email span {
	background: url(../images/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(../images/share_butten/em02.png);
}
#share_butten > .tweter span {
	background: url(../images/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(../images/share_butten/tw02.png);
}
#share_butten > .plurk span {
	background: url(../images/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(../images/share_butten/pl02.png);
}
#share_butten > .blog span {
	background: url(../images/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(../images/share_butten/bk02.png);
}
#share_butten > .favore span {
	background: url(../images/share_butten/fav01.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(../images/share_butten/fav02.png);
}
/*分享按鈕漸變方式

/*more漸變按鈕*/
/*-回上頁-----------------------------------------*/
.imore_01_bg {
	width: 31px;
	height: 26px;
	background-image: url(../images/wrapper/iabout/btn_02.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 15px;
	z-index: 9999;
	right: 0px;
}
.imore_01 {
	width: auto;
	height: auto;
	opacity: 1.0;
	cursor: pointer;
	-webkit-transition: opacity 120ms linear;
	-moz-transition: opacity 120ms linear;
	-o-transition: opacity 120ms linear;
	transition: opacity 120ms linear;
}
.imore_01:hover {
	opacity: 0.0;
}
.imore_02_bg {
	width: 35px;
	height: 33px;
	background-image: url(../images/wrapper/iproducts/btn_02.png);
	background-repeat: no-repeat;
	position: absolute;
	z-index: 999;
	top: 0px;
	right: 0px;
}
.imore_02 {
	width: auto;
	height: auto;
	opacity: 1.0;
	cursor: pointer;
	-webkit-transition: opacity 120ms linear;
	-moz-transition: opacity 120ms linear;
	-o-transition: opacity 120ms linear;
	transition: opacity 120ms linear;
}
.imore_02:hover {
	opacity: 0.0;
}
/*more漸變按鈕*/


/*頁數按鈕*/
#pqs {
	width: 100%;
	height: 38px;
	margin: 15px auto 0 auto;
	text-align: left;
	padding-top: 10px;
}
ul.pagination {
	margin: 0px;
	padding: 0px;
	height: 100%;
	overflow: hidden;
	font: 11px 'Tahoma';
	list-style-type: none;
}
ul.pagination li {
	float: left;
	margin: 0px;
	padding: 0px;
	margin-left: 5px;
	line-height: 20px;
}
ul.pagination li:first-child {
	margin-left: 0px;
}
ul.pagination li a {
	color: black;
	display: block;
	text-decoration: none;
	padding: 0px 7px 0px 7px;
}
ul.pagination li a img {
	border: none;
}
/*若是要替換頁數按鈕的style將以下更換即可*/
	/*參照替換的CSS檔案A*/
ul.paginationA li a {
	color: #FFF;/*border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border:#CCC 1px solid;*/
}
/*參照替換的CSS檔案A底下的02*/
ul.paginationA04 li a {
 background:#BBBBBB;
	border-bottom: #D7001D 0px solid;
	-webkit-border-radius: 120px;
-moz-border-radius: 20px;
border-radius: 20px;/*background:-moz-linear-gradient(top,#DB2B2B,#D22020);
		background:-webkit-gradient(linear,0 0,0 100%,from(#DB2B2B),to(#D22020));	*/
}
ul.paginationA04 li a:hover, ul.paginationA04 li a.current {
	color: #FFF;
	font-weight: normal;
 background: #85B200;
	border-bottom: #D7001D 0px solid;
	-webkit-border-radius: 120px;
-moz-border-radius: 20px;
border-radius: 20px;
}
/*頁數按鈕*/
/*-頁數按左右箭頭-----------------------------------------*/
/*----回最前-----*/
.bastpre_bg {
	width: 20px;
	height: 20px;
	line-height: 0px;
	margin-top: 3px;
	background-image: url(../images/common/pre2.jpg);
	background-repeat: no-repeat;
}
.bastpre {
	width: auto;
	height: auto;
	opacity: 1.0;
	cursor: pointer;
	-webkit-transition: opacity 120ms linear;
	-moz-transition: opacity 120ms linear;
	-o-transition: opacity 120ms linear;
	transition: opacity 120ms linear;
}
.bastpre:hover {
	opacity: 0.0;
}
/*----回最後-----*/
.bastnext_bg {
	width: 24px;
	height: 24px;
	line-height: 0px;
	margin-top: 3px;
	background-image: url(../images/page_rearr02.png);
	background-repeat: no-repeat;
}
.bastnext {
	width: auto;
	height: auto;
	opacity: 1.0;
	cursor: pointer;
	-webkit-transition: opacity 120ms linear;
	-moz-transition: opacity 120ms linear;
	-o-transition: opacity 120ms linear;
	transition: opacity 120ms linear;
}
.bastnext:hover {
	opacity: 0.0;
}
/*----回前頁-----*/
.pre_bg {
	width: 20px;
	height: 20px;
	line-height: 20px;
	margin-top: 3px;
	background-image: url(../images/common/pre2.jpg);
	background-repeat: no-repeat;
}
.pre {
	width: auto;
	height: auto;
	opacity: 1.0;
	cursor: pointer;
	-webkit-transition: opacity 120ms linear;
	-moz-transition: opacity 120ms linear;
	-o-transition: opacity 120ms linear;
	transition: opacity 120ms linear;
}
.pre:hover {
	opacity: 0.0;
}
/*----回下頁-----*/
.next2_bg {
	width: 20px;
	height: 20px;
	line-height: 20px;
	margin-top: 3px;
	background-image: url(../images/common/next2.jpg);
	background-repeat: no-repeat;
}
.next2 {
	width: auto;
	height: auto;
	opacity: 1.0;
	cursor: pointer;
	-webkit-transition: opacity 120ms linear;
	-moz-transition: opacity 120ms linear;
	-o-transition: opacity 120ms linear;
	transition: opacity 120ms linear;
}
.next2:hover {
	opacity: 0.0;
}
/*-頁數按左右箭頭-----------------------------------------*/
/*右上電話*/
.top_phone {
	width: 139px;
	height: 58px;
	position: absolute;
	top: 38px;
	right: 25px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	line-height: 20px;
}
.top_phone span {
	color: #4CFFFF;
}
/*右上電話*/

/*內頁外框*/
#container_page {
	width: 100%;
	margin: 0 auto;
	position: relative;
	padding-top: 0px;
}
/*內頁外框*/

/*內頁左側欄位*/
#left_info {
	width: 210px;
	height: auto;
	margin-bottom: 20px;
	float: left;
}
#member_left_info {
	width: 945px;
	height: 40px;
	line-height: 40px;
	margin: 0 auto;
	background-color: #EEEEEE;
}
#title {
	width: 210px;
	height: 33px;
}
#page_bottom {
	width: 1144px;
	height: 30px;
	margin: 0 auto;
}
/*內頁左側欄位*/

/*內頁左側廣告欄位*/
#tmp_da_box {
	width: 234px;
	height: auto;
	background-image: url(../data/wrapper/left_ad_bg.jpg);
	background-position: center left;
	background-repeat: repeat-y;
	margin: 0 20px 0 37px;
}
#tmp_da_box .img {
	padding-left: 7px;
}
#tmp_da_box .img img {
	margin-bottom: 5px;
	-webkit-transition: opacity 100ms linear;
	-moz-transition: opacity 100ms linear;
	-o-transition: opacity 100ms linear;
	transition: opacity 100ms linear;
}
#tmp_da_box .img img:hover {
	opacity: 0.8;
}
/*內頁左側廣告欄位*/

/*內頁右側欄位*/
#right_info {
	width: 770px;
	height: auto;
	float: right;
}
#title_name {
	width: 760px;
	height: 37px;
	background-image: url(../images/wrapper/page_title_bg.jpg);
	background-position: bottom left;
	background-repeat: repeat-x;
	margin-top: 10px;
	padding-left: 10px;
}

/*內頁右側欄位*/

/*麵包屑*/
#breadcrumbs {
	width: 253px;
	height: 21px;
	text-align: right;
	color: #999999;
	font-size: 13px;
	margin: 0 auto;
	position: absolute;
	top: 241px;
	z-index: 999;
	right: 15px;
}
#breadcrumbs a {
	color: #999;
	text-decoration: none;
	-webkit-transition: color 120ms linear;
	-moz-transition: color 120ms linear;
	-o-transition: color 120ms linear;
	transition: color 120ms linear;
}
#breadcrumbs a:hover {
	color: #333;
	text-decoration: none;
}
/*麵包屑*/
/*內頁的左側會員系統*/
#left_info .member_login {
	width: 239px;
	height: 105px;
	margin: 19px 0 0 23px;
	background-image: url(../data/index/login_box.jpg);
}
#left_info .member_input {
	width: 153px;
	height: 44px;
	padding: 30px 0 0 10px;
	float: left;
	font-size: 12px;
}
#left_info .member_login_pic {
	width: auto;
	height: auto;
	float: left;
	padding: 34px 0 0 10px;
}
#left_info .member_regist {
	width: 229px;
	height: 15px;
	float: left;
	text-align: right;
	padding: 6px 10px 0 0;
	font-size: 13px;
	color: #400000;
}
#left_info .member_regist a {
	color: #400000;
	text-decoration: none;
	-webkit-transition: color 100ms linear;
	-moz-transition: color 100ms linear;
	-o-transition: color 100ms linear;
	transition: color 100ms linear;
}
#left_info .member_regist a:hover {
	color: #960;
	text-decoration: none;
}
/*跑馬燈*/
#mq {
	width: 349px;
	height: auto;
	position: absolute;
	z-index: 999;
	top: 420px;
	right: 23px;
	font-size: 13px;
	color: #FFF;
}
#mq_page {
	width: 349px;
	height: auto;
	position: absolute;
	z-index: 999;
	top: 420px;
	right: 23px;
	font-size: 13px;
	color: #FFF;
}
/*跑馬燈*/
/*置頂列*/
#fixedbar {
	width: 70px;
	height: 244px;
	position: absolute;
    left:50%;
	margin-left: 515px;
    top:175px;
}
#fixedbar .fixe_right {
	width: 70px;
	height: 244px;
}
#fixedbar .fixe_right_no {
	width: 70px;
	height: 65px;
	padding-top:115px;
	text-align: center;
	font-size: 20px;
	color: #D54D4D;
	background-image: url(../images/wrapper/right_cart/cart.png);
	background-position:center top;
	background-repeat:no-repeat;
}
#fixedbar .fixe_right_no a {
	color: #FFFFFF;
	-webkit-transition: all 120ms linear;
	-moz-transition: all 120ms linear;
	-o-transition: all 120ms linear;
	transition: all 120ms linear;
}
#fixedbar .fixe_right_no a:hover {
	color: #B4FEFC;
}

#fixedbar .fixe_right_no2 {
	width: 70px;
	height: 45px;
	padding-top:53px;
	text-align: center;
	font-size: 20px;
	color: #D54D4D;
	background-image: url(../images/wrapper/right_cart/cart2.png);
	background-position:center top;
	background-repeat:no-repeat;
}
#fixedbar .fixe_right_no2 a {
	color: #FFFFFF;
	-webkit-transition: all 120ms linear;
	-moz-transition: all 120ms linear;
	-o-transition: all 120ms linear;
	transition: all 120ms linear;
}
#fixedbar .fixe_right_no2 a:hover {
	color: #FFE715;
}


#fixedbar .checkout_bg {
	width:65px; height:64px; background-image:url(../images/wrapper/right_cart/cart_02.jpg); background-position:center top; background-repeat:no-repeat; margin:0 auto;}
#fixedbar .checkout {
	height: 65px;
	width: 64px;
	opacity:1.0;
	cursor:pointer;
	-webkit-transition: opacity 120ms linear;
	-moz-transition: opacity 120ms linear;
	-o-transition: opacity 120ms linear;
	transition: opacity 120ms linear;
}
#fixedbar .checkout:hover {
	opacity:0;
}

#topnavcart {
	height: 36px;
	text-align: right;
	font-size: 13px;
	background-position: left top;
	background-repeat: repeat-x;
 background-image:;
	background-color: #232323;
	width: 1185px;
	margin: 0 auto;
}
#topnavcart #cartinfo {
	height: 36px;
	width: 134px;
	color: #FFF;
	line-height: 36px;
	float: right;
	background-color: #D54D4D;
	text-align: left;
	-webkit-transition: background-color 120ms linear;
	-moz-transition: background-color 120ms linear;
	-o-transition: background-color 120ms linear;
	transition: background-color 120ms linear;
}
#topnavcart #cartinfo:hover {
	background-color: #E28787;
}
#topnavcart #cartinfo a {
	color: #FFF;
	text-decoration: none;
	-webkit-transition: color 120ms linear;
	-moz-transition: color 120ms linear;
	-o-transition: color 120ms linear;
	transition: color 120ms linear;
}
#topnavcart #cartinfo a:hover {
	color: #F9C;
	text-decoration: none;
}
#topnavcart #cartinfo span {
	color: #660;
	font-size: 15px;
	font-weight: bold;
}
#cartinfo .mycart {
	float: left;
	width: 98px;
	height: 36px;
	padding-left: 7px;
	color: #FFF;
}
#cartinfo .mycart_no {
	width: 21px;
	height: 21px;
	line-height: 21px;
	text-align: center;
	float: right;
	background-color: #333;
	color: #FFF;
	font-weight: bold;
	margin-top: 7px;
	margin-right: 8px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.member_bg {
	width: 121px;
	height: 36px;
	float: right;
	background-image: url(../data/wrapper/imember/login02.jpg);
}
.member_topbtn {
	width: auto;
	height: auto;
	opacity: 1.0;
	-webkit-transition: opacity 120ms linear;
	-moz-transition: opacity 120ms linear;
	-o-transition: opacity 120ms linear;
	transition: opacity 120ms linear;
}
.member_topbtn:hover {
	opacity: 0.0;
}
.top_serch {
	width: 182px;
	height: 36px;
	background-color: #66696C;
	text-align: left;
	padding-left: 11px;
	line-height: 36px;
	-webkit-transition: background-color 120ms linear;
	-moz-transition: background-color 120ms linear;
	-o-transition: background-color 120ms linear;
	transition: background-color 120ms linear;
}
.top_serch:hover {
	background-color: #CCC;
}
.top_serch_serch {
	width: 57px;
	height: 36px;
	color: #fff;
	text-align: left;
	line-height: 36px;
	float: left;
	font-size: 13px;
}
.top_serch_input {
	width: 90px;
	height: 35px;
	float: left;
}
.top_serch_input_style {
	width: 90px;
	height: 35px;
	font-size: 14px;
	line-height: 35px;
	margin: 0px;
	padding: 0px;
}
.top_serch_glass {
	width: 20px;
	height: 36px;
	float: left;
}
/*置頂列*/



.clear {
	zoom: 1;
	clear: both;
}
.clear:after {
	content: '';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
/*全部輸入欄位樣式*/
/*表單樣式Forms*/
input, select {
	vertical-align: middle;
}/*表格內文字垂直置中*/
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	display: inline;/*所有相連的欄位都會自動斷行，若不要就改為inline*/
	height: auto;
	padding: 5px 5px;
	margin: 0px;
	font-size: 13px;
	line-height: 18px;
	color: #333;
	vertical-align: middle;
	border: 1px solid #CCC;
	background-color: #FFF;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-transition: border-color 120ms linear;
	-moz-transition: border-color 120ms linear;
	-o-transition: border-color 120ms linear;
	transition: border-color 120ms linear;
}
select:hover, textarea:hover, input[type="text"]:hover, input[type="password"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="date"]:hover, input[type="month"]:hover, input[type="time"]:hover, input[type="week"]:hover, input[type="number"]:hover, input[type="email"]:hover, input[type="url"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="color"]:hover, .uneditable-input {
	border: 1px solid #666;
	color: #333;
}
select {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background: #fff url('../images/wrapper/select-nav-bg.jpg') no-repeat 100% -1px;
	border: 1px solid #e7e7e7;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
	padding: 3px 35px 3px 10px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
select:hover {
	background-position: 100% -30px;
	cursor: pointer
}
/*內頁左側固定欄位*/
#page_left_ad {
	float: left;
	width: 199px;
	height: auto;
}
#page_left_ad .ad01 {
	width: 199px;
	height: auto;
}
#page_left_ad .ad01_words {
	width: 199px;
	height: auto;
	padding: 0 0 13px 0px;
	font-size: 13px;
	line-height: 25px;
}
/*右上角按鈕*/
/*-回上頁-----------------------------------------*/
.rtop_login_01_bg {
	width: 62px;
	height: 29px;
	background-image: url(../images/wrapper/login_02.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 48px;
	z-index: 9999;
	right: 79px;
}
.rtop_login_01 {
	width: auto;
	height: auto;
	opacity: 1.0;
	cursor: pointer;
	-webkit-transition: opacity 120ms linear;
	-moz-transition: opacity 120ms linear;
	-o-transition: opacity 120ms linear;
	transition: opacity 120ms linear;
}
.rtop_login_01:hover {
	opacity: 0.0;
}
.rtop_logout_01_bg {
	width: 62px;
	height: 29px;
	background-image: url(../images/wrapper/logout_02.jpg);
	background-repeat: no-repeat;
	position: absolute;
	top: 48px;
	z-index: 9999;
	right: 79px;
}
.rtop_logout_01 {
	width: auto;
	height: auto;
	opacity: 1.0;
	cursor: pointer;
	-webkit-transition: opacity 120ms linear;
	-moz-transition: opacity 120ms linear;
	-o-transition: opacity 120ms linear;
	transition: opacity 120ms linear;
}
.rtop_logout_01:hover {
	opacity: 0.0;
}
.rtop_reg_01_bg {
	width: 62px;
	height: 29px;
	background-image: url(../images/wrapper/regist_02.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 48px;
	z-index: 9999;
	right: 0px;
}
.rtop_reg_01 {
	width: auto;
	height: auto;
	opacity: 1.0;
	cursor: pointer;
	-webkit-transition: opacity 120ms linear;
	-moz-transition: opacity 120ms linear;
	-o-transition: opacity 120ms linear;
	transition: opacity 120ms linear;
}
.rtop_reg_01:hover {
	opacity: 0.0;
}
.left_fbbtn {
	width: auto;
	height: auto;
	margin-bottom: 0px;
}

/*-首頁最新消息-----------------------------------------*/
#inews {
	width: 210px;
	height: auto;
	position: relative;
	display: inline-block;
	margin-top: 20px;
	background-color: #EEEEEE;
}
#inews .box {
	width: 210px;
	height: 230px;
	padding: 0;
	margin-left: 0px;
	background-image: url(../images/wrapper/inews/line.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
	float: left;
}
#inews .pic {
	width: 180px;
	height: 135px;
	border: #FFF 1px solid;
	padding: 0px;
	background-color: #FFF;
	margin: 15px 0px 0 14px;
	cursor: pointer;
	float:left;
	-webkit-transition: all 120ms linear;
	-moz-transition: all 120ms linear;
	-o-transition: all 120ms linear;
	transition: all 120ms linear;
}
#inews .pic:hover {
	width: 180px;
	height: 135px;
	border: #07539C 1px solid;
	padding: 0px;
	background-color: #FFF;
	margin: 15px 0px 0 14px;
}
#inews .time {
	color: #666666;
	font-size: 15px;
	text-align: center;
	width: 83px;
	height: 132px;
	float: left;
	line-height: 132px;
	font-weight: bold;
	margin: 13px 35px 0 0;
}
#inews .time span {
	font-size: 27px;
	color: #FEF2B8;
}
#inews .time_y {
	text-align: center;
	color: #FFF;
	font-size: 14px;
}
#inews .title {
	width: 180px;
	height: 69px;
	line-height: 20px;
	color: #D90000;
	font-size: 13px;
	float: left;
	margin: 10px 0px 0 14px;
}
#inews .title a {
	color: #3A3A3A;
	text-decoration: none;
	-webkit-transition: color 120ms linear;
	-moz-transition: color 120ms linear;
	-o-transition: color 120ms linear;
	transition: color 120ms linear;
}
#inews .title a:hover {
	color: #07539C;
	text-decoration: underline;
}
#inews .title_color {
	color: #3A3A3A;
	font-size: 13px;
	font-weight:bold;
}
#inews .arr {
	margin-right: 7px;
}
#inews .caption {
	width: 211px;
	height: 62px;
	color: #6C6C6C;
	font-size: 13px;
	line-height: 20px;
}
#inews .caption a {
	color: #6C6C6C;
	text-decoration: none;
	-webkit-transition: color 120ms linear;
	-moz-transition: color 120ms linear;
	-o-transition: color 120ms linear;
	transition: color 120ms linear;
}
#inews .caption a:hover {
	color: #F90;
	text-decoration: none;
}
/*-首頁最新消息-----------------------------------------*/
body{
    position: relative;
}

.icon-refresh {
    display: inline-block;
    vertical-align: middle;
    background: url(../images/wrapper/ic_refresh.png) no-repeat;
    width: 20px;
    height: 20px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.icon-refresh:hover {
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}
/*-燈箱區-----------------------------------------*/
.fancybox-inner .light_box {
	width: 272px;
	height: 55px;
	background-image: url(../images/products/detail/light_box_bg.png);
	background-position: center top;
	background-repeat: no-repeat;
	padding: 68px 0 0 158px;
    margin: 0 auto;
}
#fancybox-inner .memlogin_bg {
	width: 114px;
	height: 32px;
	line-height: 0px;
	position: relative;
	background-image: url(../images/products/detail/login02.jpg);
	background-repeat: no-repeat;
	float: left;
}
.fancybox-inner .memlogin {
	width: auto;
	height: auto;
	opacity: 1.0;
	cursor: pointer;
	-webkit-transition: opacity 120ms linear;
	-moz-transition: opacity 120ms linear;
	-o-transition: opacity 120ms linear;
	transition: opacity 120ms linear;
}
.fancybox-inner .memlogin:hover {
	opacity: 0.0;
}
/*-燈箱區-----------------------------------------*/