/*全站*/
/*html, body { font-family: "Microsoft JhengHei"!important; }*/
.hideobj{
  display:none;
}

*{ -webkit-text-size-adjust:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} 

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 	margin:0;	padding:0;}
html,body {	margin:0;	padding:0; vertical-align: baseline; }
table {	border-collapse:collapse;	border-spacing:0;}
ol,ul {	list-style:none;}

body{ color: #221815; font-family:\5FAE\8EDF\6B63\9ED1\9AD4, 'Roboto', sans-serif, Arial; margin: 0; padding: 0; font-size: 13px; }

sub, sup { 	font-size: 75%;	line-height: 0; position: relative;  vertical-align: baseline; }
sup { top: -0.5em; }sub { 	bottom: -0.25em; }

img{border:0; padding:0; margin:0; vertical-align: middle;	max-width: 100%; width: auto\9; /* ie8 */}

form {margin:0; text-align: -webkit-center;}


a{color:#292929; text-decoration:none; blr:expression(this.onFocus=this.blur()); noFocusLine:expression(this.onFocus=this.blur());}
	a:hover {text-decoration:underline; background:none;}
	a img {border:none;}
	a:focus { -moz-outline-style: none; outline:none; text-decoration:none;} 
	

p{ margin:0;}

ul{ margin-bottom:0;  -webkit-padding-start:0;}

.table-container{width: 100%;	overflow-y: auto;	_overflow: auto;	margin: 0 0 20px 0;}
.table-container::-webkit-scrollbar{	-webkit-appearance: none;	width: 14px;	height: 14px;}
.table-container::-webkit-scrollbar-thumb{	border-radius: 8px;	border: 3px solid #ddd;	}

.sb-toggle-left, .arrow-left, .arrow-right, .page-banner, #result, #language_area{display:none;}

#container{ overflow: hidden; }
.wrap{height: 1%;}
.wrap:after {clear: both; content: " "; display: block; height: 0; visibility: hidden;}
.wrap{margin:0 auto; width:1200px; text-align:left;}



/*header*/
#header, #header2{ height:97px; border-bottom:3px solid #f9d037; background: rgb(239,239,239); /* Old browsers */
background: -moz-linear-gradient(top, rgba(239,239,239,1) 0%, rgba(255,255,255,1) 46%, rgba(249,249,249,1) 61%, rgba(244,244,245,1) 80%, rgba(240,240,240,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(239,239,239,1) 0%,rgba(255,255,255,1) 46%,rgba(249,249,249,1) 61%,rgba(244,244,245,1) 80%,rgba(240,240,240,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(239,239,239,1) 0%,rgba(255,255,255,1) 46%,rgba(249,249,249,1) 61%,rgba(244,244,245,1) 80%,rgba(240,240,240,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */}
  #header .wrap{ position:relative;}
  #language_area {float: right;color: #999;}
  #company_logo {float:left; margin:18px 0 0 100px;}
  #qsearch {width: 19%; float: right; margin: 0; padding:6px 0 0 0 ;}
  #qsearch .form-control { border-radius: 0; height: 32px;}
  #qsearch .btn {border-radius: 0; background-color:#f9d037; padding: 5px 12px;}
  #qsearch .glyphicon {color: #fff;}
  #qsearch .input-group-btn a{ display:none;}
#hello_member .nav-pills>li>a {color: #f3af16;}


/*header2*/
.header *{-webkit-transition: position 0.3s ease 0.3s;    -moz-transition: position 0.3s ease 0.3s;    -ms-transition: position 0.3s ease 0.3s;    -o-transition: position 0.3s ease 0.3s;    transition:position 0.3s ease 0.3s;}
	.header--clone {  position: fixed; width:100%;  z-index: 130;  top: 0;  left: 0;  
		-webkit-transform: translateY(-100%);    -ms-transform: translateY(-100%);  -o-transform: translateY(-100%); transform: translateY(-100%);
		-webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
	.header--stick { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%);}
	.sb-active .header--clone{-webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%);}

  
  
  
  
/*topmenu*/
#navbar-1 {margin: 8px 0 0 0;float: right; clear:right;}
#main_menu { float:left; padding:0; list-style:none;}
	#main_menu ul{ float: left; }
	#main_menu li{float:left;  text-align: center;}
	#main_menu li a { display: block; overflow: hidden; font-size: 17px; line-height: 1.2em; color: #221815;
    text-transform: uppercase; cursor: pointer; padding: 2px 20px;}
	#main_menu li a:hover{text-decoration:none; color:#ed700c;  padding: 2px 20px;}
	.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus{ background-color:inherit;}
    .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{ background-color:inherit;}
	#main_menu .dropdown-menu li{ width:100%; text-align:left;}
	#main_menu .dropdown-menu li a{ font-size:15px; line-height:1.6em;}
#incateall{ border-bottom:1px solid #ddd;}
	
	

#middle{ background-image: url(../images/middle-bg.jpg); background-repeat: no-repeat; background-position: center bottom; min-height:500px; }
#middle .wrap{}



/*sidebar*/

#sidebar{ display:none; }
.container_product #sidebar , .container_product_show #sidebar , .container_product14 #sidebar , .container_product36 #sidebar{ display:block; }


#sidebar{ width:23%; float: left;}
#sidebar .nav-header {border-radius: 12px 12px 0 0; color: #fff; background: #f3af16; padding: 10px 15px; font-size: 25px; text-align:center;}


/*第一層*/	
#side_menu ul{ border:1px solid #e4e4e4; border-radius:0 0 12px 12px; padding: 20px;}
#side_menu ul li{ background-color:#fff;}
#side_menu ul li a{ padding-left:32px; color:#7b7b7b; background-image: url(../images/sidemenu-ti.png); background-repeat: no-repeat; background-position: 10px center; font-size:18px; display:block;}
#side_menu ul li a:hover, #side_menu ul li a:focus{ background-color: inherit; color: #ed700c; text-decoration: none;}

/*第二層*/
#side_menu ul ul{padding:6px 2px; border-radius:0; border:0;}
#side_menu ul ul li{ position:relative;}
#side_menu ul ul li a{ background-image:none; color:#7b7b7b; font-size:14px; line-height:1.8em; padding: 2px 2px 2px 28px;}
#side_menu ul ul .active a{color:#ed700c;}
#side_menu ul ul ul {}
#side_menu ul ul ul li {}
#side_menu ul ul ul li a:before{ content:' - ' ; display:inline-block; padding-right:5px;}
#side_menu ul ul ul a{}

/*breadcrumb*/
#content .breadcrumb{ background-color:#fff; text-align:right; border-radius:0;}

/*content*/
h1{ font-size:30px; /*text-indent: -9999px;*/ color:#ed700c; font-style:italic;}
.breadcrumb>li+li:before {color: #666;}
.thumbnail{ border-radius: 0; border:0;}





/*product*/
.listimg{ border:2px solid #ffcb48; padding:2px; width: 180px;}
.thumbnails{ padding:0 0 0 20px;}
.thumbnail .caption {width: 100%; text-align: center; clear: left; padding:9px 0;}

.thumbnail-pro .cate-name{ float:left; clear: left; padding: 10px 0;}
.thumbnail-pro .listimg{ margin-bottom:10px;}
.thumbnail-pro .btn { padding: 4px 14px; border-radius: 3px;}
.thumbnail-pro .btn-primary {background-color: #ffaf00; border-color: #e89d0c;}
.thumbnail-pro .btn-primary:hover{background-color: #fcbe35;}
.thumbnail-pro .btn-info{ background-color: #fecf30; border-color: #e8b60f;}
.thumbnail-pro .btn-info:hover{background-color: #fdc301;}

.prolistqty{ float:left;}
.prolistbtn{ float:left;}

.container_product_show .input-group-2{ width:30%; padding-bottom:0;}
.container_product_show .col-md-7{ text-align:center; width:40%; margin-bottom:30px;}

.bimgarea{ float:left; padding:30px; border:2px solid #ffcb48; height: 250px;}
.bimgarea img{ max-height:200px;}



.bimgarea>a {
  height: 250px;
  text-align: center;
}
.showsmall .popup-gallery>a{   
  height: 50px;
  text-align: center;
 }
.listimg>a{
  height: 156px;
  text-align: center;
  display:block;
}
.bimgarea>a:before , .showsmall .popup-gallery>a:before  , .listimg>a:before{
  content: "";
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}
.bimgarea img , .showsmall .popup-gallery>a img , .listimg>a img {
  display: inline-block;
  vertical-align: middle;
}





.pro-name{ font-size:16px; text-align:left; margin-bottom: 30px;}
.pro-name span{ color:#ed700c; font-size:20px; font-family:'Roboto'; font-weight:700;}
.btn-primary:before{ content: "\f218"; font-family: FontAwesome; font-style: normal; color:#fff; font-size:14px; margin-right: 5px;}
.thumbnail-pro .btn-info:before{content: "\f002"; font-family: FontAwesome; font-style: normal; color:#fff; font-size:13px; margin-right: 5px;}



.proshowqty {
	border-radius: 4px;
    border: 1px solid #ddd;
    background-color: #fff;
    width: 35%;
    float: left;
    clear: left;
}

.proshowqty .input-group .form-control {
    display: initial;
    width: 64%;
    height: 33px;
    padding: 2px 0 0 8px;
    font-size: 15px;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
}

.container_product_show .control-label {
    float: left;
    border-right: 1px solid #ccc;
    font-size: 15px;
    padding: 6px 10px;
    background-color: #eee;
    cursor: default;
}
.container_product_show .col-md-5 .btn {
    padding: 6px 20px;
    font-size: 15px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    margin: 56px 0 0 0;
    float: right;
}

.container_product_show label{margin-bottom: 0;}
.container_product_show .prochar{ padding:40px 20px;}
.container_product_show .prochar p{ font-size:15px;}

.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #fcbe35;
    border-color: #e89d0c;
}


.prodesc{text-align: left;}
.prodesc .pshow_title{ display:none;}
.prodesc .txtNormal{ font-size:15px; color:#999;}
.showsmall .popup-gallery{ margin:8px 4px 0 0; border:1px solid #ddd; height: 50px;}








/*top*/	
.goto_top { z-index: 5; position: absolute; bottom: 20px; right: 20px; cursor: pointer;}





/*footer*/	
#footer{ border-top:6px solid #f9d037; background: rgb(240,240,240); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(240,240,240,1) 0%, rgba(255,254,254,1) 31%, rgba(252,251,251,1) 52%, rgba(239,239,239,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(240,240,240,1) 0%,rgba(255,254,254,1) 31%,rgba(252,251,251,1) 52%,rgba(239,239,239,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(240,240,240,1) 0%,rgba(255,254,254,1) 31%,rgba(252,251,251,1) 52%,rgba(239,239,239,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
height:230px;}
#footer .wrap{ padding:16px 20px;}
  #footer .ftbar{ padding:8px 0; margin-bottom: 12px;}
  #footer .ftbar ul{}
  #footer .ftbar ul li{ padding:4px 6px;}
  #footer .ftbar ul li a{border-radius:4px; display:block; padding:4px 6px; background: rgb(249,249,249); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(249,249,249,1) 37%, rgba(233,233,233,1) 99%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(249,249,249,1) 37%,rgba(233,233,233,1) 99%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(249,249,249,1) 37%,rgba(233,233,233,1) 99%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.3); -moz-box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.3);
  box-shadow:0px 1px 3px 0px rgba(50, 50, 50, 0.3); color:#221815; font-size:14px; }
  
  
  
#cominfo{ width:25%; float:left; padding:0 6px; margin-bottom:10px;}
  #cominfo ul li{ font-size:15px; }
  #cominfo .footer-logo{ font-size:20px; font-family:'Roboto';}

.footer-2{width:100%;} 
#footer-smo{ float:right; padding: 20px 0 0 0;}
#footer-smo figure { padding:5px; float:left;}
#footer-smo a{ display:block;}

#footer-down{width:100%; float: left;}
#footer-down .wrap{ padding:0 20px;}
#footlink{ float:right; padding:6px 20px;}
#footlink ul li{}
.copyright{ text-align:center;
    width: 200px;
    float: right;
    height: auto;}
.copyright p{white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
float:left;}



/*left-menu*/
.navicon-line { background-color: #f08300; height: 4px; margin-bottom: 4px; width: 30px;}
#left_menu ul li a{font-size: 15px; padding: 14px 12px 14px 26px; color:#666; font-weight: normal;}
.sb-slidebar{background-color: #f9d037;}
#left_menu ul li a:hover{background-color: #f9d655;}
#left_menu ul li {border-bottom: #fbe07c solid 1px;}
#left_menu .form-search { padding: 10px 10px 0 10px;}
#left_menu #m1 a, #left_menu #m2 a, #left_menu #m3 a, #left_menu #m4 a, #left_menu #m5 a, #left_menu #m6 a, #left_menu #m7 a, #left_menu #m8 a{padding: 16px 12px 16px 18px; font-size: 17px; color:#333;}
#left_menu #m1 li a, #left_menu #m2 li a, #left_menu #m3 li a, #left_menu #m4 li a, #left_menu #m5 li a, #left_menu #m6 li a, #left_menu #m7 li a, #left_menu #m8 li a{padding: 14px 12px 14px 24px; font-size: 16px; color:#333;}

#left_menu ul li .sb-submenu li a{font-size: 15px; padding: 14px 12px 14px 24px; color:#333; background-color: #fac708;}
#left_menu ul ul li {border-bottom: #f9d240 solid 1px;}
#left_menu #incateall a{}
#left_menu #incateall a:before{content: "\f006"; font-family: FontAwesome; font-style: normal; color:#333; font-size:14px; margin-right: 6px;} 


	






















/*  */
/*會員登入項目*/
#login-tabs li{
  background:none;
}
#login-tabs a{
  color:#000;
  background:none;
}
#login-tabs a:hover,#login-tabs a:focus{
  text-decoration: underline;
  background:none;
  color:#000;
}
/**表單元素**/
fieldset.over-border {
  border: 1px solid #ccc !important;
  padding: 0 1.4em 1.4em 1.4em !important;
  margin: 0 0 1.4em 0 !important;
  border-radius: 16px;
}
legend.line-border {
  font-size: 16px !important;
  text-align: left !important;
  width:inherit;
  border-bottom:none; display:none;
}
fieldset > div { margin-top:30px; }
.red{
  color: #cc0000;
}
.radio-inline input[type='radio'] {
  margin-left: -20px;
  float: left;
}
.radio-inline {
  padding-left: 20px;
  font-weight: normal;
  margin-bottom: 0px;
  vertical-align: middle;
  display: inline-block;
  cursor: pointer;
}
.help-inline{
  vertical-align: middle;
  display: inline-block;
  padding-top:5px;
  float:left;
  padding-left:0px;
  cursor: default;
}
.control-label{
  cursor: default;
}

.form-show .input-prepend {
  clear:both;
}
fieldset.instep-border {
  border: 1px solid #ccc !important;
  padding: 0 16px 16px 16px !important;
  margin: 0 0 16px 0 !important;
  border-radius: 15px; /*圓角*/
  background:#eeeeee;
  height:100px;
  font-weight:bold;
  color:#000000;
  text-align: center;
}
fieldset.step-border {
  border: 1px solid #ccc !important;
  padding: 0 16px 16px 16px !important;
  margin: 0 0 16px 0 !important;
  border-radius: 15px; /*圓角*/
  height:100px;
  text-align: center;
}
legend.stepline-border {
  text-align: center !important;
  width:inherit;
  border-bottom:none;
}
.enlarge{clear:both;}
@media only screen and (max-width : 480px) {
    .navbar-inner li {display:block; width:100%;}
}
/*#header*/
/*註冊*/

#hello_member ul li a:hover, #hello_member ul li a:focus, #hello_member ul li a:active {
  text-decoration: underline;
  background: none;
}

/*語言*/
#language_area ul li a {
  color:#333;
  background:none;
}
#language_area ul li a:hover, #language_area ul li a:focus, #language_area ul li a:active {
  background: none;
  text-decoration: underline;
}
#mainbanner{
 /* padding-top:5px;*/
}
/*--側欄--*/
#sidebar {
    padding: 30px 40px 30px 20px;
}

#sidebar .nav-header{
 /*background:#eee;
 font-weight:bolder;*/
 padding:8px 15px;
 font-size:20px;
}

/*RSS*/
#rss_area a{
  text-shadow: none;
}

#rss_area a:hover{
  text-shadow: none;
}

/*--內容區--*/
#content {
    width: 77%;
    padding: 0 0px 50px;
    float: left;
	margin-left: 20%;
}
.container_product .listimg { border-color:#fff;}

.container_product #content , .container_product_show #content , .container_product14 #content , .container_product36 #content {margin-left: 0;}

/*麵包屑*/
#content .breadcrumb {
  margin-bottom:0;
  text-shadow: none;
}
#content .breadcrumb li {
  text-shadow: none;
}
#content .breadcrumb li a {
  
  text-shadow:none;
  text-decoration: none;
}
#content .breadcrumb li a:hover {
  text-shadow: none;
  background:none;
  text-decoration: underline;
}
#content .breadcrumb li .divider{
  text-shadow:none;
  background:none;
}
/*個數*/
.page-header {
  border-bottom:0; margin:10px 0 20px;
}
/*產品頁*/
.thumbnail {
	float:left;
  /*border:1px #8B8682 solid;*/
}
.cate-name,.cate-name-more{
  
  color:#333333;
  font-weight:bold;
  width:180px;
 /* white-space:nowrap;*/
  overflow:hidden;
  text-overflow:ellipsis;
  text-align:center;
}

.cate-name a ,.cate-name-more a{
  letter-spacing: 5px;
  font-size:14px;
  font-style:italic;
  /*color:#333333;*/
  font-weight:bold;
  text-decoration:none;
  width:auto;
  /*white-space:nowrap;*/
  overflow:hidden;
  text-overflow:ellipsis;
  text-align:center;
}
.cate-name a:hover ,.cate-name-more a:hover{
  letter-spacing: 5px;
  font-size:14px;
  font-style:italic;
  color:#ed700c;
  font-weight:bold;
  text-decoration:none;
  width:auto;
  /*white-space:nowrap;*/
  overflow:hidden;
  text-overflow:ellipsis;
  text-align:center;
}
.pro-desc{
 height:80px;
 overflow-x:hidden;
 overflow-y:auto;
}
.spec{
 height:38px;
}
/*產品介紹頁*/
#pb_area{
  /*margin-left: 100px;*/
  /*border:  1px solid #ccc;*/
  overflow:hidden;
}
.thumbnail img{
  margin-right: auto;
  margin-left: auto;
  display: block;
  max-width: 100%;
}

.thumbnail-pro a img{ display:inline-block; }

.input-group {
  display: table;
  padding-bottom:10px;
  width: 100%;
}


.thumbnail-pro .input-group {
  float:left;
  clear:left;
  display: table;
  padding-bottom:10px;
  width: 60%;
}
.input-group .form-control {
  margin-bottom: 0px;
}
.txtNormal {
  overflow:auto;
  width:100%;
}
#content .thumbnails .prodlist{
  height:330px;
  overflow:hidden;
}
#content .thumbnails .catelist{
  padding: 0 0 0 40px;
  height:240px;
  overflow:hidden;
}
.listtxtspec .input-prepend{
  padding:1px 0px;
  margin:0px;
}
.clear{
  clear:both;
}
.listimg{
  float:left;
  height:156px;
  line-height: 150px;
}

#lineqty{
  width:30%;
}
.showsmall{ clear:both;}
.showsmall ul {
  padding: 0px; margin: 0px;
  list-style: none;
}
.showsmall li {
  float:left;
}
.showsmall li img  {
  margin: 3px;
  padding:3px;
  width:50px;
  max-height:45px;
}
/*頁籤**/
.nav-tabs .active a{
 font-weight:bold;
}
/*訊息用*/
.msgcont{
  width:90%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  margin:10px;
}
.msg_img_title {
  width:30%;
}

/*尾檔*/
#cominfo ul li {
  /*display:inline-block;*/
}
#copyright{
 padding:6px;font-weight:bolder; float:left;
}
#footlink ul li a { border-radius:inherit; padding:0 6px;}
#footlink ul li a:hover, .foot #footlink ul li a:focus, .foot #footlink ul li a:active {
  background:none;
  text-decoration:underline;
}
/*首頁用*/
#index_msg_ul a{
  background:#eee;
  padding:8px 15px;
  font-size:16px;
  color:#000;
}
#index_msg_ul a:hover{
  background:#eee;
  padding:8px 15px;
  font-size:16px;
  color:#000;
}
#index_msg_ul .msgcont{

}
#idxprocarousel .span{small_class} .item {
  /*background-color : #EEE;*/
  height : {small_height}px;
  text-align : center;

  /* Firefox, Chrome */
  line-height : {small_height}px;

  /* IE */
  *font-size : 180px;  /* 200px * 0.9 = 180px */
}

#idxprocarousel  img {
  vertical-align : middle;
}
#idxprocarousel .caption {
    /*background : #666;*/ padding : 5px;
}
#idxprocarousel .caption a {
    color : #221815;
	font-size:18px;
}

#content .pshow_title{
  color:#f3af16; font-size:22px; line-height:1.5em; 
}

ul{
  list-style:none;
}

#footer .ftbar{
/*background-color:#f8f8f8;
border-color:#e7e7e7;*/
}


/***style for banner's arrows and pagination ****/
.swiper-banner .arrow-left, .swiper-product .swiper-button-prev {
  position: absolute;
  left: 1%;
  top: 40%;
  width: 17px;
  height: 30px;z-index:99;
}
.swiper-banner .arrow-right, .swiper-product .swiper-button-next {
  position: absolute;
  right: 1%;
  top: 40%;
  width: 17px;
  height: 30px;z-index:99;
}

.swiper-banner .page-banner, .swiper-product .swiper-pagination{
  position: absolute;
  left: 0; z-index:99;
  text-align: center;
  bottom:0;
  width: 100%;
}
.swiper-banner .swiper-pagination-switch, .swiper-product .swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #999;
  box-shadow: 0px 1px 2px #555 inset;
  margin: 0 3px;
  cursor: pointer;
}
.swiper-banner .swiper-active-switch, .swiper-product .swiper-active-switch {
  background: #fff;
}
/***style for banner's arrows and pagination end ****/

/*style for google map  2015.10.21*/
.googlemap { width:100%; height:12em; }
.listimg a.btn.btn-link {
    display: initial;
}
/*  */



@media (max-width : 1205px) {
	.wrap{ width:100%}
	#header .wrap, #header2 .wrap{ padding:0 2%;}
	#company_logo {margin: 1% 0 0 2%;}
	#sidebar { padding: 4% 1% 4% 1%; width:24%}
	#content {width: 76%;}
	#cominfo { width: 35%;}
}

@media (max-width : 1100px) {
    #main_menu li a, #main_menu li a:hover{ padding: 2px 14px;}
	#footer .wrap {padding: 1%;}
}


@media (max-width : 999px) {
	.sb-toggle-left{display: block!important; background-color:inherit; color: #5b6458; top: 30px; position:absolute; border:0; outline:none; left:20px; z-index:100;}
	#navbar-1, #language_area, #sidebar { display:none !important;}
	#company_logo {margin: 1% 0 0 10%;}
	#qsearch {width: 25%;}
	#content {width: 100%;padding: 2% 2% 10% 2%;}
	.page-header { margin: 0 0 1% 2%;}
	#content .col-md-4 { float: left; width: 33%; padding-right: 0; padding-left: 0;}
	#pb_area { margin-left: 5%;}
	.container_product_show .col-md-7 {float: left;}
	.container_product_show .col-md-5 {float: left; width:60%;}
}

@media (max-width : 850px) {
	
}

@media (max-width : 768px) {
	#qsearch, #hello_member{ display:none;}
	#company_logo {margin: 1% 0 0 35%;}
	h1 {font-size: 25px;}
	#content { padding: 0 0 8% 0;}
	#footer{ background:rgba(255,254,254,1);}
	#cominfo { width: 100%;}
	#footer-smo { clear: left; float: left; padding: 0;}
	#footlink {float: left; padding: 4px;}
	#copyright{padding: 4px;}
	#footer-down .wrap{ padding:0;}
	.container_product_show .prochar {padding: 1%;}
	#content .breadcrumb{ padding: 8px 4px; text-align:left;}
	.sb-toggle-left {top: 18px;}
	#header, #header2 {height: auto;}
}

@media (max-width : 600px) {
	#content .col-md-4 { width: 50%;}
	.thumbnails{ padding:0;}
	#footer-smo figure { width: 40%;}
	#footer-smo .figure-1 img{ width:100%;}
	.container_product_show .col-md-7 {width:100%;}
	.container_product_show .col-md-5 {width:100%;}
	#content .pshow_title { margin-top: 20px; font-size: 20px;}
}

@media (max-width : 480px) {
	#company_logo {margin: 1% 0 0 30%;}
	.sb-toggle-left {top: 18px;}
	#header, #header2 {height: auto;}
	#content .thumbnails .catelist { height: auto;}
	.img-responsive{max-width: 110%;}
	#footer-smo figure { width: 46%;}
	.container_product3 .btn {padding: 4px 6px;}
	.container_product3 .cate-name { padding: 5px 0;}
	.container_product3 .input-group-2{padding-bottom: 4px; width: 80%;}
	.proshowqty {width: 50%;}
	
}

@media (max-width : 395px) {
	h1 {font-size: 20px;}
	#footer-smo figure { width: 50%;}
	.container_product_show .prochar p {font-size: 14px;}
	.container_product3 .input-group {width: 80%;}
	
}

@media (max-width : 375px) {
	#company_logo {margin: 1% 0 0 23%;}
}

@media (max-width : 320px) {
	
}