body{
		font-family:微軟正黑體;
		/*background-color: #d7d7d7;*/
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+26,7db9e8+26&1+0,0+53 */
background: -moz-linear-gradient(top,  rgba(30,87,153,1) 0%, rgba(125,185,232,0.51) 26%, rgba(125,185,232,0) 53%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(125,185,232,0.51) 26%,rgba(125,185,232,0) 53%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(30,87,153,1) 0%,rgba(125,185,232,0.51) 26%,rgba(125,185,232,0) 53%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#007db9e8',GradientType=0 ); /* IE6-9 */
	background-color: #F9FAFE;
	min-width: 500px;
	}
	
	#imglogo{
		width:100%;
	}
    
	#hr{
		float: right;
	    
	}
    
    .navbar {
      margin-bottom: 0;
      border-radius: 0;
      box-shadow: 0 4px 2px -2px #888888;
    }
    
    .row.content {height: 450px}
    
    .sidenav {
      padding-top: 20px;
      
      height: 100%;
    }
    
    footer {
      background-color: #555;
      color: white;
      padding: 15px;
      bottom: 0;
    }
    
    /*@media screen and (max-width: 767px) {
      .sidenav {
        height: auto;
        padding: 15px;
      }
      .row.content {height:auto;} 
    }*/	
	.hd1{
		background-color:#fafafa;
	}
	.hd0{
		background-color: #fafafa;
		/*box-shadow: 1px 1px 1px #737373;*/
	}
	#content-r{
		background-color: #fafafa;
    	/*box-shadow: 1px 1px 1px #888888;*/
    	padding-bottom: 20px;
	}
	/*tr:nth-child(even){
		background-color:#e6e6e6;
	}*/
	.lt{
		text-align: center;
		color: #1b01fe;
	}
	.lst-m {
    	text-align: left;
    	line-height: 24px;
    	font-size: 13px;
    	background-color:#1193d9;
    	padding: 5px;
    	margin: 5px;
    	color: #ffffff;
    	
	}
	#n1,#n2,#n3,#n4,#n5,#n6{
		text-shadow:1px 1px 1px #cccccc;
	}
	.lst{
		border-bottom-style:dotted;
		border-bottom-color:#dfdee0;
		border-bottom-width: 1px;
	}
	.lst:hover{
		background-color:#ffe9bf;
		font-weight: bold;
	}
	.cnt{
		text-align: center;
		border-left-style:dotted; 
		border-left-color:#dfdee0;
		border-left-width: 1px;
		padding: 8px 5px 8px 5px;
		
	}
	.cnt1{
		text-align: center;
		border-style: solid;
		border-color:#aca9af;
		border-width: 1px;
		padding-top:5px;
		padding-bottom:5px;		
	}
	.lab{
		padding: 8px 5px 8px 5px;
		font-weight: bold;
	}
	.cnt2{
		
		background-color: #bdbd02;
	}
	.box{
		width: 150px;
    	height: 153px;
    	background-color: #3C93DB;
    	box-shadow: 2px 2px 2px #888888;
    	margin: 8px 3px 3px 3px;
    	padding: auto;
    	border-radius: 5px;
    	padding-top: 15px;
	}
	.boxm{
    	margin: 10px auto;
    	border: 1px solid #ffeab3;   	
	}
	.box-big{
		width: 200px;
    	height: 300px;
    	background-color: #f9f9f9;
    	box-shadow: 1px 1px 1px #888888;
    	margin: 15px;
	}
	.box-smd{
		width: 100%;
		height: 100%;
		min-height: 132px;
		min-width: 250px;
		max-height: 202px;
		max-width: 330px;		
    	/*height: 202px;
    	width: 330px;*/
    	background-color: #3C93DB;
    	box-shadow: 1px 1px 1px #888888;
    	margin: 5px;
    	border-radius: 5px;
    	padding-top: 15px;
	}
	.box-fr4{
		width: 100%;
		height: 100%;
		min-width: 102px;
		min-height: 230px;
		max-width: 192px;
		max-height: 320px;	
    	background-color: #3C93DB;
    	box-shadow: 1px 1px 1px #888888;
    	margin: 5px;
    	border-radius: 5px;
    	padding-top: 15px;
	}
	.Equipment{
		width: 19.5%;
		float: left;
	}
	.Equipment img{
		width: 100%;
		max-width: 170px;
    	margin: 5px 5px 0px 5px;   	
    	padding-top: 10px;
	}
	.Equipment_bot{
		width: 100%;
		height: 15px;
		max-width: 250px;
		font-weight: bold;
		font-size: 12px;
	}
	.Equipment2{
		width: 45%;
		float: left;
	}
	.Equipment2 img{		
		width: 100%;
		max-width: 350px;	
    	padding: 10px;    	
	}
	.box-smd2{
		width: 100%;
		height: 100%;
		min-height: 155px;
		min-width: 280px;
		max-height: 205px;
		max-width: 330px;
		/*width: 330px;
    	height: 185px;*/
    	background-color: #3C93DB;
    	box-shadow: 1px 1px 1px #888888;
    	margin: 5px;
    	border-radius: 5px;
    	/*padding-bottom: 15px;
    	padding-top: 15px;*/
    	padding: 15px;
	}
	.box-smd3{
		width: 145px;
		height: 178px;
    	background-color: #3C93DB;
    	box-shadow: 1px 1px 1px #888888;
    	margin: 5px;
    	border-radius: 5px;
    	padding-top: 15px;
	}

	/*.cts1,iframe{
		width: 100%;
		height: 100%;
		min-height: 300px;
		min-width: 300px;
		padding: 5px;
		background-color: #e9e8ea;
	}*/
	.cts2{
		width: 100%;
		height: 100%;
		display: inline-block;
		background-color: #e9e8ea;
		min-width: 300px;
		padding: 5px;
		
	}
	.cts2>p:nth-child(2){
		padding-top: 15px;
	}
	
	.sg{
		font-size: 10px;
		margin: auto;
		height: 15px;
    	vertical-align: bottom;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0d5aff+0,438bff+0,63a1ff+0,4398ff+6,57a3ff+22,57a3ff+22,71baff+30,a9c9ff+57,e0eaff+76 */
background: rgb(13,90,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(13,90,255,1) 0%, rgba(67,139,255,1) 0%, rgba(99,161,255,1) 0%, rgba(67,152,255,1) 6%, rgba(87,163,255,1) 22%, rgba(87,163,255,1) 22%, rgba(113,186,255,1) 30%, rgba(169,201,255,1) 57%, rgba(224,234,255,1) 76%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(13,90,255,1) 0%,rgba(67,139,255,1) 0%,rgba(99,161,255,1) 0%,rgba(67,152,255,1) 6%,rgba(87,163,255,1) 22%,rgba(87,163,255,1) 22%,rgba(113,186,255,1) 30%,rgba(169,201,255,1) 57%,rgba(224,234,255,1) 76%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(13,90,255,1) 0%,rgba(67,139,255,1) 0%,rgba(99,161,255,1) 0%,rgba(67,152,255,1) 6%,rgba(87,163,255,1) 22%,rgba(87,163,255,1) 22%,rgba(113,186,255,1) 30%,rgba(169,201,255,1) 57%,rgba(224,234,255,1) 76%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d5aff', endColorstr='#e0eaff',GradientType=0 ); /* IE6-9 */

	}
	.sg_ground{
		font-size: 10px;
		margin: auto;
		color: white;
		
	}
	.sg2{
		font-size: 12px;
		margin: auto;
		border-bottom: 2px solid #ffeab3;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ebf1f6+4,abd3ee+50,d5ebfb+78,d5ebfb+78,89c3eb+99 */
background: rgb(235,241,246); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(235,241,246,1) 4%, rgba(171,211,238,1) 50%, rgba(213,235,251,1) 78%, rgba(213,235,251,1) 78%, rgba(137,195,235,1) 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(235,241,246,1) 4%,rgba(171,211,238,1) 50%,rgba(213,235,251,1) 78%,rgba(213,235,251,1) 78%,rgba(137,195,235,1) 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(235,241,246,1) 4%,rgba(171,211,238,1) 50%,rgba(213,235,251,1) 78%,rgba(213,235,251,1) 78%,rgba(137,195,235,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf1f6', endColorstr='#89c3eb',GradientType=0 ); /* IE6-9 */

	}
	
	.selectnav{
		background-color: #f9f9f9;
	}
	
	li.border {
    border-right: 1px solid #c0c0c0;
    border-left: 1px solid #ececec;
    display: block;
    height: 25px;
    margin-top: 12px;
    width: 0;
    padding: 0;
    background-image: url('../images/menu-bg.jpg');
	}
    
	li.trace {
    
    display: block;
    height: 26px;
    
    width:50px;
    padding: 0;
    background-image: url('../images/trace.png');
    float: left;
    background-repeat: no-repeat;
	}
	li.trace-m{
		list-style-type: none;
		height: 26px;
		float: left;
		
	}
	li.trace-r{
		list-style-type: none;
		background-image: url('../images/trace3.png');
		height: 26px;
		width:20px;
		background-repeat: no-repeat;
		float: right;
	}
	.font14{
		text-shadow: 1px 1px 1px #737373;
		font-size: 14px;
	}
	.font15{
		text-shadow: 1px 1px 1px #737373;
		font-size: 15px;
	}
	.font15c{
		color: #255D9C;
		/*text-shadow: 1px 1px 1px #737373;*/
		font-size: 15px;
	}
	.font16{
		text-shadow: 1px 1px 1px #737373;
		font-size: 16px;
	}
	.font17{
		text-shadow: 1px 1px 1px #737373;
		font-size: 17px;
	}
	.font16c{
		color: #255D9C;
		/*text-shadow: 1px 1px 1px #737373;*/
		font-size: 16px;
	}
	.pglst{
		padding-top: 20px;
	}
	.pglst:last-child{
		padding-bottom: 35px;
	}
	.pglst .content{
		padding: 20px;
	}
	.pgname{
		width: 100%;
		background-image: url('../images/trace2.png');
		background-repeat: repeat-x;
		height: 26px;
	}
	.imgcompany{
		width: 80%;
		text-align: center;
		padding: 25px;
	}
	.imgcompany-p1{
		width: 80%;
		text-align: center;
		padding: 15px;
	}
	
	
	p{
		font-size: 16px;
	}
	#comp{
		font-size: 16px;
		padding-top: 10px;
	}
	#imghs{
		position:relative;
    	float:right; 
    	
	}
	.backimg{
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+26,7db9e8+26&1+0,0+53 */
background: -moz-linear-gradient(top,  rgba(30,87,153,1) 0%, rgba(125,185,232,0.51) 26%, rgba(125,185,232,0) 53%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(125,185,232,0.51) 26%,rgba(125,185,232,0) 53%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(30,87,153,1) 0%,rgba(125,185,232,0.51) 26%,rgba(125,185,232,0) 53%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#007db9e8',GradientType=0 ); /* IE6-9 */

	}

.hd1{
	/*background-image: url('../images/logo2_back.png');*/
}



.navbar-custom {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#207cca+0,2989d8+1,7db9e8+73,1e5799+100 */
background: rgb(32,124,202); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(32,124,202,1) 0%, rgba(41,137,216,1) 1%, rgba(125,185,232,1) 73%, rgba(30,87,153,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(32,124,202,1) 0%,rgba(41,137,216,1) 1%,rgba(125,185,232,1) 73%,rgba(30,87,153,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(32,124,202,1) 0%,rgba(41,137,216,1) 1%,rgba(125,185,232,1) 73%,rgba(30,87,153,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#207cca', endColorstr='#1e5799',GradientType=0 ); /* IE6-9 */

    border-radius:0;
}

.navbar-custom .navbar-nav > li > a {
    color:#ffffff;
    text-shadow:1px 1px 1px #737373;
}
.navbar-custom .navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus {
    color: #040017;
    /*background-color:transparent;*/
}
.navbar-custom .navbar-nav > li :hover{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#207cca+0,2989d8+1,e3e4e5+77,1e5799+94 */
background: rgb(32,124,202); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(32,124,202,1) 0%, rgba(41,137,216,1) 1%, rgba(227,228,229,1) 77%, rgba(30,87,153,1) 94%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(32,124,202,1) 0%,rgba(41,137,216,1) 1%,rgba(227,228,229,1) 77%,rgba(30,87,153,1) 94%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(32,124,202,1) 0%,rgba(41,137,216,1) 1%,rgba(227,228,229,1) 77%,rgba(30,87,153,1) 94%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#207cca', endColorstr='#1e5799',GradientType=0 ); /* IE6-9 */

}
.navbar-custom {
    color:#474747;
}
.navbar-brand {
    color:#ac0220;
    text-shadow:1px 2px 2px #737373;
    font-weight: bold;
    display: none;
}
.navbar-custom .navbar-nav > .active > a, .navbar-nav > .active{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#207cca+0,2989d8+1,e3e4e5+73,1e5799+100 */
background: rgb(32,124,202); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(32,124,202,1) 0%, rgba(41,137,216,1) 1%, rgba(227,228,229,1) 73%, rgba(30,87,153,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(32,124,202,1) 0%,rgba(41,137,216,1) 1%,rgba(227,228,229,1) 73%,rgba(30,87,153,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(32,124,202,1) 0%,rgba(41,137,216,1) 1%,rgba(227,228,229,1) 73%,rgba(30,87,153,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#207cca', endColorstr='#1e5799',GradientType=0 ); /* IE6-9 */

}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  background-color: #cccccc;
  border-radius: 1px;
}
#myCarousel{
	box-shadow: 1px 1px 1px #888888;

}
.carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
      /*width: 40%;*/
      margin: auto;
  }
 .im-centered { 
 	margin: auto;
 	/*padding: 10px 0 0 0;*/
 }
 .box>img{
 	width: 120px;
  	height: 120px;
  	margin: auto;
 }
 .box-smd>img{
 	height: 100%;
  	width: 100%; 
 	min-height: 102px;
	min-width: 230px;
	max-height: 172px;
	max-width: 300px;	
  	/*height: 170px;
  	width: 300px;*/
 }
 .box-fr4>img{
 	height: 100%;
  	width: 100%; 
 	min-width: 102px;
	min-height: 230px;
	max-width: 172px;
	max-height: 300px;		
 }
 .box-smd2>img{
 	width: 100%;
 	height: 100%;
 	max-height: 170px;
	max-width: 300px;	
	min-height: 120px;
	min-width: 250px;	
 	/*width: 300px;
  	height: 170px;*/ 	
  	
 }
 .box-smd3>img{
 	width: 115px;
  	height: 143px;
 }

 .imgContainer-m {
  width: 280px;
  height: 157px;
  position: relative;
  background-color: #3C93DB;
  box-shadow: 1px 1px 1px #888888;
  border-radius: 5px;
  margin: 5px;
}
.imgContainer-m img {
  width: 250px;
  height: 142px;
  display: block;
  margin: auto;
  padding-top: 15px;
}
.imgContainer-n {
  width: 175px;
  height: 285px;
  position: relative;
  background-color: #3C93DB;
  box-shadow: 1px 1px 1px #888888;
  border-radius: 5px;
  margin: 5px;
}
.imgContainer-n img {
  width: 100%;
  height: 90%;
  display: block;
  margin: 13px auto;
}
 .dw1{
 	margin: 2px;
 	width: 190px;
 }
 .dw2{
 	margin: 2px;
 	width: 130px;
 }
 .dw3{
 	margin: 2px;
 	width: 130px;
 }
 .dw4{
 	margin: 2px;
 	width: 250px;
 }
 table, th, td {
   border: 1px solid green;
   padding: 5px;
}
.pg4ImgCenter{
	width: 600px;
	margin: auto;
	padding: 20px;
}
.pg5ImgCenter{
	width: 500px;
	margin: auto;
	padding: 20px;
}

.imgAbout1{
	width: 35%;
}
.imgAbout2{
	width: 65%;
	padding: 15px;
	text-align: left;
}
.imgAbout2 p{
	letter-spacing: 3px;
	display:inline-block;
	font-size: 15px;
	text-align: left;
}
/*.text-center {
	text-align: left;
}*/
#imgAboutTB tr td,#imgAboutTB{
	margin-top: 15px;
	border: 0 solid;
}
#p3table{
	margin: auto;
	margin-top: 20px;
	border-collapse: separate;
	width: 95%;
}
.sendmail{
	
	
	text-align: center;
	padding:20px;
	
}
.contactus{
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	margin: 15px;
		
}
#message_box{
	
	font-size: 33px;
	border: 3px solid #bfee04;
	box-shadow: 1px 3px 3px #666;
	/*position: absolute;*/
	position: fixed;
	width: 600px;
	height: 50px;
	top: 50%;
	left: 50%;
	margin-top: -25px; /* Negative half of height. */
	margin-left: -250px; /* Negative half of width. */
	z-index: 9999;
	background: #bcbcbc;
	color: #dee9b4;
	opacity: 0.8;
}
.g-recaptcha{
	float: left;
}
.sendme{
	float: right;
	margin-top: 30px;
}
.imgP71{
	width: 80%;
	text-align: left;
}
.imgP72{
	width: 20%;
}
.imgP7{
	width: 100%;
	text-align: left;
}
#cp5{
	cursor: pointer;
}