/*全站*/
html, body { font-family: "Arial", "Helvetica Neue", Helvetica,  "Microsoft JhengHei","sans-serif" ; font-size: 18px ;color:#000 ; line-height: 30px}
img { max-width:100%; }
.hideobj{
  display:none;
}
/*a {position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1;}*/

ul , li{padding:0;margin:0}

a{
  color:#000;
  background-color:none;
}
a:hover, a:focus {
  text-decoration: none;
  background:none;
  color:#000;h4 {
    color: #00569f;
    font-weight: bold;
}
}
 a:focus ,:focus{ outline: none; }

 #language_area {
  .lang-style {
    padding-right: 0px;
    margin: 10px 0 0;
  }
 }
/*會員登入項目*/
#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;}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #1e69aa;
    outline: 0;
}
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
    background-color: #eee;
    border-color: #1e69aa;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
    color: #555;
    background-color: #unset;
}
/*認證/專利/臨床*/
.container_msg6 h2 {color: #61756e;font-size: 24px;font-weight: bold;}
.container_msg6 h4 {color: #008000;font-size: 22px;padding: 20px 0 12px;}
.container_msg6 ul.breadcrumb li:last-child{display: none;}
.cer_table {width: 2%;}
@media (max-width: 580px) {
  .cer_table {width: 100%;}
}

/*公司簡介*/
.container_msg2 .txtNormal ul li:before {content: "";width: 5px;height: 5px;background: #359897;border-radius: 50%;display: inline-block;position: relative;bottom: 4px;right: 6px;}


ul.com-li span { display: inline-block; width: 92%; vertical-align: top; }

.certification {width: 23%;float: left;margin: 10px 20px 10px 0px;}
.certification img {box-shadow: 2px 2px 3px 1px rgb(0 0 0 / 20%); border: 1px solid #30cbcd;margin: 0px;}
.certification p {text-align: center;font-weight: bold;font-size: 16px; margin-top:10px;}
.cer_txt {margin-top: 20px;}

@media (max-width: 1440px) {
  .certification {margin: 10px 16px 10px 0px;}
}
@media (max-width: 1024px) {
  .certification {width: 47%;float: left;margin: 10px 20px 10px 0px;}
}
@media (max-width: 700px) {
  .certification {width: 45%;float: left;margin: 10px 20px 10px 0px;}
}
@media (max-width: 500px) {
  .certification {width: 100%;float: none;margin: 10px 20px 10px 0px;}
}

@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:#000;
  background:none;
  padding-right: 0;
  padding-bottom: 0;
  font-size: 15px;
}
#language_area ul li a:hover, #language_area ul li a:focus, #language_area ul li a:active {
  background: none;
  text-decoration: underline;
}

/*--側欄--*/
#sidebar {

}

#sidebar .nav-header{
  border-bottom: 4px solid #32cccc;
  font-weight: bold;
  font-size: 30px;
  height: 45px;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 30px;

 /* background:url(../images/left_titbg.jpg) no-repeat;
 font-weight:bold;
 padding:4px 15px 8px 65px;
 font-size:30px;
	height:70px;text-transform: uppercase */
}
#side_menu .nav{margin-left:50px;}
#side_menu .nav li a{padding:0 10px 20px 50px; color:#717171}
#side_menu .nav li.active{ background:url(../images/nav_active.jpg) left bottom no-repeat}
#side_menu .nav li.active a , #side_menu .nav li:hover a{color:#00569f}
#side_menu .nav li:hover a{background:none;color:#00569f}
@media (max-width: 1280px) {
  #side_menu .nav li a {
    padding: 0 10px 20px 36px;
  }
}
@media (max-width: 1024px) {
  #side_menu .nav li a {padding: 0 10px 20px 40px;}
  #side_menu .nav {margin-left: 22px;}
}

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

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

/*--內容區--*/
#content{
  padding:0px ;
}
/*麵包屑*/
#content .breadcrumb {
  text-shadow: none;background:none; text-align:right;padding:0;font-size: 15px
}
#content .breadcrumb li {
  text-shadow: none;
}
#content .breadcrumb li a {
  text-shadow:none;
  text-decoration: none;font-size: 16px;color:#717171
}
#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:1px #eee solid;
}
/*產品頁*/
/* .input-group-btn{display: none;} */
.thumbnail {padding:0 ; background:none;border-radius: 0;border:0

}
.cate-name,.cate-name-more{
  color:#000;
  width:auto;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
	margin:15px 0;
	text-align: center;
}

.cate-name a ,.cate-name-more a{
  color:#000;
  width:auto;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.cate-name a:hover ,.cate-name-more a:hover{
  color:#00569f;
  text-decoration:none;
  width:auto;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;

}
.pro-desc{
 height:80px;
 overflow-x:hidden;
 overflow-y:auto;
}
.spec{
 height:38px;
}
.pro-features {
    padding: 3em 0;
}
.pro-features h4 {
    color: #00569f;
    font-weight: bold;
}
.pro-features li {
font-size: 17px;
}
.pro-metress .pro-txt {
    color: #4c4948;
    line-height: 2em;
    margin-bottom: 40px;
    padding: 0 30px;
}

.pro-metress-2 .pro-txt {
	text-align: center;
    color: #1466b1;
    font-weight: bold;
    line-height: 2em;
}

.pro-metress-2 .pro-txt-2 {
    color: #01750a;
    font-weight: bold;
    line-height: 2em;
    margin: 40px 0;
    padding: 0 30px;
	text-align: center;
}
.panel-title>a {display: block; }

/*產品介紹頁*/
#pb_area{
  border:0;
}
.thumbnail img{
  margin-right: auto;
  margin-left: auto;
  display: block;
  max-width: 100%;
}
.input-group {
  display: table;
  padding-bottom:10px;
  width: 100%;
}
.input-group .form-control {
  margin-bottom: 0px;
}
.txtNormal {
  overflow:auto;
  width:100%;
}
.thumbnails{padding:0}
#content .thumbnails .prodlist{
margin-bottom:60px
}
#content .thumbnails .catelist{
	margin-bottom:20px

}
.listtxtspec .input-prepend{
  padding:1px 0px;
  margin:0px;
}
.clear{
  clear:both;
}
.listimg{ overflow: hidden;     margin-top: 30px;     border: 1px solid #ccc;}
.listimg img{ -webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out}
.listimg:hover img{ transform: scale(1.1)}
.thumbnail .caption{margin-top:10px}

#lineqty{
  width:30%;
}
.showsmall ul {
  padding: 0px; margin: 3px -3px;
  list-style: none;
}
.showsmall li {
    float: left;
    width: 23%;
    border: 1px solid #ccc;
    margin-left: 5px;
}
.showsmall li img  {
  padding:3px;
}
/*頁籤**/
.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%;
}
.nav-tabs {
    border-bottom: 1px solid #18a1e5;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    color: #fff;
    cursor: default;
    background-color: #18a1e5;
    border: 1px solid #18a1e5;
    border-bottom-color: transparent;
    padding: 10px 30px;
}

.tabbable{    margin-top: 50px;}
.tabbable .nav-tabs{}
.tabbable .tab-content{}

.pro_tab {
    margin-bottom: 5px;
    text-align: center;
    border-bottom: 3px solid #ccc;
    padding: 2em 0;
}
.pro_tab:last-child{ border-bottom: none;}
.pro_table table{max-width: 100%; }
.pro_table tr{}
.pro_table tr:first-child {
    background: #00569f!important;
    color: #fff!important;
	font-weight: bold;
}
.pro_table {     padding: 3em 0;}
.pro_table tr:nth-child(odd){    background: #fff;    }
.pro_table tr:nth-child(even){background: #f7f7f7;}
.pro_table .title{color: #fff;}
.pro_table td {
    border: 1px solid #fff;
    font-size: 17px;
    padding: 10px 15px;
	color: #525252;
}
.pro_table tr:hover{    color: #fff;
    background: #b6e2e2;}

.msg_cer .certification {width: 100%;}
.msg_cer .certification img {margin-bottom:20px;}
.box { border: 1px solid #ccc; padding: 10px 20px; max-width: 540px; margin: 20px 0;}
.box h5 { font-size: 20px; font-weight: bold; }
.box p { font-size: 14px; line-height: 1.5; color: #666;}
/*尾檔*/
#cominfo ul li {
  display:inline-block;
	display: none;
}
#cominfo ul li.add{display: block}
#cominfo ul li.foot_cominfotel, #cominfo ul li.foot_cominfomail{display: block}
#copyright{
display: block; vertical-align: top;     color: #000;
}
#footlink {display: inline-block; }
#footlink ul li a { border-radius:inherit;padding:0 ;color:#717171}
#footlink ul li a:hover, .foot #footlink ul li a:focus, .foot #footlink ul li a:active {
  background:none;
  text-decoration:underline;
}
.smo-float { position: fixed; right: 24px; bottom: 50px; width: 62px; z-index: 2; cursor: pointer;}
.btn-lineat,.btn-lineat2 { margin-top: 10px; display: block; }

/*首頁用*/
#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;
}
#footer{padding:38px 0;     background: #fff;}
#content .pshow_title{
  border-left:5px solid #ccc;
  font-size:18px;
  font-weight:bold;
  background-color: #eee; padding:7px;
}

ul{
  list-style:none;
}

#footer .ftbar{
text-align: center
}
#footer .ftbar .nav{display:inline-block}
#footer .ftbar .nav.nav-pills>li>a{border-radius: 0; font-size: 16px;padding:0 50px; text-transform: uppercase; color: #1f57b7;}
.copy_zone{text-align: center; display: inline-block; vertical-align: top;width:100%; font-size: 16px;color:#717171 ; text-transform: uppercase;margin-bottom:10px}
#footlink .nav-pills>li {
    float: left;
    display: inline-flex;
}
.co-info{font-size: 16px; text-align: center; display: inline-block;width: 100%;margin-bottom:20px}
.ftlogo{margin-bottom:0;}
.ftbar .nav-pills>li+li{border-left: 1px solid #1f57b7;}
/***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;
}
.container-fluid{padding:0}
.header{ background:rgba(255,255,255,1)}
.header>.wrap { position: relative; }
.top-cart { position: absolute; top: 10px; right: 100px; }
.top-cart .count { background: #0064bb;
  border-radius: 50px;
  width: 20px;
  height: 20px;
  display: inline-block;
  text-align: center;
  line-height: 20px;
  color: #fff;
}
.logo{    float: left;    padding: 20px 0 0 20px;}
.menu{width:calc(100% - 237px); float:right}
#mainbanner{ width:100%; overflow: hidden}
.swiper-slide{position: relative}
.banner_des{ position:absolute; left: 0; top:0; z-index: 10}
.ul0{padding:0}
#mobile_toggle{ display:none}

.wrap{max-width:1400px;width:100%;margin:0 auto}
.header{ position: unset; left: 0; top:0; z-index: 10;width:100%; /*border-bottom: 1px solid #9fd29f;*/}

.menu .navbar-default{background:none; border:0; border-radius: 0 ;margin-bottom:0}
.menu .navbar-nav{float:right; cursor: pointer;}

.menu .navbar-nav>li>a{padding: 15px 15px; line-height: 30px; font-size: 18px; color:#595656;    margin-left: 10px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;background-position:left bottom;  }
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{background-color:unset; color:inherit;background-position:left bottom}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
    color: #555;
    background-color: unset;
}
.menu .navbar-nav>li>a:hover , .menu .navbar-nav>li.active>a{background:url(../images/mu_bg.jpg) left bottom repeat-x}
.menu .navbar-collapse{padding:0; text-align: right}
p{font-size:20px;}
h3{font-size:36px; line-height: 46px;margin:0}

#language_area {    width: 20%;    float: right;}
#language_area ul li a:hover {   color: #1f57b7; text-decoration: none;}

#header2{border-bottom:1px solid #33cccc;}
#header2 .logo{  padding: 20px 0 0 20px;}

#header2 .menu .navbar-nav>li>a {    padding: 15px 15px;}
#header2 #language_area {    width: 80%;    float: right;}
.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(-100px);   -ms-transform: translateY(-100px); transform: translateY(-160px);
		 -webkit-transition: all 300ms ease-in-out;  -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
.header--stick { -webkit-transform: translateY(0%);   -ms-transform: translateY(0%); transform: translateY(0%);}
.sb-active .header--clone{-webkit-transform: translateY(-100px);  -ms-transform: translateY(-100px);transform: translateY(-100px);}



/*產品大類*/
.sb-slidebar.sb-active {
    display: block;
    z-index: 99;
}
.prolist_none{}
.prolist_none .btn{width:100%}
.prolist_none a.btn {    color: #ffffff;    background: #1e69aa;}
.prolist_none a.btn:hover {    color: #ffffff;    background: #33cccc; border: none;}
.prolist_none a.btn:first-child{display: none;}

.thumbnail>img, .thumbnail a>img {
    margin-right: auto;
    margin-left: auto;
/*    border: 1px solid #ccc;*/
	padding: 20px;
}

.btn{ padding:5px 16%; border:1px solid #00569f;background:rgba(255,255,255,0) ;color:#00569f; border-radius: 0; font-size:16px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.btn:hover{color:#fff; background:#00569f}
.btn+.btn{margin-left:0;}
.main_content{background: url(../images/main_bg.jpg) bottom left  repeat-x;}
#result{display:none}
.main_content{padding:60px 0 110px}
.page-header{ border-bottom: 0 ;margin:0 auto 35px}
.page-header h1{background:url(../images/tit_icon.jpg) no-repeat ;padding-left:45px ; color:#00569f ; text-transform: uppercase;margin:0 ; font-size: 30px}

.pic_img{width:420px}
.pro_info{width:calc(100% - 420px); }
.pro-name{font-size: 30px;padding-bottom:40px;margin-bottom:20px; border-bottom:1px solid #bfbfbf; color:#000}
.fabric{font-size: 24px;margin-bottom:20px}
.desc ul {padding:0 ; font-size: 16px; line-height: 25px}
.desc p , .desc ul li{font-size: 16px; line-height: 25px;margin-bottom:10px}
/* .proshowqty .input-group .form-control{display:none} */
.proshowqty .input-group input { display: none; }
.btn-buy { margin-top: 2rem; position: absolute; bottom: 25px; left: 120px; z-index: 1; }
.proshowqty .btn, .btn-buy .btn {background:#00569f;color:#fff;padding:12px 30px}
.proshowqty .input-group-btn:last-child>.btn, .btn-buy .btn { border-radius: 50px; }
.btn-buy .btn::before { content: "";
  background-image: url(../images/icon-shop-w.svg);
  background-size: 27px 25px;
  display: inline-block;
  width: 27px;
  height: 25px;
  vertical-align: middle;
  margin-right: 15px; }
.proshowqty .btn:hover, .btn-buy .btn:hover {background:#35cbca; border-color:#35cbca}
.desc{min-height:258px;padding-bottom:20px}
.edit .btn{padding:8px 50px}


.mt_10{margin-top:10px}
.mt_20{margin-top:20px}
.mt_30{margin-top:30px}
.mt_40{margin-top:40px}
.mt_50{margin-top:50px}
.mt_60{margin-top:60px}
.font-18{font-size: 18px}

.menu .caret{display:none}

.prochar{margin-top:30px;padding-top:30px; border-top:1px solid rgba(160,160,160,1.00)}
.pro_des{ display:inline-block; vertical-align: top}

.spf_box h4{font-weight: bold; color:#00569f; line-height: 25px;display: inline-block;vertical-align: top; margin:0 0 10px 0 }
.spf_box .ul0{ display: inline-block; vertical-align: top; line-height: 25px}
.spf_box .ul0 li{padding-left:20px; font-size: 16px; position: relative}
.spf_box .ul0 li:before{ content: ""; width:5px; height:5px; border-radius: 50%; display: block; background:rgba(154,154,154,1.00) ; position: absolute; left: 8px; top:10px}


/*0718*/
.prolist_bg{width: 100%; background-color: #000000;}
.prolist_bg h3 { color: #fff; text-align: center;}
.prolist_bg2 { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e5e5e5+0,ffffff+88 */
background: #e5e5e5; /* Old browsers */
background: -moz-linear-gradient(top,  #e5e5e5 0%, #ffffff 88%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #e5e5e5 0%,#ffffff 88%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #e5e5e5 0%,#ffffff 88%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}
.prolist_bg2 p { text-align: center; line-height: 2em; font-weight: 700; font-size: 24px;}
.prolist_bg3{
	background: url(../images/03-2.jpg) no-repeat center;
	display: inline-block; padding: 14px;}
.prolist_bg3 p{color: #FFFFFF; text-align: center; padding: 0 18px 24px; font-size: 18px;}
.prolist_bg3 h4 { color: #fff; font-size: 22px; text-align: center; font-weight: 600; padding: 20px 0;}
.prolist_bg3 .col-md-12 > img{display: none;}
.prolist_bg4 .col-md-12.col-sm-12{text-align: center;}
.prolist_bg4 p{ font-weight: 600; color: #85a9b2;}
.prolist_bg4 ul li {padding-left: 15px; position: relative;}
.prolist_bg4 ul li:before { content: "●"; color: #a1bdc3; position: absolute; left: -5px;}
.prolist_bg4 ul { font-size: 16px; text-align: left;}
.prolist_bg4 .col-md-3.col-sm-3 { text-align: center;}
.prolist_bg4 { margin-bottom: 18px;}
.bg3pic {
    display: block;
    text-align: center;
}
.blackgb { background: #00000061; display: inline-block;}

.pro_detail02{
    text-align: center;
}

.pro_detail02 ul li{display: inline-block;width: 45%;padding: 12px}

.protext_detail{;margin-bottom: 30px}
.protext_detail h3 {
    color: #330000;
    margin: 20px 0 0;
    font-weight: 600;
	font-size: 32px;
}

.protext_detail p {
    line-height: 1.8em;
}

.prolist_bg5 {
    background-color: #f3f3f3;
	padding: 30px;
}

.prolist_bg5 h3 {
    text-align: left;
	font-size: 26px;
	font-weight: 600
}

.prolist_bg5 p, .prolist_bg5 ul li p {
    padding-top: 12px;
}

.prolist_bg5 ul{display: inline-block;}


.prolist_bg6 {
    background-color: #7690c5;
	color: #FFFFFF;
	padding: 30px;
}

.prolist_bg6 ul li p {
    text-align: right;
}
.protext_color{color: #024f8a;}

@media (max-width: 1440px) {
	.wrap{padding:0 20px}
	.menu .navbar-nav>li>a{margin-left:0;}
	.prolistbtn  .btn{padding:6px 14%}

	.index_about .info {
    width: 80%;
    margin: 0 auto;
}
	.index_about {
    padding: 50px 0;
}
.index_contact {
    padding: 50px 0;
    color: #fff;
    background-image: url(../images/contact_bg.jpg);
    background-position-x: center;
    background-size: cover;
}
}
@media (max-width: 1380px) {
	.menu .navbar-nav>li>a{margin-left:0}
	#header2 .menu .navbar-nav>li>a{margin-left:0}
}
@media (max-width: 1279px) {
	.menu .navbar-nav>li>a{margin-left:0}
	.btn{padding:3px 12%}
	.page-header h1{font-size: 25px;padding:5px 15px 5px 50px; min-height: 35px}
	.pro-name{font-size: 25px;padding-bottom:30px}
	.fabric{font-size: 20px}
	.menu .navbar-nav>li>a{font-size: 18px; }
	.logo{padding:15px}
/*	.menu .navbar-nav>li>a {		padding: 32px 15px;}*/
	#sidebar .nav-header{font-size: 25px}

	.menu .navbar-nav>li>a {
    font-size: 17px;
}
	.prolist_bg3{background: none;}
	.prolist_bg3 .col-md-12 > img{display: block;}
	.blackgb{    background: transparent;}
	.prolist_bg3 h4, .prolist_bg3 p{color: #000000;}
	.bg3pic { margin-bottom: 35px;}

}
@media (max-width: 1174px) {
.menu .navbar-nav>li>a {
        padding: 15px 13px;
}
#header2 .logo {
    padding: 15px 0 0 10px;
}

}

@media (max-width: 1162px) {
.menu .navbar-nav>li>a {
       padding: 15px 10px;
}
#header2 .menu .navbar-nav>li>a {
       padding: 15px 10px;
}
#footer .ftbar .nav.nav-pills>li>a {
    border-radius: 0;
    font-size: 16px;
    padding: 0 30px;
    text-transform: uppercase;
    color: #1f57b7;
}
}
@media (max-width: 1103px) {
.menu .navbar-nav>li>a {
  padding: 15px 8px;
}
}

@media (max-width: 1092px) {
.menu .navbar-nav>li>a {
    padding: 15px 8px;
}
}

@media (max-width: 1076px) {
.menu .navbar-nav>li>a {
      padding: 15px 7px;
}
}

@media (max-width: 1062px) {
.menu .navbar-nav>li>a {

}
}

@media (max-width: 1030px) {

.menu .navbar-nav>li>a {

}
}

@media (max-width: 1025px) {
	.menu .navbar-nav>li>a{margin-left:0; }
	.prodlist{width:310px}
}

@media (max-width: 1015px) {
	.menu .navbar-nav>li>a{margin-left:0}
	.prodlist{width:310px}
}

@media (max-width: 991px) {
	.col-md-4 {   width: 50%;    float: left;}
	.page-header{padding:0}
	#language_area{display: none;}
	#mobile_toggle{display:block; position: absolute;right:20px; top:15px}
	.sb-slidebar{background:#00569f;}
	#left_menu .sb-menu>li>a{color:#fff; font-weight: normal}
	#left_menu .sb-menu>li>a:hover , #left_menu .sb-menu>li>a.sb-submenu-active {color:#fff; background: #33cccc;}
	#left_menu .sb-menu>li>.sb-submenu-active>li>a {background:#fff; color:#717171;padding:10px 15px; font-size: 16px}
	#left_menu .sb-menu>li>.sb-submenu-active>li.active>a {    color: #717171;    background: #aee6e6;}
	.prodlist{width:calc(100% / 3); float:left}
	.showsmall li{float:none; width:auto; display: inline-block}
	.bar1, .bar2, .bar3 {
  width: 25px;
    height: 3px;
    background-color: #000;
    margin: 5px 0;
    transition: 0.4s; transition:all 0.3s ease-in-out
}
	.pic_img , .pro_info{width:100%; float:none}
	.pic_img{margin-bottom:30px}
.sb-active-right .bar1 {
    -webkit-transform: rotate(-45deg) translate(-7px, 4px) ;
    transform: rotate(-45deg) translate(-7px, 4px) ; background:#33cccc}

.sb-active-right .bar2 {opacity: 0;}

.sb-active-right .bar3 {
    -webkit-transform: rotate(45deg) translate(-7px, -5px) ;
    transform: rotate(45deg) translate(-7px, -5px) ; background:#00569f
}
	.menu , .left_nav{display:none}
	.prolistbtn .btn{padding:5px 10%}
	#content .breadcrumb{position: static; text-align: right; float: none}
	.main_content{padding:30px 0 60px}
		#header.header{position: static}

	#footer .ftbar .nav {
    display: none;
  }
  .btn-buy { bottom: 10px; }
  .top-cart { top: 16px; right: 70px; }
}


@media (max-width: 768px) {
	.sb-site, .sb-site-container{padding:0}
	.spf_box h4{display: block}
.spf_box .ul0{ display: block;}


}
@media (max-width: 767px) {
.mts_10{margin-top:10px}
.mts_20{margin-top:20px}
.mts_30{margin-top:30px}
.mts_40{margin-top:40px}
.mts_50{margin-top:50px}
.mts_60{margin-top:60px}

.prodlist{width:calc(100% / 2); float:left}
.prolistbtn .btn{padding:6px 13%}
	#footer .ftbar .nav.nav-pills>li>a{padding:0 10px}


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

#footlink {
    display: inline-block;
    text-align: center;
    font-size: 14px;
	line-height: 1.5em;
}
#footlink {display: inline-block;     text-align: center;
    font-size: 14px;}
#footlink li:first-child{    text-align: center;
    width: 100%;}
#footlink li:last-child{    text-align: center;
    width: 100%;}
#footlink .nav-pills>li {
    float: none;
    display: inline-block;
}
#footlink ul li a {
    border-radius: inherit;
    padding: 0;
    color: #717171;
    display: inline-block;
}
#copyright {
    padding-bottom: 15px;
}
.pro-txt P, .pro-txt-2 P {font-size: 17px;}

}


@media (max-width: 580px) {
.prolistbtn .btn{padding:8px 10% ; display: block}
.prolistbtn  .btn+.btn{margin:15px 0 0}
	.logo{width:220px;padding:10px 15px}
	#header2 .logo{width:180px;padding:10px 15px}
	.co-info ,.copy_zone{padding:0 15px}
	.ftbar{display:none}
	#footlink ul li a{font-size: 14px}
	.pro-name{font-size: 22px;padding-bottom:20px}
	.fabric{font-size: 18px;margin-bottom:10px}

	.pro_detail02 p{font-size: 18px;}
	.pro_detail02 ul li{width: 49%;vertical-align: top;}

}

@media (max-width: 480px) {
	.col-md-4 {   width: 100%;    float: none;}
	.prodlist{width:100%;max-width:310px; float:none;margin:0 auto 40px}
	.prolistbtn .btn{padding:8px 15% ; display:inline-block ; vertical-align: top}
	.prolistbtn  .btn+.btn{margin: 0 0 0 3px}
	#content .thumbnails .prodlist{padding:0}
	#footlink .nav-pills>li{display:block; text-align: center; width:100%}
	.prolist_bg2 p{font-size: 18px;}
	.prolist_bg3 p{font-size: 17px;  padding: 0 0px 24px;}
	.protext_detail h3{font-size: 26px}
	.prolist_bg5 h3{font-size: 22px;}
	.pro_detail02 ul li{padding: 12px 0;}
}

@media (max-width: 380px){

	.pro_detail02 ul li{width: 100%;}
}
.about_zone{padding-left:20px}
.ab_tit{font-size: 30px; color:#272476;margin-bottom:20px}
.s-visible ,.ab_zone1>div.pic.s-visible{display:none}
.about_zone p{font-size: 18px;margin-bottom:15px}
.about_zone h3{font-size: 22px; font-weight: bold; line-height: 35px}
.about_zone>div{margin-bottom:50px}
.ab_zone1 , .ab_zone2{ display:inline-block; font-size: 0}
.ab_zone1>div , .ab_zone2>div{ display:inline-block ; vertical-align: middle}
.ab_zone1 .pic{width:267px}
.ab_zone1 .info{width:calc(100% - 267px) ; padding-right:30px}

.ab_zone2 .pic{width:250px ; text-align: center}
.ab_zone2 .info{width:calc(100% - 250px) }

.ab_zone3 p{margin-bottom:20px}
.container_msg2 .txtNormal{width: auto; overflow: inherit}








@media (max-width: 1024px) {
	.about_zone p{font-size: 16px; line-height: 25px}




}

@media (max-width: 991px) {
	.about_zone{padding-left:0}

}


@media (max-width: 991px) {
	.ab_tit{font-size: 25px}
}


@media (max-width: 767px) {
	.ab_zone3 .pic , .ab_zone4 .pic  , .ab_zone5 .pic{ ;margin:15px 0}
}


@media (max-width: 580px) {
	.ab_zone3 .pic , .ab_zone4 .pic  , .ab_zone5 .pic{ ;margin:15px 0}
	.ab_zone1>div.s-hiden{display:none}
	.s-visible, .ab_zone1>div.pic.s-visible , .ab_zone1 .info , .ab_zone2 .pic ,.ab_zone2 .info { display:block; width: 100%}

	.ab_zone1>div.pic.s-visible , .ab_zone2 .pic  {margin-bottom:20px}
	.about_zone>div{margin-bottom:30px}
	.about_zone h3{font-size: 20px}
	.ab_tit{margin-bottom: 10px}
}

/*最新訊息*/
.table-bordered {
    border: none;
}
#tablist thead {
   display: none;
}
.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
    border: none;
}
.table-striped>tbody>tr:nth-child(odd) {
    background-color: #ffffff;
}
.table-hover>tbody>tr:hover {
    background-color: #fff;
}
.table-striped>tbody>tr:nth-child(odd) {
    background-color: #fff;
}

#tablist tr {
    border-bottom: 1px solid #81dcdc;
}
#tablist tr:nth-child(odd) {
/*    background: #d1e8e8;*/
}
#tablist td {
   padding-top: 2em;
}

.newsTitle {
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 15px;
}
.newsTxt01 {
    font-size: 16px;
}

.news-content-img {
  width: 33.33%;
  float: left;
  padding: 5px;
}

.news-content-img-block {
  margin: 30px 0;
}

.news-single-img {
  margin-bottom: 20px;
  display: inline-block;
}

.news-single-img span {
  display: block;
  font-size: 16px;
}

.video {
  margin: 15px 0;
}

.news_content h2 {
  font-size: 24px;
  font-weight: bold;
}

.news_content ul {
  list-style: disc;
  padding-left: 20px;
}


@media (max-width: 800px) {
.news-content-img { width: 50%; }
}

@media (max-width: 580px) {
	#tablist td {    display: block;     text-align: center;}
	#tablist td.col-md-7{width: 100%; float: none;}
	#tablist td.col-md-5{width: 100%; float: none;}
}
@media (max-width: 480px) {
  .news-content-img {
    width: 100%;
    float:none;
    padding: 5px 0;
  }
}