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

* { -webkit-text-size-adjust:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} 
input, .input-append .add-on, .input-prepend .add-on{box-sizing:content-box;}

body{ margin:0; padding:0; text-align:center; background-color: #010101;}

sub, sup { 	font-size: 75%;	line-height: 0; 	position: relative; 	vertical-align: baseline; }
sup { 	top: -0.5em; }sub { 	bottom: -0.25em; }

img{border:0; padding:0; margin:0; vertical-align: middle;	max-width: 100%; width: auto\9; /* ie8 */}
form {margin:0;}

a{  color:#005a86; text-decoration:none; blr:expression(this.onFocus=this.blur()); noFocusLine:expression(this.onFocus=this.blur());}
	a:hover {text-decoration:underline; color:#913300;}
	a img {border:none;}
	a:focus { -moz-outline-style: none; outline:none;} 

#tarteaucitronAlertSmall { display: none !important; }
#container{background:#010101;}
.wrap{height: 1%;}
.wrap:after {clear: both; content: " "; display: block; height: 0; visibility: hidden;}

.wrap{margin:0 auto; width:1000px; text-align:left;}

#header{background:url(../images/bg1.jpg) top repeat-x #006597; border-bottom:1px #1271a0 solid; }
#header .wrap{position:relative;}
	#logo{top:10px; left:10px; position:absolute; z-index:2000}
	#lan{float:right; padding-top:13px; padding-bottom:24px; position:relative; z-index:2001;}
		#lan ul{list-style:none; margin:0; padding:0;}
		#lan li{float:left; margin-left:12px;}
		#lan a{color:#fff; background:url(../images/lan-icon.jpg) left center no-repeat; padding:1px 4px 1px 12px; display:block; font-size:12px;}
	#search-wrap{float:right; clear:right; margin-left:20px;}
		#search-input{border:1px #7ecef4 solid; height:24px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border-radius:0; margin-right:4px; float:left; width:130px;}
		#search-btn{background:url(../images/go.png) center center no-repeat #85d1f0; width:24px; height:24px; display:block; float:left; overflow:hidden; text-indent:-5000px; border:none; margin-right:4px;} 
		#search-more{background:url(../images/search-more.png) center center no-repeat; border:1px #7ecef4 solid; width:24px; height:24px; display:block; text-indent:5555px; overflow:hidden; float:left; }
	#nav{ float:right;}
	#nav ul{list-style:none; padding:0; margin:0;}
	#nav>ul>li{float:left;}
	#nav>ul>li>a {color:#fff; background:url(../images/nav-icon.png) left 1em no-repeat; padding:12px 36px 18px 18px; display:block; line-height:1em; font-size:14px;}
	.caret{border-top:4px solid #fff;}
	#nav > ul > li > .dropdown-menu {    background-clip: padding-box;    background-color: #ffffff;    border: 1px solid rgba(0, 0, 0, 0.2);    border-radius: 6px;    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);    display: none;    float: left;    left: 0;    list-style: outside none none;    margin: 2px 0 0;    min-width: 160px;    padding: 5px 0;    position: absolute;    top: 100%;    z-index: 1000;}
	.dropdown-menu .divider{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
	#nav > ul > li > .dropdown-menu:before {  position: absolute;  top: -7px;  left: 9px;  display: inline-block;  border-right: 7px solid transparent;  border-bottom: 7px solid #ccc;  border-left: 7px solid transparent;  border-bottom-color:rgba(0, 0, 0, 0.2);  content: '';}
	#nav > ul > li > .dropdown-menu:after {  position: absolute;  top: -6px;  left: 10px;  display: inline-block;  border-right: 6px solid transparent;  border-bottom: 6px solid #ffffff;  border-left: 6px solid transparent;  content: '';}

#banner{background:url(../images/bg2.jpg) bottom repeat-x; padding-bottom:71px; position:relative;}
	#banner .wrap{position:relative; margin-top:-1px;}
	#banner .carousel{ margin-bottom:0;}
	#banner-bg{position:absolute; top:0; right:0; z-index:999; width:84%;} #banner-bg img{margin:0; padding:0; display:block;}


#middle{background:url(../images/bg3.jpg) top repeat-x;}
#middle .wrap{ position:relative; top:-71px; overflow:hidden; }
#middle .wrap > .container{background:#ffffff; /* overflow:hidden; */ overflow: visible !important; display:block;}
.row-outer{padding-left:20px;}
	#sidebar{width:24%; float:left;  background:#cacbcc; padding:6px;}
	#side_menu, #rss_area{border:1px #959595 solid; padding:2px;}
	#side_menu{margin-bottom:12px;}
	.nav-header{color: #fff;    display: block;    font-size: 18px;    font-weight: bold;    line-height:1em;   padding:20px 3px 3px 35px; height:58px;    text-shadow:none; background:url(../images/side-ti-bg.png) left top no-repeat;    text-transform: uppercase;}
	#side_menu ul{list-style:none; margin:4px; padding:0;}
	#side_menu li{margin-bottom:1px;}
	#side_menu li a{background:#005b89 url(../images/menu-icon.gif) 0.6em 0.8em no-repeat; padding:4px 6px 4px 1.5em; display:block; color:#fff;}
	#side_menu li a:hover {background:#1980b2 url(../images/menu-icon.gif) 0.6em 0.8em no-repeat;}
  #rss_area ul{list-style:none; margin:6px; padding:0; text-align:center; font-size:12px;}
	#rss_area li{ display:inline; border-left:1px #666 solid; padding:0 4px;}
	#rss_area li:first-child{border-left:0;}
	#rss_area li img{margin-left:4px;}
	
	#content{width:75%; float:right; padding:18px 12px;}
	.breadcrumb{background-color:transparent;  border-radius:0;    list-style:none;    margin:0 0 16px 0;    padding:0; text-align:right; font-size:12px;}
	.page-header{background:#f8b551 url(../images/h1-bg.png) top left no-repeat; font-size:18px; font-weight:bold;  border-bottom: 0;    margin:0; padding:6px 6px 6px 25px; font-style:italic;}
	.page-header h1{padding:0; margin:0; font-size:18px; line-height:1em;}
	#result{font-size:13px; margin-bottom:4px;}
	#content > table.pro_tab_2 { overflow-x: scroll; }
	
	.thumbnails{}
	.span3{width:225px;}
	
	/*products*/
	.prolist-wrap{list-style:none; padding:0; margin:0;}
	.prolist-wrap li:after {clear: both; content: " "; display: block; height: 0; visibility: hidden;}
	.prolist-wrap li{margin-bottom:6px;}
	.prolist-wrap .listimg{border:1px #dcdcdc solid; float:left; padding:4px; margin-right:12px; width:150px; text-align:center;}
	.prolist-wrap .cate-name{background:url(../images/pro-icon.jpg) left 0.4em no-repeat; margin-top:8px; padding-left:16px; float:left; width:calc(100% - 170px); -moz-width:calc(100% - 170px); -webkit-width:calc(100% - 170px);}
	
	
	.procate-wrap{list-style:none; padding:0; margin:0;}
	.procate-wrap li:after {clear: both; content: " "; display: block; height: 0; visibility: hidden;}
	.procate-wrap>li{margin-bottom:12px;}
	.procate-wrap li .listimg{float:left; border:1px #dcdcdc solid; float:left; padding:4px; margin-right:12px; text-align:center; width:150px;}
	.procate-wrap li .cate-name{ background:none; padding-left:0; margin-top:8px; font-weight:bold; float:left; width:calc(100% - 170px); -moz-width:calc(100% - 170px); -webkit-width:calc(100% - 170px);}
	.procate-wrap li .listtxtNormal li{list-style:none;}
	.procate-wrap li .listtxtNormal a{color:#333333; background:url(../images/pro-icon.jpg) left 0.4em no-repeat; padding-left:16px;}

#footer{ margin-top:-65px;}
#footer .wrap{text-align:center; position:relative; color:#b1b1b1; font-size:13px;}
	#footer-nav{background:url(../images/footer-bg.png) bottom center no-repeat; padding-bottom:6px; margin-bottom:6px;}
	#footer-nav ul{list-style:none; margin:0; padding:0;}
	#footer-nav li{ display:inline; border-left:1px #666 dotted; line-height:0.6em;}
	#footer-nav li a{padding:2px 14px; color:#8d8c8c; font-size:13px;}
	
	#footer-link2 ul{list-style:none; margin:0; padding:0;}
	#footer-link2 li{ display:inline;}
	#footer-link2 li a{color:#6c6c6c; font-size:12px;}
	


/*-----------------  sidebar -------------------*/
.sb-toggle-left{cursor:pointer; position:absolute; top:20px; left:12px; display:none; z-index:10000}
.navicon-line {    background-color: #cfebfa;    border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px;    height: 4px;    margin-bottom: 3px;    width: 24px;}
.sb-slidebar{text-align:left; /*font-size:13px; */color:#8a8a8a}
.sb-slidebar a{color: #f2f2f2; }
	.sb-title{border-top: 1px solid rgba(255, 255, 255, 0.1);	border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding:0.8em 1em; display:block;}
	/* Main Menu */
	.sb-menu {	padding: 0;	margin: 0;	list-style-type: none;}
	.sb-menu li {	width: 100%;	padding: 0;	margin: 0;	border-top: 1px solid rgba(255, 255, 255, 0.1);	border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
	.sb-menu > li:first-child {	border-top: none;}
	.sb-menu > li:last-child {	border-bottom: none;}
	.sb-menu li a {	width: 100%;	display: inline-block;	padding: 1em;	}
	.sb-menu li a:hover {	text-decoration: none;	background-color: rgba(255, 255, 255, 0.05);}
	.sb-menu .divider{display:none;}
	
	/* Submenus */
	.sb-submenu {	display: none;	padding: 0;	margin: 0;	list-style-type: none;	background-color: rgba(255, 255, 255, 0.05);}
	
	/* Caret */
	span.sb-caret, i.sb-caret  {	width: 0;	height: 0;	display: inline-block;	margin: 0 5px;	border: 5px solid transparent;}
	span.sb-caret, i.sb-caret {	border-top: 5px solid;	border-bottom: 0px solid transparent;}
	.sb-submenu-active > span.sb-caret, .sb-submenu-active > i.sb-caret  {	border-top: 0px solid transparent;	border-bottom: 5px solid;}
	
	#left-search{border-top: 1px solid rgba(255, 255, 255, 0.1);	border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding:1em;}
		#left-search #search-input{width:calc(100% - 70px);}
#mobile-menu {
  display: none;
  position: fixed;
  left: 0;
  top: 54px;
  width: 100%;
  height: 100%;
  background: #111;
  overflow-y: auto;
  z-index: 9999;
  transition: transform 0.3s ease;
}
#mobile-menu.active {
  display: block;
}

@media screen and (max-width: 768px) {
  .sb-toggle-left {
    display: block;
  }
  #nav, #search-wrap {
    display: none; 
  }
} 

/*會員登入項目*/
#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:#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:5px;
}

/*產品頁*/
.thumbnail {
  border:1px #8B8682 solid;
} /*
/*產品介紹頁*/
#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%;
}
.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;*/
}

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

/*尾檔*/
#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;
}




/*== 20141027==*/

.pro_tab{border: 1px solid #999; width: 96%; text-align: center;}
.th_1{border: 1px solid #999; background-color: #66CCFF; font-weight: bold;}
.th_1_1{font-family:"AR Script1 Bold","Bickley Script LET"; font-weight:normal; font-size:16px; }
.td_01{	border: 1px solid #999; background-color:#F0F0F0;}
.td_02{	border: 1px solid #999; background-color:#FFFFE6;}

.pro_tab_2{
	width: 72%;
	border-top-width: 1px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999;
	border-bottom-color: #999;
}
.th_2{background-color: #66CCFF; text-align: center;}
.td_03{	background-color: #f6f5f5;padding: 0 4px;}
.td_04{	background-color: #d3edfa; padding:0 4px;}
.star{color:#cc0000;}

.pro_tab_2 td:first-child {
  text-align: left;
}

.pro_tab_c td:first-child{
  text-align: center;
}
.w-100 {
  width: 96%;
}
.txt-center {
  text-align: center;
}

.white {
  background: #f3f3f3;
}

.mauto{
	margin: 0 auto;
	display: flex;
}

@media (max-width : 1019px) { /*bootstrap width 940px */
	.wrap{width:100%; margin:0 auto;}
	#header{padding:0 1%;}
	#banner .wrap{width:100%; padding:0; text-align:center; } .item active a{}
	#banner .wrap img{margin:0; padding:0; width:100%}
	.nav-header{background-image:url(../images/side-ti-bg_s2.png);}
   

}

@media (max-width : 999px) {
	#search-wrap{clear:none; padding-top:12px;}
	#nav{clear:right;}
	#banner-bg{width:80%; vertical-align:top;}
}

@media (max-width: 979px)  { /*bootstrap width 724px */
	.nav-header{background-image:url(../images/side-ti-bg_s3.png); font-size:15px;}
	#side_menu ul{font-size:0.9em;}
	#rss_area li{display:block; border-left:0; text-align:left;}
	
}
@media (max-width: 800px){
	#sidebar{display:none;} #content{width:100%;}  #middle{background:none;}
	#container{padding-top:54px;}
	#header{background-position:bottom center; padding-bottom:6px; position:fixed; width:100%; top:-0px; z-index:1000;}
	.sb-active #container{padding-top:0;}
	.sb-active #header{position:relative;}
	.sb-toggle-left{display:block;}
	#nav, #search-wrap{display:none;}
	#logo{position:relative; text-align:center; top:auto; left:auto; } 
	#logo img{display:none;}
	#logo a{background:url(../images/logo2.png); width:174px; height:47px; display:block; overflow:hidden; text-indent:-5000px; margin:0 auto;}
	#lan{padding-bottom:0; position:absolute; top:12px; right:5px;}
	#banner-bg{display:none;}
}
@media (max-width : 768px) {
	

}
@media (max-width: 767px)  { /*bootstrap width auto */
	.row-outer{padding-left:0;}
	
	
}
@media (max-width : 720px){
	
}
@media (max-width : 600px){
	#footer-nav li a{padding:2px 6px;}
	#lan{padding-top:0; top:4px;}
	#lan li{ float:none;}
	
	
	

@media (max-width : 480px){
	
}
@media (max-width : 360px){
	.procate-wrap li .listimg, .prolist-wrap .listimg{width:100%; float:none;}
	.procate-wrap li .cate-name, .prolist-wrap .cate-name{width:auto; float:none; text-align:center; margin-bottom:16px;}
	.prolist-wrap .cate-name{text-align:left;}
	
	
}
@media (max-width : 320px){
	
}

#middle .wrap > .container{
  
}
/* 只讓表格這一塊可以左右滑，手機也順手勢 */
.table-scroll{
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  border: 1px solid #dcdcdc;          /* 可選：加個邊線，看起來像一個區塊 */
  border-radius: 4px;
}

/* 表格寬度設定：別被 w-100 限死寬度，超過才會出現捲軸 */
.table-scroll > table{
  width: auto !important;              
  min-width: 100%;                    /* 依你的欄位數調整門檻，例：900~1200px */
  border-collapse: collapse;
}

/* 桌機下通常不需要橫捲，想恢復滿版可這樣寫 */
@media (min-width: 992px){
  .table-scroll{ overflow: visible; }
  .table-scroll > table{ min-width: auto; width: 100% !important; }
}