@charset "utf-8";
/* CSS Document */
/*分享按鈕變色方式-淡入淡出*/
.morebut2 {

	width: 18px;
	height: 18px;
}/*分享按鈕變色方式*/
.morebut2 a {
	width: 18px;
	height: 18px;
	display: block;
	-webkit-transition: background-image 300ms linear;
	-moz-transition: background-image 300ms linear;
	-o-transition: background-image 300ms linear;
	transition: background-image 300ms linear;
	background-image: url(imges/more.png)
}
.morebut2 a:hover {
	background-image: url(imges/more-.png);
}

/*分享按鈕變色方式-淡入淡出*/
/*分享按鈕變色方式-上下*/

/*上下換圖按鈕加在連結中的css，意思是<a>標籤的背景位置為往上移動圖片高度一半的單位*/
  
.morebut:hover, .morebut:hover {background-position: 0 -19px;}
.morebut {
	
	background: url('../data/common/more.jpg') no-repeat 0 0;
	display: inline-block;
	width: 35px;
	height: 19px;
	-webkit-transition: background-position 100ms linear;
	-moz-transition: background-position 100ms linear;
	-o-transition: background-position 100ms linear;
	transition: background-position 100ms linear;
}
/****************表單*/
.form_use {
	color: #999;
	background-color:#111111;
	border: #333333 1px solid;
	padding: 3px 8px;

	-webkit-transition: background 200ms linear, border 200ms linear;
	-moz-transition: background 200ms linear, border 200ms linear;
	-o-transition: background 200ms linear, border 200ms linear;
	transition: background 200ms linear, border 200ms linear;
	behavior: repeat url(../../scripts/pie/PIE.htc);
}
.form_use:hover {
	background-color: #111111;
	border: #B8B8B8 1px solid;
}
.form_use:focus {
	color: #fff;
	background-color:#111111;
	border: #B8B8B8 1px solid;
}
.form_h {
	height: 18px;
}
.form_use2 {
	color: #999;
	background-color:#111111;
	border: #333333 1px solid;
	padding: 3px 3px 3px 5px;
	font-size: 14px;

	-webkit-transition: background 200ms linear, border 200ms linear;
	-moz-transition: background 200ms linear, border 200ms linear;
	-o-transition: background 200ms linear, border 200ms linear;
	transition: background 200ms linear, border 200ms linear;
	behavior: repeat url(../../scripts/pie/PIE.htc);
}
.form_use2:hover {
	color: #fff;
	background-color: #111111;
	border: #B8B8B8 1px solid;
}
.form_use2:focus {
	color: #fff;
	background-color: #111111;
	border: #B8B8B8 1px solid;
}
.form_use3 {
	background-color: #FFF;
	border: #D5D6DD 1px solid;
	padding: 3px 8px;
	-webkit-transition: background 200ms linear, border 200ms linear;
	-moz-transition: background 200ms linear, border 200ms linear;
	-o-transition: background 200ms linear, border 200ms linear;
	transition: background 200ms linear, border 200ms linear;
}
.form_use3:hover {
	background-color: #F3F3F3;
	border: #999999 1px solid;
}
/****************表單*/
/****************分頁*/
#pages_post {
	width: 620px;
	font-size: 15px;
	height: auto;
	clear: both;
	float: right;
	padding: 20px 0;
	margin: 20px 0;
	border-top: 1px #333333 solid;
	text-align: center;
		
}
#pages_post .line{
	border-top:1px #8A8A79 dashed;
	height:20px;
}
#pages_post_cart {
	width: 698px;
	font-size: 15px;
	height: 121px;
	float: left;
	padding: 20px 0;
	margin-bottom: 20px;
	text-align: center;
	border-left: 1px #ACACAC solid;
	border-right: 1px #ACACAC solid;
	border-bottom: 1px #ACACAC solid;
	background-image: url(../data/order/bottom.jpg);
		
}
/***分頁*******************************************************/
/*#pages {
	width: 100%;
	font-size: 15px;
	color: #00468C;
	font-family: Arial, Helvetica, sans-serif;
	height: auto;
	clear: both;
	margin: 0 auto;
	padding: 20px 0;
	text-align:center;
}
#pages.lin{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #3599C0;
	margin-top:20px;
}
#pages .table{
	height: 28px;
	width: 647px;
	margin: auto;
}
#pages .pgs a {
	color: #999999;
	text-decoration: none;
	margin:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	display: block;
	border: 1px solid #CFCFCF;
	float: left;
	padding: 1px 11px;
}

#pages .pgs a:hover,
#pages .pgs a.link {
	color: #333333;
	font-weight: bold;
}*/
/***分頁*******************************************************/
/***回列表*********************************************************/
#pages_back {
	width: 100%;
	height: 30px;
	padding: 20px 0px 10px 0px;
	margin: 0 auto;
	margin-top:20px;
	text-align: center;
	float: left;
	border-top:1px #444444 solid;


	
}
/***回列表*********************************************************/
/****************分頁[有背景換色]*/

#pages {
	width: 100%;
	font-size: 15px;
	height: auto;
	clear: both;
	float: right;
	padding: 20px 0;
	margin: 20px 0;
	border-top: 1px #333333 solid;
	text-align: center;
}

#pages.lin{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DEDEDE;
	margin-top:20px;
}
#pages .table{
	height: 28px;
	width: 647px;
	margin: auto;
}

#pages .pgs a {
	width:25px;
	height:20px;
	color: #8C8C8C;
	text-decoration: none;
	margin:6px;
	display: block;
	float: left;

	
}


#pages .pgs a:hover {
	color: #fff;
	text-decoration: none;
	margin: 6px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	display: block;
	background-image:url(../data/common/pages_bg.png);
	
	float: left;
	
}
#pages .pgs a.link {
	color: #fff;
	font-size:30px;
	text-decoration: none;
	margin: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	display: block;
	background-image: url(../data/common/pages_bg.png);
	float: left;
	
}

/****************分頁[有背景換色]*/