/*全站*/
// 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{g
  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{ background: rgba(0,66,141,0.92)}

.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);}


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

#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:10px 0px 50px;
}
/*麵包屑*/
#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-top:45px;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; */
      border: 1px solid #ddd;
}
/*頁籤**/
.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}
.lang_zone.open{ background:rgba(1,43,99,1.00)}


/*尾檔*/
#cominfo ul li {

}
#copyright{
  text-align:center; padding:10px 15px;
}
#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 : 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}
.logo{width:130px; float:left;padding:10px;margin:0 25px}
.logo img{width:130px}
.menu{width:calc(100% - 180px); float:right}
#header{ background: #00428d;}
.navbar_zone{float:left}
.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:#fff;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 #009fe7; background:none}
.lang_zone{ line-height: 70px;padding:0 10px}
.lang_zone a{color:#fff}
.lang_zone #dropdownMenu1 a:after{ content: "\f107" ;font-family: FontAwesome ;margin-left:5px}
#footer{ background: url(../images/ft_bg.jpg) repeat-x #00428d;color:#fff; }
#footer a{color:#fff}
.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:nth-child(3n+1){ clear: left;}
.ft_info_box3 .zone{width:33.3%; float:left}
.ft_info_box3 .zone ul li{ text-align:left}
.ft_info_box3 .zone1  .cominfomail{ position:relative;padding-left:50px}
.ft_info_box3 .zone1 ul li span{ position:absolute; left:0; top:0}
.ft_info_box3 .zone ul li{padding-right:10px}
.ft_info_box3 .zone ul li:first-child{color:rgba(7, 253, 244, 0.95)}
#smo {
      text-align:center;
}

#smo a {
    display: inline-block;
    color: #00428d;
    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:38px; 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:#009fe7;
    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}



@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:10px;color:#fff; font-size:28px}
	.logo{ float:none;margin:10px auto;width:180px}
	.logo img{width:140px}
	/*手機選單*/
	.sb-slidebar{background:#0e4584; box-shadow: inset 6px 7px 5px rgba(0, 30, 51, 0.6);}
	#left_menu a, .sb-submenu a{color:#fff}
	.sb-menu>li:nth-of-type(2){ display: none}
	#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 .zone{width:50%; float:left}
	.ft_info_box3 .zone3{width:100%; float:none; clear: both }
	.ft_info_box3 .zone3 ul li{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{width:100%; float:none; clear: both}
	.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{width:calc(100% - 268px);padding-left:60px; float: left}
.left_nav .nav>li>a{padding:8px 0; border-bottom: 1px solid #000;color:#00428d; font-weight: bold}
.left_nav .nav>li.active>a{color:#009fe7}
.page-header h1{ font-size:25px;color:#00428d; text-transform: uppercase; font-weight: bold ; font}

.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;
  border: 1px solid #ddd;
  margin: 3px;
}
#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}
@media  (max-width : 1100px) {
	.application_zone .nav-tabs>li>a{padding:10px 6px; font-size:15px}

}

@media  (max-width : 1000px) {
	.application_zone .nav-tabs>li>a{padding:10px 15px; font-size:16px}

}



@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%}
.container_msg2 .page-header{margin-bottom: 0}
.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 .left_nav , .container_msg5  .page-header{ display: none}
.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%
      }
#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}
.container_contact .left_nav { display: none; }
.container_contact .right_content { padding-left: 0; margin-left: auto; margin-right: auto; float: none; }
.aboutPage {
  background: url(../images/about-bg-2.jpg) no-repeat;
}
.aboutPage p {
  line-height: 1.86;
  font-size: 16px;
}
.our-strength-text1 span {
  color: #00007e;
  font-size: 18px;
  font-weight: bold;
}
.about_bottom {
  margin-bottom: 50px;
}
.pdfbtn {
  background: #00007e;
  box-shadow: 0 0 6px rgb(0 0 0 / 30%);
  border-radius: 50px;
  padding: 8px 20px;
  display: none;
}

.pdfbtn a {
  color: #fff;
}


/* video 響應式 */
.video-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}
.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


#tablist.formula tbody tr td {
  vertical-align: middle;
}

#tablist.formula tbody tr td .newsTitle {
  margin-bottom: 15px;
}

#tablist.formula tbody tr td .newsTitle a {
  font-size: 20px;

}
#tablist.formula tbody tr td .newsTxt01 {
  font-size: 16px;
}

#tablist.formula tbody tr td:nth-child(even) {
  padding-left: 30px;
}

.Serve .eagle {
  position: relative;
  margin-bottom: 70px;
}
.Serve-com {
  position: absolute;
  right: 0;
  top: 50px;
  max-width: 700px;
  background: rgba(238,238,238,.9);
  padding: 30px 60px 40px;
  color: #5e5c5c;
  font-size: 17px;
  line-height: 1.86;
}
.Serve-com h3 {
  font-weight: 600;
  font-size: 22px;
  margin-bottom: 20px;
  color: #00007e;
}
.Serve-com ol {
  padding-left: 20px;
}
.Serve-com:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 30px 30px;
  border-color: rgba(0,0,0,0) rgba(0,0,0,0) #0d3984 rgba(0,0,0,0);
  bottom: 0px;
  right: 0px;
}

@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%}
#tablist.formula tbody tr td {width: 100%;display: block; border: none!important;}
.Serve-com {position: static;}
}

@media  (max-width : 480px) {
  #tablist.formula tbody tr td:nth-child(even) {padding-left: 15px;}
  .Serve-com {padding: 20px 20px 20px;}
  }