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

	margin:0 auto;

	float: none;

	color:#333333;

	padding:0px 0px;

	font-size: 14px;

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

	position: relative;

	text-align: center;

    margin-top: 45px;

}

.btn-box{

    margin-top: 45px;

}

.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: 20px;

    height: 20px;

	line-height: 20px;

	text-align: center;

	color:#7A7A7A;

	font-size:12px;

	margin: 0 3px;

	display:inline-block;

	text-decoration: none;

    background: none;



}

.pages a:hover, .pages a.active {

	background:#EEEEEE;

    border: 1px solid #77A419;

    width: 18px;

    height: 18px;

}

.pages2 {

	float: none;

	font-size: 12px;

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

	position: relative;

	text-align:center;

    margin-bottom: 95px;

    margin-top: 60px;

}

.pages2 img{

	padding:0px;

	margin:0px;

	opacity:0;

	vertical-align:middle;

}

.pages2 span{

	margin:0 3px;

}

.pages2 a{

	line-height: 18px;

	font-size:13px;

    height: 30px;

	color:#634B65;

	padding:0px;

	display:inline-block;	

	text-decoration: none;

    vertical-align: middle;

	-webkit-transition: all .3s ease;

	-moz-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;

}

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

a.p01 {

    width: 18px;

    height: 18px;

    display: inline-block;

    margin-left: 10px;

	background:url(../images/pages/prev.png) no-repeat;

    vertical-align:middle;

}

.p01:hover {

	background:url(../images/pages/prev_.png) no-repeat;

}

a.p02 {

    width: 18px;

    height: 18px;

    margin-right: 10px;

    display: inline-block;

	background:url(../images/pages/next.png) no-repeat;

    vertical-align:middle;

}

.p02:hover {

	background:url(../images/pages/next_.png) no-repeat;

}

.pages a:first-child{

    margin-right: 10px;

}

.pages a:last-child{

    margin-left: 10px;

}

.pages a:first-child:hover{

    background:url(../images/pages/prev_.png) no-repeat;

    border: none;

}

.pages a:last-child:hover{

    background:url(../images/pages/next_.png) no-repeat;

    border: none;

}

.p03 {

	background:url(../images/pages/prev2.png) no-repeat , #FFF;

}

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

}

.back {

    width: 103px;

    height: 13px;

	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;

}

.back: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;

    border: none;

    width: 91px;

    height: 30px;

    margin:0 18px;

    text-indent:-1000px;

    vertical-align: middle;

}

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

    border: none;

    width: 99px;

    height: 30px;

    margin:0 18px;

    text-indent:-1000px;
	vertical-align:middle;

}

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

}

.pages2 .bindex {

    width: 94px;

    height: 37px;

	cursor:pointer;

	display:inline-block;

	margin:0 3px;

	background:url(../images/common/index.png)top 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/common/index_.png)bottom 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;

}