@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;

	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 {

    width: 34px;

	line-height: 34px;

	text-align: center;

	color:#999999;

	font-size:14px;

	margin: 0 3px;

	display:inline-block;

	text-decoration: none;

    border: 1px solid #DDD;

	-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 {

	background:#999999;

    color: #FFF;

}

.pages2 {

	float: none;

	font-size: 12px;

	font-family: Arial, Helvetica, sans-serif;

	position: relative;

	text-align:center;

    margin-top: 40px;

}

.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 {

    width: 185px;
	height:32px;

	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 {

    width: 366px;

    height: 32px;

	cursor:pointer;

	display:inline-block;

	margin:0 3px;

	background:url(../images/pages/home.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/pages/home_.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;

}