/*全站*/
// Mixin itself

@mixin clearfix() {
  &::after {
    display: block;
    content: "";
    clear: both;
  }
}

// Usage as a mixin
.element {
  @include clearfix;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{padding:0}
html, body { font-family: "Arial" , "\5FAE\x8F6F\6B63\9ED1\4F53" , "Microsoft JhengHei",  "Arial" , sans-serif;font-size: 15px; line-height:160% }
img { max-width:100%; }
.hideobj{
  display:none;	
}

ul , li{padding:0;margin:0}
a{
  color:#00428d;
  background-color:none;
}
a:hover, a:focus {
	text-decoration: none;
  background:none;
  color:#00428d;outline: none
	
}
:focus{ outline: none}
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus{ background: none}

.dropdown-menu{min-width:auto}
/*會員登入項目*/
#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;
}
.container-fluid{padding:0}
#mobile_toggle{ display: none}

/**表單元素**/
fieldset.over-border {
  border: 0 !important;
  padding: 0!important;
  margin: 0 0 1.4em 0 !important;
  border-radius:0;
}
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:#000;
  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:0px;
}

#header2{ border-bottom: 5px solid #212c63;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e3e3e3+0,ffffff+100 */
background: rgb(227,227,227); /* Old browsers */
background: -moz-linear-gradient(top, rgba(227,227,227,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(227,227,227,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(227,227,227,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}


.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(-160px);   -ms-transform: translateY(-160px); 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(-160px);      -ms-transform: translateY(-160px);transform: translateY(-160px);}

#middle{position: relative; min-height: 800px;}
/*#middle:before{content: ""; background: url(../images/middle_before.jpg) right top no-repeat; width: 350px; height: 350px; display: block; position: absolute; right: 0; top: 0;}*/
#middle:after{content: ""; background: url(../images/middle_after.jpg) center center no-repeat; width: 100%; height: 450px; display: block;
position: absolute; left: 0; bottom: 0;}
#middle>.wrap{position: relative;z-index: 2;}


/*--側欄--*/
#sidebar {
  padding:10px 0px;
	/*display: none;*/
}

#sidebar .nav-header{
 background:none;
 font-weight:bold;
 padding:8px 0;
 font-size:25px;
color:#000; text-transform: uppercase;border-bottom: 2px solid #000;margin-bottom:10px
}
#result{ display: none}
/*RSS*/
#rss_area a{
  text-shadow: none;
}

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

/*--內容區--*/
#content{
  padding:0 0px 50px 5%;
}
/*麵包屑*/
#content .breadcrumb {
  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;
}
.breadcrumb{ background: none;margin:20px 0;padding:0}
.breadcrumb a{color:#000}

/*個數*/
.page-header {
  border-bottom:3px #00428d solid;margin: 40px 0 30px 0;padding-bottom:0
}
/*產品頁*/
.thumbnail {
  border:0;
}
.cate-name,.cate-name-more{
  color:#333333;
  font-weight:bold;
  width:auto; text-align:center;padding:8px ;height:40px
}

.cate-name a ,.cate-name-more a{
  color:#333333;
  font-weight:bold;
  text-decoration:none;
  text-align:center;
}
.cate-name a:hover ,.cate-name-more a:hover{
  color:#8B8682;
  font-weight:bold;
  text-decoration:underline;
  width:auto;
  text-align:center;
}
.pro-desc{
 height:80px;
 overflow-x:hidden;
 overflow-y:auto;
}
.spec{
 height:38px;
}
/*產品介紹頁*/
#pb_area{
  border:  1px solid #ccc;
  overflow:hidden;margin-bottom:20px
}
.thumbnail img{
  margin-right: auto;
  margin-left: auto;
  display: block;
  max-width: 100%;
}
.thumbnail{margin-bottom:0}
.input-group {
  display: table;
  padding-bottom:10px;
  width: 100%;
}
.input-group .form-control {
  margin-bottom: 0px;
}
.txtNormal {
  overflow:auto;
  width:100%;
}
#content .thumbnails .prodlist{
 margin-bottom:20px
}
#content .thumbnails .catelist{margin-bottom:20px
 

}
.listtxtspec .input-prepend{
  padding:1px 0px;
  margin:0px;
}
.clear{
  clear:both;
}
.listimg{
 height:250px; border: 1px solid #000; overflow: hidden; position:relative
}

.listimg img{ position: absolute; left:50%; top:50%; transform: translate(-50% , -50%)}

#lineqty{
  width:30%;
}
.showsmall ul {
  padding: 0px; margin: 0px;
  list-style: none;
}
.showsmall li {
  float:left;
}
.showsmall li img  {
  margin: 3px;
  padding:3px;
  width:50px;
}
/*頁籤**/
.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%;
}
.type_pic{margin-bottom:15px}
.txtNormal b{ border-bottom: 1px solid #000}

#dropdownMenu2>a{ font-size:20px;color:#fff; padding: 20px 5px 25px; display:inline-block}

.open #dropdownMenu2>a { background:rgb(104, 160, 31)}
.search .dropdown-menu {margin:0;width:380px; left: auto; right:0;padding:10px; border-radius: 0; background: #b9b9b9 }

.search .dropdown-menu .input-group{padding-bottom:0;right:0}
.lang_zone.open .dropdown-menu{margin:0; border-radius: 0 }
.search{ float:right;margin:0 15px; display: none;}
.lang_zone.open a{ background:#212c63; color: #FFF;}


/*尾檔*/
#cominfo ul li {
 
}
#copyright{
  text-align:left; padding:10px 15px;
}
#footlink{ padding:8px 0;
  text-align:left; 
}
#footlink ul li {
    display: inline;
}
#footlink ul li a { border-radius:inherit; padding: 0;}
#footlink ul li a:after{content:"|"; padding: 0 6px;}
#footlink ul li:last-child a:after{content:"";}
#footlink ul li a:hover, .foot #footlink ul li a:focus, .foot #footlink ul li a:active {
  background:none;
  text-decoration:underline;
}

#footlink .nav-pills>li {float: none; text-align: right;}

/*首頁用*/
#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 : none;
  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;
}

#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{
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;
}

.wrap{width:1280px;margin:0 auto; padding: 0 15px;}
.logo{width:130px; float:left; padding:0; margin:0 25px}

.menu{width:calc(100% - 180px); float:right}
#header{ border-bottom: 5px solid #212c63;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e3e3e3+0,ffffff+100 */
background: rgb(227,227,227); /* Old browsers */
background: -moz-linear-gradient(top, rgba(227,227,227,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(227,227,227,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(227,227,227,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.navbar_zone{float:right;}
.navbar_zone a.dropdown-toggle{cursor: pointer}
.navbar_zone a.dropdown-toggle:after{content: "\f107" ;font-family: FontAwesome ;margin-left:5px}
.navbar_zone a.dropdown-toggle i.caret{ display: none}
#language_area{ float:right}
.navbar-nav>li{padding:18px 15px}
.navbar-nav>li>a{ padding:8px 0;color:#000000;border-bottom:2px solid rgba(11,65,139,0.00); transition:all 0.3s ease-in-out; text-transform: uppercase}
.navbar-nav>li>a:hover , .navbar-nav>li.active>a{ border-bottom:2px solid #212c63; background:none}
.lang_zone{ line-height: 70px;}
.lang_zone a{color:#000; display: block; padding: 0 15px;}
.lang_zone a:hover, .lang_zone a:focus{color:#fff; background: #212c63;}
.lang_zone #dropdownMenu1 a:after{ content: "\f107" ;font-family: FontAwesome ;margin-left:5px}
#footer{ background: #0a243d;color:#fff; clear: both;}
#footer a{color:#fff}
#footer a:hover{ text-decoration: underline;}
.ft_info{ text-align: center;padding:30px 15px}

.ft_link{ background: #fff;color:#333}
.ft_logo{width:150px;margin:0 auto 10px}
#footer .ft_link a{color:#000}
.ft_info ul{margin-bottom:10px}
#footer .wrap{position:relative}
.ft_info_box3 .zone{text-align: center;}


#smo {
      text-align:center;
}

#smo a {
    display: inline-block;
    color: #212c63;
    font-size: 190%;
    text-align: center;
    margin: 8px 2px;
	 border-radius:50px; transition:all 0.5s ease-in-out; background:#fff;width:43px;height:43px; line-height:43px; border: 1px solid rgba(255,255,255,0) }
	 
#smo a:hover{transform: rotate3d(0,1,0,360deg);background:#00428d;color: #fff; border: 1px solid rgba(255,255,255,0.14)}

/*goto*/
#gotop {
position:absolute;
    right: 10px;
	text-align: center;
   top: 30px;    
    padding: 2px 12px;    
    font-size: 40px;
    background:#999;
    color: white;
    cursor: pointer; z-index:1000; font-weight:100; transition:all 0.3s ease-in-out;width:50px;height:50px; line-height: 45px; border-radius: 50px
}
#gotop:hover{background:rgba(104,104,104,1.00);line-height: 30px;top:25px}

#footlink .nav>li>a { Display: initial;}
#footlink .nav>li:nth-child(1)>a{padding-left: 6px;}

.container_product .popup-gallery{ display: none;}

@media  (max-width : 1280px) {
	.wrap{width:100%;padding:0 15px}
	.logo{margin:10px 15px;padding:0}
	.navbar-nav>li{padding:18px 10px}
}

@media  (max-width : 1199px) {

	.navbar-nav>li{padding:18px 10px}
	.logo{margin:10px 0}
	.menu { width: calc(100% - 130px);float: right;}
	.search{margin:0 5px}
}

@media  (max-width : 1100px) {
.navbar-nav>li{padding:18px 8px; font-size: 14px}
	#dropdownMenu2>a{ font-size: 18px;
    padding: 22px 5px 28px;}
.search{margin:0 10px}	
.lang_zone.open .dropdown-menu{    left: auto;right: 0; float:right}
	
}

@media  (max-width : 1000px) {
	.menu{ display: none}
	#mobile_toggle{display: block; position: relative}
	.sb-toggle-right{ position: absolute;right:15px;top:18px;color:#000; font-size:28px}
	.logo{ float:none;margin:10px auto;width:180px}
	.logo img{width:60px}
	/*手機選單*/
	.sb-slidebar{background:#212c63; box-shadow: inset 6px 7px 5px rgba(0, 30, 51, 0.6);}
	#left_menu a, .sb-submenu a{color:#fff}
	#left_menu li{ border-bottom: #979da5 solid 1px;}
	#left_menu .form-search{padding:10px}
	.input-group{padding-bottom:0}
	.nav>li>a:hover, .nav>li>a:focus , a.sb-submenu-active ,.nav>li.active>a { background-color: rgba(0, 154, 210, 0.53);}
	.sb-submenu{ background-color: rgb(255, 255, 255);}
	#left_menu .sb-submenu-active a{color:rgba(45,45,45,1.00)}
	#left_menu .sb-submenu-active a:before{ content: "\f101";font-family: FontAwesome; font-style: normal; font-weight: normal;margin-right:5px}
	#left_menu .sb-submenu-active  li.active a{ color:rgba(10,55,147,1.00)}
	.ft_info_box3 .zone3{width:100%; float:none; clear: both }
	.ft_info_box3 .zone3 ul li{text-align: center}
	#copyright{text-align: center; }
}



@media  (max-width : 991px) {
	#footlink { text-align: center}
	#footlink ul{ display: inline-block
	}	
	#footer .ft_link a{padding:0 5px}
	.ft_info_box3 .zone ul li{text-align: center}
	.ft_info_box3 .zone1 ul li span{ position:static}
	.ft_info_box3 .zone1 .cominfomail{padding-left:0}
}

@media  (max-width : 480px) {
#footer .ft_link a{font-size:14px}	
	.col-md-6{padding:0}
	#footer .ft_link a{padding:0 1px}
	.ft_info{padding:25px 0}
	
#smo a {
    
    font-size: 130%;
   background:#fff;width:30px;height:30px; line-height:30px;  }
	
}

@media  (max-width : 380px) {
#footer .ft_link .nav-pills>li{ display: block; float: none}
#footlink{padding-bottom:10px}
}

.left_nav{width:268px; float: left}
.right_content{ float:left; width:78%;}
.left_nav .nav>li>a{padding:8px 0; border-bottom: 1px solid #999;color:#111; font-weight: bold}
.left_nav .nav ul li a{ padding:8px 6px 8px 14px; display: block;}
.left_nav .nav ul li a:before{left: 4px; font-family: FontAwesome; content: "\f105"; color: #337ab7; font-size: 50%; position: absolute;}
.left_nav .nav ul .active>a, .left_nav .nav ul .active>a:before{color:#e10000;}

/*.left_nav .nav>li.active>a{color:#009fe7}*/
.accordion-toggle:after, #side_menu .incate2>a:after, #side_menu .incate3>a:after {
    margin-left: 5px;
    font-family: FontAwesome;
    font-weight: 900;
    content: "\f067";
    color: #999;
    font-size: 50%;
    position: absolute;
    right: 10px;
}
.page-header{ }
.page-header h1{ font-size:25px;color:#212c63; text-transform: uppercase; font-weight: bold ; background: url(../images/title-icon.png) left center no-repeat; padding-left: 40px; vertical-align: middle; line-height: 30px;}

.catelist , .prodlist {width:33.3%;padding:0 15px; float: left}
.catelist img{ transition: all 0.3s ease-in-out} 
.catelist:hover img{ transform: scale(1.1) translate(-45% , -45%);}
.prodlist{ position: relative}

.thumbnail:hover .listimg{ border: 1px solid #00428d}
.thumbnail:hover .cate-name a{color:#00428d}
.thumbnail{padding:0}
/*.listimg{ position: relative}
.listimg:before{ content: "\f002"; font-family: FontAwesome;
    font-style: normal;transition: all 0.3s ease-in-out;
    font-weight: normal;width:100%; height:100%; position: absolute; left:0; top:0; background:rgba(0,66,141,0) ; z-index: 8;color:rgba(255,255,255,0.00); text-align: center;padding-top:30%; font-size: 50px}
.thumbnail:hover .listimg:before{  background:rgba(0,66,141,0.88) ; color:rgba(255,255,255,1.00) }
a.pro_list_more{width:100%;height:100%; position: absolute;left:0; top:0; display: block; z-index: 10}*/


@media  (max-width : 1200px) {
	.listimg{height:230px}	
}



@media  (max-width : 1000px) {
	.left_nav{display: none}
	.right_content{width:100%;padding-left:0px; float:none}
	
}

@media  (max-width : 850px) {
	.catelist, .prodlist{width:50%;padding:0 10px}	
}

@media  (max-width : 580px) {
	.listimg{height:200px}	
}

@media  (max-width : 480px) {
	.thumbnails{width:90%;margin:0 auto}
	.catelist, .prodlist{width:100%;padding:0; float: none}	
	.listimg{height:250px}	
}


.bimgarea{ text-align: center}
#pb_area{ border: 0}
.prochar{margin-bottom:50px;color:#000}
.tabbable .tab-pane{padding:20px; border: 1px solid #323232; border-top:10px solid #323232}
.tabbable .nav-tabs{ border-bottom: 5px solid #009fe7}
.nav-tabs>li>a{ border: 1px solid #000; border-bottom: 0;  border-radius: 0; background: #00428d;color:#fff}
.nav-tabs>li>a:hover{background: #009fe7}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{ background: #009fe7;color:#fff}

.panel-default>.panel-heading{background: #00428d;color:#fff; border-radius: 0}
.panel-title>a{ display: block}
.panel-title a:hover, .panel-title a:focus{color:#fff;}
.pro_detail_zone h3{margin-bottom:10px; color:rgba(4,77,164,1.00)}
.pro_detail_zone ul li{width:25%; float:left;padding:15px; position: relative; height:200px; display: inline-block; vertical-align: middle}
.pro_detail_zone ul li a{width:100%;height:100%; display: block; border:1px solid #fff}
.pro_detail_zone ul li a:hover{ border:1px solid rgba(25,71,164,1.00)}

.ac_spc ul li , .tree_row ul li{width:33.3%;float:left}
.ac_spc ul li .pic , .ac_spc ul li .info{ text-align: center}
.four_row ul li{width:25%;float:left;margin:0 0 10px 0}
.ac_spc ul li .pic , .tree_row ul li img , .four_row ul li img{ border:1px solid #fff}
.ac_spc ul li .info p{ font-size:14px; height:100px;margin-bottom:0}
.ac_spc ul li:hover .pic , .tree_row ul li:hover img , .four_row ul li:hover img{ border:1px solid rgba(10,64,148,1.00)}
.ac_spc ul li:hover p{color:rgba(6,94,199,1.00)}
.ac_spc ul li .info h3{ font-size:18px;color:rgba(0,75,191,1.00);margin:5px 0 5px 0}
.ac_spc ul li .info h4{margin:0 0 5px 0; font-size: 14px}
.ps_zone{margin-top:20px}
.des_zone h3{ font-size:16px;color:rgba(0,64,163,1.00);margin:15px 0 10px 0}
.des_zone ul{margin-bottom:15px}
.des_zone ul li{ color:rgba(90,90,90,1.00); list-style: disc;margin-left:20px}
.prochar p{ text-indent: 20px}
.Dimensions{padding:15px 0; }
.pdf_download{margin:0 0 10px 0; text-align: center}
.pdf_download a{margin:0 0 0 5px;color:rgba(223,0,3,1.00); font-size:16px}
.pdf_download a:hover{ text-decoration: underline;color:#2F2F2F}
.pdf_download a img{margin-right:2px}
.end_cap .pic{ text-align: center}

.pdf_zone{padding:15px 0}
.pdf_zone ul li{ background: url(../images/click_btn.jpg) right top no-repeat rgba(228,228,228,0.5);height:39px; color:rgba(18,80,146,1.00); font-weight: bold; position: relative;padding-left:40px; line-height: 39px;margin-bottom:2px}

.pdf_zone ul li:before{ content: " " ; background: url(../images/pdf.png) no-repeat ; width:29px; height:29px; display: block; position: absolute;left:5px; top:5px}
.pdf_zone ul li a{width:100%;height:100%; position: absolute; left:0; top:0; display: block}

.pdf_zone ul li:hover{ background: url(../images/click_btna.jpg) right top no-repeat rgba(90,90,90,1.00);color:#fff}
.pdf_zone ul li:hover:before{background: url(../images/pdfa.png) no-repeat}
.seal_zone .pdf_zone ul{margin-left:0}
.seal_zone .pdf_zone ul li{ list-style: none;}

@media  (max-width : 1024px) {
.pro_detail_zone ul li{width:25%; float:left;padding:15px; position: relative; height:140px}
}

@media  (max-width : 1000px) {
.pro_detail_zone ul li{padding:5px; }	
	.pro_detail_zone ul li{width:25%; float:left;padding:15px; position: relative; height:200px}
}
@media  (max-width : 880px) {
.pro_detail_zone ul li{width:25%; float:left;padding:15px; position: relative; height:180px}
}

@media  (max-width : 780px) {
.pro_detail_zone ul li {width:33.3%;height:200px}
.ac_spc ul li, .tree_row ul li{width:50%;float:left}
.ac_spc ul li .info p{  height:45px}
.four_row ul li{width:33.3%}
}

@media  (max-width : 550px) {
 .pro_detail_zone ul li {width:33.3%;height:150px}
.ac_spc ul li .info p{  height:auto}
.ac_spc ul li {
    width: 80%;
    float: none;
    margin: 0 auto 20px;
}
}

@media  (max-width : 480px) {
.pro_detail_zone ul li{width:50%;height:180px}
	.four_row ul li{width:50%}
	.pdf_zone ul li{ background:no-repeat rgba(228,228,228,0.5);height:auto;min-height:38px;padding:5px 3px 5px 40px; color:rgba(18,80,146,1.00); font-weight:normal; margin-bottom:2px; line-height: 150%}
	.pdf_zone ul li:hover{ background:  rgba(90,90,90,1.00);color:#fff}
}

@media  (max-width : 360px) {
.ac_spc ul li {width: 100%;}
	.pro_detail_zone ul li{width:80%;height:auto; float:none; display: block;margin:0 auto 10px}
	}


.application_zone .pic{ text-align: center;margin-bottom: 20px}
.application_zone  .line{border-bottom: 1px solid #000;}
.app_main_description{padding-bottom:15px;margin-bottom:20px}

.application_zone  .line table td{ vertical-align: top}
.app_main_description p{text-indent:20px}
.download ul li{margin-bottom:2px;  position: relative}

.download ul li .down_name{ float:left; line-height: 39px; font-style: italic; font-weight: bold; color:#00428d}
.download ul li .down_btn{ float:left; background: url(../images/click_btn.jpg)  no-repeat;width:145px;height:39px;margin-left:5px}
.download ul li a{width:100%;height:100%; float:left; position: absolute; display: block}
.download ul li:hover .down_name{ color:rgba(0,104,162,1.00)}
.download ul li:hover .down_btn{background: url(../images/click_btna.jpg) no-repeat }


.app_main_description h2{margin:20px 0 10px 0; font-size:22px;}
.app_main_description table{ border-collapse: collapse; }
.app_main_description table td.pic{width:40%;padding:0 20px}
.app_main_description table td.pic img{margin:0 0 10px}
.app_main_description .section p , .app_main_description .section2 p { text-indent: 0}

.section ul li{ border-bottom:1px dashed rgba(87,142,200,1.00);margin-bottom:15px}
.type_pic_left{ float:left;margin:0 10px 0 0}
.type_pic_left img{margin-bottom: 5px}
.remarket{margin-bottom:15px; font-weight:bold}
.remarket2{ background: rgba(225,225,225,1.00);padding:10px}
.remarket2 p{margin-bottom:5px}
.remarket2 a{color:rgba(177,0,0,1.00); font-weight: bold; text-decoration: underline}
.remarket2 a:hover{color:rgba(1,45,135,1.00)}
.top_description{margin-bottom:40px}
.des_list ul{margin-left:20px}
.des_list ul li{ list-style: disc;margin-bottom:10px}
.des_list ul li b{color:rgba(0,52,144,1.00)}

.fluid_pic .pic{margin:0 auto; position: relative; }
.fluid_pic .pic a , .fluid_pic2 .pic a{font-size:20px;color:#000}
.fluid_pic .btn { white-space: inherit}
.fluid_pic .btn .fluid_zone{ position: relative; text-align: left}
.fluid_pic .btn .fluid_zone p { text-indent: 0}
.fluid_content{ display: none; position: absolute;width:430px}
.btn2 .fluid_content{width:auto}
.fluid_pic .btn1{ position: absolute;left: 15%; top: 2%; z-index: 10 ;  }
.fluid_pic .btn2{ position: absolute;left: 35%;top:-3%; z-index: 10}
.fluid_pic .btn3{ position: absolute; left:10% ; bottom:20%; z-index: 10}
.fluid_pic .btn4{ position: absolute; right:35% ; bottom:14%; z-index: 10}
.fluid_pic .btn:hover .fluid_content{ display: block; background:#fff; border:1px solid rgba(2,61,142,1.00) ;padding:10px; position: absolute; left:-80px; z-index: 15}
.fluid_content .fluid_pic{ float:left;width:200px}

.seal_zone { border-bottom: 1px dashed rgba(30,91,199,1.00);padding:15px}
.seal_zone .pic{ text-align: left;}
.seal_zone2 .pic{ text-align: left; float:left;width:40%}
.seal_zone h2{margin:0 0 15px 0; font-size:18px}
.seal_zone h3{ font-size:15px;color:rgba(0,70,166,1.00)}
.seal_zone ul {margin-left:20px}
.seal_zone ul li{ list-style: disc}
.seal_zone ul.half_list{width:calc(40% - 25px); float:left}
.seal_zone .bonded_pdf ul , .seal_zone2 .pdf_zone ul{margin-left:0}
.seal_zone .bonded_pdf li , .seal_zone2 .pdf_zone li{ list-style: none}
.seal_zone .bonded_pdf{ float:left;width:60%;padding-left:10px}

.fluid_pic2{ display: none;padding:20px 0}
.pic_half ul li{width:50%; float:left;padding:10px 0}
.section ul li.no_border_bt{ border-bottom: 0}
#index_product2{ display: none;}
#catedescA{ margin-bottom:30px;}

#side-image{margin-top: 20px;}

@media  (max-width : 1300px) {
	.right_content {width: 74%;}
	
}


@media  (max-width : 1100px) {
	.application_zone .nav-tabs>li>a{padding:10px 6px; font-size:15px}	
	.right_content {width: 70%;}
	
	
}

@media  (max-width : 1000px) {
	.application_zone .nav-tabs>li>a{padding:10px 15px; font-size:16px}	
	.right_content {width: 100%;}
	#content{ padding:0 0 50px 0;}
}



@media  (max-width : 880px) {
	
	.fluid_pic2 .btn1{ position: absolute;left: 10%; top: 0%; z-index: 10 ;  }
.fluid_pic2 .btn2{ position: absolute;left: 35%;top:-3%; z-index: 10}
.fluid_pic2 .btn3{ position: absolute; left:8% ; bottom:20%; z-index: 10}
.fluid_pic2 .btn4{ position: absolute; right:35% ; bottom:14%; z-index: 10}
.fluid_pic2 .fluid_pic img{width:200px }
	.fluid_pic{ display: none}
	
	.fluid_pic2 ,  .zoom-anim-dialog .fluid_pic{ display:block}
	.fluid_pic2 .pic{ position: relative}
.fluid_content{ position: static; display:block;width:auto}
	
	/* Styles for dialog window */
#small-dialog , #small-dialog2 , #small-dialog3 , #small-dialog4{
	background: white;
	padding: 30px 20px;
	text-align: left;
	max-width: 90%;
	margin: 40px auto;
	position: relative;
}


/**
 * Fade-zoom animation for first dialog
 */

/* start state */
.my-mfp-zoom-in .zoom-anim-dialog {
	opacity: 0;

	-webkit-transition: all 0.2s ease-in-out; 
	-moz-transition: all 0.2s ease-in-out; 
	-o-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out; 



	-webkit-transform: scale(0.8); 
	-moz-transform: scale(0.8); 
	-ms-transform: scale(0.8); 
	-o-transform: scale(0.8); 
	transform: scale(0.8); 
}

/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
	opacity: 1;

	-webkit-transform: scale(1); 
	-moz-transform: scale(1); 
	-ms-transform: scale(1); 
	-o-transform: scale(1); 
	transform: scale(1); 
}

/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
	-webkit-transform: scale(0.8); 
	-moz-transform: scale(0.8); 
	-ms-transform: scale(0.8); 
	-o-transform: scale(0.8); 
	transform: scale(0.8); 

	opacity: 0;
}

/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-out; 
	-moz-transition: opacity 0.3s ease-out; 
	-o-transition: opacity 0.3s ease-out; 
	transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
	opacity: 0.8;
}
/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
	opacity: 0;
}



/**
 * Fade-move animation for second dialog
 */

/* at start */
.my-mfp-slide-bottom .zoom-anim-dialog {
	opacity: 0;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;

	-webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	-moz-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	-ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	-o-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );

}

/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
	opacity: 1;
	-webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	-moz-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	-ms-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	-o-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
	opacity: 0;

	-webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	-moz-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	-ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	-o-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
}

/* Dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
	opacity: 0;

	-webkit-transition: opacity 0.3s ease-out; 
	-moz-transition: opacity 0.3s ease-out; 
	-o-transition: opacity 0.3s ease-out; 
	transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
	opacity: 0.8;
}
/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
	opacity: 0;
}	
}


@media  (max-width : 800px) {
	.application_zone .nav-tabs>li>a{padding:10px; font-size:15px}	
	.seal_zone2 .pic{ text-align: left; float:left;width:40%}
	.seal_zone2 .pic{  float:none;width:100%}
	.seal_zone .bonded_pdf{ float:none;width:100%;padding-left:0px}
}

@media  (max-width : 650px) {
	.app_main_description table td.pic , .app_main_description table td{width:100%; display: block}
	.app_main_description table td.pic img{margin:10px auto}
	.app_main_description h2{margin:0 0 10px 0}
	.fluid_pic2 .pic a{ font-size:18px;color:rgba(12,97,197,1.00)}
.fluid_pic2 .btn1{ position: absolute;left: 10%; top: -2%; z-index: 10 ;  }
.fluid_pic2 .btn2{ position: absolute;left: 35%;top:-5%; z-index: 10}
.fluid_pic2 .btn3{ position: absolute; left:5% ; bottom:16%; z-index: 10}
.fluid_pic2 .btn4{ position: absolute; right:35% ; bottom:10%; z-index: 10}
	.seal_zone ul.half_list{width:calc(50% - 25px)}
	}


@media  (max-width : 550px) {
.fluid_pic2 .pic a{ font-size:16px;}
.fluid_pic2 .btn1{ position: absolute;left: 5%; top: -5%; z-index: 10 ;  }
.fluid_pic2 .btn2{ position: absolute;left: 30%;top:-8%; z-index: 10}
.fluid_pic2 .btn3{ position: absolute; left:0% ; bottom:16%; z-index: 10}
.fluid_pic2 .btn4{ position: absolute; right:30% ; bottom:7%; z-index: 10}
.seal_zone ul.half_list{width:100%; float:left}	
.pic_half ul li{width:100%; float:none;padding:10px 0}
	}

@media  (max-width : 400px) {
.fluid_pic2 .pic a{ font-size:16px;}
.fluid_pic2 .btn1{ position: absolute;left: 3%; top: -10%; z-index: 10 ;  }
.fluid_pic2 .btn2{ position: absolute;left: 35%;top:-15%; z-index: 10}
.fluid_pic2 .btn3{ position: absolute; left:-2% ; bottom:13%; z-index: 10}
.fluid_pic2 .btn4{ position: absolute; right:23% ; bottom:0%; z-index: 10}
.fluid_content .fluid_pic{width:100%; float:left}
	}

.industrial .right_pic{width:40%; float:right}
.left_info{width:60%}
.about_info { position: relative;margin-bottom:20px}

.about_info .pic{-webkit-animation-name: fadeIn; animation-name: fadeIn ;}
.about_info .pic .info{-webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-delay: 0.2s; animation-delay: 0.2s}
.about_info .info{ position:absolute; right:20px; bottom: 30px ; left:20px;font-size: 20px; text-shadow: 2px 2px 3px rgb(0, 0, 0); color:#fff;}
.about_feat{margin-bottom: 20px}
.about_feat .pic{float:left;width:40%;-webkit-animation-name: fadeInLeft; animation-name: fadeInLeft ;}
.about_feat .info{float:left;width:60%;padding-left:15px;-webkit-animation-name: fadeInRight; animation-name: fadeInRight ;}
.about_feat h2{ color:rgba(0,68,173,1.00);margin:0 0 10px 0}
.about_feat ul li{ list-style: disc}
.about_feat ul {margin-left: 15px}
.container_msg2 .txtNormal{ overflow: hidden}
.iso_tit { position: relative;margin-bottom: 20px}
.iso_tit .pic{-webkit-animation-name: fadeInUp; animation-name: fadeInUp ;}
.iso_tit h2{ position: absolute; right:30px; bottom:30px; font-size:60px; text-shadow: 2px 2px 3px rgb(0, 0, 0); z-index: 9;color:#fff;-webkit-animation-name: fadeInRight; animation-name: fadeInRight ;}

.iso_zone ul li{width:50%; float:left;padding:10px}
.iso_zone ul li:first-child{-webkit-animation-name: fadeInLeft; animation-name: fadeInLeft;}
.iso_zone ul li:last-child{-webkit-animation-name: fadeInRight; animation-name: fadeInRight;}
.iso_zone ul li img{ border:1px solid rgba(215,215,215,1.00)}
.iso_zone ul li:hover img{ border:1px solid rgba(13,83,167,1.00)}



@media  (max-width : 650px) {
.industrial .right_pic{width:80%; float:none;margin:0 auto 20px}
.left_info{width:100%}
.about_feat .pic , .about_feat .info{width:100%; float:none}
	.about_info .info{ font-size: 18px}
	.iso_tit h2{ font-size:45px; bottom:30px}
	.about_feat .pic{margin-bottom:15px}
}

@media  (max-width : 480px) {
	.about_info .info{ position: static; font-size: 16px; color:#333; text-shadow: 2px 2px 3px rgba(0, 0, 0,0);margin:20px 0 0 0; animation-name: fadeInUp; -webkit-animation-delay: 0s; animation-delay: 0s}
	.iso_tit h2{ font-size:40px; bottom:20px}
}

@media  (max-width : 400px) {
	.iso_zone ul li{width:100%}
	.iso_tit h2{ font-size:35px; bottom:5px; right:10px}
}
/*.container_msg5 .right_content {width:100%;padding-left:0; float:none}*/
.rd_titbg{ background: url(../images/rdbg.jpg) no-repeat #ededed;height:339px;padding:20px 20px 20px 410px}

.rd_titbg h2{margin:0 0 10px 0; font-size:40px; color:#235c9c}
.rd_box{padding:15px ;}
.rd_box h2{margin:0 0 10px 0; font-size: 25px; color:#000}
.rd_box h4{ color:rgba(0,66,184,1.00) ; font-size:16px; font-weight: bold;margin:20px 0 5px 0}
.rd_box ul{margin-left:20px}
.rd_box ul li{ list-style: disc;padding-left:-5px; line-height: 150%;margin-bottom: 10px}
.rd_box p{margin-bottom:15px}
.pic_right{ float:right}
.rd_box .pic{ text-align: center}
.rd_box .pic_left{ text-align: left}
.w_50{width:50%; float:left;padding:10px}
.w_50{width:50%; float:left;padding:10px}
.accordion_tab{margin:20px auto}
.accordion_tab h3{  border: 1px solid rgba(212,212,212,1.00);padding:10px 15px;margin:0 ; position: relative; cursor: pointer; font-size:18px}

.accordion_tab h3.ui-accordion-icons:after{ content: "\f068" ; font-family: FontAwesome;position: absolute; right:10px; top:10px}
.accordion_tab h3.ui-state-active:after{ content: "\f067" ; font-family: FontAwesome;position: absolute; right:10px; top:10px}
.accordion_tab h3.ui-state-active{ background: rgba(11,50,140,1.00) ;color:#fff}
.accordion_tab h4{ font-size: 25px;margin:0 0 10px 0}
.accordion_tab h5{ font-size: 20px ; padding:5px 10px;}
@media  (max-width : 1280px) {
.rd_titbg{ background: url(../images/rdbg2.jpg)  no-repeat #ededed;height:auto;padding:20px 20px 20px 450px;}	
}

@media  (max-width : 880px) {
.rd_titbg{ background: url(../images/rdbg.jpg)  no-repeat #ededed;height:auto;padding:100px 20px 20px 20px;}
.rd_titbg h2{padding-left:450px;margin-bottom:180px; font-size:60px}
}

@media  (max-width : 690px) {
.rd_titbg{ padding:130px 20px 20px 20px;}
.rd_titbg h2{padding-left:400px;margin-bottom:180px; font-size:50px}
}

@media  (max-width : 600px) {
.rd_titbg{ padding:330px 20px 20px 20px;}
.rd_titbg h2{padding-left:0px;margin-bottom:10px; font-size:45px}
}

@media  (max-width : 480px) {
.rd_titbg{ background: url(../images/rdbg3.jpg)  no-repeat #ededed;background-size: contain;padding:85% 20px 20px 20px}
.rd_titbg h2{padding-left:0px;margin-bottom:10px; font-size:40px}
.pic_list .w_50{width:100%; float:none}
	.accordion_tab h4{ font-size: 20px}
.accordion_tab h5{ font-size: 18px }
}
.row{margin:0}
.container_msg3  #tablist{ border:0; border-collapse: collapse}
.container_msg3  thead{ display: none}
.container_msg3 .table-bordered>tbody>tr>td { border:0; border-bottom: 1px solid rgba(176,202,229,1.00);padding:15px}
.container_msg3 tbody td:first-child{width:30%;}

.container_msg3 tbody td:first-child img{ border:1px solid rgba(159,159,159,1.00)}
.newsTitle{ font-size:18px;margin-bottom: 5px}


.container_msg20 .left_nav{ display: none}
.container_msg20 .right_content{width:100%;padding-left:0}
.oil_tab {margin-bottom: 30px;width:50%;margin:0 auto 30px}
.oil_tab table td ,.oil_tab table th{ border-collapse: collapse; border:1px solid #000;padding:5px 10px; color:#fff; white-space: nowrap}
.accordion_tab .oil_tab h5{padding:0;margin:0 0 10px 0; font-size: 18px; color:rgba(0,0,0,1.00)}
.oil_tab table{width:100%;}
.oil_tab table th{ background: rgb(0, 93, 173)}
.oil_tab table td{ background: rgba(255,158,0,1.00);color:#000}
.oil_seal_zone .pic {margin-bottom: 20px}
.oil_seal_zone .pic a{ display: block; position: relative}
.oil_seal_zone .pic a:before{ content: "\f00e"; font-family: FontAwesome; display: block; width:100%; height: 100%; background:rgba(3,40,114,0); position: absolute; left:0; top:0; font-size:50px;padding-top:20%;color:rgba(255,255,255,0.00); transition: all 0.3s ease-in-out}
.oil_seal_zone .pic:hover a:before{background:rgba(3,40,114,0.81);color:#fff}

.scrollbar
{
	width: 100%;
	overflow-x: auto;
	margin-bottom: 15px;
}
.style-1::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 3px;
	background-color: #F5F5F5;
}

.style-1::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

.style-1::-webkit-scrollbar-thumb
{
	background-color:rgba(0,65,180,1.00);	
	background-image: -webkit-linear-gradient(45deg,
	                                          rgba(255, 255, 255, .2) 25%,
											  transparent 25%,
											  transparent 50%,
											  rgba(255, 255, 255, .2) 50%,
											  rgba(255, 255, 255, .2) 75%,
											  transparent 75%,
											  transparent)
}

@media  (max-width : 1000px) {
.oil_tab {width:90%}
	.oil_seal_zone .pic.w_50{width:80%; float:none;margin:0 auto}
}
@media  (max-width : 780px) {
	.oil_seal_zone .pic.w_50{width:100%;}
}

@media  (max-width : 600px) {
.oil_tab {width:100%}
}


.catalog_zone h2{ font-size:20px}
.catalog_zone ul{margin-bottom:50px}
.catalog_zone ul li{  border-bottom:1px dashed #ccc;padding:5px 15px}
.catalog_zone ul li:before{ content:"\f019"; font-family: FontAwesome; font-size:20px;margin-right:15px ; color:rgba(3,37,104,1.00)}
.catalog_zone ul li:nth-child(odd){ background:rgba(221,221,221,0.23)}
.catalog_zone ul li:after{ content:"\f1c1"; font-family: FontAwesome; font-size:20px;margin-left:10px ; color:rgba(228,0,3,1.00)}
.catalog_zone ul li:hover a , .catalog_zone ul li:hover:before{ color:rgba(217,0,3,1.00)}

.container_msg6 h3{ color:rgba(9,35,131,1.00)}
.out_zone h3{ font-size:16px; font-weight: normal; border-bottom: 1px solid rgba(179,179,179,1.00);padding:5px; display: inline-block}
#map {
        height: 500px;width:100%; display: none;
      }
#content .map_info{padding:0}
.map_info .tw{ display:none}
.map_info h3{margin:0 0 5px 0;padding:0 5px ;font-size:16px; color:#000}
.map_info h2{ color:rgba(12,59,155,1.00) ; font-size:18px;margin:0 0 2px 0; border-bottom: 1px solid rgba(107,107,107,1.00);padding:2px 5px 5px}
.map_info p{ font-size:15px;padding:5px;margin-bottom: 0}
.txtNormal .map_info b{ border-bottom: 0}
.control-group .col-sm-3{width:110px; text-align:left}
.control-group  .col-sm-9{width:calc(100% - 110px)}
.form-horizontal .form-group{margin:0 0 10px 0}
.contact_zone{padding:0 20px}

@media  (max-width : 768px) {
.control-group .col-sm-3{width:100%; float:none}
.control-group  .col-sm-9{width:100%; float:none}	
}

@media  (max-width : 600px) {
.map_info h3{margin:0 0 2px 0;padding:0 5px ;font-size:15px; }
.map_info h2{ color:rgba(12,59,155,1.00) ; font-size:16px;margin:0 0 2px 0;padding:2px 3px 3px}
.map_info p{ font-size:13px;padding:2px;margin-bottom: 0}
	
#map {
        height: 450px;width:100%
      }
}


.container_product .popup-gallery a{float: left; width: 10%;  padding: 10px;  overflow: hidden;}
.container_product .popup-gallery a img{transition: all 0.3s ease-in-out; border: 1px solid #000; }
.container_product .popup-gallery a:hover img{transform: scale(1.1);}
@media  (max-width : 1000px) {
	.container_product .popup-gallery a{width: 20%;}
}
@media  (max-width : 600px) {
	.container_product .popup-gallery a{width: 33.33%;}
}


.equ-list{padding: 10px;}
.equ-list >div{padding: 10px;}
.equ-list h4{ color:#00428d; font-weight: bold; line-height: 1.5em;}
@media  (max-width :480px) {
	.equ-list{width: 100%;}
	
	.nav-pills>li{ float: none;}
}