@charset "UTF-8";

/*-----------------------------------------------------------------------------------visual----------*/

.main_products{
width:100%;
height:280px;
background:url( ../images/v_about_b.jpg) no-repeat center center #000000;
/*background-size:cover;*/
}

@media screen and (max-width: 979px) {

  .main_products{ height:100%; }

}


/*----------------------------------------------------------------------------------page_tit----------*/
.imgstyle{width: 100%;}
@media screen and (min-width: 980px) {

  #title h2{ margin-top:-134px; }

  #title p{ margin:-20px 0 0 80px; }

}

@media screen and (max-width: 979px) {

  #title h2{
  height:46px;
  background: url( ../images/title2_products.png) no-repeat center top;
  }

}


/*----------------------------------------------------------------------------------content----------*/

.catch{
text-align:center;
margin-top:50px;
}

.list_prdt { margin-top:50px; }

.list_prdt li{
width:308px;
background-color:#f5f5f5;
line-height:1.6;
float:left;
height:550px;
margin:20px 10px 0 0;
}
/*
.list_prdt li:nth-child(3), .list_prdt li:nth-child(6){ margin:20px 0 0 0; }
*/
.list_prdt h4{
padding:16px 20px 0 20px;
color:#c4a978;
font-weight:bold;
font-size:14px;
}
.list_prdt h3{
padding:16px 20px 0 20px;
color:#c4a978;
font-weight:bold;
font-size:14px;
}
.list_prdt p{ margin:12px 20px 0 20px; }

.list_prdt .link{
background:url( ../images/arrow_blue.png) no-repeat 0 3px;
padding-left:22px;
}

.list_prdt .link a{
color:#c4a978;
text-decoration:underline;
}

.list_prdt .link a:hover{ text-decoration:none; }

.btn_prdt{
line-height:1.0;
font-family:Helvetica, sans-serif;
}

.btn_more {
display:inline-block;
width:266px;
height:36px;
text-align:center;
text-decoration:none;
line-height:36px;
outline:none;
}

.btn_more::before,
.btn_more::after {
position:absolute;
z-index:-1;
display:block;
content:'';
}

.btn_more,
.btn_more::before,
.btn_more::after {
-webkit-transition:all .3s;
transition:all .3s;
}

.btn_more {
border:1px solid #c4a978;
color:#c4a978;
overflow:hidden;
font-weight:bold;
}

.btn_more:hover {
color:#fff;
background-color:#c4a978;
cursor:pointer;
}

.bnr{
margin-top:60px;
padding-bottom:60px;
}

.bnr li{
width:460px;
line-height:2.0;
border-top:3px solid #c4a978;
float:left;
}

.bnr li:first-child{ margin-right:40px; }

.bnr h3{
padding:24px 0;
background:url( ../images/arrow_blue.png) no-repeat right 32px;
}

.bnr p{ margin-top:16px; }


@media screen and (max-width: 979px) {

  .catch{
  width:90%;
  margin:50px auto 0;
  }

  .bnr{
  margin-top:0;
  }

  .bnr li{
  width:460px;
  max-width:90%;
  float:none;
  margin:60px auto 0 !important;
  }

}

@media screen and (min-width: 741px) and (max-width: 979px) {

  .list_prdt {
  width:660px;
  margin:20px auto 0;
  }

  .list_prdt li{
  width:308px;
  margin:40px 0 0 0;
  }

  .list_prdt li:nth-child(even){ margin-left:43px; }

}

@media screen and (max-width: 740px) {

  .list_prdt {
  margin-top:20px;
  }

  .list_prdt li{
  margin:40px auto 0 !important;
  float:none;
  }

  .list_prdt img{
  display:block;
  max-width:308px;
  margin-right:auto !important;
  margin-left:auto !important;
  }


  .bnr h3{
  padding:18px 0;
  }

  .bnr h3 img{
  width:100%;
  max-width:240px;
  }

.pcn{ width:100% !important;}
}
.pcn{ width:98% !important; border: 0px solid #670d29; height:550px;}
.pager { list-style: none; clear: both; line-height: 1; margin: 0; padding: 30px 0 66px;; text-align: center;}
.pager li { display: inline; margin: 4px; padding: 0;}
.pager li span,
.pager li a { display: inline-block; padding:9px 6px; background: #fff; text-decoration: none; vertical-align: middle; border:1px solid #ccc; color:#000;}
.pager li a:hover { background-color: #c4a978;color: #fff; border:1px solid #c4a978;}
.pager li.active span { background: #c4a978; color: #fff; border:1px solid #c4a978;}

.pmoney{ font-size:130%; font-weight:800; color:#900; min-height:40px; max-height:40px; height:40px;}
.pimgdiv{max-height:305px; overflow:hidden}
.hideimg{ display:none}
.textdiv{ width:90%; max-height:40px; min-height:40px; overflow:hidden; position:relative; left:50%; margin-left:-45%;}
.div_h_10px{ width:100%; height:5px; clear:both}
.omoney{ color:#999; text-decoration:line-through;}
.somoney{color:#999; text-decoration:line-through; font-size:12pt;}
.btn_back_a {
display:inline-block;
width:300px;
height:42px;
text-align:center;
text-decoration:none;
line-height:42px;
outline:none;
background:#FFF; margin-bottom:20px;
}

.btn_back_a::before,
.btn_back_a::after {
position:absolute;
z-index:-1;
display:block;
content:'';
}

.btn_back_a,
.btn_back_a::before,
.btn_back_a::after {
-webkit-transition:all .3s;
transition:all .3s;
}

.btn_back_a {
border:1px solid #e47f7f;
color:#8c0000;
overflow:hidden;
font-weight:bold;
}

.btn_back_a:hover {
color:#fff;
background-color:#e47f7f;
cursor:pointer;
}

#ptype_list h4{ font-weight:800; color:#59402c;}

.pname_class{ font-size:14pt; font-weight:800}

#add_cart_mms{ position:fixed; z-index:99999; height:40px; line-height:40p; width:200px; top:40%; left:50%; margin-left:-100px; background:#901339; color:#fff; border:1px solid #670d29; font-size:14pt; text-align:center; border-radius:2px; display:none}

#add_cart_mms_s{ position:fixed; z-index:99999; height:40px; line-height:40p; width:300px; top:40%; left:50%; margin-left:-150px; background:#ff8a00; color:#fff; border:1px solid #670d29; font-size:12pt; text-align:center; border-radius:2px; display:none}

.intro{ margin-top:50px; }

.intro p:first-child{
width:450px;
float:right;
padding:20px 0 0 30px;
}

#intro-photo{float: left;margin: 0 auto; }

.point li{ margin-top:60px; }

.point li{
float:left;
width:300px;
margin-left:30px;
}

.point li:first-child{ margin-left:0px; }

.point h3, .point h4{ text-align:center; }

.point h4{
font-weight:bold;
color:#c4a978;
margin-top:12px;
letter-spacing:2px;
}

.point p{
line-height:1.8;
margin-top:4px;
}

.slider-pro a {
	-webkit-transition: 0.2s !important;
	-moz-transition: 0.2s !important;
	-ms-transition: 0.2s !important;
	-o-transition: 0.2s !important;
	transition: 0.2s !important;
}


.p_content{ padding-top:30px;}

.tmoney{ font-size:22pt; color:#C00}

.pli{ cursor:pointer}

.verify_list ul li{ display:inline;}
.verify_list ul li img{ width:100%;}

.sssm{ float:left; width:60px; height:60px; line-height:60px; text-align:center; border-radius:50%; background:#900; color:#FFF; position:relative; margin-top:-16px;}

.spimgdiv{ max-height:474px; overflow:hidden}

.hrdiv {
    border: 0;
    height: 1px;
    background: #948366;
    background-image: linear-gradient(to right, #dbd3c9, #948366, #dbd3c9); margin-top:10px; clear:both
}
.sp_h4{ font-size:1.2em; font-weight:600; padding:.5em; padding-top:20px;}
.sp_h4_span{ padding:.8em; background:#b09e66; color:#FFF}
.sp_list{ width:100%; padding:10px;}
.sp_list ul li img{ width:80px;}
.sp_list ul li{ float:left; margin:10px 10px 10px auto; height:80px; max-height:80px; width:80px; max-width:80px; overflow:hidden; border-radius:3px;}

@media screen and (max-width: 480px) {
  .sp_list ul li{ float:left; margin:10px 10px 10px auto; height:60px; max-height:60px; width:60px; max-width:60px; overflow:hidden; border-radius:3px;}
  .sp_list ul li img{ width:60px;}
 
  .sp_list{ width:100%; padding:0px !important; position:absolute; margin-top: 400px !important; }
}
@media screen and (max-width: 391px) {
 
  .sp_list{ width:100%; padding:0px !important; position:absolute; margin-top: 350px !important; }
}
@media screen and (max-width: 376px) {
 
  .sp_list{ width:100%; padding:0px !important; position:absolute; margin-top: 350px !important; }
}