@charset "utf-8";
/* pro-list */
h1.p-list { font-family: 'Lato Regular', "Microsoft JhengHei";  font-size: 30px; font-weight: normal; }
.list-text { font-family: 'Roboto Light', "Microsoft JhengHei"; font-size: 15px; line-height: 1.5em; }

/* figure */
.figure { width: 23%; float: left; margin: 1em 1% 2em; }
.figure .fig-pic { border: #eee 1px solid; text-align:center; transition: all 0.3s ease; /*padding: 1em 0;*/ }
.figure .fig-pic:hover { border: #aaa 1px solid; }
.figure .figcaption { padding: 0 2px; }
.figure .figcaption h2 { font-family: 'Roboto Condensed', "Microsoft JhengHei"; font-size: 15px; margin-top: 0.5em; margin-bottom: 2px; }
.figure .figcaption p { font-family: 'Lato Regular', "Microsoft JhengHei"; font-size: 13px; margin: 0; }

.list { width: 31%; float: left; margin: 1em 1% 2em;}
.p-video{ width:640px; margin: 35px auto 0 auto;}
.m20{margin-bottom: 20px;}

.figure .fig-img {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 2em 1em;
  width: 100%;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
}
.figure .fig-img * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.figure .fig-img:before {
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 10px;
  right: 10px;
  top: 100%;
  content: '';
  background-color: rgba(51, 51, 51, 0.5);
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  -webkit-transition-delay: 0.25s;
  transition-delay: 0.25s;
}
.figure .fig-img img {
  vertical-align: top;
  max-width: 100%;
  backface-visibility: hidden;
}
.figure .fig-img figcaption {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.figure .fig-img h3 {
  margin: 0;
  opacity: 0;
  letter-spacing: 1px;
}
.figure .fig-img h3 {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  /*text-transform: uppercase;*/
  font-weight: 400;
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
  margin-bottom: 5px;
}
.figure .fig-img a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.figure .fig-img:hover:before {
  top: 10px;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.figure .fig-img:hover h3,
.figure .fig-img.hover h3 {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
.figure .fig-img:hover h3,
.figure .fig-img.hover h3 {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
@media(max-width:1440px) {
	.figure .fig-img h3 { font-size: 16px; }
}

/* pro large */
.pro-large { width: 50%; float: left; text-align:center; }

/* pro info */
.pro-info { width: 50%; float: right; padding: 5em 0 0 1em; }
h1.pro-series { font-family: 'Lato Regular', "Microsoft JhengHei"; font-size: 28px; margin-bottom: 0; }
h2.pro-model { font-family: 'Lato Regular', "Microsoft JhengHei"; font-size: 18px; margin-top: 0; text-}
.pro-dec { font-family: 'Roboto Light', "Microsoft JhengHei", "Microsoft JhengHei"; font-size: 15px; margin: 0; padding-left: 20px; }
.add-cart { font-family: 'Lato Regular', "Microsoft JhengHei"; font-size: 16px;  margin-top: 2em; padding-left: 24px; background: url(../images/add.png) no-repeat; }
.add-cart:hover { color: #ff8000; }
.pro-l { float: left; width: 48%; padding-top:15px; }
.pro-r { float: right; width: 48%; padding-top:15px; }
/* tsbs */
ul.resp-tabs-list{ border-bottom: #ddd 1px solid; padding-left: 5%; margin-top: 3em; }
.resp-tabs-list li, .resp-tab-active { padding: 0 !important; border: 0 !important; background: none !important; float: none; margin: 0 16px; }
.resp-tab-item a { display: block; padding: 12px 12px; font-family: 'Lato Regular', "Microsoft JhengHei"; font-weight: normal; font-size: 24px; color: #5F5F5F; }
.resp-tab-item a:hover { color: #000; }
.resp-tab-content { border: 0px; }
.resp-tab-active a { color: #FF7F00; }

/* features */
.fea-pic { text-align: center; padding: 1em; }

/* specification-table */

.specification-table { margin-top: 1em; text-align:center; }
.specification-table th { font-weight: normal; text-align:center; padding: 5px; }
.specification-table tr { font-family: 'Roboto Light', "Microsoft JhengHei"; font-size: 14px;  }
.specification-table td { padding: 12px 5px; border-bottom: #ddd 1px solid; }
.specification-table tr:hover td, .specification-table tr:focus td { background: #eee; }
.specification-table tr th, .specification-table tr.bottom td, .specification-table tr td.bottom { border-bottom: #333 1px solid; }
.specification-table tr:first-child th { font-family: 'Lato Regular', "Microsoft JhengHei"; font-size: 16px; font-weight: bold; border-bottom: #FF8000 1px solid; padding-bottom: 10px; }
.note { margin-top: 1em; font-family: 'Roboto Light', "Microsoft JhengHei"; font-size: 12px;}
.specification-table th:first-child, .specification-table td:first-child, .specification-table th+td { text-align: left; }

.specification-table .text-center td{text-align: center!important;}
.specification-table td.text-center{text-align: center!important;}

.pro-siemens { text-align: center;}

@media (max-width:1440px) {
	.pro-info { padding-top: 3em; }
}
@media (max-width:1320px) {
	.resp-tabs-list li, .resp-tab-active { margin: 0 1%; }
	}

@media (max-width:1200px) {
	.pro-large { width: 100%; float: none; text-align: center; }
	.pro-info { width: 100%; float: none; padding: 0.5em 1em 1em 3em; }
	.add-cart { margin-top: 1em; }
	ul.resp-tabs-list { padding-left: 0; margin-top: 2em; }
  .resp-tab-item a { font-size: 20px;}
}
@media (max-width:1024px) {
	.figure { width: 31.3333%; margin: 1em 1% 2em; }
	.resp-tabs-list li { margin: 0; }
	.resp-tab-item a { padding: 12px 8px; }
	.specification-table { min-width: 660px; }
	.table-container { width: 100%;	overflow-x: auto; overflow-y: hidden;	margin: 0 0 1em; }
	.table-container::-webkit-scrollbar {	-webkit-appearance: none;	width: 14px; height: 14px; }
	.table-container::-webkit-scrollbar-thumb { border-radius: 8px;	border: 3px solid #fff;	background-color: rgba(0, 0, 0, .3); }
	.note { margin-bottom: 1em; }
}
@media (max-width:800px) {
	.pro-info { width: 100%; float: none; padding: 0.5em 0 1em; }
	h2.resp-tab-active { background: #dbdbdb !important; }
	.resp-tab-content { border: 1px solid #c1c1c1; padding: 5px; }
	.resp-tab-content .fea-pic { padding: 0; }
	.resp-accordion a { display: block; }
	.slide-menu.slide-right { background: #908e93; box-shadow: 5px 0px 10px #666 inset; }
	.slide-menu.slide-right .side-nav > li:not(:nth-child(2)) { display: none; }
	.slide-menu.slide-right .side-nav > li > a { padding: 9px 1em; border-left: #eee 1px solid; }
}
@media (max-width:640px) {
	.figure { width: 48%; margin: 1em 1% 2em; }
	.resp-tab-content { border: 1px solid #c1c1c1; padding: 5px; }
	.p-video{ width:100%;}
}
@media (max-width:375px) {
	.figure { width: 100%; float: none; margin: 1em 0 2em; }
	h1.p-list { font-size: 24px; }
}