@charset "utf-8";

/* CSS Document */
/* #B6ECF5 */
/* 焦點照片區塊背景 */
#section0 {
    background-color: #d9eff5 !important;

    /* background-color: #f8eed8 !important; */
}

/* 標題底圖 */
#header {
    background: url("../img/home/headerbg.jpg") no-repeat center center;
    background-size: cover;
    height: 100px;
}

#header nav {
    border-bottom: 0px;
}

.app #package {
    background-color: #f4f4f4 !important;
}

/* 選單 */
.breadcrumbs {
    background-color: #d8d8d8 !important;
    margin-top: 0px;
}

.arrow_box {
    background-color: #485160 !important;

    /* background-color: #166a8f !important; */
    /* filter:alpha(opacity:80);opacity:0.8;  -moz-opacity:0.8;-khtml-opacity: 0.8; */
    /* background-color: #d5e2c6 !important; */
    /* background: #A4E7F2!important; */
    /* box-shadow: 6px 6px 13px rgb(181, 184, 189); */
}

/* 選單三角形 */
.arrow_box:after {
    border-bottom-color: #d5e2c6 !important;

    /* border-bottom-color: #A4E7F2!important; */
}

/* 分隔線第一條 */
.submenu a:nth-child(1)::before {
    color: #646baf;

    /* color: #166a8f; */
    /* color: #d5e2c6; */
    /* color: #D7F4F9; */
}

/* 分隔線 */
.submenu a::after {
    color: #646baf;

    /* color: #166a8f; */
    /* .submenu a::after{
	color: #d5e2c6; */
}

/* 選單文字 */
.submenu a {
    color: #ffffff!important;

    /* color: #FFFFFF!important;
	/* color: #333!important; */
}

.submenu {
    line-height: 30px;

    /* font-size:  0.2rem */
    /* font-size:  0.92rem */
}

/* .breadcrumbs{
	background: #A4E7F2!important;
} */
/* 便民專區底圖 */
.two-one {
    background: url("../img/home/bga-1.jpg") no-repeat center center;
    background-size: cover;
}

/* 核電廠即時訊息底圖 */
.two-two {
    background: url("../img/home/bga-2.jpg") no-repeat center center;
    background-size: cover;
}

/* 環境輻射監測底圖 */
.two-three {
    background: url("../img/home/bga-3.jpg") no-repeat center center;
    background-size: cover;
}

/* 便民專區 */
.news-img-wrap .img-info-box {
    background-color: #BCE6E5;

    /* background-color: #BCE6E5; */
}

/* ???色塊 */
.top-menu-bar-wrap ul.top-menu-bar li.top-menu-item button.active {
    background-color: rgba(255, 255, 255, 0) !important;
}

/* 便民專區+核電廠即時訊息+環境輻射監測白色色塊 */
.top-menu-bar-wrap ul.top-menu-bar li.top-menu-item button.menu-1-btn {
    background-color: rgba(255, 255, 255, 0)!important;
    margin-left: auto;
    margin-right: auto;
}

/* 便民專區色塊 */
.top-menu-bar-wrap ul.top-menu-bar li.top-menu-item .cover-01.active {
    background-color: #0ed0a9;

    /* background-color: rgba(180, 170, 145, 0.6) */
}

/* 核電廠即時訊息色塊 */
.top-menu-bar-wrap ul.top-menu-bar li.top-menu-item .cover-02.active {
    background-color: #0ed0a9;

    /* background-color: rgba(214, 156, 166, 0.6) */
}

/* 環境輻射監測色塊 */
.top-menu-bar-wrap ul.top-menu-bar li.top-menu-item .cover-03.active {
    background-color: #0ed0a9;

    /* background-color: rgba(141, 83, 195, 0.6) */
    /* background-color: rgba(1,121,229,0.60) */
}

.bottom-menu-bar-wrap ul.bottom-menu-bar li.bottom-menu-item a.menu-bot:focus {
    background-color: rgb(255, 123, 0);

    /* background-color: rgba(1,121,229,1.0) */
}

/* 核研所+偵測中心+物管局底圖 */
.section-news-slider {
    background-image: url("../img/home/sliderbg-a.jpg");

    /* background: #fcffdf;
	background: #B6ECF5;#BDE8FF 
	background-image: url("../img/home/sliderbg-a.jpg");
	background-attachment:fixed;
	background-size: cover; */
}

/* 影音專區底圖 */
.section-video {
    background: #fff;
    background-image: url("../img/home/vediobg.jpg");
    background-attachment: fixed;
    background-size: cover;
}

/* 資訊公開底色 */
.section-disclosure {
    background: #fff;

    /* background: #e7fafa; */
}

/* 熱門搜尋底色 */
.footer-semi {
    background: #e8f3fc;
}

/* 相關連結底色 */
.footer-top {
    background: #ceefe8;
}

/* site map 底色 */
.footer-middle {
    background: #b2ced4;
}

/* 影音專區標題 */
.section-video h3 {
    color: rgb(37, 73, 97);
    font-weight: 500;
}

/* 資訊公開標題 */
.section-disclosure h3 {
    color: rgb(37, 73, 97);
    font-weight: 500;
}

/* 熱門搜尋標題 */
.footer-semi h3 {
    color: rgb(37, 73, 97);
    font-weight: 500;
}

/* 相關連結標題 */
.footer-top h3 {
    color: rgb(37, 73, 97);
    font-weight: 500;
}

/* site map 標題 */
.footer-middle h3 {
    color: rgb(37, 73, 97);

    /* #388189 */
    font-weight: 500;
}

/* site map 文字 */
.footer-middle ul li a {
    color: rgb(0, 0, 0);
}

/* 內頁黃底色 */
.accesskey-content.yellow {
    color: #fffbe6;
}

.content-section {
    background-color: #fffbe6;
}

.content-section.other {
    background-color: #fffbe6;
}


a:focus {
    /* border: 1px dashed rgb(255, 123, 0)!important; */
    padding-left: 3px;
    padding-right: 3px;
    outline: none;
    margin: 0px;
    background-color: #FFFFFF ;

    /* #f0ca1b */
    box-shadow: 2px 2px 6px #777;
}

.section-swap-menu ul.section-swap-list li.section-swap-list-item.active a {
    color: #1B87AD!important;
}

a:active {
    color: rgb(255, 123, 0) !important;

    /* color:  #1B87AD !important */
}

.section-swap-menu ul.section-swap-list li.section-swap-list-item.active span {
    background-color: #1B87AD;
}

.slick-news .slick-next::before {
    color: #bbb8ab;
}

.slick-news .slick-prev::before {
    color: #bbb8ab;
}

.three-five ul.hot-areas li a {
    color: #1B87AD!important;
}

.web_top_icon {
    width: 30px;
    height: 30px;
}

/* 便民專區-2020/10/22 */
.people-icon img {
    width: 60%;
}

.people-icon01 img {
    width: 20%;
    float: left;
}

.people-bu {
    padding-top: 20px;
    padding-bottom: 20px;
    width: 23%;
}

.people-bu01 {
    padding-top: 20px;
    padding-bottom: 20px;
    width: 48%;
}

.people-bu02 {
    padding-top: 20px;
    padding-bottom: 20px;
    width: 95%;
    visibility: hidden;
}

.people-bu03 {
    padding-top: 20px;
    padding-bottom: 20px;
    width: 46%;
    visibility: hidden;
}

/* 便民專區-右邊按鈕底圖 */
.people-bu-bg01 {
    background-image: url('../img/icon_people/people-icon13.png');
    background-repeat: no-repeat;
    background-position: right center!important;
}

.people-bu-bg02 {
    background-image: url('../img/icon_people/people-icon12.png');
    background-repeat: no-repeat;
    background-position: right center!important;
}

/* 便民專區-文字 */
.people-txt {
    margin-top: 10px;
}

.people-txt01 {
    color: #ffffff;
}

.people-txt02 {
    margin-top: 10px;
    color: #ffffff;
}

.people-txt03 {
    color: #ffffff;
    line-height: 4.3rem;
    padding-left: 15px;
    font-size: 1.3rem;
}

/* 便民專區-左邊色塊 */
.people-color01 {
    background-position: center center;
    background-image: linear-gradient(141deg, rgba(255, 255, 255, 0) 9%, rgb(255, 255, 255) 45%);
    border-radius: 8px;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.09);
    margin: 10px auto;
}

.people-color02 {
    background-position: center center;
    background-image: linear-gradient(36deg, rgba(244, 197, 13, 0) 4%, rgb(244, 197, 13) 54.552%);
    border-radius: 8px;
    box-shadow: 2px -3px 5px rgba(0, 0, 0, 0.09);
    margin: 10px auto;
}

.people-color03 {
    background-position: center center;
    background-image: linear-gradient(231deg, rgba(255, 255, 255, 0) 9.42986%, rgb(255, 255, 255) 45.5023%);
    border-radius: 8px;
    box-shadow: -2px 3px 5px rgba(0, 0, 0, 0.09);
    margin: 10px auto;
}

.people-color04 {
    background-position: center center;
    background-image: linear-gradient(143deg, rgba(4, 138, 160, 0) 0%, rgb(4, 138, 160) 48.2398%);
    border-radius: 8px;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.09);
    margin: 10px auto;
}

.people-color08 {
    background-position: center center;
    border-radius: 8px;
    box-shadow: inset 0 0 18px 3px rgba(0, 0, 0, 0.22);
    margin: 10px auto;
    background-color: #549315;
}

.people-color08:focus {
    background-position: center center;
    border-radius: 8px;
    box-shadow: inset 0 0 18px 3px rgba(0, 0, 0, 0.22);
    margin: 10px auto;
    background-color: #549315;
}

/* 便民專區-右邊色塊 */
.people-color05 {
    background-position: center center;
    border-radius: 8px;
    box-shadow: inset 0 0 18px 3px rgba(0, 0, 0, 0.33);
    background-color: #549315;
    padding-left: 38px;
    padding-top: 60px;
    padding-bottom: 60px;
    margin: 10px auto;
}

.people-color05:focus {
    background-position: center center;
    border-radius: 8px;
    box-shadow: inset 0 0 18px 3px rgba(0, 0, 0, 0.33);
    background-color: #549315;
    padding-left: 38px;
    padding-top: 60px;
    padding-bottom: 60px;
    margin: 10px auto;
}

.people-color06 {
    background-position: center center;
    border-radius: 8px;
    box-shadow: inset 0 0 18px 3px rgba(255, 255, 255, 0.33);
    background-color: #ff8400;
    padding-left: 38px;
    margin: 10px auto;
    padding-top: 56px;
}

.people-color06:focus {
    background-position: center center;
    border-radius: 8px;
    box-shadow: inset 0 0 18px 3px rgba(255, 255, 255, 0.33);
    background-color: #ff8400;
    padding-left: 38px;
    padding-top: 60px;
    padding-bottom: 60px;
    margin: 10px auto;
}

/* 便民專區-不更動 */
.ml-auto,
.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.people-color07 {
    background-position: center center;
    border-radius: 8px;
    box-shadow: inset 0 0 18px 3px rgba(255, 255, 255, 0.33);
    background-color: #ff8400;
    padding-left: 38px;
    padding-top: 50px;
    padding-bottom: 50px;
    margin: 10px auto 20px;
}

@media screen and (min-width: 1107px) and (max-width: 1450px) {
    .people-color07 {
        padding-bottom: 40px;
    }

    .people-color05,
    .people-color06 {
        padding-top: 56px;
        padding-bottom: 56px;
        margin: 10px;
    }

    .people-txt03 {
        line-height: 4.5rem;
        padding-left: 15px;
        font-size: 1.3rem;
    }
}

@media screen and (min-width: 992px) and (max-width: 1106px) {
    .people-color07 {
        padding-bottom: 40px;
    }

    .people-color05,
    .people-color06 {
        padding-top: 50px;
        margin: 10px;
    }

    .people-txt03 {
        color: #ffffff;
        line-height: 2.5rem;
        padding-left: 15px;
        font-size: 1.3rem;
    }
}

@media screen and (min-width: 575px) and (max-width: 991px) {
    .people-bu01 {
        width: 48%;
        padding-top: 45px;
    }

    .people-txt03 {
        line-height: 3rem;
        padding-left: 15px;
        font-size: 1.2rem;
    }
}

.top-menu-bar-wrap ul.top-menu-bar li.top-menu-item button:focus {
    padding: 1px;
    border: 1px dashed #888;
    border-radius: 0px;
}

.top-menu-bar-wrap .menu-line-wrap .menu-line-y-lines .y-line-front {
    position: absolute;
    left: 0;
    height: 15px;
    width: 1px;
    background-color: rgba(26, 26, 26, 0);
    transform: translateY(-50%);
}

.top-menu-bar-wrap .menu-line-wrap .menu-line-y-lines .y-line-back {
    position: absolute;
    right: 0;
    height: 15px;
    width: 1px;
    background-color: rgba(26, 26, 26, 0);
    transform: translateY(-50%);
}

.top-menu-bar-wrap .menu-line-wrap .menu-line {
    height: 1px;
    background-color: #1880a3;
    width: 100%;
    z-index: 0;
}

.top-menu-bar-wrap ul.top-menu-bar li.top-menu-item button.active {
    border: 1px solid rgba(255, 255, 255, 0);
    background-color: #abd3e6;
}

.top-menu-bar-wrap ul.top-menu-bar li.top-menu-item button {
    width: 212px;
    height: 80px;
    cursor: pointer;
    border: 1px solid rgba(26, 26, 26, 0);

    /* border-radius: 30px */
    margin-right: 20px;
    letter-spacing: 1px;
    display: block;
    outline: none;
    top: -15PX;
}

.top-menu-bar-wrap ul.top-menu-bar li.top-menu-item .cover-01 {
    background-color: rgba(0,153,217,0);
    height: 8px;
    position: relative;
    top: 2px;
    padding-top: 7px;
    left: 0px;
}

.top-menu-bar-wrap ul.top-menu-bar li.top-menu-item .cover-02 {
    background-color: rgba(0,153,217,0);
    height: 8px;
    position: relative;
    top: 2px;
    padding-top: 7px;
    left: 0px;
}

.top-menu-bar-wrap ul.top-menu-bar li.top-menu-item .cover-03 {
    background-color: rgba(0,153,217,0);
    height: 8px;
    position: relative;
    top: 2px;
    padding-top: 7px;
    left: 0px;
}

.top-menu-bar-p01 {
    position: absolute;
    top: -35px;
    right: 50px;
}

.top-menu-bar-p02 {
    position: absolute;
    top: -35px;
    right: 17px;
}

.top-menu-bar-p03 {
    position: absolute;
    top: -35px;
    right: 30px;
}

.top-menu-bar-txt01 {
    font-size: 1.5rem;
    line-height: 1.5rem;
}

@media only screen and (max-width: 1025px) {
    .top-menu-bar-wrap ul.top-menu-bar li.top-menu-item .cover-01 {
        top: -9px;
    }

    .top-menu-bar-wrap ul.top-menu-bar li.top-menu-item .cover-02 {
        top: -9px;
    }

    .top-menu-bar-wrap ul.top-menu-bar li.top-menu-item .cover-03 {
        top: -9px;
    }

    .top-menu-bar-txt01 {
        font-size: 1.3rem;
    }

    .top-menu-bar-wrap ul.top-menu-bar li.top-menu-item button {
        width: 200px;
        font-size: .9rem;
        margin-right: 5px;
        margin-left: 5px;
    }
}

@media only screen and (max-width: 767px) {
    .top-menu-bar-p01 {
        top: -25px;
        right: 15px;
    }

    .top-menu-bar-txt01 {
        font-size: .9rem;
    }

    .top-menu-bar-p02 {
        top: -25px;
        right: -4px;
        white-space: nowrap;
    }

    .top-menu-bar-p03 {
        top: -25px;
        right: 2px;
    }

    .top-menu-bar-wrap ul.top-menu-bar li.top-menu-item button {
        width: 110px;
        margin-left: 0px;
        margin-right: 0px;
    }
}

@media screen and (max-width: 574px) {
    .people-bu {
        width: 30%;
    }

    .people-bu01 {
        padding-top: 45px;
        width: 64%;
        padding-left: 30px;
    }

    .people-txt03 {
        color: #ffffff;
        line-height: 2.5rem;
        padding-left: 10px;
        font-size: 1.1rem;
    }

    /* 手機版優化 */
    .two-one {
        background: url("../img/img-none.gif") no-repeat center center;
        background-size: cover;
    }

    .two-two {
        background: url("../img/img-none.gif") no-repeat center center;
        background-size: cover;
    }

    .two-three {
        background: url("../img/img-none.gif") no-repeat center center;
        background-size: cover;
    }

    .section-news-slider {
        background-image: url("../img/img-none.gif");
        background-color: #ffffff;
    }

    .section-video {
        background: #fff;
        background-image: url("../img/img-none.gif");
        background-attachment: fixed;
        background-size: cover;
    }
}