@charset "utf-8";
/* CSS Document */

body {margin:0;padding:0;font-family: "微軟正黑體";}
/*框架*/
.container {width:100%;}
/*清除浮動*/
.clearboth {clear:both;}
/*header*/
header {height:100px;border-bottom:5px solid #0047BA;}
header h1 {width:200px;font-weight:bold;}
header h1 a {text-decoration:none;color:#000;font-size:100%;}
/*banner*/
.banner {border-bottom:5px solid #0047BA;width:100%;padding:0;margin-top:0px;}
/*內容框架*/
.content-frame {width:100%;color:#333;min-height:500px;background:url(/imgs/bg.png);padding-bottom:30px;}
/*footer*/
.footer {background:#5DCDF2;text-align:center;padding:10px;line-height:140%;position:relative;}
/*管理者登入*/
.manager-icon {position:absolute;right:10px;width:30px;bottom:0;}
.manager-icon a {display:block;}
.manager-icon img {width:30px;opacity:0.3;filter:alpha(opacity=70);} /*filter:alpha(opacity=70)IE8及更早的版本*/
/*首頁內容區*/
.index-content {margin-bottom:0px;padding-top:30px;background-color:#FFF;}
/*首頁內容區 h2 樣式*/
.index-video h2, .index-report h2, .index-company-info h2, .content h2 {font-size:180%;text-align:left;}
.index-video h2, .index-report h2, .content h2 {color:#0047BA;}
/*首頁檢驗報告書*/
.index-report img {border:1px solid #CCC;margin:0 3px;}
/*首頁聯絡資訊*/
.index-company-info h2 {border-bottom:3px solid #0047BA;width:180px;padding-bottom:10px;text-align:center;}
.index-company-info ul {margin:0;padding:0;}
.index-company-info li {list-style-type:none;margin:10px 0;padding-left:30px;font-size:120%;}
.index-company-info a:hover {color:#06F;text-decoration:underline;}
/*次頁內容區*/
.content {background-color:#FFF;margin:0 auto;border-top:1px solid #FFF;}
article {width:92%;margin:0 auto;line-height:180%;}/*文本*/
.text-indent-2em {text-indent: 2em;}/*段落縮排*/
.float-left {float:left;}/*區塊浮動*/
.float-right {float:right;}/*區塊浮動*/
/*內容區h2標題*/
.content h2 {padding-left:30px;border-left:6px solid #0047BA;line-height:150%;}
/*首頁影音專區-崁入影片自適應*/
.videobox {width:100%;position:relative;width:100%;height:0;padding-bottom:56.25%;}
.videobox iframe {position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;}
/*首頁下方banner*/
.index-banner-2 {margin-top:30px;border-bottom:5px solid #0047BA;padding:0;}
/*首頁聯絡資訊-崁入google地圖自適應*/
.google-maps {
  position: relative;
  padding-bottom: 75%; /* 此為地圖長寬比 */
  height: 0;
  overflow: hidden;
}
.google-maps iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
/*連絡我們內容-說明文*/
.contact-text {margin:20px auto 0 auto;width:100%;}
.contact-title {color:#ff7200;font-size:120%;}
.contact-lind-id {color:#390;font-weight:bolder;}
/*連絡我們表單*/
.service-form {background-color:#ECECEC;text-align:left;padding:10px;}
.service-form [type="text"] {margin-left:10px;}
.service-form textarea {margin-left:10px;width:95%;}
.service-form [type="submit"] {width:100px;}
/*-----自適應連覽器尺寸-----*/
/* 套用螢幕寬度大於768px */
@media screen and (min-width:768px) {
/*header*/
header h1 {position:fixed;z-index:2;left:20px;top:10px;}
/*nav*/
.nav-items {width:100%;position:fixed;height:100px;top:0;left:0;}
nav {width:100%;position:absolute;height:100px;top:0;left:0;z-index:5;background-color:#FFF;}
nav ul {position:absolute;right:20px;top:30px;}
nav li {padding:0 5px;border-right:1px solid black;display:block;list-style:none;float:left;}
nav li a {display:block;padding:2px 15px;color:#000;text-decoration:none;font-weight:bold;}
nav li a:hover {color:#03F;}
/*nav隱藏*/
.box {display:none;}

#toggler:checked + label .box {display:none;}
#toggler {display:none;}
}
/* 套用螢幕寬度大於1024px */
@media screen and (min-width:1024px) {
/*banner*/
.banner {background:url(/imgs/banner01.png) no-repeat;background-size:100%;height:28VW;}
/*首頁內容區*/
.index-content {width:1024px;margin:0 auto;}
/*首頁影音專區*/
.index-video {width:58%;float:left;}
/*首頁檢驗報告書*/
.index-report {width:40%;float:right;}
.index-report img {width:196px;}
/*首頁下方banner*/
.index-banner-2 {background:url(/imgs/banner02.png) no-repeat;background-size:100%;height:28VW;}
/*首頁地圖-聯絡資訊-外框*/
.index-company-info-frame {margin:30px auto 0 auto;width:1024px;}
/*首頁地圖*/
.index-map {float:left;width:58%;}
/*首頁聯絡資訊*/
.index-company-info {float:right;width:40%;}
/*次頁內容*/
.content {width:1024px;min-height:500px;}
/*公司簡介-圖片*/
.about-img {width:30%;float:left;}
/*公司簡介內容*/
.content-about {float:right;width:65%;}
/*產品介紹內容*/
.content-product {}
/*產品介紹-圖片*/
.product-img {}
.product-img img {max-height:46VH;}
/*檢驗報告書內容*/
.content-report {width:90%;}
.content-report img {width:100%;border:1px solid #CCC;padding:10px;}
/*聯絡我們內容*/
.content-contact {width:100%;margin:0 auto;}
.content-company-info ul {margin:0;padding:0;width:40%;float:right;}
.content-company-info li {list-style-type:none;margin:10px 0;padding-left:30px;font-size:120%;}
.content-company-info a:hover {color:#06F;text-decoration:underline;}
/*內頁-聯絡資訊-崁入google地圖自適應*/
.content-contact-map {
  position: relative;
  padding-bottom: 50%; /* 此為地圖長寬比 */
  height:0;
  overflow: hidden;
}
.content-contact-map iframe {position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;}
}
/* 套用螢幕寬度介於768px~1024px */
@media screen and (min-width:768px) and (max-width:1024px) {
/*banner*/
.banner {background:url(/imgs/banner11.png) no-repeat;background-size:100%;height:38VW;}
/*首頁內容區*/
.index-content {width:95%;margin:0 auto;}
/*首頁影音專區*/
.index-video {width:90%;margin:0 auto;}
/*首頁檢驗報告書*/
.index-report {width:90%;text-align:center;margin:0 auto;}
.index-report img {width:45%;}
/*首頁下方banner*/
.index-banner-2 {background:url(/imgs/banner12.png) no-repeat;background-size:100%;height:38VW;}
/*首頁地圖-聯絡資訊-外框*/
.index-company-info-frame {margin:30px auto 0 auto;width:95%;}
/*首頁地圖*/
.index-map {width:80%;margin:0 auto;}
/*首頁聯絡資訊*/
.index-company-info {width:50%;margin:0 auto 30px auto;}
/*次頁內容區*/
.content {width:90%;margin:0 auto;}
/*公司簡介-圖片*/
.about-img {width:40%;float:left;}
/*公司簡介內容*/
.content-about {width:55%;float:right;}
/*產品介紹內容*/
.content-product {}
.product-img img {max-height:32VH;}
/*檢驗報告書內容*/
.content-report {width:90%;}
.content-report img {width:100%;border:1px solid #CCC;padding:10px;}
/*聯絡我們內容*/
.content-contact {width:90%;margin:0 auto;}
.content-company-info ul {margin:0;padding:0;}
.content-company-info li {list-style-type:none;margin:10px 0;padding-left:30px;font-size:120%;}
.content-company-info a:hover {color:#06F;text-decoration:underline;}
/*內頁-聯絡資訊-崁入google地圖自適應*/
.content-contact-map {
  position: relative;
  padding-bottom: 75%; /* 此為地圖長寬比 */
  height: 0;
  overflow: hidden;
}
.content-contact-map iframe {position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;}
}
/* 套用螢幕寬度介於360~768px */
@media screen and (min-width:360px) and (max-width:768px) {
/*header*/
header{border:1px solid #FFF;height:100px;}
header h1 {position:absolute;left:20px;top:10px;}
/*banner*/
.banner {background:url(/imgs/banner21.png) no-repeat;background-size:100%;height:39VW;}
/*首頁內容區*/
.index-content {width:95%;margin:0 auto;}
/*首頁影音專區*/
.index-video {width:90%;margin:0 auto;}
/*首頁檢驗報告書*/
.index-report {width:90%;text-align:center;margin:0 auto;}
.index-report img {width:100%;}
/*首頁下方banner*/
.index-banner-2 {background:url(/imgs/banner22.png) no-repeat;background-size:100%;height:38VW;}
/*首頁地圖-聯絡資訊-外框*/
.index-company-info-frame {margin:30px auto 0 auto;width:95%;}
/*首頁地圖*/
.index-map {width:90%;margin:0 auto;}
/*首頁聯絡資訊*/
.index-company-info {width:70%;margin:0 auto 30px auto;}
/*次頁內容區*/
.content {width:90%;margin:0 auto;}
/*公司簡介-圖片*/
.about-img {width:50%;margin:0 auto;display:block;}
/*公司簡介內容*/
.content-about {width:100%;text-align:center;}
/*產品介紹內容*/
.content-product {}
.product-img {text-align:center;}
.product-img img {max-width:60%;}
/*檢驗報告書內容*/
.content-report {width:90%;}
.content-report img {width:100%;border:1px solid #CCC;padding:10px;}
/*內頁-聯絡資訊-崁入google地圖自適應*/
.content-contact-map {
  position: relative;
  padding-bottom: 75%; /* 此為地圖長寬比 */
  height: 0;
  overflow: hidden;
}
/*內頁地圖-聯絡資訊-外框*/
.content-contact-map iframe {position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;}
}