@charset "UTF-8";html{overflow-y:scroll;}
body{font:0.875rem/1.4 Meiryo,"MS PGothic",sans-serif;-webkit-tap-highlight-color:transparent; -webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;-o-text-size-adjust:none;text-size-adjust:none; overflow-x:hidden;}
@font-face{font-family:'Glyphicons Halflings';src:url('java/fonts/glyphicons-halflings-regular.eot');src:url('java/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),url('java/fonts/glyphicons-halflings-regular.woff') format('woff'),url('java/fonts/glyphicons-halflings-regular.ttf') format('truetype'),url('java/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg')}
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,form,fieldset,button,input,textarea,th,td{padding:0;margin:0}
input,select,img{vertical-align:middle}
input{outline:none;border-radius:0;-webkit-appearance:none;box-shadow:none;margin:0;-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;-ms-box-shadow:none}
input,select,textarea{border-radius: 5px;}input[type=submit]{border:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}
a{text-decoration:none; color:#007ebe;} a:hover{text-decoration:underline; color: #339966;} a:hover img {opacity: .8;}
ul,ol,li{list-style:none}cite,dfn,em,i{font-style:normal}.fr{float:right}.fl{float:left}
.gray{ color:#777777;}.blue {color: blue;}.red {color: red;}.m_red{color: #990000;}.green{color: green;}.purple{color: purple;}.black{color: #000000;}
.clear,.clearfix:after{content:"";height:0;visibility:hidden;display:block;clear:both}
.to-channel{display:block;height:44px;font-size:1.5em;text-align:center;line-height:44px;margin:0 14px;background-color:#e6e3e2;color:#000}
[class^="glyphicon-"],[class*=" glyphicon-"]{display: inline-block;font-family: "Glyphicons Halflings";font-style: normal; font-weight:400; line-height:1; position: relative;top: 1px;}
.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-home:before{content:"\e021"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-search:before{content:"\e003"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-edit:before{content:"\e065"}.glyphicon-list:before{content:"\e056"}.glyphicon-off:before{content:"\e017"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-trash:before{content:"\e020"}
.yellow {color: #f99406;}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-menu-hamburger:before{content:"\e236";}.glyphicon-remove:before {content: "\e014";}.glyphicon-tag:before{content: "\e041";}.glyphicon-envelope::before {content: "\2709";}.glyphicon-hand-right::before {content: "\e127";}.glyphicon-user:before {content: "\e008";}.glyphicon-heart-empty:before {content: "\e143";}.glyphicon-saved:before { content: "\e168";}
.fontS {color: green; letter-spacing:1px;} .fontN, .price {color: #FF0033; letter-spacing:1px;}
section{ margin-top:5px;}
/*--------------------HTML---------------------*/
.hdr_top{ padding: 0px 3px; font-size:12px;}
.navbar{ height:45px; }
.header2{position: relative;}
@media screen and (min-width: 980px){.header2{height: 50px;}}
.fixed-top{ position:fixed; top:0; z-index:88; background:#fff; width:100%; box-shadow: 0 2px 8px 0 #bbb; padding-bottom:0px; border-bottom:2px solid #bbb; max-width: 980px;}
#logo{ display:inline-table;}
#logo img{ width:170px; height:auto;}
#favorites{display:inline-table; margin-left:10px;}
#head_tel img{ width:100%;}
#control-list{position: absolute;top: 0px;right: 10px; padding: 7px 12px ;background-color: #ccc; border-radius: 7px; font-size:1.8em;}
.Left-Menu{display:none;}
.Left-Menu .public-heading .glyphicon-remove{ color:#CC3300; right:0px; font-size:1.8em; position:absolute;}
.Left-Menu #categories{position:fixed; width:80%; background:#fff; right:2px; top:0px; z-index:15px; height:98%; box-shadow: 6px 0px 25px #707070; z-index: 9999; margin-top:5px;}
.nav-unshown {position: fixed;z-index: 78;top: 0;left: 0;width: 100%;height: 100%;background: black;opacity: 0;transition: .3s ease-in-out;margin: 0; display: block; opacity: .7;}
#search  { color: #006C36; position:relative;}
#search .glyphicon-search{ position:absolute; top:11px; left:8px; font-size:18px;}
#search .search_input { width: 78%; border: 1px  solid #E7E7E7; border-radius: 4px; box-shadow: 1px 1px 1px 0 #adbac7 inset; box-sizing: border-box; padding: 6px 10px 6px 2.6em; height:38px; margin-bottom:2px;}
#search .search_input:focus{ box-shadow: 0 0 6px #4086EE inset;}
#search input[type="submit"]{ height:36px; line-height:34px; margin-top:2px; padding:0px 10px; font-weight:bold; width:20%;}
.fixed-top .hdr_nav_cart,.fixed-top #control-list{top:3px;}
.hdr_nav_cart {
  width: 70px;
  font-size: 11px;
  line-height: 1.2;
  display: inline-block;
  letter-spacing: normal;
  text-align: center;
  margin: 0 4px;
}
.hdr_nav_cart{position:absolute;  right:70px; top:0px; width: 70px;
font-size: 11px;
line-height: 1.2;
display: inline-block;
letter-spacing: normal;
text-align: center;
margin: 0 4px;}
.hdr_nav_cart div {
  width: 70px;
  height: 28px;
  overflow: hidden;
}
.hdr_nav_txt {
  font-size: 11px;
}
.hdr_nav_cart div > img {
  width: 25px;
  left: 0px;
  position: relative;
}
.hdr_nav_cart #cart_quantity {
  font-size: 13px;
  text-align: center;
  color: #fff;
  background: #ff6900;
  border-radius: 10px;
  padding: 1px 4px;
  position: absolute;
  top: -3px;
  right: 15px;
}
nav{ background:#e5e5e5; border-radius: 5px; box-shadow: 0px 0px 5px #707070; margin-top:10px; height:40px; overflow: hidden;}
nav li{ margin:0; font-size:16px; display:inline-block;}
nav a{line-height:30px; font-weight:bold; padding:0 10px 0 25px; margin-left:3px; display:block; color:#333333;}
nav li a:before{ color: #4EC5B8; left:8px; top:2px; position:absolute;}
.order_list{ padding-bottom:5px;}.order_list span{ font-weight:bold;}.order_list a{ line-height:20px; padding-left:5px; color:#06C;}
#path { height:2em; line-height:2em; padding-left:2px; overflow:hidden;}
#path li{ display:inline-block;}
#path a{}
#path code{ margin:5px; font-weight:bold;}
/*-----------------Home-------------------*/
.banner0 { padding:5px; background:#fff; border-radius: 5px;}
.banner0 img{ width:100%; height:auto;}
.home-produts{margin-top:10px;}

.brand-logo{position: relative;display: flex; flex-wrap: wrap; -moz-box-pack: justify; justify-content: space-between;}

.brand-logo li{position: relative; box-sizing: border-box; display: -webkit-flex; display: flex; width: calc(100%/2 - 10px); max-width: 235px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; align-content: flex-start; flex-shrink: 0; margin: 5px; overflow: hidden;}

.brand-logo li img{border-radius: 0px;}
/*.module-title{height:40px;  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(50%,#686868), color-stop(100%,#333333)); background: -moz-linear-gradient(top, #333333, #686868, #333333); position:relative; border-radius: 5px; padding:0 0 0 10px; line-height:40px; color:#E1BE99; font-weight:bold;}*/
.module-title span{ color: #3333CC; margin-right:5px; top:2px; font-size:1em;}

.module-title {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c1c1c1), color-stop(50%,#f1f1f1), color-stop(100%,#eee)); background: -moz-linear-gradient(top, #e1e1e1, #f1f1f1, #e1e1e1); border-radius: 5px; 
	padding-left: 5px;font-size: 16px;font-weight: bold;text-align: left; border-bottom: #ccc 1px solid; margin: 0; position:relative;line-height:40px; height:40px;
}
.icon-right{position:absolute; right:10px; top:13px; font-size:16px;}
.comment{ margin-top:10px;}
#remark .title{ font-size:14px; font-weight:bold; border-bottom:2px solid #ac8964; text-indent:5px;}
#remark li {clear: both;line-height: 125%;margin: 5px 0px;padding: 0; overflow:hidden;border-bottom: 1px dotted #666666;}
#remark li img.brandimg {  border: 1px solid #666666;  float: left;  margin: 0 6px 0 0;  padding: 0;}
#remark a.img {  border: 0 none;  display: block;  float: left;  height: 60px;  line-height: 100px;  margin: 0 3px 5px 0;  overflow: hidden;  position: relative;  width: 60px;  z-index: 1;}
#remark a.img img {  float: left;  left: 0;  position: absolute;  text-align: center;  top: 0;}
#remark li .timestamp{color:#666666;}
.home-news{ border: 1px solid #e1e1e1; box-shadow: 0px 0px 5px #cfcfcf; border-radius: 5px; background:#fff; }
.home-news .content{padding:5px 0px 0 5px;;}
.home-news li{line-height:30px; height:30px; display: inline-block;}
.home-news li span{display:block; text-indent:0.5em; width:310px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.home-news li em{display:block; float:right;}
.goods-list .new::before {content: "NEW";position: absolute;top: -7px;left: -17px;display: block; background-color: #ce0000; color: #fff;
  width: 30px;
  height: 10px;
  font-size: 11px;
  text-align: center;
  line-height: 10px;
  padding: 15px 20px 5px 15px;
  transform: rotate(-40deg);
  z-index: 50;
}
/*--------left--------*/
.public-box{border:1px solid #eaeaea; border-radius: 5px;}
.public-heading{ height:41px; line-height:41px; text-align:center; font-size:1.6em; border-bottom:1px solid #cccccc; font-weight: bold;}
#left-liaison{ text-align:center;}
#left-liaison .public-heading{ color:#36F0E5;}
#left-liaison li{ display:inline-block; line-height:40px; margin-right:20px;}
#categories { margin-top:10px;}
#categories li { background-color: #f2f2f2; width: 46%; font-weight:bold; border-bottom:1px solid #655E4C; margin:0 5px;  overflow: hidden;}
#categories li span a{font-size:16px; padding-left:1.6em; color:#313131; line-height:60px; height:60px; display:block; }
#categories li span a:hover{ background:url("images/ico-d.gif") #f6fdd5 10px 25px no-repeat; text-decoration: none; }
/*--------------Categories-----------*/
.c-h1{ font-size:16px; font-weight:bold;}
.classify-about { font-size:12px;}
.classify-about img{ width:100%; height: auto;}
.cat-total{border:1px #cacaca solid; background: #fff; white-space:nowrap; text-align:left; padding:3px; overflow:hidden; border-radius: 5px;}
.cat-total span{ font-size:14px; font-weight:bold; color:#0033CC;}
.cat-total h1{ display:inline-table;}

.two-cat { margin-top:5px;}
.two-cat li{ display:inline-table; width:33%; height:30px; text-overflow: ellipsis; text-align:left; position:relative; font-size:11px; }
.two-cat li a{background:#fff; display:block; border:1px solid #d1d1d1; font-size:1em; overflow: hidden; margin: 0px 8px 8px 0px; padding:0px 5px; border-radius: 5px;}
.two-cat li a span{}
.two-cat li a:before{ color: #009999;}
.two-cat li img{width:100%; height:auto;}

.goods-list{position: relative; display: flex; flex-wrap: wrap; -moz-box-pack: justify; justify-content: space-between;}
.goods-list li { position: relative; box-sizing: border-box; display: -webkit-flex; display: flex; width: calc(100%/2 - 10px); max-width:235px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; align-content: flex-start; flex-shrink: 0; margin: 15px 5px 5px 5px; overflow: hidden; border-radius: 6px;
background: #fff; }
.goods-list li img{ width:100%; height:auto;}
.goods-list .title { font-size: 12px; margin-top: 10px; padding-left: 6px; padding-right: 6px; height: 37px; display:block; position: relative; overflow: hidden; line-height: 18.5px; text-overflow: ellipsis; min-height: 0;}
.goods-list .info {  position:relative; padding: 0 6px 6px 6px;}
.goods-list .info span {display:block;}
.goods-list .info .glyphicon-hand-right { color: #339999; position:absolute; right:0px; top:13px; font-size:12px;}

.paging {text-align:center; margin:15px 0; font-size:1.2em;}
.paging a {padding:5px 15px; MARGIN: 2px; border:1px solid #ddd; display:inline-block; background: #fff; border-radius: 5px; color:#333333}
.paging a:hover { background: #666666; COLOR: #fff; text-decoration:none;}
.paging .around { padding:5px 1px; border-radius: 5px;  border-radius: 5px;}
.paging .first {padding:9px 6px; MARGIN: 2px; background: #F2F2F2; border:1px solid #ddd;  border-radius: 5px;}
.paging .pages {padding:9px 13px; MARGIN: 3px; color: #fff; border-color: #313131;background-color: #313131; border-radius: 5px;}
/*-------------------------------Products-Info------------------------------*/
#order_old, #review{ display:none;}
.star { cursor: pointer;}
#review .top { border-bottom: 1px solid #425d99; font-size: 14px; font-weight: bold;height:30px;line-height: 30px; text-indent: 12px;}
.w-rebiewsblock {  margin-bottom: 20px;}
.w-prReviews p.pRating span, .w-prReviews p.pRating strong, .w-prReviews p.pRating a {}
.w-prReviews .page-heading a { float: right; font: 12px/22px verdana;}
.w-prReviews .prRevewsActsV2 { color: #999; margin: 10px 0 0px; padding: 10px;}
.w-prReviews .prRatingV2 { font: 14px Verdana;}
.w-prReviews p .reviewNums { margin-top: 4px;}
.w-prReviews p.pRating {}
.prRevewsActsV2 .score { color: #990000; font: bold 16px Verdana; padding: 0 2px; vertical-align: middle;}
.w-prReviews {}
.w-prReviews h4 { background: none repeat scroll 0 0 #F3F3F3; font: bold 14px/29px Verdana; padding: 0 10px 0 15px;}
.border-radius-min { border: 1px solid #666; border-radius: 3px 3px 3px 3px;}
.w-prReviews .w-review { border-bottom: 1px dotted #666; min-height: 65px; padding: 10px; position: relative;}
.w-prReviews p.reviewInfo { margin: 0; overflow: hidden; text-indent: 0px; width: 100%;}
.w-review .reviewerInfo { width: 100%;}
.w-review .reviewerInfo::after { clear: both;content: "";display: block;}
.w-review .reviewerInfo li { margin-bottom: 4px; float:left;}
.w-review .reviewerInfo li.date { float:right;}
.w-review .reviewDetails {}
.w-review .reviewReply {background-color: #f7f7f7;color:#36F;display: block;margin: 5px 0px 0;padding: 5px;}
.w-reviews .verfied strong { background-position: -280px -50px; color: #458846; display: block; line-height: 14px; padding: 2px 0 1px 22px;}.w-prReviews .w-reviews .gray { color: #999;}
.w-review  .cite-text {color: #993300;font-weight: bold;line-height: 18px;}
.reviewRight { position: relative;}
.reviewRight .reviewer {margin-bottom: 5px;}
.reviewRight .reviewer span{cursor: pointer;}
.input{border-radius: 3px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075) inset;transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;}

#WriteReview{}
.redTitle { border-bottom: 1px solid #e2ccc9; color: #CC6666; font: 16px; font-weight:bold; margin: 10px 0 20px; padding: 0 0 10px 10px; cursor:pointer;}
.redTitle i{color: #CC3300; right: 10px; top:10px; font-size: 1.8em; position: absolute;}
.review-table {background:#fff; position:fixed; top:50%; left:50%; width: 320px; transform: translate(-50%, -50%); z-index:80; border-radius: 5px; padding:10px; box-shadow: 0 2px 8px 0 #666;}
.review-table dl {margin-bottom: 10px;}
.review-table dt {}
.review-table select{font-size:16px; height:35px; color:#cc0000; border:1px solid #cccccc;}
.review-table .your-review input {border: 1px solid #CCCCCC;  height: 25px;  padding: 3px 5px; }
.review-table .your-review textarea {border: 1px solid #CCCCCC;  height: 80px;  padding: 3px 5px; width: 90%;}
.review-table .star {margin-left: 5px;}
.review-table .errorInfo { color:#fff; margin: 0; padding:3px; background:#FF66CC; border-radius: 5px; display:inline-flex;}
.review-table input:focus,.review-table textarea:focus { border-color: #66afe9; box-shadow: 0 1px 8px 0 #66AFE9 inset;}
#goods-column{background:#fff; padding:5px; border-radius: 5px;}
#goods-column-left{ text-align:center; background: rgba(0, 0, 0, 0) url("images/loading.gif") no-repeat scroll 50% 50% / 31px 31px;}
#goods-column-left .goods-img img{border:#ccc 1px solid; border-radius: 5px;}
#goods-column-right{ margin-bottom:10px;}
#goods-column-right h1{font-size: 16px;}
#goods-column-right .mdItemInfoReview {border-bottom: 1px solid #555; margin-top: 10px;padding-bottom: 10px;}
#goods-column-right .mdItemInfoReview .elStar{ font-size:18px; font-weight:bold;}
#goods-column-right .mdItemInfoReview a { margin-left:5px;}
@media screen and (max-width: 500px){#gdColumnRight .mdItemInfoReview .write{margin-left:0px; margin-top:5px; display:block;}}
#goods-column-right li{border-bottom:1px dotted #666; margin-top:10px; padding:0 0 5px 5px;}
#goods-column-right .stock{ position:relative;}
#goods-column-right .stock i{ position:absolute; right:20px; color:#993300;}
#goods-column-right .elPrice{ line-height:25px; font-size:1.2em}
#goods-column-right select{ line-height:30px; height:30px;  }
#goods-column-right #qual span {background: #ff0066 none repeat scroll 0 0;color: #fff; padding: 3px; border-radius: 5px;}
#goods-column-right .submit{ margin-top:10px; position:relative;}
#goods-column-right .submit i{ position:absolute; top:12px; left:12px; font-size:18px; color:#FFF;}
#goods-column-right .submit input{width:190px; height:40px; font-size:20px; padding:6px 10px 10px 20px; color:#FFF;}
#goods-column-right .medium{ padding:5px; top:5px; right:10px; position:absolute;}
.case-title{height:40px;  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555), color-stop(50%,#686868), color-stop(100%,#555)); background: -moz-linear-gradient(top, #555, #686868, #555); position:relative; border-radius: 5px 5px 0 0; line-height:40px; color:#E1BE99; font-weight:bold; border-bottom:2px solid #ccc;}
.case-title li{ display:inline-block; width:33%; text-align:center; cursor:pointer; position:relative; white-space:nowrap; overflow:hidden;}
.case-title span{ font-size:1.1em;}
.case-title i{ position:absolute; right:2px; top:2px; font-size:12px; font-weight:100; background: #FF3300; color:#FFFFFF; border: 1px solid #fff; border-radius:100%; height:16px; line-height: 18px; width:16px;}
.case-title .current{ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ccc), color-stop(50%,#999), color-stop(100%,#ccc)); background: -moz-linear-gradient(top,#ccc, #999); color: #990000; border-radius: 5px 5px 0 0; border-bottom:2px solid #FF9966;}
#goods-details { padding: 5px; line-height: 1.6em; background: #fff;}
#goods-details table { width:100%; }
#goods-details table td{ padding:3px; line-height:20px;}
@media screen and (max-width: 550px){
#goods-details img{ width:100%; height:100%;}
.brand_dsc1{height:60px;overflow-x: hidden;} .home-text{ height:60px; overflow-x: hidden;}
}
#order_old {}
#order_old li{ float:left; text-align:center;}	
#order_old .title{border-bottom: 1px solid #999; color:#993300; height: 35px;line-height: 35px;}
#order_old .list li{  margin-bottom:2px;  line-height:30px;border-bottom:1px dotted #666;}
#order_old .col1{ width:20%;}
#order_old .col2{ width:10%;}
#order_old .date{ width:30%;}
#products_old{ margin-bottom:20px;}
#products_old li{ width:33%; float:left; margin:5px 0; text-align:center;}
#products_old li img{ width:103px; height:103px}
/*-------------------------News--------------------*/
.arcDes{ padding:0 5px;}
.arcDes .essay{ margin-bottom:10px;}
.arcDes .essay .readArea { border-bottom: 1px dotted #cacaca;}
.arcDes .essay .glyphicon-star:before{ color:#4EC5B8;}
.arcDes .essay .tit { color: #656565; font-size: 16px; font-weight:bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.arcDes .essay .source { margin-top: 5px; font-family:Verdana,Helvetica,sans-serif;}
.arcDes .essay .source span { color: #009933; margin-right: 15px;}
.arcDes .essay .desc { color: #989898; margin-top: 5px; min-height:60px;}
.arcDes .essay .desc img{float:left; margin:0 12px 0 5px; border-radius: 5px;}
.arcDes .essay .hits { bottom: 55px; color: #999; float: right; }
.arcDes .essay .hits span { color: #ce0000;}

.article h1{ font-size: 16px; font-weight: bold; text-align: center; display:block;}
.article .info { margin: 0 10px;}
.article .description { line-height: 30px; margin-top: 10px; overflow: hidden; text-indent: 28px;}
.article .description img{ text-align:center;}
.article .description a{ color: #0066FF;}
.rn_top{ font-weight:bold; color:#006633; font-size:18px;}
.rn_middle li{ line-height:30px; color:#0066CC;}
/*-------------------------Cart--------------------*/
#flowtablein { margin: 0 auto; width:300px; font-size:15px; line-height:1.5;}
.flowarea { float: left; padding: 0 10px 0px 0; width: auto;}
#flowtablein li{ display:inline-table; margin-right:10px; border-radius: 5px;}
.flow { border: 1px solid #CCCCCC; background:#FFFFFF; font-size: 80%; line-height: 150%; padding: 5px; text-align: left; white-space: nowrap;}
.flowhere { background-color: #a9a9a9; border: 1px solid #a9a9a9; font-size: 80%; line-height: 150%; padding: 5px; text-align: left; white-space: nowrap;}
.flowst { color: #291026; font-weight: bold;}
.flowcom { color: #999999;}
.flowcomhere { color: #000000;}
.cart_title{font-size:18px; font-weight:bold; margin-top:10px; display:block; color: #FF6633; border-bottom: 2px solid #FFCC99; margin-bottom:10px;}
/*-------------------------E-Page--------------------*/
.pagetitle {padding: 3px 3px 0px 0px;font-weight: normal;border-bottom: 1px solid #666;font-weight: bold;margin-bottom: 3px;line-height:30px;}
.cart td{ padding:3px;}
.cart_pro dd{ padding-bottom:7px;}
.cart_pro input{ width:20px; text-align:center; border: 1px solid #666666; height:20px;}
.totalPrice {color: #FF0000; font-size:18px; font-weight:bold;}

.page_content{ background:#FFF; line-height:1.5rem; padding:0 5px;}
.page_content table{ width:100%;}
.page_content table td{ text-align:left;}
.page_content img{max-width:100%;height:auto;}
.page_content a{ color:#0033CC;} 

.order_info{ width:100%;}
@media screen and (max-width: 500px){
.img100{ width:100%;} 
#categories li {display: inline-block; background:#FFFFFF; border-bottom:1px solid #ccc; } 
#categories li a {
  background-image: url(images/arrow.png);
  -webkit-background-size: 14px auto;
  -moz-background-size: 14px auto;background-size: 14px auto;background-repeat: no-repeat;background-position: right center;
}
nav li { font-size:14px;} nav a{ font-weight:100; margin:0px; padding:6px;} 
#infor_web table{ display:inline-table; width:98%; }
 section{ padding:5px; background:#f5f4ef;} 
}
/*-------------------------Page--------------------*/
.page { padding: 5px 0; text-align: center;}
.page a { margin: 3px 3px; background-color: #F6F6F6; border: 1px solid #cccccc; display: inline-block; padding: 8px 10px 6px; text-decoration: none;}
.page a:hover { background: #999999 none repeat scroll 0 0; color: #ffffff;}
.page span { margin: 0 5px; color:#FFFFFF; background-color: #888888; border: 1px solid #77808f; display: inline-block; padding: 8px 10px 6px; text-decoration: none;}
.page div{ margin-top:8px;}@media screen and (min-width: 500px){.page div{ display:inline;}}
.page dd{display: inline-block;}
.page dt { float: left;}
.page dt.all { margin: 3px 2px 0 15px;}
.page dt label { padding: 0 10px 0 0;}
.page_1 li { display: inline;}
.page_1 .active a { background-color: #f5f5f5; color: #777777; cursor: default;}
.sitemap ul{ border-bottom:1px solid #666666; margin:10px 0px; padding:10px 0;}
.sitemap ul li{ margin-right:10px; display:inline; padding:2px; background:#737373; border-radius: 3px;}
footer{ text-align:center; border-top:2px solid #999999;}
.footer1{color:#FFF; text-align:center; margin-top:10px;}
.footer2{ color:#666666;}
.footer3{padding:8px 0;}
@media screen and (min-width: 510px) and (max-width: 954px){#head_tel img{ width:300px; position:absolute; left:160px; top:3px;}}
@media screen and (min-width: 530px){.goods-list li{width: calc(100%/4 - 10px); max-width:185px;}}
@media screen and (min-width: 955px){
	header{ width: 980px; margin:0 auto; position:relative;}
	.hdr_nav_cart{ top:5px;}
	#favorites{vertical-align:top; margin-top:5px;}
	.navbar{ display:inline-block;}
	#head_tel{ display:inline-block; float:right; margin-right:10px; margin-top:5px;}
	#head_tel img{ width:390px;}
	#search {display:inline-block; position:absolute; top:5px; left:250px; width:450px;}
	#logo img{ width:185px;}
	#left-liaison{ margin-bottom:10px;}
	nav{ box-shadow:none;}
	nav li{width: 16%;}
	nav li a{ width:90px; height:40px; line-height:45px;}
	section, footer{ width: 980px; margin: 10px auto;}
	footer{ margin-bottom:10px;}
	aside{ width:200px; margin-right:10px; display:inline-block; vertical-align:top;}
	#categories{ margin:0px;}#path{ margin-top:0px;}
	#categories li{ width:100%; margin:0;}
	#categories li a{background: url("images/ico-d.gif") 10px 25px no-repeat;}
	#categories li:last-child{ border:none;}
	article{ width:760px; display:inline-block;float: right;}
	.middle1_right { width:783px; float:right; }
	.comment{ width:200px; float:left;}
	.home-news{display: inline-block; margin-top:10px; width:100%;}
	.home-news li{line-height:25px; height:25px; width:33%; display: inline-block;}
	section:after, .comment:after{ 	width:0;height:0;content:'';display: block;clear: both;}
	#goods-column-left{ width:300px; display: inline-block; vertical-align:top;}
	#goods-column-right{ width:440px; display:inline-block;}
	#favorites{display:none;}
	.brand-logo li {width: calc(100%/3 - 10px); max-width: 250px;}
}
/* button  ---------------------------------------------- */
.button {display: inline-block;zoom: 1; *display: inline; vertical-align: baseline; margin: 0 2px;outline: none; cursor: pointer;text-align: center;text-decoration: none;padding: .5em 2em .55em;text-shadow: 0 1px 1px rgba(0,0,0,.3);-webkit-border-radius: .5em; -moz-border-radius: .5em;border-radius: .5em;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);box-shadow: 0 1px 2px rgba(0,0,0,.2);}
.button:hover {text-decoration: none;}
.button:active {position: relative;top: 1px;}
.bigrounded {-webkit-border-radius: 2em; -moz-border-radius: 2em;border-radius: 2em;}
.small {font-size: 11px;padding: .2em 1em .275em;}
/* gray */
.b_gray {color: #e9e9e9;border: solid 1px #555;background: #6e6e6e;background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));background: -moz-linear-gradient(top,  #888,  #575757);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');}
.b_gray:hover {background: #616161;background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));background: -moz-linear-gradient(top,  #757575,  #4b4b4b);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');}
.b_gray:active {color: #afafaf;background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));background: -moz-linear-gradient(top,  #575757,  #888);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');}
/* white */
.b_white {color: #606060;border: solid 1px #b7b7b7;background: #fff;background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));background: -moz-linear-gradient(top,  #fff,  #ededed);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');}
.b_white:hover {background: #ededed;background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));background: -moz-linear-gradient(top,  #fff,  #dcdcdc);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');}
.b_white:active {color: #999;background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));background: -moz-linear-gradient(top,  #ededed,  #fff);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');}
/* blue */
.b_blue {color: #FFFFFF; border: solid 1px #0076a3;background: #0095cd;background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));background: -moz-linear-gradient(top,  #00adee,  #0078a5);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');}
.b_blue:hover {color: #FFFFFF; background: #007ead;background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));background: -moz-linear-gradient(top,  #0095cc,  #00678e);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');}
.b_blue:active {color: #80bed6;background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));background: -moz-linear-gradient(top,  #0078a5,  #00adee);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');}
/* red */
.b_red {color: #FFFFFF; border: solid 1px #980c10;background: #d81b21;background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');}
.b_red:hover {background: #b61318;background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));background: -moz-linear-gradient(top,  #c9151b,  #a11115);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');}
.b_red:active {color: #FFFFFF; background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');}