@charset "utf-8";
/* 這是處理 android 表格的問題 */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {-webkit-text-fill-color: #fff;}
/*select{-webkit-appearance:none;}*/
.fixfont{font-size:100%!important;}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
	-webkit-text-fill-color: #444 !important;
}
img {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}
/*
#########################################################
#  共 享 設 定
##########################################################
*/

/* ## page wrap ################## */
html,body{text-align:center;background:#fff;}
.clrboth{clear:both;}
.show400{display:none!important;}
.hide400{display:block;}
.pagewrap{width:100%;max-width:1920px;margin:0 auto;}/* 頁面框  */
.centerwrap{position:relative;width:80%;margin:0 auto;z-index:1;}/* 內容框 */
.centerwrapin{position:relative;width:84%;margin:0 auto;z-index:1;}/* 內容內縮框(相對於內容框) */
.w100{width:100%;}
.h100{height:100%;}
.inblock{display:inline-block;}
.contentblock{padding:60px 0;}/*內葉匡*/
/* ## font size ################## */
/* base字體 中 19 1vw 4vw  小 15 0.85vw 3.4vw 大 23px 1.15vw 4.6vw */
html{font-size:15px;line-height:1.6;}/* 等於中間的 1vw */
.fbold{font-weight:bold;}
.fsize50{font-size:2.8rem;line-height:1.5;}
.fsize42{font-size:2.3rem;line-height:1.5;}
.fsize40{font-size:2.2rem;line-height:1.5;}
.fsize38{font-size:2.1rem;line-height:1.5;}
.fsize37{font-size:2rem;line-height:1.5;}
.fsize35{font-size:1.9rem;line-height:1.5;}
.fsize33{font-size:1.8rem;line-height:1.5;}
.fsize31{font-size:1.7rem;line-height:1.5;}
.fsize29{font-size:1.6rem;line-height:1.5;}
.fsize27{font-size:1.5rem;line-height:1.5;}
.fsize25{font-size:1.4rem;line-height:1.6;}
.fsize23{font-size:1.3rem;line-height:1.6;}
.fsize21{font-size:1.2rem;line-height:1.6;}
.fsize19{font-size:1.1rem;line-height:1.6;}
.fsize17{font-size:0.9rem;line-height:1.6;}
.fsize15{font-size:0.8rem;line-height:1.6;}
/* 燈號 */
.bulb{position:absolute;top:50%;left:-35px;transform:translateY(-50%);display:block;width:22px;height:22px;border:3px solid #fff;border-radius:30px;box-shadow:2px 2px 3px rgba(0,0,0,0.3);}
.bulb.rely{position:relative!important;top:auto!important;left:auto!important;transform:none!important;display:block!important;margin:0 auto!important;}
.bulb.s{width:19px;height:19px;left:-32px;}
.bulb.s2{width:16px;height:16px;left:-30px;}
.bulb.s3{width:12px;height:12px;left:-30px;border:2px solid #fff;}
.bulb.l{width:26px;height:26px;left:-38px;border:4px solid #fff;}

.mover{transition: all 1s;margin-top:100px;opacity:0;}
.moverleft{margin-top:0;margin-left:100px;opacity:0;}
.moverright{margin-top:0;margin-left:-100px;opacity:0;}
.mover.on{margin-top:0px;opacity:1;}
.moverleft.on{margin-left:0px;}
.moverright.on{margin-left:0px;}

.bulbcolor1{color:#368e44;}/*安全,正常*/
.bulbcolor2{color:#a2da28;}/*安全,加強*/
.bulbcolor3{color:#f22c2b;}/*需評估*/
.bulbbg1{background:#368e44;}/*安全,正常*/
.bulbbg2{background:#a2da28;}/*安全,加強*/
.bulbbg3{background:#f22c2b;}/*需評估*/

.bulbwrap{position:absolute;top:0;right:0;display:inline-block;font-weight:normal;}

/* ## line height change ################## */
.fonts{line-height:1!important;}
.fonts2{line-height:1.25!important;}
.fontl{line-height:1.75!important;}
.fontl2{line-height:2!important;}
.fontl3{line-height:2.4!important;}
/* ## color ################## */
.fcolorfff{color:#fff;}
.fcolor000{color:#000;}
.fcolor60{color:#606060;}
.fcolor1{color:#558eb7;}/*淡藍色*/
.fcolor2{color:#3b79be;}/*官方藍色*/
.fcolor3{color:#204981;}/*深色藍 title */
.fcolor4{color:#e77c2f;}/*特殊色...目前停止排放*/
.bgfff{background:#ffffff;}
.bgcolor1{background:#3b79be;} /*官方底色*/
.bgcolor2{background:#e6e9eb;}/*淺灰*/
.bgcolor3{background:#558eb7;}/*淡藍色*/
.bgcolor4{background:#74b5e4;}/*淺藍色*/
/* ## layer(z-index) ################## */
.z001{z-index: 1!important;}
.z002{z-index: 2!important;}
.z003{z-index: 3!important;}
.z004{z-index: 4!important;}
.z005{z-index: 5!important;}
.z006{z-index: 6!important;}
.z009{z-index: 9!important;}

/*
#########################################################
#  頁 面 設 定 (框架)
##########################################################
*/

/* header  ################## */
header{position:relative;}
/* header1 */
.header1{height:93px;}
.header1 .centerwrap{height:100%;width:94%;}
.header1 span{display:inline-block;}
.header1in{padding:20px 0;height:46px;}
.header1in .h1block{float:left; margin-right:20px;height:46px;}
.header1in .h1block a,.header1in .h1block span.sp{line-height:46px!important;}
.header1in .h1block:last-child{margin-right:0;}
.header1in .h1block img{float:left;height:100%;margin-right:10px;}
.fsizeblock:after{  content:'';  display:table;  clear:both;}
.fsizeblock span{float:left;}
.fontselect{margin:5px 0;width:36px;line-height:36px;text-align:center;border:1px solid #558eb7;}
.fontselect.on{background:#74b5e4;color:#fff;}
/* header2 menu */
.navitem{min-width:100px;margin:0 40px;position:relative;display:inline-block;border-bottom:5px solid #3b79be;}
.navitem:focus,.navitem.on{border-bottom:5px solid #74b5e4;}

.navsub{display:none;position:absolute;top:100%;left:0;min-width:150%;padding:10px 20px;color:#666666;transition:all 1s;}
.navsub a{display:block;color:#666666;}
.navsub a.on{color:#000000;}
.navitem:hover .navsub{display:block;opacity:1;}

.headsearchbox{display:none;position:absolute;height:100px;bottom:-100px;left:0;width:100%;}
.headsearchbox.on{display:block;}
.headsearchboxin{padding:30px 0;height:35px;display:inline-block;}
.headsearchboxin span{display:inline-block;margin-right:10px;}
.headsearchboxin input{width:500px;border:1px solid #666;padding:0 5px;margin-right:5px;}
/* footer   ################## */
/* footer1 */
.foottitle{padding:15px 0;text-align:center;border-top:1px solid #dddddd;}
.foottitle span{position:relative;display:inline-block;}
.foottitle span span{display:inline-block;width:45px;height:45px;margin-right:10px;background:#5079a1;border-radius:100px;text-align:center;}
.foottitle span span i.fa{font-size:1.6rem;color:#fff; position: absolute;   top: 52%;    left: 50%;    transform: translate(-50%,-50%);}
.footlist{border-top:1px solid #dddddd;height:0;opacity:0;overflow:hidden;transition:all 1s;}
.footlist.on{opacity:1;height:auto;}
.footlist .splitwrap{padding:30px 0;}
.footlist .splitwrap:after{  content:'';  display:table;  clear:both;}
.footlist .splitwrap .split4{width:25%;float:left;}
.footlist .splitwrap .split4 h3{border-left:5px solid #3b79be;padding-left:8px;margin:10px 0;}
.footlist .splitwrap .split4 a{display:inline-block;padding-left:13px;}

/* footer2 */
.footer2{height:140px;padding:35px 0;background: rgb(32,73,129);background: linear-gradient(90deg, rgba(32,73,129,1) 0%, rgba(32,73,129,1) 20%, rgba(184,223,230,1) 80%, rgba(184,223,230,1) 100%);}
.footer2 .centerwrap{height:100%;}
.footcounter{position:absolute;right:0;bottom:0;}
.totop{position:absolute;top:35%;right:0;height:30%;}


/*
#########################################################
#  各 頁 設 定
##########################################################
*/
/* 內頁共用 */
.pagecrumb{position:absolute;top:50%;transform:translateY(-50%);left:0;padding-right:30px;padding-left:2rem;}
.pagecrumb img{position:absolute;top:0;left:0;}
.pagetitle{position:relative;display:inline-block;margin:0 auto;padding:0 40px;}
.pagetitleline{position:absolute;top:50%;left:0;width:100%;border-top:2px solid #3b79be;}
.pageownerbox{padding:20px 0;}
.pagedate{border-left:5px solid #3b79be;padding-left:8px;}
.pagedate span{margin-right:40px;}
.inputblockwrap{padding-top:30px;}
.inputblockwrap.tp2{padding-top:0;}
.contentbox{padding:50px 0;}
.contentbox.tp2{border-top:1px solid #204981; }
/* tags */
.tagwrap{padding:20px 0;}
.tagline{margin:10px 0;}
.tagline:after{  content:'';  display:table;  clear:both;}
.tagline span{display:inline-block;}
.tagtitle{display:inline-block;width:140px;float:left;}
.tagitemwrap{display:inline-block;width:calc(100% - 140px);float:left;}
.tagitem{display:inline-block;padding:0 20px;margin-right:2px; margin-top: 1vw;}
select.tagitem{padding:5px 20px;border:0;}
.tagitem.on{color:#fff!important;background:#558eb7!important;}
/* tables */
.tablewrap table{width:100%;}
.tablewrap table tr{background:#fcfcfc;}
.tablewrap table th,.tablewrap table td{padding:10px;vertical-align:middle;}
.tablewrap table tr:nth-child(2n){padding:10px 0;background:#ffffff;}
/* index */
.isectionblock1in{position:relative;}
.indexbox1{position:relative;}
.indexbox1 .centerwrap{position:absolute;top:0;left:50%;height:100%;transform:translateX(-50%);}
.indexbox1 p{position:absolute;top:50%;transform:translateY(-50%);left:0;width:40%;}
.indextitle{background: rgb(33,74,129,1);background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(33,74,129,1) 25%, rgba(33,74,129,1) 75%,  rgba(255,255,255,0) 100%);}
.indexsubtitle{height:40px;line-height:40px;}
.indexicon{float:left;height:100%;margin-right:10px;}
/*block1 */
.isectionblock1{padding:70px 0;}
.isectionblock1in{padding:60px 0;}
.isectionblock1in a{display:inline-block;width:32%;margin-right:2%;float:left;}
.isectionblock1in a img{width:100%;}
.isectionblock1in a:nth-child(3){margin-right:0;}
.isectionblock1in:after{  content:'';  display:table;  clear:both;}
.isectionblock1 .bg{position:absolute;bottom:0;left:0;width:100%;}
/*block2 */
.isectionblock2{margin-top:-50px;}
.isectionblock2content{padding:50px 0 40px 0;}
.isectionblock2content:after{  content:'';  display:table;  clear:both;}
.isectionblock2split{width:49%;float:left;}
.isectionblock2split:first-child{margin-right:2%;}
.ib2imgbox{position:relative;margin-top:20px;border:1px solid #000;}
.ilink{position:absolute;display:inline-block;padding:5px 15px;}
.ilink1{left:18%;top:23%;}
.ilink2{left:10%;top:56%;}
.ilink3{left:16%;top:78%;}
.ilink4{left:67%;top:28%;}
.ilink5{left:65%;top:82%;}
.ilink6{left:7%;top:66%;}
.ilink7{left:30%;top:66%;}
.ilink8{left:54%;top:66%;}
.ilink9{left:60%;top:12%;}
.ilink10{left:82%;top:12%;}
.isectionblock2bulbbox{display:inline-block;margin:0 auto 50px auto;border-radius:40px;padding:5px 0;box-shadow:1px 1px 8px rgba(0,0,0,0.3);}
.isectionblock2bulbbox .bulbitem{position:relative;display:inline-block;margin:0 30px;}
.isectionblock3content{padding:60px 0;}
.isectionblock3 .bg{position:absolute;bottom:0;left:0;width:100%;}
.isectionblock3content:after{  content:'';  display:table;  clear:both;}
.isectionblock3split:nth-child(1){width:68%;float:left;margin-right:3.33%;}
.isectionblock3split:nth-child(2){width:28.65%;float:left;}
.ibs1contentbox{margin-top:20px;}
.ibs1contentbox a{display:inline-block;width:24%;margin-right:1.33%;margin-bottom:15px;float:left;border-radius:15px;box-shadow:1px 1px 5px rgba(0,0,0,0.3);}
.ibs1contentbox a:nth-child(4n){margin-right:0;}
.ibs1contentbox a img{width:100%;}
.ibs1contentbox2{margin-top:20px;}
.ibs1contentbox2 a{display:block;width:100%;border-radius:15px;margin-bottom:15px;box-shadow:1px 1px 5px rgba(0,0,0,0.3);}
.ibs1contentbox2 a img{width:100%;}
.videobox{display:block;width:100%;overflow:hidden;border-radius:15px;margin-bottom:15px;box-shadow:1px 1px 5px rgba(0,0,0,0.3);}
.videobox iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
.videobox img{width:100%;}
.isectionblock4content{padding:40px 0; overflow:hidden;}
.ib4split1{position:relative;width:376px;height:376px;border-radius:300px;overflow:hidden;border:12px solid #66b1e0;float:left;}
.ib4leftbg{height:400px;width:calc(16.4% + 200px);background:#66b1e0;position:absolute;top:0;left:0;}
.ib4split2{position:relative;float:left;margin-left:30px;width:calc(60% - 430px);height:400px;}
.ib4split2in{position:absolute;width:100%;left:0;top:50%;transform:translateY(-50%);}
.ib4split2in p{padding:10px 0;}
.ib4split1b{position:relative;width:calc(50% - 30px);margin-right:30px;height:400px;float:left;}
.ib4split1b p{padding:10px 0;}
.ib4split3{position:relative;float:left;margin-left:30px;width:calc(40% - 30px);height:400px;}
.ib4split3.b{position:relative;float:left;margin-left:30px;width:calc(50% - 30px);height:400px;}
.ib4split3line.top:after{  content:'';  display:table;  clear:both;}
.ib4split3line.top a{display:inline-block;width:calc(50% - 1px);margin-right:1px;float:left;background:#adb0b1;color:#333;}
.ib4split3line.top a.on{background:#66b1e0;color:#fff;}
.ib4split3line.line{padding:10px 0;border-bottom:1px solid #66b1e0;}
.ib4split3line.btnbox{padding:30px 0 0 0;}
.ib4split3line.btnbox a{display:inline-block;padding:0 40px;border-radius:50px;background:#fff;box-shadow:1px 1px 5px rgba(0,0,0,0.3);}
.isectionblock5{padding:60px 0;}
.isectionblock5content{padding-top:50px;height:90px;}
.isectionblock5content:after{  content:'';  display:table;  clear:both;}
.isectionblock5content a.ib5icon{display:inline-block;width:35px;height:100%;float:left;}
.isectionblock5content a i.fa{font-size:30px;line-height:90px;}
.isectionblock5content a.ib5icon.off{visibility:hidden;}
.ib5listwrap{position:relative;float:left;width:calc(100% - 70px);height:100%;overflow:hidden;}
.ib5list{position:absolute;top:0;left:0;height:100%;width:3000px;transition:all 1s;}
.ib5list a{display:inline-block;float:left;height:100%;margin-right:3px;}
.ib5list a img{height:100%;}
/* 廢水懭散查詢 spage1 */
.spage1imgbox{position:relative;margin:20px 0 40px 0;border:1px solid #999;overflow:hidden;}
.spage1imgbox .bg{position:relative;}
.spage1imgboxin{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;transition:all 0.5s;}
.spage1imgboxin img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:0.7;transition:all 0.3s;}
.spage1imgboxin img.on{z-index:2;opacity:1;}
.spage1 .titlebox2 span.t2{float:right;}
.spage1tablebox{padding:40px 0;}
.spage1tablebox table{border-collapse:collapse;border:1px solid #fff;width:100%;}
.spage1tablebox table tr{border-collapse:collapse;border:1px solid #fff;}
.spage1tablebox table tr th{background:#558eb7;color:#fff;}
.spage1tablebox table tr td{background:#badaf1;color:#000;vertical-align:middle;}
.spage1tablebox table tr td div{padding:20px 0;}
.spage1tablebox table tr td:nth-child(1){background:#74b5e4;color:#fff;}
.spage1tablebox table th,.spage1tablebox table td{border-collapse:collapse;border:1px solid #fff;text-align:center;}
.spage1tablebox table td:nth-child(1){width:8%;}
.spage1tablebox table td:nth-child(2){width:13%;}
.spage1tablebox table td:nth-child(3){width:13%;}
.spage1tablebox table td:nth-child(4){width:13%;}
.spage1tablebox table td:nth-child(5){width:13%;}
.spage1tablebox table td:nth-child(6){width:13%;}
.spage1tablebox table td:nth-child(7){width:13%;}
.spage1tablebox table td:nth-child(8){width:13%;}
/* 擴散預報查詢 spage2*/	
.spage2table{}
.spage2table tr{border-bottom:1px solid #eeeeee;}
.spage2table tr td{}
.spage2table tr td:nth-child(1),.spage2table tr th:nth-child(1){width:8%;}
.spage2table tr th:nth-child(2) ,.spage2table tr td:nth-child(2){width:17%;}
.spage2table tr th:nth-child(3) ,.spage2table tr td:nth-child(3){width:75%;}
/* 監測儀表表 spage3*/	
.spage3 .lightbox{position:absolute;width:90%;left:5%;top:5.6%;height:4%;}
.spage3 .lightbox .split{display:inline-block;width:20%;float:left;text-align:center;}
.spage3 .cgcell{position:absolute;}
.spage3 .cgcell p{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.spage3 .cgroup0{position:absolute;width:50%;left:35%;top:82%;height:20%;}
.spage3 .cgroup1{position:absolute;width:60.4%;left:31.6%;top:19.5%;height:7.4%;}
.spage3 .cgroup2{position:absolute;width:60.4%;left:31.6%;top:41.2%;height:7.4%;}
.spage3 .cgroup3{position:absolute;width:60.4%;left:31.6%;top:55%;height:5%;}
.spage3 .cgroup4{position:absolute;width:60.4%;left:31.6%;top:73.5%;height:7.4%;}
.spage3 .cgroup5{position:absolute;width:60.4%;left:31.6%;top:86.2%;height:5%;}
.spage3 .cgroup1 .cg11{width:25%;left:0;top:0;height:100%;}
.spage3 .cgroup1 .cg12{width:25%;left:25%;top:0;height:50%;}
.spage3 .cgroup1 .cg13{width:25%;left:50%;top:0;height:50%;}
.spage3 .cgroup1 .cg14{width:25%;left:75%;top:0;height:50%;}
.spage3 .cgroup1 .cg15{width:25%;left:25%;top:50%;height:50%;}
.spage3 .cgroup1 .cg16{width:25%;left:50%;top:50%;height:50%;}
.spage3 .cgroup1 .cg17{width:25%;left:75%;top:50%;height:50%;}
.spage3 .cgroup2 .cg11{width:25%;left:0;top:0;height:100%;}
.spage3 .cgroup2 .cg12{width:25%;left:25%;top:0;height:50%;}
.spage3 .cgroup2 .cg13{width:25%;left:50%;top:0;height:50%;}
.spage3 .cgroup2 .cg14{width:25%;left:75%;top:0;height:50%;}
.spage3 .cgroup2 .cg15{width:25%;left:25%;top:50%;height:50%;}
.spage3 .cgroup2 .cg16{width:25%;left:50%;top:50%;height:50%;}
.spage3 .cgroup2 .cg17{width:25%;left:75%;top:50%;height:50%;}
.spage3 .cgroup3 .cg11{width:25%;left:0;top:0;height:100%;}
.spage3 .cgroup3 .cg12{width:25%;left:25%;top:0;height:100%;}
.spage3 .cgroup3 .cg13{width:25%;left:50%;top:0;height:100%;}
.spage3 .cgroup3 .cg14{width:25%;left:75%;top:0;height:100%;}
.spage3 .cgroup4 .cg11{width:25%;left:0;top:0;height:50%;}
.spage3 .cgroup4 .cg12{width:25%;left:25%;top:0;height:50%;}
.spage3 .cgroup4 .cg13{width:25%;left:50%;top:0;height:50%;}
.spage3 .cgroup4 .cg14{width:25%;left:75%;top:0;height:50%;}
.spage3 .cgroup4 .cg15{width:25%;left:0;top:50%;height:50%;}
.spage3 .cgroup4 .cg16{width:25%;left:25%;top:50%;height:50%;}
.spage3 .cgroup4 .cg17{width:25%;left:50%;top:50%;height:50%;}
.spage3 .cgroup4 .cg18{width:25%;left:75%;top:50%;height:50%;}
.spage3 .cgroup5 .cg11{width:25%;left:0;top:0;height:100%;}
.spage3 .cgroup5 .cg12{width:25%;left:25%;top:0;height:100%;}
.spage3 .cgroup5 .cg13{width:25%;left:50%;top:0;height:100%;}
.spage3 .cgroup5 .cg14{width:25%;left:75%;top:0;height:100%;}
/* 監測數值 spage4*/	
.spage4table{}
.spage4table tr{border-bottom:1px solid #eeeeee;}
.spage4table tr td{}
.spage4table tr th:nth-child(1) ,.spage4table tr td:nth-child(1){width:6%;}
.spage4table tr th:nth-child(2) ,.spage4table tr td:nth-child(2){width:17%;}
.spage4table tr th:nth-child(3) ,.spage4table tr td:nth-child(3){width:64%;}
.spage4table tr th:nth-child(4) ,.spage4table tr td:nth-child(4){width:16%;}
.dbtn{height:100%;}
/* 廢水濃度查詢 spage5*/
.spage5chartbox{position:relative;border:1px solid #ccc;}
.spage5chartboxin{position:absolute;top:3%;left:2%;width:96%;height:94%;}
.spage5chartboxin #chart{position:absolute;top:0;left:0;width:100%;height:100%;}
/* 廢水濃度查詢 spage6 監測地圖*/
.spage6mapbox{border:1px solid #999;overflow:hidden;}
.spage6mapboxin{position:absolute;top:0;left:0;width:100%;height:100%;}
.spage6chartbox{position:relative;margin:20px 0 0 0;}
.spage6chartboxin{position:absolute;top:0;left:0;width:100%;height:100%;}
.spage6chartboxin1{position:absolute;top:0;left:0;width:100%;height:100%;}
.spage6chartboxin #chart{position:absolute;top:0;left:0;width:100%;height:100%;}
.spage6chartboxin1 #chart1{position:absolute;top:0;left:0;width:100%;height:100%;}
.graphintro{position:absolute;display:none;width:38%;height:100%;top:0;right:0;z-index:2;background:#fff;margin-right:-38%; -webkit-transition: all 0.4s ;   transition: all 0.4s;}
.graphintro.show{display:block;}
.graphintro.on{margin-right:0;}
.graphintro .graphintrocontent{position:absolute;z-index:2;top:0;left:0;width:calc(100% - 60px);height:calc(100% - 80px);padding:40px 30px;z-index:1;overflow-x: hidden;overflow-y: auto;border-left:1px solid #999;}
.graphintro .introbutton{display:block;position:absolute;top:50%;left:-30px;height:50px;padding:25px 0;margin-top:-50px;width:31px;font-size:1.1rem!important;line-height:25px!important;background:#fff;text-align:center;color:#000;border-top-left-radius:10px;border-bottom-left-radius:10px;border-left:1px solid #999;border-bottom:1px solid #999;border-top:1px solid #999;background:#fff;}
.graphintro .introbutton i{font-size:1.3rem!important;line-height:100px!important;}
.graphintro .introbutton.on{left:0;}
.spage6tablebox{padding:20px 0;}
.spage6tablebox table{border-collapse:collapse;border:1px solid #fff;width:100%;}
.spage6tablebox table tr{border-collapse:collapse;border:1px solid #fff;}
.spage6tablebox table tr th{background:#558eb7;color:#fff;}
.spage6tablebox table tr td{background:#badaf1;color:#000;vertical-align:middle;}
.spage6tablebox table tr td{padding:10px 0;}
.spage6tablebox table tr td:nth-child(1){background:#74b5e4;color:#fff;}
.spage6tablebox table th,.spage6tablebox table td{border-collapse:collapse;border:1px solid #fff;text-align:center;}
.spage6tablebox table td:nth-child(1){width:12%;}
.spage6tablebox table td:nth-child(2){width:29%;}
.spage6tablebox table td:nth-child(3){width:29%;}
.spage6tablebox table td:nth-child(4){width:30%;}

/* spage7 國際監督 */
/* 
a color e77c2f
b color 76ad4c
c color 4972c3
d color 76ad4c
e color 76ad4c
f color 4972c3
g color 76ad4c
*/
.sup { vertical-align: super;font-size: 60%; }
.s7c1{color:#e77c2f;}
.s7b1{background:#e77c2f;}
.s7c2{color:#76ad4c;}
.s7b2{background:#76ad4c;}
.s7c3{color:#4972c3;}
.s7b3{background:#4972c3;}
.s7box{border-radius:27px;padding:10px 10px 10px 25px;background:rgba(255,255,255,0.7);}
.s7box2{position:relative;border-radius:27px;background:#fff;min-width:25%;float:left;background:rgba(255,255,255,0.7);}
.s7box2:nth-child(2){margin-left:50px;}
.s7box2 .title{position:relative;border-radius:27px;text-align:center;padding:0 20px;line-height:54px!important;overflow:hidden;}
.s7box2 .content{padding:10px 20px;display:flex;justify-content: space-between;}
.s7button{position:absolute;top:-27px;left:-27px;width:54px;height:54px;color:#fff;font-size:1.9rem;line-height:54px;border-radius:100px;text-align:center;}
.s7button.t2{top:0;left:-40px;}
.s7top1{position:absolute;top:0;right:5%;width:20%;border:1px solid #e77c2f;}
.s7top1 ul{margin-left:20px;}
.s7top1 ul li{list-style:disc;list-style-position:outside;}
.s7top1 ul li::marker { color: #e77c2f;}
.s7top2{width:70%;margin-left:26%;}
.s7top3{position:absolute;top:0;left:0;width:100%;height:100%;}
.s7t3line1{position:absolute;top:20%;left:40px;}
.s7t3line2{position:absolute;top:40%;left:40px;width:100%;}
.s7t3line3{position:absolute;top:60%;left:40px;width:100%;}
.s7t3line4{position:absolute;top:80%;left:40px;width:100%;}
.s7t3b{border:1px solid #76ad4c;}
.s7t3c{border:1px solid #4972c3;}
.s7t3d{border:1px solid #76ad4c;}
.s7t3e{border:1px solid #76ad4c;}
.s7t3f{border:1px solid #4972c3;}
.s7t3g{border:1px solid #76ad4c;}
.spage7tablebox{padding:40px 0;}
.spage7tablebox table{border-collapse:collapse;border:1px solid #eee;width:100%;}
.spage7tablebox table tr{border-collapse:collapse;border:1px solid #eee;}
.spage7tablebox table tr th{padding:10px;}
.spage7tablebox table tr td{padding:10px;}
.spage7tablebox table th,.spage7tablebox table td{border-collapse:collapse;text-align:center;}
.spage7tablebox table td:nth-child(1){width:15%;}
.spage7tablebox table td:nth-child(2){width:15%;}
.spage7tablebox table td:nth-child(3){width:25%;}
.spage7tablebox table td:nth-child(4){width:15%;}
.spage7tablebox table td:nth-child(5){width:15%;}
.spage7tablebox table td:nth-child(6){width:15%;}

/* pagesearchwrap */
.pagesearchwrap{padding:10px 0;position:relative;height:48px;}
.pagesearchwrap.p3{padding:30px 0;}
.pagesearchwrap span{display:inline-block;height:100%;}
.pagesearchwrap input[type=text]{float:left;width:250px;border:1px solid #ccc;padding:0 5px;margin-right:5px;}
.pagesearchwrap input[type=image]{height:100%;}
/* pagelist */
.pagelistwrap{padding:30px 0;}
.pagelistwrap a{display:inline-block;margin:0 5px;text-align:center;min-width:20px;padding:5px;}
.pagelistwrap a.on{background:#558eb7;color:#fff;}
/*newslist */
.newslisttable{}
.newslisttable tr{border-bottom:1px solid #eeeeee;}
.newslisttable tr td{}
.newslisttable tr th:nth-child(1) ,.newslisttable tr td:nth-child(1){width:8%;}
.newslisttable tr th:nth-child(2) ,.newslisttable tr td:nth-child(2){width:17%;}
.newslisttable tr th:nth-child(3) ,.newslisttable tr td:nth-child(3){width:14%;}
.newslisttable tr th:nth-child(4) ,.newslisttable tr td:nth-child(4){width:61%;}
/* qa*/
.qawrap{padding:30px 0;}
.qaline{position:relative;}
.qaq{position:relative;padding:10px 0;backgrpund:#fff;color:#000;}
.qaq img{position:absolute;top:10%;right:1%;height:80%;z-index:3;opacity:0;display:none;}
.qaline:nth-child(2n+1) .qaq{background:#f6f6f6;}
.qaq.on{background:#558eb7!important;color:#fff!important;}
.qaq.on img{opacity:1;display:block;}
.qaq:after{  content:'';  display:table;  clear:both;}
.qaa{position:relative;padding:10px 0;display:none;border-bottom:1px solid #ccc;}
.qaq.on + .qaa{display:block;}
.qaa:after{  content:'';  display:table;  clear:both;}
.q1{position:absolute;top:10px;left:0;height:calc(100% - 20px);width:10%;}
.q2{position:relative;float:left;margin-left:10%;width:calc(80% - 20px);padding-right:20px;}
.qaa .q1 span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;width:40px;height:40px;border-radius:40px;line-height:40px;}
/* graphwrap 互動專區  */
.graphwrap{position:relative;}
.graphwrap:after{  content:'';  display:table;  clear:both;}
.graphitem{position:relative;width:32%;margin:0 2% 30px 0;float:left;border-radius:5px;    -moz-box-shadow: 1px 1px 6px rgba(0,0,0,0.3);	-webkit-box-shadow: 1px 1px 6px rgba(0,0,0,0.3);	box-shadow: 1px 1px 6px rgba(0,0,0,0.3);}
.graphitem:nth-child(3n){margin-right:0;}
.graphitemin{display:block;padding:15px;}
.graphitem.tp2 iframe{height:215px;}
.graphitem.tp3{position:relative;width:22%;margin:0 4% 50px 0;float:left;border-radius:0;}
.graphitem.tp3 p{padding:8px 10px;height:56px;}
.graphitem.tp3:nth-child(3n){margin-right:4%;}
.graphitem.tp3:nth-child(4n){margin-right:0;}
.graphitemin p{height:110px;}



/* ################################################################################## */
@media screen and (max-width: 1920px) {
	html{font-size:0.7856vw;}
	.mover{margin-top:calc(100vw / 19.2);}
	.moverright{margin-top:0;margin-right:calc(100vw / 19.2);}
	.moverleft{margin-top:0;margin-left:calc(100vw / 19.2);}
	.contentblock{padding:calc(60vw / 19.2) 0;}
	.bulb{left:calc(-35vw / 19.2);width:calc(22vw / 19.2);height:calc(22vw / 19.2);border:calc(3vw / 19.2) solid #fff;border-radius:calc(30vw / 19.2);}
	.bulb.s{width:calc(19vw / 19.2);height:calc(19vw / 19.2);left:calc(-32vw / 19.2);}
	.bulb.s2{width:calc(16vw / 19.2);height:calc(16vw / 19.2);left:calc(-30vw / 19.2);}
	.bulb.l{width:calc(26vw / 19.2);height:calc(26vw / 19.2);left:calc(-38vw / 19.2);border:calc(4vw / 19.2) solid #fff;}
	/* header  ################## */
	.header1{height:calc( 93vw / 19.2);}	
	.header1in{padding:calc(20vw / 19.2) 0;height:calc(46vw / 19.2);}
	.header1in .h1block{margin-right:calc(20vw / 19.2);height:calc(46vw / 19.2);}
	.header1in .h1block a,.header1in .h1block span.sp{line-height:calc(46vw / 19.2)!important;}
	.header1in .h1block:last-child{margin-right:0;}
	.header1in .h1block img{margin-right:calc(10vw / 19.2);}
	.fontselect{margin:calc(5vw / 19.2) 0;width:calc(36vw / 19.2);line-height:calc(36vw / 19.2);}
	/* header2 menu */
	.navitem{min-width:calc(100vw / 19.2);margin:0 calc(40vw / 19.2);border-bottom:calc(5vw / 19.2) solid #3b79be;}
	.navitem:focus,.navitem.on{border-bottom:calc(5vw / 19.2)solid #74b5e4;}
	.navsub{padding:calc(10vw / 19.2) calc(20vw / 19.2);}
	.headsearchbox{height:calc(100vw / 19.2);bottom:calc(-100vw / 19.2);}
	.headsearchboxin{padding:calc(30vw / 19.2) 0;height:calc(35vw / 19.2);}
	.headsearchboxin span{margin-right:calc(10vw / 19.2);}
	.headsearchboxin input{width:calc(500vw / 19.2);}
	/* footer   ################## */
	/* footer1 */
	.foottitle{padding:calc(15vw / 19.2) 0;}
	.foottitle span span{width:calc(45vw / 19.2);height:calc(45vw / 19.2);margin-right:calc(10vw / 19.2);}
	.foottitle span span i.fa{font-size:1.5rem;}
	.footlist .splitwrap{padding:calc(30vw / 19.2) 0;}
	.footlist .splitwrap .split4 h3{border-left:calc(5vw / 19.2) solid #3b79be;padding-left:calc(8vw / 19.2);margin:calc(10vw / 19.2) 0;}
	.footlist .splitwrap .split4 a{padding-left:calc(13vw / 19.2);}

	/* footer2 */
	.footer2{height:calc(140vw / 19.2);padding:calc(35vw / 19.2) 0;}
	/*
	#########################################################
	#  各 頁 設 定
	##########################################################
	*/
	/* 內頁共用 */
	.pagecrumb{padding-right:calc(30vw / 19.2);padding-left:2rem;}
	.pagetitle{padding:0 calc(40vw / 19.2);}
	.pagetitleline{}
	.inputblockwrap{padding-top:calc(20vw / 19.2);}
	/* tags */
	.tagwrap{padding:calc(20vw / 19.2) 0;}
	.tagline{margin:calc(10vw / 19.2) 0;}
	.tagtitle{display:inline-block;width:calc(140vw / 19.2);float:left;}
	.tagitemwrap{display:inline-block;width:calc(100% - calc(140vw / 19.2));float:left;}
	.tagitem{padding:0 calc(20vw / 19.2);margin-right:calc(2vw / 19.2);margin-top: 1vw;}
	select.tagitem{padding:calc(5vw / 19.2) calc(20vw / 19.2);border:0;}
	/* tables */
	.tablewrap table th,.tablewrap table td{padding:calc(10vw / 19.2);}
	.tablewrap table tr:nth-child(2n){padding:calc(10vw / 19.2) 0;}
	/* index */
	.indexsubtitle{height:calc(40vw / 19.2);line-height:calc(40vw / 19.2);}
	.indexicon{margin-right:calc(10vw / 19.2);}
	/*block1 */
	.isectionblock1{padding:calc(70vw / 19.2) 0;}
	.isectionblock1in{padding:calc(60vw / 19.2) 0;}
	/*block2 */
	.isectionblock2{margin-top:calc(-50vw / 19.2);}
	.isectionblock2content{padding:calc(50vw / 19.2) 0 calc(40vw / 19.2) 0;}
	.ib2imgbox{margin-top:calc(20vw / 19.2);}
	.ilink{padding:calc(5vw / 19.2) calc(15vw / 19.2);}
	.isectionblock2bulbbox{margin:0 auto calc(50vw / 19.2) auto;border-radius:calc(40vw / 19.2);padding:calc(5vw / 19.2) 0;box-shadow:1px 1px calc(8vw / 19.2) rgba(0,0,0,0.3);}
	.isectionblock2bulbbox .bulbitem{margin:0 calc(30vw / 19.2);}
	.isectionblock3content{padding:calc(60vw / 19.2)x 0;}
	.ibs1contentbox{margin-top:calc(20vw / 19.2);}
	.ibs1contentbox a{margin-bottom:calc(15vw / 19.2);border-radius:calc(15vw / 19.2);box-shadow:1px 1px calc(5vw / 19.2) rgba(0,0,0,0.3);}
	.ibs1contentbox2{margin-top:calc(20vw / 19.2);}
	.ibs1contentbox2 a{border-radius:calc(15vw / 19.2);margin-bottom:calc(15vw / 19.2);box-shadow:1px 1px calc(5vw / 19.2) rgba(0,0,0,0.3);}
	.ibs1contentbox2 .videobox{border-radius:calc(15vw / 19.2);margin-bottom:calc(15vw / 19.2);box-shadow:1px 1px calc(5vw / 19.2) rgba(0,0,0,0.3);}
	.isectionblock4content{padding:calc(40vw / 19.2) 0;}
	.ib4split1{width:calc(376vw / 19.2);height:calc(376vw / 19.2);border-radius:calc(300vw / 19.2);border:calc(12vw / 19.2) solid #66b1e0;;}
	.ib4leftbg{height:calc(400vw / 19.2);width:calc(16.4% + calc(200vw / 19.2));}
	.ib4split2{margin-left:calc(30vw / 19.2);width:calc(60% - calc(430vw / 19.2));height:calc(400vw / 19.2);}
	.ib4split2in p{padding:calc(10vw / 19.2) 0;}
	.ib4split1b{width:calc(50% - calc(30vw / 19.2));margin-right:calc(30vw / 19.2);height:calc(400vw / 19.2);}
	.ib4split1b p{padding:calc(10vw / 19.2) 0;}
	.ib4split3{margin-left:calc(30vw / 19.2);width:calc(40% - calc(30vw / 19.2));height:calc(400vw / 19.2);}
	.ib4split3.b{width:calc(50% - calc(30vw / 19.2));margin-left:calc(30vw / 19.2);}
	.ib4split3line.line{padding:calc(10vw / 19.2) 0;}
	.ib4split3line.btnbox{padding:calc(30vw / 19.2) 0 0 0;}
	.ib4split3line.btnbox a{padding:0 calc(40vw / 19.2);border-radius:calc(50vw / 19.2);box-shadow:1px 1px calc(5vw / 19.2) rgba(0,0,0,0.3);}
	.isectionblock5{padding:calc(60vw / 19.2) 0;}
	.isectionblock5content{padding-top:calc(50vw / 19.2);height:calc(89.5vw / 19.2);}
	.isectionblock5content a.ib5icon{width:calc(35vw / 19.2);}
	.isectionblock5content a i.fa{font-size:calc(30vw / 19.2);line-height:calc(90vw / 19.2);}
	.ib5listwrap{width:calc(100% - calc(70vw / 19.2));}
	.ib5list a{margin-right:calc(3vw / 19.2);}
	/* 廢水懭散查詢 spage1 */
	.spage1imgbox{margin:calc(20vw / 19.2) 0 calc(40vw / 19.2) 0;}
	.spage1tablebox{padding:calc(40vw / 19.2) 0;}
	.spage1tablebox table tr td div{padding:calc(20vw / 19.2) 0;}
	/* 廢水濃度查詢 spage6 監測地圖*/
	.spage6chartbox{margin:calc(20vw / 19.2) 0 0 0;}
	.graphintro .graphintrocontent{width:calc(100% - calc(60vw / 19.2));height:calc(100% - calc(80vw / 19.2));padding:calc(40vw / 19.2) calc(30vw / 19.2);}
	.graphintro .introbutton{left:calc(-30vw / 19.2);height:calc(50vw / 19.2);padding:calc(25vw / 19.2) 0;margin-top:calc(-50vw / 19.2);width:calc(calc(30vw / 19.2) + 1px);line-height:calc(25vw / 19.2)!important;border-top-left-radius:calc(10vw / 19.2);border-bottom-left-radius:calc(10vw / 19.2);}
	.spage6tablebox{padding:calc(20vw / 19.2) 0;}
	.spage6tablebox table tr td{padding:calc(10vw / 19.2)x 0;}
	/* spage7 國際監督 */
	.s7box{border-radius:calc(27vw / 19.2);padding:calc(10vw / 19.2) calc(10vw / 19.2) calc(10vw / 19.2) calc(25vw / 19.2);}
	.s7box2{border-radius:calc(27vw / 19.2);}
	.s7box2:nth-child(2){margin-left:calc(50vw / 19.2);}
	.s7box2 .title{border-radius:calc(27vw / 19.2);padding:0 calc(20vw / 19.2);line-height:calc(54vw / 19.2)!important;}
	.s7box2 .content{padding:calc(10vw / 19.2) calc(20vw / 19.2);}
	.s7button{top:calc(-27vw / 19.2);left:calc(-27vw / 19.2);width:calc(54vw / 19.2);height:calc(54vw / 19.2);line-height:calc(54vw / 19.2);}
	.s7button.t2{left:calc(-40vw / 19.2);}
	.s7top1 ul{margin-left:calc(20vw / 19.2);}
	.s7t3line1{left:calc(40vw / 19.2);}
	.s7t3line2{left:calc(40vw / 19.2);}
	.s7t3line3{left:calc(40vw / 19.2);}
	.s7t3line4{left:calc(40vw / 19.2);}

	/* pagesearchwrap */
	.pagesearchwrap{padding:calc(10vw / 19.2) 0;height:calc(48vw / 19.2);}
	.pagesearchwrap.p3{padding:calc(30vw / 19.2) 0;}
	.pagesearchwrap input[type=text]{width:calc(250vw / 19.2);padding:0 calc(5vw / 19.2);margin-right:calc(5vw / 19.2);}
	/* pagelist */
	.pagelistwrap{padding:calc(30vw / 19.2) 0;}
	.pagelistwrap a{margin:0 calc(5vw / 19.2);min-width:calc(20vw / 19.2);padding:calc(5vw / 19.2);}
	/* qa*/
	.qawrap{padding:calc(30vw / 19.2) 0;}
	.qaq{padding:calc(10vw / 19.2) 0;}
	.qaa{padding:calc(10vw / 19.2) 0;}
	.q1{top:calc(10vw / 19.2);height:calc(100% - calc(20vw / 19.2));width:10%;}
	.q2{margin-left:10%;width:calc(90% - calc(20vw / 19.2));padding-right:calc(20vw / 19.2);}
	.qaa .q1 span{width:calc(40vw / 19.2);height:calc(40vw / 19.2);border-radius:calc(40vw / 19.2);line-height:calc(40vw / 19.2);}
	/* graphwrap 互動專區  */
	.graphitem{width:32%;margin:0 2% calc(30vw / 19.2) 0;border-radius:calc(5vw / 19.2);    -moz-box-shadow: 1px 1px calc(6vw / 19.2) rgba(0,0,0,0.3);	-webkit-box-shadow: 1px 1px calc(6vw / 19.2) rgba(0,0,0,0.3);	box-shadow: 1px 1px calc(6vw / 19.2) rgba(0,0,0,0.3);}
	.graphitemin{padding:calc(15vw / 19.2);}
	.graphitem.tp2 iframe{height:calc(215vw / 19.2);}
	.graphitemin p{height:calc(110vw / 19.2);}
	.graphitem.tp3{margin:0 4% calc(50vw / 19.2) 0;}
	.graphitem.tp3 p{padding:calc(8vw / 19.2) calc(10vw / 19.2);height:calc(56vw / 19.2);}
}
/* ################################################################################## */
@media screen and (max-width: 1200px) {/*平板恆*/
	html{font-size:0.96vw;}
	.centerwrap{width:92%}/* 內容框 */
	.centerwrapin{width:90%;}/* 內容內縮框(相對於內容框) */
	.header1in .h1block{margin-right:calc(18vw / 19.2);}
	 .hide1200{display:none;}
	.header1 .centerwrap{width:98%;}
	.navitem{min-width:calc(90vw / 19.2);margin:0 calc(30vw / 19.2);}
	/* tags */
	.tagtitle{display:inline-block;width:calc(160vw / 19.2);float:left;}
	.tagitemwrap{display:inline-block;width:calc(100% - calc(160vw / 19.2));float:left;}

	.foottitle span span i.fa{font-size:1.3rem;}
	.footer2{height:8vw;padding:calc(50vw / 19.2) 0;}
	/* index */
	.indexbox1 p{width:60%;}
	.ib4leftbg{width:calc(9.5% + calc(200vw / 19.2));}
	.isectionblock4content{padding:calc(50vw / 19.2) 0;}
	.ib4split3line:nth-child(4){display:none;}
	.isectionblock5content{height:calc(124vw / 19.2);}
	.isectionblock5content a i.fa {    font-size: calc(50vw / 19.2);    line-height: calc(124vw / 19.2);}
	.pagesearchwrap{height:2.7rem;}
	.pagesearchwrap input[type=text]{width:14rem;}
	/* s7 */
	.s7top1{width:25%;}
	.s7button{font-size:1.5rem;}
	.s7button.t2{left:calc(-40vw / 15);}
	.s7box{border-radius:calc(27vw / 15);}
	.s7box2{border-radius:calc(27vw / 15);}
	.s7box2 .title{border-radius:calc(27vw / 15);line-height:calc(54vw / 15)!important;}
	.s7button{top:calc(-27vw / 15);left:calc(-27vw / 15);width:calc(54vw / 15);height:calc(54vw / 15);line-height:calc(54vw / 15);}
	.s7box2:nth-child(2){margin-left:calc(50vw / 15);}
	/* graphwrap 互動專區  */
	.graphintro{width:42%;margin-right:-42%;}
	.graphintro .introbutton{left:calc(-50vw / 19.2);height:calc(80vw / 19.2);padding:calc(30vw / 19.2) 0;margin-top:calc(-70vw / 19.2);width:calc(calc(50vw / 19.2) + 1px);line-height:calc(40vw / 19.2)!important;}
}
@media screen and (max-width: 1000px) {/*平板直*/
	html{font-size:1.2vw;}
	.centerwrap{width:96%}/* 內容框 */
	.centerwrapin{width:90%;}/* 內容內縮框(相對於內容框) */
	.navitem{margin:0 calc(20vw / 19.2);}
	/* tags */
	.tagtitle{display:inline-block;width:calc(180vw / 19.2);float:left;}
	.tagitemwrap{display:inline-block;width:calc(100% - calc(180vw / 19.2));float:left;}

	.foottitle span span i.fa{font-size:1.2rem;}
	.footer2{height:10vw;padding:calc(60vw / 19.2) 0;}
	/* index */
	.indexbox1 p{width:70%;}
	.ib4leftbg{width:calc(7% + calc(200vw / 19.2));}
	.isectionblock5content{height:calc(129vw / 19.2);}
	.isectionblock5content a i.fa {    font-size: calc(50vw / 19.2);    line-height: calc(129vw / 19.2);}
	/* graphwrap 互動專區  */
	.graphitem.tp2 iframe{height:15vw;}
	.graphitemin p{height:9vw;}
	/* 監測數值 spage4*/	
	.dbtn{height:4.4vw;}
}
@media screen and (max-width: 700px) {
	html{font-size:2.88vw;}
	body{transform:none;overflow-x:auto;}
	.show400{display:block!important;}
	.hide400{display:none!important;}
	.centerwrap{position:relative;width:94%;margin:0 auto;z-index:1;}/* 內容框 */
	.centerwrapin{position:relative;width:94%;margin:0 auto;z-index:1;}/* 內容內縮框(相對於內容框) */
	.contentblock{padding:calc(40vw / 6) 0;}
	.mover{margin-top:calc(100vw / 6);}
	.moverright{margin-top:0;margin-right:calc(100vw / 6);}
	.moverleft{margin-top:0;margin-left:calc(100vw / 6);}
	/* 燈號 */
	.bulb{position:absolute;top:50%;left:-6.5vw;width:4.4vw;height:4.4vw;border:0.5vw solid #fff;border-radius:5vw;box-shadow:1px 1px 3px rgba(0,0,0,0.3);}
	.bulb.s{width:4vw;height:4vw;left:-5.5vw;}
	.bulb.s2{width:3.2vw;height:3.2vw;left:-5vw;border:0.3vw solid #fff;}
	.bulb.s3{width:2.6vw;height:2.6vw;left:-5vw;border:0.3vw solid #fff;}
	.bulb.l{width:5vw;height:5vw;left:-7vw);border:0.7 solid #fff;}
	.fsize19.sp{font-size:0.9rem;line-height:1.6;}
	.fsize17.sp{font-size:0.7rem;line-height:1.4;}
	/*
	#########################################################
	#  頁 面 設 定 (框架)
	##########################################################
	*/
	/* header  ################## */
	header{position:fixed;height:12vw;left:0;top:0;width:100%;}
	i.sidemenuicon{position:fixed;top:0;right:0;font-size:7vw;line-height:12vw;width:12vw;text-align:center;color:#3b79be;}
	.topmenuwrap{position:fixed;height:100%;left:100%;top:0;width:100%;transition:all 1s;}
	header.on .topmenuwrap{left:0;}
	.topmenubox{position:relative;height:12vw;padding-bottom:0;border-bottom:1px solid #ccc;}
	.topmenubox a{display:inline-block;height:12vw;width:7vw;margin:0 0 0 3vw;float:left;}
	.topmenubox a i.fa{font-size:7vw;line-height:12vw;color:#3b79be;margin:0;}
	.fsizeblock{display:inline-block;height:10vw;margin:1vw 0 1vw 5vw;float:left;}
	.fsizeblock span.sp{line-height:10vw!important;}
	.fsizeblock span{float:left;}
	.fsizeblock:after{  content:'';  display:table;  clear:both;}
	.fontselect{margin:0;width:calc(10vw - 2px);line-height:calc(10vw - 2px);text-align:center;border:1px solid #558eb7;}
	.fontselect.on{background:#74b5e4;color:#fff;}
	.navitem{padding:0;text-align:center;border:0;display:block;width:100%;margin:5vw 0 0 0;}
	.navitem.on{border:0;}
	.navsub{display:none;position:relative;text-align:center;width:100%;margin:0;padding:0;min-width:auto;}
	.navitem.on .navsub{display:block;}
	.navsub a{display:inline-block;margin:3vw 2vw 0 2vw;text-align:center;min-width:28%;}
	.menu400{position:absolute;display:flex;justify-content: space-around;left:0;bottom:0;width:100%;height:7vw;margin:0;padding:4vw 0 4vw 0;border-top:1px solid #ccc;background:#fff;z-index:10;}
	.menu400 span{display:inline-block;height:100%;float:left;text-align:center;}
	.menu400 span img{height:100%;margin-right:1vw;}
	/* page */
	.page1box{padding-top:12vw;}
	/* footer2 */
	.footer2{height:55vw;padding:10vw 0 10vw 0;background: rgb(32,73,129)!important;}
	.footer2 .h100{height:40%;padding-bottom:35vw;}
	.totop{position:absolute;top:-15vw;bottom:5vw;right:0;height:18%;}
	/*
	#########################################################
	#  各 頁 設 定
	##########################################################
	*/
	/* 內頁共用 */
	.pagecrumb{position:relative;top:auto;transform:none;left:0;padding-right:0;padding-left:2rem;text-align:left;}
	.pagecrumb img{position:absolute;top:0;left:0;}
	.pagetitlebox{margin-top:5vw;}
	.pagetitle{padding:0 calc(20vw / 6);}
	.pageownerbox{padding:calc(20vw / 6) 0;}
	.pagedate{padding-left:calc(8vw / 6);margin-top:5vw;}
	.pagedate span{display:block;margin-right:0;}
	.inputblockwrap{padding-top:calc(30vw / 6);}
	/* tags */
	.tagwrap{padding:5vw 0 1vw 0;}
	.tagline{margin:2vw 0;}
	.tagtitle{width:22vw;float:left;}
	.tagitemwrap{display:inline-block;width:calc(100% - 22vw);float:left;}
	.tagitem{padding:0 2vw;margin-right:0.5vw;margin-bottom:1.5vw;margin-top: 1vw;}
	select.tagitem{padding:1vw 2vw;border:0;}
	/* tables */
	.tablewrap table th,.tablewrap table td{padding:2vw 1vw;}
	.tablewrap table tr:nth-child(2n){padding:2vw 1vw;;}
	/* index */
	.indexbox1{padding-top:12vw;}
	.indexbox1 .centerwrap{top:12vw;height:calc(100% - 12vw);}
	.indexbox1 p{width:100%;}
	.indextitle{background: rgb(33,74,129,1);background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(33,74,129,1) 20%, rgba(33,74,129,1) 80%,  rgba(33,74,129,0) 100%);}
	.indexsubtitle{height:10vw;line-height:10vw;}
	.indexicon{float:left;height:100%;margin-right:2vw;}
	/*block1 */
	.isectionblock1{padding:12vw 0;}
	.isectionblock1 .bulbwrap{top:111vw;}

	.isectionblock1in{padding:14vw 0;}
	.isectionblock1in a{display:block;width:100%;margin-right:0;margin-bottom:5vw;float:none;}
	.isectionblock1in a img{width:100%;}
	.isectionblock1 .bg{position:absolute;bottom:5%;left:0;width:100%;height:76%;}
	/*block2 */
	.isectionblock2{margin-top:-10vw;}
	.isectionblock2content{padding:10vw 0 10vw 0;}
	.isectionblock2content:after{  content:'';  display:table;  clear:both;}
	.isectionblock2split{width:100%;float:none;margin-bottom:10vw;}
	.isectionblock2split:first-child{margin-right:0;}
	.isectionblock2split .indexsubtitle{padding-bottom:3vw;}
	.isectionblock2split .bulbwrap{top:auto;bottom:-5vw;}
	.ib2imgbox{position:relative;margin-top:5vw;border:1px solid #000;}
	.ilink{position:absolute;display:inline-block;padding:1vw 1vw;}
	.ilink1{left:18%;top:23%;}
	.ilink2{left:10%;top:56%;}
	.ilink3{left:16%;top:78%;}
	.ilink4{left:67%;top:28%;}
	.ilink5{left:65%;top:82%;}
	.ilink6{left:7%;top:66%;}
	.ilink7{left:30%;top:66%;}
	.ilink8{left:54%;top:66%;}
	.ilink9{left:60%;top:12%;}
	.ilink10{left:82%;top:12%;}
	.isectionblock2bulbbox{display:inline-block;margin:0 auto 5vw auto;width:90%;border-radius:10vw;padding:1vw 0;box-shadow:1px 1px 1vw rgba(0,0,0,0.3);}
	.isectionblock2bulbbox .bulbitem{position:relative;display:inline-block;margin:0 10vw;}
	.isectionblock3content{padding:12vw 0;}
	.isectionblock3 .bg{display:none;}
	.isectionblock3content:after{  content:'';  display:table;  clear:both;}
	.isectionblock3split:nth-child(1){width:100%;float:none;margin-right:0;margin-bottom:10vw;}
	.isectionblock3split:nth-child(2){width:100%;float:none;}
	.ibs1contentbox{margin-top:5vw;}
	.ibs1contentbox:after{  content:'';  display:table;  clear:both;}
	.ibs1contentbox a{display:inline-block;width:48%;margin-right:4%;margin-bottom:5vw;float:left;border-radius:3vw;box-shadow:1px 1px 5px rgba(0,0,0,0.3);}
	.ibs1contentbox a:nth-child(2n){margin-right:0;}
	.ibs1contentbox a img{width:100%;}
	.ibs1contentbox2{margin-top:5vw;}
	.ibs1contentbox2 a{display:block;width:100%;border-radius:3vw;margin-bottom:3vw;box-shadow:1px 1px 5px rgba(0,0,0,0.3);}
	.ibs1contentbox2 a img{width:100%;}
	.ibs1contentbox2 .videobox{display:block;width:100%;overflow:hidden;border-radius:3vw;margin-bottom:3vw;box-shadow:1px 1px 5px rgba(0,0,0,0.3);}
	.ibs1contentbox2 .videobox iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
	.ibs1contentbox2 .videobox img{width:100%;}
	.isectionblock4content{padding:5vw 0; overflow:hidden;}
	.ib4split1{position:relative;width:100%;height:86vw;border-radius:80vw;overflow:hidden;border:3vw solid #66b1e0;float:none;}
	.ib4split1b{position:relative;width:100%;height:auto;float:none;margin-bottom:10vw;}
	.ib4leftbg{height:91.6vw;width:56vw;background:#66b1e0;position:absolute;top:0;left:0;}
	.ib4split2{position:relative;float:left;margin-left:0;width:100%;height:auto;padding:8vw 0;}
	.ib4split2in{position:relative;width:100%;left:auto;top:auto;transform:none;}
	.ib4split2in p,.ib4split1b p{padding:2vw 0;}	
	.ib4split3,.ib4split3.b{position:relative;float:left;margin-left:0;width:100%;height:auto;}
	.ib4split3line.top:after{  content:'';  display:table;  clear:both;}
	.ib4split3line.top a{display:inline-block;width:calc(50% - 1px);margin-right:1px;float:left;background:#adb0b1;color:#333;}
	.ib4split3line.top a.on{background:#66b1e0;color:#fff;}
	.ib4split3line.line{padding:2vw 0;border-bottom:1px solid #66b1e0;}
	.ib4split3line:nth-child(4){display:block;}
	.ib4split3line.btnbox{padding:6vw 0 0 0;}
	.ib4split3line.btnbox a{display:inline-block;padding:0 10vw;border-radius:15vw;background:#fff;box-shadow:1px 1px 5px rgba(0,0,0,0.3);}
	.isectionblock5{padding:12vw 0 20vw 0;}
	.isectionblock5content{padding-top:6vw;height:28vw;}
	.isectionblock5content:after{  content:'';  display:table;  clear:both;}
	.isectionblock5content a.ib5icon{display:inline-block;width:8vw;height:100%;float:left;}
	.isectionblock5content a i.fa{font-size:10vw;line-height:28vw;}
	.isectionblock5content a.ib5icon.off{visibility:hidden;}
	.ib5listwrap{position:relative;float:left;width:calc(100% - 16vw);height:100%;overflow:hidden;}
	.ib5list{position:absolute;top:0;left:0;height:100%;width:3000px;transition:all 1s;}
	.ib5list a{display:inline-block;float:left;height:100%;margin-right:3px;}
	.ib5list a img{height:100%;}
	/* 監測儀表表 spage3*/		
	.spage3 .cgcell p{font-size:0.9rem;}
	.spage3 .cgroup0 p.fsize40{font-size:1rem;line-height:1.2;}
	/* 廢水懭散查詢 spage1 */
	.spage1imgbox{margin:calc(20vw / 6) 0 calc(40vw / 6) 0;}
	.spage1tablebox{padding:calc(40vw / 6) 0;}
	.spage1tablebox table tr td div{padding:calc(20vw / 6) 0;}
	/* 監測數值 spage4*/	
	.spage4table tr th:nth-child(1) ,.spage4table tr td:nth-child(1){display:none;}
	.spage4table tr th:nth-child(2) ,.spage4table tr td:nth-child(2){width:20%;}
	.spage4table tr th:nth-child(3) ,.spage4table tr td:nth-child(3){width:60%;}
	.spage4table tr th:nth-child(4) ,.spage4table tr td:nth-child(4){width:20%;}
	.dbtn{height:8vw;}
	/* spage7 國際監督 */
	.s7box{border-radius:5vw;padding:2vw 2vw 2vw 5vw;}
	.s7box2{position:relative;border-radius:5vw;background:#fff;width:calc(100% - 8.5vw);float:none;margin:0 0 5vw 8vw;}
	.s7box2:nth-child(2){margin-left:8vw;}
	.s7box2 .title{position:relative;border-radius:5vw;text-align:center;padding:0 2vw;line-height:10vw!important;overflow:hidden;}
	.s7box2 .content{padding:2vw 4vw;display:flex;justify-content: space-between;}
	.s7button{position:absolute;top:0;left:-8vw;width:10vw;height:10vw;color:#fff;font-size:1.9rem;line-height:10vw;border-radius:100px;text-align:center;}
	.s7button.t2{top:0;left:-8vw;}
	.s7top1{position:relative;top:auto;right:auto;width:calc(100% - 16vw);margin:5vw 0 5vw 8vw;}
	.s7top1 ul{margin-left:4vw;}
	.s7top2{width:100%;margin-left:0%;}
	.s7top3{position:relative;top:auto;left:auto;width:100%;height:auto;}
	.s7t3line1{position:relative;top:auto;left:auto;width:100%;}
	.s7t3line2{position:relative;top:auto;left:auto;width:100%;}
	.s7t3line3{position:relative;top:auto;left:auto;width:100%;}
	.s7t3line4{position:relative;top:auto;left:auto;width:100%;}
	.s7t3b{border:1px solid #76ad4c;}
	.s7t3c{border:1px solid #4972c3;}
	.s7t3d{border:1px solid #76ad4c;}
	.s7t3e{border:1px solid #76ad4c;}
	.s7t3f{border:1px solid #4972c3;}
	.s7t3g{border:1px solid #76ad4c;}
	/* pagesearchwrap */
	.pagesearchwrap{padding:calc(10vw / 6) 0;height:9vw;}
	.pagesearchwrap.p3{padding:calc(30vw / 6) 0;}
	.pagesearchwrap input[type=text]{float:left;width:50vw;padding:0 calc(5vw / 6);margin-right:calc(5vw / 6);}

	/* pagelist */
	.pagelistwrap{padding:calc(30vw / 6) 0;}
	.pagelistwrap a{margin:0 0.5vw;min-width:5vw;padding:1vw;}
	.pagelistwrap a.on{background:#558eb7;color:#fff;}
	/*newslist */
	.newslisttable{}
	.newslisttable tr{border-bottom:1px solid #eeeeee;}
	.newslisttable tr td{}
	.newslisttable tr td:nth-child(1),.newslisttable tr th:nth-child(1){display:none;}
	.newslisttable tr th:nth-child(2) ,.newslisttable tr td:nth-child(2){width:20%;}
	.newslisttable tr th:nth-child(3) ,.newslisttable tr td:nth-child(3){width:15%;}
	.newslisttable tr th:nth-child(4) ,.newslisttable tr td:nth-child(4){width:65%;}
	/* 擴散預報查詢 spage2*/	
	.spage2table{}
	.spage2table tr{border-bottom:1px solid #eeeeee;}
	.spage2table tr td{}
	.spage2table tr td:nth-child(1),.spage2table tr th:nth-child(1){display:none;}
	.spage2table tr th:nth-child(2) ,.spage2table tr td:nth-child(2){width:20%;}
	.spage2table tr th:nth-child(3) ,.spage2table tr td:nth-child(3){width:80%;}

	/* spage6 */
	.spage6tablebox{padding:2vw 0;}
	.spage6chartbox{position:relative;margin:2vw 0 0 0;}
	.graphintro{position:absolute;width:70%;height:100%;margin-right:-70%;}
	.graphintro .graphintrocontent{width:calc(100% - 4vw);height:calc(100% - 4vw);padding:2vw 2vw;}
	.graphintro .introbutton{left:-6vw;height:8vw;padding:4vw 0;margin-top:-8vw;width:calc(6vw + 1px);font-size:0.9rem!important;line-height:4vw!important;border-top-left-radius:2vw;border-bottom-left-radius:2vw;}
	.graphintro .introbutton.on{left:0;}
	
	.spage6tablebox table tr th,.spage6tablebox table tr td{padding:1vw 0;}
	.spage6tablebox table td:nth-child(1){width:15%;}
	.spage6tablebox table td:nth-child(2){width:27%;}
	.spage6tablebox table td:nth-child(3){width:27%;}
	.spage6tablebox table td:nth-child(4){width:30%;}

	/* qa*/
	.qawrap{padding:calc(30vw / 6) 0;}
	.qaq{padding:calc(10vw / 6) 0;}
	.qaq img{top:1vw;right:1vw;height:8vw;}
	.qaa{padding:calc(10vw / 6) 0;}
	.q1{top:calc(10vw / 6);height:calc(100% - calc(20vw / 6));width:15%;}
	.q2{margin-left:15%;width:calc(72% - 3vw);padding-right:3vw;}
	
	.qaa .q1 span{top:4vw;transform:translateX(-50%);width:7vw;height:7vw;border-radius:6vw;line-height:7vw;}
	/* graphwrap 互動專區  */
	.graphitem{position:relative;width:100%;margin:0 0 8vw 0;border-radius:2vw;    -moz-box-shadow: 1px 1px 1vw rgba(0,0,0,0.3);	-webkit-box-shadow: 1px 1px  1vw rgba(0,0,0,0.3);	box-shadow: 1px 1px  1vw rgba(0,0,0,0.3);}
	.graphitem:nth-child(3n){margin-right:a0;}
	.graphitemin{padding:5vw;}
	.graphitem.tp2 iframe{height:41vw;}
	.graphitemin p{height:auto;}
	.graphitem.tp3{position:relative;width:47%;margin:0 6% 8vw 0;float:left;border-radius:0;}
	.graphitem.tp3:nth-child(2n){margin-right:0;}
	.graphitem.tp3:nth-child(3n){margin-right:0;}
	.graphitem.tp3:nth-child(4n){margin-right:0;}
	.graphitem.tp3:nth-child(2n+1){margin-right:6%;}
	.graphitem.tp3 p{padding:calc(8vw / 6) calc(10vw / 6);height:12vw;}
}