.content_block {

  width: 88%;

  margin: 0 auto;

}

/*product_list_box*/

.product_list_box {

  float: left;

  width: 100%;

  margin-bottom: 50px;

}

.product_list_box ul {

  width: 102%;

  margin-left: -2%;

  float: left;
  display: flex;
  flex-wrap: wrap;

}

.product_list_box li {

  float: left;

  width: 23%;

  /*width: 252px;

	height: 396px;*/
  word-break: break-all;

  margin: 30px 0 30px 0;

  margin-left: 2%;

  text-align: center;

  -webkit-transition: opacity 0.3s ease-in-out;

  -moz-transition: opacity 0.3s ease-in-out;

  -o-transition: opacity 0.3s ease-in-out;

  transition: opacity 0.3s ease-in-out;

}

.product_list_box li:hover {

  filter: alpha(opacity=100);

  -moz-opacity: 1;

  opacity: 1;

}

.product_list_box .pro_img {

	position:relative;

	width:100%;

	/*height:471px !important;

	width:240px;

	height:320px;*/

	text-align: center;

	overflow:hidden;

	

}

.pro_related .pro_img {
  padding-bottom: 125%;
}

.product_list_box .pro_img:hover {}

.product_list_box .pro_img img {

  position: absolute !important;

  top: 0;

  left: 0;

  width: 100%;

  height: auto;

  /*-webkit-transition: 500ms all ease-in-out;

  -moz-transition: 500ms all ease-in-out;

  transition: 500ms all ease-in-out;*/
  -webkit-transition: 300ms all linear;
  -moz-transition: 300ms all linear;
  transition: 300ms all linear;

}
.product_list_box .pro_img img.img_gallery {
	visibility:hidden;
}

.product_list_box .pro_img:hover img {

  -moz-transform: scale(1.1);

  -webkit-transform: scale(1.1);

  -o-transform: scale(1.1);

  transform: scale(1.1);

}

.product_list_box .pro_img img:nth-child(2) {

  /*z-index: 50;

  filter: alpha(opacity=0);

  -moz-opacity: 0;

  -khtml-opacity: 0;

  opacity: 0;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";*/

}

.product_list_box .pro_img:hover img:nth-child(2) {
  z-index: 50;

  filter: alpha(opacity=100);

  -moz-opacity: 1;

  -khtml-opacity: 1;

  opacity: 1;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

}

.product_list_box .pro_img img.img_gallery {
  -webkit-animation: round 5s linear infinite;
  animation: round 5s linear infinite;
}

.product_list_box .pro_img img.img_gallery:nth-child(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.product_list_box .pro_img img.img_gallery:nth-child(2) {
  -webkit-animation-delay: 2.5s;
  animation-delay: 2.5s;
}

@-webkit-keyframes round {
  20% {
    visibility: visible;
  }

  50% {
    visibility: hidden;
  }

}

@keyframes round {
  20% {
    visibility: visible;
  }

  50% {
    visibility: hidden;
  }

}

.product_list_box li:nth-child(2n) .pro_img img.img_gallery {
  -webkit-animation: round2 10s linear infinite;
  animation: round2 10s linear infinite;
}

.product_list_box li:nth-child(2n) .pro_img img.img_gallery:nth-child(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.product_list_box li:nth-child(2n) .pro_img img.img_gallery:nth-child(2) {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

@-webkit-keyframes round2 {
  10% {
    visibility: visible;
  }

  50% {
    visibility: hidden;
  }
}

@keyframes round2 {
  0% {
    visibility: visible;
  }

  50% {
    visibility: hidden;
  }
}

.product_list_box li:nth-child(3n) .pro_img.img_gallery img {
  -webkit-animation: round3 8s linear infinite;
  animation: round3 8s linear infinite;
}

.product_list_box li:nth-child(3n) .pro_img.img_gallery img:nth-child(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.product_list_box li:nth-child(3n) .pro_img.img_gallery img:nth-child(2) {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

@-webkit-keyframes round3 {
  12.5% {
    visibility: visible;
  }

  50% {
    visibility: hidden;
  }

}

@keyframes round3 {
  12.5% {
    visibility: visible;
  }

  50% {
    visibility: hidden;
  }

}
/*.product_list_box li:nth-child(4n) .pro_img img.img_gallery {
  -webkit-animation: round4 9s linear infinite;
  animation: round4 10s linear infinite;
}

.product_list_box li:nth-child(4n) .pro_img img.img_gallery:nth-child(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.product_list_box li:nth-child(4n) .pro_img img.img_gallery:nth-child(2) {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

@-webkit-keyframes round4 {
  30% {
    visibility: visible;
  }

  70% {
    visibility: hidden;
  }
}

@keyframes round4 {
  30% {
    visibility: visible;
  }

  70% {
    visibility: hidden;
  }
}*/

.product_list_box li div p {
  margin: 0 10px;
  line-height: 18px;
}



.product_list_box1 {

  float: left;

  width: 100%;

  margin-bottom: 50px;

}

.product_list_box1 ul {

  width: 101%;

  margin-left: -2%;

  float: left;

}

.product_list_box1 li {

  float: left;

  width: 23%;

  /*width: 252px;

	height: 396px;*/

  margin: 30px 0 30px 0;

  margin-left: 2%;

  text-align: center;

  -webkit-transition: opacity 0.3s ease-in-out;

  -moz-transition: opacity 0.3s ease-in-out;

  -o-transition: opacity 0.3s ease-in-out;

  transition: opacity 0.3s ease-in-out;

}

.product_list_box1 li:hover {

  filter: alpha(opacity=100);

  -moz-opacity: 1;

  opacity: 1;

}

.product_list_box1 .pro_img {

  position: relative;

  width: 100%;

  /*height:471px !important;

	width:240px;

	height:320px;*/

  text-align: center;

  overflow: hidden;



}

.product_list_box1 .pro_img:hover {}

.product_list_box1 .pro_img img {

  /*position:absolute !important;*/

  top: 0;

  left: 0;

  width: 80%;

  height: auto;

  -webkit-transition: 500ms all ease-in-out;

  -moz-transition: 500ms all ease-in-out;

  transition: 500ms all ease-in-out;

}

.product_list_box1 .pro_img:hover img {

  -moz-transform: scale(1.1);

  -webkit-transform: scale(1.1);

  -o-transform: scale(1.1);

  transform: scale(1.1);

}

.product_list_box1 .pro_img img:nth-child(2) {

  z-index: 50;

  filter: alpha(opacity=0);

  -moz-opacity: 0;

  -khtml-opacity: 0;

  opacity: 0;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

}

.product_list_box1 .pro_img:hover img:nth-child(2) {

  filter: alpha(opacity=100);

  -moz-opacity: 1;

  -khtml-opacity: 1;

  opacity: 1;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

}


.pro_title h4 {

  color: #000;

  line-height: 20px;

  margin: 10px;

}

.pro_title h4 a {

  color: #6C6C6C;

}

.pro_title h4 a:hover {

  color: #000;

}

.pro_price {
  color: #8E8E8E;

  font-family: "Times New Roman", Times, serif;
}

.pro_price b:nth-child(2) {}

.pro_price b s {
  color: #BFBFBF;
}

.price_sale {

  /*color:#990033;*/



}



.pro_view {

  float: right;



}

.pro_view ul {
  display: flex;
}

.pro_view li {

  position: relative;

  line-height: 15px;
  margin: 0 2px;
  text-align: center;

}

.pro_view li a {

  display: block;

  border: #E2E2E2 1px solid;

  padding: 5px 15px 5px 5px;

  color: #B5B5B5;

}

.pro_view li a:after {

  position: absolute;

  display: block;

  content: " ";

  top: 40%;

  right: 5px;

  border: solid transparent;

  border-top: 4px solid #A7A7A7;

  border-left: 3px solid transparent;

  border-right: 3px solid transparent;

}

.pro_view .current a {

  background: #EFEFEF;

}

.pro_view li.current a:after {}

/*product detail*/

.pro_right {

  float: left;

  width: 40%;

  min-height: 200px;

  margin-top: 40px;

  margin-bottom: 50px;

}

.pro_right .pro_title h4 {

  font-size: 16px;

  margin: 0 0 10px 0;

  padding-left: 60px;

}

.pro_right .pro_number {

  margin: 10px 0;

  padding-left: 60px;

  padding-bottom: 10px;

  color: #adadad;

  background: url(../images/line_gray.gif) repeat-x 0 bottom;

}

.other_desc {
  line-height: 20px;
  margin-bottom: 50px;
}

.other_desc img {
  max-width: 100%;
  height: auto !important;
}

.pro_simple_desc {

  margin: 20px 0 20px 60px;

  padding-bottom: 40px;

  line-height: 23px;

  background: url(../images/pro_dot.gif) repeat-x 0 bottom;

}

.pro_social_btn {

  float: right;

}

.pro_social_btn li {

  float: left;

  margin-left: 3px;

  filter: alpa(opacity=90);
  /* old IE */

  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90, FinishOpacity=15, Style=3, StartX=0, FinishX=100, StartY=0, FinishY=16);
  /*supported by current IE*/

  -moz-opacity: 0.9;
  /* Moz + FF */

  opacity: 0.9;
  /* 支持新版瀏覽器 */

}

.pro_social_btn li.txt {
  padding-top: 4px;
  margin-right: 10px;
}

.pro_social_btn li a {

  display: block;
  font-size: 20px;
  color: #000;
  opacity: 0.8;

}

.pro_social_btn li a img {
  width: 20px;
}

.pro_social_btn li a:hover {

  filter: alpa(opacity=100);
  /* old IE */

  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100, FinishOpacity=15, Style=3, StartX=0, FinishX=100, StartY=0, FinishY=16);
  /*supported by current IE*/

  -moz-opacity: 1;
  /* Moz + FF */

  opacity: 1;
  /* 支持新版瀏覽器*/

}

/*.btn_pro_fb {

	background:url(../images/probtn_fb.gif) no-repeat;

}

.btn_pro_ig {

	background:url(../images/probtn_ig.png) no-repeat;

}

.btn_pro_pinterest {

	background:url(../images/probtn_pinterest.gif) no-repeat;

}

.btn_pro_twitter {

	background:url(../images/probtn_twitter.gif) no-repeat;

}*/



.pro_info {

  float: left;

  padding-left: 62px;

  margin-bottom: 10px;

}

.pro_info dl {

  float: left;

  width: 100%;

  margin-bottom: 10px;

}

.pro_info dt,
.pro_info dd {

  float: left;

}

.pro_info dt {

  color: #6C6C6C;

  font-weight: bold
}

.pro_feat dt {

  width: 60px;

  padding: 5px 0;

}

.pro_feat select,
.pro_feat input {

  border: #6c6c6c 1px solid;

  padding: 0;

  margin: 0;

  outline: none;

  font-weight: bold
}

.pro_feat select {

  width: 150px;

  height: 20px;

}

.pro_feat input {

  width: 15px;

  height: 20px;

  padding: 0 5px;

}

.pro_info .pro_price {
  font-size: 20px;
  margin-bottom: 10px;
}

.pro_size a {

  display: inline-block;

  padding: 0 3px;

  height: 20px;

  border: #cccccc 1px solid;

  text-align: center;

  line-height: 20px;

  margin-right: 5px;

}

.pro_size a:hover,
.pro_size a.size_select {

  background-color: #e4d3c5;

  color: #000;

}

.pro_feat .price_sale img {

  margin-left: 10px;

  font-weight: bold;

}

.pro_btn {

  float: left;

  width: 100%;

  padding-left: 50px;

  margin-top: 20px;

  box-sizing: border-box;

}

.pro_btn li {
  float: left;
  width: 50%;
  padding-left: 15px;
  box-sizing: border-box;
}

.pro_btn li a {

  display: block;

  padding: 10px 20px;

  color: #333;

  border: #333 2px solid;

  text-align: center;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  -webkit-border-radius: 10px;

  -moz-border-radius: 10px;

  border-radius: 10px;

}

.pro_btn li a:hover {

  color: #000;

  border: #000 2px solid;

}

.pro_btn li a span {

  display: block;

  margin: 5px 0;

}

.pro_btn li a span.en {

  display: none;

}

.pro_btn li a.pro_btn_wish {

  background: url(../images/pro_btn.png) no-repeat 0 0;

}

.pro_btn li a.pro_btn_cart {

  background-position: -122px 0;

}

.pro_btn li a.pro_btn_buy {

  color: #FFF;

  background: #333;

  border: #333 2px solid;

}

.pro_btn li a:hover.pro_btn_buy {

  background: #000;

  border: #000 2px solid;

}

.pro_btn li a.pro_btn_pre_order {

  background-position: -370px 0;

}



.pro_detail {

  padding: 10px 0;

}

.pro_detail img {

  max-width: 100%;

  height: auto !important;

}

.pro_detail table {
  width: 100%;
}

.pro_stock {

  width: 70%;

  margin: 0 auto;

  padding: 20px 0 50px 0;

}

a.btn_message {

  width: 106px;

  height: 106px;

  display: block;

  background: url(../images/btn_message.png) no-repeat 0 0;

}

a.btn_message:hover {

  background-position-y: bottom;

}

.btn_qa {

  background: #DCDCDC;

  padding: 3px 5px;

  margin: 0 2px;

}

.btn_qa:hover {

  background: #E6C2C2;

}



/*quantity_table*/

.quantity_table th {

  background: #f2f2f2;

  border: #bebebe 1px solid;

  padding: 10px;

  font-weight: bold;

}

.quantity_table td {

  border: #bebebe 1px solid;

  padding: 10px;

}

/*.tr_color {

	background:#FFEED2;

}

.pre-order {

	color: #A5A5A5;

}

.few-order {

	color: #FF6820;

}

.enough-order {

	color:#000;

}*/



/*q&a*/

.guestbook {

  border-bottom: #e3e3e3 2px solid;

  margin-bottom: 30px;

}

.guest_con {

  clear: both;

  border-top: #e3e3e3 2px solid;

  padding: 20px 0;

  line-height: 25px;

}

.guest_name {

  float: left;

  background: #f2f2f2;

  margin-right: 20px;

  padding: 5px 10px;

}

.guest_use,
.guest_admin {

  padding: 7px 10px;

  float: left;

  width: 100%;

}

.a_name {

  float: left;

  background: #A5A5A5;

  margin-right: 20px;

  padding: 5px 10px;

  color: #FFF;

}

.guest_bottom {

  float: right;

  padding: 10px 0;

  color: #999;

}

.admin_reply {

  float: left;

  width: 100%;

  border: #AFAFAF 1px dashed;

  margin-top: 5px;

}

/*news list*/
.news_list_block li {
  width: 48%;
  text-align: left;
  line-height: 18px;
}

.news_list_block li:first-child {
  /*width: 100%;*/
}

.news_list_block .pro_img {
  height: auto !important;
  min-height: inherit !important;
  background: #000;
}

.news_list_block .pro_img span {
  display: block;
  width: 100%;
  height: 300px;
  background: no-repeat center center;
  background-size: cover;
  opacity: 0.7;
  transition: 0.3s;
}

.news_list_block li:hover .pro_img span {
  transform: scale(1.03);
  opacity: 0.9;
}

.news_list_block .pro_title {
  position: relative;
  background: #FFF;
  margin: 0 20px;
  margin-top: -50px;
  padding: 15px;
  text-align: center;
  transition: 0.3s;
}

.news_list_block li:hover .pro_title {
  transform: translateY(-10px);
}

.news_list_block .pro_title h4 {
  margin: 10px 0;
  font-size: 20px;
  font-weight: bold;
  line-height: 25px;
}

.news_list_block li .date,
.sub_banner_title .date {
  font-style: italic;
  margin-bottom: 10px;
  text-align: center;
  color: #ababab;
}

.news_list_block li .desc {
  margin: 0 30px;
  font-size: 14px;
  line-height: 23px;
}

/*news page*/
.sub_banner {
  width: 100%;
  max-width: 940px;
  height: 300px;
  margin: 0 auto;
  background: no-repeat center;
  background-size: 100%;
}

.sub_banner img {
  width: 100%;
  height: auto;
}

.sub_banner_title {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  margin-top: -60px;
  background: #FFF;
  text-align: center;
  padding: 30px 30px 0 30px;
  box-sizing: border-box;
}

.news_page .title {
  background: none;
  margin: 0;
}

.news_page .title h4 {
  color: #000;
  font-size: 25px;
  line-height: 30px;
}

.news_page .content_block {
  max-width: 800px;
}

.news_page .content {
  line-height: 23px;
  padding-top: 30px;
  font-size: 15px;
}

.news_page .content p {
  margin: 5px 0;
}

.news_page .pro_social_btn {
  margin-top: 10px;
}

.news_page .btn_back {
  border-top: #eaeaea 1px solid;
  margin-bottom: 50px;
  padding-top: 15px;
}

/*login*/
.login_page>.block,
.pwd_block>.block {
  max-width: 1000px;
}

.login_box {
  position: relative;
  float: left;
  width: 60%;
  min-height: 106px;
  margin: 0 0 60px 0;
  padding: 20px 75px;
  border-right: #e3e3e3 1px solid;
  box-sizing: border-box;
}

.login_box dl {
  position: relative;
  float: left;
  width: 100%;
  padding-left: 100px;
  margin-top: 10px;
  box-sizing: border-box;
}

.login_box dt {
  position: absolute;
  top: 0;
  left: 0;
  float: left;
  width: 100px;
  padding-top: 10px;
}

.login_box dd {
  float: left;
  width: 100%;
}

.login_box dl.last {

  margin-top: 20px;

}

.login_box .last dt {

  width: 110px;

}

.btn_login {

  color: #FFF;
  background: #333;
  width: 100%;
  display: block;
  padding: 15px 0;
  text-align: center;
  border-radius: 5px;
  margin-bottom: 10px;
  transition: 0.3s;

}

.btn_login_fb {
  background: #3a5897;
}

.btn_login:hover {
  color: #FFF;
  background: #000;
}

.btn_login_fb:hover {
  background: #283f6f;
}

.login_box input {

  vertical-align: middle;

}

.login_box input[type="text"],
.login_box input[type="password"],
.login_box textarea {

  width: 100%;

  padding: 10px;

  border: #E6E6E6 1px solid;

  outline: none;
  box-sizing: border-box;

}

.login_txt {
  float: right;
  width: 40%;
  padding-left: 50px;
  margin-top: 30px;
  line-height: 22px;
  box-sizing: border-box;
}

.login_txt li {

  margin-bottom: 20px;

  background: url(../images/arrow_black.gif) no-repeat left 8px;

  padding-left: 15px;

}

.login_txt a {

  text-decoration: underline;

}



/*password*/

.pwd_block .login_box dl {

  margin-top: 35px;

}

.pwd_block .login_txt li {

  margin-top: 20px;

}



/*cart*/
.txt_emptycart {
  font-size: 15px;
  text-align: center;
}

.pro_total_box {

  float: right;

  margin-top: 20px;

  padding: 20px 0;

}

.pro_total_box dl {

  float: left;

  clear: both;

  margin-bottom: 20px;

  color: #000;

}

.pro_total_box dt,
.pro_total_box dd {

  float: left;

  text-align: right;

  width: 100px;

}

.pro_total_box dt {

  font-weight: bold;

}

.cart_box table {

  border-collapse: separate;

}

.cart_box thead th {

  padding: 10px 15px;

  color: #000;

  font-weight: bold;
  white-space: nowrap;

  /*background:#e3e3e3 url(../images/th_line.gif) repeat-x bottom;

	border-right:#FFF 1px solid;*/

  border-top: #C4C4C4 1px solid;

  border-bottom: #E9E9E9 1px solid;

}

.cart_box tbody {}

.cart_box tbody td {

  border-bottom: #e3e3e3 1px solid;

}

.cart_box td {

  /*padding:5px 15px;*/

  padding: 10px 15px;

}

.cart_box tbody td:first-child {

  border-left: none;

}

.cart_box tbody td:last-child {

  border-right: none;

}

.cart_box td.cart_pic {

  padding: 5px 0;

  border-right: #FFF 1px solid;

}

.cart_box td.cart_pic img {

  height: auto;

}

.cart_box td input {

  width: 30px;

  text-align: center;

}

.cart_box td .pro_number {

  margin: 10px;

  color: #B8B8B8;

}

.cart_box td .pro_title h4 a:hover {

  text-decoration: underline;

}

.check_same {
  margin-top: -48px;
}

.footable-row-detail {
  display: table-row !important;
}

.footable-row-detail-inner {
  line-height: 23px;
}

/*payment*/

.cart_step_block {

  padding: 30px 0;

  text-align: center;

}

.cart_step_block img {
  max-width: 100%;
  height: auto !important;
}

.payment_block {

  /*margin-bottom:50px;*/

}

.payment_table {

  border-bottom: #e3e3e3 1px solid;

}

.payment_table th {

  border-top: #e3e3e3 1px solid;

  border-bottom: #e3e3e3 1px solid;

  border-left: #e3e3e3 1px solid;

  padding: 10px 20px;

  text-align: left;

  color: #000;

  font-weight: bold;

  font-size: 15px;

}

.payment_table td {

  padding: 10px 20px;

  border-left: #e3e3e3 1px solid;

}

.payment_table td td {

  padding: 10px 0;

  border: none;

}

.payment_table th:first-child,
.payment_table td:first-child {

  border-left: none;

}

.payment_table td input {

  border: #c0c0c0 1px solid;

}

.payment_table th span {

  font-weight: normal;

  font-size: 12px;

  margin-left: 30px;

}

.shipping_block li {

  padding: 5px 10px;

}



/*payment_table2*/

.payment_table2 {

  margin: 0 auto;

  border: #FFF 3px solid;

  outline: #DFDFDF 1px solid;

}

.payment_table2 th {

  padding: 10px;

  font-weight: bold;

  background: #e4d3c5;

}

.payment_table2 td {

  padding: 10px;

  border: #CCC 1px solid;

}



/*order*/
.order_list .footable-row-detail-inner,
.bonu_list .footable-row-detail-inner {
  margin-left: 0;
}

.jquery_form dt,
.jquery_form dd {

  padding: 5px;

}

.jquery_form dd img {

  border: #CCC 1px solid;

  cursor: pointer;

}

#security_code {

  margin-top: -23px;

  margin-left: 5px;

}

.jquery_form a.btn_send {

  margin: 0 5px;

}

.jquery_form .btn_area {

  margin: 20px 0;

}

.order_txt_block {

  margin-top: 20px;

}

.order_txt_block .payment_table2 {

  margin: 20px 0;

  float: left;

}



/*join*/

.mem_tab table {

  width: 100%;

}

.mem_tab tr {

  border-bottom: #f2f2f2 1px solid;

}

.mem_tab th {

  padding: 10px;

  text-align: left;

  font-weight: bold;

  color: #000;

}

.mem_tab td {

  padding: 10px;

}

.radio_txt {

  margin-bottom: 10px;

}

.mem_tip {

  margin: 10px 0;

}

.tab_sp {

  background: #F7F7F7;

}



/*contact*/

.contact_block .title div {

  text-align: right;

  margin-right: 200px;

}

.contact_block .login_txt {

  margin-left: 0;

}

.contact_block .login_box {

  border-left: #e3e3e3 1px solid;

  border-right: none;

  margin-left: 70px;

  padding-left: 70px;

  margin-top: 10px;

}

.contact_block .login_box dt,
.contact_block .login_box dd {

  width: 100%;

}

.contact_block .login_box dt {

  font-weight: bold;

}

.contact_block .login_box input,
.contact_block .login_box textarea {

  width: 100%;

  margin: 5px 0;

}

.contact_block a.btn_circle {

  margin-left: 10px;

}



/*btn*/

.btn_area {

  float: left;

  width: 100%;

  margin: 10px 0 50px 0;

  text-align: right;

}

.btn_gray {}

a.btn_circle {

  display: inline-block;

  width: 106px;

  height: 40px;

  background: url(../images/btn_circle.png) no-repeat top;

  text-align: center;

  font-size: 15px;

  padding: 33px 0;

}

a:hover.btn_circle {

  background: url(../images/btn_circle.png) no-repeat bottom;

}

a.btn_circle span {

  display: block;

  font-size: 12px;

  margin-bottom: 10px;

  font-family: "Courier New", Courier, monospace;

}

a.btn_gray {

  background: url(../images/btn_gray.jpg) no-repeat left bottom;

  padding-left: 15px;

  color: #000;

}

a.btn_gray span {

  display: block;

  line-height: 47px;

  padding-right: 15px;

  background: url(../images/btn_gray.jpg) no-repeat right top;

}

a.btn_black {

  background: url(../images/btn_black.jpg) no-repeat left bottom;

  padding-left: 15px;

  color: #FFF;

}

a.btn_black span {

  display: block;

  padding-right: 15px;

  background: url(../images/btn_black.jpg) no-repeat right top;

}

a.btn_black,
a.btn_gray {

  display: inline-block;

  height: 47px;

  line-height: 47px;

  text-align: center;

  -webkit-transition: opacity 0.5s ease-in-out;

  -moz-transition: opacity 0.5s ease-in-out;

  -o-transition: opacity 0.5s ease-in-out;

  transition: opacity 0.5s ease-in-out;

  filter: alpha(opacity=70);

  -moz-opacity: 0.7;

  opacity: 0.7;

  margin-left: 5px;
  box-sizing: border-box;
}

a.btn_black:hover,
a.btn_gray:hover {

  filter: alpha(opacity=100);

  -moz-opacity: 1;

  opacity: 1;

}

a.btn_firstbuy {

  display: inline-block;

  width: 200px;

  height: 46px;

  background: url(../images/btn_firstbuy.png) no-repeat top;

  text-align: center;

  font-size: 15px;

  padding: 23px 0;

  line-height: 25px;

  text-decoration: none;

}

a:hover.btn_firstbuy {

  background: url(../images/btn_firstbuy.png) no-repeat bottom;

}

a.btn_atm {

  border-radius: 20px;

  border: #ccaa90 2px solid;

  /*background: #C3B699;

	color: #FFF;*/

  color: #ccaa90;

  padding: 2px 10px;

}

a:hover.btn_atm {

  border: #bd987d 2px solid;

  color: #bd987d;

}

a.btn_send {

  background: #b4797d;

  display: inline-block;

  padding: 5px 25px;

  color: #FFF !important;

  cursor: pointer;

}

a:hover.btn_send {

  background: #a0686c;


}

a.btn_w_full {
  width: 100%;
  margin: 0;
}



/*input*/

.input_s {

  width: 60px;

}

.input_m {

  width: 200px;

}

.input_l {

  width: 300px;

}

.input_xl {

  width: 90%;

}

.input_xxl {

  width: 500px;

}

input[type="radio"] {

  margin-right: 20px;

}

input[type="checkbox"] {

  margin-right: 5px;

}



/*color*/

.bgcolor_yal {

  background: #EEE2CE;

}

.txt_tip {

  text-align: center;

  color: #A72222;

  font-size: 15px;

  padding: 20px 0;

  line-height: 25px;

}

.txt_tip2 {

  color: #000000;

}

p.txt_tip3 {

  padding: 15px 0;

  font-size: 14px;

  color: #AD540F;

}

.soldoutdim {
  opacity:0.5; filter:(opacity=50);
}
.soldoutdimback { 
  background:#000;
}

.mark_soldout {
	display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    padding: 7px;
    font-size: 14px;
    color: #FFF;
    background: #5d5d5d;
    font-family: 'Roboto Condensed', sans-serif;
}

.txt_red {

  color: #C30;