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

/***分頁*******************************************************/

.ypm {
	padding: 25px 0px 0 0px !important;
	margin: 0 18px 0 19px;
}
.p_line {
	display: block;
	border-top: #CECECE 1px solid
}
.pl {
	text-align: left !important;
}
.pr {
	text-align: right !important;
}
.pages .other {
	width: auto !important;
	padding: 0 0px !important;
}
.pages, .pages2 {
	padding: 0px !important;
}
.pages {
	margin: 0 auto;
	float: none;
	color: #333333;
	padding: 0px 0px;
	font-size: 14px;
	position: relative;
	text-align: center;
}
.pages img {
	padding: 0px;
	margin: 0px;
	opacity: 0;
	vertical-align: middle;
}
.pages a, .pages a:visited {
	width: 20px;
	height:20px;
	line-height: 20px;
	text-align: center;
	color:#444444;
	font-size: 15px;
	margin: 0 5px;
	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;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}
.pages a:hover, .pages a.active {
	color:#26539D;
	text-decoration:underline;
}
.pages .btn{
	width: 20px;
	height:20px;
	color:#26539D;
	overflow:hidden;
	text-align:center;
	letter-spacing:-2px;
	font-size: 12px;
	border:#26539D 1px solid;
}
.pages .btn:hover{
	color:#FFF;
	background:#26539D;
}
.pages .btn i:before{
	line-height:1;
	display:inline-block;
	margin-bottom:4px;
	vertical-align:middle;
}
.pages a:first-child i:before{
	margin-right:3px;
}
.pages a:last-child i:before{
}
.pages2 {
	padding:0 20px;
	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;
	margin-bottom: 5px;
	text-decoration: none;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
/***分頁*******************************************************/
.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;
}
.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;
}
.bcontinue2 {
	cursor:pointer;
	display:inline-block;
	vertical-align:top;
	margin:0 3px;
	background: url(../images/cart/continue2.png) no-repeat;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
.bcontinue2:hover {
	background: url(../images/cart/continue2_.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/cart/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/cart/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/member/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/member/order_.png) no-repeat;
}
.bpaid {
	cursor:pointer;
	display:inline-block;
	vertical-align:top;
	margin:0 3px;
	background:url(../images/member/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/member/paid_inform_.png) no-repeat;
}
.bcart {
	cursor:pointer;
	display:inline-block;
	vertical-align:top;
	margin:0 3px;
	background:url(../images/member/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/member/cart_.png) no-repeat;
}
.bpaid_inform{
	cursor:pointer;
	display:inline-block;
	margin:0 3px;
	background:url(../images/order/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/order/paid_form_.png) no-repeat;
}
.bdetail{
	cursor:pointer;
	display:inline-block;
	margin:0 3px;
	background:url(../images/order/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/order/detail_.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{
	filter:alpha(Opacity=0);
	-moz-opacity:0;
	opacity: 0;
	vertical-align:middle;
}