/*全站*/
html, body { /*font-family: "Microsoft JhengHei"!important;*/ font-family: 'Roboto', 'Roboto Condensed',  \5FAE\8EDF\6B63\9ED1\9AD4, Arial, sans-serif; color: #848074;font-size: 16px;}
img { max-width:100%; }
.hideobj{
  display:none;
}

a{ 
  color:#000;
  background-color:none;
}
a:hover, a:focus {
  text-decoration: none;
  background:none;
  color:#000;
}

.no-width{
	width: 100%;
}


/*會員登入項目*/
#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*/

/*header*/

.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 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease;}
.header--stick {  -webkit-transform: translateY(0%) ;-ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%);	-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.5); -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.5); box-shadow:  0px 0px 5px 0px rgba(50, 50, 50, 0.5);}
.sb-active .header--clone{-webkit-transform: translateY(-100%) ; -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%);}
.header--unstick {}

#header2{min-height: auto !important ; opacity: 0; }
#header2.header--stick{opacity: 1;}
  
#container #header{ position: relative; z-index: 999; }


/*手機版開啟選單按鈕*/

/*.sb-toggle-left{ float: right; display:none;  padding: 28px 15px 22px 15px;  position: relative}*/
  .sb-active .sb-toggle-right{}
  
	.navicon-line{ width:35px; height:3px; border-radius: 3px; margin-bottom:6px; background:#FFCB2E;  -webkit-transition: all 0.2s ease-out 125ms; -moz-transition: all 0.2s ease-out 125ms; -ms-transition: all 0.2s ease-out 125ms; -o-transition: all 0.2s ease-out 125ms; transition: all 0.2s ease-out 125ms;}
  .navicon-line:last-child{
    margin-bottom:0;
  }
  .sb-active-left .sb-toggle-left .navicon-line:nth-of-type(3){transform: rotate(-45deg); position:relative; -webkit-transform: rotate(-45deg);top:0px;}
	.sb-active-left .sb-toggle-left .navicon-line:nth-of-type(2){display:none;}
 	.sb-active-left .sb-toggle-left .navicon-line:nth-of-type(1){transform: rotate(45deg); position:relative; -webkit-transform: rotate(45deg); top:9px;}



/*註冊*/

#hello_member ul li a:hover, #hello_member ul li a:focus, #hello_member ul li a:active {
  text-decoration: underline;
  background: none;
}
#hello_member .nav.nav-pills.pull-right li#regLink {
    display: none;
}

/*語言*/
#language_area ul li a {
  color:#000;
  background:none;
}
#language_area ul li a:hover{
  color:#d6fbff;
}
#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: 20px 30px 40px 0;
}

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

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

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

/*--內容區--*/
#content{
  padding:10px 0px 30px;
}

/*麵包屑*/
#content .breadcrumb {
  text-shadow: none;
	text-transform: uppercase;
}
#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 {margin: 0px 0 40px;
  border-bottom: 2px #FFCB2E solid;
}
.page-header h1{font-family: 'Roboto Condensed'; font-weight: 400; color: #333; text-transform: uppercase; margin-top: 0;}
/*產品頁*/
.thumbnail {
  border:1px #8B8682 solid;
}
/* .thumbnails li:nth-child(3n+1) {
    clear: left;
} */
@media (max-width: 640px){
	.thumbnails li:nth-child(3n+1) {
    	clear:none;
	}
	.thumbnails li:nth-child(2n+1) {
    	clear: left;
	}
}
.cate-name,.cate-name-more{
  color:#a5a5a5;
  font-weight:bold;
  width:auto;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  text-align:center;
}

.cate-name a ,.cate-name-more a{
  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{
  color:#8B8682;
  font-weight:bold;
  text-decoration:underline;
  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{
/*  border:  1px solid #ccc;*/
  overflow:hidden;
}
.thumbnail img{
  margin-right: auto;
  margin-left: auto;
  display: block;
  max-width: 100%;
}
.input-group {
  display: table;
  padding-bottom:10px;
  width: 100%;
	text-align: center;
}
.input-group .form-control {
  margin-bottom: 0px;
}
.txtNormal {
/*  overflow:auto;*/
  width:100%;
}
#content .thumbnails .prodlist{
  height:330px;
  overflow:hidden;
}
#content .thumbnails .catelist{
  height:210px;
  overflow:hidden;
}
.listtxtspec .input-prepend{
  padding:1px 0px;
  margin:0px;
}
.clear{
  clear:both;
}
.listimg{
  height:150px;
}

#lineqty{
  width:30%;
}
.showsmall ul {
  padding: 0px; margin: 0px;
  list-style: none;
}
.showsmall li {
  float:left;
}
.showsmall li img  {
  margin: 10px 5px 10px 0;
  padding:3px;
/*  width:50px;*/
	border: 1px solid #e9e9e9;
	border-radius: 4px;
}
strong {
  color: #153379;
}
.txtNormal table{
  width: 100%;
}
 .txtNormal td, .txtNormal th {
  border-top: 1px solid #FFCB2E;
  border-bottom: 1px solid #FFCB2E;
  padding: 10px 15px;
  text-align: center;
  font-size: 16px;
  font-weight: 100;
}
table.table_application tr td:nth-child(2) {
  text-align: left;
}
.txtNormal table thead th {
  background: #FFCB2E;
  border-right: 1px solid #fff;
  color: #484848;
  font-weight: 500;
}
.txtNormal table tbody th {
  background: transparent;
  font-weight: 500;
}
.table-responsive{
border: 0;
}

.table-responsive::-webkit-scrollbar {
-webkit-appearance: none;
width: 14px;
height: 14px;
}

.table-responsive::-webkit-scrollbar-thumb {
border: 0;
background-color: rgba(255,203,46);
}


/*表格*/
.prochar .spec_title{overflow: hidden; margin-top: 5%;}
.prochar .spec_title h6{float: left; margin: 0;}
.prochar .spec_unit{ float: right;}

.table_pro { width: 100%; border-left: 1px solid #E9E9E9; border-right: 1px solid #E9E9E9}
.table_pro th{ background: #BDE7E2; border-right: 1px solid #fff; text-align: center}
.table_pro th:first-of-type{width: 12em;}
.table_pro th:last-of-type{border-right: 0px;}
.table_pro th, .table_pro td{ line-height: 1.2em; padding: 5px;}
.table_pro tr:nth-of-type(even){background: #FFFFFF;}
.table_pro tr:nth-of-type(even)>td{ border-right: 1px solid #E9E9E9; border-bottom: 1px solid #E9E9E9}
.table_pro tr:nth-of-type(odd){background: #E9E9E9;}
.table_pro tr:nth-of-type(odd)>td{ border-right: 1px solid #fff; border-bottom: 1px solid #fff}


.table_pro2 th:first-of-type{ width: inherit;}


/*頁籤**/
.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{
  text-align:center; padding:10px 15px;font-weight:bolder;
}
#footlink ul li a { border-radius:inherit; }
#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 : #fff;
}
.prodesc {  text-align: center;}
#content .pshow_title{ padding:8px 36px 8px 36px; position: relative; font-family: 'Roboto Condensed'; font-weight: 400; text-transform: uppercase;font-size:30px; margin-bottom:10px; display: inline-block}
#content .pshow_title:before{width: 24px; height: 3px; background: #FFCB2E; position: absolute; left: 0; top: 22px; content: '';}
#content .pshow_title:after{width: 24px; height: 3px; background: #FFCB2E; position: absolute; right: 0; top: 22px; content: '';}
ul.proDetail { display: inline-block; text-align: left;  position: relative; padding-left: 15px;}
ul.proDetail li:before {content: "";position: absolute;width: 6px;height: 6px;background: #ffc926;left: 0;border-radius: 50px; margin-top: 7px;}


ul{
  list-style:none;
}

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


.caption{display: inline-block; width: 84%}
.index_news_icon{display: inline-block; width: 15%;}


/***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{
  position: absolute;
  left: 0; z-index:99;
  text-align: center;
  bottom:15px;
  width: 100%;
}
.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;
}


/* ============ */
.wrapper { width: 100%; max-width: 1800px; margin: auto; padding: 0 20px;}
/*#language_area { background: #FFCB2E; height: 30px;}*/
#language_area ul li a { color: #fff; }
#language_area ul li a:hover { border-radius: 0; text-decoration: none; background-color: #FFCB2E;}
#hello_member { display: block; }
/*#qsearch { margin-right: 15px; }*/
#qsearch a.dropdown-toggle { display: inline-block; color: #848074; font-size: 15px; padding: 17px 0 17px 18px ; margin-left: 0px; cursor: pointer; }
#qsearch a.dropdown-toggle:hover , #qsearch .open a.dropdown-toggle {
  color:#ffcb2e;
}
#qsearch .glyphicon-search:before , #qsearch .glyphicon-list-alt:before{color: #ffcb2e;}

#qsearch .dropdown-menu { left: inherit; right: 0; min-width: 300px; background: #eee; border: none; border-radius: 0; box-shadow: none; margin-top:0 ;padding:10px 15px;top: 67px;     border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;}
#qsearch .dropdown-menu .input-group .input-group-btn > a {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
div#qsearch .dropdown-menu > ul {
    padding-left: 0; margin-bottom: 0;
}

.form-search .dropdown-menu ul{
  padding:0;margin:0;
}
#qsearch .dropdown-menu .input-group { padding-bottom: 0; }
.form-search  .btn { color: #000;border-radius: 0; border-color:#FFCB2E ;color:#fff;}
.form-search  .btn  span{
  top:3px
}
.form-search  a.btn:hover { background: #e6e6e6;color:#000 }
.form-search  .input-group .form-control:first-child {border-radius: 0;border-color:#FFCB2E; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}

#left_menu .form-search .btn{ background:#FFCB2E; color:#000000;background:#FFF;     border-top-right-radius: 4px; border-bottom-right-radius: 4px;}

/*#company_logo { margin: 12px 0; }*/
.logo_menu {
    margin: 12px 0;
}
#mainnav { background: none; border: none;margin-bottom: 0;}
#main_menu { float: right; }
/*#main_menu > li { margin-right: 1px; }*/

#main_menu a{ font-size: 18px; color:#848074; font-weight: 300; text-transform:uppercase;}
#main_menu.nav>li>a {padding: 17px 18px; cursor: pointer; border-radius: 4px;}
#main_menu a:hover, #main_menu >.active>a, #main_menu >.active>a:hover, #main_menu >.active>a:focus { background-color: #FFCB2E;color: #fff; }
#main_menu.nav>li.open>a { color: #fff;}
#mainbanner { padding-top: 0; }
.navbar-collapse{padding-left: 0; padding-right: 0;}
.page-header {/* display: none;*/ }
.content {/* background: url(../images/content_bg.jpg) repeat-x;*/ }
.breadcrumb { margin-top: 0px; border-radius: 10px; background: transparent; padding: 18px 0px 0; font-size: 15px; text-align: right; margin-bottom: 0;}
.breadcrumb a { color: #848074; }
.breadcrumb>li+li:before {color: #bbb;}

#sidebar .nav-header { display: none; }
#side_menu > ul > li > a {font-weight: 500;border-bottom:1px solid #eee; background: transparent; color: #848074; margin-bottom: 1px; font-size: 19px; padding: 20px 24px 20px 0;}
#side_menu > ul > li > a:after { content: "\e081"; font-family: 'Glyphicons Halflings'; position: absolute; right: 1em; top: calc(50% - 13px);}
#side_menu > ul > li > a:hover, #side_menu > ul > li.active > a { text-decoration: none;}
#side_menu > ul > li.active ul { background: #fff; padding-left: 0; }
#side_menu > ul > li.active ul li a { color: #7a7a7a; padding: 10px 20px 10px 36px; display: block;  position: relative}
#side_menu > ul > li.active > ul > li > a:before{width: 6px; height: 6px; background:  #7a7a7a; position: absolute; left: 18px; top: 17px; content: ''; border-radius: 50px;}
#side_menu > ul > li.active > ul > li:hover > a:before, #side_menu > ul > li.active > ul > li.active > a:before { background: #ff9e13;}
#side_menu > ul > li.active > ul > li > a:hover , #side_menu > ul > li.active > ul > li.active > a{ color: #ff9e13;; text-decoration: none;}
#side_menu > ul > li.active > ul > li > ul > li > a:hover , #side_menu > ul > li.active > ul > li > ul > li.active > a{ color: #ff9e13;; text-decoration: none;}

#result { display: none; }
#content .thumbnails .prodlist, #content .thumbnails .catelist, .listimg { height: auto; }
.thumbnails { padding-left: 0; }
.thumbnail { border-radius: 0; border: none; padding: 0 0 42px; background: none; }
.snip0000 .thumbnail , .snip0001 .thumbnail {  padding: 0;}
.listimg { border: #e1e1e1 1px solid;  background: #FFFFFF; border-radius: 4px;}
.thumbnail .prolistqty, .thumbnail .btn-primary { display: none; }
.cate-name { margin-top: 5px; }
.cate-name a, .cate-name-more a { font-weight: 400; color: #FFCB2E; font-size: 16px; }
.prodlist .cate-name a { color: #a5a5a5; font-weight: 400;}
.prodlist.col-md-4:nth-child(3n + 1) {  clear: both;}



.snip0000 {position: relative; float: left; overflow: hidden; margin: 5px 15px; width: calc(100%/3 - 30px); text-align: center;
    cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0;}


.snip0000 * { -webkit-box-sizing: border-box; box-sizing: border-box; }
.snip0000 .product-cate { max-width: 100%; opacity: 1.0; -webkit-transition: .3s linear; transition: .3s linear; -webkit-transition-delay: .3s; transition-delay: .3s; }
.snip0000 .snip-btn a { height: 100%; left: 0; position: absolute; top: 0; width: 100%; color: #ffffff; text-decoration: none;}
.snip0000 .snip-btn a i {opacity: 0; top: 55%; position: relative; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; -webkit-transition-delay: 0s; transition-delay: 0s; font: normal normal normal 60px/1 FontAwesome;}
.snip0000 .snip-btn a i span { display: block; margin-top: 20px; border: #fff 1px solid; border-radius: 20px; padding: 5px 20px; }
.snip0000:hover .thumbnail { background: #fff;}
.snip0000:hover .snip-btn i { opacity: 0.9; top: 45%; -webkit-transition-delay: .3s; transition-delay: .3s; }
.snip0000 .fa-link:before{ color: #FFCB2E;}
.snip0000 .btn.btn-info {	padding: 4px 40px; border: none; border-radius: 30px; margin: 10px 0; background: #fc8e3a; /* Old browsers */
background: -moz-linear-gradient(top,  #fc8e3a 0%, #fc8e3a 48%, #fc7107 50%, #fe7200 51%, #fe7200 51%, #fe7200 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fc8e3a 0%,#fc8e3a 48%,#fc7107 50%,#fe7200 51%,#fe7200 51%,#fe7200 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fc8e3a 0%,#fc8e3a 48%,#fc7107 50%,#fe7200 51%,#fe7200 51%,#fe7200 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc8e3a', endColorstr='#fe7200',GradientType=0 ); /* IE6-9 */
 color: #fff;}

.snip0001 { position: relative; float: left; overflow: hidden; margin: 5px 15px; width: calc(100%/3 - 30px); text-align: center;
    cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; }
.snip0001 * { -webkit-box-sizing: border-box; box-sizing: border-box; }
.snip0001 form { max-width: 100%; opacity: 1.0; -webkit-transition: .3s linear; transition: .3s linear; -webkit-transition-delay: .3s; transition-delay: .3s; }
.snip0001 > div a { height: 100%; left: 0; position: absolute; top: 0; width: 100%; color: #ffffff;  text-decoration: none;}
.snip0001 > div a i {opacity: 0; top: 55%; position: relative; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; -webkit-transition-delay: 0s; transition-delay: 0s;  font: normal normal normal 60px/1 FontAwesome;}
.snip0001 > div a i span { display: block;	margin-top: 20px;	border: #fff 1px solid;	border-radius: 20px; padding: 5px 20px; }
.snip0001:hover .thumbnail { background: #fff; }
.snip0001:hover > div i { opacity: 1; top: 45%; -webkit-transition-delay: .3s; transition-delay: .3s; }
.snip0001 .btn.btn-info {	padding: 8px 50px; border: none; border-radius: 0; margin: 10px 0; background: #FFCB2E; /* Old browsers */ color: #fff; border-radius: 4px;}
.snip0001:hover .btn.btn-info {
    background: #ff9e13;
}
.snip0002 { position: relative; overflow: hidden; /*margin: 5px; min-width: 236px; max-width: 236px; max-height: 236px;*/ width: 100%; text-align: center; cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; }
.snip0002 * { -webkit-box-sizing: border-box; box-sizing: border-box; }
.snip0002 .image { max-width: 100%; opacity: 1.0; -webkit-transition: .3s linear; transition: .3s linear; -webkit-transition-delay: .3s; transition-delay: .3s; }
.snip0002 .snip-btn a { height: 100%; left: 0; position: absolute; top: 0; width: 100%; color: #ffffff; }
.snip0002 .snip-btn a i { font-style: normal; text-transform: uppercase; display: inline-block; font-size: 18px; font-family: "Arial Black", "sans-serif"; font-weight: bold; opacity: 0; top: 55%; position: relative; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; -webkit-transition-delay: 0s; transition-delay: 0s; }
.snip0002 .snip-btn a i span { display: block; margin-top: 20px; border: #fff 1px solid; border-radius: 20px; padding: 5px 20px; }
.snip0002:hover { /*background: rgba(0,0,0,.77);*/ border: #ffcb2e 1px solid; }
/*.snip0002:hover .image { opacity: 0.3; -webkit-transition-delay: 0s; transition-delay: 0s; }*/
.snip0002:hover .snip-btn i { display: none; opacity: 1; top: 50%; -webkit-transition-delay: .3s; transition-delay: .3s; }
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #ffcb2e;
    border-color: #bf9000;
}
/*0527start*/
.snip0000:hover .listimg a , .snip0001:hover .listimg a {
    background: transparent;
    transition: 0.9s;
}

.snip0000 .thumbnail .listimg a , .snip0001 .thumbnail .listimg a {
    display: block;
    overflow: hidden;
    transition: 0.9s;
	height: 0;
    padding-bottom: 51%;
    position: relative;
}

.snip0000 .thumbnail .listimg , .snip0001 .thumbnail .listimg {
    position: relative;
}

.snip0000:hover .listimg a img , .snip0001:hover .listimg a img {
    opacity: 0.8;
    transform: translate(-50%, -50%) scale(1.05);
}

.snip0000 .listimg a img , .snip0001 .listimg a img {
    display: block;
/*    width: 100%;*/
    transition: all 0.3s linear;
	padding: 10px 0;
/*	max-height: 212px; */
	height: auto;
	max-height: 100%;
	max-width: 100%;
	transform: translate(-50%, -50%);
	position: absolute;
	top: 50%;
	left: 50%;
}
#cominfo { text-transform: uppercase; color: #848074;}
#cominfo a { text-transform: initial; color: #848074;}
.comaddst a , .comaddsec a { display: block;}
.comaddst{padding-bottom: 10px;}
.container_cart .text-right{padding-bottom: 20px;}
#cominfo .cominfoadd .comaddst > a:hover, #cominfo .cominfoadd .comaddsec > a:hover{color: #FFCB2E;}
.cominfoadd .comaddst span, .cominfoadd .comaddsec span{
  color: #2e2e2e;
  display: block;
  margin-bottom: 5px;
}

#main_menu .dropdown-menu {
    border: none;
    padding: 0;
}
#main_menu .dropdown-menu > li {
    border-bottom: 1px solid #e7e7e7;
}
.breadcrumb a:hover{color: #FFCB2E;}

.input-group .btn.btn-primary {
    background-color: #FFCB2E;
    border-radius: 0;
    padding: 10px 20px;
    min-width: 200px;   
	border-color: #FFCB2E;
	margin-top: 20px;
}
.btn-info , .btn-info:hover , .btn-info:focus{background-color: #929292; border-color: #636363;}
.btn-success , .btn-success:hover , .btn-success:active{ background-color: #ff9e13; border-color: #ba6d00;}
.btn-primary {background-color: #FFCB2E; border-color: #d49a3c;}
.controls input.btn.btn-danger {
    background-color: #ff9e13;
    border-color: #da5c00;
}
.btn-primary:hover{    background-color: #f3b700; border-color: #b78900;}
.controls input.btn.btn-danger:hover{    background-color: #ee8c00; border-color: #935702;}
.btn:focus, .btn:active:focus , input.btn.btn-danger:active , input.btn.btn-primary:active {
    outline: none;
}
.proshowqty{display: none;}
.proshowqty input.input-small.form-control ,.proshowqty label.control-label{
	display: none;
}

.navbar-default .navbar-nav>.open>a{background:#FFCB2E; color: #fff; }
#main_menu .open > .dropdown-menu>.active>a {  background: #FFCB2E; color: #fff;}
.input-group .input-group-btn > a.btn-primary:hover {
    background-color: #FFCB2E;
    border-color: #d49a3c;
    transition: ease 0.3s;
}
#main_menu .open > .dropdown-menu > li > a {
    font-size: 16px;
    padding: 6px 20px;
}
/*0527end*/

/*duns*/
/*.duns{padding-top: 40px;}*/
.duns .dunspdf, .duns .dunsign{display: inline-block; padding: 10px 5px; vertical-align: top;}
.ft-linkicon .youtubeicon1, .ft-linkicon .youtubeicon2, .ft-linkicon .smo{display: inline-block;}
/*.duns .dunspdf img, .duns .dunsign img { width: 100%;}*/

.txtpic{display: none;}
#pb_area { margin-bottom: 2em; text-align: center; background: #FFFFFF; width: 39.5%;margin: 0 auto;}
#pb_area .bimgarea{ border: 1px solid #E9E9E9; border-radius: 4px;}
.pro-no, .pro-name{ text-align: center; }
.pro-no { font-size: 18px; font-family: arial; }
.pro-name { font-size: 30px; color: #333; margin-bottom: 0px;}
.prochar h5 { display: none; }
.prochar h6{font-size: 18px; margin-top: 0; margin-bottom: 25px;}
.prochar span{ color:#e60012;}
.rela .thumbnail { padding-bottom: 0; }
.rela .control-group { display: none; }
.related{ width: 75%; float: right;}
.related h5 { color: #333; font-size: 30px; text-transform: uppercase; font-family: arial; margin-bottom: 1em; }
.related h5 span { color: #fff; padding: 20px 0 0 20px; width: 80px; display: inline-block; text-align: right; margin-right: 5px; font-family: "Microsoft JhengHei"; 
	background-image: -moz-linear-gradient( 90deg, rgb(174,0,0) 49%, rgb(179,27,27) 49%, rgb(184,54,54) 50%, rgb(205,56,56) 65%, rgb(226,58,58) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(174,0,0) 49%, rgb(179,27,27) 49%, rgb(184,54,54) 50%, rgb(205,56,56) 65%, rgb(226,58,58) 100%); background-image: -ms-linear-gradient( 90deg, rgb(174,0,0) 49%, rgb(179,27,27) 49%, rgb(184,54,54) 50%, rgb(205,56,56) 65%, rgb(226,58,58) 100%); } 
.rela .cate-name-more { margin-top: 5px; }
.rela .cate-name-more a { color: #656565; }
.rela .cate-name { margin-top: 10px; }
.rela .cate-name a { color: #000; text-decoration: none;}
.rela .prodlist:nth-child(4n+1) {  clear: left;}

/*產品內頁*/
.txtNormal p{ font-size: 17px;  font-weight: 300; line-height: 1.8;}
.txtNormal p span{font-size: 19px; font-weight: 500; color:#222;}
.txtNormal p a:hover { color: #868277;}



.container_site-map #content { font-size: 18px; line-height: 2em; }
.container_site-map #content li a:before { content: "\f105"; font-family: "FontAwesome"; font-style: normal; font-weight: normal; text-decoration: inherit; padding-right: 5px; }
.container_site-map #content li a:hover { text-decoration: none; color: #b11011; }

#footer { padding-top:30px; position: relative;/*background: #ededed;*/}
#footer:before { position: absolute; width: 100%; height: 5px; background: #FFCB2E; top: 0; left: 0; content:"";}
#footer .wrapper{margin-bottom:30px; }
.footer{font-size: 15px;}
/*.footer .smo { margin: 2em 0 0 1%; }*/
/*
.footer .smo > a.smo-facebook { margin-right: 4px; color:#3B5998; display: inline-block; background-color: #cdcdcd; width: 40px; height: 40px; margin: 0 3px; font-size: 24px; border-radius: 30px;line-height: 40px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; text-align: center;text-indent: -9999px; overflow: hidden; vertical-align: top;display: inline-block;
    font-size: 25px;
    width: 25px;
    margin: 0 3px;
    vertical-align: top;color:#3B5998;}
*/
.footer .smo > a.smo-facebook .fa-facebook {
    display: inline-block;
    font-size: 29px;
    width: 32px;
/*    margin: 0 3px;*/
    color: #ff9e13;
    border: 1px solid #ff9e13;
    border-radius: 4px;
    height: 32px;
    text-align: center;
    vertical-align: middle;
	padding: 4px;
}
.footer .smo > a.smo-youtube:hover ,.footer .smo > a.smo-facebook .fa-facebook:hover {
    background: #ff9e13;}
.footer .smo > a.smo-youtube:hover span.smo-num {
    color: #fff;
}
.footer .smo > a.smo-facebook .fa-facebook:hover:before {
    color: #fff;
}
.footer .smo > a.smo-youtube:hover i.fa-youtube-play:before{color: #fff;}
.footer .smo > a.smo-youtube { font-size: 24px; margin: 0 3px;border: 1px solid #ff9e13; border-radius: 4px; padding: 0px 4px;display: inline-block; vertical-align: middle; height: 32px;}
.footer .smo > a.smo-youtube i.fa-youtube-play:before {
    color: #ff9e13;
}
.footer .smo > a.smo-facebook .fa-facebook:before{
    border-radius: 4px;
    padding: 0 5px;}
/*.footer .smo > a.smo-youtube i.fa-youtube-play:hover:before, .footer .smo > a.smo-facebook:hover { color: #ffcb2e;}*/
.smo span.smo-num { font-size: 13px; padding: 0 5px; color: #848074;    position: relative;
    left: 0;
    top: -4px;}
.nav-pills>li+li {margin-left: 0;}
#copyright { background: #FFCB2E; font-weight: normal; color: #ffffff; font-size: 15px; padding: 15px 20px; }
#footer .title { font-size: 20px; margin-bottom: 10px; text-transform: uppercase;}
#footer .ftbar { background: none; border: none; padding:0 0 0 14%;}
#footer .ftbar li { float: none; text-transform: uppercase;}
#footer .ftbar li a { padding: 0 ; display: block; color:#848074}
#footer .nav li { padding-bottom: 10px;}
/*
#cominfo .nav-stacked>li , #cominfo .nav-stacked>li a{
  color:#666;
}
*/
#cominfo .nav-stacked>li+li { margin-top: 0;}
#footer .ftbar .nav>li>a:hover, #footer .ftbar .nav>li>a:focus {background-color: transparent;}
#footer .ftbar li a:hover, #footer .ftbar li a:focus { color: #FFCB2E; }
#cominfo ul li { display: block; }
#cominfo ul li:first-child { background-size: 24px 24px;}
#cominfo a:hover {  color: #FFCB2E;}
#footlink { display: inline-block; }
#footlink ul{ padding:0 0 0 10px; margin-bottom: 0;}
#footlink ul li { float: none; display: inline-block; }
#footlink ul:before {content: 'Designed by '; color: #ffffff;}
#footlink ul li:before {content: "|"; color: #ffffff; position: absolute;}
#footlink ul li a {color: #ffffff; border-radius: inherit; padding: 0 4px 0 8px;}
#footer .qr{ margin:4px 0 0 0;}

.pro_video .popup-vimeo {
    background: #ffcb2e;
    padding: 10px 175px;
    color: #fff;
	border-radius: 4px;
}

.pro_video {
    margin: 20px 0;
}
/*** Simple fade transition,*/
.mfp-fade.mfp-bg {
	opacity: 0;
	-webkit-transition: all 0.15s ease-out; 
	-moz-transition: all 0.15s ease-out; 
	transition: all 0.15s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
	opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
	opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
	opacity: 0;
	-webkit-transition: all 0.15s ease-out; 
	-moz-transition: all 0.15s ease-out; 
	transition: all 0.15s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0;
}
/*content_all*/
.content_font{ font-size: 100%;}
.content_font h5{ font-size:120%; font-weight: bold; color: #1f1a79; margin-top: 3%; padding-left: 3%;}
.content_font h6{ font-size:150%;  color: #ae0001; margin-left: 3%; border-bottom: 1px solid #ae0001}
.content_font .h6_p{margin-left: 3%; font-size: 16px; line-height: 1.8em;}

/*pro_font*/
.pro_detail{}
.pro_detail h3{ font-size: 140%; color: #CB0003;}
.pro_detail h6{ font-weight: bold; font-size: 110%;}
.pro_detail ul{ list-style: disc;}


/*pro_description*/
ul.pro_description {
    font-size: 18px;
    line-height: 1.7;
	padding-left: 8px;
	display: inline-block;
}
ul.pro_description li {
    position: relative;
    padding-left: 12px;
	text-align: left;
}
ul.pro_description li:before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    background: #FFCB2E;
    border-radius: 50%;
    top: 11px;
    left: 0px;
}
#pb_area .showsmall{text-align: center; display: inline-block;}
/*#pb_area > div > a > img{width: 40%;}*/
.alert-info {
    color: #848074;
    background-color: #ffedb5;
    border-color: #ffcb2e;
}
ul.proDetail li + li {
    padding-bottom: 8px;
}
.navbar{min-height: auto;}

/*video*/
.video .col-md-4:nth-child(3n+1) {
  clear: left;
}

.video .video_img a {
  height: 0;
  padding-bottom: 57%;
  position: relative;
  display: block;
  overflow: hidden;
}

.video {
  text-align: center;
}

.video img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}

.video_txt a {
  display: block;
  padding: 10px 10px 30px;
}

.video_img a:before {
  position: absolute;
  top: 50%;
  left: 51%;
  opacity: 0;
  transform: translateX(-50%) translateY(-50%);
  content: " ";
  border-style: solid;
  border-width: 15px 0 15px 26px;
  border-color: transparent transparent transparent #ffffff;
  z-index: 2;
  transition: 0.5s;
}

.video_img a:after {
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0.4;
  transform: translateX(-50%) translateY(-50%);
  content: " ";
  width: 80px;
  height: 50px;
  background: rgb(45 45 45 / 0.75);
  opacity: 0;
  border-radius: 5px;
  transition: 0.5s;
}
.video .col-md-4:hover .video_img a:before {
  opacity: 0.8;
}
.video .col-md-4:hover .video_img a:after {
  opacity: 0.6;
}

.video .col-md-4:hover .video_img a:hover,.video .col-md-4:hover .video_img a:after {
  opacity: 1;
}

/*news*/
.news_show2 .news_group {
  padding: 0;
  margin: 20px;
  text-align: center;
  position: relative;
}
.news_show2 .news_group>a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.news_img {
  border: 1px solid #f3f3f3;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 20px;
}
.news_txt {
  padding: 0 20px 20px;
  background: #f3f3f3;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.news_show2 .news_txt .newsTitle>a {
  padding: 15px 0 5px;
  display: block;
  overflow: hidden;
  text-overflow : ellipsis;
  white-space : nowrap;
  font-size: 18px;
}


.news_show2 .news_group:nth-child(3n+1) {
  clear: left;
}

.news_show2 .newsTxt01 {
  overflow: hidden;
  display: -webkit-box;
  text-overflow:ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}


@media (max-width: 991px) {
	.visible-xs { display: block!important; }
	.hidden-xs { display: none!important; }
}

@media (max-width:1800px){
	#sidebar {padding: 20px 1% 40px 0;}
   
}
	
@media (max-width:1500px){
	#side_menu > ul > li > a {font-size: 17px;}
}

@media (max-width:1366px){
	.page-header h1{font-size: 30px;}
	#content .pshow_title {font-size: 28px;}
	.pro-name {font-size: 28px;}
	#main_menu.nav>li>a{padding: 15px 9px; font-size: 16px;}
	#qsearch a.dropdown-toggle{padding: 12px 0 12px 9px;}
	#qsearch .dropdown-menu{top: 62px;}
}


@media (max-width:1200px) {
	.content { margin: 0; }
	.rela .thumbnails { padding: 0 15px; }
  .rela .prodlist { width: 33.3%; float: left; }
  .rela .prodlist:nth-child(4n+1) {  clear: none;}
  .rela .prodlist:nth-child(3n+1) {  clear: left;}
	.rela .snip0002 { min-width: 100%; margin: 5px 0; }
	.footer > .row { padding: 0; }
	.ft-logo .image { padding-right: 1em; }
/*	#main_menu.nav>li>a{ font-size: 16px; padding:14px 16px;}*/
	#sidebar {padding: 20px 3% 40px 0;}
	.duns .dunspdf, .duns .dunsign{display: block;}
	.duns{text-align: center;}
}

@media (max-width:1099px) {
	#main_menu.nav>li>a{font-size: 15px; padding: 12px 8px;}
	#qsearch .dropdown-menu{top: 57px;}
}

@media (max-width:1024px) {
	#footer .ftbar { background: none; border: none; padding:0 12px;}
}
@media (max-width:991px) {
	#index_header, #header { position: relative;}
	#mobile_toggle { position: absolute; top: 71%; left: 20px; transform: translateY(-50%); z-index: 1; padding: 0; }
	.btn-default, .btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default { background: #FFCB2E; color: #fff; }
	#mobile_toggle .btn{ border-radius: 0;}
	#mobile_toggle .btn-default{border-color: #fff;}
	#mobile_toggle .btn-default:focus{outline:none}
	#company_logo { text-align: center; }
	#pb_area_mobile { margin-bottom: 2em; }
	.item { background-color: transparent; }
	.ft-logo { width: 30%; float: left; }
	.ft-bar {float: left; padding-right: 20px;}
	.cominfo { width: 45%; float: left; }
  .qr { width: 15%; float: left; }
  #left_menu>ul>li>ul.sb-submenu{
    background:#f7f7f7;
  }
	#left_menu #side_menu > ul > li > a { padding: 1em; margin-bottom: 0; position: relative; width: 100%;}
	#left_menu { box-shadow: rgba(0, 0, 0, 0.2) -5px 0px 10px inset; }
  #left_menu li ul li:last-child ,   #left_menu li ul li#logLink{ border-bottom:0
  }
	#left_menu .form-search { padding: 10px 10px 0; }
	#left_menu a, .sb-submenu a { font-size: 16px; padding: 1em; font-weight: normal; text-transform: uppercase;}
	#left_menu > .sb-menu > .active a { background: transparent; color: #a5a5a5; font-weight: normal; }
	#left_menu .sb-submenu-active a{color: #777;}
	#left_menu > .sb-menu > .active > a{color: #FFCB2E; }
	#left_menu .nav-header { background: #FFCB2E; color: #fff; font-size: 14px; padding: 0.5em 1em; border-bottom: #eee 1px solid; }
/*	#left_menu > .sb-menu > li:nth-last-child(3){ width:0;}*/
/*
	#left_menu > .sb-menu > li:nth-last-child(1), #left_menu > .sb-menu > li:nth-last-child(2), #left_menu > .sb-menu > li:nth-last-child(3) { width: 33.3%;
    float: left;
    text-align: center;}
*/
/*	#left_menu > .sb-menu > li:nth-last-child(3), #left_menu > .sb-menu > li:nth-last-child(2) { border-right: #ccc 1px solid; }*/
/*	#left_menu > .sb-menu > li:nth-last-child(3) a, #left_menu > .sb-menu > li:nth-last-child(2) a, #left_menu > .sb-menu > li:nth-last-child(1) a { padding: 1em; font-size: 12px; }*/
	#left_menu ul.sb-menu.nav.nav-list > li > ul { display: none;}
	#left_menu li:last-child { display: none;}
	.page-header {margin: 20px 0;}
	#left_menu .btn-default{background: #555;}
	.sb-slidebar{background-color: #ffffff;}
	ul.sb-menu.nav.nav-list #regLink {
    display: none;
}
	#left_menu a:hover, .sb-submenu a:hover{background-color: #FFCB2E; color: #fff;}
	.wrapper{padding: 0 20px;}
	.visible-xs {
    display: block!important;
}
	#pb_area_mobile .swiper-container .item a img {
/*    width: 75%;*/
    min-width: 355px;
}
	#header2 #mobile_toggle{
    top: 65%;

	}
	.video .col-md-4:nth-child(3n+1), .news_show2 .news_group:nth-child(3n+1) {
    clear: none;
}
  .video .col-sm-6:nth-child(2n+1), .news_show2 .news_group:nth-child(2n+1) {
    clear:both;
}
.related {  width: 100%;  float: none;}
}

	
	

@media (max-width:768px) {
	.sb-site, .sb-site-container { padding: 0; }
	.snip0000 , .snip0001 { width: calc(100%/2 - 30px); }
  .rela .prodlist { width: 50%; }
  .rela .prodlist:nth-child(3n+1) { clear: none;}
  .rela .prodlist:nth-child(2n+1) { clear: left;}
	.sb-site, .sb-site-container {padding: 0;}
	
	#footer .ftbar{ width: 100%; padding:0 0 0 8px; margin-bottom:20px;} 
	.cominfo { width: 100%; }
	#footer .ftbar{display: none;}
	#cominfo .title {
    display: none;
}
	#cominfo ul.nav {
    padding-top: 12px;
}
	.page-header{margin-top: 0;}
	.duns{text-align: left;}
	.duns .dunspdf, .duns .dunsign{display: inline-block; padding-top: 20px;}
	.prodlist.col-md-4:nth-child(3n + 1) { clear: none;}
	.prodlist.col-md-4:nth-child(2n + 1) { clear: both;}
}
@media (max-width:767px) {
	.qr { clear: both; max-width:177px; width: 100%; float: none; }
	.breadcrumb {padding: 12px 0; font-size: 15px; }
	.page-header h1{font-size: 28px;}
	#content .pshow_title {font-size: 26px;}
	.pro-name {font-size: 25px;}
	.ft-logo { width: 100%; float: none; margin-bottom: 12px; }
}
@media (max-width:640px) {
	#company_logo { width: 45%; margin: 0 auto; }
	.ft-logo .image { width: 50%; float: left; }
	.ft-logo .smo { width: 40%; float: right; margin: 2em 0 1em 1%; text-align: right; }
	.footer { font-size: 15px;}
	.qr { clear: both; text-align: center; padding-top: 1em;}
/*	#company_logo img { width:85%;}*/
	#mobile_toggle{top: 75%;}
	#copyright{font-size: 14px;}
	.footer .ft-logo .image img { width: 85%;}
	.duns{width: 68%;}
}

@media(max-width:580px){
	.cominfoadd a { display: block;}
	#mobile_toggle {
    top: 80%;
}
}
@media (max-width:480px) {
	#mainbanner { overflow: hidden; }
/*	.img-responsive, .carousel-inner>.item>img, .carousel-inner>.item>a>img { max-width: 130%; margin-left: -2%; }*/
	.snip0000, .snip0001 { width: 100%; margin: 5px auto; float: none;  }
	.prochar { margin: 1em auto; width: 90%; }
	.prochar .txtNormal { text-align: left; }
	.related h5 { font-size: 20px; }
	.related h5 span { width: 70px; }
	.rela .prodlist { width: 100%; }
	.rela .snip0002 { min-width: 50%; }
	.ft-logo .image { width: 100%; float: none; }
	.ft-logo .smo { width: 100%; float: none; margin-top: 1em; text-align: left; }
	.page-header h1{font-size: 25px;}
	.pro-name {font-size: 21px;}
	.breadcrumb {margin-top: 10px; padding: 8px 0; margin-bottom: 0;}
	#content .pshow_title:before , #content .pshow_title:after{width: 10px; height: 3px; top: 18px;}
	#content .pshow_title {font-size: 21px; padding: 8px 18px 8px 18px;}
	#footer .title {font-size: 23px;}
	.ft-bar {width: 100%; margin-bottom: 0px;}
	#footer .wrapper {padding: 0 20px; margin-bottom: 2em;}
	ul.pro_description{font-size: 17px;}
	#footer{padding-top: 24px;}
	#cominfo ul{font-size: 15px;}
	.cominfoadd .comaddst, .cominfoadd .comaddsec{padding-left: 0; }
	.cominfoadd .comaddst:before , .cominfoadd .comaddsec:before{position: inherit; display: block;padding-bottom: 4px;}
	#mobile_toggle { top: 78%;}
	.prolist_area.row { margin-right: 0; margin-left: 0;}
	.footer .ft-logo .image img { width: 50%;}
	.duns{padding-top: 20px;}
	.footer .ft-logo .duns img{width: 100%;}
		.duns{width: 100%;}
	#header2 #mobile_toggle{
    top: 68%;

	}
}

@media (max-width:375px) {
	.ft-bar, .cominfo { width: 100%; float: none; }
	.snip0000, .snip0001 { float: none; }
	.cate-name a, .cate-name-more a { font-size: 16px;}
	.related h5 {font-size: 24px;}
	.qr { clear: inherit; padding-top: 0; text-align: left;}
	.page-header{ padding: 0 4px;}
	.page-header h1{font-size: 22px;}
	#mobile_toggle {
    top: 80%;
}
/*	.pro-name{font-size: 21px;}*/
/*	#content .pshow_title{font-size: 21px;}*/
/*
	#company_logo img {
    width: 55%;
}
*/
	.footer .ft-logo .image img { width: 70%;}
}

@media (max-width:320px) {
	.snip0000 {max-height: 280px;}
	#pb_area_mobile .swiper-container .item a img {
    width: 75%;
    min-width: 330px;
    min-width: 280px;
}
}

.controls input.btn.btn-danger.btn-cancel{
	background: #ffffff;
    color: #d8d8d8;
	border: 1px solid #d8d8d8;
}
.controls input.btn.btn-danger.btn-cancel:hover{
	background: #d8d8d8;
    color: #fff;

}