/*全站*/
.hideobj{
  display:none;
}
.histr{
  display:none;
}

a{
  color:#000;
  background-color:none;
}
a:hover, a:focus {
  text-decoration: underline;
  background:none;
  color:#000;
}
/*會員登入項目*/
#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;
}
.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 .control-label{
  width:auto;
  margin-right:3px;
}
.form-show .input-small{
  padding:4px 0px;
}
.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:#fff;
  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:5px;
}
/*--側欄--*/
#sidebar {
  padding:10px 0px
}

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

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

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

/*--內容區--*/
#content{
  padding:0px 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;
}
/*個數*/
.page-header {
  /*border-bottom:1px #eee solid;*/
}
@media (max-width : 380px) {
  .page-header h1{
    font-size: 30px;
  }
}
/*產品頁*/
.thumbnail {
  border:1px #8B8682 solid;
}
.cate-name,.cate-name-more{
  color:#333333;
  font-weight:bold;
  width:auto;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  text-align:center;
}

.cate-name a ,.cate-name-more a{
  color:#333333;
  font-weight:bold;
  text-decoration:none;
  width:auto;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  text-align:center;
}
.cate-name a:hover ,.cate-name-more a:hover{
  color:#8B8682;
  font-weight:bold;
  text-decoration:underline;
  width:auto;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  text-align:center;
}
.pro-desc{
 height:80px;
 overflow-x:hidden;
 overflow-y:auto;
}
.spec{
 height:38px;
}
/*產品介紹頁*/
#pb_area{
  /*border:  1px solid #ccc;*/
  overflow:hidden;
}
.bimgarea a img {
  display: block;
  max-width: 100%;
  height: auto;
}
@media (max-width: 768px) {
  .bimgarea a img{
    max-width: 100%;
    height: auto;
  }
}
.thumbnail img{
  margin-right: auto;
  margin-left: auto;
  display: block;
  max-width: 100%;
}
.input-group {
  display: table;
  padding-bottom:10px;
  width: 100%;
}
.input-group .form-control {
  margin-bottom: 0px;
}
.txtNormal {
  overflow:auto;
  width:100%;
}
#content .thumbnails .prodlist{
  /*height:250px;*/
  overflow:hidden;
}
#content .thumbnails .catelist{
  height:210px;
  overflow:hidden;
}
.listtxtspec .input-prepend{
  padding:1px 0px;
  margin:0px;
}
.clear{
  clear:both;
}
.listimg{
  height:150px;
}

#lineqty{
  width:30%;
}
.showsmall ul {
  padding: 0px; margin: 0px;
  list-style: none;
}
.showsmall li {
  float:left;
}
.showsmall li img  {
  margin: 3px;
  padding:3px;
  width:50px;
}
.pro-name{
  font-size: 20px;
  font-weight: bold;
  padding-top: 20px;
  padding-bottom: 10px;
}
/*產品表單*/
.tab1 th{
  background: #2D47A2;
  color: #fff;
}
.tab2 th{
  background: #4e3996;
  color: #fff;
}
.tab3 th{
  background: #1f804a;
  color: #fff;
}
.tab4 th{
  background: #0C6834;
  color: #fff;
}
.tab5 th{
  background: #cb3c38;
  color: #fff;
}
.tab6 th{
  background: #ce6430;
  color: #fff;
}
.tab7 th{
  background: #5D2D8C;
  color: #fff;
}
.tab1 td , .tab2 td , .tab3 td , .tab4 td , .tab5 td , .tab6 td , .tab7 td{
  padding: 3px 10px;
}

/*頁籤**/
.nav-tabs .active a{
 font-weight:bold;
}
/*訊息用*/
.msgcont{
  width:90%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  margin:10px;
}
.msg_img_title {
  width:30%;
}

/*尾檔*/
#cominfo ul li {
  display:inline-block;
}
#copyright{
  text-align:center;
}
#footlink ul li a { border-radius:inherit; }
#footlink ul li a:hover, .foot #footlink ul li a:focus, .foot #footlink ul li a:active {
  background:none;
  text-decoration:underline;
}
/*首頁用*/
#index_msg_ul a{
  background:#eee;
  padding:8px 15px;
  font-size:16px;
  color:#000;
}
#index_msg_ul a:hover{
  background:#eee;
  padding:8px 15px;
  font-size:16px;
  color:#000;
}
#index_msg_ul .msgcont{

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

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

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

#idxprocarousel  img {
  vertical-align : middle;
}
#idxprocarousel .caption {
    background : #666; padding : 5px;
}
#idxprocarousel .caption a {
    color : #fff;
}

#content .divider{
   display:none;
}
#content h5{
  border-left:5px solid #dc3836;
  font-size:18px;
  font-weight:bold;
  background-color: #eee;
  padding: 8px 10px;
}
#content h4{
  border-left:5px solid #ccc;
  font-size:18px;
  font-weight:bold;
  background-color: #eee;
}

ul{
  list-style:none;
}

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


#foto{
	margin:0% 0% 0% 3%;
}
#foto li{
  list-style-type:none;
  float:left;
  background-color: #FFF;
  text-align: center;
  padding: 10px;
  margin: 2% 2% 0% 0%;
}
#foto li img{
	padding:5px;
	box-shadow: 0px 0px 10px rgba(20%, 20%, 40%, 0.4);
	width:100px;
	height:200px;
}
/*company profile*/
@font-face {
	font-family: "NotoSans-Regular";
	src: url("/templates/03/css/fonts/NotoSans.eot");
	src: url("/templates/03/css/fonts/NotoSans.eot") format('embedded-opentype'),  local('Noto Sans'), url("/templates/03/css/fonts/NotoSans-Regular.ttf") format('truetype');
}
@font-face {
	font-family: "Graphik-Light";
	src: url("/templates/03/css/fonts/Graphik-Light.eot");
	src: url("/templates/03/css/fonts/Graphik-Light.eot") format('embedded-opentype'),  local('Graphik Light'), url("/templates/03/css/fonts/Graphik-Light.otf") format('opentype');
}
.pagetit {
  color: #2780B8;
  letter-spacing: 2px;
  font-weight: bold;
}
.abtxt {
  color: #595757;
  font-size: 14px;
  letter-spacing: 1px;
  text-align: left;
  margin: 0 auto;
}
.atxt {
  color: #595757;
  letter-spacing: 1px;
  margin: 0 auto;
}
.abtab{
	color: #595757;
  font-size: 14px;
  letter-spacing: 1px;
  text-align: left;
  margin: 0 auto;
	}
.abtab td{
	padding:8px;
}
.abtab .tdw{
  width: 111px;
}
@media screen and (max-width: 519px) {
  .abtab{
    letter-spacing: 0px;
  }
  .abtab .tdw{
    width: initial;
  }
}







  #tab table {
    border: 1px solid #ccc;
    width: 100%;
    height: 148px;
    border-collapse: collapse;
    border-spacing: 0;
  }
  #tab table .td1{
    color: #337ab7; 
    font-size: 1.2em; 
    font-weight: bold; 
  }
  #tab table .td11{
    text-align: center;
  }
  #tab table .td2{
    background: #F2F2F2; 
    text-align: center; 
    color: #337ab7; 
    font-size: 1.2em; 
    font-weight: bold; 
  }
  #tab table .td22{
    background: #F2F2F2; 
  }
  #tab table .tdL1{
    width: 70%;
    text-align: left;
  }
  #tab table .tdL2{
    background: #F2F2F2;
    text-align: left;
  }
  #tab table .tdL1-1{
    width: 50%;
    text-align: left;
  }
  #tab table .tdL2-2{
    background: #F2F2F2;
    text-align: left;
  }
  #tab table tr {
    border: 1px solid #ddd;
  }
  #tab table th, table td {
    padding: 10px;
    text-align: center;
  }

  @media screen and (max-width: 768px) {
    .tab1 td , .tab2 td , .tab3 td , .tab4 td , .tab5 td , .tab6 td , .tab7 td{
      padding: 6px 10px;
    }
    #tab table {
      border: 0;
    }
    #tab table .td1{
      text-align: right;
    }
    #tab table .td11{
      text-align: right;
    }
    #tab table .td2{
      background: none; 
      text-align: right; 
    }
    #tab table .td22{
      background: none; 
      text-align: right;
    }
    #tab table .tdL1{
      width: initial;
      text-align: right;
    }
    #tab table .tdL2{
      width: initial;
      background: none;
      text-align: right;
    }
    #tab table .tdL1-1{
      width: initial;
      text-align: right;
    }
    #tab table .tdL2-2{
      width: initial;
      background: none;
      text-align: right;
    }
    #tab table thead {
      display: none;
    }

    #tab table tr {
      margin-bottom: 10px;
      display: block;
      border-bottom: 2px solid #ddd;
    }

    #tab table td {
      display: block;
      text-align: right;
      font-size: 13px;
      border-bottom: 1px dotted #ccc;
    }

    #tab table td:last-child {
      border-bottom: 0;
    }

    #tab table td:before {
      content: attr(data-label);
      float: left;
      font-weight: bold;
    }
  }

.top_tel{font-size:28px;color:#f00;font-weight: bold;position: absolute;right: 0px;top: 35px;}
#hC {
    width: 66%;
}
@media (max-width: 992px) {
    .top_tel{
        top:25px;
        
    }
    #hC {
        width: 80%;
    }
    #hF {
        width:20%;
    }
}
@media (max-width: 768px) {
    .top_tel{
        top:100%;
    }
}

.f4dl2{font-size:20px;color:#f00;font-weight: bold;