/*======================= 內頁 =========================*/

.edit strong {
	font-weight: bold;
  }
  .edit em{
	  font-style: italic;
  }
  .edit hr {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
	border-top: 1px solid #eee;
  }
  .edit h1, h2, h3, h4, h5, h6 
   { 
	font-family: inherit;
	font-weight: 500;
	line-height: 1.1em;
	color: inherit;
  }
  .edit h1, h2, h3
  {
	margin-top: 20px;
	margin-bottom: 10px;
  }
  .edit h4, h5, h6
   {
	margin-top: 10px;
	margin-bottom: 10px;
  }
  .edit h1 {
	font-size: 2.5em;
  }
  .edit h2 {
	font-size: 2em;
  }
  .edit h3 {
	font-size: 1.6em;
  }
  .edit h4 {
	font-size: 1.3em;
  }
  .edit h5{
	font-size: 1.1em;
  }
  .edit h6{
	font-size: 0.9em;
  }
  .edit p {
	margin: 5px 0 20px;
  }
  .edit ul, .edit ol {
	  width: 100%;
	margin-top: 0;
	margin-bottom: 20px;
  }
  .edit ul{
	  padding-left: 35px;
	  list-style-type: disc;
  }
  .edit ol{
	  padding-left: 35px;
	  list-style-type: decimal;
  }
  .edit li{
	  margin-top: 2px;
	  margin-bottom: 2px;
  }
  
  .edit sub, sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline;
  }
  .edit sup {
	top: -.5em;
  }
  .edit sub {
	bottom: -.25em;
  }
  .edit address {
	  margin-bottom: 20px;
	  font-style: italic;
	  line-height: 1.42857;
  }
  
  .breadcrumb{
	  display: inline-block;
	  width: 100%;
	  padding: 8px 0;
	  margin: 0;
	  background: rgba(22,30,102,1);
	  border-radius: 0;
  }
  .breadcrumb .container{
	 text-align: right;
  }
  .breadcrumb ul{
	 display: inline-block;
	  padding: 0 5px;
	  margin: 0;
	  list-style: none;
	  
  }
  .breadcrumb ul > li {
	 display: inline-block;
	 font-size: 13px;
	 color:rgba(255,255,255,0.9);
  }
  .breadcrumb ul > li + li:before {
	  padding: 0 3px;
	  color:rgba(255,255,255,0.8);
	  content: "/";
  }
  .breadcrumb ul > .active {
	  color:rgba(255,255,255,0.7);
  }
  .breadcrumb ul > li a{color:rgba(255,255,255,0.8);}
  .breadcrumb ul > li a:hover{color:#ffc82f;text-decoration:none;}
  
  
  .pbox1 {
	  float: left;
	  width: 100%;
	  display: inline-block;
	  min-height: 350px;
	  padding: 0 0;
  }
  .pagetitle{
	  width: 100%;
	  display: block;
	  position: relative;
	  text-align: center;
	  margin: 60px 0 0;
	  padding: 0 15px 22px;
	  font-size: 1.9em;
	  line-height: 1.2em;
  }
  .pagetitle:before{
	  content:"";
	  display:inline-block;
	  width:60px;
	  height:3px;
	  margin:0;
	  overflow:hidden;
	  position:absolute;
	  bottom:0;
	  left: calc(50% - 30px);
	  background: rgba(48,113,180,1);
  background: linear-gradient(160deg, rgba(48,113,180,1) 30%, rgba(216,216,216,1) 100%);
  }
  .pagetitle1{
	  float: left;
	  width: 100%;
	  display: block;
	  position: relative;
	  margin: 0;
	  padding: 1px 15px 3px 15px;
	  font-size: 1.9em;
	  line-height: 1.3em;
	  border-left: 8px solid #3071b4;
  }
  .contentedit{
	  float: left;
	  width: 100%;
	  display: block;
	  position: relative;
  }
  .pbox1 h3.abouttitle {
	  font-size: 1.6em;
	  line-height: 1.4em;
	  color: #3071b4;
	  font-weight: bold;
	  margin-bottom: 20px;
	  margin-top: 0;
	  position: relative;
  }
  @media (max-width: 991px) {
  .pbox1 {min-height: inherit;padding: 30px 0 0;}
  .pagetitle{ margin-top: 35px;}
  .edit iframe,
  .edit object,
  .edit embed {
	  position: relative;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
  }
  }
  @media (max-width: 767px) {
  .edit table {max-width: 100%;border-collapse: collapse;/*table-layout: fixed;*/}
  .edit table td {/*table-layout:fixed;*/}
  .pagetitle{font-size: 1.6em;line-height: 1.2em;}
  }
  
  
  
  .back{
	 display: inline-block;
	 width: 100%;
	  font-size: 16px;
	 text-align: center;
	 margin: 40px 0 0;
  }
  .pages {
	  width: 100%;
	  display: inline-block;
	  text-align: center;
	  margin: 35px 0 0;
	  padding: 0;
  }
  .pagination {
	  float: left;
	  display: inline-block;
	  width: 100%;
	  padding: 0;
	  margin: 0;
  }
  .pagination > li {
	  display: inline-block;
	  list-style-type: none;
	  margin: 0;
	  padding: 0;
  }
  .pagination > li .page-numbar a{
	position: relative;
	padding: 0 12px;
	line-height: 1.42857143;
	text-decoration: none;
	color: #0074bf;
	background-color: #ffffff;
	margin-left: -2px;
  }
  .pagination > li > a,
  .pagination > li > span {
	position: relative;
	float: left;
	padding: 6px 12px;
	line-height: 1.42857143;
	text-decoration: none;
	color: #0074bf;
	background-color: #ffffff;
	border: 1px solid #efefef;
	margin-left: -2px;
  }
  .pagination > li:first-child > a,
  .pagination > li:first-child > span {
	margin-left: 0;
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
  }
  .pagination > li:last-child > a,
  .pagination > li:last-child > span {
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
  }
  .page-num.page-num-current{
	color: #FFF !important;
	background-color: #212953 !important;
  }
  .pagination > li > a:hover,
  .pagination > li > span:hover,
  .pagination > li > a:focus,
  .pagination > li > span:focus {
	color: #212953;
	background-color: #eeeeee;
	border-color: #dddddd;
  }
  .pagination > .active > a,
  .pagination > .active > span,
  .pagination > .active > a:hover,
  .pagination > .active > span:hover,
  .pagination > .active > a:focus,
  .pagination > .active > span:focus {
	z-index: 2;
	color: #ffffff;
	background-color: #212953;
	border-color: #212953;
	cursor: default;
  }
  .pagination > .disabled > span,
  .pagination > .disabled > span:hover,
  .pagination > .disabled > span:focus,
  .pagination > .disabled > a,
  .pagination > .disabled > a:hover,
  .pagination > .disabled > a:focus {
	color: #777777;
	background-color: #e2e2e2;
	border-color: #e2e2e2;
	cursor: not-allowed;
  }
  .pagenum2 {
	  float: left;
	  width: 50%;
	  padding: 45px 0 0;
	  border-top: 1px solid #E3E3E3;
	  text-align: center;
  }
  .pagenum3 {
	  float: left;
	  width: 100%;
	  margin: 10px 0 0;
	  padding: 40px 0 45px;
	  border-top: 1px solid #E3E3E3;
	  text-align: center;
  }
  .pagenum2 a, .pagenum3 a {
	  padding: 12px 30px 12px 30px;
	  COLOR: #666;
	  TEXT-DECORATION: none;
	  border-radius: 30px;
	  transition: background 0.3s;
	  border: 1px solid #dddddd;
	  background: #fff url(../left-arrow.svg) no-repeat 27px 16px;
	  background-size: auto 14px;
  }
  .pagenum2 a:hover, .pagenum3 a:hover {
	  COLOR: #FFF;
	  text-decoration: none;
	  border: 1px solid #212953;
	  background: #212953 url(../left-arrow1.svg) no-repeat 22px 16px;
	  background-size: auto 14px;
  }
  
  .bot{
	background-color: #f7f7f7;
	padding: 2rem 3.375rem;
  }
  .recruit{
	margin-top: 2.5rem;
  }
  .recruit .font16{
	font-size: 16px;
	line-height: 1.875rem;
  }
  .zw_list_w li{
	list-style-type: none;
  }
  .bot_join li .top div i{
	line-height: 30px;
  }
  .bot_join li .top div{
	font-size: 16px;
	cursor: pointer;
	width: 16.66%;
	text-align: center;
	line-height: 5.625rem;
	border-bottom: 1px solid #ddd;
  }
  .bot_join li .top div:nth-child(6):hover{
	color: #2a59a7;
  }
  .li0{
	background-color: #202952;
  }
  .li0 .top div:nth-child(6):hover{
	color: #FFF!important;
  }
  .li0>div{
	color: #fff;
  }
  .recruit .more{
	color: #0072bc;
  }
  .sideform {
	 display: grid;
	 gap: 40px;
	 grid-template-columns: 1fr 230px;
	 margin: 20px 0 10px;
  }
  
  .sideform>section:nth-of-type(2) {
	 margin-top: 30px;
	 margin-bottom: 0;
	  border-top: 3px solid #2a59a7;
  }
  
  .sideform>section:nth-of-type(1) {
	  margin-top: 20px;
  }
  
  @media (max-width: 991px) {
	 /*.sideform>section:nth-of-type(1) {
		width: 100%;
		margin: 0 0 40px 0;
	 }
  
	 .sideform>section:nth-of-type(2) {
		width: 100%;
		flex: auto;
	 }*/
  }
  @media (max-width: 991px) {
	 .sideform {
		gap: 0px;
		grid-template-columns: 1fr;
	 }
  }
  /*投資人*/
  
  .investor-sel {
	  display: inline-block;
	  width: 100%;
	  padding: 15px 10px 12px;
	  text-align: center;
	  background: #eee;
	  border-top-left-radius: 5px;
	  border-top-right-radius: 5px;
  }
  .selectBox {
	display: inline-block;
	position: relative;
	z-index: 1;
	background-color: #fff;
  }
  .selectBox select {
	padding: 0 30px 0 10px;
	  margin: 0;
	width: auto;
	  min-width: 150px;
	height: 36px;
	color: #000;
	outline: none;
	line-height: 32px;
	border: none;
	  border: 1px solid #ddd;
	background: transparent;
	text-overflow: '';
	-webkit-appearance: none;
	   -moz-appearance: none;
			appearance: none;
  }
  .selectBox select::-ms-expand { /* For IE10 */
	display: none;
  }
  .selectBox:before {
	pointer-events: none;
	content: '';
	position: absolute;
	top: 12px;
	right: 10px;
	width: 8px;
	height: 8px;
	border-right: #333 1px solid;
	border-bottom: #333 1px solid;
	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
			transform: rotate(45deg);
  }
  .selectBox:hover {
	border-color: #333;
  }
  .tableinfo {
	  float: left;
	  display: inline-block;
	  width: 100%;
	  margin: 0 0 10px;
  }
  .fancytable2, .fancytable3 {
	  width:100%;
	  border:1px solid #CCCCCC;
	  border-collapse:collapse;
	  margin: 5px 0 10px;
  }
  .fancytable2 thead tr {
	  visibility: visible;
	  background-color: #1159af;
	  border: 1px solid #666666;
  }
  .fancytable3 thead tr {
	  visibility: visible;
	  background-color: #666;
	  border: 1px solid #666666;
  }
  .fancytable2 thead th, .fancytable3 thead th {
	  vertical-align: middle;
	  text-align: center;
	  padding: 12px 8px;
	  color: #FFF;
	  background-color: #1159af;
	  font-weight: normal;
	  border: 1px solid #1159af;
  }
  .fancytable2 thead td, .fancytable3 thead td {
	  line-height: 1.6em;
	  font-weight: normal;
	  color: #fff;
	  visibility: visible;
	  padding: 12px 10px;
	  border: 1px solid #999;
	  text-align: center;
  }
  .fancytable2 thead td:last-child, .fancytable3 thead td:last-child {
	  visibility: visible;
	  border-right-style: none;
  }
  .fancytable2 tbody th {
	  line-height: 1.7em;
	  font-weight: bold;
	  visibility: visible;
	  border-bottom-width: 1px;
	  border-bottom-style: dotted;
	  border-bottom-color: #CCC;
	  padding: 10px;
	  border-right-width: 1px;
	  border-right-style: solid;
	  border-right-color: #CCC;
	  text-align: center;
  }
  .fancytable3 tbody th {
	  font-weight: normal;
	  visibility: visible;
	  border-bottom-width: 1px;
	  border-bottom-style: solid;
	  border-bottom-color: #CCC;
	  padding: 10px;
	  border-right-width: 1px;
	  border-right-style: solid;
	  border-right-color: #CCC;
  }
  .fancytable2 tbody td {
	  line-height: 1.7em;
	  text-align: center;
	  border-bottom-width: 1px;
	  border-bottom-style: dotted;
	  border-bottom-color: #CCC;
	  padding: 10px 10px;
	  border-right-width: 1px;
	  border-right-style: solid;
	  border-right-color: #CCC;
  }
  .fancytable3 tbody td {
	  border-bottom-width: 1px;
	  border-bottom-style: solid;
	  border-bottom-color: #CCC;
	  padding: 10px;
	  border-right-width: 1px;
	  border-right-style: solid;
	  border-right-color: #CCC;
	  text-align: center;
  }
  .fancytable2 tbody tr:nth-of-type(even), .fancytable3 tbody tr:nth-of-type(even) {
	  background-color: #eff6f9;
  }
  .fancytable2 tbody tr.bgcolor1, .fancytable3 tbody tr.bgcolor1 {
	  background: #eff6f9;
  }
  .fancytable2 tbody tr.colorred {
	  color: #ff0000;
  }
  .fancytable2 img {
	  margin-right: 5px;
  }
  .fancytable2 ul, .fancytable2 ol, .fancytable3 ul, .fancytable3 ol {
	  text-align: left;
	  margin: 0;
	  padding-left: 20px;
  }
  .fancytable2 li, .fancytable3 li {
	  padding: 0;
	  margin: 0;
  }
  .fancytable5 {
	  width: 100%;
	  border-collapse: collapse;
	  border: 1px solid #CCC;
	  margin: 0 0 15px;
  }
  .fancytable5 thead {
	  visibility: visible;
  }
  .fancytable5 thead th {
	  color: #fff;
	  font-weight: normal;
	  padding: 10px 5px 10px;
	  background-color: #1159af;
	  border-right: 1px solid rgba(255,255,255,0.5);
  }
  .fancytable5 thead th span.rightfont {
	  float: left;
	  width: 100%;
	  font-size: 16px;
	  color: #fff;
	  font-weight: normal;
	  margin-top: 2px;
	  text-align: right;
  }
  .fancytable5 thead td {
	  font-size: 16px;
	  color: #fff;
	  padding: 12px 5px 12px;
	  background: #666;
  }
  .fancytable5 thead td span.left {
	  float: left;
	  padding-top: 5px;
  }
  .fancytable5 thead td span.right {
	  float: right;
	  padding-bottom: 5px;
  }
  .fancytable5 th {
	  font-size: 16px;
	  color: #222;
	  font-weight: normal;
	  visibility: visible;
	  padding: 10px;
	  text-align: center;
  }
  .fancytable5 tr {
	  border-bottom-width: 1px;
	  border-bottom-style: solid;
	  border-bottom-color: #CCC;
	  background-color: #fff;
  }
  .fancytable5 tbody tr:nth-of-type(even) {
	  background-color: #eff6f9;
  }
  .fancytable5 tbody th {
	  text-align: left;
  }
  .fancytable5 td {
	  padding: 10px;
	  border: 1px solid #CCC;
	  text-align: center;
  }
  .fancytable5 td.txtleft {
	  font-size: 15px;
	  text-align: left;
	  background: #fff;
  }
  @media (max-width: 768px) {
  /*.tableinfo { width: 100%; overflow-x:scroll;}
  .tableinfo table {width: 100%;min-width: 600px;}*/
  }
  
  /* 內頁選單 */
  #nav-wrap .btn-cate {
	display: none;
  }
  @media only screen and (max-width: 1199px) {
	/* 共用 */
	#nav-wrap {
	  width:100%;
	  display: inline-block;
	  text-align: center;
	  border-bottom: none;
	  position: relative;
	}
	
	#nav-wrap .btn-cate {
	  display: block;
	  position: relative;
	  z-index: 1;
	  margin: 0;
	  padding: 8px 15px 9px;
	  width: 100%;
	  font-size: 1.25rem;
	  font-size: 15px;
	  line-height: 24px;
	  color: #fff;
	  cursor: pointer;
	  border: #151a4c solid 1px;
	  background: #151a4c;
	}
	#nav-wrap .btn-cate:after {
	  display: block;
	  content: '';
	  position: absolute;
	  top: 18px;
	  right: 15px;
	  width: 0;
	  height: 0;
	  vertical-align: middle;
	  border-color: transparent;
	  border-style: solid;
	  border-width: 4px;
	  border-bottom-width: 0;
	  border-top-color: #fff;
	  -webkit-transition: all 0.3s ease-in-out;
		 -moz-transition: all 0.3s ease-in-out;
		  -ms-transition: all 0.3s ease-in-out;
		   -o-transition: all 0.3s ease-in-out;
			  transition: all 0.3s ease-in-out;
	}
	#nav-wrap .icon-close:after {
	  -webkit-transform: rotate(-180deg);
		 -moz-transform: rotate(-180deg);
		  -ms-transform: rotate(-180deg);
		   -o-transform: rotate(-180deg);
			  transform: rotate(-180deg);
	}
  
	#nav-wrap .nav-category {
	  display: none;
	  position: relative;
	  margin: 0 auto;
	  width: 100%;
	  border: #ddd solid 1px;
	  background-color: #fff;
	}
	#nav-wrap .menu-main li a {
	  display: block;
	  padding: 3px 15px;
	  color: #666;
	  text-decoration: none;
	  line-height: 24px;
	}
	#nav-wrap .menu-main li a:hover {
	  color: #000;
	}
	#nav-wrap .menu-main li.current a {
	  background-color: #f2f2f2;
	}
	#nav-wrap .menu-main li.current a span {
	  margin: 0;
	  font-size: 1.166666rem;
	  font-size: 16px;
	  color: #0c81bb;
	  line-height: 25px;
	}
  
  }
  @media only screen and (min-width: 1200px) {
  
	/* 共用 */
	#nav-wrap {
	  width:100%;
	  display: inline-block;
	  text-align: center;
	  margin:0;
	  background: #eff0f1;
	}
	#nav-wrap .nav-category {
	  display: block !important;
	}
	#nav-wrap ul {
	  display: inline-block;
	  padding: 0;
	  margin: 0;
	  list-style: none;
	  border:none;
	}
	#nav-wrap .menu-main li > a {
	  float: none;
	  display: block;
	  font-size: 18px;
	  color: #fff;
	  text-decoration: none;
	  line-height: 22px;
	  -webkit-transition: all 0.3s ease-in-out;
		 -moz-transition: all 0.3s ease-in-out;
		  -ms-transition: all 0.3s ease-in-out;
		   -o-transition: all 0.3s ease-in-out;
			  transition: all 0.3s ease-in-out;
	}
	#nav-wrap .menu-main li > a:hover {
	  color: #0092da;
	}
	#nav-wrap .menu-main li.current > a span {
	  display: inline-block;
	  margin: 0;
	  font-size: 20px;
	}
	#nav-wrap.nav-style .menu-main li {
	  float: left;
	  display: inline-block;
	  list-style-type: none;
	  position: relative;
	  padding: 0;
	  margin: 0;
	  border-right: 1px solid #fff;
	}
	#nav-wrap.nav-style .menu-main li > a {
	  color: #666;
	  padding: 17px 20px;
	  margin: 0;
	  position: relative;
	  -webkit-transition: all 0.2s ease-in-out;
	  -moz-transition: all 0.2s ease-in-out;
	  -ms-transition: all 0.2s ease-in-out;
	  -o-transition: all 0.2s ease-in-out;
	  transition: all 0.2s ease-in-out;
	  /*background: rgba(255,255,255,0.5);*/
	}
	#nav-wrap.nav-style .menu-main li > a:hover {
	  color: #0c81bb;
	  /*background: rgba(2,78,162,1);*/
	}
	#nav-wrap.nav-style .menu-main li.current > a ,
	#nav-wrap.nav-style .menu-main li.current > a:hover,
	#nav-wrap.nav-style .menu-main li.current > a:focus {
	  color: #161e66;
	  font-weight: bold;
	  padding: 17px 20px; 
	  line-height: 22px;
	  cursor: default;
	  position: relative;
	  background: rgba(255,255,255,1);
	  margin: 0;
	}
	/*#nav-wrap.nav-style .menu-main li.current > a:before ,
	#nav-wrap.nav-style .menu-main li.current > a:hover:before,
	#nav-wrap.nav-style .menu-main li.current > a:focus:before { position: absolute; bottom: 0; left: 0; content: ''; width: 100%; height: 3px; background: #068dcf; -webkit-transition: height 0.3s; transition: height 0.3s;}*/
  }
  
  
  /*======================= 關於我們 =========================*/
  
  .aboutbox1 {
	  width: 100%;
	  display: inline-block;
	  position: relative;
  }
  .aboutbox1 .photo {
	  float: left;
	  width: 100%;
	  display: inline-block;
	  position: relative;
  }
  .aboutbox1 .txt {
	  width: 100%;
	  display: inline-block;
	  bottom: 0;
	  right: 0;
    padding: 0 1% 0
  }
  .aboutbox2 {
	  width: 100%;
	  display: inline-block;
	  position: relative;
	  margin: 20px 0 10px;
	  padding: 10px 0 0;
	  background: url(../stripes/stripes_10_b.png) repeat-x top left;
  }
  /*.aboutbox2 .photo {
	  float: right;
	  width: 90%;
	  display: inline-block;
	  position: relative;
  }
  .aboutbox2 .txt {
	  width: 50%;
	  display: inline-block;
	  position: absolute;
	  bottom: 0;
	  left: 0;
	  background: #fff;
	  padding: 55px 5% 5px 2%;
	  -webkit-box-shadow: 8px -8px 0 rgba( 0, 0, 0, 0.1 );
	  box-shadow: 8px -8px 0 rgba( 0, 0, 0, 0.1 );
  }*/
  .aboutbox2 .txt {
	  float: left;
	  width: 55%;
	  display: inline-block;
	  padding: 0 1%;
  }
  .aboutbox2 li {
	  margin: 0;
  }
  .aboutbox3 {
	  float: left;
	  width: 60%;
	  display: inline-block;
	  padding-right: 4%;
  }
  .aboutvideo {
	  float: left;
	  width: 40%;
	  display: inline-block;
	  border: 1px solid #eee;
  }
  .aboutvideo2 {
	  float: right;
	  width: 40%;
	  display: inline-block;
	  border: 1px solid #eee;
  }
  .aboutvideo .video-container {
	position: relative;
	padding-bottom: 53.85%;
	padding-top: 0;
	height: 0;
	overflow: hidden;
  }
  .aboutvideo2 .video-container {
	position: relative;
	padding-bottom: 55.85%;
	padding-top: 0;
	height: 0;
	overflow: hidden;
  }
  .aboutvideo .video-container iframe,
  .aboutvideo .video-container object,
  .aboutvideo .video-container embed,
  .aboutvideo2 .video-container iframe,
  .aboutvideo2 .video-container object,
  .aboutvideo2 .video-container embed{
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
  }
  .aboutbox4 {
	  float: left;
	  width: 100%;
	  display: inline-block;
	  margin: 0;
	  padding: 5px 3% 40px;
	  text-align: center;
	  background: url(../stripes/stripes_10_b.png) repeat-x bottom left;
  }
  .aboutbox5 {
	  float: left;
	  width: 100%;
	  display: inline-block;
	  position: relative;
	  margin: 0;
	  padding: 50px 3% 50px;
	  background: #f7f7f7 url(../stripes/stripes_10_b.png) repeat-x bottom left;
  }
  .aboutbox5:nth-child(odd) {
	  background: #fff url(../stripes/stripes_10_b.png) repeat-x bottom left;
  }
  .aboutbox5:last-child {
	  background-image: none;
	  padding: 50px 3% 0;
  }
  .aboutbox5 h3.tit1 {
	  width: 100%;
	  display: inline-block;
	  font-size: 22px;
	  color: #3071b4;
	  line-height: 1.4em;
	  font-weight: bold;
	  margin: 12px 0 15px;
	  padding: 0 0 2px 17px;
	  border-left: 4px solid #3071b4;
  }
  .abouttxt1 {
	  float: left;
	  width: 65%;
	  display: inline-block;
	  padding: 0 30px 0 0;
  }
  .aboutphoto1 {
	  float: right;
	  width: 35%;
	  display: inline-block;
	  position: relative;
	  text-align: center;
  }
  .abouttxt2 {
	  float: left;
	  width: 40%;
	  display: inline-block;
	  padding: 0 30px 0 0;
  }
  .aboutphoto2 {
	  float: right;
	  width: 60%;
	  display: inline-block;
	  position: relative;
  }
  .aboutphoto2 ul {
	  width: 100%;
	  float: left;
	  margin: 5px 0 0;
	  padding: 0;
  }
  .aboutphoto2 li { 
	  display:block;
	  list-style:none;
	  width: calc(100%/2 - 10px);
	  float: left;
	  padding: 0;
	  margin: 10px 5px;
	  background: #fff;
  }
  .aboutphoto3 {
	  width: 100%;
	  float: left;
  }
  .aboutphoto3 ul {
	  width: 100%;
	  float: left;
	  margin: 30px 0 0;
	  padding: 0;
  }
  .aboutphoto3 li { 
	  display:block;
	  list-style:none;
	  width: calc(100%/3 - 20px);
	  float: left;
	  padding: 0;
	  margin: 10px;
	  background: #fff;
  }
  .aboutphoto2 li .pro-img, .aboutphoto3 li .pro-img { 
	  width:100%;
	  float: left;
	  overflow: hidden;
	  padding: 0;
	  margin: 0;
	  position: relative;
  }
  .aboutphoto2 ul li .pro-name {
	  display: inline-block;
	  width: 100%;
	  color: #333;
	  padding: 10px 5px;
	  text-align: center;
	  position: relative;
	  background: #ededed;
  }
  .aboutphoto3 ul li .pro-name {
	  display: inline-block;
	  width: 100%;
	  color: #333;
	  padding: 10px 5px;
	  text-align: center;
	  position: relative;
	  background: #fff;
  }
  .aboutphoto2 ul li .pro-name:before {
	  content:"";
	  border-bottom: 8px solid #ededed;
	  border-left: 8px solid transparent;
	  border-right: 8px solid transparent;
	  position: absolute;
	  top: -8px;
	  left: 47%;
  }
  .aboutphoto3 ul li .pro-name:before {
	  content:"";
	  border-bottom: 8px solid #fff;
	  border-left: 8px solid transparent;
	  border-right: 8px solid transparent;
	  position: absolute;
	  top: -8px;
	  left: 47%;
  }
  .aboutphoto2 ul li .aboutimg {
	  width: 100%;
	  height: 320px;
	  outline: none;
	  display: inline-block;
	  float: left;
  }
  .aboutphoto3 ul li .aboutimg {
	  width: 100%;
	  height: 320px;
	  outline: none;
	  display: inline-block;
	  float: left;
  }
  .aboutfont {
	  font-size: 16px;
	  color: #fff;
	  font-weight: bold;
	  background: #161e66;
	  padding: 2px 5px 4px;
  }
  .aboutfont1 {
	  color: #e46640;
	  font-weight: bold;
  }
  a.aboutvideo1 {
	  padding: 10px 20px 10px 48px;
	  color: #e46640;
	  font-weight: bold;
	  background: #eee url(../youtube.svg) no-repeat 15px 13px;
	  background-size: 23px;
	  border-radius: 5px;
	  text-decoration: none;
  }
  a:hover.aboutvideo1 {
	  color: #fff;
	  background: #3071b4 url(../youtube.svg) no-repeat 15px 13px;
	  background-size: 23px;
	  text-decoration: none;
  }
  .atitle{
	 font-size: 20px;
	 margin-bottom: 15px;
	  font-weight: bold;
	  color: #161e66;
  }
  .atitle i{
	 color: #e46640;
  }
  
  .searchlist {
	  float: left;
	  width: 100%;
	  padding: 20px 0 10px;
  }
  .searchlist ul {
	  width: 100%;
	  float: left;
	  margin: 0;
	  padding: 0;
	  border-top: 1px dashed #ddd;
  }
  .searchlist li { 
	  display:block;
	  list-style:none;
	  width: 100%;
	  float: left;
	  font-size: 1.1em;
	  line-height: 1.6em;
	  padding: 18px 10px 18px 40px;
	  margin: 0;
	  border-bottom: 1px dashed #ddd;
	  background: url(../icon7.png) no-repeat 20px 30px;
	  -webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		 -o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
  }
  .searchlist li:hover { background: #fff url(../icon7.png) no-repeat 18px 30px;}
  .searchlist li a { color: #333; text-decoration: none;}
  .searchlist li a:hover { color: #1a96d6; text-decoration: none;}
  
  @media (max-width: 1199px) {
  .abouttxt1 {width: 100%;padding: 0 0 30px;}
  .aboutphoto1 {float: left;width: 100%;}
  .abouttxt2 {width: 100%;padding: 0 0 10px;}
  .aboutphoto2 {float: left;width: 100%;}
  .aboutphoto2 li { width: calc(100%/2 - 10px);}
  .aboutphoto3 li { width: calc(100%/3 - 10px);margin: 10px 5px;}
  .aboutphoto2 ul li .aboutimg {height: 300px;}
  .aboutphoto3 ul li .aboutimg {height: 200px;}
  }
  @media (max-width: 991px) {
  .aboutbox2 .txt {width: 100%;padding: 0 1%;}
  .aboutbox3 {width: 100%;padding-right: 0;}
  .aboutvideo, .aboutvideo2 {width: 100%;margin-top: 10px;}
  .aboutvideo2 .video-container { padding-bottom: 53.85%;}
  .aboutphoto2 ul li .aboutimg {height: 230px;}
  .aboutphoto3 ul li .aboutimg {height: 160px;}
  }
  @media (max-width: 768px) {
  .aboutbox2 {margin: 50px 0 10px;}
  }
  @media (max-width: 600px) {
  .aboutbox4 {padding: 5px 3% 35px;text-align: left;}
  .aboutphoto2 li { width: calc(100% - 10px);}
  .aboutphoto3 li { width: calc(100% - 10px);margin: 10px 5px;}
  .aboutphoto2 ul li .aboutimg {height: 250px;}
  .aboutphoto3 ul li .aboutimg {height: 200px;}
  }
  
  
  /*======================= 產品 =========================*/
  #products {
	  width: 100%;
	  display: inline-block;
	  /* margin: 90px 0 0; */
	  position: relative;
  }
  #products:after {
	  content:"";
	  display:block;
	  width:100%;
	  /* height:90px; */
	  position:absolute;
	  left:0;
	  top:-90px;
	  background:rgba(22,30,102,1);
  }
  #product-ov {
	  width: 100%;
	  display: inline-block;
	  margin: 70px 0 20px;
  }
  #product-ov ul {
	  width: 100%;
	  float: left;
	  margin: 0;
	  padding: 0;
  }
  #product-ov ul li { 
	  display:block;
	  list-style:none;
	  width: calc(100%/2);
	  float: left;
	  padding: 10px 10px 35px;
	  border: 5px solid #fff;
	  margin: 0;
	  background: rgba(255,255,255,1) url(../line1.png) no-repeat center 65%;
	  background-size: 100% auto;
	  -webkit-box-shadow: 0 0 2px rgba( 0, 0, 0, .2 );
	  box-shadow: 0 0 2px rgba( 0, 0, 0, .2 );
	  -webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		 -o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
  }
  #product-ov ul li:hover { 
	  border: 5px solid #3071b4;
	  background: #e5eff9 url(../line1.png) no-repeat center 65%;
	  background-size: 100% auto;
	  -webkit-box-shadow: 0 0 10px rgba( 0, 0, 0, .3 );
	  box-shadow: 0 0 10px rgba( 0, 0, 0, .3 );
  }
  #product-ov ul li .pro-img { 
	  width:100%;
	  float: left;
	  overflow: hidden;
	  padding: 10px;
	  position: relative;
	  /*-webkit-box-shadow: 0 0 5px rgba( 0, 0, 0, .15 );
	  box-shadow: 0 0 5px rgba( 0, 0, 0, .15 );*/
	  -webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		 -o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
  }
  #product-ov ul li .pro-name {
	  font-size: 26px;
	  line-height: 1.4em;
	  color: #000000;
	  margin-top: 7px;
	  -o-transition: color .20s linear, background-color .20s linear, border-color .20s linear;
	  -webkit-transition: color .20s linear, background-color .20s linear, border-color .20s linear;
	  -moz-transition: color .20s linear, background-color .20s linear, border-color .20s linear;
	  transition: color .20s linear, background-color .20s linear, border-color .20s linear;
	  display: inline-block;
	  width: 100%;
	  text-align: center;
  }
  #product-ov ul li a:hover .pro-name {
	  color: #1f6cbd;
  }
  #product-ov ul li .productimg {
	  width: 100%;
	  height: 350px;
	  outline: none;
	  display: inline-block;
	  float: left;
  }
  #product-ov ul li .productimg {
	  -webkit-transform: scale(1);
	  transform: scale(1);
	  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	  transition: opacity 0.35s, transform 0.35s;
  }
  #product-ov ul li a:hover .productimg {
	  opacity: 0.9;
	  -webkit-transform: scale(1.03);
	  transform: scale(1.03);
  }
  .products-title {
	  width: 100%;
	  display: inline-block;
  }
  .products-title span {
	  display: inline-block;
	  font-size: 32px;
	  line-height: 1.4em;
	  color: #fff;
	  padding: 8px 40px 10px 25px;
	  margin: 0;
	  background: #212953;
	  clip-path: polygon(0 0, 97% 0%, 100% 100%, 0% 100%);
  }
  #product-ov1 {
	  width: 100%;
	  display: inline-block;
	  margin: 5px 0 0;
  }
  .product-lev1 {
	  width: 100%;
	  display: inline-block;
	  margin: 0 0 40px;
	  padding: 5px;
	  background: rgb(216,216,216);
  background: linear-gradient(160deg, rgba(33,41,83,1) 0%, rgba(216,216,216,1) 100%);
  }
  .product-lev1:last-child {
	  margin: 0;
  }
  .product-lev1 ul {
	  width: 100%;
	  float: left;
	  margin: 0;
	  padding: 0;
	  background: #fff;
  }
  .product-lev1 ul li { 
	  float: left;
	  display:block;
	  list-style:none;
	  width: calc(100%/2);
	  padding: 0;
	  margin: 0;
	  background: #eff0f1;
	  border: 1px solid #fff;
	  -webkit-box-shadow: 0 0 1px rgba( 0, 0, 0, .2 );
	  box-shadow: 0 0 1px rgba( 0, 0, 0, .2 );
	  -moz-transition: color 0.25s, background 0.25s, line-height 0.25s; -o-transition: color 0.25s, background 0.25s, line-height 0.25s; -webkit-transition: color 0.25s, background 0.25s, line-height 0.25s; transition: color 0.25s, background 0.25s, line-height 0.25s;
	  -webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		 -o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
  }
  .product-lev1 ul li:hover { 
	  border: 1px solid #3071b4;
	  background: #3071b4;
	  -webkit-box-shadow: 0 0 10px rgba( 0, 0, 0, .3 );
	  box-shadow: 0 0 10px rgba( 0, 0, 0, .3 );
  }
  .product-lev1 ul li .pro-img { 
	  width: 65%;
	  float: left;
	  overflow: hidden;
	  padding: 10px;
	  position: relative;
	  background: #fff;
	  -webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		 -o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
  }
  .product-lev1 ul li .pro-cont {
	  float: left;
	  display: inline-block;
	  width: calc(100% - 65%);
	  text-align: center;
	  margin: 0;
	  padding: 0;
	  -webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		 -o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
  }
  .product-lev1 ul li h3.pro-name {
	  float: left;
	  display: inline-block;
	  width: 100%;
	  font-size: 24px;
	  line-height: 1.4em;
	  color: #068dcf;
	  padding: 15px;
	  margin: 0;
  }
  .product-lev1 ul li .pro-det {
	  display: inline-block;
	  width: 100%;
	  font-size: 15px;
	  line-height: 1.6em;
	  color: #777;
	  margin: 8px 0 0;
  }
  .product-lev1 ul li .pro-det p {
	  display: inline-block;
	  width: 100%;
	  margin: 0;
	  padding: 0;
  }
  .product-lev1 ul li .pro-det .ellipsis {
	  margin: 0;
	  padding: 0;
	  overflow:hidden;
	  text-overflow: ellipsis;
	  display: -webkit-box;
	  -webkit-line-clamp: 6;
	  -webkit-box-orient: vertical;
	  white-space: normal;
  }
  .product-lev1 ul li:hover .pro-name, .product-lev1 ul li:hover .pro-det, .product-lev1 ul li:hover .pro-det p, .product-lev1 ul li:hover .pro-det .ellipsis {color: #fff;}
  .product-lev1 ul li .productimg {
	  width: 100%;
	  height: 300px;
	  outline: none;
	  display: inline-block;
	  float: left;
  }
  .product-lev1 ul li .productimg {
	  -webkit-transform: scale(1);
	  transform: scale(1);
	  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	  transition: opacity 0.35s, transform 0.35s;
  }
  .specification {
	  float: left;
	  width: 100%;
	  display:inline-block;
	  margin: 0;
	  padding: 0;
  }
  .specification table {width: 100%; max-width: 100%;border-collapse: collapse;}
  
  .specification table {border:1px solid #a7a3a1;border-collapse:inherit;border-collapse:collapse;}
  .specification table thead td {line-height: 1.5em;padding:15px 10px;background:#161e66;color:#FFF;font-weight:bold;}
  .specification table tr td, .specification table tr th{line-height: 1.5em; padding:15px 10px;border:1px solid #cacaca;text-align: center;border-collapse:collapse;}
  .specification table tr:nth-child(odd){background: rgba(184,216,228,0.15);}
  .specification table tr td:nth-child(1){width: 20%;max-width: 25%;}
  .specification table tbody tr:nth-child(1) td, .specification table tbody tr:nth-child(1) th{line-height: 1.5em;padding:15px 10px;background:#444;color:#FFF;font-weight:bold;}
  .specification table tr td.table-fa, .specification table tr th.table-fa{line-height: 1.5em;padding:15px 10px;background:#444;color:#FFF;font-weight:bold;}
  
  /*.table_style1{border-top:1px solid #a7a3a1;border-right:1px solid #a7a3a1;border-collapse:inherit;}
  .table_style1 tr td, .table_style1 tr th{line-height: 1.7em; padding:10px 10px;border-left:1px solid #a7a3a1;border-bottom:1px solid #a7a3a1;text-align: center;}
  .table_style1 tr.table_fa1 td{line-height: 1.7em;padding:10px 10px;background:#333335;color:#FFF;font-weight:bold;}
  .table_style1 tr td:nth-child(1){width: 20%;max-width: 25%;}*/
  @media (max-width: 991px) {
  .specification table tr td, .specification table tr th{font-size: 15px;padding:8px 8px;}
  .specification table tbody tr:nth-child(1) td, .specification table tbody tr:nth-child(1) th{ font-size: 15px;padding:8px 8px;}
  .specification table tr td.table-fa, .specification table tr th.table-fa{padding:8px 8px;}
  }
  
  .accessories {
	  float: left;
	  width: calc(100%/2);
	  margin: 0;
	  padding: 0 1%;
  }
  .accessories .tit {
	  float: left;
	  width: 100%;
	  display: inline-block;
	  font-size: 16px;
	  color: #111;
	  font-weight: bold;
	  margin: 0 0 15px;
	  padding: 8px 15px;
	  background: #dfe9f4;
	  border-bottom: 1px solid #161e66;
  }
  .accessories ol,.accessories ul {
	  width: 100%;
	  display: inline-block;
  }
  .accessories ol li,.accessories ul li {
	  width: 100%;
  }
  @media (min-width:1200px) {
  .product-lev1 ul li .pro-cont {
	  float: right;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-orient: vertical;
	  -webkit-box-direction: normal;
		  -ms-flex-direction: column;
			  flex-direction: column;
	  -webkit-box-pack: center;
		  -ms-flex-pack: center;
			  justify-content: center;
	  width: calc(100% - 65%);
	  min-height: 300px;
	  margin: 0;
	  padding: 0;
  }
  }
  @media (min-width:1200px) and (max-width: 1499px) {
  
  }
  @media (max-width: 1199px) {
  #products {margin: 60px 0 0;}
  #products:after {height:60px;top:-60px;}
  }
  @media (min-width: 992px) and (max-width: 1299px) {
  #product-ov ul li .productimg {height: 300px;}
  /*.product-lev1 ul li { width: 100%;}
  .product-lev1 ul li .pro-img { width: 300px;}*/
  .product-lev1 ul li .pro-img { width: 100%;}
  .product-lev1 ul li .pro-cont {	width: 100%;min-height: inherit;}
  .product-lev1 ul li h3.pro-name {font-size: 20px;}
  .specification {width:100%; overflow-x:scroll;padding: 0 2px 8px;}
  .specification table {width:100%;min-width: 750px; overflow-x:scroll;}
  }
  @media (max-width: 991px) {
  #product-ov ul li .productimg {height: 250px;}
  .product-lev1 ul li { width: 100%;}
  .product-lev1 ul li .pro-img { width: 100%;}
  .product-lev1 ul li .pro-cont {	width: 100%;min-height: inherit;}
  .product-lev1 ul li h3.pro-name {font-size: 24px;}
  .specification {width:100%; overflow-x:scroll;padding: 0 2px 8px;}
  .specification table {width:100%;min-width: 750px; overflow-x:scroll;}
  }
  @media (max-width: 767px) {
  .accessories {width: 100%;margin: 0 0 15px;	padding: 0 1%;}
  }
  @media (max-width: 600px) {
  #product-ov {margin: 45px 0 0;}
  #product-ov1 {margin: 25px 0 0;}
  #product-ov ul li { width: 100%;padding: 10px 10px 25px;}
  #product-ov ul li .productimg {height: 250px;}
  
  }
  @media (max-width: 480px) {
  
  }
  
  /*產品詳細頁*/
  .product-info {
	  float: left;
	  display:inline-block;
	  width: 100%;
	  padding: 20px 5px 10px;
	  background: #f7f7f7 url(../product-bg.jpg) no-repeat center top;
  }
  .productpicbig {
	  float: left;
	  padding: 0;
	  margin: 0 0 30px;
	  width: 100%;
	  position:relative;
	  background: url(../line1.png) no-repeat center 70%;
	  background-size: 100% auto;
  }
  .product-info .info {
	  float: left;
	  width: 100%;
	  margin: 25px 0 5px;
	  padding: 0;
  }
  .product-info .info h2 {
	  display: inline-block;
	  width: 100%;
	  font-size: 2.8em;
	  line-height: 1.2em;
	  color: #165ea6;
	  font-weight: bold;
	  text-align: center;
	  margin: 5px 0 20px;
	  padding: 0 3px;
  }
  .product-info .info .pseries {
	  float: left;
	  display: inline-block;
	  font-size: 20px;
	  line-height: 1.3em;
	  color: #333;
	  font-weight: 500;
	  text-align: center;
	  margin: 0 0 10px;
	  padding: 8px 15px;
	  border-radius: 5px;
	  background: rgba(99,99,99,0.2);
  }
  .product-info .info .group {
	  margin: 0;
	  padding: 30px 0 10px;
	  line-height: 1.8em;
	  width:100%;
	  float:left;
	  border-top: #999 dotted 1px;
  }
  .product-info .info .ti {
	float: left;
	width: 90px;
	color: #999;
	line-height: 24px;
	  margin-top: 3px;
  }
  .product-info .info .format .ti, .product-info .info .qut .ti {
	line-height: 32px;
  }
  .product-info .info .group .txt {
	  font-size: 15px;
	  line-height: 24px;
	  color: #111;
	  display: inline-block;
	  width:calc(100% - 90px);
	  float:left;
  }
  .product-info .info .group .txt p{
	  margin: 0 0 5px;
  }
  .product-info .info .group .txt ul{
	  margin: 0;
	  padding: 0;
	  padding-left: 24px;
	  list-style-type: disc;
  }
  .product-info .info .group .txt ol{
	  margin: 0;
	  padding: 0;
	  padding-left: 20px;
	  list-style-type: disc;
  }
  .product-info .info .group .txt ul li{
	  margin: 0;
	  padding: 0;
	  margin-bottom: 2px;
	  border-bottom: none;
	  list-style-type: disc;
  }
  .product-info .info .group .txt ol li{
	  margin: 0;
	  padding: 0 0 0 3px;
	  margin-bottom: 2px;
	  border-bottom: none;
	  list-style-type: decimal;
  }
  .product-info .info .group .txt .price {
	  /*font-family: Cambria, Hoefler Text, Liberation Serif, Times, Times New Roman, serif;*/
	  font-size: 18px;
	  line-height: 1.6em;
	  color: #e6131b;
	  font-weight: bold;
	  display: inline-block;
  }
  .product-info .info .goods-btn {
	  float: left;
	  width: 100%;
	  margin: 30px 0 10px;
	  padding: 0px;
  }
  .product-info .info .goods-btn button {
	  font-family: \5FAE\8EDF\6B63\9ED1\9AD4, \65B0\7D30\660E\9AD4, Arial, Helvetica, sans-serif;
	  float: left;
	  display: block;
	  width: auto;
	  min-width: 300px;
	  margin: 3px 0;
	  text-align: center;
	  border: none;
	  transition: background 0.3s;
  }
  .product-info .info .goods-btn .btn-primary{
	  font-size: 1.3em;
	  line-height: 1.3em;
	  padding: 12px 50px 15px;
	  color: #fff;
	  border: #555 solid 1px;
	  background: #555;
	  -webkit-box-shadow: 0 0 5px rgba( 0, 0, 0, .1 );
	  box-shadow: 0 0 5px rgba( 0, 0, 0, .1 );
	  border-radius: 30px;
  }
  .product-info .info .goods-btn .btn-primary i.icart{
	  padding-left: 35px;
	  background: url(../check-box.svg) no-repeat 2px 4px; 
	  background-size: 22px;
  }
  .product-info .info .goods-btn .btn-primary:hover{
	  color: #fff;
	  text-decoration: none;
	  border: #bc8e60 solid 1px;
	  background-color: #bc8e60;
	  -webkit-box-shadow: 0 0 5px rgba( 0, 0, 0, 0 );
	  box-shadow: 0 0 5px rgba( 0, 0, 0, 0 );}
  .product-info .info .goods-btn .btn-primary[disabled] {
	  border: #ccc solid 1px;
	  background-color: #ccc;
	  -webkit-box-shadow: 0 0 5px rgba( 0, 0, 0, 0 );
	  box-shadow: 0 0 5px rgba( 0, 0, 0, 0 );}
  .product-info .info .goods-btn .btn-primary:hover[disabled] {
	  border: #ccc solid 1px;
	  background-color: #ccc;
	  -webkit-box-shadow: 0 0 5px rgba( 0, 0, 0, 0 );
	  box-shadow: 0 0 5px rgba( 0, 0, 0, 0 );}
  
  .product-info .spec {
	  float: left;
	  display: inline-block;
	  margin: 5px 0 0;
	  padding: 0;
	  width:100%;
	  background: rgba(255,255,255,0.7);
	  border-top: 1px dotted #ddd5cc;
  }
  .product-info .spec dl {
	  float: left;
	  display: inline-block;
	  width: 100%;
	  color: #555;
	  margin: 0;
	  padding: 12px 0;
	  border-bottom: 1px dotted #ddd5cc;
  }
  .product-info .spec dl:nth-child(even) {
	  background: #f0f2f5;
  }
  .product-info .spec dt {
	  float: left;
	  display: inline-block;
	  width: 50%;
	  color: #888;
	  line-height: 1.8em;
	  margin: 0;
	  padding: 0 15px;
  }
  .product-info .spec dd {
	  float: left;
	  width: calc(100% - 50%);
	  display: inline-block;
	  margin: 0;
	  padding: 0;
	  font-size: 18px;
	  line-height: 1.6em;
	  color: #111;
  }
  
  .pro-content {
	  float: left;
	  width:100%;
	  display: inline-block;
	  margin: 0;
	  padding: 0;
  }
  .pro-content .info {
	  margin: 0;
	  padding: 15px 0;
	  border-bottom: #ddd5cc dotted 1px;
	  width:100%;
	  display: inline-block;
	  background: #f6f8fb;
  }
  .pro-content .info:nth-child(even) {
	  background: #f0f2f5;
  }
  .pro-content .info .ti {
	  color: #555;
	  width: 200px;
	  display: inline-block;
	  float: left;
	  padding: 0 15px;
  }
  .pro-content .info .ptxt {
	  font-size: 18px;
	  line-height: 1.6em;
	  color: #111;
	  width: calc(100% - 200px);
	  display: inline-block;
  }
  
  @media (min-width: 1200px) {
  .product-info {	padding: 40px 5px 30px;}
  .product-info .info {
	  loat: right;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-orient: vertical;
	  -webkit-box-direction: normal;
		  -ms-flex-direction: column;
			  flex-direction: column;
	  -webkit-box-pack: center;
		  -ms-flex-pack: center;
			  justify-content: center;
	  width: calc(100% - 60%);
	  min-height: 600px;
	  margin: 10px 0;
	  padding: 0 0 0 50px;
  }
  /*.product-info .info {float: right;width: calc(100% - 60%);margin: 10px 0 20px;padding: 0 0 0 50px;}*/
  .productpicbig {width: 60%;}
  }
  @media (min-width: 992px) and (max-width: 1199px) {
  .product-info .info h2 {text-align: left;}
  }
  @media (max-width: 991px) {
  .product-info .info h2 {text-align: left;}
  .product-info .info .goods-btn button {
	  width: 100%;
	  min-width: inherit;
  }
  .product-info .info .otherlinks {
	  width: 100%;
	  margin: 15px 0 0;
	  padding: 0 0 0 15px;
  }
  }
  @media (max-width: 600px) {
  .product-info .spec dl {padding: 12px 20px;}
  .product-info .spec dt {width: 100%;padding: 0;}
  .product-info .spec dd {width: 100%;}
  }
  
  
  /*======================= 聯絡我們 =========================*/
  #contact {
	  width: 100%;
	  display: inline-block;
	  background: #f7f7f7;
  }
  #contact .contactform {
	  width: 100%;
	  display: inline-block;
	  margin: 50px 0;
	  padding: 30px 7% 35px;
	  background: #fff;
	  border-bottom: 4px solid #161e66;
	  -webkit-box-shadow: 0 0 8px rgba( 0, 0, 0, .08 );
	  box-shadow: 0 0 8px rgba( 0, 0, 0, .08 );
  }
  #contact .selectBox {
	  float: left;
	  width: 100%;
	  position: relative;
	  z-index: 1;
	  background-color: #fff;
  }
  #contact .selectBox select {
	padding: 0 20px 0 10px;
	width: 100%;
	height: 40px;
	color: #444;
	outline: none;
	line-height: 35px;
	border: none;
	  border: 1px solid #ddd;
	background: transparent;
	text-overflow: '';
	-webkit-appearance: none;
	   -moz-appearance: none;
			appearance: none;
  }
  #contact .selectBox select::-ms-expand { /* For IE10 */
	display: none;
  }
  #contact .selectBox:before {
	pointer-events: none;
	content: '';
	position: absolute;
	top: 14px;
	right: 10px;
	width: 8px;
	height: 8px;
	border-right: #333 1px solid;
	border-bottom: #333 1px solid;
	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
			transform: rotate(45deg);
  }
  #contact .selectBox:hover { border-color: #333;}
  #contact h5.contit {
	  width: 100%;
	  display: inline-block;
	  margin: 0 0 20px;
	  padding: 5px 0 30px;
	  font-size: 1em;
	  line-height: 1.8em;
	  color: #333;
	  font-weight: normal;
	  text-align: center;
	  background: url(../stripes/stripes_10_b.png) repeat-x left bottom;
  }
  .cardbox {
	  float: left;
	  width: calc(100%/3 - 10px);
	  display: inline-block;
	  margin: 15px 15px 10px 0;
	  padding: 40px 1% 40px;
	  /*border: 1px solid rgba(33,33,33,0.2);*/
	  border-radius: 5px;
	  border: 3px solid transparent;
  }
  .cardbox:last-child {
	  margin: 15px 0 10px;
  }
  .cardbox-img{
	  -moz-border-image: -moz-linear-gradient(top left, #212953 0%, #d8d8d8 100%);
	  -webkit-border-image: -webkit-linear-gradient(top left, #212953 0%, #d8d8d8 100%);
	  border-image: linear-gradient(to bottom right, #212953 0%, #d8d8d8 100%);
	  border-image-slice: 1;
  }
  .cardbox h4.card-title {
	  width: 100%;
	  display: inline-block;
	  margin: 0 0 20px;
	  padding: 60px 0 0;
	  font-size: 1.8em;
	  line-height: 1.4em;
	  color: #448ccb;
	  text-align: center;
  }
  .cardbox h4.card-title.iphone {
	  background: url(../phone-call.svg) no-repeat center top;
	  background-size: 50px;
  }
  .cardbox h4.card-title.ifax {
	  background: url(../fax.svg) no-repeat center top;
	  background-size: 50px;
  }
  .cardbox h4.card-title.iemail {
	  background: url(../email.svg) no-repeat center 7px;
	  background-size: 50px;
  }
  .cardbox p.card-text {
	  width: 100%;
	  display: inline-block;
	  margin: 0;
	  padding: 0;
	  font-size: 1.3em;
	  line-height: 1.5em;
	  color: #444;
	  font-weight: 600;
	  text-align: center;
	  word-break: break-all;
  }
  .cardbox p.card-text A:link {color:#444;text-decoration:none}
  .cardbox p.card-text A:visited {color:#444;text-decoration:none}
  .cardbox p.card-text A:hover {color:#ffa200;text-decoration:underline}
  
  @media (max-width: 767px) {
  #contact .contactform {	margin: 40px 0;padding: 20px 5% 30px;}
  .cardbox {width: calc(100% - 10px);	display: inline-block;margin: 10px 5px;}
  .cardbox:last-child {margin: 10px 5px;}
  .contact-share .cshare {
	  margin: 5px 1%;
  }
  }
  
  #contact .text {
	  float: left;
	  width: 100%;
	  margin-top: 25px;
	  padding-top: 35px;
	  background: url(../stripes/stripes_10_b.png) repeat-x left top;
  }
  #contact .control-label {
	  width: 100%;
	  color: #333;
	  text-align: left;
	  padding: 10px 0 3px 5px;
  }
  #contact .required {
	  color: #E85500;
	  border: 0;
	  margin-left:6px;
  }
  #contact .form-control {
	  min-height: 40px;
	  border-radius: 0;
	  border-color: #ddd;
  }
  #contact .form-control:focus {
	  border-color: #0072bc;
  }
  .contact2 {
	  float: left;
	  width: 100%;
	  margin: 3px 0 0 0;
  }
  .contact2 .cleft {
	  width: 30%;
	  float: left;
  }
  .contact2 .cright {
	  width: 50%;
	  float: left;
	  margin: 0;
	  padding-left: 5%;
  }
  .contact3 {
	  float: left;
	  width: 100%;
	  margin-top: 25px;
	  padding-top: 35px;
	  text-align: center;
	  background: url(../stripes/stripes_10_b.png) repeat-x left top;
  }
  .contact3 button {
	  font-family: \5FAE\8EDF\6B63\9ED1\9AD4, \65B0\7D30\660E\9AD4, Arial, Helvetica, sans-serif;
	  width: 220px;
	  height: 50px;
	  margin-left: 10px;
	  text-align: center;
	  line-height: 30px;
	  font-size: 18px;
	  border: none;
	  cursor: pointer;
	  border-radius: 30px;
	  -moz-border-radius: 30px;
	  -webkit-border-radius: 30px;
	  color: #FFFFFF;
	  margin-bottom: 10px;
	  transition: background 0.3s;
  }
  .contact3 .send {
	  background: #093171;
  }
  .contact3 .send:hover{
	  background:#3774c9;
  }
  .contact3 .reset {
	  background: #ccc;
  }
  .contact3 .reset:hover{
	  background:#999;
  }
  .contact6 {
	  float: left;
	  width: calc(100%/2);
  }
  #contact .box-txt{border: 1px solid #ccc; outline: none; padding: 3px 10px;}
  #contact .box-txt:focus{border-color: #2870c4; -webkit-box-shadow: 0 0 1px #2870c4; box-shadow: 0 0 1px #2870c4;}
  
  .chosebox01 {
	  float: left;
	  display: inline-block;
	  width: 100%;
	  margin: 3px 0;
	  padding: 5px 10px;
	  background: #ededed;
  }
  .chosebox02 {
	  float: left;
	  display: inline-block;
	  width: 100%;
	  margin: 0;
	  padding: 0;
  }
  .chosebox01 .checkbox, .chosebox01 .radio, .chosebox02 .checkbox, .chosebox02 .radio {
	  float: left;
	  display: inline-block;
	  padding-right: 22px;
	  text-align: left;
  }
  .chosebox01 .checkbox.gbox100, .chosebox02 .checkbox.gbox100 {
	  float: left;
	  width: 100%;
  }
  .chosebox01 .checkbox label, .chosebox01 .radio label, .chosebox02 .checkbox label, .chosebox02 .radio label {color: #333;line-height: 1.5em;}
  @media (max-width: 991px) {
  .contact2 .cleft {width: 50%;}
  .contact2 .cright {	width: 45%;	float: left;margin: 0;padding-left: 5%;}
  }
  @media (max-width: 767px) {
  .contact2 .cleft {width: 50%;float: left;}
  .contact2 .cright {	width: 45%;	float: left;margin: 0; padding-left: 5%;}
  .contact5 .google-maps { padding-bottom: 30%;}
  }
  @media (max-width: 480px) {
  #contact .control-label {padding-top: 7px; padding-bottom: 0;}
  .contact3 button {width: 100%;margin-left: 0px;}
  .contact5 .google-maps { padding-bottom: 60%;}
  .contact6 {width: 100%;	padding: 1px 0;}
  }
  /*======================= 最新消息 =========================*/
  #news {
	  display: inline-block;
	  width: 100%;
	  margin: 60px 0 0;
  }
  #news-in {
	  display: inline-block;
	  width: 100%;
	  margin: 60px 0 0;
	  padding: 0 10%;
  }
  .news-box {
	  float: left;
	  width: calc(100%/2 - 14px);
	  display: inline-block;
	  margin: 10px 7px 2px;
	  background: #f3f3f3;
	  padding: 22px 18px 20px 20px;
	  transition: all 0.6s;
  }
  .news-day {
	  font-size: 16px;
	  font-style: italic;
	  color: #ff9000;
	  font-weight: 600;
  }
  .news-info {
	  width: 99%;
	  border-left:1px solid #ccc;
	  float: right;
	  margin: 10px 0 5px;
	  padding-left: 15px;
	  font-size: 20px;
	  line-height: 1.3em;
  }
  .news-info a {color: #000;}
  .news-info a:hover,.news-info a:focus {
	  color:#0074bf;
	  text-decoration: none;
  }
  .news-box a.btn-more {
	  width: 80px;
	  height: 26px;
	  line-height: 1.7em;
	  border: 1px solid #ccc;
	  float: right;
	  text-align: center;
	  font-size: 14px;
	  font-weight: 300;
	  color: #999;
	  margin: 3px 0 0;
  }
  .news-box:hover a.btn-more {
	  border: 1px solid #000;
	  background-color: #000;
	  color: #fff;
	  text-decoration: none !important;
	  transition: all 0.6s;
  }
  .newslist2 {
	  float: left;
	  width: 100%;
  }
  .newslist2 dl {
	  float: left;
	  width: 100%;
	  margin: 0;
	  padding: 22px 20px 22px;
	  border: 6px solid transparent;
	  position: relative;
  }
  .newslist2 dl.borimg{
	  -moz-border-image: -moz-linear-gradient(top left, #212953 0%, #d8d8d8 80%);
	  -webkit-border-image: -webkit-linear-gradient(top left, #212953 0%, #d8d8d8 80%);
	  border-image: linear-gradient(to bottom right, #212953 0%, #d8d8d8 80%);
	  border-image-slice: 1;
  }
  .newslist2 dd {
	  float: left;
	  width: 100%;
	  margin: 0;
	  padding: 0;
	  color: #222;
  }
  .newslist2 dd.title {
	  padding: 9px 0 5px;
	  font-size: 1.8em;
	  line-height: 1.2em;
	  color: #1e2861;
  }
  .newslist2 dd.website {
	  font-size: 0.95em;
	  color: #666;
	  border-top: 1px solid #eee;
	  padding-top: 12px;
	  margin-top: 12px;
  }
  .newslist2 dt {
	  display: inline-block;
	  margin: 0 0 0 5px;
	  font-size: 1.1em;
	  font-style: italic;
	  color: #ff754c;
	  font-weight: 600;
	  padding: 0 15px 0 2px;
	  background: #fff;
	  position: absolute;
	  top: -15px;
	  left: 10px;
  }
  .newslist2 dt .newsitem {
	  font-family: \5FAE\8EDF\6B63\9ED1\9AD4, Arial, Helvetica, sans-serif;
	  display: inline-block;
	  margin: 0 10px 0 0;
	  font-size: 16px;
	  font-style: normal;
	  color: #fff;
	  font-weight: normal;
	  padding: 2px 20px 2px 15px;
	  background: #1e2861;
	  -webkit-clip-path: polygon(0 0, 100% 0%, 93% 100%, 0% 100%);
	  clip-path: polygon(0 0, 100% 0%, 93% 100%, 0% 100%);
  }
  .newscontent {
	  clear: both;
	  float: left;
	  margin-left: 0;
	  width: 100%;
	  display: block;
	  padding: 35px 0;
	  min-height: 250px;
  }
  .newsphoto {
	  clear: both;
	  float: right;
	  display: block;
	  width: 40%;
	  max-width: 500px;
	  min-width: 350px;
	  margin: 5px 0 30px 30px;
	  padding: 0;
  }
  .newslist4 {
	  font-size: 1em;
	  line-height: 1.6em;
	  color: #666;
	  background-color: #e9e9e9;
	  float: left;
	  width: 100%;
	  padding: 15px 10px;
  }
  .newslist4 A:link {color:#009bd8;text-decoration:none}
  .newslist4 A:visited {color:#009bd8;text-decoration:none}
  .newslist4 A:hover {color:#eb6100;text-decoration:underline}
  .newslist4 a.download {
	  display: inline-block;
	  padding: 11px 18px 12px 37px;
	  margin: 2px 8px; 
	  font-size: 16px;
	  line-height: 1.1em;
	  color: #fff;
	  text-decoration: none;
	  border-radius: 3px;
	  background: #9ec5cf url(../download.svg) no-repeat 12px 10px;
	  background-size: 17px;
  }
  .newslist4 a.download:hover {
	  color: #ffdd00;
	  background: #014b9c url(../download.svg) no-repeat 12px 10px;
	  background-size: 17px;
  }
  @media (max-width: 1300px) {
  #news-in {margin: 40px 0 0;	padding: 0 5%;}
  }
  @media (max-width: 991px) {
  #news {margin: 30px 0 0;}
  #news-in {margin: 40px 0 0;	padding: 0;}
  .news-box { width: 100%;margin: 12px 0 0;}
  .newslist2 dd.title {font-size: 1.6em;}
  }
  @media (max-width: 768px) {
  .newsphoto {
	  float: left;
	  width: 100%;
	  max-width: 100%;
	  margin: 5px 0 30px;
  }
  }
  @media (max-width: 600px) {
  #news-in {padding: 0;}
  .newslist4 a.download {width: 100%;margin: 10px 0 2px; }
  }
  
  .newslist{}
  .newslist .search{
	 display: grid;
	 gap: 15px;
	 grid-template-columns: 3fr 1fr 10px 1fr;
	 margin-bottom: 20px;
  }
  .newslist .search section{
	 display: flex;
  }
  .newslist .search section:nth-of-type(1){
	 padding-right: 15px;
  }
  .newslist .search section:nth-of-type(3){
	 align-items: center;
  }
  .newslist .search section span{
	 display: none;
  }
  .newslist .search section .date{
	 width: 100%;
	 display: flex;
  }
  .newslist .search section .date span{
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 color: #fff;
	 font-size: 13px;
	 padding: 10px 18px;
	 background: #5B7A97;
  }
  .newslist .search input{
	 margin: 0;
  }
  @media (max-width: 991px) {
	 .newslist .search{
		grid-template-columns: 2fr 1fr 10px 1fr;
	 }
  }
  @media (max-width: 767px) {
	 .newslist .search{
		grid-template-columns: 1fr 10px 1fr;
	 }
	 .newslist .search section:nth-of-type(1){
		padding-right: 0;
		grid-column: 1/-1;
	 }
  }
  @media (max-width: 399px) {
	 .newslist .search section .date{
		width: auto;
		flex: 1;
	 }
	 .newslist .search{
		grid-template-columns: 1fr;
	 }
	 .newslist .search section:nth-of-type(2){
		align-items: center;
	 }
	 .newslist .search section:nth-of-type(3){
		display: none;
	 }
	 .newslist .search section:nth-of-type(4){
		align-items: center;
	 }
	 .newslist .search section > span{
		display: block;
		font-size: 14px;
		margin-right: 10px;
	 }
  }
  
  
  
  
  
  .newslist ul{
	 margin: 0;
	 padding: 0;
	 list-style: none;   
  }
  .newslist ul li{
	 display: grid;
	 grid-template-columns: 1fr 200px 200px;
	 align-items: center;
	 border-bottom: 1px dotted #ccc;
  }
  .newslist ul li a{
	 display: block;
  }
  .newslist ul li.title{
	 background: #f5f5f5;
	 border-bottom: none;
  }
  .newslist ul li.title p{
	 padding: 8px 15px;
  }
  .newslist ul li p{
	 font-size: 15px;
	 padding: 12px 15px;
	 margin: 0;
  }
  .newslist ul li span{
	 display: none;
  }
  @media (max-width: 991px) {
	 .newslist ul li{
		grid-template-columns: 1fr 120px 120px;
	 }
	 .newslist ul li p{
		font-size: 14px;
	 }
  }
  @media (max-width: 479px) {
	 .newslist ul li.title{
		display: none;
	 }
	 .newslist ul li{
		grid-template-columns: 1fr 1fr;
		padding-bottom: 15px;
		margin-bottom: 15px;
	 }
	 .newslist ul li p:nth-of-type(1){
		order: 3;
		grid-column: 1/-1;
	 }
	 .newslist ul li p:nth-of-type(2){
		order: 2;
		color: #60B683;
		text-align: right;
	 }
	 .newslist ul li p:nth-of-type(3){
		order: 1;
		color: #60B683;
	 }
	 .newslist ul li p{
		padding: 4px 0;
	 }
	 .newslist ul li span{
		display: inline-block;
	 }
	 
  }
  
  
  
  .newscon{}
  .newscon blockquote{
	 font-weight: 500;
	 padding: 5px 30px;
	 margin: 0 0 40px;
	 border: none;
	 text-align: center;
  }
  .newscon blockquote h5{
	 margin: 0 0 10px;
  }
  .newscon blockquote span{
  
  }
  @media (max-width: 991px) {
	 .newscon blockquote{
		padding: 5px 15px;
		margin: 0 0 40px;
	 }
  }
  
  /*======================= 產品應用 =========================*/
  
  .application {
	  display: inline-block;
	  width: 100%;
	  padding: 0 0 50px;
	  margin: 10px 0 30px;
	  background: url(../stripes/stripes_10_b.png) repeat-x bottom left;
  }
  .application:last-child {
	  margin: 10px 0;
  }
  .application .app-tit {
	  float: left;
	  display: inline-block;
	  width: 100%;
	  font-size: 30px;
	  line-height: 1.4em;
	  font-weight: bold;
	  color: #333;
	  margin: 0 0 25px;
	  padding: 0 0 20px;
	  border-bottom: 1px solid #ccc;
  }
  .application .app-photo {
	  float: left;
	  display: inline-block;
	  width: 40%;
	  overflow: hidden;
	  position: relative;
  }
  .application .app-photo .appimg  {
	  float: left;
	  width: 100%;
	  height: 400px;
	  outline: none;
	  display: inline-block;
  }
  .application .app-machine {
	  float: left;
	  display: inline-block;
	  width: 60%;
	  padding: 2px 0 2px 40px;
  }
  .application .app-machine ul { 
	  float: left;
	  width: calc(100%/2);
	  display:inline-block;
	  margin: 0; 
	  padding:0;
  }
  .application .app-machine ul li {
	  float: left;
	  display: inline-block;
	  width: calc(100%/2);
	  list-style: none;
	  margin: 5px 0;
	  padding: 0 3px;
	  overflow: hidden;
  }
  .application .app-machine ul li p.txt {
	  float: left;
	  display: inline-block;
	  width: 100%;
	  font-size: 16px;
	  line-height: 1.6em;
	  color: rgba(0,0,0,0.8);
	  margin: 7px 0;
	  padding: 0;
	  text-align: center;
	  -webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		 -o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
  }
  /*.application .app-machine ul li:hover p.txt {
	  color: #3071b4;
  }*/
  .application .app-machine ul li .app-photoin {
	  float: left;
	  display: inline-block;
	  width: 100%;
	  overflow: hidden;
	  position: relative;
  }
  .application .app-machine ul li .app-photoin .appimg2  {
	  float: left;
	  width: 100%;
	  height: 250px;
	  outline: none;
	  display: inline-block;
	  -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
	  transition: opacity 0.2s, transform 0.2s;
  }
  /*.application .app-machine ul li:hover .app-photoin .appimg2  {
	  opacity: 0.8;
  }*/
  .application .app-more {
	  float: left;
	  display: inline-block;
	  width: 100%;
	  padding: 18px 0 0;
	  margin: 0;
  }
  .application .app-more a.more {
	  float: left;
	  width: 170px;
	  padding: 5px 40px 8px 25px;
	  font-size: 15px;
	  line-height: 1.6em;
	  COLOR: rgba(255,255,255,0.9);
	  TEXT-DECORATION: none;
	  border-radius: 5px;
	  transition: background 0.3s;
	  border: 1px solid rgba(0,0,0,0.1);
	  background: rgba(0,0,0,0.3) url(../right4.svg) no-repeat 78% 14px;
	  background-size: auto 8px;
  }
  .application .app-more a:hover.more {
	  COLOR: #FFF;
	  text-decoration: none;
	  border: 1px solid rgba(12,41,95,0.3);
	  background: #0c295f url(../right4.svg) no-repeat 83% 14px;
	  background-size: auto 8px;
  }
  .app-mphoto {float: left; display: inline-block; width: 100%; position: relative;}
  .app-mphoto .owl-carousel .owl-stage-outer { }
  .app-mphoto .owl-carousel .owl-nav { position: absolute;width: 100%; top: 40%; left: 0; color: #fff; }
  .app-mphoto .owl-carousel .owl-nav .owl-prev { position: absolute;height: 27px; width: 27px;left: -10px;background: rgba(0,0,0,0.3); }
  .app-mphoto .owl-carousel .owl-nav .owl-next { position: absolute;height: 27px; width: 27px;right: -10px;background: rgba(0,0,0,0.3); }
  .app-mphoto .owl-carousel .owl-nav .owl-prev:hover, .app-mphoto .owl-carousel .owl-nav .owl-next:hover { background: rgba(0,0,0,0.8);  }
  .app-mphoto .owl-carousel .owl-nav .owl-prev span, .app-mphoto .owl-carousel .owl-nav .owl-next span {position: relative; display: block; top: 0; }
  .app-mphoto .owl-carousel .owl-nav button { outline: none; }
  .app-mphoto .owl-carousel .owl-dots{bottom:-20px;}
  .app-mphoto .item {
	  display: inline-block;
	  width: 100%;
	  margin: 0;
	  padding: 0;
  }
  .app-mphoto .item p.txt {
	  float: left;
	  display: inline-block;
	  width: 100%;
	  font-size: 16px;
	  line-height: 1.6em;
	  color: rgba(0,0,0,0.8);
	  margin: 7px 0;
	  padding: 0;
	  text-align: center;
	  -webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		 -o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
  }
  .app-mphoto .item .app-photoin {
	  float: left;
	  display: inline-block;
	  width: 100%;
	  overflow: hidden;
	  position: relative;
  }
  .app-mphoto .item .app-photoin .appimg2  {
	  float: left;
	  width: 100%;
	  height: 250px;
	  outline: none;
	  display: inline-block;
	  -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
	  transition: opacity 0.2s, transform 0.2s;
  }
  
  @media (min-width: 1200px) and (max-width: 1499px) {
  .application .app-photo .appimg  {height: 350px;}
  .application .app-machine ul li .app-photoin .appimg2  {height: 200px;}
  }
  @media (max-width: 1199px) {
  .application .app-photo .appimg  {height: 380px;}
  .application .app-photo { width: 100%;}
  .application .app-machine { width: 100%;padding: 20px 0 0;}
  }
  @media (max-width: 991px) {
  .application .app-photo .appimg  {height: 350px;}
  .application .app-machine ul li .app-photoin .appimg2  {height: 200px;}
  }
  @media (max-width: 768px) {
  .application .app-machine ul { width: 100%;}
  .application .app-photo .appimg  {height: 320px;}
  .application .app-machine ul li .app-photoin .appimg2  {height: 250px;}
  }
  @media (max-width: 600px) {
  .application .app-photo .appimg  {height: 230px;}
  .application .app-machine ul li .app-photoin .appimg2  {height: 180px;}
  .app-mphoto .item .app-photoin .appimg2  {height: 200px;}
  }
  
  /*======================= 品質 =========================*/
  .quality {
	  display: inline-block;
	  width: 100%;
	  padding: 10px 0 0;
  }
  .quality1 {
	  display: inline-block;
	  width: 100%;
	  padding: 55px 0;
	  margin: 60px 0 0;
	  background: #f4f9fa;
  }
  .quality2 {
	  display: inline-block;
	  width: 100%;
	  padding: 40px 0 0;
  }
  .quality h3, .quality2 h3 {
	  font-size: 1.8em;
	  line-height: 1.4em;
	  color: #3071b4;
	  font-weight: bold;
	  text-align: center;
	  margin-top: 5px;
	  margin-bottom: 30px;
	  position: relative;
  }
  .quality1 h3 {
	  font-size: 1.8em;
	  line-height: 1.4em;
	  color: #333;
	  font-weight: bold;
	  text-align: center;
	  margin: 10px 0 20px;
	  position: relative;
  }
  .qualitybox1 {
	  display: inline-block;
	  width: 100%;
	  padding: 0 0 55px;
	  margin: 10px 0 30px;
	  background: url(../stripes/stripes_10_b.png) repeat-x 0 bottom;
  }
  .qualitybox1:last-child {
	  padding: 0;
	  margin: 10px 0;
	  background: none;
  }
  .qualitybox1 p.qtxt3 {
	  margin-bottom: 40px;
	  text-align: center;
  }
  .qualitybox2 {
	  display: inline-block;
	  width: 100%;
	  margin: 20px 0 30px;
	  position: relative;
  }
  .qualityphoto1 {
	  float: left;
	  display: inline-block;
	  width: 100%;
	  margin: 0;
	  padding: 0;
	  position: relative;
	  text-align: center;
  }
  .qualityphoto2 {
	  float: left;
	  display: inline-block;
	  width: 60%;
	  margin: 0;
	  padding: 0;
	  position: relative;
  }
  .qualitytxt1 {
	  float: left;
	  display: inline-block;
	  width: 40%;
	  margin: 0;
	  padding: 4% 0 0;
	  position: relative;
  }
  .qualitytxt1 p.qtxt {
	  margin: 5px 0 10px;
	  padding: 0;
	  font-size: 20px;
	  font-weight: bold;
  }
  .qualitytxt1 ul {
	  width: 100%;
	  float: left;
	  margin: 20;
	  padding: 0;
  }
  .qualitytxt1 li { 
	  display:block;
	  list-style:none;
	  width: 100%;
	  float: left;
	  padding: 0 0 0 28px;
	  margin: 5px;
	  background: url(../select.svg) no-repeat left 7px;
	  background-size: 16px;
  }
  .qualitytxt2 {
	  float: left;
	  display: inline-block;
	  width: 100%;
	  margin-bottom: 30px;
	  padding: 0;
	  text-align: center;
  }
  .qualityphoto3 {
	  float: left;
	  display: inline-block;
	  width: calc(100%/2);
	  margin: 0;
	  padding: 2px;
	  position: relative;
  }
  .qualitytxt2 h3 {
	  font-size: 1.8em;
	  line-height: 1.4em;
	  color: #3071b4;
	  font-weight: bold;
	  text-align: center;
	  margin-top: 5px;
	  margin-bottom: 10px;
	  position: relative;
  }
  .qualitytxt2 p.qtxt2 {
	  margin: 0;
	  padding: 0;
	  font-size: 18px;
	  color: #333;
  }
  .quality-list {
	  width: 100%;
	  float: left;
  }
  .quality-list ul {
	  width: 100%;
	  float: left;
	  margin: 12px 0;
	  padding: 0;
  }
  .quality-list li { 
	  display:block;
	  list-style:none;
	  width: calc(100%/3 - 20px);
	  float: left;
	  padding: 0;
	  margin: 10px;
	  background: #fff;
	  -webkit-box-shadow: 0 0 5px rgba( 0, 0, 0, .1 );
	  box-shadow: 0 0 5px rgba( 0, 0, 0, .1 );
  }
  .quality-list li.q2 { 
	  display:block;
	  list-style:none;
	  width: calc(100%/2 - 20px);
	  float: left;
	  padding: 0;
	  margin: 10px;
	  background: #fff;
	  -webkit-box-shadow: 0 0 5px rgba( 0, 0, 0, .1 );
	  box-shadow: 0 0 5px rgba( 0, 0, 0, .1 );
  }
  .quality-list li .pro-img { 
	  width:100%;
	  float: left;
	  overflow: hidden;
	  padding: 0;
	  margin: 0;
	  position: relative;
  }
  .quality-list ul li .pro-name {
	  display: inline-block;
	  width: 100%;
	  font-size: 1em;
	  line-height: 1.4em;
	  color: #333;
	  padding: 12px 5px 14px;
	  text-align: center;
	  position: relative;
	  background: #ededed;
  }
  .quality-list ul li .pro-name:before {
	  content:"";
	  border-bottom: 8px solid #ededed;
	  border-left: 8px solid transparent;
	  border-right: 8px solid transparent;
	  position: absolute;
	  top: -8px;
	  left: 47%;
  }
  .quality-list ul li .qualityimg {
	  width: 100%;
	  height: 280px;
	  outline: none;
	  display: inline-block;
	  float: left;
  }
  .quality-list ul li .qualityimg2 {
	  width: 100%;
	  height: 400px;
	  outline: none;
	  display: inline-block;
	  float: left;
  }
  .quality-info {
	  float: left;
	  width: 100%;
	  padding: 0;
	  margin: 10px 0 35px;
	  position: relative;
  }
  .quality-info:last-child {
	  padding: 0;
	  margin: 0;
  }
  .quality-info .info {
	  float: left;
	  width: 65%;
	  padding: 25px 3.5% 30px;
	  margin: 0;
	  -webkit-box-shadow: 7px 7px 0 rgba( 0, 0, 0, 0.1 );
	  box-shadow: 7px 7px 0 rgba( 0, 0, 0, 0.1 );
	  background: -webkit-linear-gradient(90deg, rgb(26, 150, 214), rgb(48, 113, 180));
	  background: linear-gradient(90deg, rgb(26, 150, 214), rgb(48, 113, 180));
  }
  .quality-info .info ul {
	  width: 100%;
	  float: left;
	  margin: 15px 0 0;
	  padding: 0;
  }
  .quality-info .info li { 
	  width: 100%;
	  float: left;
	  display:block;
	  list-style:none;
	  padding: 0 0 0 30px;
	  margin: 0;
	  color: #fff;
  }
  .quality-info .info li.tit { 
	  font-size: 18px;
	  font-weight: bold;
	  color: #fef257;
	  background: url(../select1.svg) no-repeat left 6px;
	  background-size: 19px;
  }
  .quality-info .qualityphoto { 
	  width: 50%;
	  height: 105%;
	  float: left;
	  overflow: hidden;
	  background-color: #fff;
	  position: absolute;
	  right: 0;
	  top: -2.5%;
	  z-index: -1;
  }
  .quality-info .qualityphoto .qualityimg3 {
	  width: 100%;
	  height: 100%;
	  outline: none;
	  display: inline-block;
	  float: left;
  }
  .quality-info .info2 {
	  float: left;
	  width: 100%;
	  padding: 0;
	  margin: 0;
  }
  .quality-info .info2 h4 {
	  width: 100%;
	  display: inline-block;
	  font-size: 24px;
	  color: #333;
	  line-height: 1.4em;
	  font-weight: bold;
	  text-align: center;
	  margin: 10px 0 10px;
	  padding: 0;
  }
  /*.quality-info .info2 ul {
	  width: 100%;
	  float: left;
	  display: block;
	  margin: 0;
	  padding: 0;
  }
  .quality-info .info2 ul li {
	  list-style: none;
	  margin: 0 0 0 30px;
	  padding: 2px 0;
	  color: #f26f47;
	  text-align: center;
  }*/
  .quality-info .info2 ul {
	  width: 100%;
	  float: left;
	  margin: 0;
	  padding: 0 10%;
  }
  .quality-info .info2 li { 
	  display:block;
	  list-style:none;
	  width: calc(100%/2 - 30px);
	  float: left;
	  padding: 10px;
	  margin: 15px 15px 10px;
	  background: #fff;
	  -webkit-box-shadow: 0 0 5px rgba( 0, 0, 0, .1 );
	  box-shadow: 0 0 5px rgba( 0, 0, 0, .1 );
  }
  .quality-info .info2 li .pro-img { 
	  width:100%;
	  float: left;
	  overflow: hidden;
	  padding: 0;
	  margin: 0;
	  position: relative;
  }
  .quality-info .info2 li .pro-name {
	  display: inline-block;
	  width: 100%;
	  font-size: 1em;
	  line-height: 1.4em;
	  color: #333;
	  padding: 12px 5px 14px;
	  margin: 10px 0 0;
	  text-align: center;
	  position: relative;
	  background: #ededed;
  }
  .quality-info .info2 li .certifimg {
	  width: 100%;
	  height: 500px;
	  outline: none;
	  display: inline-block;
	  float: left;
  }
  @media (max-width: 1499px) {
  .qualitytxt1 {padding: 2% 0 0;}
  .quality-list ul li .qualityimg {height: 180px;}
  
  }
  @media (max-width: 1199px) {
  .qualityphoto2 { width: 100%;margin-top: 15px;}
  .qualitytxt1 { width: 100%;padding: 0;}
  .quality-list li { width: calc(100%/3 - 10px);margin: 5px;}
  .quality-list ul li .qualityimg {height: 150px;}
  .quality-info .info2 ul {padding: 0;}
  .quality-info .info2 li { width: calc(100%/2 - 20px);margin: 15px 10px 10px;}
  }
  @media (max-width: 991px) {
  .quality-list li { width: calc(100%/3 - 10px);margin: 5px;}
  .quality-list ul li .qualityimg {height: 130px;}
  .quality-list ul li .qualityimg2 {height: 220px;}
  .qualitytxt2 { width: 100%;margin: 0;padding: 0 0 20px;}
  .qualityphoto3 { width: calc(100%/2);padding: 1px;}
  .quality-info .info {width: 100%;padding: 35px 30px;margin: 0;}
  .quality-info .qualityphoto { width: 100%;height: 300px;position: relative;left: 0;	top: 0;}
  .quality-info .info2 li { width: calc(100%/2 - 10px);margin: 15px 5px 10px;padding: 5px;}
  .quality-info .info2 li .certifimg {height: 400px;}
  }
  @media (max-width: 768px) {
  .quality-list ul li .qualityimg {height: 120px;}
  .quality-list ul li .qualityimg2 {height: 200px;}
  .qualityphoto3 {width: 100%;padding: 2px;}
  .quality-info .qualityphoto { height: 200px;}
  .quality-info .info2 li .certifimg {height: 300px;}
  }
  @media (max-width: 600px) {
  .quality-list li { width: calc(100% - 10px);margin: 5px;}
  .quality-list li.q2 { width: calc(100% - 10px);}
  .quality-list ul li .qualityimg {height: 180px;}
  .quality-list ul li .qualityimg2 {height: 220px;}
  .quality-info .info2 li { width: 100%;margin: 10px 0;padding: 5px;}
  .quality-info .info2 li .certifimg {height: 320px;}
  }
  /*======================= 關鍵技術 =========================*/
  .tech {
	  display: inline-block;
	  width: 100%;
  }
  .tech h3 {
	  font-size: 1.9em;
	  line-height: 1.4em;
	  color: #3071b4;
	  font-weight: bold;
	  text-align: center;
	  margin-top: 5px;
	  margin-bottom: 30px;
	  position: relative;
  }
  .tech h4 {
	  font-size: 1.7em;
	  line-height: 1.4em;
	  color: #3071b4;
	  font-weight: bold;
	  margin-top: 5px;
	  margin-bottom: 25px;
	  position: relative;
  }
  /*.tech h3:before {
	  content:"";
	  display:inline-block;
	  width: 20px;
	  height: 2px;
	  background:#3071b4;
	  position:absolute;
	  top: 18px;
	  left: 0;
  }*/
  .techbox1 {
	  display: inline-block;
	  width: 100%;
	  margin: 10px 0 50px;
	  position: relative;
  }
  .techbox1:before {
	  content:"";
	  display:inline-block;
	  width: 100%;
	  height: 90%;
	  background:#eee;
	  position:absolute;
	  bottom: 5%;
	  left: 0;
	  z-index: -1;
  }
  .techbox2 {
	  float: left;
	  display: inline-block;
	  width: 100%;
	  margin: 10px 0 50px;
	  padding: 0;
	  position: relative;
  }
  .techbox3 {
	  float: left;
	  display: inline-block;
	  width: 100%;
	  margin: 10px 0 20px;
	  position: relative;
  }
  .techbox3 .itemarea {
	  float: left;
	  display: inline-block;
	  width: 100%;
	  padding: 10px 5px;
	  border: 10px solid #eee;
  }
  .techbox3-1 {
	  float: left;
	  display: inline-block;
	  width: calc(100%/3);
	  padding: 15px 10px;
  }
  .techphoto1 {
	  float: left;
	  display: inline-block;
	  width: 25%;
	  margin: 0;
	  padding: 0 5px 0 0;
	  position: relative;
  }
  .techphoto2 {
	  float: left;
	  display: inline-block;
	  width: 25%;
	  margin: 20px 0 0;
	  padding: 0 0 0 5px;
	  position: relative;
  }
  .techphoto3 {
	  float: left;
	  display: inline-block;
	  width: 50%;
	  margin: 0;
	  padding: 0 5px;
	  text-align: center;
	  position: relative;
  }
  .techphoto5 {
	  float: left;
	  display: inline-block;
	  width: calc(100%/3);
	  margin: 0;
	  padding: 0 3px;
	  text-align: center;
	  position: relative;
  }
  .techtxt1 {
	  display: inline-block;
	  width: 50%;
	  margin: 0;
	  padding: 7% 4% 1% 4%;
	  position: relative;
  }
  p.techtxt2 {
	  display: inline-block;
	  width: 100%;
	  font-size: 16px;
	  font-weight: bold;
	  margin: 0 0 10px;
	  padding: 7px 10px;
	  background: #ecf2fa;
	  border-radius: 5px;
  }
  p.techtxt3 {
	  display: inline-block;
	  width: 100%;
	  font-size: 16px;
	  font-weight: bold;
	  color: #333;
	  margin: 0 0 10px;
	  padding: 0 5px;
  }
  p.techtxt5 {
	  display: inline-block;
	  width: 100%;
	  font-size: 16px;
	  font-weight: bold;
	  color: #ff0000;
	  margin: 0 0 10px;
	  padding: 0 5px;
  }
  @media (max-width: 1199px) {
  .techbox1:before {height: 90%;bottom: 0;}
  .techphoto1 { width: 50%;}
  .techphoto2 { width: 50%;}
  .techtxt1 { width: 100%;padding: 6% 4% 2%;}
  .techbox2:nth-child(odd) {padding: 0;}
  .techbox3-1 { width: 100%;padding: 15px 10px;}
  }
  @media (max-width: 480px) {
  .techphoto3 { width: 100%;}
  .techphoto5 {width: 100%;}
  }
  
  /*======================= 服務項目 =========================*/
  
  .pagetitle02{
	 font-size: 22px;
	 margin: 10px 0 25px;
  }
  .pagetitle02 i{
	 position: relative;
	 top: -1px;
	 color: #ffc557;
  }
  
  
  .service01 h6{
	 font-size: 20px;
	 margin-bottom: 15px;
	 color: #5cad7d;
  }
  .service01 li{
	 margin-bottom: 15px;
  }
  .service01 .pagetitle02{
	 padding-bottom: 15px;
	 border-bottom: 1px dotted #ccc;
  }
  
  
  .form01{
	 display: grid;
	 gap: 30px;
	 grid-template-columns: 1fr 1fr;
  }
  .form01 section{
	 padding: 20px 30px;
	 border-radius: 4px;
	 border: 2px solid #dfe3e6;
  }
  
  @media (max-width: 991px) {
	 .form01{
		gap: 15px;
		grid-template-columns: 1fr ;
	 }
  }
  
  
  
  /*選項卡*/
  .tab{
	  float: left;
	  width: 100%;
	  display: inline-block;
	  position: relative;
	  /*background: #ccc;*/
  }
  .tab > .container{
	  position: relative;
  }
  .tab .nav-tabs{
	  float: left;
	  width: 100%;
	  display: inline-block;
	  padding: 20px 0 0;
	  margin: 0;
	  border:none;
	  list-style-type: none;
  }
  .nav-tabs li{
	  float: none;
	  display: inline-block;
	  width: calc(100%/2);
	  list-style-type: none;
	  padding: 0 1px;
	  margin: 0;
	  font-size: 20px;
	  position: relative;
	  margin-right: -3px;
  }
  .nav-tabs li a{
	  float: left;
	  display: inline-block;
	  width: 100%;
	  padding: 12px 15px;
	  margin: 0;
	  border-right: 0px none;
	  color:#777;
	  border-radius: 0px;
	  transition: all 0.2s ease-in 0s;
	  background: rgba(100,100,100,0.1);
	  border: 1px solid rgba(100,100,100,0.1);
  }
  .nav-tabs li a:hover{
	  color: #165ea6;
	  background: rgba(100,100,100,0.1);
	  border: 1px solid rgba(22,94,166,0.5);
  }
  .nav-tabs li a i{
	  display: inline-block;
	  text-align: center;
	  margin-right:10px;
  }
  .nav-tabs li.active a,
  .nav-tabs li.active a:focus,
  .nav-tabs li.active a:hover{
	  font-weight: bold;
	  color: #165ea6;
	  background: rgba(22,94,166,0.15);
	  text-decoration: none;
	  border: 1px solid rgba(22,94,166,0.4);
  }
  .tab .tab-content{ float: left;display: inline-block;width: 100%; padding: 40px 0;background: #fff;}
  .tab .tab-content img{ max-width: 100%;}
  @media only screen and (max-width: 767px){
	  .tab{ }
	  .nav-tabs li{ width:100%; margin-bottom: 1px;margin-right: 0;font-size: 16px; }
	  .nav-tabs li a{ width:100%;padding: 12px;}
	  .nav-tabs li.active a,
	  .nav-tabs li.active a:focus,
	  .nav-tabs li.active a:hover{ padding: 12px; margin-top: 0;}
  }
  
  
  /* Timeline -------------------------------------------------------------------------- */
  ul.history-list, ul.history-list li {
	  padding: 0;
	  margin: 0;
	  list-style: none;
  }
  .history-list{position:relative;padding:1rem 0;list-style: none;}
  .history-list:before{content:"";position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:4px;height:100%;background-color:#ddd}
  
  .history-list li:nth-child(odd){display:flex;flex-wrap:wrap;justify-content:flex-end;text-align:left}
  .history-list li:nth-child(odd) .history-content{padding-left:3.5rem}
  .history-list li:nth-child(odd) .history-content .number:before{left:-3.5rem}
  .history-list li:nth-child(odd) .history-content .number:after{left:-3.5rem;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
  .history-list li:nth-child(even){display:flex;flex-wrap:wrap;justify-content:flex-start;text-align:right}
  .history-list li:nth-child(even) .history-content{padding-right:3.5rem}
  .history-list li:nth-child(even) .history-content .number:before{right:-3.5rem}
  .history-list li:nth-child(even) .history-content .number:after{right:-3.5rem;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}
  .history-list li:nth-child(even) .tit{text-align:right;padding:0 1rem 0 0;}
  
  .history-list li .text{display:flex;position:relative;width: 100%; font-size: 16px;line-height: 1.8em;color: #333;}
  .history-list li:nth-child(odd) .text{ flex-direction: row;flex-wrap:wrap;justify-content:flex-start;position:relative;text-align:left; padding:0 0 0 1rem;}
  .history-list li:nth-child(even) .text{ flex-direction: row-reverse;flex-wrap:wrap;justify-content:flex-start;position:relative;text-align:right;padding:0 1rem 0 0;}
  .history-list li:nth-child(odd) .text .photo{ float: left; width: 120px; min-height: 40px; margin-right:15px; text-align: center;}
  .history-list li:nth-child(even) .text .photo{ float: right;  width: 120px; min-height: 40px; margin-left:15px; text-align: center;}
  .history-list li .text .photo img{ max-width: 100%; max-height: 120px;}
  .history-list li .text .info{ flex:1;margin: 0;padding: 0;}
  .history-list li .text .info > p{ margin: 1px 0;}
  .history-content{width:50%;padding: 4px 0;margin-bottom: 7px;}
  .history-list li:nth-child(odd) .text:before {
	  content: "";
	  width: 100%;
	  height: 100%;
	  position: absolute;
	  left: -112%;
	  top: 0;
	  background: url(../stripes/stripes_10_b.png) repeat 0 0;
  }
  .history-list li:nth-child(even) .text:before {
	  content: "";
	  width: 100%;
	  height: 100%;
	  position: absolute;
	  right: -112%;
	  top: 0;
	  background: url(../stripes/stripes_10_b.png) repeat 0 0;
  }
  .history-content .number{font-family: Lucida Grande, Lucida Sans Unicode, Lucida Sans, DejaVu Sans, Verdana," sans-serif"; position:relative;font-size:2.6rem;color: #333;line-height: 1.2em;font-weight: bold;margin: 0 0 3px;padding: 0 10px;}
  .history-content .number:before{content:"";position:absolute;top:49%;width:30px;border-bottom:2px dotted #999}
  .history-content .number:after{content:"";position:absolute;top:50%;width:14px;height:14px;background-color:#fff;border-radius:50%;border: 4px solid #f26f47;}
  @media (max-width: 768px) {
  .history-list:before{content:"";position:absolute;top:0;left:5px;}
  .history-list li:nth-child(odd) .history-content{padding-left:3rem}
  .history-list li:nth-child(odd) .history-content .number:before{left:-3rem}
  .history-list li:nth-child(odd) .history-content .number:after{left:-3rem;}
  .history-content{width: calc(100% - 5px);margin-bottom: 10px;}
  .history-list li:nth-child(even){text-align:left}
  .history-list li:nth-child(even) .history-content{padding-left:3rem;padding-right:0;}
  .history-list li:nth-child(even) .history-content .number:before{left:-3rem;right:0;}
  .history-list li:nth-child(even) .history-content .number:after{left:-3.9rem;right:0;}
  .history-list li:nth-child(even) .text{ flex-direction: row;text-align:left;padding:0 0 0 1rem;}
  .history-list li:nth-child(even) .text {
    padding: 4px 0px 4px 3.5rem !important;
  }
  .history-list li:nth-child(odd) .text .photo{ float: left;}
  .history-list li:nth-child(even) .text .photo{ float: left;margin-left:0;margin-right:15px;}
  .history-list li:nth-child(odd) .text:before, .history-list li:nth-child(even) .text:before {display: none;}
  }
  @media (max-width: 480px) {
  .history-list li .text{ display:inline-block;}
  .history-list li .text .info{ display:inline-block;width:100%;margin-top:10px;}
  }
  .group-txt {
	  float: left;
	  width: 100%;
	  padding: 0 0 40px;
	  margin: 0;
	  background: url(../stripes/stripes_10_b.png) repeat-x 0 bottom;
  }
  .group {
	  float: left;
	  width: 100%;
	  margin: 0;
  }
  .group-info {
	  float: left;
	  width: 100%;
	  padding: 0 0 40px;
	  margin: 40px 0 0;
	  border-bottom: 1px dashed #ddd;
	  position: relative;
  }
  .group-info:last-child {
	  padding: 0;
	  margin: 40px 0 0;
	  border-bottom: none;
  }
  .group-info .group-logo { 
	  float: left;
	  display: inline-block;
	  width: 20%;
	  padding: 0;
	  margin: 10px 0 0;
	  text-align: center;
  }
  .group-info .photo { 
	  float: left;
	  width: 40%;
	  min-height: 200px;
	  padding: 5px;
	  overflow: hidden;
	  background-color: #fff;
	  position: relative;
	  text-align: center;
	  -webkit-box-shadow: 0 0 7px rgba( 0, 0, 0, 0.15 );
	  box-shadow: 0 0 7px rgba( 0, 0, 0, 0.15 );
  }
  .group-info .photo img { 
	  width: 100%;
	  max-height: 250px;
  }
  .group-info .info {
	  float: left;
	  width: calc(100% - 50%);
	  padding: 0 10px 0 30px;
  }
  .group-info .info h3 {
	  width: 100%;
	  display: inline-block;
	  font-size: 22px;
	  color: #3071b4;
	  line-height: 1.4em;
	  font-weight: bold;
	  margin: 10px 0 7px;
	  padding: 0 0 2px 17px;
	  border-left: 5px solid #3071b4;
  }
  .group-info .info h3 .en {
	  width: 100%;
	  display: inline-block;
	  font-size: 16px;
	  color: #888;
	  line-height: 1.4em;
	  font-weight: normal;
	  margin: 3px 0 0;
	  padding: 0;
  }
  .group-info .info p {
	  width: 100%;
	  display: inline-block;
	  margin: 1px 0;
	  font-size: 16px;
	  line-height: 1.8em;
	  color: #666;
  }
  .group-info .info p a{color:#3071b4;}
  .group-info .info p a:hover{color:#ffa12e;text-decoration:underline;}
  .group-info .info p.txt {
	  margin: 0 0 5px;
	  font-size: 16px;
	  line-height: 1.8em;
	  padding: 17px 0 13px 21px;
	  border-left: 1px solid #ccc;
	  color: #000;
  }
  .group-info .mainproduct {
	  float: right;
	  width: 30%;
	  padding: 0 10px;
	  margin-top: 5px;
  }
  .group-info .mainproduct h4 {
	  width: 100%;
	  display: inline-block;
	  font-size: 20px;
	  color: #333;
	  line-height: 1.4em;
	  font-weight: bold;
	  margin: 10px 0 7px;
	  padding: 0;
  }
  .group-info .mainproduct p {
	  width: 100%;
	  display: inline-block;
	  margin: 3px 0;
	  font-size: 16px;
	  line-height: 1.8em;
	  color: #666;
  }
  .location {
	  float: left;
	  width: 100%;
	  margin: 10px 0 0;
  }
  .locationtxt {
	  float: left;
	  width: 60%;
	  padding: 0 4% 0 0;
  }
  .locationtxt .lcont {
	  float: left;
	  width: 100%;
	  margin: 5px 0 15px;
  }
  .locationtxt .lcont:last-child {
	  margin: 5px 0 0;
  }
  .locationtxt .lcont p.ltxt {
	  width: 100%;
	  display: inline-block;
	  margin: 5px 0;
	  font-size: 18px;
	  line-height: 1.6em;
	  color: #333;
	  font-weight: bold;
  }
  .locationtxt .lcont ol {
	  padding-top: 0;
	  margin: 0;
  }
  .locationmap {
	  float: left;
	  width: 40%;
	  border: 10px solid #eee;
  }
  .locationmap .google-maps {
	  position: relative;
	  padding-bottom: 78%;
	  height: 0;
	  overflow: hidden;
  }
  .locationmap .google-maps iframe {
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100% !important;
	  height: 100% !important;
  }
  .localbox {
	  float: left;
	  width: 100%;
	  display: grid;
	  gap: 10px 10px;
	  grid-template-columns: repeat(4, 1fr);
  }
  .localbox-in {
	  display: block;
	  width: 100%;
	  margin: 5px 0;
	  padding: 20px 3% 20px;
	  border-radius: 5px;
	  border: 3px solid transparent;
  }
  .localbox-img{
	  -moz-border-image: -moz-linear-gradient(top left, #212953 0%, #d8d8d8 100%);
	  -webkit-border-image: -webkit-linear-gradient(top left, #212953 0%, #d8d8d8 100%);
	  border-image: linear-gradient(to bottom right, #212953 0%, #d8d8d8 100%);
	  border-image-slice: 1;
  }
  .localbox-in h4.card-title {
	  width: 100%;
	  display: inline-block;
	  margin: 0 0 5px;
	  padding: 50px 0 0;
	  font-size: 1.5em;
	  line-height: 1.4em;
	  color: #448ccb;
	  text-align: center;
  }
.localbox-in h4.card-title.iadd {
    background: url(../images/placeholder2.svg) no-repeat center top;
    background-size: 28px;
}
.localbox-in h4.card-title.iphone {
    background: url(../images/phone-call.svg) no-repeat center top;
    background-size: 40px;
}
.localbox-in h4.card-title.ifax {
    background: url(../images/fax.svg) no-repeat center top;
    background-size: 40px;
}
.localbox-in h4.card-title.iemail {
    background: url(../images/email.svg) no-repeat center 8px;
    background-size: 40px;
}
  .localbox-in p.card-text {
	  width: 100%;
	  display: inline-block;
	  margin: 0;
	  padding: 0;
	  font-size: 1.2em;
	  line-height: 1.5em;
	  color: #444;
	  text-align: center;
  }
  .localbox-in:nth-child(4) p.card-text {
	  word-break: break-all;
  }
  .localbox p.card-text A:link {color:#444;text-decoration:none}
  .localbox p.card-text A:visited {color:#444;text-decoration:none}
  .localbox p.card-text A:hover {color:#ffa200;text-decoration:underline}
  
  @media (max-width: 1500px) {
  .group-info .photo { min-height: inherit;}
  }
  @media (max-width: 1300px) {
  .localbox {
	  grid-template-columns: repeat(2, 1fr);
  }
  .locationmap .google-maps { padding-bottom: 100%;}
  }
  @media (max-width: 991px) {
  .locationtxt {width: 100%;padding: 0 0 25px;}
  .locationmap {width: 100%;}
  .locationmap .google-maps { padding-bottom: 54%;}
  }
  @media (max-width: 768px) {
  .localbox {
	  grid-template-columns: repeat(1, 1fr);
  }
  .group-info .group-logo { width: 25%;margin: 10px 0 0;}
  .group-info .info {	width: calc(100% - 25%);padding: 0 0 0 30px;}
  .group-info .mainproduct {float: right;width: calc(100% - 25%);padding: 0 0 0 30px;}
  }
  @media (max-width: 600px) {
  .group-info .group-logo { width: 100%;margin: 0;}
  .group-info .photo { width: 100%;min-height: inherit;}
  .group-info .info {width: 100%;	padding: 0;}
  .group-info .mainproduct {float: left;width: 100%;padding: 0;}
  .locationmap .google-maps { padding-bottom: 70%;}
  }
  
  /*Processing*/
  
  .processing {
	  display: inline-block;
	  width: 100%;
	  padding: 0 7%;
  }
  .processing h3.tit2 {
	  width: 100%;
	  display: inline-block;
	  font-size: 22px;
	  color: #3071b4;
	  line-height: 1.4em;
	  font-weight: bold;
	  margin: 12px 0 15px;
	  padding: 0 0 2px 16px;
	  border-left: 4px solid #3071b4;
  }
  .process-info {
	  display: inline-block;
	  width: 100%;
	  padding: 0;
	  margin: 5px 0 25px;
  }
  .process-info .text {
	  display: inline-block;
	  width: 100%;
	  padding: 5px 20px;
	  margin: 0;
  }
  .process-photo {float: left; display: inline-block; width: 100%; margin: 0 0 40px; position: relative;}
  .process-photo .owl-carousel .owl-stage-outer { }
  .process-photo .owl-carousel .owl-nav { position: absolute;width: 100%; top: 40%; left: 0; color: #fff; }
  .process-photo .owl-carousel .owl-nav .owl-prev { position: absolute;height: 27px; width: 27px;left: -10px;background: rgba(0,0,0,0.3); }
  .process-photo .owl-carousel .owl-nav .owl-next { position: absolute;height: 27px; width: 27px;right: -10px;background: rgba(0,0,0,0.3); }
  .process-photo .owl-carousel .owl-nav .owl-prev:hover, .app-mphoto .owl-carousel .owl-nav .owl-next:hover { background: rgba(0,0,0,0.8);  }
  .process-photo .owl-carousel .owl-nav .owl-prev span, .app-mphoto .owl-carousel .owl-nav .owl-next span {position: relative; display: block; top: 0; }
  .process-photo .owl-carousel .owl-nav button { outline: none; }
  .process-photo .owl-carousel .owl-dots{bottom:-20px;}
  .process-photo .item {
	  display: inline-block;
	  width: 100%;
	  margin: 0;
	  padding: 0;
  }
  .process-photo .item p.txt {
	  float: left;
	  display: inline-block;
	  width: 100%;
	  font-size: 16px;
	  line-height: 1.6em;
	  color: rgba(0,0,0,0.9);
	  font-weight: 600;
	  margin: 7px 0;
	  padding: 0;
	  text-align: center;
	  -webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		 -o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
  }
  .process-photo .item .pic {
	  position: relative;
	  padding-top: 80%;
	  overflow: hidden;
	  transition: all 0.3s;
  }
  .process-photo .item .pic img{
	  width: 100%;
	  height: 100%;
	  object-fit: cover;
	  position: absolute;
	  top: 0;
	  left: 0;
  }
  
  
  .process-step {
	  float: left;
	  width: 100%;
	  margin: 10px 0;
	  padding: 0;
  }
  .process-step ul{
	  float: left;
	  width: 100%;
	  margin: 0;
	  padding: 0;
	  list-style: none;
	  display: grid;
	  gap: 30px 30px;
	  grid-template-columns: repeat(5, 1fr);
  }
  .process-step ul li {
	  width: 100%;
	  display: inline-block;
	  position: relative;
	  margin: 0;
	  padding: 0;
	  border: 1px solid #ddd;
	  border-radius: 3px;
	  -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;
  }
  .process-step ul li:before {
	  content: '';
	  position: absolute;
	  height: 10px;
	  width: 20px;
	  top: 48%;
	  left: -25px;
	  background: url(../arrow2.png) no-repeat right top;
	  z-index: 1;
  }
  .process-step ul li:first-child:before {
	  display: none;
  }
  .process-step ul li .step {
	  width: 100%;
	  display: inline-block;
	  padding: 100px 5px 5px 5px;
	  position: relative;
	  -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;
  }
  .process-step ul li .step .sp-info {
	  display: block;
	  width: 100%;
	  padding: 10px 15px;
  }
  .process-step ul li .sp-info p {
	  display: inline-block;
	  width: 100%;
	  line-height: 1.6em;
	  margin: 2px 0;
	  padding: 0 0 0 15px;
	  color: rgba(0,0,0,0.8);
	  background: url(../icon6.png) no-repeat 2px 10px;
  }
  .process-step ul li .step h4.sp-title span.num {
	  font-family: Lucida Grande, Lucida Sans Unicode, Lucida Sans, DejaVu Sans, Verdana," sans-serif";
	  display: inline-block;
	  font-size: 16px;
	  line-height: 0.8em;
	  font-weight: 100;
	  color: #ccc;
	  margin: 0 5px 0 0;
	  padding: 0;
	  letter-spacing: -1px;
  }
  .process-step ul li .step h4.sp-title {
	  display: block;
	  width: 100%;
	  font-size: 20px;
	  font-weight: 600;
	  line-height: 1.2em;
	  margin: 0;
	  padding: 11px 15px 13px;
	  color: #fff;
	  background: #3071b4;
	  border-radius: 3px;
  }
  .process-step ul li .step.item1 {
	  background: url(../process-item1.svg);
	  background-repeat: no-repeat;
  }
  .process-step ul li .step.item2 {
	  background: url(../process-item2.svg);
	  background-repeat: no-repeat;
  }
  .process-step ul li .step.item3 {
	  background: url(../process-item3.svg);
	  background-repeat: no-repeat;
  }
  .process-step ul li .step.item4 {
	  background: url(../process-item4.svg);
	  background-repeat: no-repeat;
  }
  .process-step ul li .step.item5 {
	  background: url(../process-item5.svg);
	  background-repeat: no-repeat;
  }
  .process-step ul li .step.item6 {
	  background: url(../process-item6.svg);
	  background-repeat: no-repeat;
  }
  .process-step ul li .step.item1, .process-step ul li .step.item2, .process-step ul li .step.item3, .process-step ul li .step.item4, .process-step ul li .step.item5, .process-step ul li .step.item6 {
	  background-position: center 20px;
	  background-size: auto 62px;
  }
  
  .process-contact {
	  display: inline-block;
	  width: 100%;
	  margin: 25px 0 0;
	  padding: 0;
	  font-size: 18px;
	  color: #e46640;
	  text-align: center;
  }
  .process-contact a.contact {
	  display: inline-block;
	  margin: 13px 0 0 12px;
	  padding: 10px 50px 10px 80px;
	  color: #3071b4;
	  border-radius: 3px;
	  border: 1px solid #3071b4;
	  background: #fff url(../message1.svg) no-repeat 47px 15px;
	  background-size: 20px;
  }
  .process-contact a.contact:hover {
	  color: #fff;
	  background: #3071b4 url(../message.svg) no-repeat 47px 15px;
	  background-size: 20px;
  }
  @media (max-width: 1300px) {
  .processing {padding: 0 5%;}
  .process-step ul{
	  grid-template-columns: repeat(3, 1fr);
  }
  }
  @media (max-width: 991px) {
  .processing {padding: 0 3%;}
  .process-step ul{
	  grid-template-columns: repeat(2, 1fr);
  }
  .process-info .text {
	  padding: 5px 10px;
  }
  }
  
  @media (max-width: 767px) {
	 .breadcrumb{
		padding: 3px 0;
	 }
	 .breadcrumb .container{
	 text-align: center;
  }
  .aboutbox1 .txt{
      padding: 0 !important;
  }
  .bot{
      padding: 15px;
  }
  }
  @media (max-width: 768px) {
  .processing .tableinfo { width: 100%; overflow-x:scroll;}
  .processing .tableinfo table {width: 100%;min-width: 700px;}
  }
  @media (max-width: 600px) {
  .processing {padding: 0;}
  .process-step ul{
	  gap: 40px 35px;
	  grid-template-columns: repeat(1, 1fr);
  }
  .process-step ul li:before {
	  content: '';
	  position: absolute;
	  height: 25px;
	  width: 23px;
	  top: -33px;
	  left: 48%;
	  background: url(../arrow3.png) no-repeat center bottom;
  }
  }
  .w100{
	width: 100%;
  }