@charset "utf-8";
/* CSS Document */

/***分頁*******************************************************/
.pl {
	text-align: left !important;
}
.pr {
	text-align: right !important;
}
.pages select{
	display: none;
}
.pages .other {
	margin:0 5px;
	text-indent:-9999px;
	font-family: Verdana;
}
.pages .other:hover {
	font-weight: normal;
	text-decoration:none;
}
.pages .other span{
	font-weight: bold;
	margin:0 5px;
	font-family: 'Quicksand', sans-serif;
}
.pages {
	margin: 0 auto;
	float: none;
	color: #333333;
	position: relative;
	text-align: center;
}
.pages img {
	padding: 0px;
	margin: 0px;
	opacity: 0;
	vertical-align: middle;
}
.pages a, .pages a:visited {
	width: 22px;
	height: 23px;
	line-height: 23px;
	text-align: center;
	margin:0 0px;
	color:#868686;
	font-size: 15px;
	display: inline-block;
	vertical-align:middle;
	text-decoration: none;
	border-left:none;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.pages a:hover, .pages a.active {
	color:#C28168;
	font-weight: bold;
	text-decoration:underline;
}
.pages2 {
	float: none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
	text-align: center;
}
.pages2 img {
	padding: 0px;
	margin: 0px;
	opacity: 0;
	vertical-align: middle;
}
.pages2 span {
	margin: 0 3px;
}
.pages2 a {
	line-height: 18px;
	font-size: 13px;
	color: #634B65;
	padding: 0px;
	cursor:pointer;
	display: inline-block;
	vertical-align:top;
	text-decoration: none;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.pages2 input{
	line-height:1px;
	height:26px;
	margin:0 5px;
	padding:5px 10px 5px 10px;
	font-family:Arial, "微軟正黑體";
	border:none;
	color:#FFF;
	font-weight: bold;
	font-size: 15px;
	text-align:center;
	cursor:pointer;
	background:#888888;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.pages2 input:hover{
	background:#444444;
}
.send_u{
	margin:0 auto;
	width: 100%;
	background:#3597D9 url(../images/order/btn.png) center no-repeat !important;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin:0 !important;
}
.send_u:hover{
	background:#FD3417 url(../images/order/btn.png) center no-repeat !important;
}
@media all and (max-width: 500px) {
.pages a{
	display:none;
}
.pages select{
	width:100px;
	margin:0 auto;
	display:block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
}
/***分頁*******************************************************/
.p01 {
	background:url(../images/pages/prev.png) no-repeat;
}
.p01:hover {
	background:url(../images/pages/prev_.png) no-repeat;
}
.p02 {
	background:url(../images/pages/next.png) no-repeat;
}
.p02:hover {
	background:url(../images/pages/next_.png) no-repeat;
}
.p03 {
	background:url(../images/pages/prev2.png) no-repeat;
}
.p03:hover {
	background:url(../images/pages/prev2_.png) no-repeat;
}
.p04 {
	background:url(../images/pages/next2.png) no-repeat;
}
.p04:hover {
	background:url(../images/pages/next2_.png) no-repeat;
}
.bback {
	cursor:pointer;
	display:inline-block;
	background:url(../images/pages/back.png) no-repeat;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.bback:hover {
	background:url(../images/pages/back_.png) no-repeat;
}
/**************************************************************************************/
/*
.btop {
	cursor:pointer;
	display:inline-block;
	vertical-align:top;
	background:url(../images/pages/top.png) no-repeat;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
.btop:hover {
	background:url(../images/pages/top_.png) no-repeat;
}
.badd {
	cursor:pointer;
	display:inline-block;
	vertical-align:top;
	margin:0 3px;
	background:url(../images/products/add.png) no-repeat;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
.badd:hover {
	background:url(../images/products/add_.png) no-repeat;
}
.bclear {
	cursor:pointer;
	display:inline-block;
	vertical-align:top;
	margin:0 3px;
	background: url(../images/common/clear.png) no-repeat;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
.bclear:hover {
	background: url(../images/common/clear_.png) no-repeat;
}
.bsend {
	cursor:pointer;
	display:inline-block;
	vertical-align:top;
	margin:0 3px;
	background: url(../images/common/send.png) no-repeat;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
.bsend:hover {
	background: url(../images/common/send_.png) no-repeat;
}
.bback{
	cursor:pointer;
	display:inline-block;
	vertical-align:top;
	margin:0 3px;
	background: url(../images/pages/back.png) no-repeat;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
.bback:hover {
	background: url(../images/pages/back_.png) no-repeat;
}
.bbackb{
	cursor:pointer;
	display:inline-block;
	vertical-align:top;
	margin:0 3px;
	background: url(../images/cart/back.png) no-repeat;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
.bbackb:hover {
	background: url(../images/cart/back_.png) no-repeat;
}
.bcheck {
	cursor:pointer;
	display:inline-block;
	vertical-align:top;
	margin:0 3px;
	background: url(../images/cart/check.png) no-repeat;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
.bcheck:hover {
	background: url(../images/cart/check_.png) no-repeat;
}
.bcontinue {
	cursor:pointer;
	display:inline-block;
	vertical-align:top;
	margin:0 3px;
	background: url(../images/cart/continue.png) no-repeat;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
.bcontinue:hover {
	background: url(../images/cart/continue_.png) no-repeat;
}
*/
.bcartb {
	cursor:pointer;
	display:inline-block;
	vertical-align:top;
	margin:0 3px;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
.bcheckout {
	cursor:pointer;
	margin:0 3px;
	display:inline-block;
	vertical-align:top;
	margin:0 3px;
	background: url(../images/common/checkout.png) no-repeat;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
.bcheckout:hover {
	background: url(../images/common/checkout_.png) no-repeat;
}
.bsend2 {
	cursor:pointer;
	display:inline-block;
	vertical-align:top;
	background: url(../images/common/send2.png) no-repeat;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
.bsend2:hover {
	background: url(../images/common/send2_.png) no-repeat;
}
.bsend3 {
	cursor:pointer;
	margin:0 3px;
	display:inline-block;
	margin:0 3px;
	background: url(../images/common/send3.png) no-repeat;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
.bsend3:hover {
	background: url(../images/common/send3_.png) no-repeat;
}
.blogin {
	cursor:pointer;
	margin:0 3px;
	display:inline-block;
	vertical-align:top;
	background: url(../images/common/login.png) no-repeat;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
.blogin:hover {
	background: url(../images/common/login_.png) no-repeat;
}
.bindex {
	cursor:pointer;
	display:inline-block;
	vertical-align:top;
	margin:0 3px;
	background:url(../images/common/index.png) no-repeat;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
.bindex:hover {
	background:url(../images/common/index_.png) no-repeat;
}
.border {
	cursor:pointer;
	display:inline-block;
	vertical-align:top;
	margin:0 3px;
	background:url(../images/common/order.png) no-repeat;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
.border:hover {
	background:url(../images/common/order_.png) no-repeat;
}
.bpaid {
	cursor:pointer;
	display:inline-block;
	vertical-align:top;
	margin:0 3px;
	background:url(../images/common/paid_inform.png) no-repeat;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
.bpaid:hover {
	background:url(../images/common/paid_inform_.png) no-repeat;
}
.bcart {
	cursor:pointer;
	display:inline-block;
	vertical-align:top;
	margin:0 3px;
	background:url(../images/common/cart.png) no-repeat;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
.bcart:hover {
	background:url(../images/common/cart_.png) no-repeat;
}
.bpaid_inform{
	cursor:pointer;
	display:inline-block;
	margin:0 3px;
	background:url(../images/common/paid_form.png) no-repeat;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
.bpaid_inform:hover{
	background:url(../images/common/paid_form_.png) no-repeat;
}
.bdetail{
	cursor:pointer;
	display:inline-block;
	margin:0 3px;
	background:url(../images/common/detail.png) no-repeat;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
.bdetail:hover{
	background:url(../images/common/detail_.png) no-repeat;
}
.bshopping{
	cursor:pointer;
	display:inline-block;
	margin:0 3px;
	background:url(../images/common/shopping.png) no-repeat;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
.bshopping:hover{
	background:url(../images/common/shopping_.png) no-repeat;
}
.p01 img, .p02 img, .p03 img, .p04 img, .bback img, .btop img, .badd img, .badd input,
.bclear img, .bclear input, .bsend img, .bsend input, .bsend2 img, .bsend2 input, .bsend3 img, .bsend3 input,
.bmessage img, .bdetail img, .bdetail input, .remittancebtn img, .remittancebtn input,
.bbackb img, .bbackb input, .bcheck img, .bcheck input, .bcontinue img, .bcontinue input, .bpaid_inform img, .bpaid_inform input,
.bcontinue2 img, .bcontinue2 input, .bcartb img, .bcartb input, .bcheckout img, .bcheckout input,
.blogin img, .blogin input, .bindex img, .bindex input, .border img, .border input .bbuy img, .bbuy input,
.bcart img, .bcart input, .bshopping img, .bshopping input{
	filter:alpha(Opacity=0);
	-moz-opacity:0;
	opacity: 0;
	vertical-align:middle;
}