@charset "UTF-8";
 
html  { width:100%; height:100%;   }
body {   }
#main {height:100%; width:100%;  }
#sub {height:100%; width:100%;   }
header {width:100%; float:left;}
 
header .top_pop {width:100%; height:80px; margin-bottom:20px; background:url('/common/img/common/top_bg.png') no-repeat center; min-width:1240px; }
header .top_pop p {line-height:80px; font-size:15.5px; color:#fff; float:left; padding-left:15px }
header .top_pop span {font-size:1.2em; font-weight:700}

 .nav {width:100%; float:left;  background-color:#fff; position:relative;   height:90px;}
.nav .logo {margin-left:3.5%; margin-top:23px;  }

 

 .top_util {background-color:#333; display:inline-block;  width:100%; }
 .top_util a {width:33.33333%; text-align:Center; border-right:1px solid #ddd;   float:left; line-height:30px; font-size:0.75rem;  letter-spacing:1px; color:#fff !important; font-weight:400;  box-sizing:border-box; }
 .top_util a:last-child {border-right:none}

header div.call {width:100%; text-align:left; font-weight:700; font-size:25px;  display:inline-block;  }
s
header a.top_cart {width:45px; height:40px; position:relative;  display:inline-block ;  float:right; background:url('/common/img/common/top_icon_01.png') no-repeat right ; }
header a.top_cart span {width:20px; border-radius:50%; font-size:10px; text-align:Center; line-height:20px; background-color:#333; color:#fff !important; display:inline-block; position:absolute; right:5px; top:0} 
 

 div.top_search {display:inline-block; width:94%; margin-left:3%; margin-top:20px;}
 div.top_search input {background-color:#f1f1f1; width:80%; height:40px; padding:10px; box-sizing:border-box; float:left; border:none; color:#666; font-size:14px;} 
 div.top_search a {width:20%;  float:left;  line-height:40px; background-color:#333; color:#fff !important; text-align:center; font-size:13px; font-weight:400  }



 h2 {width:100%; display:inline-block;  text-transform:uppercase ; font-weight:800; font-size:1.3em;  text-align:center; }

 .h2_more {font-size:13px; float:left; text-align:right; margin-top:-40px; width:100%; font-weight:400; color:#888 !important; letter-spacing:1px;   position:relative}
 
.t {font-size:17px; color:#555; line-height:1.4em}

a.basic_btn {width:210px; line-height:56px; display:inline-block; background-color:#1a7bd7; color:#fff !important;  font-size:18px; border-radius:3px; font-weight:600; }

.wrap {width:100%; box-sizing:border-box; padding:0 3% }

 

 

.product  {width:100%; float:left;  }
 .product div.box {width:100%; text-align:Center;  display:inline-block ; padding-bottom:50px; position:relative}
 .product div.box p {width:100%; display:inline-block; margin:1px 0;   }
.product div.box p.name {font-size:0.95rem; color:#333; font-weight:600; line-height:1.2em; }
.product div.box p.price {font-size:0.95rem; letter-spacing:1px; color:#777; font-weight:400 }

.product div.box a.btn {display:none; width:50%; float:left; background-color:#333; text-align:Center; font-size:13.5px; color:#fff !important; line-height:30px; box-sizing:border-box; border:1px solid #333; margin-top:10px;   } 
.product div.box a.btn:last-child {background-color:#fff; color:#333 !important; border:1px solid #333;  }



.product div.box .label {  background-color:#333; font-size:10px; padding:2px 10px; color:#fff;  text-align:center; letter-spacing:0.5px; margin:0 1px  }
 
.product div.box a.link {  width:100%; display:inline-block}
.product div.box a.link:hover p.name {text-decoration:underline !important;   }

.product div.box .img {width:100%;  border:1px solid #ddd; box-sizing:border-box; margin-bottom:10px;  }
#sub .product div.box .img  {margin-bottom:15px;}
 
 .product div.box .img a {width:100%; padding-bottom:100%;  display:inline-block } 
 .product div.box .img p {width:100%; padding-bottom:100%;  display:inline-block } 
 



.sitemap {width:100%;    float:left; background-color:#231f20;  }
.sitemap div {width:100%; float:left;}
.sitemap div ul {width:100%; display:flex; flex-wrap: wrap;
justify-content:  space-between ; margin-top:20px;   margin-bottom:20px;}
.sitemap div ul li { width:14.285%; padding-left:7px; box-sizing:border-box; }
 
 .sitemap div ul li ul li {width:100%;  border-right:none; line-height:23px;}
.sitemap div ul li ul a {font-size:13.5px; font-weight:400; color:#ddd !important;}
.sitemap div ul li ul li.tt {font-size:15px; font-weight:500; color:#fff; padding-bottom:7px; padding-top:5px; border-left:none}
 .sitemap div ul li ul {display:inline-block;}



a.fixed_top {width:60px; line-height:60px; text-align:center;  background-color:#333;  color:#fff !important; border-radius:50px; font-size:13px; display:inline-block; position:fixed; bottom:10%; right:2%; z-index:99999999999999999999999}



footer {width:100%; ; text-align:Center;  padding-top:20px;  background-color:#231f20; float:left; padding-bottom:30px;  margin-top:50px; box-sizing:border-box; }
footer .in {width:100%; padding:0 3%; box-sizing:border-box; display:inline-block}
footer .text {font-size:0.8rem; color:#fff; width:100%; float:left; padding-bottom:5px}
footer .text  span {color:rgba(255,255,255,.3)}
footer .text a {color:#fff; line-height:30px; } 

 
footer div.copy p {width:100%; float:left; font-size:0.75rem; color:#ddd;  line-height:1.5em; color:#ddd;  }