/*全站*/
img { max-width:100%; }
.hideobj{
/*  display:none;*/
}

a{
  color:#000;
  background-color:none;
}
a:hover, a:focus {
  text-decoration: underline;
  background:none;
  color:#000;
}
.left{ float:left;}
.right{ float:right;}

/*會員登入項目*/
#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;}
.container_contact #sidebar{ display: none;}


@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 {

  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;
}
/*--側欄--*/
#sidebar {
  padding:0px;
}

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

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

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

/*--內容區--*/
#content{
  padding: 0px;min-height:350px
}
#content .text-left{ margin-top:90px;    margin-bottom: 30px;}
#container #content h2{font-size: 22px;    color: #0e6eb8;   background: url(../images/com_icon.png) no-repeat  top 5px left; padding-left: 20px;line-height: 1.2em; margin: 0 0 10px; clear:both;}
#container #content .txtNormal p{ font-size: 14px; line-height: 150%;padding: 1% 0;margin: 0 0 10px 20px;}
#container #content .txtNormal ul{ list-style-type: disc; line-height: 1.8em; padding: 2% 4% 2% 35px;}
#container #content .txtNormal ul li{  padding:2px 0;    font-size: 14px;}
/*麵包屑*/
#content .breadcrumb {
  text-shadow: none; background:none; text-align:right;padding: 14px 0;
}
#content .breadcrumb li {
  text-shadow: none;
}
#content .breadcrumb li a {
  text-shadow:none;
  text-decoration: none;
  color:#076FB8;
  font-size:14px;
}
#content .breadcrumb li a:hover {
  text-shadow: none;
  background:none;
  color:#5aa0d9;
}
#content .breadcrumb li.active a , #content .breadcrumb li.active{ color:#5aa0d9;}
#content .breadcrumb li .divider{
  text-shadow:none;
  background:none;
}
#content .breadcrumb li:first-child:before{display:inline-block; content: "\f067"; font-family:FontAwesome;  padding-right: 1px;  font-size: 12px;color:#076FB8;}
.breadcrumb>li+li:before {padding: 0 5px; content: "\f105"; font-family: FontAwesome;color:#076FB8;}
/*個數*/
.page-header {display:none;}
.page-header h1{ font-size:200%;color:#417ec8;    margin: 0 0 15px 0;font-weight:700;}


/*產品頁*/
.thumbnail {
  border:0;margin-bottom:55px
}
.cate-name,.cate-name-more{
  color:#076FB8;
  font-weight:bold;
  width:auto;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  text-align:center;
}

.cate-name a ,.cate-name-more a{
  color:#333333;
  font-weight:bold;
  text-decoration:none;
  width:auto;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  text-align:center;
}
.cate-name a:hover ,.cate-name-more a:hover{
  color:#8B8682;
  font-weight:bold;
  width:auto;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  text-align:center;
}
.pro-desc{
 height:80px;
 overflow-x:hidden;
 overflow-y:auto;
}
.spec{
 height:38px;
}

.productarea{ padding-top:90px;font-family: 'Roboto-Regular', 'Microsoft JhengHei', sans-serif;}
.productarea ul{ margin:0 ;padding:0}
.productarea>ul:after{ content:''; display:block; overflow:hidden; clear:both;}
.productarea li{ box-sizing:border-box; padding:0 8px;}
.productarea li div{width:100% ; padding:0;}

.productarea li .listimg{margin-bottom:3px;
  display: -webkit-flex;
  display:         flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;}
.productarea li .caption{}
.productarea li .cate-name{height:30px;}

.productarea li .caption a , .productarea li .cate-name-more a ,.productarea li .id-name{color:#fff;background:#106eb8; display:block;padding:3px;font-weight: normal;font-size: 18px;}
.productarea li .id-name a{ font-weight:normal;color:#fff}
.thumbnail .listimg { border:1px solid #fff; box-shadow:0 0px 5px  #fff }
.thumbnail:hover .listimg{     border: 1px solid #4f97d1;    box-shadow: 0 0px 5px rgba(79, 151, 209, 0.75);}
.thumbnail:hover .caption a , .thumbnail:hover .cate-name-more a,.productarea li:hover .id-name{ background:#0a5da0; text-decoration:none}
.productarea .thumbnail .caption{padding:0}
.listtxtNormal{height:35px; display:block; font-size:115%; line-height:120%;padding-top:2px}

.thumbnail:hover .listtxtNormal {color:rgba(255,144,0,1.00)}


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

}
#content .thumbnails .catelist{

}
.listtxtspec .input-prepend{
  padding:1px 0px;
  margin:0px;
}
.clear{
  clear:both;
}
.listimg{

}

#lineqty{
  width:30%;
}
.showsmall ul {
  padding: 0px; margin: 0px;
  list-style: none;
}
.showsmall li {
  float:left;
}
.showsmall li img  {
  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_date {
  display: none;
}
.msg_img_title {
  width:30%;
}
.container_msg3 .page-header {display: block;}
.container_msg3 #content .text-left {margin-top:0;}

.new_info strong{color: #106eb8;    padding-right: 5px;}

/*公司簡介*/
#container #content .com p{ margin-bottom:30px ;}
.com .img { width:22%; float:left; margin:0 1%; text-align:center;}
.com_map{ position:relative; margin-top: 30px;  }
.com_map>img{ width:100%;}
.com strong{ clear:both; display:block;}

.location{position: absolute; cursor:pointer;}
.location>img:hover{ opacity: 0.7;}

#Taichung{right: 39%;bottom: 32%;}
#Jiangsu{top: 23%;right: 47%;}
#Nanjing{right: 51%;top: 16%;}
#Dongguan_Donyun{bottom: 19%;right: 66%;}
#Taoyuan{right: 38%;bottom: 34%;}
#JiaMei{bottom: 17%;right: 68%;}

.com_map .loc{display:none; position:absolute; background: rgba(0, 0, 0, 0.79); color: #fff; width:340px; border: 2px solid #fff;    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.27); z-index:1;}
.com_map .loc strong{font-size: 16px;display: block;font-weight: normal;line-height: 2em;background: rgba(94, 94, 94, 0.3);padding: 5px 10px;text-transform: uppercase;}
.com_map .loc strong:after{ font-family: FontAwesome;content: "\f00d"; display:inline-block; float:right;}
.com_map .loc table tr{ border-bottom:1px solid rgb(122, 122, 122);}
.com_map .loc table tr:last-of-type  , .mob_col table tr:last-of-type{ border:none;}
.com_map .loc table td , .com_map .loc table th  { line-height: 1.5em; padding: 5px 10px;}

.com_map .outer {position: absolute;    width: 120px;    right: 30px;    top: 0;border: 2px solid rgba(14, 110, 184, 0.4);}
#Taoyuan .outer { left:30px;    top: -10px;}
#Jiangsu .outer{  left:30px;}
#JiaMei .outer{ width:53px;}
#Dongguan_Donyun .outer {    left: -100px;   top: -90px;}
/*.location>div a{color: #fff;}*/


.loc1 , .loc2 , .loc3 , .loc4 , .loc5, .loc6, .loc7  { left: 50%; top: 50%; margin-left: -300px; margin-top: -134px;}


.history ul{ border-top: 1px solid #f2f2f2;margin: 0; padding:2% 4% 0 35px;    border-left: 2px solid #0e6eb8;    margin-left: 30px;}
.history .his_child>strong{
	font-size: 16px;
    font-weight: normal;
    display: block;
    background: #0e6eb8;
    width:20%;
    color: #fff;
    text-align: center;
    padding: 12px 0;
    cursor: pointer;


    line-height: 1em;}
/*.history .his_child>strong:hover{ background: #d71518;}*/
.history .his_child>strong:after{ content:' '; display:block;}
.history li:hover{ color: #0e6eb8;}
.history ul strong{ color:#0e6eb8;}
.history .his_child { margin: 1% 0;}
.history .his_child ul{}
.history ul:after{ overflow:hidden; clear:both; content:''; display:block;}
/*.history .his_child:first-of-type ul{ display:block !important;}*/

.list-pic{ overflow:auto; }
.list-pic>div{ width:800px;position:relative; height:951px; }
.list-pic map area { position:absolute;}
.list-pic map area:hover  {     border: 2px dotted rgba(79, 151, 209, 0.54);    background: rgba(16, 110, 184, 0.14);}
.list-pic map area:focus {outline:none;}
.list-pic .m-loc1{
	height: 120px;
	width: 130px;
	top: 140px;
	left: 63px;
	}
.list-pic .m-loc2{height: 120px;width: 140px;top: 140px;left: 205px;}
.list-pic .m-loc3{
    height: 120px;
    width: 140px;
    top: 140px;
    left: 355px;
    }
.list-pic .m-loc4{
    height: 80px;
    width: 165px;
    top: 140px;
    right: 106px;
    }
.list-pic .m-loc5{
    height: 92px;
    width: 159px;
    top: 257px;
    right: 47px;
    }
.list-pic .m-loc6{
    height: 84px;
    width: 192px;
    top: 267px;
    left: 40px;
    }
.list-pic .m-loc7{
    height: 102px;
    width: 130px;
    top: 365px;
    left: 60px;
    }
.list-pic .m-loc8{
    height: 141px;
    width: 220px;
    top: 480px;
    left: 25px;
    }
.list-pic .m-loc9{
    height: 121px;
    width: 167px;
    bottom: 54px;
    left: 35px;
    }
.list-pic .m-loc10{
    height: 121px;
    width: 137px;
    bottom: 54px;
    left: 207px;
    }
.list-pic .m-loc11{
    height: 121px;
    width: 159px;
    bottom: 54px;
    left: 370px;
    }
.list-pic .m-loc12{
    height: 166px;
    width: 195px;
    bottom: 70px;
    right: 25px;
    }
.list-pic .m-loc13{
    height: 108px;
    width: 191px;
    bottom: 297px;
    right: 35px;
    }

.list-pic img{max-width:none;}
.cer strong{  line-height: 1.3em !important; font-size:16px;  display:block; padding: 8px 0; border-bottom: 1px solid #ccc;margin: 30px 0 15px; clear:both;width: 30% !important;}
.cer .cer_img{     text-align: center;    width: 33%;    float: left;}
.cer>div .cer_img:nth-child(3n+1){ clear:left;}
.cer .cer_img p{    width: 80%;    text-align: left;    margin: auto;}
.cer .cer_img img{ width:200px;  border: 1px solid #106eb8;    box-shadow: 1px 1px 3px #d1d1d1;    padding: 2px;}
.cer .cer_img img:hover{  box-shadow: 1px 1px 5px #106eb8; }
.cer li { padding:0!important;}
.cer ul {     list-style-type: none !important;}

.inver { margin-bottom:30px;}
.inver th , .inver td {    padding: 10px 15px;    font-size: 14px;    line-height: 1.5em;}
.inver tr:nth-child(even){   background: #f9fafd;}
.inver td{}

.tab01 { width:100%;margin-bottom:30px;}
.tab01 .title{font-weight: bold; background: #106eb8;font-size: 16px;color: #fff;border-bottom: 1px solid #106eb8;text-align: center;}
.tab01 th { background: rgba(16, 110, 184, 0.15);text-align: right;width: 20%;}
.tab01 th, .tab01 td{    padding: 10px 10px;font-size: 14px;line-height: 1.5em;border-bottom: 1px solid rgba(255, 255, 255, 0.64);}

.production {}
.process {text-align:center;}
.process .img {display:inline-block;width: 30%;padding: 2% 0 0;border: 1px solid #ccc;margin: 2% 1%;}
.process .img:hover{ border: 1px solid #d71518;}

#container #content .txtNormal .process .img p {text-align:center;padding: 1% 0;margin: 3% 0 0 0;font-size: 16px;
background: -moz-linear-gradient(left, rgba(173,173,173,0.65) 0%, rgba(173,173,173,0.54) 26%, rgba(147,147,147,0.33) 79%, rgba(147,147,147,0.24) 100%);
background: -webkit-linear-gradient(left, rgba(173,173,173,0.65) 0%,rgba(173,173,173,0.54) 26%,rgba(147,147,147,0.33) 79%,rgba(147,147,147,0.24) 100%);
background: linear-gradient(to right, rgba(173,173,173,0.65) 0%,rgba(173,173,173,0.54) 26%,rgba(147,147,147,0.33) 79%,rgba(147,147,147,0.24) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6adadad', endColorstr='#3d939393',GradientType=1 );
}

.process .img p:after{font-family: FontAwesome; display: inline-block;margin-left: 8px;content: "\f061";font-size: 15px;color: #ffffff;}
.process2 .img p:after , .process3 .img p:after  , .process4 .img p:after { content:'';}
.process3 .img  { padding:2% 0;}
.process4 .img { width:80% !important;}

ul.number{list-style-type: cjk-ideographic !important;}
ul.no{ list-style:none !important; padding-left:0!important;}
ul.num {list-style-type: decimal!important;}
.inv ul.num{ padding-left:42px;}
.inv strong{ font-size:16px; padding:5px 0;display: inline-block;}
.inv .tab01 th {  white-space:nowrap; width:15%;}
.inv .txt * { -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
.inv .txt{    list-style-type: none !important;}
.inv .txt li{    margin: 2% 0;    border: 1px solid #ccc;    padding: 3%  2%!important;}
.inv .txt li:hover{    background: #f8f8f8;}
.inv .txt li:hover a{ color:#a6080b;}
.inv .txt .date{    display: inline-block;    font-size: 18px;    width: 15%;    text-align: center;    border-right: 1px solid #ccc;}
.inv .txt .date:before{    content: "\f073"; font-family:FontAwesome; padding-right:5px; display:inline-block; vertical-align:middle;}
.inv .txt a{ display: inline-block;    font-size: 18px;   padding-left: 3%;}
.inv .tab01 td{ text-align:center; border-bottom:1px solid rgba(236, 236, 236, 0.64);}
.inv-pdf {margin-bottom: 5px;}
.inv-pdf a:before {content: "\f1c1"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto;
  font-size: 24px; padding-right: 10px; color: red; vertical-align: middle; padding-bottom: 5px;}
#container #content .txtNormal .inv ul{ padding-top:0;}
/*尾檔*/
#cominfo ul li {
  display:inline-block;
}
#copyright{
  text-align:left; padding:10px 0px;
  font-size:16px;
}
#footlink ul li a { border-radius:inherit; }
#footlink ul li a:hover, .foot #footlink ul li a:focus, .foot #footlink ul li a:active {
  background:none;
  text-decoration:underline;
}
/*首頁用*/
#index_msg_ul a{
  background:#eee;
  padding:8px 15px;
  font-size:16px;
  color:#000;
}
#index_msg_ul a:hover{
  background:#eee;
  padding:8px 15px;
  font-size:16px;
  color:#000;
}
#index_msg_ul .msgcont{

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

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

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

#idxprocarousel  img {
  vertical-align : middle; text-align:center;margin:0 auto
}
#idxprocarousel .caption {
    background : #9aa000; padding : 10px 0;
}
#idxprocarousel .caption a {
    color : #fff;
}
#idxprocarousel .caption:hover{ background:#f49e00}
#content h5{font-family: 'Roboto', sans-serif ;}
 #content h4{
    font-size: 21px;
    padding: 7px;
    color: #076FB8;
}

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;
}
.pagination{margin:50px 0}

/*newsletter*/
#newsletter_area{ display:none}

#result{ display:none}

/***style for banner's arrows and pagination end ****/