body {
    margin: 0;
    font-family: "Microsoft JhengHei", "微軟正黑體", "Microsoft YaHei", sans-serif !important;
    letter-spacing: 1px;
}

*:focus {
    outline-color: #d00 !important;
  }
  /* 8/20修改 新增outline顏色*/

#U,#C,#Z{
    color:rgb(255, 255, 255);
}

#U:hover,#C:hover,#Z:hover,#U:focus,#C:focus,#Z:focus{
    color:#d00;
}
  /* 9/3修改 新增導盲磚顏色*/

.cursor{
    cursor:pointer
}
.number {
    font-family: 'Arial'
}

a,
a:hover,
a:focus,
a.click {
    text-decoration: none;
}

.active {
    display: block;
}
#U,#C,#B{
    float: left;
    /* width: 0; */
    border: none !important;
}
#C{
    top: 0;
    left: 0;
}
.btn,
.btna:hover,
.btn.click {
    outline: none;
    border-radius: 0;
}
  /* 8/20修改 刪除focus*/
.provider:focus{
    outline-style: auto!important;
    outline-width: 5px!important;
}
  /* 8/20修改 刪除outline顏色*/
.w-100.bg-color-b.m-0.cursor.provider{
    border: none;
}

.dropdown:hover>.nav-dropdown-menu,
.dropdown:focus>.nav-dropdown-menu {
    display: block!important;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}

.border {
    border-top: 1px solid #7cdf95 !important;
    margin-bottom: 50px ;
}

.box-shadow {
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3) !important;
}
.breadcrumb-out{
    margin-top:35px;
}
.breadcrumb {
    background-color: rgba(0, 0, 0, 0);
    color: #ffffff;
    margin: 0;
    /* 2018-11-01修改left */
    left: 22px;
    /*2018-10-30修改Header高度後 頁面名稱間距調整*/
    /*修改前:top:-30px*/
    top: -10px;
}

.breadcrumb a {
    color: #ffffff;
    font-weight: bold;
    border-bottom: 1px solid;
}

.breadcrumb a:hover{
    color: #505a78;
    transition: 0.3s;
}

.breadcrumb a:focus{
    color: #505a78;
    transition: 0.3s;
}
  /* 8/20修改 新增focus */
.breadcrumb-item+.breadcrumb-item:last-child a {
    color: #505a78;
    background-color: #ffffff;
    border: 0;
    padding: 4px 10px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3)
}

.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    color: #ffffff;
    content: ">";
}

.container1000 {
    max-width: 1030px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 15px;
}

.container930 {
    max-width: 930px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 15px;
}

.w-33 {
    width: 33.33% !important;
}

.mb-25{
    margin-bottom: 25px;
    }

.mb-50{
    margin-bottom: 50px;
    }
.mr-10{
    margin-right: 10px;
}
.mb-10{
    margin-bottom: 10px;
}
.mb-15{
    margin-bottom: 15px;
}
.mb-19{
    margin-bottom: 19px;
}
.m-25 {
    margin: 25px 0;
}

.m-15 {
    margin: 0 15px;
}

.p-25 {
    padding: 25px;
}

.clear {
    clear: both;
}

/* main-bg-color */

.bg-color-g {
    background-color: #7cdf95;
}

.bg-color-g2 {
    background-color: rgba(124, 223, 149, 0.2);
}

.bg-color-b {
    background-color: #505a78;
}

.bg-color-w1 {
    background-color: #ffffff;
}

.bg-color-w2 {
    background-color: #c7d0e3;
}

.bg-color-w3 {
    background-color: #a5abbc;
}

/* main-font-color */

.font-shadow {
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.font-color-g1 {
    color: #7cdf95;
}

.font-color-g2 {
    color: #44aa59;
}

.font-color-b {
    color: #505a78;
}

.font-color-w1,
.nav-item:hover a {
    color: #ffffff;
}

.font-color-w1,
.nav-item:focus a {
    color: #ffffff;
}
  /* 8/20修改 新增focus */
.font-color-w2 {
    color: #c7d0e3;
}

.font-color-w3 {
    color: #a5abbc;
}

.font-color-w4 {
    color: #a2a8b8;
}

.font-7_5 {
    font-size: 10px;
}
/*2018-10-31-footer排版修改*/
.footer-pc{
    padding-left: 23px
}
.footer-logo{
    margin-left: -10px;
}
.footer-logo .footer-logo-img{
    margin-left: 85px;
}

/*2018-10-31-footer排版修改 : 讓字體小於10px*/
.FontSize .font-7_5 {
    font-size: 15px;
}
/*2018-10-31-footer排版修改 : 法務部本部:....字串下推copy right字串*/
.FontSize .float-left div:nth-child(2){
    margin-bottom: 18px;
    margin-top: 1px;
}
/*2018-10-31-footer排版修改 : copy right 字體縮小 + 向左對齊*/
.FontSize .float-left div:nth-child(3){
    font-size: 12px;
    line-height: 10px;
    letter-spacing:3.7 px;
}
/*2018-10-31-footer排版修改 : 無障礙logo向上對齊*/
.Accessibility-icon div:nth-child(1){
    margin-left: -15px;
    margin-bottom: 5px;
}
/*2018-10-31-footer排版修改 :更新日期*/
.FontSize .Accessibility-icon div:nth-child(2){
    padding: 0px;
    margin-bottom: 0px;
}
/*2018-10-31-footer排版修改 :來訪人次*/
.FontSize .Accessibility-icon div:nth-child(3){
    padding: 0px;
    letter-spacing: 2px;
    line-height: 15px;
    margin: unset;
}

.font-12 {
    font-size: 16px;
}

.font-14 {
    font-size: 19px;
}

.font-16 {
    font-size: 22px;
}

.font-18 {
    font-size: 24px;
}

.font-20 {
    font-size: 26px;
}

.font-24 {
    font-size: 32px;
}
.font-40 {
    font-size: 40px;
}
.font-50 {
    font-size: 50px;
}

.card-border-g {
    border: 2px solid #7cdf95;
}

.card-columns {
    column-count: 3;
    column-gap: 1.25rem;
}

/* nav */

.navbar {
    padding: 0 1rem;
}
/* 2018-11-1 新增高度 */
.nav-logo img {
    width: 250px;
    height: 50.59px;
}

.nav-tag {
    width: 100%;
    top: 0;
    /* 2018-11-07 調整z-index */
    z-index: 15;
    background-color: #ffffff;
}

.header-nav {
    padding: 23px 0 !important;
}

.navbar-nav .nav-item {
    width: 111.24px;
}

.bottom-nav.active,
.nav-item a:hover,
.nav-item a:focus {
    cursor: pointer;
    background-color: #7cdf95;
}

.nav-item a:hover,
.nav-item a:focus{
    transition: 0.3s;
    background-color:#505A78;
}
  /* 8/20修改 新增focus */

.nav-item:hover >a,
.nav-item:focus >a{
    
    text-shadow: 0 0 5px rgb(10, 80, 57);
}
  /* 8/20修改 新增focus */

.bottom-nav.active,
.nav-item a:hover p,
.nav-item a:hover span,
.nav-item a:focus p,
.nav-item a:focus span {
    color: #ffffff;
    text-shadow: 0 0 5px rgb(10, 80, 57);
}

.nav-link p {
    font-size: 20px;
    
}

.dropdown-menu {
    margin: 0;
    border-radius: 0;
    border: none;
    padding: 0;
    text-align: center;
    min-width: 0;
    background-color: #E4EBF4;
}

.dropdown-menu a {
    color: #505a78 !important;
    font-weight: bold;
    padding: 13.5px 0;
    width: 111.24px !important;
    border-bottom: 1px solid #505a78;
}

.dropdown-menu a:hover,
.dropdown-menu a:active,
.dropdown-menu a:focus {
    color: #ffffff !important;
    background-color: #505A78;
    transition: 0.3s;
}
  /* 8/20修改 新增focus */
.dropdown-menu a:last-child{
    border-bottom: none;
}
/* banner */


.font-color-g1.float-right.font-weight-bold.banner-time span{
    margin-right: 15px;
}
/* .banner-button-next:focus,
.banner-button-prev:focus {
    outline: none;
} */
  /* 8/20修改 移除outline:none效果*/
/* 2018-11-08 .banner-button-next,.banner-button-prev 修改 */
/* 2019-09-20 .banner-button-next,.banner-button-prev 修改 */
.banner-button-next,
.banner-button-prev {
    width: 15.62px;
    height: 30.72px;
    top: calc(50% - 15px);
}

/* 2019-09-20 .banner-pagination 175px 修改成 5px */
.banner-pagination {
    bottom: 5px !important;
}

.banner-button-next {
    background-image: url("../images/right.png");
}

.banner-button-prev {
    background-image: url("../images/left.png");
}

.swiper-pagination-bullet {
    height: 6px;
    width: 24px;
    border-radius: 5px;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #ffffff;
}

.banner-swiper {
    margin-top: 100px;
    height: auto;
    width: 100%;
}
/* 2018-11-08 .banner 修改 */
/* 2019-09-24 .banner高度修正 */
/* 2019-10-01 .banner高度修改 */
.banner {
    height: calc( 100vh - 179px);
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}
/* 2019-10-01 .banner高度修改 */

.img-fluid{
    width: 100%;
    height: auto;
}
/* 2018-11-07 將 .banner1 .banner2 .banner3 刪除 */
.swiper-slide {
    position: relative;
}

.banner-main {
    width: 100%;
    padding: 21.28px;
}


.banner-main .container1000 .float-right button {
    text-shadow: 0 0 0.5px #000000;
}


/* main-top */

.main-top {
    margin-top: 100px;
    width: 100%;
    margin-bottom: 25px;
    /*2018-10-30 header高度修改*/
    /*修改前 height: 220px;*/
    height: 180px;
}

/* index */

.main {
    padding: 102px 0 0;
}

.box {
    margin: 55px 0 35px 0;
}

.box2 {
    margin: 25px 0;
}

.index-bg {
    background-image: url("../images/index-bg.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
}

.main-tree {
    padding: 0 0 170px;
}

.index-main {
    padding: 0 0 70px;
}

.index-main-border {
    border-left: 1px solid #7cdf95;
}

.index-main-border:last-child {
    border-right: 1px solid #7cdf95;
}

.index-main-p {
    padding: 35px 0;
    letter-spacing: 2px;
    text-align: justify;
}

/* projuct */

/* 標題 - title */

.projuct .container h2 {
    position: relative;
}

.projuct .container h2::before {
    left: 0;
}

.projuct .container h2::after {
    right: 0;
}


.year {
    position: relative;
    max-width: 50%;
    overflow: hidden;
    margin: 0 auto;
}

.year-slide {
    border-left: 1px solid #ffffff;
}

.year-slide:first-child {
    border-left: none;
}

.year-slide.swiper-slide-active {
    color: #7cdf95;
}

.year-slide-w2 {
    border-left: 1px solid #a5abbc;
}

.year-slide-w2:first-child {
    border-left: none;
}

.year-slide-w2.swiper-slide-active {
    color: #7cdf95;
}

.year-container {
    max-width: 80%;
    overflow: hidden;
}

.year-button-prev,
.year-button-next {
    background-image: none;
    outline: none;
    margin-top: -25px;
}

.rank,
.award-main-card,
.award-main-4 {
    height: 43.67px!important;
}
.award-main-card{
    margin-top: 25px;
    margin-bottom: 75px;
}
.award-main-4{
    margin-bottom: 50px!important;
}
.award-img-4-top{
    height: 189.30px!important;
}
.rank h2 {
    line-height: 24px;
    padding: 10px 10px 0;
    font-weight: 800;
}

.rank.excellent h2 {
    font-size: 34px;
    padding: 14px 10px 0 0;
}

.rank .number {
    font-size: 50px;
}

.rank h2,
.rank p {
    float: left;
}

.rank p {
    border-left: 1px solid #a5abbc;
    line-height: 24px;
    padding: 0 0 0 10px;
}

.main-responsive {
    margin: 41.5px 0;
}

/* type */
.container.pc .row{
    width: 100%;
}
/* 2018-11-07 新增 .edu .active,.crime .active*/
.edu .active,
.crime .active {
    background-color: #7cdf95!important;
    color: #ffffff!important;
    text-shadow: 0 0 5px rgb(10, 80, 57)!important;
}
.select-type-button a {
    background-color: rgba(0, 0, 0, 0);
    box-shadow: none !important;
    border-top: 0px;
    border-right: 1px solid #a5abbc;
    border-bottom: 0px;
    border-left: 1px solid #a5abbc;
    outline: none !important;
    padding: 0 20px;
    cursor: pointer;
    box-sizing: border-box;
}

.select-type-button a+a {
    margin-left: -1px;
}

.select-type-button a:active,
.select-type-button a:hover,
.select-type-button a:focus {
    background-color: #505a78;
    color: #ffffff;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
  /* 8/20修改 新增focus */

.type-btn {
    margin: 13px 0;
    padding: 10px 0;
    width: 100%;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    outline: 0;
}

.type-btn:hover,
.type-btn:focus {
    background-color: #7cdf95;
}
  /* 8/20修改 新增focus */

.type-btn:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0)
}

.type-main {
    margin: 20px 0 31px;
}

/* media */

.card,
.card-img-top {
    background-color: transparent;
    border: 0;
}

.card-img-top {
    width: 100%;
    height: 259.61px;
}

.card > .video_iframe{
    height: 262px;
    background-color: #4f5c76;
}

.card > .video_iframe iframe{
    width: 100%;
    height: 100%;
    border: none;
}

.video_iframe{
    height: 342px;
    background-color: #4f5c76;
}

.video_iframe iframe{
    width: 100%;
    height: 100%;
    border: none;
}

.card-img-top-test {
    width: 100%;
    height: 100%;
    background-size: cover;
    filter:  grayscale(20%);
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 5;
}

.card-img-top-test2 {
    background-color: #000000;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    z-index: 6;
}

.card-img-top-test3 {
    width: 100%;
    height: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 7;
}

.card-body {
    padding: 20px 32px;
}

.index-card-body {
    height: 138.84px;
}

.main-card-body {
    height: 100px;
}

.media-card {
    background-color: #ffffff;
}

.media-card:hover,
.media-card:focus {
    background-color: #7cdf95;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
  /* 8/20修改 新增focus */

.media-card:hover span,
.media-card:hover h4,
.media-card:focus span,
.media-card:focus h4 {
    color: #ffffff;
    text-shadow: 0 0 1px #44aa59;
}
  /* 8/20修改 新增focus */

.more-btn {
    margin-bottom: 75px;
    width: 200px;
    background: -moz-linear-gradient(left, rgba(130, 198, 141, 0) 0%, rgba(130, 198, 141, 1) 50%, rgba(130, 198, 141, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(130, 198, 141, 0) 0%, rgba(130, 198, 141, 1) 50%, rgba(130, 198, 141, 0) 100%);
    background: linear-gradient(to right, rgba(130, 198, 141, 0) 0%, rgba(130, 198, 141, 1) 50%, rgba(130, 198, 141, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0082c68d', endColorstr='#0082c68d', GradientType=1);
    text-align: center;
    display: inline-block;
    color: #ffffff !important;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
}
.index-bg.main{
    padding: 102px 0;
}
.main-card {
    padding: 25px 21px 0;
    border-bottom: 0;
}

.main-card-out {
    padding: 17px 12px;
}

.main-card-btn {
    padding: 12px 39px;
}

/* .btn:hover {
    font-weight: bold
} */

/* bottom-nav */

.bottom-border {
    border-top: 3px solid #7cdf95;
}

/*這邊的 padding 拔掉 width 100%*/
.bottom-nav-ul {
    width: 100%;
}

/* 2019-09-20 線上站未修改部分 */
.bottom-nav-item {
    width: 12.5%;
}

.bottom-nav {
    padding: 21px 0;
}

/* footer */

footer .container .row {
    padding: 40px 0px;
}
/* 2018-11-1 新增高度 */
.footer-logo img {
    width: 275px;
    height: 74.22px;
}

.footer-ul {
    border-left: 1px solid #a5abbc;
    border-right: 1px solid #a5abbc;
    padding:0 85px;
}
.footer-left{
    float: left;
    width:389px;
    margin-left: 82.5px;
}
.footer-right{
    float: left;
    width:150px;
}
/* padding 有修改 */
.footer-ul:nth-child(1){
    margin: 0 0 0 35px;
    padding: 0 82.5px 0 0;
}

.footer-li {
    float: left;
    list-style: none;
}
.copyright{
    margin-top:10px;
}
.back_to_top .top {
    position: fixed;
    right: 2vw;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    bottom: 196px;
    opacity: 0;
    z-index: -1;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.back_to_top_Pos .top {
    position: unset !important;
}

.square {
    border-radius: 10px;
    width: 68.74px;
    padding: 25px 17px;
    cursor: pointer;
    transition: all 0.1s ease-in-out;
}

.square:hover,
.square:focus {
    background-color: #7cdf95;
}
  /* 8/20修改 新增focus */

.square:hover a,
.square:focus a {
    color: #ffffff;
}
  /* 8/20修改 新增focus */

.square-fontawesome {
    padding: 18px 17px !important;
    margin: 20px 0;
}

.main-important-p {
    border-left: 3px solid #7cdf95;
    padding-left: 10px;
    margin: 74px 60px;
}

.main-ul {
    margin: 0 100px;
}

.main-ul ul li:first-child {
    padding: 22px 30px 0;
}

.main-ul ul li:last-child {
    padding: 0px 30px 22px;
}

.main-ul ul li {
    list-style: none;
    padding: 0 30px;
}

.main-ul ul li .li-box {
    border-bottom: 1px solid #647191;
    clear: both;
}

.main-ul ul li .download-li:hover,
.main-ul ul li .download-li:focus {
    background-color: #7cdf95;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
  /* 8/20修改 新增focus */

.main-ul ul li .download-li:hover p,
.main-ul ul li .download-li:focus p {
    color: #ffffff;
    text-shadow: 0 0 1px #44aa59;
}
  /* 8/20修改 新增focus */

.main-ul ul li .li-box p {
    margin: 11px 0;
}

.main-ul ul li .li-box .main-b {
    padding-bottom: 200px;
}

.li-box.link {
    padding: 37px 0;
}

.link-box a {
    margin: 15px 20px;
    width: 145px;
}

.link-box a:hover,
.link-box a:focus {
    color: #44aa59
}
  /* 8/20修改 新增focus */

.link-box .link-p {
    max-width: 510px;
}

.link-box a ins:hover,
.link-box a ins:focus {
    color: #7ac084;
}
  /* 8/20修改 新增focus */

.main-b-important {
    padding: 50px 0;
}

.inner-b h6{
    margin-bottom: 25px ;
    color: #ffffff;
    font-weight: 700;
}
.inner-b span{
    padding-left:37px;
    color: #7cdf95;
}
.inner-b div p span{
    padding-left: 0;
    color: #ffffff;
}
.inner-b ol {
    padding: 0 0 0 66px;
    margin: 1rem 0;
    list-style-type: decimal-leading-zero;
    color: #ffffff;
}

.inner-b p,
.inner-b ul{
    padding-left:37px;
    margin-bottom: 25px;
    margin-top: 15px;
    color: #ffffff;
}



.main-b-ul {
    padding: 15px 0 0 60px;
}

.back_to_top .show {
    z-index: 10;
    opacity: 1;
}

.page-item:first-child .page-link {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.page-item:last-child .page-link {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.page-link {
    border: 0;
    color: #505a78;
    font-size: 24px;
}

.page-link:hover,
.page-link:focus {
    background-color: #7cdf95;
    font-weight: bold;
    color: #ffffff;
}
  /* 8/20修改 新增focus */

.page-link:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0);
}

.campalgnTitleFontPos{
    padding: 0px 70px;
}

.main-top-title {
    /*2018-10-30修改Header高度後 頁面名稱間距調整*/
    /*修改前:padding: 30px 28px*/
    padding: 50px 28px 0px 28px;
}
.campalgn_main h2 {
    line-height:40px;
    letter-spacing: 4px;
    margin-bottom:25px;
    color: #505a78;
    font-weight: 700;
    font-size: 1.75rem;
    padding: 0px 70px;
}
.campalgn_main h3{
    font-size: 19px;
    color: #44aa59;
    margin-bottom: 25px;
    font-weight: 700!important;
}
.campalgn_main p {
    font-size: 16px;
    color: #505a78;
    margin-bottom: 50px;
    padding-left: 3rem!important;
    padding-right: 3rem!important;
}

.campalgn_main hr {
    margin: 50px 0;
    border-bottom: 1px solid #A5ABBC;
}
.campalgn_main_table {
    width: 100%;
    text-align: center;
}

.campalgn_main_table,
.campalgn_main_table thead tr th {
    border: 1px solid #44AA59;
}

.campalgn_main_table thead tr th,
.campalgn_main_table tbody tr td {
    width: 33.33%;
    padding: 15px 0;
}

.campalgn_main_table thead tr th,
.campalgn_main_table tbody tr td:first-child {
    font-weight: bold;
}

.campalgn_main_table thead {
    background-color: #7CDF95;
    color: #ffffff;
}

.campalgn_main_table tbody {
    color: #505a78;
}

.campalgn_main_table tbody tr td {
    border-right: 1px solid #44AA59;
}

.campalgn_main_table tbody tr:nth-child(even) {
    background-color: #EFFFF3;
}

.campalgn_main_table tbody tr:nth-child(odd) {
    background-color: #D4FCD6;
}


.share-out {
    float: right;
}

.campalgn_main_top_link {
    /* float: left; */
    border: 2px solid rgba(0, 0, 0, 0);
}

.campalgn_main_top_link:hover,
.campalgn_main_top_link:focus {
    box-sizing: border-box;
    border: 2px solid #7cdf95;
    border-radius: 10px;
}
  /* 8/20修改 新增focus */

.campalgn_main_a:hover ins,
.campalgn_main_a:focus ins {
    color: #44aa59;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
  /* 8/20修改 新增focus */

.campalgn-btn:hover,
.campalgn-btn:focus {
   background-color:#505a78;
   color: white;
   transition: 0.3s;
}
  /* 8/20修改 新增focus */

.share {
    width: 67px;
    height: 70px;
    background-position: 50%;
    background-repeat: no-repeat;
    margin: 20px 8px 8px 8px;
}

.share01 {
    background-image: url(../images/share01.svg);
}

.share02 {
    background-image: url(../images/share02.svg);
}

.share03 {
    background-image: url(../images/share03.svg);
}

.crime_type {
    width: 0;
}

.accordion .main-card {
    background-color: #fff;
}

.pc {
    display: flex !important;
}

.mobile {
    display: none !important;
}
.footer-mobile {
    display: none !important;
}

.toolPos {
    top: 40%;
    right: 5%;
}

.mobile-select {
    text-align-last: center;
    width: 100%;
    padding: 10px 15px;
    font-size: 20px;
    border: none;
    color: #ffffff;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    margin: 0;
    -webkit-appearance: none;
    background: #7cdf95 url(../images/select-down.svg) no-repeat;
    background-size: 15px;
    background-position: 95% 50%;
    /* 2018-11-07 新增 */
    visibility:initial!important;
}

.mobile-select option {
    background-color: #ffffff;
    color: #505a78;
    text-align-last: center;
}
.footer-ul ul{
    list-style: none;
    width: 350px;
    margin: auto;
}

.font-15{
    font-size: 15px;
}
.site-blue{
    background-color:#4F5C76;
}
.site-special{
    margin: 46px 0;
}
.site-h4{
    color: #4F5C76;
    font-size: 20px;
    margin-bottom: 16px;
    font-weight: bold;
}
.site-ul{
    margin: 0 0 28px 0;
    padding: 28px 56px;
    color: #fff;
}
.site-xml{
    display: block;
    font-weight: bold;
    float: right;
    text-align: right;
    color: #4F5A75;
    text-decoration: none;
    margin-top: 32px;
}
.site-hr{
    margin-top: 7px;
    margin-bottom: 27px;
    border-top: 1px solid #4F5A75;
}
.site-bottom{
    display: flex;
    flex-wrap: wrap;
}
.site-page{
    width: 25%;
    min-height: 130px;
}
.site-page-title {
    display: block;
    text-align: center;
    margin: 0 15px;
    color: #fff;
    font-size: 24px;
    background-color: rgb(124, 223, 149);
    text-shadow: 0 0 5px rgb(10, 80, 57);
    width: calc(100% - 30px);
}
.site-page-title:hover,
.site-page-title:focus{
    transition: 0.3s;
    background-color: rgb(80, 90, 120);
    color: #fff;
}
  /* 8/20修改 新增focus */
.site-page-ul{
    list-style: none;
    margin-top: 12px ;
    margin-left: 15px;
    margin-bottom: 0;
    border-left: 3px solid #7CDF95;
}
.site-page-a{
    color: #4F5A75;
}
/* 2018-11-08 新增 .page-item.active .page-link */
.page-item.active .page-link {
    background-color: #7cdf95!important;
}
@media screen and (min-width: 1200px) {
    .font_padding {
        padding: 0 45px;
    }
    .container {
        max-width: 1170px;
    }
    .toolSwitch {
        display: none;
    }
    .font_padding {
        padding: 0 45px;
    }
    .container {
        max-width: 1170px;
    }
    .disabled {
        pointer-events: none;
        cursor: default;
        text-decoration: none;
    }
    
}

@media screen and (max-width: 1200px) {
    .navbar{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .navbar-nav{
        margin-left: 0!important;
        /* display: none; */
        width: 100%;
    }
    .navbar-nav .nav-item {
        border-bottom: 1.2px solid #505a78;
        width: 100%;
    }
    .dropdown-menu a {
        color: #505a78 !important;
        font-weight: bold;
        padding: 13.5px 0;
        width: 100% !important;
    }
    
    /* 2019-10-03 bannerContainer取消margin:60 回復預設margin:100 */
    
    /* 2018-11-07 新增 col-lg-4.col-sm-12.mb */
    .col-lg-4.col-sm-12.mb{
        margin-bottom: 70px;
    }
    .card-img-top {
        height: 209.11px;
    }
    /* .award-main-card{
        margin-bottom: 17px;
    } */
    
    .footer-pc {
        display: none!important;
    }
    
    .footer-mobile {
        display: block!important;
    }
    
    .footer-ul:nth-child(1){
        margin-left: 0;
    }
    .footer-ul {
        border-left: 0;
        border-right: 0;
        border-top: 1px solid #a5abbc;
        padding-top: 40px!important;
        margin-top: 40px!important;
    }
    .footer-logo,
    .footer-mobile{
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .footer-logo{
        margin-left: 0;
    }
    .footer-logo .footer-logo-img{
        margin: 0 auto;
    }
    .footer-text {
        margin-top: 10px;
        text-align: center;
    }
    .footer-aeicon img{
        margin-top: 40px!important
    }
    .card.grid-item {
        width: 49%;
        padding: 15px;
        float: left;
        
    }

    .grid {
        margin: 0;
        max-width: 100%;
    }
    .award-card{
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
        margin-bottom: 25px;
    }
    .award-img-4-top{
        height: 209.11px!important;
    }
    .toolPos {
        opacity: 0.5;
    }
    .site-page {
        width: 50%;
        min-height: 100px;
        margin-bottom: 12px;
    }
}

@media (min-width: 1200px) and (max-width: 1200px) {
    .card-img-top ,
    .card-img-top-test3{
    height: 258px!important;
    }
    
}
@media screen and (max-width: 991px) {
    /* 2018-11-07 新增 .navbar-nav .nav-item */
    /* 2018-11-07 新增 .dropdown-menu a */
    .year {
        max-width: 100%;
    }
    .banner-swiper {
        margin-top: 62px;
    }
    .edu.select-type-button,
    .crime.select-type-button {
        padding: 0;
    }
    .nav-dropdown-menu {
        width: 100% !important;
    }
    .font_padding {
        padding: 0 45px;
    }
    .aeicon {
        margin-top: 13px;
    }
    /* 2018-11-07 .index-card-body 刪除 */

    .mark{
        display: none;
    }
    
    /* bottom-footer */
    .bg-color-w1.bottom-border .container {
        display: none;
    }
    .footer-ul {
        border-left: 0;
        border-right: 0;
        border-top: 1px solid #a5abbc;
        padding-top: 40px!important;
        margin-top: 40px!important;
    }
    .award-card-inside{
        margin: 15px 0;
        border-bottom: 1px solid #7cdf95;
        border-radius: 0px;
    }
    .test.award-card:last-child .award-card-inside:last-child{
        border-bottom: 0px;
    }
    .card-img-top {
        height: 450px;
    }
    .rank.excellent h2{
        padding: 8px 10px 0!important;
    }
    .award-card{
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 0;
    }
    .award-img-4-top{
        height: 450px!important;
    }
    .award-main-card,
    .award-main-4 {
        margin-bottom: 25px!important;
    }
}
/* 2018-11-07 新增 1393 - 1410 */
@media (min-width: 1024px) and (max-width: 1024px) {
    #lightboxOverlay{
        position: fixed!important;
        height: 100vh!important;
    }
    #lightbox{
        position: fixed!important;
        top: 50%!important;
        left: 50%!important;
        transform: translate(-50%, -50%)!important;
    }
}
@media screen and (max-width: 1023px) {
    #lightboxOverlay,
    #lightbox{
        display: none!important;
    }
}
@media screen and (max-width: 768px) {
    
#U,#C,#B{
    display: none;
}
    .pc {
        display: none !important;
    }
    .mobile {
        display: block !important;
    }
    .header-nav {
        padding: 10px 0 !important;
    }
    /* 2018-11-07 刪除 .navbar-nav .nav-item */
    .index-main-border,
    .index-main-border:last-child {
        border: none;
    }
    .banner-pagination {
        display: none;
    }
    /* 2018-11-07 刪除 .dropdown-menu a */
    .year {
        max-width: 100%;
    }
    .edu.select-type-button,
    .crime.select-type-button {
        padding: 0;
    }
    /* crime select-type-button */
    .edu.select-type-button a,
    .crime.select-type-button a {
        width: 25%;
    }
    .index-main {
        padding: 0;
    }
    .index-main-p {
        padding: 15px 0l;
    }
    .footer-ul {
        margin: 40px 0 0 !important;
    }
    /* 2018-11-1 新增高度 */
    .footer-logo img {
        width: 270px;
        height: 61px;
        margin-bottom: 0px !important;
    }
    .footer-li.pl-5{
        padding-left: 9rem;
    }
    .mb {
        margin-bottom: 50px;
    }
    .grid-item {
        width: 100% !important;
        padding: 15px;
        float: left;
    }
    .DrapdownMenuPos {
        transform: translate3d(0px, 48px, 0px) !important;
    }
    .navbar {
        padding: 0 0rem;
    }
    .aeicon {
        margin-top: 0;
    }
    /* 2018-11-07 .banner-button-next, .banner-button-prev 刪除 */
    .card-img-top {
        height: 497.5px;
    }
    .award-img-4-top{
        height: 497.5px !important;
    }
    /* 2018-11-08 新增 border */
    .border{
        margin-top: 30px;
        margin-bottom: 30px
    }
    /* 2018-11-08 新增 main-ul */
    .main-ul {
        margin: 0;
    }
    
}
/* iPad */

@media screen and (max-width: 414px) {
    /* .banner {
        height: 23vh;
    } */
    .banner-swiper {
        margin-top: 63px;
    }
    .banner-main {
    width: 100%;
    padding: 21.28px;
    bottom: 22px;
    }
    .site-page-ul{
        margin-top: 12px;
    }
    .site-page {
        width: 100%;
        min-height: auto;
        margin-bottom: 12px;
    }
    /* 2018-11-08 .banner-button-next,.banner-button-prev 刪除 */
    .banner-main {
        bottom: 22px;
    }
    .banner-main .container1000 {
        padding: 0;
    }
    .banner-main .container1000 p {
        font-size: 22px;
        text-align: justify;
    }
    /* 2018-11-08 .banner-button-next,.banner-button-prev 刪除 */
    .banner-main .container1000 .float-right,
    .banner-main .container1000 .float-right p,
    .banner-main .container1000 .float-right button {
        position: relative;
        float: none !important;
        margin-top: 14px;
    }
    
    .float-right a{
        margin-top: 0px;
    }
    .banner-main .container1000 .float-right p {
        width: 100%;
    }
    .banner-main .container1000 .float-right button {
        left: 50%;
        transform: translate(-50%, 150%);
    }
    .banner-main .container1000 .float-right p,
    .banner-main .container1000 .float-right p span,
    .banner-main .container1000 .float-right button {
        margin: 15px 0;
        text-align: center;
    }
    .banner-main .container1000 .float-right p,
    .banner-main .container1000 .float-right p span {
        text-align: center;
        font-size: 18px !important;
    }
    .dropdown-menu.crime {
        width: 100% !important;
    }
    .dropdown-menu.crime .dropdown-item.active,
    .dropdown-menu.crime .dropdown-item:active {
        background-color: #7cdf95;
        color: #ffffff !important;
    }
    .index-bg {
        /* 2018-11-08 圖片更新成 svg */
        background-image: url(../images/index-bg-02.png);
    }
    .main {
        padding: 70px 0 0;
    }
    .index-bg.main {
        padding: 70px 0 140px;
    }
    .index-main-p {
        font-size: 18px;
    }
    .row.box.crime-inner {
        margin: 0;
    }
    .row.box.crime-inner .col-lg-7.col-sm-12 .row .font-18 {
        text-align: center;
        margin-top: 16px;
    }

    .crime-inner .container .row.box .col-lg-7 .row span{
        margin-top: 16px;
    }
    
    .projuct .container h1::before,
    .projuct .container h1::after {
        width: 25%;
    }

    .edu.select-type-button a,
    .crime.select-type-button a {
        width: 33.33%;
    }
    /* main-top-title */
    .main-top-title{
        padding: 0px 29px;
    }
    .main-top-title h1 {
        font-size: 40px;
    }
    .main-important-p {
        margin: 35px 15px;
    }
    /* 2018-11-07 刪除 main-ul */
    .card {
        margin: 15px 0;
    }
    .link-box {
        text-align: center;
    }
    .link-box div {
        width: 100% !important;
    }
    .link-box img {
        max-width: 50% !important;
        float: none !important;
        margin: 0 auto
    }
    .link-box div a {
        margin: 0 !important;
        padding: 0 15%;
        width: 100%;
    }
    .media-card {
        text-align: center;
    }
    .square {
        width: 50px;
        padding: 15px 0px;
    }
    .back_to_top .top {
        bottom: 20px;
    }
    footer .container .row div .mark {
        display: none;
    }
    footer .container .row {
        padding: 15px 30px;
    }
    .mobile .footer-ul .footer-li p {
        width: 70px;
        text-align-last: justify;
        text-align: justify;
        float: left;
    }
    .footer-ul {
        border-left: 0;
        border-right: 0;
        border-top: 1px solid #a5abbc;
        margin: 15px 0;
    }

    .mobile {
        border: none;
    }
    .campalgn_main_top {
        padding: 50px 21px;
    }
    .IconPos {
        margin-left: auto;
        margin-right: auto;
    }
    .card-img-top {
        height: 276.92px;
    }
    .award-img-4-top{
        height: 276.92px!important;
    }
    .breadcrumb-out{
        margin-top: 51px;
    }
}

@media screen and (max-width: 576px) {
    /* 首頁 */
    /* 2018-11-08 .banner 刪除 */
    .mb {
        margin-bottom: 5px;
    }

    .banner-time-btn{
        clear: both;
    }
    .banner-time-btn-d-flex{
        display: flex;
        float: none!important;
        margin: 14px;
    }
    .banner-time a{
        margin: 0 auto;
    }
    .ml-30{
        margin-left: 32%;
    }
    /* -------- */
    .select-type-button a {
        border-left: 0px solid #FFFFFF;
        border-right: 0px solid #FFFFFF;
    }
    .main-important-p {
        text-align: justify;
    }
    footer .container .row {
        padding: 15px 0px !important;
    }
    .footer-logo{
        margin-top: 25px;
    }
    /* 犯罪類型 */
    .font-50.font-color-w1.font-shadow span.font-18 {
        font-size: 20px;
    }
    .main-b-p.font-color-w1 {
        text-align: justify;
    }
    .row .type-main {
        text-align: justify;
    }
    /* 手積分頁 */
    .main-top {
        height: 150px;
        padding-top: 0px;
    }
    .box {
        margin: 40px 0px 20px 0px;
    }
    .toolPos {
        display: none;
    }
    .breadcrumb {
        display: none;
    }
    .toolPos {
        display: none;
    }
    .toolSwitch {
        display: block
    }
    .nav-logo{
        padding-left: 13px;
    }
    .footer-ul {
        margin: 40px 0 25px !important;
    }
    .footer-ul p{
        margin-right: 10px;
    }
    .main-top{
        margin-bottom: 0px;
    }
    .campalgnTitleFontPos{
        padding: 0px;
        font-size: 22px
    }
    .mb-4{
        margin-bottom: 0px !important;
    }
    .px-5{
        padding: 0px !important;
    }
    /* 2018-11-08 刪除 .border  */
    .card{
        margin: 15px 0;
        border-bottom: 1px solid #7cdf95;
        border-radius: 0px;
    }
    .edu-inner div:last-child .card{
        border: none;
    }
    #btnSize .mobile-select{
        width: 108%;
    }
    .mobile_Border{
        border: none;
    }
    #linkbtn01 .li-box:first-child{
        padding-top: 0px;
    }
    #linkbtn02 .li-box:first-child{
        padding-top: 0px;
    }
    #linkbtn03 .li-box:first-child{
        padding-top: 0px;
    }

    .main-top-title {
        /*2018-10-30修改Header高度後 頁面名稱間距調整*/
        /*修改前:padding: 30px 28px*/
        padding: 13px 28px 0px 28px;
    }
}

@media screen and (max-width: 375px) {
    .campalgn_main_top {
        padding: 50px 2px;
    }
    .banner-main {
        bottom: -18px;
    }
    /* 2018-11-07 .banner-button-next, .banner-button-prev 刪除 */
    .card-img-top {
        height: 248.79px;
    }
    .award-img-4-top{
        height: 248.79px!important;
    }
    .breadcrumb-out {
        margin-top: 27px;
    }
}

@media screen and (max-width: 320px) {
    body {
        width: 100%;
    }
    /* 2018-11-1 新增高度 */
    .nav-logo img {
        width: 200px;
        height: 40.47px;
    }
    
    .banner-swiper {
        margin-top: 51px;
    }
    #widthOffset {
        width: 256px !important;
    }
    .share {
        margin: 0;
        margin-right: 21px;
    }
    .IconPos {
        padding: 0px 0px;
    }
    .campalgn-btn {
        padding-left: 6px;
    }
    .footer-ul ul {
        list-style: none;
        width: 286px;
        margin: auto;
    }
    .footer-li{
        padding-left: .25rem!important;
        padding-right: 0px;
    }
    .banner-main {
        bottom: -24px;
    }
    /* 2018-11-08 .banner 刪除 */
    /* 2018-11-07 .banner-button-next, .banner-button-prev 刪除 */

    /* 2018-11-07 新增 .footer-ul p.font-color-w1.font-7_5 */
    .footer-ul p.font-color-w1.font-7_5{
        padding-left: 29px!important;
        width: 263px!important;
    }
}