@font-face {
    font-family: 'icomoon';
    src: url('../../x/fonts/icomoon.eot?gjqdq9');
    src: url('../../x/fonts/icomoon.eot?gjqdq9#iefix') format('embedded-opentype'), url('../../x/fonts/icomoon.ttf?gjqdq9') format('truetype'), url('../../x/fonts/icomoon.woff?gjqdq9') format('woff'), url('../../x/fonts/icomoon.svg?gjqdq9#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-arrow-right:before {
    content: "\ea34";
}
.icon-arrow-left:before {
    content: "\ea38";
}
.fl {float:left;}
body{ font-family:"微軟正黑體", "arial"; background-repeat:no-repeat; background-image:url(../img/bg.webp);background-size:100%;}
.navbartext a{color: #FFFFFF;text-decoration: none; font-size:0.8em;}
.navbartext a:hover{text-decoration: underline; color:#D3F1B8;}
.indexbg{background-image: url(../img/index_bg.webp);background-repeat: no-repeat; background-size:100%; width: 100%;height: auto;text-align: right;margin-top: 43px;}
.indexbg ul li{}
.indexbg:hover {cursor:pointer;}
.logo{padding-left:10px;width: auto;height: auto;max-width: 100%;max-height: 100%; }
.logoleft{ text-align:right;}
.logolefts{ text-align:left;}
.serviceinfo ul{padding-top:0.8em; padding-right:2em;margin-bottom:0;} 
.serviceinfo ul li{color: #3A3A3A;text-decoration: none;list-style-type: none;font-size: 1em;text-shadow: 0px 0px 6px rgba(220,220,220,1.00);}
.threemenu ul li i{ margin-right:0.2em;}
.threemenu ul li a{ margin-right:1em;}
.runnews{ margin-bottom:0.6em;padding:5px;background-color:#f4f6e9;border-radius:5px;width:96%;margin-left:0.8em; }
.loginanythings{margin-bottom:1em;padding:1em;background-color: rgba(213,246,252,0.68);border-radius:5px;}
.loginanythings ul{padding:0.2em;}
.loginanythings h5{text-align:center; color:rgba(24,87,106,1.00); font-weight: bolder}
.loginanythings h5 i{ margin-right:0.4em;}
.loginanythings ul li{text-decoration:none;list-style-type:none; line-height:2em;}
.loginconfirm input[type=button]{ text-align:center; background:rgba(170,221,182,1.00);border-radius:5px; padding:0.4em; display:block; width:100%; color:rgba(255,255,255,1.00); margin-top:0.6em; }
.loginconfirm input[type=button]:hover{ text-align:center; background:rgba(70,124,180,1.00);  color:rgba(255,255,255,1.00);text-decoration: none; }
.loginregister a{ text-align:center; background:rgba(170,221,182,1.00);border-radius:50px; padding:0.2em; display:block; width:50%; color:rgba(255,255,255,1.00); margin:auto; margin-top:0.6em; }
.loginregister a:hover{ text-align:center; background:rgba(70,124,180,1.00);  color:rgba(255,255,255,1.00);text-decoration: none; }
.loginanythings ul li input{width:100%;background-color:rgba(255,255,255,0.8);border-radius:5px;border:0;-webkit-appearance:none;}
.loginlittletext{ font-size:0.8em; line-height:1.5em;}
.newslist{ font-size:0.8em; line-height:1.2em;}
.newslist i{ margin-right:0.4em;}
.newslist p{ margin-top:-0.5em;}
.newslist a{ color:#333333; margin-left:18px; }
.tab-content > .tab-pane {background-color: rgba(255,255,255,0.65);}  /*覆蓋boostrap 效果*/
.morenews{ margin:auto;width:100%; padding-right:1.5em; }
.morenews a{ text-align:center; background:rgba(170,221,182,1.00);border-radius:5px; padding:0.4em; display:block; color:rgba(255,255,255,1.00); margin-top:0.6em; }
.morenews a:hover{ text-align:center; background:rgba(70,124,180,1.00);  color:rgba(255,255,255,1.00);text-decoration: none; }
.adbanner{padding-top: 0.8em;padding-bottom: 0.8em;background-color: #EFEFEF;border-radius: 8px; }
.footerbg{ background-color:#292929; font-family:"微軟正黑體"; font-size:0.8em;color:#ffffff;}
.footerbg a{ color:#ffffff; margin-left:1em; margin-right:1em;line-height:2em; }
.footerbg a:hover{ color:#dbffaf;}
footer i{ margin-left:0.8em; margin-right:0.2em;}
.indexbgs{background-image: url(../img/index_bg.webp);background-repeat: no-repeat; background-size:100%; width: 100%;height: auto;text-align: left;margin-top: 43px;}
.indexbgs ul li{}
.indexbgs:hover {cursor:pointer;}



/*@media (min-width: 1320px) {
.carousel {width:100%;}
}
@media (max-width: 1319px) {
.carousel {width:960px;}
}*/
@media (max-width: 1199px) {
    .logoleft{ text-align:left;}

    .sysName {
        font-size: 20px;
        font-weight: 800;
        color: #004B97;
    }
}


@media (min-width: 769px) {
    .testDeclare {
        font-size: 50px !important;
        top: -15px;
        left: 0;
    }
}

@media (max-width: 767px) {
.go-login {display:none;}
.not-login {display:none;}

}

@media (max-width: 768px) {
    .serviceinfo ul{padding-top:0.8em; padding-right:0em; text-align:center;} 
    .serviceinfo ul li{ display:inline;} 
    .runnews{  width:94%;  }
    .testDeclare {
        font-size: 40px !important;
        top: -5px;
        right: 0;
    }
}

@media (max-width: 575px) {
    .logoleft{ text-align: center;}
    .runnews{  width:92%;  }
    .loginanythings{padding:1em;background-color: rgba(213,246,252,0.68);border-radius:5px; width:90%; margin:auto;margin-bottom:1em;}
    .testDeclare {
        font-size: 20px !important;
        top: 0;
        right: -10px;
    }
}

.newDate {font-weight:700;color:#000;}
.newSubject {font-weight:700;color:orange;}
.newDate:hover,.newSubject:hover {cursor:pointer;}
.runnews a:hover { color: yellowgreen;}
.runnews ul {list-style:none;position:absolute;left:0;top:0;}
.runnews ul,.runnews li {padding:0;margin:0;}
.runnews li {float:left;margin-bottom:3px;}
.runnews > div {position:relative;}
.runnews > div > div {overflow:hidden;width:95%;height:100%;position:absolute;left:40px;top:0;}
.inputNewsDetailData {cursor:pointer;}

.carousel {padding:20px 60px;background-color: #EFEFEF;border-radius: 8px;position:relative;}
.carousel ul {list-style:none;position:absolute;padding:0;}
.carousel li {float:left;}
.carousel li img {width:200px;margin-right:22px;}
.inner-carousel {position:relative;height:81px;overflow:hidden;}

.no-see {display:none;}
.see {display:block;}

.carousel-left, .carousel-right {
    position: absolute;
    width: 50px;
    height: 50px;
    background: #333;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    top: 50%;
    margin-top: -25px;
    font-weight: 700;
    line-height: 50px;
    text-align: center;
    font-size: 36px;
    cursor: pointer;
}

.carousel-left {
    left: 5px;
}

.carousel-right {
    right: 5px;
}
.testDeclare {
    font-size: 72px;
    color: red;
    position: absolute;
    letter-spacing: 10px;
    font-weight: 700;
}
.community-small {
    background: #eee;
    padding: 5px 0 5px 0;
}

.share-links div {
    display: inline-block;
    width: 42px;
    height: 42px;
    cursor: pointer;
    position: relative;
    margin-right: 20px;
    vertical-align: text-bottom;
}
.share-links div:last-child {
    margin-right: 0px;
}

.fb-share {
    background: url(/img/ShareComminity/fb.svg) no-repeat;
}

.line-share {
    background: url(/img/ShareComminity/line.svg) no-repeat;
}

.fb-share:hover {
    background: url(/img/ShareComminity/fb_hover.svg) no-repeat;
}

.line-share:hover {
    background: url(/img/ShareComminity/line_hover.svg) no-repeat;
}

.fb-share2 {
    background: url(/img/ShareComminity/fb_hover.svg) no-repeat;
}


.line-share2 {
    background: url(/img/ShareComminity/line_hover.svg) no-repeat;
}

.fb-share:hover::after,
.line-share:hover::after,
.epa-fb:hover::after {
    top: 44px;
    left: -24px;
    width: 100px;
    padding: 5px 10px;
    background: #000;
    color: #fff;
    z-index: 10;
    text-align: center;
    border-radius: 5px;
}

.fb-share:hover::after {
    content: "分享至FB";
    position: absolute;
}

.line-share:hover::after {
    content: "分享至Line";
    position: absolute;
}
.epa-fb:hover::after {
    content: "前往環境部Facebook";
    position: absolute;
}
.epa-fb,
.epa-fb2 {
    height: 30px;
    width: 100px !important;
    line-height: 28px;
    padding: 5px 10px;
    background: #b5b5b6;
    color: #fff;
    font-weight: 700;
    text-align: center;
    border-radius: 15px;
    vertical-align: top;
    border: 2px solid #fff;
}

.epa-fb:hover,
.epa-fb2:hover {
    background: #f33535;
    cursor: pointer;
}
.epa-fb:hover::after {
    top: 42px;
    left: 0px;
}
.epa-fb2 {
    background: #f33535;
}

@media screen and (min-width: 1050px) {
    .type1 {
        display: block;
    }

    .type2 {
        display: none;
    }
}

@media screen and (max-width: 1049px) {
    .type1 {
        display: none;
    }

    .type2 {
        display: block;
    }

}