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

/***分頁*******************************************************/
.ypm {
	padding: 25px 0px 0 0px !important;
	margin:0 18px 0 19px;
}
.p_line {
	display: block;
	border-top:#C1C1C1 1px dotted;
}
.p_line2 {
	margin:0 15px;
	margin-top:20px;
	padding-top:20px !important;
	border-top:#FFF 1px solid;
}
/*.p_line:before {
	content: "";
	position: absolute;
	top: 0px;
	display: block;
	width: 100%;
	border-bottom: #DFD6C7 1px solid;
}*/
.pages .other{
	width:auto !important;
	padding:0 0px !important;
}
.pl{
	text-align:left !important;
}
.pr{
	text-align: right !important;
}
.pages {
	float: none;
	color:#878787;
	font-size: 12px;
	font-weight:bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
}
.pages img{
	padding:0px;
	margin:0px 0px 2px 0px;
	vertical-align:middle;
}
.pages table {
	margin: 0 auto;
}
.pages td{
	padding:0px !important;
}
.pages a {
	height:20px;
	line-height: 20px;
	width:20px;
	text-align: center;
	color:#DB2F1C;
	padding:0px;
	margin: 0 2px;
	display:inline-block;
	text-decoration: none;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border:1.5px solid #DB2F1C;
}
.pages a:visited {
	color:#DB2F1C;
	text-decoration: none;
}
.pages a:hover {
	color:#FFF;
	background:#DB2F1C;
}
.pages a.active {
	color:#FFF;
	background:#DB2F1C;
	width:20px;
}
.pages2 {
	width:680px;
	float: none;
	text-align:center;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
	margin:0 auto;
}
.pages2 img{
	padding:0px;
	margin:0px;
	/*opacity:0;*/
}
.pages2 table{
	width:auto !important;
	margin:0 auto;
}
.pages2 td{
	padding:0 !important;
}
.pages2 a{
	line-height: 18px;
	text-align: center;
	font-size:13px;
	color:#634B65;
	padding:0px;
	margin: 0 0px;
	display:inline-block;
	text-decoration: none;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
/***分頁*******************************************************/
.btn_u {
	display: inline-block !important;
}
.p01 {
	background:url(../data/pages/prev.png) no-repeat;
}
.p01:hover {
	background:url(../data/pages/prev_.png) no-repeat;
}
.p02 {
	background:url(../data/pages/next.png) no-repeat;
}
.p02:hover {
	background:url(../data/pages/next_.png) no-repeat;
}
.p03 {
	background:url(../data/pages/prev2.png) no-repeat;
}
.p03:hover {
	background:url(../data/pages/prev2_.png) no-repeat;
}
.p04 {
	background:url(../data/pages/next2.png) no-repeat;
}
.p04:hover {
	background:url(../data/pages/next2_.png) no-repeat;
}
.bback {
	background:url(../data/pages/back.png) no-repeat;
}
.bback:hover {
	background:url(../data/pages/back_.png) no-repeat;
}
.btop {
	background:url(../data/pages/top.png) no-repeat;
}
.btop:hover {
	background:url(../data/pages/top_.png) no-repeat;
}
.badd {
	display:inline-block;
	background:url(../data/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 input{
	opacity:0;
}
.badd:hover {
	background:url(../data/products/add_.png) no-repeat;
}
.bclear {
	padding:0px;
	margin:0 3px;
	display:inline-block;
	background: url(../data/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 input{
	opacity:1;
}
.bclear:hover {
	background: url(../data/common/clear_.png) no-repeat;
}
.bsend {
	margin:0 3px;
	display:inline-block;
	background: url(../data/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 input{
	opacity:1;
}
.bsend:hover {
	background: url(../data/common/send_.png) no-repeat;
}
.bmessage {
	cursor: pointer;
	opacity: 0;
}
.bre {
}
.bdetail {
	cursor: pointer;
	opacity: 0;
}
.remittancebtn {
	cursor: pointer;
	opacity: 0;
}
.bbackb{
	margin:0 3px;
	background: url(../data/cart/back.png) no-repeat;
}
.bbackb:hover {
	background: url(../data/cart/back_.png) no-repeat;
}
.bcheck {
	margin:0 3px;
	background: url(../data/cart/check.png) no-repeat;
}
.bcheck:hover {
	background: url(../data/cart/check_.png) no-repeat;
}
.bcontinue {
	margin:0 3px;
	background: url(../data/cart/continue.png) no-repeat;
}
.bcontinue:hover {
	background: url(../data/cart/continue_.png) no-repeat;
}
.bcontinue2 {
	margin:0 3px;
	cursor: pointer;
	opacity: 0;
}
.bcartb {
	margin:0 3px;
	cursor: pointer;
	opacity: 0;
}
.bcheckout {
	margin:0 2px;
	display:inline-block;
	background: url(../data/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 input{
	opacity:0;
}
.bcheckout:hover {
	background: url(../data/cart/checkout_.png) no-repeat;
}
.bsend2 {
	margin:0 2px;
	display:inline-block;
	background: url(../data/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 input{
	opacity:0;
}
.bsend2:hover {
	background: url(../data/common/send2_.png) no-repeat;
}
.bsend3 {
	margin:0 2px;
	display:inline-block;
	background: url(../data/ordercheck/send.png) no-repeat;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
.bsend3 input{
	opacity:0;
}
.bsend3:hover {
	background:url(../data/ordercheck/send_.png) no-repeat;
}
.blogin {
	margin:0 2px;
	display:inline-block;
	background: url(../data/common/send2.png) no-repeat;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
.blogin input{
	opacity:0;
}
.blogin:hover {
	background: url(../data/member/login_.png) no-repeat;
}
.bindex {
	margin:0 2px;
	background: url(../data/wrapper/index.png) no-repeat;
}
.bindex input {
	opacity:0;
}
.bindex:hover {
	background:url(../data/wrapper/index_.png) no-repeat;
}
.barea {
	margin:0 2px;
	background: url(../data/wrapper/area.png) no-repeat;
}
.barea input {
	opacity:0;
}
.barea:hover {
	background:url(../data/wrapper/area_.png) no-repeat;
}
/****************************************************************/
/****************************************************************/
.ifp {
	margin:0 3px;
	display:inline-block;
	background: url(../data/wrapper/login_btn1.png) no-repeat;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
.ifp input{
	opacity:0;
}
.ifp:hover {
	background: url(../data/wrapper/login_btn1_.png) no-repeat;
}
.ijoin {
	margin:0 3px;
	display:inline-block;
	background: url(../data/wrapper/login_btn2.png) no-repeat;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
.ijoin input{
	opacity:0;
}
.ijoin:hover {
	background: url(../data/wrapper/login_btn2_.png) no-repeat;
}
.isend {
	display:inline-block;
	background: url(../data/wrapper/login_btn3.png) no-repeat;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
.isend input{
	opacity:0;
}
.isend:hover {
	background: url(../data/wrapper/login_btn3_.png) no-repeat;
}