.container{
  overflow: auto;
}

.logo{ 
  margin: auto;
  display: block;
  margin-bottom: 20px; }

.proDetail3 .addressRow{ 
  display: flex;
  flex-wrap: wrap;
  font-size: 16px;
  line-height: 20px; }
  .proDetail3 .addressRow .type{ 
    color: #fff;
    background: linear-gradient(0deg, #ed7838 0, #9d4818 100%);
    padding: 5px 10px; }
  .proDetail3 .addressRow .address{ 
    font-size: 22px;
    font-family: '標楷體';
    line-height: 30px;
    color: #111;
    padding-left: 15px; }
.proDetail3 .row{ 
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px; }
  .proDetail3 .leftSec{ 
    max-width: 25%; width: 100%; }
  .proDetail3 .rightSec{ 
    max-width: 65%; width: 100%;
    padding-left: 30px;
    margin-left: 5%; }
    .proDetail3 .rightSec.right{ 
      text-align: right;
      margin-top: -35px;
      position: relative; }
      .proDetail3 .rightSec.right ul{ 
      	margin-top: 35px; }
.proDetail3 .secTitle{ 
  /* background: linear-gradient(0deg, #f4f5f2 0, #c1c1b7 100%); */
  background: #f1f1f1;
  border-radius: 8px;
  box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.25), -4px -2px 4px inset rgba(0, 0, 0, 0.5), 3px 0px 2px inset rgba(0, 0, 0, 0.2);
  display: inline-block;
  padding: 15px 20px;
  padding-bottom: 12px;
  width: 100%;
  position: relative;
  text-align: center; }
  .proDetail3 .secTitle.white{
    background: #f1f1f1; }
  .proDetail3 .secTitle:after{ 
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 2%;
    width: 96%;
    height: 3px;
    box-shadow: 0px 3px 3px #fff; }
  .proDetail3 .secTitle p{ 
    color: #222;
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin: 0; }
    .proDetail3 .secTitle p:nth-child(n+2){ 
      border-left: solid 2px #8d060f;
      padding-left: 5px; }
.proDetail3 b{
  font-weight: bold; }
.proDetail3 .fzBig{
  font-size: 20px; }
.proDetail3 .fzMid{
  font-size: 18px; }
.proDetail3 .proUnit{ 
  font-size: 14px;
  padding-left: 3px; }
.proDetail3 .topRow{
  margin-top: 20px; }
  .proDetail3 .topRow .dataList{ 
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px; }
    .proDetail3 .topRow .dataList li{ 
      display: flex;
      align-items: center;
      color: #111;
      font-size: 16px;
      line-height: 18px;
      padding-top: 9px; padding-bottom: 9px;
      border-bottom: solid 1px #ccc; }
      .proDetail3 .topRow .dataList .minTitle{
        width: 80px; }
      .proDetail3 .topRow .dataList > div{
        width: calc(100% - 80px); }
.proDetail3 .dataList .infobox{
  color: #111;
  width: 36px;
  font-size: 14px;
  display: inline-block;
  border: solid 1px #269bd5;
  text-align: center;
  margin-right: 5px;
  vertical-align: bottom;
  padding: 2px 0px; }
  .proDetail3 .dataList .infobox.blue{
    color: #269bd5 ;
    border: solid 1px #269bd5; }
  .proDetail3 .dataList .infobox.btn:hover{
    color: #fff !important;
    background: #269bd5; }
  .proDetail3 .dataList .infobox.orange{
    color: #e16e2c ;
    border: solid 1px #e16e2c; }
  .proDetail3 .dataList .infobox.orangeBD {
    border: solid 1px #e1d32c; }
.proDetail3 .shBuy{ 
  color: #fff;
  font-size: 13px;
  line-height: 16px;
  padding: 5px;
  background: linear-gradient(0deg, #305288 0, #16305a 100%);
  margin-top: 10px; }
.proDetail3 .faxTxt{ 
  color: #fff;
  font-size: 13px;
  line-height: 16px;
  padding: 5px;
  background: linear-gradient(0deg, #ea0015 0, #8d060f 100%);
  margin-top: 10px; }
.proDetail3 .imgLimit{
  width: 100%;
  height: 0;
  padding-bottom: 75%; }
  .proDetail3 .imgLimit.minh{ 
    padding-bottom: 65%; }
  .proDetail3 .imgLimit img{
    bottom: 0;
    display: block;
    left: 0;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0; }
.proDetail3 .remark{
  font-size: 14px; line-height: 16px;
  padding: 3px; border: solid 1px #aaa; border-radius: 3px;
  position: relative; display: inline-block;
  margin-bottom: 10px;
  position: absolute;
  top: 0;
  right: 0; }
  .proDetail3 .remark:before{
    position: absolute;
    bottom: -8px; left: 10px;
    content: ''; display: block;
    border-style: solid;
    border-width: 8px 8px 0 8px;
    border-color: #aaa transparent transparent transparent;}
  .proDetail3 .remark:after{
    position: absolute;
    bottom: -7px; left: 10px;
    content: ''; display: block;
    border-style: solid;
    border-width: 8px 8px 0 8px;
    border-color: #fff transparent transparent transparent;}
  .proDetail3 .remark p{
    padding-left: 17px; }
  .proDetail3 .remark.remind p{ 
    position: relative; color: #64965a; }
  .proDetail3 .remark.remind p:before{ 
    position: absolute; top: -1px; left: 1px;
    content: '\f05a'; display: inline-block;
    font-family: 'Font Awesome 5 Free'; font-weight: bold;
    font-size: 13px; color: #64965a; }
  .proDetail3 .remark.warning p{ 
    position: relative; color: #cc1f32; }
  .proDetail3 .remark.warning p:before{ 
    position: absolute; top: -1px; left: 1px;
    content: '\f06a'; display: inline-block;
    font-family: 'Font Awesome 5 Free'; font-weight: bold;
    font-size: 13px; color: #cc1f32; }
.proDetail3 .midRow .dataList{ 
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px; }
  .proDetail3 .midRow .dataList li{ 
    display: flex; }
  .proDetail3 .midRow .dataList > li{ 
    padding-top: 9px;
    padding-bottom: 9px;
    border-bottom: solid 1px #ccc; }
  .proDetail3 .midRow .dataList > li > p{ 
    width: 80px; }
  .proDetail3 .midRow .dataList > li > div{ 
    width: calc(100% - 80px); }
   .proDetail3 .midRow .dataList > li > .registe{ 
	  display: flex;
	  justify-content: space-between; }
	  .proDetail3 .midRow .dataList > li > .registe span{ 
	    font-size: 14px; }
    .proDetail3 .midRow .dataList > li .pinDetail{ 
      border: none;
      color: #0b5aab;
      font-size: 12px; }
.proDetail3 .midRow .detail{
  margin-top: 10px; }
  .proDetail3 .midRow .detail.first{
    margin-top: -3px; }
  .proDetail3 .midRow .detail > li{ 
    justify-content: space-between;
    align-items: center;
    padding-top: 3px;
    padding-bottom: 3px; }
.proDetail3 .tabLinks{ 
  display: flex;
  flex-wrap: wrap; }
  .proDetail3 .tabLinks .linkItem{
    max-width: calc(100% / 7 - 10px);
    display: flex;
    align-items: center;
    width: 100%;
    margin-right: 10px;
    margin-top: 10px;
    padding: 5px; }
    .proDetail3 .tabLinks .linkItem:hover, .proDetail3 .tabLinks .linkItem.active{
      background: #269bd5; }
      .proDetail3 .tabLinks .linkItem:hover p, .proDetail3 .tabLinks .linkItem.active p{
        color: #fff; }
    .proDetail3 .tabLinks .linkItem img{
      width: 30px; }
      .proDetail3 .tabLinks .linkItem img:nth-child(2) {
        display: none; }
    .proDetail3 .tabLinks .linkItem p{
      width: calc(100% - 30px);
      color: #111;
      padding-left: 5px; }
.proDetail3 .tabContents{
  margin-top: 10px;
  height: 100%; }
  .proDetail3 .contentItem{ 
    display: none;
    height: 100%; }
    .proDetail3 .contentItem.active{ 
      display: block; }
    .proDetail3 .contentItem .map{ 
      bottom: 0;
      display: block;
      left: 0;
      max-width: 100%;
      max-height: 100%;
      margin: auto;
      position: absolute;
      right: 0;
      top: 0;
      width: 100%;
      height: 100%; }
.proDetail3 sub{
  vertical-align: super;
  font-size: smaller; }
.proDetail3 .bottomRow .detailSec{
  max-width: calc(100% / 5 * 2 - 6%);
  width: 100%; }
  .proDetail3 .bottomRow .detailSec.min{
	  max-width: calc(100% / 5 + 6%); }
  .proDetail3 .bottomRow .detailSec:nth-child(n+2){
    margin-left: 3%; }
  .proDetail3 .bottomRow .commonData{ 
    color: #111;
    font-size: 16px;
    line-height: 22px;
    margin-top: 20px; }
  .proDetail3 .bottomRow .m2{ 
    margin-left: 5px;
    border: solid 1px #e16e2c;
    padding: 3px;
    padding-top: 5px;
    font-size: 16px; }
  .proDetail3 .bottomRow .commonInfo{ 
    padding-top: 5px;
    margin-left: 47px; }
  .proDetail3 .bottomRow .records{
      margin-top: 20px; }
    .proDetail3 .bottomRow .record{
      align-items: center;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
      .proDetail3 .bottomRow .record:nth-child(n+2){
        margin-top: 8px; }
      .proDetail3 .bottomRow .record .recordName{
        align-items: center;
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        font-size: 15px; }
      .proDetail3 .bottomRow .record .no{
        border: 1px solid #7f7f7f;
        background: #f9f9f9;
        border-radius: 2px;
        text-align: center;
        padding: 2px;
        width: 40px;
        margin-right: 5px; }
        .proDetail3 .bottomRow .record .no.purple{
          border-color: #776976; }
        .proDetail3 .bottomRow .record .no.orange{
          border-color: #e16e2c; }
      .proDetail3 .bottomRow .record .recordData{
        font-size: 16px; }
.proDetail3 .othersRow{ 
  margin-top: 40px; }
  .proDetail3 .othersRow .secTitle{ 
    background: linear-gradient(0deg, #3785c3 0, #0b477d 100%);
    display: block;
    max-width: 140px;
    margin-left: auto;
    margin-right: auto; }
    .proDetail3 .othersRow .secTitle p{ color: #ffe200; }
    .proDetail3 .othersRow .secTitle:after{
      box-shadow: 0px 3px 3px #b1cbe0;}
  .proDetail3 .othersRow .sourceText{ 
    margin-top: 10px;
    text-align: center; }
.proDetail3 .dataTable{ 
  margin-top: 20px;
  overflow: auto; }
  .proDetail3 .dataTable .table{ 
    display: table;
    width: 1200px; }
  .proDetail3 .dataTable .tableRow{ 
    display: table-row; }
    .proDetail3 .dataTable .tableRow.thead{ 
      background: #9dd8ea;
      color: #1d4788;
      font-weight: bold; }
  .proDetail3 .dataTable .cell{ 
    display: table-cell;
    border-left: 3px solid #fff;
    color: #111;
    font-size: 16px;
    line-height: 20px;
    padding: 8px 5px 6px; }
.proDetail3 .orange{
  color: #e16e2c; }


.proDetailFooter {
  margin-top: 20px; }
  .proDetailFooter img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    max-width: 330px;
    width: 100%; }
  .proDetailFooter p {
    color: #0b5aab;
    font-size: 14px;
    text-align: center;
    line-height: 20px; }

.unit{
  font-size: 14px;
}

@media print{
  html, body{
    
  }
  .container {
    width: 1280px;
    max-height: 295mm;
    overflow: visible;
    zoom: 80%;
  }
  .container .printBox{
    -webkit-transform: scale(.9);
    transform: scale(.9);
/*     transform: scale(.8); */
/*     transform-origin: top left; */
  }

  .container .printBox.firefox, .container .printBox.ie{
    transform: scale(1);
  }
  .firefox.container .printBox, .ie.container .printBox{
    zoom: 110%;
  }

  /* .edge{ zoom: 65%; }
  .edge .printBox{
    transform: scale(1);  } */

  .ie{
  	padding-left: 0;
  	padding-right: 0;  }
  .ie.container .printBox{
/*     transform: scale(.88); */
    transform-origin: top center;
    width: 1280px;  }
  .ie .proDetail3 .row, .ie .proDetailFooter{ 
    margin-top: 0; }
  .ie .proDetail3 .dataTable{ margin-top: 10px; }
  .ie .proDetail3 .bottomRow .records{ margin-top: 10px; }
  .ie .proDetail3 .othersRow{ margin-top: 10px; }
  .ie .proDetail3 .rightSec.right ul, .ie .proDetail3 .contentItem{
  	max-width: 95%;
  	margin-left: auto;
  	margin-right: auto; }
}