@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;
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
	text-align: center;
}
.pages img{
	padding:0px;
	margin:0px;
	opacity:0;
	vertical-align:middle;
}
.pages_box{
	background:#FFF;
	display:inline-block;
	padding:0 0 0 10px;
}
.pages table {
}
.pages td{
	padding:0px !important;
}
.pages a, .pages a:visited {
	line-height: 23px;
	text-align: center;
	color:#555555;
	font-size:15px;
	margin: 0 8px;
	display:inline-block;
	text-decoration: 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:#FF0000;
	text-decoration:underline;
	font-weight:bold;
}
.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;
	display:inline-block;
	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;
}
.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;
	background:url(../images/pages/top.png) no-repeat;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.btop:hover {
	background:url(../images/pages/top_.png) no-repeat;
}
.badd {
	cursor:pointer;
	display:inline-block;
	background:url(../images/products/add.png) no-repeat;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.badd:hover {
	background:url(../images/products/add_.png) no-repeat;
}
.bclear {
	cursor:pointer;
	display:inline-block;
	background: url(../images/common/clear.png) no-repeat;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.bclear:hover {
	background: url(../images/common/clear_.png) no-repeat;
}
.bsend {
	cursor:pointer;
	display:inline-block;
	background: url(../images/common/send.png) no-repeat;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.bsend:hover {
	background: url(../images/common/send_.png) no-repeat;
}
.bbackb{
	cursor:pointer;
	display:inline-block;
	margin:0 3px;
	background: url(../images/cart/back.png) no-repeat;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.bbackb:hover {
	background: url(../images/cart/back_.png) no-repeat;
}
.bcheck {
	cursor:pointer;
	display:inline-block;
	margin:0 3px;
	background: url(../images/cart/check.png) no-repeat;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.bcheck:hover {
	background: url(../images/cart/check_.png) no-repeat;
}
.bcontinue {
	cursor:pointer;
	display:inline-block;
	margin:0 3px;
	background: url(../images/cart/continue.png) no-repeat;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.bcontinue:hover {
	background: url(../images/cart/continue_.png) no-repeat;
}
.bcontinue2 {
	cursor:pointer;
	display:inline-block;
	margin:0 3px;
	background: url(../images/cart/continue2.png) no-repeat;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.bcontinue2:hover {
	background: url(../images/cart/continue2_.png) no-repeat;
}
.bcartb {
	cursor:pointer;
	display:inline-block;
	margin:0 3px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.bcheckout {
	cursor:pointer;
	margin:0 3px;
	display:inline-block;
	background: url(../images/cart/checkout.png) no-repeat;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.bcheckout:hover {
	background: url(../images/cart/checkout_.png) no-repeat;
}
.bsend2 {
	cursor:pointer;
	display:inline-block;
	background: url(../images/common/send2.png) no-repeat;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.bsend2:hover {
	background: url(../images/common/send2_.png) no-repeat;
}
.bsend3 {
	cursor:pointer;
	margin:0 3px;
	display:inline-block;
	background: url(../images/common/send3.png) no-repeat;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.bsend3:hover {
	background: url(../images/common/send3_.png) no-repeat;
}
.blogin {
	cursor:pointer;
	margin:0 3px;
	display:inline-block;
	background: url(../images/common/login.png) no-repeat;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.blogin:hover {
	background: url(../images/common/login_.png) no-repeat;
}
.bindex {
	cursor:pointer;
	display:inline-block;
	margin:0 3px;
	background:url(../images/member/index.png) no-repeat;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.bindex:hover {
	background:url(../images/member/index_.png) no-repeat;
}
.border {
	cursor:pointer;
	display:inline-block;
	margin:0 3px;
	background:url(../images/member/order.png) no-repeat;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.border:hover {
	background:url(../images/member/order_.png) no-repeat;
}
.bpaid {
	cursor:pointer;
	display:inline-block;
	margin:0 3px;
	background:url(../images/member/paid_inform.png) no-repeat;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.bpaid:hover {
	background:url(../images/member/paid_inform_.png) no-repeat;
}
.bcart {
	cursor:pointer;
	display:inline-block;
	margin:0 3px;
	background:url(../images/member/cart.png) no-repeat;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.bcart:hover {
	background:url(../images/member/cart_.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,
.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;
}