/** 頭檔用**/
.hideobj{
 display:none;
}
.histr{
 display:none;
}
#content{
 padding:10px 0px 50px;
}
#sidebar {
padding:0px 0 0 0px;
}
.nav-header{
 background:#eee;
 font-weight:bolder;
 padding:8px 15px;
 font-size:16px;
}
.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 8px;
  margin-right: 15px;
  margin-bottom: 8px;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 4px;
}

.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}

.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}

.navbar-header:before,
.navbar-header:after {
  display: table;
  content: " ";
}

.navbar-header:after {
  clear: both;
}

.navbar-header:before,
.navbar-header:after {
  display: table;
  content: " ";
}

.navbar-header:after {
  clear: both;
}

.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}

.navbar-default .navbar-brand {
  color: #777777;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}

.navbar-default .navbar-text {
  color: #777777;
}

.navbar-default .navbar-nav > li > a {
  color: #777777;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #333333;
  background-color: transparent;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555555;
  background-color: #e7e7e7;
}

.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #cccccc;
  background-color: transparent;
}

.navbar-default .navbar-toggle {
  border-color: #dddddd;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #dddddd;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #cccccc;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7;
}

.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
  border-top-color: #333333;
  border-bottom-color: #333333;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #555555;
  background-color: #e7e7e7;
}

.navbar-default .navbar-nav > .open > a .caret,
.navbar-default .navbar-nav > .open > a:hover .caret,
.navbar-default .navbar-nav > .open > a:focus .caret {
  border-top-color: #555555;
  border-bottom-color: #555555;
}

.navbar-default .navbar-nav > .dropdown > a .caret {
  border-top-color: #777777;
  border-bottom-color: #777777;
}

.navbar-brand {
  float: left;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
}

.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}

#mainbanner{
 padding-top:5px;
}



/** 產品用 **/
/**分類名稱 產品名稱**/
.cate-name,.cate-name-more{
 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;
}

.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:300px;
  overflow:hidden;
}

#content .thumbnails .catelist{
  height:210px;
  overflow:hidden;
}

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

.listimg{
  height:150px;
}
.listlink{
  height:150px;
}

#lineqty{
  width:30%;
}

.showsmall ul {
     padding: 0px; margin: 0px;  list-style: none;
}

.showsmall li {
  float: left;
}

.showsmall li img  {
  border: 1px solid #dadada;
  margin: 3px;
  padding:3px;
  width:50px;
}

/*相關產品*/
.breadcrumbot {
  padding: 8px 15px;
  margin: 0 0 20px;
  list-style: none;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.breadcrumbot > li {
  display: inline-block;
  *display: inline;
  text-shadow: 0 1px 0 #ffffff;
  *zoom: 1;
}

.breadcrumbot > li > .divider {
  padding: 0 5px;
  color: #ccc;
}

.breadcrumbot > .active {
  color: #999999;
}
.bimgarea{
 min-height:300px;
}

/*訊息用*/
.msgcont{
 width:90%;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 margin:10px;
}
.msg_img_title {
 width:30%;
}

/**表單元素**/
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;
}



/**************************************/
#mainbanner, .hello, #footernav, #copyright, #footlink, .nav-header, .page-header, #result, .thumbnails{display:none;}
.center{text-align:center;}


body{background:url(../images/body_bg.jpg) no-repeat center top #000;}
#company_logo{margin:35px 0 0 10px;}
#mainnav{margin-bottom:0px;}
#language_area .nav{margin-bottom:4px; margin-right:30px;}
#language_area .nav a{color:#FFF;}
#language_area .nav>li>a:hover, .nav>li>a:focus{background:#ab9e02; color:#000;}
.navbar .nav{float:right; background:url(../images/navbar-line.png) no-repeat right; margin:0px 30px 0 0; padding:0px;}
.navbar-inner{background:none; border:none;}
.navbar .nav>li{background:url(../images/navbar-line.png) no-repeat left; padding:6px 14px;}
.navbar .nav>li>a{color:#feed7f; font-size:14px; text-shadow:none;}
.navbar .nav>li>a:focus, .navbar .nav>li>a:hover{color:#FFF;}
#content{background:url(../images/content_bg_1170.jpg) no-repeat center top #303030; margin:6px 0; color:#FFF;}
.breadcrumb{background:none; text-align:right; margin-right:20px;}
.breadcrumb>li{text-shadow:none;}
.breadcrumb a{color:#FFF;}

#side_menu .nav-list li{float:left; padding:0px 20px; }
#side_menu .nav-list li a{font-size:14px; color:#feed7f; padding:0px 40px; line-height:61px; text-shadow:none;}
#side_menu .nav-list li a:hover{background:#000;}

#cominfo, #cominfo a { color:#AAAAAB;}
.nav{margin-bottom:0px;}
.nav-stacked{background:#171717; padding:6px 20px 12px; border-radius:3px; margin:0px 14px 20px;}
.nav-stacked li{margin:4px;}
.nav-stacked div{display:inline-block; margin-right:10px; }
.nav-stacked .clear{display:block; height:1px;}

.pro-list1{text-align:center;}
.pro-list2{padding:0 10%;}
.pro-list2-pic{float:left; width:50%; margin-bottom:30px;}
.pro-list2-pic .more{color:#FF0; background:#000; float:right; width:70px; padding:4px 6px; clear:both;}
.pro-list2-pic .more a{color:#FFF;}
.pro-list3{width:90%; margin:auto;}
.pro-list3-pic{float:left; width:33.333%; text-align:center; margin-bottom:20px;}
.pro-list3-pic p{text-align:left; margin-left:50px;}
.pro-list4{width:98%; margin:auto;}
.pro-list4-pic{float:left; width:25%; text-align:center; margin-bottom:30px;}

.download{padding:0px 60px;}
.download a{color:#FFF;}
.table-responsive{margin:0px 60px;}
.table-responsive a{color:#FFF;}
.table-striped tbody>tr:nth-child(odd)>td, .table-hover tbody tr:hover>td{background:#303030;}

.tab01{margin:auto; color:#000; width:80%; text-align:center; border-spacing:4px; border-collapse:inherit;}
.tab01 td{padding:4px 10px;}
.tab-1{background:#FFF;}
.tab-2{background:#c3c3c3;}
.tab-3{background:#9e9e9e;}
.tab-4{background:#7b7b7b;}
.spec{clear:both; width:80%; margin:auto;}


legend, label{color:#FFF;}

.com{width:70%; margin:auto; line-height:1.8em;}


@media screen and (max-width: 1200px){
	#mainnav .navbar-inner{padding:0px;}
	.navbar .nav{margin-right:0px;}
}
@media screen and (min-width: 980px) and (max-width: 1200px) {
    .navbar .nav>li{background:url(../images/navbar-line.png) no-repeat left; padding:6px 9px;}
	#side_menu .nav-list li{float:left; padding:0px 10px; }
	#content{background:url(../images/content_bg_948.jpg) no-repeat center top #303030; margin:6px 0;}
	.pro-list3-pic p{text-align:left; margin-left:10px;}
}

@media screen and (min-width: 768px) and (max-width: 979px)  {
	#header{height:114px;}
	#side_menu .nav-list li a{font-size:14px; color:#feed7f; padding:0px 14px; line-height:61px; text-shadow:none;}
	.pro-list3{width:95%;}
	.pro-list3-pic{float:left; width:30%; text-align:center; margin:0px 10px 20px;}
	.pro-list3-pic p{text-align:left; margin-left:0px;}
	.navbar .nav{background:#333; margin-right:4px; border-radius:5px;}
	.navbar .nav>li{background:none; border-bottom:#f8e13b 1px solid;}
	.nav-collapse .nav>li>a:hover, .nav-collapse .nav>li>a:focus, .nav-collapse .dropdown-menu a:hover, .nav-collapse .dropdown-menu a:focus{background:none;}
}

@media screen and (max-width: 768px) {
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .pro-list3{width:95%;}
	.pro-list3-pic p{text-align:left; margin-left:0px;}
	.breadcrumb li{float:left;}
	.navbar .nav{background:#333; margin-right:4px; border-radius:5px;}
	.navbar .nav>li{background:none; border-bottom:#f8e13b 1px solid;}
	.nav-collapse .nav>li>a:hover, .nav-collapse .nav>li>a:focus, .nav-collapse .dropdown-menu a:hover, .nav-collapse .dropdown-menu a:focus{background:none;}
	#company_logo{margin-top:5px;}
}


@media screen and (max-width: 640px) {
	#side_menu .nav-list li{padding:0 2px;}
	#side_menu .nav-list li a{background:#000; padding:12px 32px; border-right:#666 1px solid; line-height:normal;}
	.breadcrumb{margin:30px 20px;}
	.pro-list4-pic{width:33%;}
}
@media screen and (max-width: 600px) {
	#company_logo{margin-top:8px;}
	.breadcrumb{margin:0px 20px 20px 0;}
}

@media screen and (max-width: 568px) {
	#company_logo{margin-top:10px;}
}

@media screen and (max-width: 480px) {
   .pro-list3{width:100%;}
   .pro-list2-pic, .pro-list3-pic, .pro-list4-pic{width:80%; margin-left:10%;}
   .pro-list3-pic p{text-align:left; margin-left:0px;}
   .navbar .nav{background:#333; margin-right:4px; border-radius:5px;}
   .navbar .nav>li{background:none; border-bottom:#f8e13b 1px solid;}
   .nav-collapse .nav>li>a:hover, .nav-collapse .nav>li>a:focus, .nav-collapse .dropdown-menu a:hover, .nav-collapse .dropdown-menu a:focus{background:none;}
   #company_logo{margin-top:12px;}
}

@media screen and (max-width: 360px) {
	#company_logo{margin-top:20px;}
}

@media screen and (max-width: 320px) {
	#company_logo{margin-top:25px;}
}