.hideobj{
  display:none;
}
/*font-family: 'Open Sans', sans-serif;*/

html {
   -ms-overflow-style: scrollbar;
}

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

body{color:#1d1d1d; font-family:'Open Sans', \5FAE\8EDF\6B63\9ED1\9AD4, Arial, Helvetica, sans-serif; margin:0; padding:0; text-align:center; font-size:14px; }

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:#23527c; text-decoration:none; blr:expression(this.onFocus=this.blur()); noFocusLine:expression(this.onFocus=this.blur());
	-webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;}
	a:hover {text-decoration:underline; color:#23527c;}
	a img {border:none;}
	a:focus { -moz-outline-style: none; outline:none;} 

.table-container{width: 100%;	overflow-y: auto;	_overflow: auto;	margin: 0 0 1em;}
.table-container::-webkit-scrollbar{	-webkit-appearance: none;	width: 14px;	height: 14px;}
.table-container::-webkit-scrollbar-thumb{	border-radius: 8px;	border: 3px solid #fff;	background-color: rgba(0, 0, 0, .3);}

#container{ border-top: 11px solid #0068b7; background-size:100% 11px;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); overflow:hidden;
-moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 0, 0.5);
box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.5);}
.wrap{height: 1%;}
.wrap:after {clear: both; content: " "; display: block; height: 0; visibility: hidden;}

.wrap{margin:0 auto; width:1200px; text-align:left; padding:0 16px;}


.header{
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 37%, rgba(232,232,232,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 37%,rgba(232,232,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 37%,rgba(232,232,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */
}
	.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;}
	#header2{border-bottom:2px #0068b7 solid;}
	.header--clone {  position: fixed; width:100%;  z-index: 130;  top: 0;  left: 0;
		-webkit-transform: translateY(-100%);      -ms-transform: translateY(-100%);          transform: translateY(-100%);
		 -webkit-transition: all 300ms ease-in-out;     -moz-transition: all 300ms ease-in-out;          transition: all 300ms ease-in-out;}
	.header--stick { -webkit-transform: translateY(0%);      -ms-transform: translateY(0%);          transform: translateY(0%);}
	.sb-active .header--clone{-webkit-transform: translateY(-100%);      -ms-transform: translateY(-100%);          transform: translateY(-100%);}
	
	.header .wrap{padding-right:0; position:relative;}
	#logo{float:left;} /*82*/
		#logo a{padding:25px 0; display:block;} #logo img{/*width:56px; height:54px;*/ display:block;}
	#topnav{float:right;}
		#topnav > ul{list-style:none; padding:0; margin:0;}
		#topnav > ul > li{float:left;}
		#topnav > ul > li > a{font-size:20px; height:82px; padding:34px 12px 0; display:block; cursor:pointer; color:#000000;}
		#topnav > ul > li.open>a{background:rgba(100, 100, 100, 0.1); }
		#topnav .dropdown-menu{right:0; left:auto; border-radius:0; margin-top:0;border:0; background:#0068b7;}
		#topnav .dropdown-menu>li>a{color:#fff;}
		#topnav .dropdown-menu>li>a:hover{background:rgba(50, 50, 50, 0.3);}
		#topnav-lan .dropdown-menu>li>a{padding-top:0.6em; padding-bottom:0.5em;}	
		#topnav-search .dropdown-menu{min-width:240px;}
			#topnav-search .input-group{padding:12px;} #topnav-search .input-group, #topnav-search .input-group *, #topnav-search .input-group *:hover{border-color:#333;}
			#btn-search{background:#555; color:#fff;}
			#btn-search-more{display:none;background:#333; color:#fff;}
			#topnav-member{display:none;}
		
	#nav{float:right;}
		#nav > ul{list-style:none; padding:0; margin:0;}
		#nav > ul > li{float:left;}
		#nav > ul > li:before{content:'|'; float:left;  padding-top:35px; color:#d2d2d2; font-size:12px;}
		#nav > ul > li:first-child:before{content:' ';}
		#nav > ul > li#m8:before, #nav > ul > li#m7:before{content:':';}
		#nav > ul > li > a{cursor:pointer; color:#222121; padding:35px 12px 0; height:82px; display:inline-block; font-size:16px; line-height:18px; position:relative;}
		.body-T #nav > ul > li > a{text-shadow:0px 0px 1px rgba(50, 50, 50, 0.3);}
		#nav > ul > li > a:hover{text-decoration:none; color:#0068b7;}
		#nav > ul > li#m8 > a, #nav > ul > li#m7 > a{font-size:13px;}
		#nav > ul > li.active > a{background:#0068b7; color:#fff; top:-11px; padding-top:45px; margin-bottom:-11px; height:93px;}
			#nav .dropdown-menu > .active > a, #nav .dropdown-menu > .active > a:hover, #nav .dropdown-menu > .active > a:focus{background-color:#0068b7;}
			#nav #m3 .dropdown-menu > .active > a, #nav #m3 .dropdown-menu > .active > a:hover, #nav #m3 .dropdown-menu > .active > a:focus{background-color:transparent;}
			#nav .dropdown-menu{margin-top:0;}
			#nav  .dropdown-menu > li > a{padding-top:0.4em; padding-bottom:0.4em;}
			#m3.dropdown{position:static;}
			#m3 .dropdown-menu{width:100%; border-radius:0; border:0; border-bottom:4px #0068b7 solid; border-top:2px #0068b7 solid; margin:0; padding:0;}
				#m3 .dropdown-menu #incateall, #m3 .dropdown-menu #inalldivider{display:none;}
				#m3 .dropdown-menu li{width:20%; float:left; height:0; padding-bottom:10%; background-position:right center; background-size:contain; background-repeat:no-repeat; position:relative;}
				#m3 .dropdown-menu li.incate06, #m3 .dropdown-menu li.incate07, #m3 .dropdown-menu li.incate08, #m3 .dropdown-menu li.incate09{width:25%;}
				#m3 .dropdown-menu *{-webkit-transition: all 0.3s;    -moz-transition: all 0.3s;    -ms-transition: all 0.3s;    -o-transition: all 0.3s;    transition: all 0.3s;}
				#m3 .dropdown-menu li:hover{ -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow:    0px 0px 3px 0px rgba(0, 0, 0, 0.3); box-shadow:         0px 0px 3px 0px rgba(0, 0, 0, 0.3); cursor:pointer; z-index:10; position:relative;}
				#m3 .dropdown-menu li.incate01{background-image:url(../images/menu/bg-pro1w.png);}
				#m3 .dropdown-menu li.incate02{background-image:url(../images/menu/bg-pro2w.png);}
				#m3 .dropdown-menu li.incate03{background-image:url(../images/menu/bg-pro3w.png);}
				#m3 .dropdown-menu li.incate04{background-image:url(../images/menu/bg-pro4w.png);}
				#m3 .dropdown-menu li.incate05{background-image:url(../images/menu/bg-pro5w.png);}
				#m3 .dropdown-menu li.incate06{background-image:url(../images/menu/bg-pro6w.png);}
				#m3 .dropdown-menu li.incate07{background-image:url(../images/menu/bg-pro7w.png);}
				#m3 .dropdown-menu li.incate08{background-image:url(../images/menu/bg-pro8w.png);}
				#m3 .dropdown-menu li.incate09{background-image:url(../images/menu/bg-pro9w.png);}
				#m3 .dropdown-menu li.incate01:hover, #m3 .dropdown-menu li.incate01.active{background-image:url(../images/menu/bg-pro1.png);}
				#m3 .dropdown-menu li.incate02:hover, #m3 .dropdown-menu li.incate02.active{background-image:url(../images/menu/bg-pro2.png);}
				#m3 .dropdown-menu li.incate03:hover, #m3 .dropdown-menu li.incate03.active{background-image:url(../images/menu/bg-pro3.png);}
				#m3 .dropdown-menu li.incate04:hover, #m3 .dropdown-menu li.incate04.active{background-image:url(../images/menu/bg-pro4.png);}
				#m3 .dropdown-menu li.incate05:hover, #m3 .dropdown-menu li.incate05.active{background-image:url(../images/menu/bg-pro5.png);}
				#m3 .dropdown-menu li.incate06:hover, #m3 .dropdown-menu li.incate06.active{background-image:url(../images/menu/bg-pro6.png);}
				#m3 .dropdown-menu li.incate07:hover, #m3 .dropdown-menu li.incate07.active{background-image:url(../images/menu/bg-pro7.png);}
				#m3 .dropdown-menu li.incate08:hover, #m3 .dropdown-menu li.incate08.active{background-image:url(../images/menu/bg-pro8.png);}
				#m3 .dropdown-menu li.incate09:hover, #m3 .dropdown-menu li.incate09.active{background-image:url(../images/menu/bg-pro9.png);}
				#m3 .dropdown-menu>li>a{white-space:normal; background:none; position:absolute; top:0; bottom:0; left:0; width:100%; padding:0.8em 35% 0.8em 1em; display:block; font-weight:bold; font-weight:700; text-shadow: 0px 0px 2px rgba(255, 255, 255, 1);}
				#m3 .dropdown-menu>li>a:hover{background:none; color:#0068b7;}
				#m3 .dropdown-menu > .active > a:focus, #m3 .dropdown-menu > .active > a, #m3 .dropdown-menu > .active > a:hover{color:#0068b7;}
			
			
			
	.sb-toggle-right{float:right; display:none;}
	
		
#breadcrumb-wrap{ font-size:12px;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b9000e+0,e60819+100 */
		background: rgb(0,104,183); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(0,104,183,1) 0%, rgba(0,79,139,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(0,104,183,1) 0%, rgba(0,79,139,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(0,104,183,1) 0%, rgba(0,79,139,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9000e', endColorstr='#e60819',GradientType=0 ); /* IE6-9 */
}
	#breadcrumb-wrap .wrap{text-align:right;}
	.breadcrumb{background:none; border-radius:0; color:#fff; padding:4px 0; margin:0;}
	.breadcrumb li:first-child:before{width: 15px; display: inline-block;text-align: right;margin-right: 2px; content:"\f04d"; font:normal normal normal 12px/1 FontAwesome; -webkit-transform:scale(0.5);	-ms-transform:scale(0.5);	transform:scale(0.5);}
	.breadcrumb a{color:#fff;}
	.breadcrumb > .active{color:#ccc;}


#mainbanner{display:none;}


#content{background:url(../images/bg-content.jpg) top center no-repeat; min-height:550px; padding-top:4px;}
.page-header{border:0; margin:0; padding:25px 0 35px ;}
	.page-header h1{font-size:24px; margin:0;}
	.body-T .page-header h1{text-shadow:0 0 1px rgba(50, 50, 50, 0.5);}
	#content #result{font-size:13px; margin-bottom:20px;}
	#catedescA{}
	.pagination > li > a, .pagination > li > span{color:#0068b7;}
	.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{background:#337ab7; border-color:#337ab7;}
	
    .container_download .table{background: #fff;}
	.container_download .table > tbody > tr > td{vertical-align:middle;}

	.container_product .thumbnails{list-style:none; margin:32px 0; padding:0;}
	.thumbnails{list-style:none; padding:0; margin:0;}
	.thumbnails:after{clear:both; content:''; display:block; height:0; overflow:hidden;}
	.catelist{width:33%; float:left; padding:0 15px;} .catelist *{-webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;}
	.catelist:nth-child(3n+1){clear:left;}
	.thumbnail{ border:0; padding:0;}
	.catelist .thumbnail{position:relative; margin-bottom:30px; border:1px #ececec solid; border-radius:0; padding:1px;  background:#fff; -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow:    0px 0px 3px 0px rgba(0, 0, 0, 0.1); box-shadow:         0px 0px 3px 0px rgba(0, 0, 0, 0.1);}
	.catelist:hover .thumbnail{  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow:    0px 0px 5px 0px rgba(0, 0, 0, 0.3); box-shadow:         0px 0px 5px 0px rgba(0, 0, 0, 0.3);}
	.catelist .listimg a{display:block; overflow:hidden;} .catelist:hover .listimg{border-left:5px #0068b7 solid;}
	.catelist .listimg a img{text-align:right; margin-right:0; opacity:1; max-height:160px; max-width:80%; -webkit-transform:scale(1);	-ms-transform:scale(1);	transform:scale(1);} .catelist:hover .listimg a img{opacity:0.7; -webkit-transform:scale(1.1);	-ms-transform:scale(1.1);	transform:scale(1.1);}
	.catelist .caption{position:absolute; top:0; left:0; bottom:0; right:50%; padding:9px 15px 9px 20px;} 
		.catelist .cate-name{ display:table; height:100%; vertical-align:middle;}
		.catelist .cate-name a{display:table-cell; vertical-align:middle; font-weight:bold; font-weight:700; color:#222; font-size:16px;}
		.catelist .cate-name a:hover, .catelist:hover .cate-name a{text-decoration:none; color:#880510;}
	
	.container_product2 .thumbnails{list-style:none; margin:32px 0; padding:0;}
	.prodlist{width:33.3%; float:left; padding:0 20px;}
		.prodlist:nth-child(3n+1){clear:left;}
		.prodlist *{-webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;}
		.prodlist .thumbnail{background:none; margin-bottom:44px;}
		.prodlist .listimg{border:1px rgba(50, 50, 50, 0.2) solid;  padding:1px; background:#fff;  margin-bottom:8px; -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow:    0px 0px 3px 0px rgba(0, 0, 0, 0.1); box-shadow:         0px 0px 3px 0px rgba(0, 0, 0, 0.1);}
		.prodlist:hover .listimg{border:1px #0068b7 solid;}
		.prodlist .listimg a{overflow:hidden; display:block; padding:6px;}
		.prodlist .listimg img{height: 222px;}
		.prodlist:hover .listimg img{ opacity:0.8;}
		.prodlist .cate-name-more a{color:#0068b7; font-weight:600; display:block; font-size:15px;}
		.prodlist .cate-name a{color:#222; font-size:16px; font-weight:bold; font-weight:700; display:block;}
		.prodlist .cate-name-more, .prodlist .cate-name{border-left:4px #0068b7 solid; padding-left:10px;}
		.prodlist .cate-name-more a:hover, .prodlist .cate-name a:hover{text-decoration:none;}
		.prodlist .cate-name a:hover{color:#880510;} .prodlist .cate-name-more a:hover{color:#880510;}

.pro-row{padding:0 0 30px;}
	.pro-row:after {clear: both; content: " "; display: block; height: 0; visibility: hidden;}
	.pro-l{width:60%; float:left;}
        .bimgarea{text-align: center;}
        #bimg_link{display: inline-block; margin: 0 auto;}
        .showsmall{display: none;}
	.pro-r{float:right; width:33%; padding:26px 0 0 0;}
	.pro-no{font-size:36px; color:#0068b7; font-weight:bold; font-weight:700; margin-bottom:0.2em;}
	.pro-name{font-size:20px; font-weight:bold; font-weight:700;}
	.pro-name span, .pro-no span{display:none;}
	.pro-simdes{margin-top:1.6em;}
	.pro-simdes ol{padding-left:16px;}
	.pro-r .control-label, .pro-r .form-control{display:none;}
	.pro-r .btn i{background:#a9000d; width:34px; height:34px; color:#fff; line-height:34px; position:absolute; right:0; top:0;}
	.pro-r .btn{background:#0068b7; color:#fff; text-transform:uppercase; line-height:18px; padding:8px 44px 8px 12px; border:0; border-radius:0; position:relative;}
	.pro-r .btn:hover{background:#a9000d;}
	.pro-r .btn:hover i{background:#8a000b;}
#pro-feature-wrap{background:#ededed; padding:25px 0;}
	.pro-feature-ti{background:#7c7c7c; padding:0.45em 1em; display:inline-block; font-size:16px; color:#fff; font-weight:bold; font-weight:700; text-transform:uppercase;}
#prodNav{margin-top:32px;}
	.table.table-pro{margin-bottom:2px;}
	.table-pro{border-bottom:1px #b9b9b9 dotted;}
	.table-pro > thead > tr > th, .table-pro > tbody > tr > th, .table-pro > thead > tr > td, .table.table-pro > tbody > tr > td{border-right:1px #b9b9b9 dotted; border-top:0; background-image: url(../images/dot.png); background-position:top left; background-repeat:repeat-x;}
	.table-pro > thead > tr > th{text-align:center;}
	.table-pro > thead > tr > th, .table-pro > tbody > tr > th{background-color:#f9f9f9;}
	.table-pro > thead > tr > th{width:150px;}
	.table-pro > tbody > tr > th{vertical-align:middle; /*white-space:nowrap;*/}
	.table-pro.table > tbody > tr > :last-child{border-right:none;}
	.table-pro.table > tbody > tr > :last-child.border-r{border-right:1px #b9b9b9 dotted;}
	.table-pro.table > tbody > tr > td{text-align:center; vertical-align:middle;}
	.table-pro2 > tbody > tr:nth-child(even) > td{background-color:#f9f9f9;}
	.table-pro > tbody > tr.bg-gray > td, .table-pro > tbody > tr.bg-gray > th{background-color:#f9f9f9;}
	.table-pro + p, .table-container + p{margin-top:0;}
	
	.table-fea{border-bottom:1px #b9b9b9 dotted;}
	.table-fea > thead > tr > th, .table-fea > tbody > tr > th, .table-fea > thead > tr > td, .table-fea > tbody > tr > td{border-right:1px #b9b9b9 dotted; border-top:0; background-image: url(../images/dot.png); background-position:top left; background-repeat:repeat-x;}
	.table-fea > thead > tr > th, .table-fea > tbody > tr > th{background-color:#f9f9f9;}
	.table-fea > tbody > tr > th{vertical-align:middle; white-space:nowrap;}
	.table-fea > tbody > tr > :last-child{border-right:none;}
	.table-fea > tbody > tr > :last-child.border-r{border-right:1px #b9b9b9 dotted;}
	.table-fea.table > tbody > tr > td{padding-left:5px; padding-right:5px; font-size:13px; text-align:center;}
	
	p.tab-note{font-size:13px; text-align:right; clear:both;}
	.profeature-wrap{border:1px #D8D8D8 solid; padding:16px 24px 10px; border-radius:12px; margin-bottom:24px; margin-top:20px; box-shadow:0 0 2px rgba(150, 150, 150, 0.3); background:#f9f9f9; line-height:1.6em;}
	.profeature-wrap:after{clear:both; content:''; height:0; display:block; overflow:hidden;}
	.profeature-txt-l{width:55%; float:left; } .profeature-txt-l2{float:left; margin:0 20px 0 0;} body-E .profeature-txt-l{width:auto;}
	.profeature-txt-r{width:40%; float:right; }
	.profeature-txt-r p{margin-bottom:0;}
	.profeature-txt-r ol{margin:0; padding:0 0 0 1.5em;}
	.profeature-txt-r ol spane{width:60px; display:inline-block;}
	
	.feature-ti{background:#0068b7; padding:0 0 0 15px; margin-bottom:18px; height:30px; line-height:30px; display:inline-block; color:#fff; font-size:16px;}
	.feature-ti span{background:#000; padding:0 6px; display:inline-block; position:relative; margin-left:12px;}
	.feature-ti span:before{content:'';  border-color:transparent #000 transparent transparent; border-style:solid solid dashed dashed; border-width:30px 10px 0 0; position:absolute; top:0; left:-10px;}
	.feature-ti span:after{content:'';  border-color:#000 transparent transparent transparent; border-style:solid solid dashed dashed ; border-width:30px 10px 0 0; position:absolute; top:0; right:-10px;}
	.feature-ti2{background:#0068b7; padding:0 10px 0 15px; margin-bottom:18px; height:30px; line-height:30px; display:inline-block; color:#fff; font-size:16px;position:relative; margin-right:12px;}
	.feature-ti2:after{content:'';  border-color:#0068b7 transparent transparent transparent; border-style:solid solid dashed dashed ; border-width:30px 10px 0 0; position:absolute; top:0; right:-10px;}

#tabs-0{padding-left:12px;}
	#tabs-0 *{ -webkit-transition:none; -moz-transition:none; transition:none;}
	#tabs-0 > li{margin-left:-7px; padding:0 10px;}
	#tabs-0 > li > a{background:#cfcfcf; border-radius:0; line-height:18px; padding:6px 14px; height:30px; display:inline-block; margin:0; color:#222; font-weight:600; border:0;}
	
	
	#tabs-0 > li.active > a, #tabs-0 > li > a:hover{border:0; color:#fff; background:#0068b7;}
	#tabs-0 > li a:after{ content:' '; position:absolute; right:-10px; top:0;
	 border-color:#cfcfcf transparent transparent transparent;
		border-style:solid solid dashed dashed;
		border-width:30px 10px 0 0 ; }
	#tabs-0 > li a:before{ content:' '; position:absolute; top:0; left:-10px;
	 border-color:transparent #cfcfcf transparent transparent;
		border-style:solid solid dashed dashed;
		border-width:30px 10px 0 0 }
	#tabs-0 > li.active a:after, #tabs-0 > li a:hover:after{border-color:#0068b7 transparent transparent transparent;}
	#tabs-0 > li.active a:before, #tabs-0 > li a:hover:before{border-color:transparent #0068b7 transparent transparent;}
	
	
.tab-content{/*padding:25px 6px;*/}
	
#prodNav .panel-default > .panel-heading{background:#0068b7; color:#fff; font-weight:600;}	
#prodNav .panel-default > .panel-heading a:before{/*content:"\f068";*/ display: inline-block;   font: normal normal normal 14px/1 FontAwesome;  font-size: inherit;  text-rendering: auto;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; margin-right:12px;}
#prodNav .panel-default > .panel-heading a.collapsed:before{/*content:"\f067";*/ }

#prodNav .panel-default > .panel-heading a[aria-expanded="false"]:before, #prodNav .panel-default > .panel-heading a:before{content:"\f067";}
#prodNav .panel-default > .panel-heading a[aria-expanded="true"]:before{content:"\f068";}
#prodNav .panel-default > .panel-heading a:hover{color:#fff;}	
	
	
#contentprod2 ul{padding:0;}
	#contentprod2 ul li{list-style:none; float:left; width:30%; margin-top:10px; margin-right:3%; line-height:30px;}
	#contentprod2 ul li a{color:#333;}
	#contentprod2 ul li a span{color:#002E8C; font-size:16px; text-shadow:1px 0 1px rgba(0,46,140,0.3);}
	#contentprod2 ul li a img{border:1px solid #ddd;}
	
	
	.company-txt{line-height:1.8em; font-size:15px;}
	.company-txt p{margin:1em 0 1.8em;}
	.company-txt h2{color:#000; position:relative; padding-left:22px; font-weight:normal; font-size:26px; text-shadow:0 0 2px rgba(100, 100, 100, 0.3); margin-bottom:1em;}
	.company-txt h2:before{content:''; width:8px; height:8px; background:#0068b7; display:inline-block; position:absolute; top:0.45em; left:0;}
	.company-txt p+h2{margin-top:2em;}
	
	
	.companyfeature-txt{line-height:1.8em; font-size:15px;}
	.companyfeature-txt h2{color:#000; position:relative; padding-left:22px; font-weight:normal; font-size:26px; text-shadow:0 0 2px rgba(100, 100, 100, 0.3); margin-bottom:1em;}
	.companyfeature-txt h2:before{content:''; width:8px; height:8px; background:#0068b7; display:inline-block; position:absolute; top:0.45em; left:0;}
	.companyfeature-txt h3{color:#000; color:#0068b7; position:relative; padding-left:22px; font-weight:normal; font-size:22px; text-shadow:0 0 2px rgba(100, 100, 100, 0.3); margin-bottom:1em;}
	.companyfeature-txt h3:before{content:''; width:8px; height:8px; background:#0068b7; display:inline-block; position:absolute; top:0.32em; left:0;}
	.companyfeature-txt p+h2, .companyfeature-txt ul+h2, .companyfeature-txt ol+h2, .companyfeature-txt p+h3, .companyfeature-txt ul+h3, .companyfeature-txt ol+h3{margin-top:2em;}
	.companyfeature-01 {width:40%; float:left; margin-bottom:24px; padding-right:20px;}
	.companyfeature-02{width:60%; float:right; margin-bottom:24px;}
	.companyfeature-03{clear:both;} .companyfeature-03 p>img{text-align:center; display:block; margin:12px auto;}
	.feature-list{list-style:none; padding:0; margin:0;}
	.feature-list li{width:19%; float:left;  margin:0 0.5%; }
	.feature-list li img{padding:0 6px; border:1px #ddd solid; border-radius:6px; box-shadow:0px 0px 2px rgba(80, 80, 80, 0.1);}
	.feature-list li img:hover{border-color: #0068b7;}
	.feature-list li span{display:block; font-size:14px; line-height:1.4em; padding:0.2em 0;  margin-bottom:16px;}

.process-list{list-style: none; margin: 0; padding: 0;}
.process-list li{width: 33.3%; float: left; padding: 0 16px; margin-bottom: 40px;}
.process-list li:nth-child(3n+1){clear: left; }
.process-img{border: 1px #ddd solid; padding: 4px; display: inline-block; box-shadow: 0 0 2px rgba(50, 50, 50, 0.2);}
.process-list li:hover .process-img{border-color:#0068b7; padding: 4px; display: inline-block;}
.process-txt{font-size: 16px; color:#a9000d; padding: 0.1em 0; display: inline-block;}


.contact-page h3{color:#0068b7; text-shadow: 0 0 2px rgba(50, 50, 50, 0.2); }
.contact-page h4{color:#a9000d;  text-shadow: 0 0 2px rgba(50, 50, 50, 0.2);}



.container_site-map #content .txtNormal ul{list-style:none; margin:0; padding:0}
.container_site-map #content .txtNormal ul ul{margin-left:1.5em;}
.container_site-map #content .txtNormal ul li{border:1px #eee solid; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; margin-bottom:6px; background:rgba(255, 255, 255, 0.5); padding:6px 12px;}
.container_site-map #content .txtNormal ul li li{border:0; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; margin-bottom:0px; padding:0; background:none;} 
.container_site-map #content .txtNormal ul li a{font-size:16px; padding:0.3em 0; color:#333; font-weight:700; display:block; }
.container_site-map #content .txtNormal ul li li a{font-size:14px; padding:0.2em 0; color:#444; display:block; font-weight:normal;}
.container_site-map #content .txtNormal ul li a:hover{color:#23527c}
#sidebar{display:none;}	








#topbtn-wrap{position: fixed; right: 10px; bottom: 50px;}
#btntop{ width:32px; height:32px; background:#0068b7; color:#fff; display:inline-block; text-align:center; line-height:30px; font-size:22px; float:right; position:relative; bottom:-18px; z-index:20; -webkit-transition: all 0.3s;    -moz-transition: all 0.3s;    -ms-transition: all 0.3s;    -o-transition: all 0.3s;    transition: all 0.3s;}
	#btntop:hover{background:#666;}
#footer{margin-top:30px;}
#footer1{background:#f5f5f5; padding:50px 0;}
	#custnav{} #custnav a{color:#2c2c2c;}
		#custnav1{}
			#custnav1 > .nav-header{display:none;}
			#custnav1 > ul{list-style:none; margin:0; padding:0; text-align:center; width:100%;}
			#custnav1 > ul > li{width:12%; margin:10px 0; text-align:center; display:inline-block;}
			#custnav1 > ul > li  a{font-size:15px; text-transform:uppercase; font-weight:bold; font-weight:700; padding:0.3em 0; display:block;}
		#custnav2{}
			#custnav2 ul{list-style:none; margin:0; padding:0; text-align:center; width:100%;}
			.body-E #custnav2 ul li li, .body-J #custnav2 ul li li{width:20%;}
			#custnav2 ul li li{/*width:9%;*/ margin:5px; text-align:center; display:inline-block;}
			#custnav2 > ul > li > .nav-header{font-size:15px; text-transform:uppercase; font-weight:bold; font-weight:700; padding:0.2em 0; display:block; margin-bottom:0.2em;}
			#custnav2 > ul > li > ul > li:before{width: 12px; display: inline-block;text-align: right;margin-right: 4px; content:"\f04d"; font:normal normal normal 12px/1 FontAwesome; -webkit-transform:scale(0.4);	-ms-transform:scale(0.4);	transform:scale(0.4); color:#0068b7;}
			#custnav2 > ul > li > ul a{font-size:12px; padding:0.2em 0; display:inline-block;}
	#cominfo{font-size:13px;}
		#cominfo-ti{font-size:15px; color:#222; font-weight:700;  text-transform:uppercase; margin-bottom:0.4em;}
		#cominfo ul{list-style:none; margin:0; padding:0;}
		#cominfo li{margin-bottom:4px;}
		#cominfo i{width:24px; height:24px; color:#fff; line-height:24px; font-size:16px; margin-right:6px; background:#0068b7; text-align:center;} 
#footer2{font-size:12px; padding:4px 0;}	
	#copyright{float:left;}
	#footlink{float:right;}
		#footlink>a{float:left; color:#222;}
		#footlink ul{padding-left:20px;}
		#footlink ul:before{content:'Designed by ';}
		#footlink li{display:inline;}
		#footlink li:after{content:', ';}
		#footlink li:last-child:after{content:' ';}	
		#footlink li a{color:#555;}






.sb-toggle-right{display:none; float:right; height:82px; padding:39px 12px 0;}
	.sb-toggle-right >span{display:none;}
	.navicon-line{ width:24px; height:3px; margin-bottom:4px; background:#444;}
	.sb-slidebar{text-align:left; font-size:15px; color:rgba(255, 255, 255, 0.7); background:#323232; }
	.sb-slidebar a{color: #fff; }
		.sb-slidebar ul{list-style:none; padding:0; margin:0;}
		.sb-slidebar ul>li{border-bottom:1px dotted rgba(255, 255, 255, 0.1); border-top:1px dotted rgba(0, 0, 0, 0.1);background:none !important;}
		.sb-slidebar ul li a{font-size:17px;padding:0.6em 1em; display:inline-block; width:100%; cursor:pointer; }
		.sb-slidebar ul li a:hover{background:#0068b7; text-decoration:none;}
		.sb-slidebar ul li.active>a{background:#0068b7;}
		.sb-slidebar ul li li a{font-size:14px; padding:0.5em 1em 0.5em 1.2em; text-transform:none;  font-weight:normal; }
			i.sb-caret {width: 0;	height: 0;	display: inline-block;	margin: 0 5px;	border: 5px solid transparent; vertical-align:middle; border-top: 5px solid;	border-bottom: 0px solid transparent; }
			.sb-submenu-active > i.sb-caret {	border-top: 0px solid transparent;	border-bottom: 5px solid;}
		.sb-submenu{background-color:rgba(100, 100, 100, 0.5);}
		.sb-submenu a{font-weight:normal;}
		.sb-slidebar .divider{display:none;}
		.sb-slidebar ul li li a:first-letter{color:#fff !important;}
		#sb-lan{border-bottom:1px solid #aaa;}
		#sb-lan li{border-bottom:0; border-top:0; float:left; padding:5px;}
		#sb-lan li a:hover{background: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; 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%;}
}

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

#rss_area a:hover{
  text-shadow: none;
}
/*產品頁*/

/*產品介紹頁*/
#pb_area{
 
  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{
  overflow:hidden;
}
#content .thumbnails .catelist{
  overflow:hidden;
}
.listtxtspec .input-prepend{
  padding:1px 0px;
  margin:0px;
}
.clear{
  clear:both;
}
#lineqty{
  width:30%;
}
.showsmall ul {
  padding: 0px; margin: 0px;
  list-style: none;
}
.showsmall li {
  float:left;
}
.showsmall li img  {
  margin: 3px;
  padding:3px;
  height: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%;
}

/*尾檔*/
/*首頁用*/
#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 {
  
  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;
}
/***style for banner's arrows and pagination ****/
.swiper-banner .arrow-left, .swiper-product .swiper-button-prev {
  position: absolute;
  left: 1%;
  top: 40%;
  width: 17px;
  height: 30px;z-index:99;
}
.swiper-banner .arrow-right, .swiper-product .swiper-button-next {
  position: absolute;
  right: 1%;
  top: 40%;
  width: 17px;
  height: 30px;z-index:99;
}

.swiper-banner .page-banner, .swiper-product .swiper-pagination{
  position: absolute;
  left: 0; z-index:99;
  text-align: center;
  bottom:0;
  width: 100%;
}
.swiper-banner .swiper-pagination-switch, .swiper-product .swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #999;
  box-shadow: 0px 1px 2px #555 inset;
  margin: 0 3px;
  cursor: pointer;
}
.swiper-banner .swiper-active-switch, .swiper-product .swiper-active-switch {
  background: #fff;
}
/***style for banner's arrows and pagination end ****/

@media (max-width : 1199px) {
	#container{background-size:300% 11px; background-position:center top;}
	.wrap{width:100%;}
	#nav > ul > li#m6, #nav > ul > li#m7, #nav > ul > li#m8{display:none;}
	.header .wrap{padding-right:15px;}
	.sb-toggle-right{display:block;}
	#m3 .dropdown-menu li{font-size:13px; padding-bottom:9%; /*background-position:170% center;*/}  
	#m3 .dropdown-menu>li>a{/*max-width:75%;*/ padding-right:25%;} 
	
	#custnav1{/*width:50%; float:left;*/}
		#custnav1 > ul > li {float: none; width: auto; margin: 10px; text-align: left;}
	#custnav2{/*width:50%; float:right;*/}
		#custnav2 ul li li {float: none; width: auto; margin: 5px;text-align: left;
}
}

@media (max-width: 979px)  { /*bootstrap width 724px */
	#nav{display:none;}
	#logo a{padding:15px 12px 11px 0;}
	#topnav > ul > li > a{padding-top:22px; height:62px;}
	.sb-toggle-right{padding-top:27px; height:62px;}
	.header .wrap{position:relative;}
	#topnav .dropdown, #topnav .btn-group{position:static;}
	
	
	.catelist{width:50%;}
	.catelist:nth-child(3n+1){clear:none;}
	.catelist:nth-child(2n+1){clear:left;}
	
	#footer1{padding:30px 0;}
	#custnav{width:auto; float:none;}
		#custnav:after {clear: both; content: " "; display: block; height: 0; visibility: hidden;}
	#cominfo{float:none; width:auto; margin-top:30px;}
	
	.prodlist{width:50%;}
		.prodlist:nth-child(3n+1){clear:none;}
		.prodlist:nth-child(2n+1){clear:left;}
		.prodlist .cate-name a{font-size:15px;}
}
@media (max-width : 768px) {
	.sb-site, .sb-site-container{padding:0;}
	
	#copyright, #footlink{float:none; margin:0 auto; text-align:center;}
	#footlink ul{margin:0; padding:0; display:inline-block;}
	
	.company-txt h2, .companyfeature-txt h2{font-size:22px;}
	.companyfeature-txt h3{font-size:20px;}
	
	.companyfeature-01, .companyfeature-02{float:none; width:auto; padding-right:0; margin-bottom:36px;}

}
@media (max-width: 767px)  { /*bootstrap width auto */
	#content{background:none;}
	.pro-l, .pro-r{float:none; width:auto;}
	
	#contentprod2 ul li{width:45%; margin:10px 2.5%;}
}
@media (max-width : 720px){	
	.catelist{width:100%; float:none; padding:0;} 
	.catelist:nth-child(2n+1){clear:none;}
	.catelist .thumbnail{border:0; margin-bottom:0; border-bottom:1px #f9f9f9 solid;}
}
@media (max-width : 600px){
	#container{padding-top:6px; background-size:300% 6px;}
	#logo a{ padding:7px 0px 7px 0;}
	#topnav > ul > li > a{height:50px; padding-top:12px;}
	.sb-toggle-right{height:50px; padding-top:18px;}
	
	#breadcrumb-wrap{height:8px;}
	#breadcrumb-wrap .breadcrumb{display:none;}
	
	
	.feature-list li{width:32.33%;}
	.feature-list li:nth-child(3n+1){ clear:left;}
    
    .process-list li{width: 50%;}
    .process-list li:nth-child(3n+1){clear: none; }
	.process-list li:nth-child(2n+1){clear: left; }
	
	#custnav1 > ul > li{text-align:center;}
}
@media (min-width : 600px){
  #custnav .nav-header label{display:none;}
  #custnav .collapse{display:block; visibility:visible;}
}
@media (max-width : 599px){
	

	#custnav .nav-header label{display:none;}
	#custnav #cm9 .nav-header{position:relative;}
	#custnav #cm9 .nav-header label{ position:absolute; right:12px; display:inline-block; padding:6px; top:0; cursor:pointer;}
	#custnav1, #custnav2{float:none; width:auto;}
	#custnav2{display:none;}
	/*#custnav2 > ul > li .nav-header a{padding:0.5em 0; display:inline-block;}
	#custnav1 > ul > li a{padding:0.5em 0;}
	#custnav1 > ul > li, #custnav2 > ul > li{border-bottom:#e6e6e6 solid 1px;}
	#custnav2 > ul > li > .nav-header{padding:0;}
	#custnav2 li li {margin-bottom:6px;}*/
	
	.prodlist{width:100%; float:none;}

	.prodlist:nth-child(2n+1){clear:none;}
	
	.profeature-txt-l, .profeature-txt-r{width:auto; float:none; }
	.profeature-txt-r{border-top:1px #D8D8D8 dotted; padding-top:16px; margin-top:16px;}
}
@media (max-width : 552px){
#contentprod2 ul li{width:100%; margin:10px auto; float:none; text-align:center;}
}
@media (max-width : 480px){
	#topnav-lan{display:none;}

	.feature-list li{width:49%;}
	.feature-list li:nth-child(3n+1){ clear:none;}
	.feature-list li:nth-child(2n+1){ clear:left;}
	
}
@media (max-width : 480px){
	#logo{width:65%;}
}
@media (max-width : 360px){
     .process-list li{width: 100%; margin-bottom: 26px;}
	.process-list li:nth-child(2n+1){clear: none; }
	
	
	
}
@media (max-width : 320px){
	
}


/*sidemenu*/
.sidemenu{padding-top:25px;}
.sidemenu h2{font-size:24px; margin:0;}
	.body-T .sidemenu h2{text-shadow:0 0 1px rgba(50, 50, 50, 0.5);}
.sidemenu ul{padding:0; list-style:none;}
	.sidemenu ul li{padding:10px; border-bottom:1px solid #eee;}
	.sidemenu ul li a{color:#00579a; text-decoration:none; font-size:14px;}
	.sidemenu ul .active a{color:#27b8ff;}
@media(max-width:767px){
	.sidemenu{display:none;}
	}


/*appliacation*/
.application li{list-style:none; float:left; width:30%; margin:30px 1.5%; text-align:center;}
.application li img{border:1px solid #eee; margin-bottom:15px;}
.application li a{color:#333; font-size:13px; line-height:20px;}
.application li a span{font-weight:bold; font-size:15px;}
.application li a:hover{text-decoration:none; color:#0068b7; transition:0.2s;}

.app h2{font-size:18px; color:#00579a; margin:40px 0 20px 0;}
.app ol{padding-left:15px;}

.nav-tabs{margin:20px 0;}

.app-pro{padding:0;}
.app-pro li{list-style:none; float:left; width:18%; margin:20px 1%; text-align:center;}
.app-pro li:nth-child(5n+1){clear:left;}
.app-pro li img{border:1px solid #eee; margin-bottom:15px;}
.app-pro li a{color:#333; font-size:13px; line-height:20px;}
.app-pro li a span{font-weight:bold; font-size:15px;}
.app-pro li a:hover{text-decoration:none; color:#0068b7; transition:0.2s;}

@media(max-width:860px){
	.app-pro li{width:23%;}
	.app-pro li:nth-child(5n+1){clear:none;}
	.app-pro li:nth-child(4n+1){clear:left;}
	}
@media(max-width:640px){
	.app-pro li{width:31%;}
	.app-pro li:nth-child(4n+1){clear:none;}
	.app-pro li:nth-child(3n+1){clear:left;}
	}
@media(max-width:460px){
	.app-pro li{width:48%;}
	.app-pro li:nth-child(3n+1){clear:none;}
	.app-pro li:nth-child(2n+1){clear:left;}
	}


/*about*/
.right-page-header{border:0; margin:0; padding:25px 0 35px ;}
	.right-page-header h1{font-size:24px; margin:0;}
	.body-T .right-page-header h1{text-shadow:0 0 1px rgba(50, 50, 50, 0.5);}
.about p{padding-bottom:30px;} 
.about .title p{padding:30px 15px; width:50%; text-shadow:1px 1px 1px rgba(255,255,255,1.0);}
.about .title h2{padding:0 15px; width:50%; text-shadow:1px 1px 1px rgba(255,255,255,1.0);}
.about h3{padding:15px 0; font-size:18px;}
.about h3 span, .about h4 span{color:#00579a;}
.about h4{margin:10px 0; padding:0;}

.about01{margin:10px 0; padding:10px; box-sizing:border-box; background-image:url(../../../proimages/about/about01.jpg); background-repeat:no-repeat; background-position:right bottom; height:350px;}
.about h4 span a{color:#00579a; text-decoration:none;}
.about p a{color:#333; text-decoration:none;}

.about02{margin:10px 0; padding:10px; box-sizing:border-box; background-image:url(../../../proimages/about/about02.jpg); background-repeat:no-repeat; background-position:right bottom; height:350px;}
.about02 p, .about02 h2{width:100%;}


.about03{margin:10px 0; padding:10px; box-sizing:border-box; background-image:url(../../../proimages/about/about03.jpg); background-repeat:no-repeat; background-position:right bottom; height:350px;}
.history{margin:20px 0; width:100%;}
.history .line{border-bottom:2px solid #ccc;}
.history td, .history .thin-line{border-bottom:1px solid #ddd;}

.about04{margin:10px 0; padding:10px; box-sizing:border-box; background-color:#efefef; background-image:url(../../../proimages/about/about04.jpg); background-repeat:no-repeat; background-position:right bottom; height:350px;}

.about05{margin:10px 0; padding:10px; box-sizing:border-box; background-color:#efefef; background-image:url(../../../proimages/about/about05.jpg); background-repeat:no-repeat; background-position:right bottom; height:350px;}
.quality{margin-left:10px;}

.about06{margin:10px 0 0 0; padding:10px; box-sizing:border-box; background-color:#efefef; background-image:url(../../../proimages/about/about06.jpg); background-repeat:no-repeat; background-position:right bottom; height:330px;}
.about06-02{margin:0 0 10px 0; padding:10px; box-sizing:border-box; background-color:#ded6bf; background-image:url(../../../proimages/about/about06-02.jpg); background-repeat:no-repeat; background-position:right top; min-height:670px;}
.customer-logo li{width:119px; height:74px; margin:15px; display:inline-block; box-shadow: 3px 3px 5px #ccc;}

.about07{margin:10px 0; padding:10px; box-sizing:border-box; background-image:url(../../../proimages/about/about07.jpg); background-repeat:no-repeat; background-position:right bottom; height:350px;}
.about07 p, .about07 h2{color:#fff; text-shadow:none;}
.office{margin:20px 0; width:100%; border:#ddd; font-size:14px;}
.office-select{float:right;    margin-top: -45px;}
.office thead th{text-shadow:1px 0 1px rgba(0,0,0,0.3); border-bottom:2px solid #0068b7;}
.office tbody th{text-shadow:1px 0 1px rgba(0,0,0,0.3);}
.office .last{text-align:center; width:15%;}

.about08{margin:10px 0 0 0; padding:10px; box-sizing:border-box; background-color:#efefef; background-image:url(../../../proimages/about/about08.jpg); background-repeat:no-repeat; background-position:right bottom; height:330px;}



@media(max-width:1000px){
	.about .title p, .about .title h2{width:100%;}
	}
	
	
	
/*career*/
.career{margin:10px 0; padding:10px; box-sizing:border-box; background-image:url(../../../proimages/career/career01.jpg); background-repeat:no-repeat; background-position:right bottom; height:600px;}
.career h2{padding:0 15px; color:#0068b7; text-shadow:1px 1px 1px rgba(255,255,255,1.0);}
.career p{padding:15px;}
.career a{color:#333; text-decoration:none;}
.career h4 a{color:#00579a;}
.welfare{margin:40px 0;}
.welfare p{padding:0;}
.join{width:122px; height:122px; float:left; background-image:url(../../../proimages/career/btn-bank.png); background-repeat:no-repeat; margin:40px 0; padding:38px 0; text-align:center;}
.join a{color:#fff;}

.career02{margin:10px 0; padding:10px; box-sizing:border-box; background-image:url(../../../proimages/career/career02.jpg); background-repeat:no-repeat; background-position:right bottom; height:350px;}

.career03{margin:10px 0; padding:10px; box-sizing:border-box; background-image:url(../../../proimages/career/career03.jpg); background-repeat:no-repeat; background-position:right bottom; height:350px;}

.table-104{width:100%;}
.table-104 th{background:#eee; padding:10px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.table-104 td{border-bottom:1px solid #ccc;}
.table-104 td ol{padding:0; margin-left:15px;}


/*investor*/
.investor .col-sm-4{margin:20px 0;}
.investor01{margin:10px 0; padding:10px; box-sizing:border-box; background-image:url(../../../proimages/investor/investor01.jpg); background-repeat:no-repeat; background-position:right bottom; height:350px;}

.investor-list p{padding:0; margin:1px 0;}


.investor02{margin:10px 0; padding:10px; box-sizing:border-box; background-image:url(../../../proimages/investor/investor02.jpg); background-repeat:no-repeat; background-position:right bottom; height:350px;}

.investor03{margin:10px 0; padding:10px; box-sizing:border-box; background-image:url(../../../proimages/investor/investor03.jpg); background-repeat:no-repeat; background-position:right bottom; height:350px;}
.ss{margin:20px 0;}
.ss .col-xs-6{margin-top:10px;}
.ss .col-xs-1{margin-top:20px;}

.investor04{margin:10px 0; padding:10px; box-sizing:border-box; background-image:url(../../../proimages/investor/investor04.jpg); background-repeat:no-repeat; background-position:right bottom; height:350px;}

.investor05{margin:10px 0; padding:10px; box-sizing:border-box; background-image:url(../../../proimages/investor/investor05.jpg); background-repeat:no-repeat; background-position:right bottom; height:350px;}

.investor06{margin:10px 0; padding:10px; box-sizing:border-box; background-image:url(../../../proimages/investor/investor06.jpg); background-repeat:no-repeat; background-position:right bottom; height:470px;}
.investor06 h2, .investor06 p, .investor06 li, .investor06 a{color:#fff; text-shadow:1px 0 1px rgba(0,0,0,0.7);}
.about .investor06 h2, .about .investor06 p{text-shadow:1px 0 1px rgba(0,0,0,0.7);}

.investor-table{margin:20px 0; width:100%; border-color:#ddd; font-size:14px;}
.investor-table thead th{text-shadow:1px 0 1px rgba(0,0,0,0.3); border-bottom:2px solid #0068b7; text-align:center;}
.investor-table tbody th{text-shadow:1px 0 1px rgba(0,0,0,0.3); text-align:center;}
.investor-table tbody td{text-align:center;}
 .investor-table .left-border{border-left:1px solid #ddd;}
 
 
 
/*news*/
.news .sub-banner .pic {
    height: 377px;
	background-image:url(../../../proimages/news/news-banner.png);
	background-repeat:no-repeat;
	background-position: center;
}
.news .sub-banner .btn {
  width: 39px;
  height: 67px;
}
.news .sub-banner .btn a {
  display: block;
  width: 39px;
  height: 33px;
    background:url(../../../proimages/news/news-btn.png);
	background-repeat:no-repeat;
	background-color:black;
}
.news .sub-banner .btn .bottom {
  margin-top: 1px;
  background-position: 0px bottom;
}
.news .sub-banner .txt {
  width: 419px;
  height: 67px;
  overflow: hidden;
  background: #333;
  margin-right: 1px;
}
.news .sub-banner .txt a{
  color:#eee;}
.news .sub-banner .txt a:hover{
  color:#fff;}
.news .sub-banner .txt li {
  height: 67px;
}
.news .sub-banner .txt h3 {
  display: block;
  line-height: 22px;
  overflow: hidden;
  padding-bottom: 0;
  font-size: 14px;
  color: #fff;
  margin: 12px 0 2px 35px;
}
.news .sub-banner .txt p {
  margin: 0 0 0 35px;
  font-size:12px;
}
.news .sub-banner .txt h3, .news .sub-banner .txt p {
  width: 360px;
  height: 22px;
  padding: 0;
      margin: 5px 10px;
}
.news .sub-banner .txt span {
  text-decoration: underline;
}
.news .sub-banner .btn, .news .sub-banner .txt {
  float: right;
  margin-top: 310px;
      padding: 0;
}
.news .sub-banner .btn{margin-top: 309px;}
.news .pic-list-1 {
  margin: 0px 0 20px 0;
}
.news .pic-list-1 li {
  width: 305px;
  margin: 30px 11px 30px 0;
}
.news .pic-list-1 img {
  width: 305px;
  height: 100px;
}
.news .pic-list-1 h3 {
  margin-top: 20px;
}
.news .pic-list-1 h3, .news .pic-list-1 p {
  float: left;
  width: 305px;
}

/* 列表頁 */
.news-list .txt-list {
  margin: 0px !important;
}
.news-list .txt-list ul li {
  float: left;
  width: 100% !important;
  margin: 10px 0;
}
.news-list .txt-list .date {
  float: left;
  width: 82px;
  height: 75px;
  background: #0068b7;
  color: #fff;
  text-align: center;
  border-bottom: 7px solid #cbcbcb;
  font-size: 14px;
}
.news-list .txt-list .date span {
  display: block;
  font-size: 18px;
  margin: 18px 0 2px 0;
}
.news-list .txt-list .txt {
  float: left;
  width: 618px;
  height: 60px;
  padding: 10px 15px;
  border: 1px solid #dcdcdc;
}
.news-list .txt-list .txt h3 {
  width: 618px;
  color: #000;
  margin: 0px 0 8px 0;
}
.news-list .txt-list .txt p {
  width: 618px;
  height: 40px;
}
.news-list .line {
  height: 3px;
  margin-bottom: 25px;
  border: 1px solid #dcdcdc;
}
.news-list .select-box {
  margin-top: 15px;
  border: 1px solid #e5e5e5;
}
.news-list .select-box > div {
  color: #0068b7;
}
.news-list .select-box ul {
  left: -1px;
  border: 1px solid #e5e5e5;
}

/* 內容頁 */
.news-more {
  margin-top: 20px;
}
.news-more .title h2 {
  padding: 0;
  margin-bottom: 10px;
}
.news-more .title span {
  color: #8a8a8a;
}
.news-more .more-article {
  float: left;
  width: 100%;
  margin-top: 40px;
}
.news-more .download .file {
  margin: 20px 0 0 0;
  padding: 5px 10px;
  border: 1px solid #0068b7;
  line-height: 19px;
}
.news-more .download .file a {
  display: inline-block;
  color: #000;
  margin: 5px;
}
.news-more .btns-list-1 {
  margin: 40px auto 40px auto;
  float: none;
  width: 462px;
  height: 25px;
}
.news-more .btns-list-1 a {
  width: 230px;
}

@media(max-width:640px){
	.news .sub-banner .pic{background-size: contain; height: 100px; background-position:top center;}
	.news .sub-banner .txt{width: calc(100% - 45px);}
	.news .sub-banner .txt h3, .news .sub-banner .txt p{width: calc(100% - 45px); height:auto; overflow:inherit; font-size:12px;}
	.news .sub-banner .btn, .news .sub-banner .txt {margin-top: 25%;}
	}


.news-page-list{width:100%; padding:0;}
.news-page-list li{list-style:none; font-size:14px; margin:10px 0 20px 0; padding:5px; border-bottom:1px solid #ccc;    height: 110px;
    line-height: 22px; overflow:hidden;}
.news-page-list li a{color:#333; text-decoration:none;}
.news-page-list li b{background:#0061C7; padding:5px; color:#fff;}
.news-page-list li p{font-size:16px; margin:8px 0; padding:0;}


.download{padding:20px 0; display: inline-block;}
.download a{padding:10px; color:#fff; background:#0068b7;}