/*全站*/
/*html, body { font-family: "Microsoft JhengHei"!important; }*/
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{text-align: left;}


*{ -webkit-text-size-adjust:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} 

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 	margin:0;	padding:0;}
html,body {	margin:0;	padding:0; vertical-align: baseline; }
table {	border-collapse:collapse;	border-spacing:0;}
ol,ul {	list-style:none;}

body{ color: #221815; font-family:'Calibri', 'Droid Serif', \5FAE\8EDF\6B63\9ED1\9AD4, Arial, sans-serif; margin: 0; padding: 0; font-size: 13px; }

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; text-align: -webkit-center;}


a{color:#292929; text-decoration:none; blr:expression(this.onFocus=this.blur()); noFocusLine:expression(this.onFocus=this.blur()); -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
	a:hover {text-decoration:none; background:none; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
	a img {border:none;}
	a:focus { -moz-outline-style: none; outline:none; text-decoration:none;} 
	

p{ margin:0;}

ul{ margin-bottom:0;  -webkit-padding-start:0;}

.table-container{width: 100%;	overflow-y: auto;	_overflow: auto;	margin: 0 0 20px 0;}
.table-container::-webkit-scrollbar{	-webkit-appearance: none;	width: 14px;	height: 14px;}
.table-container::-webkit-scrollbar-thumb{	border-radius: 8px;	border: 3px solid #ddd;	}

#hello_member, #result, #incateall, .ftbar, #cominfo, .sb-toggle-right, .inmsg110{display:none;}

#container{ overflow: hidden; }
.wrap{height: 1%;}
.wrap:after {clear: both; content: " "; display: block; height: 0; visibility: hidden;}
.wrap{margin:0 auto; width:1500px; text-align:left;}



/*header*/
#header, #header2{ height:auto; background-color:rgba(255, 255, 255, 0.8);}
#header2{-webkit-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.3);
-moz-box-shadow:    0px 2px 2px 0px rgba(50, 50, 50, 0.3);
box-shadow:         0px 2px 2px 0px rgba(50, 50, 50, 0.3);}
#company_logo{ float:left; margin:24px 0 0 60px}
#company_logo img { width: 186px;    height: 59px;}

#language_area { margin:30px 0 0 6px; float: right; width: 226px;}
#language_area .col-md-12{ padding-right: 0; padding-left: 0;}


.lan{ display:none;}
  #dropdownMenu1{ padding: 0 10px 2px 10px;}
  #dropdownMenu1>p>a{ line-height:1.8em; border-right:1px solid #001252; text-transform:uppercase; padding: 0 10px 0 0 ; color:#001252; font-size: 15px;}
  #dropdownMenu1 .fa-caret-down{ font-size:20px; margin:0 0 0 6px; color:#001252;}
  #dropdownMenu1 .fa-caret-down:before{ line-height:1.6em;}
  #language_ul li{ background-color: #eaeaea; margin:1px;}
  #language_area .dropdown-menu{left: auto; right: 0; border: 0; border-radius: 0; border-bottom: 1px #b5b5b5 solid;
    margin-top: 0; background: #dedede;min-width: 120px;    text-align: center;}
  #language_area .dropdown-menu a{ color:#091859; font-size: 14px;}
  #language_ul .langstateE, #language_ul .langstateC{ /*text-align: center; width: 110px;*/}
  
  #main_menu .dropdown-menu .inmsg86 a, #main_menu .dropdown-menu .inmsg130 a{border-bottom: 2px solid #999;}
  
  
/*header2*/
.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(-100%);    -ms-transform: translateY(-100%);  -o-transform: translateY(-100%); transform: translateY(-100%);
		-webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
	.header--stick { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%);}
	.sb-active .header--clone{-webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%);}
	
	
	

/*topnav*/
#topnav{float: right;}/*63*/
	#topnav>ul{list-style:none; margin:16px 0 0 0; padding:0;}
	#topnav>ul>li{float:left; position:relative;}
	#topnav>ul>li>a{font-size:20px; line-height:23px; height:63px; color:#000; padding:28px 10px 0; display:block; cursor:pointer;}
	#topnav>ul>li.open>a{color:#666;}
	#topnav .dropdown-menu{left:auto; right:0; border:0; border-radius:0; border-bottom:1px #b5b5b5 solid; margin-top:0; background:#eee; min-width:280px;}
	#topnav .dropdown-menu a{color:#fff;}
	#topnav .dropdown-menu>li>a:hover, #topnav .dropdown-menu>li>a:focus{background:#022181;}
	#topnav-lan li{text-align:center;}
	#topnav-search .dropdown-menu{padding-left:10px; padding-right:10px; padding-top:14px;}
	#topnav #topnav-search .dropdown-menu a{color:#02207b;}
	#topnav #topnav-search .dropdown-menu *{border-color:#b5b5b5;}
	#topnav #topnav-search .btn-default{background:#dddddd; color:#999;}
	#topnav #topnav-search .btn-default:hover{background:#eee; color:#999;}
	#topnav > ul > li.open:before {  position: absolute;  bottom: 0;  left: 12px;  display: inline-block;  border-right: 7px solid transparent;  border-bottom: 7px solid #0b529f;  border-left: 7px solid transparent;  border-bottom-color:rgba(0, 0, 0, 0.2);  content: '';}
	#topnav > ul > li.open:after {  position: absolute;  bottom: 0;  left: 13px;  display: inline-block;  border-right: 6px solid transparent;  border-bottom: 6px solid #eee;  border-left: 6px solid transparent;  content: '';}
	#topnav .fa-search{ color:#07163b; -webkit-transition: 0.8s; -moz-transition: 0.8s; -o-transition: 0.8s;}
	#topnav .fa-search:hover{ color:#666; -webkit-transition: 0.8s; -moz-transition: 0.8s; -o-transition: 0.8s;}
	#topnav .glyphicon-list-alt:before{ color:#999;}
	
	
/*topmenu*/
#navbar-1{float:left;}
#nav-wrap{}
#main_menu { float:left; padding:0; margin: 26px 0 0 60px;}
	#main_menu ul{list-style:none; float: left;}
	#main_menu li{float:left;  text-align: center; padding:0 4px; }
	#main_menu li:hover{background-image: url(../images/topmenu-hover.jpg); background-repeat: no-repeat; background-position: center bottom;}
	#main_menu li a{display:block; overflow:hidden; font-size:15px; /*line-height: 1.2em;*/ color:#001252; text-transform:uppercase; cursor: pointer;padding:20px 30px; font-family:Arial;}
	#main_menu li a:hover{}
	#main_menu .active a{}
	#main_menu .dropdown-menu{left: auto; right: 0; border: 0; border-radius: 0; margin-top: 0; background: #eee; min-width: 220px; padding:0;}
	#main_menu .dropdown-menu li {padding: 0; width: 100%; text-align: left; border-bottom: 1px solid #ddd;}
    #main_menu .dropdown-menu a{ padding:10px; font-size: 15px; line-height: 1.6em; background-color: #dedede;
    display: block; color: #091859; margin-top: 1px; border-bottom: 1px solid #999;}
	#main_menu .dropdown-menu a:hover{background-color: #f1f1f1;}
	
	
	
	/*2個事業體*/
	#main_menu #m3 .dropdown-menu li, #main_menu #m4 .dropdown-menu li{ position:relative;}
	#main_menu #m3 .dropdown-menu li a , #main_menu #m4 .dropdown-menu li a{font-family:'Droid Serif'; font-size:19px; background-color: transparent; top:10px; left:14px; position:absolute; border-bottom:0; line-height: 1.2em; font-weight:bold;}
	#main_menu #m3 .dropdown-menu li a:hover, #main_menu #m4 .dropdown-menu li a:hover{ background-color:inherit;}
	#main_menu #m3 .dropdown-menu li a>span, #main_menu #m4 .dropdown-menu li a>span{color:#444; font-size:12px;}
	#main_menu #m3 .dropdown-menu li a>span:before, #main_menu #m4 .dropdown-menu li a>span:before{padding-right: 8px; content: "\f101"; font-family: FontAwesome; font-style: normal; color: #292929; font-size: 15px;}
	#main_menu #m3 .dropdown-menu li a{}


	#main_menu .dropdown-menu .incate88, 
	#main_menu .dropdown-menu .incate89, 
	#main_menu .dropdown-menu .incate90, 
	#main_menu .dropdown-menu .incate91,
	#main_menu .dropdown-menu .incate92, 
	#main_menu .dropdown-menu .incate93, 
	#main_menu .dropdown-menu .incate94, 
	#main_menu .dropdown-menu .incate95{
		width:400px;height:100px; 
		-webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;
}
	#main_menu .dropdown-menu .incate92:hover{background: url(../images/top-stainless_steel_propeller_A_h.jpg) no-repeat center top;background-size: cover; }
	#main_menu .dropdown-menu .incate93:hover{background: url(../images/top-aluminum_propeller_A_h.jpg) no-repeat center top;background-size: cover; }
	#main_menu .dropdown-menu .incate94:hover{background: url(../images/top-other_propeller_A_h.jpg) no-repeat center top;background-size: cover; }
	#main_menu .dropdown-menu .incate95:hover{background: url(../images/top-PRO_accesories_h.jpg) no-repeat center top;background-size: cover; }

	#main_menu .dropdown-menu .incate88:hover{background: url(../images/top-impeller_A_h.jpg) no-repeat center top;background-size: cover; }
	#main_menu .dropdown-menu .incate90:hover{background: url(../images/top-pump_A_h.jpg) no-repeat center top;background-size: cover; }
	#main_menu .dropdown-menu .incate89:hover{background: url(../images/top-intake_grate_A_h.jpg) no-repeat center top;background-size: cover; }
	#main_menu .dropdown-menu .incate91:hover{background: url(../images/top-pwc_accessorie_A_h.jpg) no-repeat center top; background-size: cover;}

	#main_menu .dropdown-menu .incate92{background: url(../images/top-stainless_steel_propeller_A.jpg) no-repeat center top;background-size: cover; }
	#main_menu .dropdown-menu .incate93{background: url(../images/top-aluminum_propeller_A.jpg) no-repeat center top;background-size: cover; }
	#main_menu .dropdown-menu .incate94{background: url(../images/top-other_propeller_A.jpg) no-repeat center top;background-size: cover; }
	#main_menu .dropdown-menu .incate95{background: url(../images/top-PRO_accesories.jpg) no-repeat center top;background-size: cover; }

	#main_menu .dropdown-menu .incate88{background: url(../images/top-impeller_A.jpg) no-repeat center top;background-size: cover; }
	#main_menu .dropdown-menu .incate90{background: url(../images/top-pump_A.jpg) no-repeat center top;background-size: cover; }
	#main_menu .dropdown-menu .incate89{background: url(../images/top-intake_grate_A.jpg) no-repeat center top;background-size: cover; }
	#main_menu .dropdown-menu .incate91{background: url(../images/top-pwc_accessorie_A.jpg) no-repeat center top; background-size: cover;}
	
	
	

/*banner*/
#mainbanner{ position:relative;}
  #pro-search{background-image: url(../images/pro-search-bg.png); background-repeat: no-repeat; background-position: center center; width:360px; height:131px; position:absolute; top:50px; right:20%; z-index:100;}
 #pro-search p{text-indent:-9999px; overflow:hidden;}
  
#middle .wrap{ position:relative;}

/*sidebar*/
#side_menu{margin:16px 0;}

  .follow-link{ float: left;}
  .follow-link a{ margin-right:10px; float: left;}



/*PWC*/
.container_product2 #sidebar .nav-header { background-color: #008a8e;}
.container_product2 h1{color:#01595b;}
.container_product2 #content .breadcrumb li a {color: #01595b;}
.container_product2 #side_menu ul li a {color: #01595b;}
.pro-photo2{ width:32.5%; float:left; margin:10px 3px;}
/*PWC-*/

#side_menu .nav-header{}
	/*第一層*/
	/*#side_menu ul ul{display: block; visibility: inherit;}*/   /*設定側選單次分類全部展開*/
	/*#side_menu ul ul ul{display: none;}*/
	/*#side_menu ul ul ul ul{display: none;}*/	
	#side_menu ul{ padding:0; margin: 2px 0;}
	#side_menu ul li{ margin-bottom:2px; border:1px solid #ddd;}
	#side_menu ul .sideagentall, #side_menu ul .sideagentonline{background: rgb(248,248,248); /* Old browsers */
background: -moz-linear-gradient(top, rgba(248,248,248,1) 25%, rgba(238,238,238,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(248,248,248,1) 25%,rgba(238,238,238,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(248,248,248,1) 25%,rgba(238,238,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */}
#side_menu ul .sideagentall a, #side_menu ul .sideagentonline a{padding:6px 30px 6px 30px; font-size:23px; color:#111;}
	#side_menu ul li a{ font-size:20px; display:block; line-height:1.6em; color:#001252; font-weight:bolder; padding:10px 30px 10px 40px;}
	.nav>li>a:hover, .nav>li>a:focus{text-decoration:none; background-color: transparent;}
	#side_menu ul li a:hover, #side_menu ul .active>a{ color: #b70101; text-decoration: none;}
	
	/*第二層*/
	#side_menu ul ul{ margin:2px 0 8px 0;}
	#side_menu ul ul li{border:0; }
	#side_menu ul ul li a{font-size: 19px; color: #222; padding: 4px 10px 4px 40px; line-height: 1.5em; background: #fff;
    font-weight: 500;}
	#side_menu ul ul .active>a, #side_menu ul ul li a:hover{ color: #bd0a0a;}
	
	/*第三層*/
	#side_menu ul ul ul li a{ padding: 4px 10px 4px 44px; font-size: 16px; color: #666;}
	#side_menu ul ul ul li a:before{content: "\f0da"; font-family: FontAwesome; font-style: normal; color:#9d9d9d; font-size:15px; margin-right: 6px;}
	#side_menu ul ul .active>a, #side_menu ul ul li a:hover{ color: #bd0a0a;}
	
	
	
	

/*side-link-box*/
#side-link-box{ float:left; padding:30px 0 50px 0; font-family:'Droid Serif'; }
  .side-mainlink{ margin-bottom:6px; position:relative;}
  
  .side-link-txt{ position:absolute; top:16px; left:16px;}
  .side-mainlink img{/*opacity: 0.7;*/ width:100%;
    -webkit-transform: scale(1, 1);
    -moz-transition: scale(1, 1);
    -ms-transition: scale(1, 1);
    -o-transition: scale(1, 1);
    transform: scale(1, 1); -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
  
.side-mainlink:hover img {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    -moz-transition: scale(1, 1);
    -ms-transition: scale(1, 1);
    -o-transition: scale(1, 1);
	 -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;
}


  .side-link-txt a{ color:#091859; font-size:26px; font-weight:bolder; display:block; line-height:1; text-transform:uppercase;}
  /*.side-link-txt a:hover{color:#999; }*/
  .side-link-txt a span{color:#4b4b4b; font-size:16px;}
  .side-link-txt a span:before{padding-right: 8px; content: "\f101"; font-family: FontAwesome; font-style: normal; color: #4b4b4b; font-size: 15px;}
  
  
 
	
	





/*content*/
h1{ color:#001252; font-size:20px; font-family:Arial; font-weight:bold; margin-left:10px;}



/*footer*/
#footer{ background-color:#080655; color:#fff; height:63px; font-family:'Droid Serif'; font-size:14px; border-top:1px solid #3a415c;}
#footer .wrap{padding: 10px 0;}
#footer a{color:#b1b1b1;}
#copyright{ float:left;}
#copyright span{color:#b1b1b1; text-transform:capitalize;}
#copyright a{ font-size:15px;}
#footlink{float:left; color:#b1b1b1;}
  #footlink .link-ti, #footlink ul li a{padding: 10px 4px;}
  {padding: 10px 15px;}
  #footer-smo{margin: 0 120px 0 0; padding: 4px 2px; float: right;}	
	#footer-smo a{background:#080655; width:36px; height:36px; display:inline-block; margin:0 1px; color:#757575; font-size:20px; line-height:1.8em; border-radius:30px;}
		#footer-smo a:hover{}
		#footer-smo .smo-facebook:hover{color:#5475ac;}
		#footer-smo .smo-twitter:hover{color:#60c5e7;}
		#footer-smo .smo-plurk:hover{color:#ee7650;}
		#footer-smo .smo-linkedin:hover{color:#3590b8;}
		#footer-smo .smo-google:hover{color:#e14221;}
		#footer-smo .smo-baidu:hover{color:#6294f7; }
		#footer-smo .smo-qqlogo:hover{color:#4284dd;}
		

/*pro-search*/








/*left-menu*/
.sb-toggle-right{float:right; display: none; cursor:pointer; right: 20px; top:30px; position: absolute; z-index: 20;}
	.navicon-line { background: #000e53; border-radius: 2px; width: 34px;  height: 4px; margin-bottom: 6px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s;}
	.sb-active-right .sb-toggle-right .navicon-line:nth-of-type(3){position:relative; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); top:0px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s;}
	.sb-active-right .sb-toggle-right .navicon-line:nth-of-type(2){display:none;}
 	.sb-active-right .sb-toggle-right .navicon-line:nth-of-type(1){position:relative; transform: rotate(45deg);  -webkit-transform: rotate(45deg); top:9px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s;}	

#left_menu { background-color: #031688; font-family:Arial; text-transform:uppercase; font-size:19px;}
.sb-menu>li>a{ color:#fff; line-height:2em; background: rgb(0,83,158); /* Old browsers */
background: -moz-linear-gradient(top, rgba(0,83,158,1) 0%, rgba(3,22,136,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,83,158,1) 0%,rgba(3,22,136,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,83,158,1) 0%,rgba(3,22,136,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00539e', endColorstr='#031688',GradientType=0 ); /* IE6-9 */
padding: 12px 22px;}



#left_menu li { border-bottom: #02116d solid 1px;}
#left_menu ul li ul li{border-bottom: 0;}
#left_menu ul li a:hover{ color:#fff;}
#logLink, #regLink{ display:none;}
#left_menu #m1 a, #left_menu #m2 a, #left_menu #m3 a, #left_menu #m4 a, #left_menu #m5 a, #left_menu #m6 a, #left_menu #m7 a, #left_menu #m8 a{ color:#ddd; display:block; font-weight:normal; line-height:1.6em;}
.sb-menu #m2 a:before{content: "\f005"; font-family: FontAwesome; font-style: normal; color:#bdbdbd; font-size:15px; margin-right: 10px;}
.sb-menu #m3 a:before{content: "\f07c"; font-family: FontAwesome; font-style: normal; color:#bdbdbd; font-size:14px; margin-right: 9px;}
.sb-menu #m4 a:before{content: "\f07c"; font-family: FontAwesome; font-style: normal; color:#bdbdbd; font-size:14px; margin-right: 10px;}
.sb-menu #m1 a:before{content: "\f007"; font-family: FontAwesome; font-style: normal; color:#bdbdbd; font-size:15px; margin-right: 8px;}
.sb-menu #m5 a:before{content: "\f0e0"; font-family: FontAwesome; font-style: normal; color:#bdbdbd; font-size:14px; margin-right: 10px;}

#left_menu .sb-menu li:nth-child(8)>a, #left_menu .sb-menu li:nth-child(9)>a, #left_menu .sb-menu li:nth-child(10)>a, #left_menu .sb-menu li:nth-child(11)>a, #left_menu .sb-menu li:nth-child(12)>a, #left_menu .sb-menu li:nth-child(13)>a{ color:#cfcfcf; font-size:14px; padding:8px 20px 8px 30px; background:#031688;}


#left_menu .form-search{margin-bottom:1%;}
#left_menu ul ul{    background: #090769;}
#left_menu #m3 ul{    background: #eaeaea;}
#left_menu ul>ul>li>a{ line-height:1.2em ;background:#090769;}
#left_menu ul ul li a{line-height:1.5em; color:#fff;}
.sb-menu>li>ul>li>a{padding: 18px 24px;}
#left_menu .sb-menu ul li a:before{content: ""; font-family: FontAwesome; font-style: normal; color:#bdbdbd; font-size:14px; margin-right: 0;}
#left_menu .sb-menu #incateall a:before{content: "\f07c"; font-family: FontAwesome; font-style: normal; color:#bdbdbd; font-size:14px; margin-right: 9px;}
.glyphicon-search:before { content: "\f002"; font-family: FontAwesome; font-style: normal; color:#666; font-size:16px;}
.sb-submenu a {font-size: 14px;}

/*left_menu-end*/


/*分類層*/
.container_product71 .thumbnail {height: 100%; position: relative; width: 100%; background-color: transparent; float: left;
    padding: 10px 10px 10px 40px; margin-bottom: 0;}
.container_product71 .thumbnail .caption, .container_product .thumbnail .caption, .container_product2 .thumbnail .caption{ display: block; top: 0; position: absolute; height: 100%; width: 100%; left: 43%; /*cursor: pointer;*/}	
.container_product71 .thumbnail .caption *, .container_product .thumbnail .caption *, .container_product2 .thumbnail .caption *{ -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; }
.container_product71 .thumbnail .caption:hover, .container_product .thumbnail .caption:hover, .container_product2 .thumbnail .caption:hover{opacity: 0.9;}
.listtxtNormal{position: absolute; font-size: 22px; color: #474747; line-height: 1.2em; /*width: 40%;*/ top: 48%; /*left: 40%;*/ transform: translate3d(0%, -100%, 0); opacity: 0;}
.container_product71 .thumbnail .caption:hover .cate-name a, .container_product .thumbnail .caption:hover .cate-name a, .container_product2 .thumbnail .caption:hover .cate-name a{color: #045862; font-weight: bold; text-decoration: none;
    width: auto; /*white-space: nowrap;*/ overflow: hidden; text-overflow: ellipsis; text-align: left; width:60%
    -webkit-transform: translate3d(0%, 0%, 0);
    transform: translate3d(0%, 0%, 0);
	}
.container_product71 .thumbnail .caption:hover .listtxtNormal, .container_product .thumbnail .caption:hover .listtxtNormal, .container_product2 .thumbnail .caption:hover .listtxtNormal{-webkit-transform: translate3d(0%, 0%, 0); transform: translate3d(0%, 0%, 0); opacity: 0.9;}

.listtxtNormal ul li a{padding: 3px 15px;}


/*產品層*/
#pro-info{ float:left; padding: 0 20px 40px 10px; width:100%;}
  .pro-info-ti{color: #045862; font-size: 38px; font-weight: 700; margin-bottom: 10px;}
  .pro-txt{width:100%; margin-bottom:40px;}
  .pro-txt h3{color: #333; font-size: 20px; font-weight: 700; margin-bottom: 10px;}
  .pro-txt h3:before{content: "\f0da"; font-family: FontAwesome; font-style: normal; color:#999; font-size:18px; margin-right: 6px;}
#pro-info p{ float:left; width:100%;}
  #pro-info .pro-txt p{ line-height: 1.3em; color: #666; font-size: 18px; margin-bottom: 16px;}
  .p-01{ width:58%; float:left; padding:0 20px 0 0;}
  .pro-photo{ width:42%; float:left; -webkit-box-shadow: 0px 0px 1px 1px rgba(90, 90, 90, 0.2);
    -moz-box-shadow: 0px 0px 1px 1px rgba(90, 90, 90, 0.2);
    box-shadow: 0px 0px 1px 1px rgba(90, 90, 90, 0.2);}
  .pro-photo3{ width:100%; float:left; margin:10px 0}
  .pro-box{border-bottom: 2px solid #ddd; float:left; width:100%; padding:30px 0;}
  .pro-info2 .pro-box{border-bottom: 0;}
  .pro-info2{border-bottom: 2px solid #ddd; margin-bottom:30px; width:100%;}
  .pro-info2 p{ margin-bottom:20px;}
  .pro-info2 h4{ margin-bottom:20px; }
  .pro-info2 h5{ color:#db0000; font-size:21px; font-weight:700; width:100%; float: left;}
  .pro-info2 span{ color:#025792; font-size:18px; width:100%; float: left;}
  
  .pro-box-L{ width:24%; float:left; position:relative; border: 1px solid #ddd; background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 55%, rgba(207,227,240,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 55%,rgba(207,227,240,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 55%,rgba(207,227,240,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cfe3f0',GradientType=0 ); /* IE6-9 */
}
  
  .pro-box-L:before{content: ''; background: #7bbfea; position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: 0;   -webkit-transition: all 0.5s ease-out 125ms; -moz-transition: all 0.5s ease-out 125ms; -ms-transition: all 0.5s ease-out 125ms; -o-transition: all 0.5s ease-out 125ms; transition: all 0.5s ease-out 125ms;}
  .pro-boxti a{color: #091859; font-size: 22px; font-weight: 700; position:absolute; top:50%; left: 12px; right: 12px; text-align: center; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); color: #fff; opacity: 0; padding-top: 12px; z-index:100; -webkit-transition: all 0.5s ease-out 0.05s; -moz-transition: all 0.5s ease-out 0.05s;
    -ms-transition: all 0.5s ease-out 0.05s; -o-transition: all 0.5s ease-out 0.05s; transition: all 0.5s ease-out 0.05s;}
	
  .pro-box-L:hover:before{opacity: 0.6;/* cursor: pointer;*/}
  .pro-box-L:hover .pro-boxti a{opacity: 1; cursor: pointer; padding-top: 0;}
  
  
  .pro-box-R{width: 76%; float: left; padding: 10px 20px 10px 160px;}
  .pro-box h4{color: #333; font-size: 22px; font-weight: 700; margin-bottom: 10px;}
  .pro-box-R p{color: #333; font-size: 19px; margin-bottom: 10px; padding:0 6px;}
  .pro-box-R p .fa-angle-right{color: #333; font-size: 15px; margin-right:8px;}
  .pro-box-R ul{ padding-left:20px;}
  .pro-box-R ul li{color: #666; font-size: 19px; margin-bottom: 6px; list-style-type: disc; /*float: left;*/}
  
  
/*表格*/  
  		
  #pro-info table {
	  border-left: 1px solid #999;
	  border-top: 1px solid #999;
	  font-size: 15px;
	  line-height: 1.4em;
	  text-align: center;
	  width: 98%;
	  font-family:Arial;
	  margin-bottom:30px;
  }
  
  #pro-info table th {
	  font-size:19px;
	  background: #0279aa none repeat scroll 0 0;
	  border-bottom: 1px solid #999;
	  border-right: 1px solid #999;
	  font-weight:normal;
	  padding: 10px 12px;
	  color:#f6f6f6;
  }
  
  #pro-info table td {
	  background: #ffffff none repeat scroll 0 0;
	  border-bottom: 1px solid #999;
	  border-right: 1px solid #999;
	  font-family: Arial;
	  padding: 6px 12px;
	  
  }
  
  #pro-info table .imgbox td{ background: #ffffff none repeat scroll 0 0;
	  border-bottom: 1px solid #999;
	  border-right: 1px solid #999;
	  font-family: Arial;
	  padding: 8px 12px;}
  
  #pro-info table .color td { background: #edfcfb none repeat scroll 0 0; }
  #pro-info table .color2, #pro-info table .color2 td{ background: #f8f8f8; }
  
  #pro-info table .td1 { color:#ed9100; font-size:18px; text-align:left;}
  #pro-info table .td2 { text-align:left;}

  .pro_table {
    font-family: Arial;
    margin-top: 30px;
}

.pro_table table tr:first-child td {
    font-size: 19px;
    background: #0279aa;
    border: 1px solid #ddd;
    font-weight: 400;
    padding: 15px 12px;
    color: #fff;
    line-height: 1.2;
}


.pro_table table th {
    background: #edfcfb;
    font-weight: 400;
    }

.pro_table table td {
    padding: 8px 12px;
    font-size: 15px;
    border: 1px solid #ddd;
    text-align: center;
    white-space: nowrap;
}

.pro_table table td:first-child {
    text-align: left;
    white-space: normal;
	min-width: 550px;
}

.pro_table table tr#tab-bg td:first-child  {
    text-align: left;
    color: #ed9100;
    font-size: 18px;
}

.pro_table table {
    border: 1px solid #ddd;
}

.pro_table table tr:nth-child(even) {
    background: #f8f8f8;
}

.pro_table table tr#tab-bg td {
    background: #edfcfb;
}
  
  
  



/*news*/
 
  #news-info table {
	  border-left: 1px solid #999;
	  border-top: 1px solid #999;
	  font-size: 15px;
	  line-height: 1.4em;
	  text-align: left;
	  width: 100%;
	  font-family:Arial;
	  margin-bottom:30px;
  }
  
  #news-info table th {
	  font-size:19px;
	  background: #0279aa none repeat scroll 0 0;
	  border-bottom: 1px solid #999;
	  border-right: 1px solid #999;
	  font-weight:normal;
	  padding: 10px 12px;
	  color:#f6f6f6;
	  text-align:center;
  }
  
  #news-info table td {
	  background: #ffffff none repeat scroll 0 0;
	  border-bottom: 1px solid #999;
	  border-right: 1px solid #999;
	  font-family: Arial;
	  padding: 6px 12px;
	  
  }
  #news-info table .color td { background: #edfcfb none repeat scroll 0 0; }
  #news-info table .color2 td { background: #f1f1f1 none repeat scroll 0 0; }
  #news-info table .td1 { color:#ed9100; font-size:18px; text-align:left;}
  #tablist{ font-size:18px; }
  #news-info table.intake { margin-bottom: 0; }
  #news-info table.intake td { font-size: 12px; line-height: 1.4; padding: 4px; }
  #news-info table.intake td.make { color: #f60; font-weight: bold; }
  
  #news-info .news-tab {
	 font-size:13px;
  }
  
  #news-info .news-tab th {
	  background: #0279aa none repeat scroll 0 0;
	  font-size:13px;
	  padding: 4px;
  }
  
  #news-info .news-tab td {
	  padding: 4px;
	  
  }
  #news-info .news-tab .color td { background: #edfcfb none repeat scroll 0 0; }
  #news-info .news-tab .color2 td { background: #f1f1f1 none repeat scroll 0 0; }
  #news-info .news-tab .td1 { color:#ed9100; font-size:18px; text-align:left;}  
  #news-info pre{ background-color:#fff; border:1px solid #fff;}
  
  
  
  

  

  
/*公司簡介*/

.main-com {float: left; margin-bottom: 30px; border-bottom: 4px solid #abdcfa; padding:0 0 30px 0; width:100%;}
  #com-info p, .main-com p{font-size:19px; float: left; line-height: 1.3em; color:#29263d; width:100%; margin-bottom: 16px;}
  .main-com span{font-size:23px; color:#ca0a0a;}
  .main-com-photo{ float:left; margin:1%;}
  .main-com-photo2{float:left; margin: 20px 41px 0 23px;}
  .com-add{ float:left; padding: 20px 0;}
  .com-add-ti{color:#29263d; font-size:23px; font-weight:700; width:100%; padding: 6px 10px; border-bottom: 1px solid #ddd; margin-bottom: 10px;}
  .main-com .com-add p{margin-bottom:0;}
  .com-add-tel{color:#29263d; font-size:18px; float:left; margin: 0 60px 0 10px;}
  .com-add-fax{color:#29263d; font-size:18px; float:left; margin-right:60px;}
  .com-add-mail{color:#29263d; font-size:18px; float:left;}
  
  #com-info table {
	  border-left: 1px solid #b9b9b9;
	  border-top: 1px solid #b9b9b9;
	  font-size: 15px;
	  line-height: 1.4em;
	  text-align: left;
	  width: 100%;
	  font-family:Arial;
	  margin-bottom:30px;
  }
  
  #com-info table th {
	  font-size:19px;
	  background: #0279aa none repeat scroll 0 0;
	  border-bottom: 1px solid #b9b9b9;
	  border-right: 1px solid #b9b9b9;
	  font-weight:normal;
	  padding: 10px 12px;
	  color:#f6f6f6;
	  text-align:center;
  }
  
  #com-info table td {
	  background: #ffffff none repeat scroll 0 0;
	  border-bottom: 1px solid #b9b9b9;
	  border-right: 1px solid #b9b9b9;
	  font-family: Arial;
	  padding: 10px ;
	  
  }
  #com-info table td span { font-size:18px; font-weight:700; color:#0049a3; line-height:1.6em}
  #com-info table td p { padding:0; font-size:17px;}
  #com-info table .color td { background: #edfcfb none repeat scroll 0 0; }
  #com-info table .td1 { color:#ed9100; font-size:18px; text-align:left;}
  #com-info table .td-w{ width:18%; text-align:center; padding: 10px;}
  

/*Tech Support*/ 

.main-com>h2{color: #ed9100; font-size: 28px; font-weight: 700; margin-bottom: 10px;}
.tech-ti{color: #222; font-size: 30px; margin: 30px 0 4px 0; float:left;}
#tech-info .main-com{ border-bottom:1px dashed #bababa;}
#tech-info .main-com h3{ color: #111; font-size: 20px; margin: 10px 0; float:left; width:100%; font-weight:700;}
#tech-info .main-com h4{ color: #ed9100; font-size: 21px; margin: 10px 0 4px 0; float:left; width:100%;}
#tech-info .main-com h4:before{content: "\f101"; font-family: FontAwesome; font-style: normal; color:#ed9100; font-size:18px; margin-right: 6px;}
#tech-info .main-com p>span{font-size:19px; float: left; line-height: 1.3em; color:#0049a3; width:100%;}




/***Where to Buy***/
#main_menu .dropdown-menu .inagentall a, #main_menu .dropdown-menu .inagentonline a{ font-weight:700; background-color:#d6d6d6; border-bottom:1px solid #25246e; }



#showGlobal{}
  #showGlobal>.row:nth-child(1), #showContinent>.row:nth-child(1){ margin-right: 0; margin-left: 0; margin-bottom: 40px;}
  #showGlobal>.row:nth-child(2), #showContinent>.row:nth-child(2){ background-color:#f5f5f5; padding: 30px 10px;}
  #showGlobal .label-primary, #showContinent .label-primary{ float: left; width: 100%; background-color: #337ab7;}
  #showGlobal .label, #showContinent .label{ padding: 0.6em; font-size: 18px; color: #fff; border-radius: 0;}
  #showGlobal .label a, #showContinent .label a{color: #fff;}
  #showGlobal .col-xs-6:nth-child(1), #showGlobal .col-xs-6:nth-child(2),#showGlobal .col-xs-6:nth-child(3){ height:435px;}
  #showGlobal .col-xs-6:nth-child(4), #showGlobal .col-xs-6:nth-child(5),#showGlobal .col-xs-6:nth-child(6){ height:200px;}
  #showGlobal .col-md-4{}
  #showGlobal .col-md-4, #showContinent .col-md-4{padding-left: 18px;}
  #showGlobal .countryRow a, #showContinent .countryRow a{font-size: 15px; line-height:1.6em;}
  #showGlobal .countryRow a:hover, #showContinent .countryRow a:hover{color:#337ab7;}
  #showGlobal .countryRow a:before, #showContinent .countryRow a:before{content: "\f0da"; font-family: FontAwesome; font-style: normal; color:#80a5ce; font-size:12px; margin-right: 6px;}
  
#showContinent .form-inline{margin: 20px 0;}


/*news*/
.news-list{ width:100%; float:left; margin:16px 0 10px 0; padding: 36px 0; border-bottom:1px solid #ccc;}
#content .news-img{ display: block;
    width: 230px;
    height: 230px;
    overflow: hidden;
    float: left;
    border: 1px solid #EEEEEE;
    padding: 5px;
    background: #fff;
    text-align: center;
    vertical-align: middle;
    position: relative;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: box-shadow 0.5s;
    -khtml-transition: box-shadow 0.5s;
    -moz-transition: box-shadow 0.5s;
    -ms-transition: box-shadow 0.5s;
    -o-transition: box-shadow 0.5s;
    transition: box-shadow 0.5s;
}
#content .news-img img {
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    -webkit-transition: transform 0.5s;
    -khtml-transition: transform 0.5s;
    -moz-transition: transform 0.5s;
    -ms-transition: transform 0.5s;
    -o-transition: transform 0.5s;
    transition: transform 0.5s;
}

#content .news-img:hover img {
    -webkit-transform: scale(1.1);
    -khtml-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.news-txt{ padding:5px 16px; float:left; width: 65%;}
.news-ti{ font-size:22px; margin-bottom:10px}
.news-txt p{font-size:17px; color:#666; line-height:1.5em;}
.news-txt p a:hover{ text-decoration:underline;}
/*#tablist{ display:none;}*/

/*products news*/
#tablist td>a>span {float: left; display: block; width: 40px; margin-right: 20px; color:#999; font-size:15px;}
#news-info{}
  #news-info ul{ width:100%; float:left; margin:30px 0;}
  #news-info ul li{font-size: 15px;}
  #news-info ul li a{color:#b70101;}
  #news-info ul li a:before{content: "\f0da"; font-family: FontAwesome; font-style: normal; color:#b70101; font-size:14px; margin-right: 8px;}
  #news-info ul li a:hover{ text-decoration:underline;}
  .newsL{float:left; width:32%; padding:0 0 20px 0;}
  .newsR{float:left; width:60%;}
  #news-info .newsR ul{margin:0;}
  #news-info .newsR ul li{ margin:6px 0;}
  
  .newsR p{font-size: 16px;}
  h1>span{margin-right: 20px;}
  
  
  
  
  
  #pn-table table {
	  border-left: 1px solid #b9b9b9;
	  border-top: 1px solid #b9b9b9;
	  font-size: 13px;
	  line-height: 1.4em;
	  text-align: left;
	  width: 100%;
	  font-family:Arial;
	  margin-bottom:30px;
  }
  
  #pn-table table th {
	  font-size:13px;
	  background: #f5f5f5 none repeat scroll 0 0;
	  border-bottom: 1px solid #b9b9b9;
	  border-right: 1px solid #b9b9b9;
	  font-weight:normal;
	  padding: 8px 12px;
	  color:#111;
	  text-align:center;
  }
  
  #pn-table table td {
	  background: #ffffff none repeat scroll 0 0;
	  border-bottom: 1px solid #b9b9b9;
	  border-right: 1px solid #b9b9b9;
	  font-family: Arial;
	  padding: 8px 10px ;
	  
  }
  
  #pn-table2 table {
	  border-left: 1px solid #b9b9b9;
	  border-top: 1px solid #b9b9b9;
	  font-size: 11px;
	  line-height: 1.4em;
	  text-align: left;
	  width: 100%;
	  font-family:Arial;
	  margin-bottom:30px;
  }
  
  #pn-table2 table th {
	  font-size:12px;
	  background: #f5f5f5 none repeat scroll 0 0;
	  border-bottom: 1px solid #b9b9b9;
	  border-right: 1px solid #b9b9b9;
	  font-weight:normal;
	  padding: 4px 4px;
	  color:#111;
	  text-align:center;
  }
  
  #pn-table2 table td {
	  background: #ffffff none repeat scroll 0 0;
	  border-bottom: 1px solid #b9b9b9;
	  border-right: 1px solid #b9b9b9;
	  font-family: Arial;
	  padding: 4px 4px ;
	  
  }
  
/*app連結*/
.app-link{ margin:20px 0; width:98.5%; float:left;}
.app-link-ti{ font-size:19px; line-height:1.8em; font-weight:bold;} 
.app-link-ti:before{content: "\f061"; font-family: FontAwesome; font-style: normal; color:#e50000; font-size:15px; margin-right: 8px; } 
.app-link-box{ width:48%; float:left; padding:10px; border:1px solid #ddd; margin-right:1%;}
  
  
  
  
  
  
  
  
  
  
  
  /*.inmsg110{ display:none!important;}*/
  
  
  
  
  


  
  














/**/
/*會員登入項目*/
#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;}
@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 {
    font-size: 14px;
    padding: 4px 8px;
    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;*/
}
/*--側欄--*/
#sidebar { /*border:1px solid #ddd;*/ float:left;
  width:26%;
  padding:10px 0px 0 80px;
}

#sidebar .nav-header{background-color:#001453; text-align:center; font-size:20px; font-family:Arial; color:#fff; text-transform:uppercase; font-weight:bolder; padding:10px 15px;}

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

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

/*--內容區--*/
#content{
  padding:0 10px 30px 50px; width:74%; float:left;
}
/*麵包屑*/
#content .breadcrumb {
  position:absolute; top:-10px; right: 0; z-index: 10;
  background-color:#fff;
  text-shadow: none;
  background-image: url(../images/breadcrumb-ti.jpg); background-repeat: no-repeat; background-position: left center; padding: 0 30px 0 16px;
}
#content .breadcrumb li {
  font-family:Arial;
  color:#111;
  text-shadow: none;
}
#content .breadcrumb li a {
  font-family:Arial;
  color:#06186c;
  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>li+li:before{color:#06186c;}
/*個數*/
.page-header {
  margin: 20px 0 30px;
  border-bottom:1px #cacaca solid;
}
/*產品頁*/
.thumbnail {
  border:0;
}

.cate-name, .cate-name-more {
	word-break: break-all;
    display: inline-block;
    width: 100%;
    color: #333333;
    font-weight: bold;
    width: 100%;
   /* white-space: nowrap;*/
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}



.cate-name a, .cate-name-more a {
	word-break: break-all;
    transform: translate3d(0%, 50%, 0);
    display: inline-block;
    position: absolute;
   /* left: 40%;*/
    top: 30%;
    font-size: 37px;
    text-transform: uppercase;
    color: #045862;
    font-weight: bold;
    text-decoration: none;
    width: auto;
   /* white-space: nowrap;*/
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.cate-name a:hover, .cate-name-more a:hover {
	word-break: break-all;
	 overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}

.pro-desc{
 height:80px;
 overflow-x:hidden;
 overflow-y:auto;
}
.spec{
 height:38px;
}
/*產品介紹頁*/
#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: hidden;
  width:100%;
}
#content .thumbnails .prodlist{
  margin-bottom: 40px;
    border: 1px solid #ddd;
  /*height:330px;*/
  overflow:hidden;
}
#content .thumbnails .catelist{
  padding-right: 0;
  padding-left: 0;
  overflow:hidden;
  background-image: url(../images/pro-bg.jpg); background-repeat: no-repeat; background-position: right bottom;   margin:30px 0; -webkit-box-shadow: 0px 0px 1px 1px rgba(90, 90, 90, 0.2);
    -moz-box-shadow: 0px 0px 1px 1px rgba(90, 90, 90, 0.2);
    box-shadow: 0px 0px 1px 1px rgba(90, 90, 90, 0.2);
}
.listtxtspec .input-prepend{
  padding:1px 0px;
  margin:0px;
}
.clear{
  clear:both;
}
.listimg{
	float: left;
  /*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-transform: uppercase;
  padding:10px;
}
#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 .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: 50%;
  width: 17px;
  height: 30px;z-index:99;
}
.swiper-banner .arrow-right, .swiper-product .swiper-button-next {
  position: absolute;
  right: 1%;
  top: 50%;
  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:1%;
  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;
}
.container_pwcagent .prop { display: none; }

@media (max-width : 1979px) {
	
	
}

@media (max-width : 1600px) {
	#pro-search {top: 18%; right: 15%;}
	#sidebar {padding: 10px 0px 0 40px;}
	#side-link-box {width: 100%;}
	
}

@media (max-width : 1501px) {
	.wrap{ width:100%;}
	#company_logo { margin: 24px 0 0 2%;}
	#main_menu {margin: 26px 0 0 6px;}
	.swiper-wrapper .img-responsive{ max-width: 130%;}
	#content {width: 73%;}
}

@media (max-width : 1400px) {
  #pro-search {top: 15%; background-size: cover; width:288px; height:105px;}
  #sidebar {padding: 10px 0px 0 1%;}
  #footer{ height:auto;}
  #footlink{ clear:left;}
  #footlink .link-ti, #footlink ul li a{ padding:0 4px 0 0;}
  #footer .wrap {padding: 10px;}
  #copyright {padding: 10px 0;}
  #content .thumbnails .catelist {margin: 2% 0; background-size: cover;}
  #main_menu {margin: 26px 0 0 0;}
}

@media (max-width : 1350px) {
	/*#main_menu li a {padding: 14px 3px; font-size: 14px;}
	#language_area ul li a { font-size: 13px; padding: 4px 6px;}
	#language_area {width: 190px; margin: 20px 0 0 0;}*/
	#main_menu li a {padding: 20px 22px;}
}

@media (max-width : 1290px) {
	.wrap{ width:100%;}
	#company_logo { margin: 24px 0 0 0;}
	/*#language_area {margin: 40px 10px 0 8px;}*/

	.side-link-txt {top: 10%; left: 6%;}
	.side-link-txt a {font-size: 22px;}
	.side-link-txt a span {font-size: 14px;}
	.pro-box {padding: 3% 0;}
	.pro-box-L {width: 28%;}
	.pro-box-R { width: 72%; padding: 0 1% 0 10%;}
	.pro-box-R p {margin-bottom: 6px;}
	.pro-box-R ul li {margin-bottom: 2px;}
	.thumbnail {padding: 1%;}
	.cate-name a, .cate-name-more a {/*left: 37%;*/ font-size: 34px; top:20%;}
	.listtxtNormal {font-size: 20px; /*left: 37%;*/}
	.listimg {width: 42%;}
	#showGlobal .col-md-4, #showContinent .col-md-4 {width: 50%;}
	
}

@media (max-width : 1200px) {
    .sb-toggle-right{ display:block;}
	#navbar-1, #topnav, #language_area{ display:none;}
	#content .thumbnail .listimg img{ width:85%;}
	.container_product71 .thumbnail .caption, .container_product .thumbnail .caption, .container_product2 .thumbnail .caption {left: 38%;}
}

@media (max-width : 1150px) {
	#left_menu .incate88, 
	#left_menu .incate89, 
	#left_menu .incate90, 
	#left_menu .incate91,
	#left_menu .incate92, 
	#left_menu .incate93, 
	#left_menu .incate94, 
	#left_menu .incate95{
		width:100%; height:auto; 
		-webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
	
	#left_menu .incate92{background: url(../images/stainless_steel_propeller_A.jpg) no-repeat right top; }
	#left_menu .incate93{background: url(../images/aluminum_propeller_A.jpg) no-repeat right top; }
	#left_menu .incate94{background: url(../images/other_propeller_A.jpg) no-repeat right top; }
	#left_menu .incate95{background: url(../images/PRO_accesories.jpg) no-repeat right top; }
	
	#left_menu .incate88{background: url(../images/impeller_A.jpg) no-repeat right top; }
	#left_menu .incate89{background: url(../images/intake_grate_A.jpg) no-repeat right top; }
	#left_menu .incate90{background: url(../images/pump_A.jpg) no-repeat right top; }
	#left_menu .incate91{background: url(../images/pwc_accessorie_A.jpg) no-repeat right top; }
	
	
	
	#left_menu .inmsg7:hover, #left_menu .incate71:hover, #left_menu .inmsg9:hover{ width:100%; height:auto; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; cursor: pointer;}
	

	#left_menu .inmsg8:hover, #left_menu .incate2:hover, #left_menu inmsg10:hover{width:100%; height:auto; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; cursor: pointer;}
	#left_menu #m2 ul li a{ color:#ddd; font-family:'Droid Serif'; font-weight:bolder;}
	#left_menu #m3 ul li a, #left_menu #m4 ul li a{ color:#091859; font-family:'Droid Serif'; font-weight:bolder;}
	
	#left_menu #m2 ul li a span, #left_menu #m1 ul li a span{ color:#ddd; font-family:'Droid Serif'; font-weight:bolder; font-size:13px; padding-left: 10px;}
	#left_menu #m3 ul li span, #left_menu #m4 ul li span{ color:#292929; font-family:'Droid Serif'; font-weight:bolder; font-size:13px; padding-left: 10px;}
	
	#left_menu #m2 ul li a span:before{padding-right: 8px; content: "\f101"; font-family: FontAwesome; font-style: normal; color: #ddd; font-size: 13px; }
	#left_menu #m3 ul li span:before, #left_menu #m4 ul li span:before{padding-right: 8px; content: "\f101"; font-family: FontAwesome; font-style: normal; color: #292929; font-size: 13px; }
	
	.cate-name a, .cate-name-more a {font-size: 29px;}
	.listtxtNormal {font-size: 18px; }
	
}

@media (max-width : 999px) {
	#header, #header2 {}
	#company_logo {margin: 10px 0 10px 0;}
	
	#content{ padding:2%;}
	#footer-smo { clear: left; margin: 0; float: left;}
	.pro-info-ti {font-size: 34px;}
	#showGlobal .label, #showContinent .label {font-size: 17px;}
	#showGlobal .col-xs-6:nth-child(1), #showGlobal .col-xs-6:nth-child(2), #showGlobal .col-xs-6:nth-child(3) {
    height: auto;}
	.container_product71 .thumbnail {padding: 10px;}
	.container_product71 .thumbnail .caption, .container_product .thumbnail .caption, .container_product2 .thumbnail .caption {left: 32%;}
	.cate-name a, .cate-name-more a {font-size: 24px;}
	.listtxtNormal {font-size: 16px;}
	#side_menu ul li a {font-size: 18px; padding: 10px 10px 10px 10px;}
	#side_menu ul ul li a {font-size: 17px; padding: 4px 10px 4px 12px;}
	.side-link-txt a {font-size: 19px;}
	.follow-link a { margin-right: 2px;}
	.follow-link a img{ width:90%;}
	#com-info table .td-w {width: 25%;}
	.news-txt {padding: 5px 16px; float: left; width: 100%;}
}
@media (max-width : 992px) {
	.col-md-6 {width: 50%;float: left;}
 
    }

@media (max-width : 850px) {
  .swiper-wrapper .img-responsive {max-width: 140%;}
  #pro-search {top: 9%; right: 10%;}
  #content .breadcrumb {top: -5px;}
  .cd-single-point > a { width: 18px; height: 18px;}
}

@media (max-width : 768px) {
	.sb-site, .sb-site-container {padding: 0;}
	.sb-toggle-right {top: 20px;}
	#company_logo { margin: 1% 0 0 1%;}
	#pro-info {padding: 0 1% 4% 1%;}
	.pro-txt h3 {font-size: 18px; margin-bottom: 8px;}
	.pro-txt h3:before {font-size: 16px;}
	#pro-info .pro-txt p {font-size: 16px; margin-bottom: 12px;}
	.pro-box h4 {font-size: 19px; margin-bottom: 8px;}
	.pro-box-R p { font-size: 16px;}
	.pro-box-R ul li {font-size: 16px; margin-bottom: 0;}
	.pro-info-ti {font-size: 30px;}
	.pro-box-R {padding: 0 0 0 4%;}
	.pro-txt {margin-bottom: 4%;}
	.listimg {width: 40%;}
	.listimg img{ width:70%;}
	.cate-name a, .cate-name-more a {font-size: 20px; top:20%; line-height: 1.2em;}
	.cate-name a, .cate-name-more a:hover{}
	.listtxtNormal {font-size: 15px;}
	.thumbnail {padding: 0;}
	#sidebar{ width:100%; padding: 1%;}
	#content{ width:100%;}
	#side_menu ul li a {background-color: #f5f5f5;}
	.side-mainlink {float: left; width: 48%; margin: 3% 2% 1% 0;}
	#side-link-box {padding: 1% 0 5% 0;}
	
	
	
}


@media (max-width : 750px){
	#pro-search{ background-image:none; width:300px; height:auto; background-color:rgba(255,255,255,0.6); top: 15%; right: 5%; -webkit-box-shadow: 0px 1px 6px 0px rgba(50, 50, 50, 0.4);
-moz-box-shadow:    0px 1px 6px 0px rgba(50, 50, 50, 0.4);
box-shadow:         0px 1px 6px 0px rgba(50, 50, 50, 0.4);}
	#pro-search p{text-indent: inherit; font-size:16px; text-transform:uppercase; color:#091859; line-height: 2em; padding:0 2%;}
	.container_product71 .thumbnail .caption, .container_product .thumbnail .caption, .container_product2 .thumbnail .caption{ width:55%; left: 40%;}
	
	.container_product71 .thumbnail .caption:hover, .container_product .thumbnail .caption:hover, .container_product2 .thumbnail .caption:hover{ width:55%;}
	
}

@media (max-width : 600px){
  .pro-box-L{ width:32%}
  .pro-box-R{ width:66%}
  .cate-name a, .cate-name-more a {font-size: 21px; top:15%;}
  .listtxtNormal {font-size: 16px;/* width:60%;*/}
  /*.col-md-6 {width: 100%;}*/
  #showGlobal .col-xs-6{width: 100%;}
  #com-info table .td-w {width: 30%; padding: 4px;}
  #com-info table td p, #com-info p, .main-com p{font-size: 15px;}
	
	
	#left_menu .incate88, 
	#left_menu .incate89, 
	#left_menu .incate90, 
	#left_menu .incate91,
	#left_menu .incate92, 
	#left_menu .incate93, 
	#left_menu .incate94, 
	#left_menu .incate95{background-size: 100%;    background-color: #ececec;}
}

@media (max-width : 480px){
	#pro-search{right: 2%;}
	.swiper-wrapper .img-responsive { max-width: 160%;}
	#company_logo {width:40%;}
	#company_logo img{ width:100%;}
	.sb-toggle-right {top: 16px;}
	.p-01 {width: 100%; padding: 0;}
	.pro-photo {width: 100%;}
	.cate-name a, .cate-name-more a {font-size: 18px; /top:18%; *left:42%*/}
	.listtxtNormal {font-size: 15px;}
	#left_menu ul ul li a{ padding:14px;}
	.container_product71 .thumbnail { padding:1%}
	.side-mainlink {width: 100%; margin: 5% 2% 1% 0;}
	.side-link-txt a {font-size: 26px;}
	.follow-link a { margin-right: 10px;}
	.follow-link a img{ width:100%;}
	#com-info table .td-w {width: 35%; padding: 4px;}
    #com-info table td p {font-size: 14px;}
	.pro-info-ti {font-size: 26px;}
	
	
}

@media (max-width : 400px){
  .pro-box-L{ width:50%; margin:0 0 3% 3%;}
  .pro-box-R{ width:100%}
  .pro-box {padding: 4% 0;}
  
}
@media (max-width : 360px) {
  #company_logo {width:45%;}
  .pro-box-L{ width:96%; margin:0 0 3% 3%;}
  .cate-name a, .cate-name-more a {font-size: 16px; top:16%;}
  .listtxtNormal {font-size: 13px;}
  .page-header { margin: 30px 0 20px;}
  .cd-single-point:nth-of-type(1) .cd-more-info.cd-top, .cd-single-point:nth-of-type(1) .cd-more-info.cd-bottom{left: 100%;} 
  .cd-single-point .cd-more-info {width: 150px;}
  .app-link-box{ padding:2px;}
  .app-link-ti{ font-size:17px; line-height:1.5em; font-weight:normal;}
  
}

@media (max-width : 320px) {
  #company_logo {width:50%;}
  
}