@font-face {
    font-family: LiSong;
    src: url("../webfonts/LiSong.eot"); /* IE9*/
    src: url("../webfonts/LiSong.eot") format("embedded-opentype"), url("../webfonts/LiSong.woff") format("woff"), /* chrome、firefox */
    url("../webfonts/LiSong.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
}

/*-----------------------------------通用-----------------------------------*/
[lang="en"] body {
    font-family: Arial, Helvetica, sans-serif;
}

body {
    margin: 0;
    padding: 0;
    line-height: 170%;
    font-family: "微軟正黑體", "open-sans", Times New Roman, sans-serif;
    color: #333;
    background: #fff;
    font-size: 1em;
    background-position: top;
    background-repeat: no-repeat;
}

* {
    padding: 0;
    margin: 0;
}

a {
    color: #333;
}

    a:hover, a:focus {
        color: #003425;
    }

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

img {
    max-width: 100%;
    height: auto;
}

h1 {
    margin: 0 !important;
    line-height: normal;
    font-size: inherit;
}

h2 {
    font-weight: 400;
    line-height: 130%;
    margin-bottom: 0;
    color: #003425;
}

h3 {
    color: #7d4698;
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 10px;
    line-height: 130%;
    text-transform: none;
}

h4, .title_01, pre {
    color: #045631;
    font-size: 1.25em;
    font-weight: bold;
    margin-bottom: 10px;
}

h5 {
    color: #000;
    font-size: 1.15em;
    font-weight: bold;
    margin-bottom: 10px;
}

p {
    margin: 0 0 5px;
}

pre {
    background-color: transparent;
    border: none;
    padding: 0;
    letter-spacing: 0.01em;
}

hr {
    float: left;
    width: 100%;
}

label {
    font-weight: 500;
}

.container {
    width: 100%;
}

.form-control {
    font-size: 1em;
}

.text_center {
    text-align: center;
}

.text_right {
    text-align: right;
}

.float_left {
    float: left;
}

.float_right {
    float: right;
}

input[type=file] {
    max-width: 200px;
}

input[type=file].form-control {
    max-width: 500px;
}

select {
    background: #fff;
    height: 34px;
}

.required {
    color: #003425;
    font-size: 0.8em;
}

.input-xsmall {
    width: 80px !important;
}

.input-small {
    width: 145px !important;
}

.input-medium {
    width: 240px !important;
}

.input-large {
    width: 320px !important;
}

.btn_01 {
    background: #7d4698;
    padding: 6px 15px;
    color: #fff;
    font-size: 1em;
    border: none;
    letter-spacing: 1px;
    cursor: pointer;
    border-radius: 30px;
}

.btn_01:hover, .btn_01:focus {
    background: #003425;
    color: #fff !important;
}

.btn_01.disabled {
    background-color: #666;
    cursor: none;
}

button.btn_01, html input.btn_01, button.btn_02, html input.btn_02 {
    padding: 5px 20px;
}

.btn_02 {
    background: #666;
    padding: 6px 15px;
    color: #fff;
    font-size: 1em;
    border: none;
    letter-spacing: 1px;
    cursor: pointer;
    border-radius: 30px;
}

.btn_02:hover, .btn_02:focus {
    background: #333;
    color: #fff !important;
}

.btn-primary {
    border-color: #666;
    background-color: #666;
    color: #FFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.btn-primary:hover {
    border-color: #003425;
    background-color: #003425;
    color: #FFF;
}

.btn-primary:active, .btn-primary:focus {
    border-color: #003425;
    background-color: #003425;
    color: #FFF;
    outline: 2px solid #00b0f0;
}

.btn_box {
    float: left;
    width: 100%;
    margin: 20px 0;
}

.display_inline {
    display: inline-block !important;
}

.display_none {
    display: none;
}

.scroll-to-top:hover, .scroll-to-top:focus {
    background: #003425;
}

.scroll-to-top:hover i, .scroll-to-top:focus i {
    color: #fff;
}

.nomarginbottom {
    margin-bottom: 0px;
}

.nomargintop {
    margin-top: 0px;
}

.nomarginbottom {
    margin-bottom: 0px;
}

.nomarginleft {
    margin-left: 0px;
}

.nomarginright {
    margin-right: 0px;
}

.nopaddingtop {
    padding-top: 0px;
}

.nopaddingbottom {
    padding-bottom: 0px;
}

.nopaddingleft {
    padding-left: 0px;
}

.nopaddingright {
    padding-right: 0px;
}

.mt-2 {
    margin-top: 0.5rem !important;
}

.mt-3 {
    margin-top: 1rem !important;
}

.mt-4 {
    margin-top: 1.5rem !important;
}

.mt-5 {
    margin-top: 3rem !important;
}

.w-100 {
    width: 100%;
}

.w-auto {
    width: auto;
}

.line {
    background-image: linear-gradient(to right, transparent, #DBDBDB, transparent);
    height: 2px;
    float: left;
    width: 100%;
    margin: 25px 0;
}

.form-control {
    padding: 5px 8px;
    box-shadow: none;
    margin: 2px 0;
}

.date {
    font-size: 0.9em;
    color: #7d4698;
}

.top_class {
    background: #7d4698;
    border-radius: 30px;
    padding: 2px 10px;
    color: #fff;
    margin: 5px;
}

.dropdown-menu {
    font-size: 1em;
}


/*for無障礙*/
* {
    padding: 0;
    margin: 0;
    line-height: 1.5 !important;
    word-spacing: 0.16em !important;
}

[lang*="zh"] {
    letter-spacing: 0.14em !important;
}

[lang="en"] {
    letter-spacing: 0.12em !important;
}

p {
    margin-bottom: 2em !important;
}
[accesskey="C"] {
    border-left: none !important;
}

[accesskey="B"] {
    color: #E4F0EC !important;
}

.accesskey {
    text-decoration: none;
}
.accesskey:focus {
    outline: 3px solid #00b0f0;
    text-decoration:none;
}
a:focus,
.btn:focus {
    outline: 3px solid #00b0f0 !important;
    text-decoration: none;
}

a.sr-only {
    color: #fff;
    background: #000;
    float: left;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: absolute !important;
    z-index: 99999;
}

input.form-control:focus, textarea.form-control:focus, input[type="text"]:focus, input[type=file]:focus, input[type=checkbox]:focus, input[type=button]:focus, input[type=radio]:focus, input[type=password]:focus, input[type=tel]:focus, textarea:focus, select:focus {
    background-color: #ffbf47 !important;
    color: #000 !important;
    outline: 2px solid #00b0f0 !important;
}

input[type=submit]:focus {
    outline: 2px solid #00b0f0 !important;
}

input[type=file] {
    background: #fff !important;
    padding: 0 !important;
}

button:focus, #icon_btn:focus {
    outline: 2px solid #00b0f0;
}

/* Firefox */
@-moz-document url-prefix() {
    .sr-only-focusable:active, .sr-only-focusable:focus {
        position: relative !important;
    }
}


/*font-size*/
.font_l {
    font-size: 120%
}

.font_m {
    font-size: 100%
}

.font_s {
    font-size: 80%
}


/*header*/
/*tophome*/
#header {
    z-index: 999;
}

#header .header-body {
    border-bottom: solid #eee 1px;
}

#tophome {
    float: left;
    width: 100%;
    background: linear-gradient(to right, #003425, #7d4698) /*#e5e5e5*/;
    font-size: 0.85em;
    line-height: 170%;
    height: 35px;
    color: #e4f0ec;
    z-index: 99;
    position: absolute;
}

#header .header-nav-top .nav > li > a {
    color: #fff;
}

#header .header-nav-top .nav > li > a:hover {
    color: #fff;
}

#tophome li:after {
    content: "|";
    color: #fff;
}

#tophome li:first-child:after, #tophome li:last-child:after {
    content: "";
}

.font_size {
    display: inline-block;
}

.header-nav-top .nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    display: inline-block;
}

.header-nav-top .nav-pills > li + li {
    margin-left: 0;
}

.header-nav-top i {
    font-size: 1.6em;
    margin-top: 1px;
    color: #fff;
}

.header_search {
    margin-top: 5px;
}

.header_search input {
    height: auto;
    line-height: 110%;
    padding: 4px 5px;
    border: none;
}

.header_search button {
    background: #333;
    border: none;
    color: #fff;
    padding: 4px 15px;
    line-height: 110%;
    border-radius: 4px;
    margin-top: 2px;
    vertical-align: top;
}

.header_search button:hover, .header_search button:focus {
    background: #233f67;
    color: #fff;
}

.header-nav-search {
    display: none;
}


/*top_share*/
.top_share {
    list-style: none;
    display: inline-block;
    vertical-align: top;
}

.top_share li {
    display: inline-block;
    padding: 0px 5px;
}


/*top menu*/
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > li:focus, .dropdown-menu > li a:active, .header-nav-main .nav .open > a:focus {
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
}

#header .header-nav-main nav > ul > li:hover:after {
    width: 100%;
    background: #003425;
}

.header-nav-main .dropdown-menu {
    margin: 0 !important;
    font-size: 1em;
}

.header-nav-main .dropdown a > img {
    width: 30px;
}

#header .header-nav-main nav > ul > li > a {
    font-size: 0.9em;
}
#header .header-nav-main nav > ul .menu_search > a {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}

/*header menu滑入出現底色*/
#header .header-nav-main nav > ul > li:hover, #header .header-nav-main nav > ul > li:focus {
    /*background:#fff;*/
}

.header-nav-main .dropdown > a {
    text-align: center;
    color: #333;
    padding: 0 15px;
}

#header .header-nav-main nav > ul > li:hover > a, #header .header-nav-main nav > ul > li:focus > a {
    color: #333 !important;
}

.dropdown-menu > li > a {
    white-space: normal;
}


/*header menu滑入上方出現線條*/
#header .header-nav-main nav > ul > li:before, #header .header-nav-main nav > ul > li:focus {
    content: '';
    display: block;
    margin: auto;
    height: 3px;
    width: 0px;
    background: transparent;
    transition: width .5s ease, background-color .5s ease;
}

#header .header-nav-main nav > ul > li:hover:before, #header .header-nav-main nav > ul > li:hover:focus {
    width: 100%;
    background: #003425;
}


/*選單最後一項置右對齊*/
#header .header-nav-main nav > ul > li:nth-last-child(-n+2) > .dropdown-menu {
    right: 15px;
}

#header .header-nav-main nav > ul > li:nth-last-child(-n+2).dropdown .dropdown-menu li.dropdown-submenu > .dropdown-menu {
    right: 160px;
    left: auto !important;
}


/*menu無障礙*/
#header .header-btn-collapse-nav_1 {
    background: #fff;
    color: #00693e;
    display: none;
    float: right;
    margin: 12px 0 8px 15px;
    border: solid 1px #00693e;
}

#header .header-nav-main nav ul li.dropdown.open > .dropdown-menu,
#header .header-nav-main nav > ul > li.dropdown:focus > .dropdown-menu {
    top: auto;
    display: block;
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

#header .header-nav-main-effect-1 nav > ul > li.dropdown.open > .dropdown-menu > li > a {
    transform: translate3d(0, 0, 0);
}

#header .header-nav-main nav ul li.dropdown.open li.dropdown-submenu > .dropdown-menu.open {
    top: 0 !important;
    display: block !important;
    opacity: 1 !important;
    transform: translate3d(0, 0, 0) !important;
}

.nav .open > a {
    background-color: transparent;
}

.dropdown-backdrop {
    z-index: auto !important;
}

.dropdown-submenu.open .dropdown-menu {
    display: block !important;
}


/*search*/
.menu_search > a {
    margin: 35px 0 30px 0;
    background: #7d4698;
    height: 40px !important;
    width: 40px;
    border-radius: 30px !important;
    padding: 10px !important;
}

.menu_search a i {
    color: #fff;
}

.menu_search a:hover, .menu_search > a:focus {
    background: #003425 !important;
}

.menu_search .dropdown-menu {
    background: #eef6f2 !important;
    border: solid #eee 1px;
}

#header .header-nav-main nav > ul > .menu_search:hover:before {
    background-color: transparent;
}

#SubForm {
    z-index: 1002;
    display: block;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    text-align: center;
    position: fixed;
    left: 0;
    top: 0;
}
#SubForm .close_icon {
    position: absolute;
    top: .1em;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.5em;
    height: 2.5em;
}
.close-reveal-modal {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    height: 100%;
    background: none;
    font-weight: bold;
    font-size: 1.875em;
    color: #000;
    border: none;
    text-align: right;
    cursor: pointer;
}

.close-reveal-modal:hover, .close-reveal-modal:focus {
    outline: 2px solid #00b0f0;
}

.menu_search_box {
    background: #f8f8f8;
    margin: 0 auto;
    overflow: hidden;
}

.search_box {
    width: 100%;
    margin: 50px auto;
    max-width: 700px;
    padding-bottom: 50px;
}

.search_input {
    position: relative;
    float: left;
    width: 100%;
}

.search_box label {
    width: 100%;
    margin-bottom: 0;
    background-color: transparent;
    border-radius: 5px;
}

.search_input input {
    width: 100%;
    background-color: transparent;
    border: none;
    padding:10px 55px 10px 15px;
    border:solid #ccc 1px;
    border-radius:4px;
    background:#fff;
}
.search_icon{
    padding: 6px 16px;
    background-color:transparent;
    color: #ccc;
    font-size: 1.125em;
    border: none;
    letter-spacing: 1px;
    cursor: pointer;
    border-radius: 4px;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
}

    .search_icon i {
        color: #003425;
    }

#header .header-nav-main nav > ul > li:last-child:before, #header .header-nav-main nav > ul > li:last-child:focus {
    width: auto !important;
    height: 0;
}

.keyword {
    float: left;
    width: 100%;
    text-align: left;
    margin: 0 auto;
    max-width: 700px;
}

.keyword a {
    background: #003425;
    border-radius: 30px;
    padding: 1px 15px 2px 15px;
    margin-right: 5px;
    color: #fff;
}

.keyword a:hover, .keyword a:focus {
    background: #898989 !important;
}


/*mobile search*/
#SubForm_m {
    z-index: 1002;
    display: block;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    text-align: center;
    position: fixed;
    left: 0;
    top: 0;
}
#SubForm_m .close_icon{ 
    position: absolute;
    top: .1em;
    right: 1.875em;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2em;
    height: 2em;
}
#SubForm_m .close-reveal-modal {
    font-size: 1.5em;
}
.menu_search_box .container{
    padding:0 30px;
}

#SubForm_m .keyword {
    margin: 0 auto 30px auto;
}

#SubForm,
#SubForm_m {
	display: none;
}

#SubForm.open,
#SubForm_m.open {
	display: block;
}


/*index_banner*/
.index_banner {
    margin-top: 144px;
    float: left;
    width: 100%;
}

.index_banner .banner_01 {
    position: relative;
}

.index_banner a {
    float: left;
    width: 100%;
    height: 100%;
}

.index_banner owl-item.active a:focus img {
    border: 5px solid #00b0f0;
}

.index_banner a:focus .defaultimg, .index_banner a:focus .videoisplaying {
    border: 5px solid #00b0f0;
}

.index_banner li {
    position: relative;
}

.index_banner .font_box {
    position: absolute;
    background: rgba(0,0,0,.7);
    padding: 30px 15px;
    text-align: center;
    bottom: 0;
    z-index: 99 !important;
    color: #fff;
    width: 100%;
}

.index_banner a:focus .font_box {
    border-left: 5px solid #00b0f0;
    border-right: 5px solid #00b0f0;
    border-bottom: 5px solid #00b0f0;
}

.index_banner .font_box .title {
    font-size: 1.5em;
    font-weight: bold;
    line-height: 150%;
    padding-bottom: 5px;
}

.index_banner .font_box .con_font {
    font-size: 1.125em;
    line-height: 150%;
}

.index_banner .owl-prev {
    margin-left: 20px !important;
}

.index_banner .owl-next {
    margin-right: 20px !important;
}

.index_banner .owl-autoplay-toggle {
    position: absolute;
    right: 18px;
    bottom: 18px;
    z-index: 30;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-width: 58px;
    padding: 4px 10px;
    border: 1px solid #003425;
    border-radius: 4px;
    background: #003425;
    color: #fff;
    font-size: 0.875em;
    line-height: 1.4;
    opacity: 0.85;
}

.index_banner .owl-autoplay-toggle .fa {
    font-size: 0.875em;
    line-height: 1;
}

.index_banner .owl-autoplay-toggle:hover {
    opacity: 1;
}

.index_banner .owl-autoplay-toggle:focus {
    outline: 3px solid #00b0f0;
    outline-offset: 2px;
}



/*index_news*/
.index_news {
    float: left;
    width: 100%;
    padding: 50px 0;
    background: url(../img/bg_03.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

.index_news h2 {
    text-align: center;
    color: #000;
    font-size: 2.25em;
    font-weight: 500;
}

.index_news h2:after {
    content: ' ';
    display: block;
    clear: both;
    width: 50px;
    margin: 20px auto 10px auto;
    border-bottom: 3px solid #7d4698;
}

.index_news .list {
    float: left;
    width: 100%;
    padding-top: 10px;
    margin: 0 auto;
}

.index_news .list .item {
    float: left;
    width: 33.3%;
    padding: 20px;
}

.index_news .list a {
    float: left;
    width: 100%;
}

.index_news .list a:hover .img {
    border-radius: 20px;
    transition: all 1s;
}

.index_news .list .img {
    position: relative;
    border-radius: 10px 0 20px 0;
}

.index_news .list img {
    width: 100%;
}

.index_news .list .date {
    margin-bottom: 15px;
    position: absolute;
    bottom: 0;
    left: 10px;
}

.index_news .list .date span {
    background: #7d4698;
    color: #fff;
    border-radius: 30px;
    padding: 7px 13px;
    font-size: 0.875em;
}

.index_news .list .font_box {
    width: 100%;
    padding: 15px;
}

.index_news .list .title {
    font-size: 1.125em;
    padding-bottom: 5px;
}

.index_news .list .more {
    color: #003425;
}

.index_news .btn_box {
    text-align: center;
}

.index_news .btn_box .btn_01 {
    padding: 10px 25px;
    position: relative;
    color: #003425;
    background-color: transparent;
}

.index_news .btn_box .btn_01:after {
    content: "\f178";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    padding-right: 0.5em;
    position: relative;
    left: 10px;
    width: 20px;
    color: #003425;
}

.index_news .btn_box .btn_01:hover, .index_news .btn_box .btn_01:focus {
    color: #fff;
    background-color: #003425;
}

.index_news .btn_box .btn_01:hover:after, .index_news .btn_box .btn_01:focus:after {
    color: #fff;
    left: 15px;
}


/*index_news_01*/
.index_news_01 {
    float: left;
    width: 100%;
    padding: 50px 15px 0 15px;
    background: linear-gradient(-70deg, transparent 50%, #e4f0ec 0), linear-gradient(110deg, transparent 55%, #fff 0);
}

.index_news_01:after {
    content: "";
    background: #fff;
    float: left;
    width: 100%;
    height: 150px;
    margin: -100px -20px 0 -20px;
}

.index_news_01 .img {
    float: left;
    width: 65%;
    padding: 80px 0 0 10%;
}

.index_news_01 .img .item {
    position: relative;
    background: #fff;
}

.index_news_01 .img .font_box {
    position: absolute;
    bottom: 0;
    background: linear-gradient(rgba(0,0,0,0)10%,rgba(0,0,0,.85)40%);
    color: #fff;
    width: 100%;
    text-align: left;
    padding: 30px 6% 15px 20px;
}

.index_news_01 .img .font_box .date {
    color: #d1c4e0;
    font-size: 0.9em;
}

.index_news_01 .img .font_box .title {
    font-size: 1.25em;
    font-weight: bold;
    line-height: 150%;
}

.index_news_01 #sync1 a {
    float: left;
    width: 100%;
}

.index_news_01 #sync1 a:focus {
    border: 2px solid #00b0f0;
}

.index_news_01 .font {
    float: left;
    width: 35%;
    margin-left: -3%;
    position: relative;
}

.index_news_01 h2 {
    color: #000;
    font-size: 2.25em;
    font-weight: 500;
    border-bottom: solid 1px #ccc;
    margin-left: 15%;
}

.index_news_01 h2:after {
    content: ' ';
    display: block;
    clear: both;
    width: 50px;
    padding-bottom: 15px;
    border-bottom: 3px solid #7d4698;
}

.index_news_01 #sync2 .owl-stage {
    width: 100% !important;
    transform: translate3d(0px, 0px, 0px);
}

.index_news_01 #sync2 .owl-item {
    float: right;
    width: 85% !important;
    padding: 4%;
    margin: 3px 0;
    cursor: pointer;
    background: #f3eef9;
    border-top-right-radius: 20px;
}

.index_news_01 #sync2 .table {
    margin-bottom: 0;
}

.index_news_01 #sync2 .no {
    color: #7d4698;
    font-family: Impact;
    font-size: 1.875em;
    vertical-align: middle;
}

.index_news_01 #sync2 .owl-item.current .no {
    color: #fff !important;
}

.index_news_01 #sync2 .title {
    vertical-align: middle;
    text-align: left;
    padding-left: 20px;
    font-size: 1.125em;
}

.index_news_01 #sync2 .owl-item.current {
    color: #fff !important;
    width: 100% !important;
}

.index_news_01 #sync2 .owl-item:focus, .index_news_01 #sync2 .owl-item:focus {
    /*outline:2px solid #00b0f0;*/
    border: 4px solid #00b0f0;
}

.index_news_01 .btn_box .btn_01 {
    padding: 10px 25px;
    margin: 0 0 0 15%;
    color: #003425;
    background-color: transparent;
}

.index_news_01 .btn_box .btn_01:after {
    content: "\f178";
    font-family: FontAwesome;
    /*font-family: "Font Awesome 5 Free";*/
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    padding-right: 0.5em;
    position: relative;
    left: 10px;
    width: 20px;
    color: #003425;
}

.index_news_01 .btn_box .btn_01:hover, .index_news_01 .btn_box .btn_01:focus {
    color: #fff;
    background-color: #003425;
}

.index_news_01 .btn_box .btn_01:hover:after, .index_news_01 .btn_box .btn_01:focus:after {
    color: #fff;
    left: 15px;
}


/*owl同步輪播圖*/
#sync1 .owl-nav {
    margin-left: -60px;
}

#sync1 .item img {
    width: 100% !important;
    margin: 0 auto;
    border: solid #ddd 1px;
}

#sync1 .owl-carousel .owl-item {
    margin: 0 auto;
}

#sync1.owl-carousel .owl-nav .owl-prev:before, #sync1.owl-carousel .owl-nav .owl-next:before {
    display: none;
}

#sync1 .owl-nav {
    display: none;
}

.owl-carousel.owl-drag .owl-item {
    text-align: center;
}

.img-thumbnail {
    border: none;
    padding: 0;
    border-radius: 0;
}

.img-thumbnail img {
    border-radius: 0;
}

#sync2 {
    position: relative;
    top: 20px;
    margin-bottom: 20px;
}

#sync2 .owl-item {
    padding: 3px;
}

#sync2 .item {
    padding: 3px;
    float: left;
}

#sync2 img {
    overflow: hidden;
    width: 100%;
}

#sync2 .current {
    background: #003425 !important;
}

.owl-theme .owl-nav [class*=owl-] {
    position: absolute;
}

.mfp-image-holder .mfp-close {
    padding-top: 5px;
}

#sync2.owl-carousel .owl-dots.disabled, #sync2 .owl-carousel .owl-nav.disabled {
    display: none;
}

#sync2 .owl-dots {
    display: none;
}

#sync2 .owl-nav {
    margin-top: -15px;
}


/*index_about*/
.index_about {
    float: left;
    width: 100%;
    padding: 50px 0;
    overflow: hidden;
    position: relative;
}

.index_about .container {
    position: relative;
}

.index_about .container .rotate-container {
    left: -700px;
    top: 0;
}

.index_about > .container .box .font h2 {
    color: #000;
    font-size: 2.25em;
    font-weight: 500;
    border-left: solid 4px #7d4698;
    padding-left: 20px;
    margin: 0 0 40px 0;
    line-height: 100%;
}

.index_about .box {
    float: left;
    display: flex;
    width: 100%;
    position: relative;
    padding: 0 15px;
}

.index_about .box:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 80%;
    background: #f5f5f5;
    right: -70%;
    bottom: -75px;
    z-index: -1;
}

.index_about .box .font {
    float: left;
    width: 52%;
    padding: 0 5% 0 0;
}

.index_about .box .font .con_font {
    padding-bottom: 10px;
    text-align: justify;
}

.index_about .box .font .more {
    color: #003425;
    font-size: 0.9em;
}

.index_about .box .font .more:hover {
    color: #7d4698;
}

.index_about .icon_box {
    float: left;
    width: 100%;
    margin-top: 30px;
}

.index_about .icon_box .table-cell {
    vertical-align: top;
}

.index_about .icon_box .icon {
    width: 65px;
    padding-right: 15px;
}

.index_about .icon_box .icon img {
    background: #003425;
    border-radius: 30px;
}

.index_about .icon_box .title {
    font-size: 1.5em;
    color: #003425;
    font-weight: bold;
    padding: 0 0 10px 0;
}

.index_about .icon_box .item {
    float: left;
    width: 100%;
    padding: 0 30px 0 0;
}

.index_about .icon_box .item:nth-child(2n+1) {
    clear: both;
}

.index_about .box .video {
    float: left;
    width: 48%;
}


/*kpi*/
.kpi {
    float: left;
    width: 100%;
    padding: 100px 3% 60px 3%;
}

.kpi h2 {
    text-align: center;
    color: #000;
    font-size: 2.25em;
    font-weight: 500;
}

.kpi h2:after {
    content: ' ';
    display: block;
    clear: both;
    width: 50px;
    margin: 20px auto 10px auto;
    border-bottom: 3px solid #7d4698;
}

.kpi ul {
    list-style: none;
    text-align: center;
}

.kpi ul li {
    width: 17%;
    margin: 1%;
    display: inline-block;
    text-align: center;
    vertical-align: text-top;
}

.kpi ul li:nth-child(2) .bg_icon_02 {
    animation-delay: -2s;
}

.kpi ul li:nth-child(3) .bg_icon_02 {
    animation-delay: -4s;
}

.kpi ul li:nth-child(4) .bg_icon_02 {
    animation-delay: -6s;
}

.kpi ul li:nth-child(5) .bg_icon_02 {
    animation-delay: -8s;
}

.kpi .round {
    position: relative;
    padding: 0 5%;
}

.bg_icon_02 {
    background: url(../img/index_bg_02.png);
    background-size: cover;
    width: 100%;
    z-index: -1;
    animation-name: rotateZ;
    animation-duration: 20s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-fill-mode: both;
}

.kpi ul li:hover .bg_icon_02 {
    animation-play-state: running;
}

.kpi .number {
    position: absolute;
    top: 25%;
    width: 90%;
    font-size: 4em;
    font-family: impact;
}

.kpi .title {
    font-size: 1.1em;
    padding-top: 10px;
    line-height: 130%;
}


/*index_result*/
.index_result {
    float: left;
    width: 100%;
    background: linear-gradient(-100deg, transparent 80%, #595759 0), linear-gradient(80deg, transparent 20%, #f5f5f5 0);
}

.index_result .container > .title {
    float: left;
    width: 20%;
    text-align: right;
    padding: 10% 0;
    position: relative;
}

.index_result h2 {
    color: #fff;
    font-size: 2.25em;
    font-weight: 500;
    position: absolute;
    bottom: 20px;
    right: 70px;
}

.index_result h2:before {
    content: ' ';
    display: block;
    clear: both;
    width: 50px;
    border-bottom: 3px solid #d1c4e0;
    position: absolute;
    right: 0;
    top: -20px;
}

.index_result .list {
    float: left;
    width: 80%;
    padding: 5% 70px 4% 70px
}

.index_result .list .item {
    text-align: left;
}

.index_result .number {
    color: #7d4698;
    font-family: impact;
    font-size: 4em;
    padding: 20px 0 20px 0;
    height: 100px;
}

.index_result .number span {
    font-size: 0.1em;
    padding-left: 10px;
    font-family: "微軟正黑體", "open-sans", Times New Roman, sans-serif;
}

.index_result .list .title {
    line-height: 130%;
}

.index_result .owl-carousel .owl-nav .owl-prev {
    left: -50px;
    display: none;
}

.index_result .owl-carousel .owl-nav .owl-next {
    right: -50px;
}

.owl-carousel .owl-nav [class*='owl'] {
    background: rgba(0,0,0,.5) !important;
    border-radius: 50% !important;
    color: #fff !important;
}

.owl-nav {
    top: 50%;
    position: absolute;
}


/*index_video*/
.index_video {
    float: left;
    width: 100%;
    padding: 5% 3%;
    overflow: hidden;
}

.index_video .container {
    position: relative;
}
.index_video .font {
    float: left;
    width: 25%;
    padding-right: 50px;
}

.index_video .font .con_font {
    text-align: justify;
}

.index_video h2 {
    color: #000;
    font-size: 2.25em;
    font-weight: 500;
    margin-bottom: 20px;
}

.index_video h2:after {
    content: ' ';
    display: block;
    clear: both;
    width: 50px;
    padding-bottom: 15px;
    border-bottom: 3px solid #7d4698;
}

.index_video .img {
    float: left;
    width: 75%;
    padding: 30px 60px;
}

.index_video .img .title {
    text-align: left;
    font-size: 1.125em;
    padding-left: 40px;
    position: relative;
    margin-top: 20px;
}

.index_video .img .title:before {
    content: "";
    width: 30px;
    border-bottom: solid #7d4698 2px;
    display: block;
    position: absolute;
    left: 0;
    padding: 6px 0;
}

.index_video .img .item {
    padding: 0 40px;
}

.index_video .img .video {
    box-shadow: 8px 8px 0px 0px #eee;
}

.index_video .owl-carousel .owl-nav .owl-prev {
    left: -30px;
}

.index_video .owl-carousel .owl-nav .owl-next {
    right: -30px;
}


/*footer_sitemap*/
.footer_sitemap {
    float: left;
    width: 100%;
    text-align: center;
    background-color: transparent;
    position: relative;
    margin-top: -15px;
}

.footer_sitemap:after {
    content: "";
    display: block;
    border-bottom: solid #003425 4px;
    margin-top: -13px;
}

.sitemap_icon {
    text-align: center;
    background: #003425;
    color: #fff;
    padding: 12px 15px;
    border-radius: 30px;
    z-index: 99;
    position: relative;
    border: solid 2px rgba(255,255,255,0.4);
}

.sitemap_icon:hover, .sitemap_icon:focus {
    background: #7d4698;
    color: #fff;
}


/*footer*/
footer {
    float: left;
    width: 100%;
    position: relative;
    line-height: 150%;
}

footer > .toggle_menu {
    padding: 60px 25px;
    background: #003425;
    color: #fff;
}

footer .footer_list {
    float: left;
    width: calc(100% / 6);
    padding: 20px;
}

footer .footer_list:nth-child(6n+1) {
    clear: both;
}

.footer_list > a {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.footer_list .title {
    float: left;
    width: 100%;
    color: #cae4c3;
    font-size: 1.25em;
    font-weight: bold;
}

.footer_list ul {
    list-style: none;
    padding-left: 15px;
    border-left: solid #ccc 1px;
    float: left;
    width: 100%;
    margin-left: 5px;
}

.footer_list ul li {
    line-height: 130%;
    margin-bottom: 10px;
    float: left;
    width: 100%;
}

.footer_list ul li a {
    float: left;
    width: 100%;
    color: #fff;
}

.footer_list ul li a:hover, .footer_list ul li a:focus {
    color: #08893e !important;
}

.footer_link {
    display: inline-block;
}

.footer_link a {
    margin-left: 15px;
    padding: 10px;
    border-radius: 50%;
    background: #000;
}

.footer_link a:nth-child(1) {
    background: #3b5999;
}

.footer_link a:nth-child(2) {
    background: #00b900;
}

.footer_link i {
    font-size: 1.7em;
    color: #fff;
    vertical-align: middle;
}

.footer_link a:nth-child(1):hover, .footer_link a:nth-child(1):focus {
    background: #1e3f85;
}

.footer_link a:nth-child(2):hover, .footer_link a:nth-child(2):focus {
    background: #087f08;
}


/*footer_box*/
.footer_box {
    float: left;
    width: 100%;
    font-size: 0.9em;
    position: relative;
    overflow: hidden;
    /*	background: rgba(0,0,0,.02);*/
    background: #e4f0ec;
}

.footer_box .bg_icon_01 {
    margin-top: -300px;
    left: -600px;
}

.footer_box .container {
    padding: 30px 25px 30px 25px;
}

.footer_box .footer_right {
    float: left;
    width: calc(100% - 225px);
}

.footer_box .web_info {
    float: left;
    width: 225px;
    padding: 0 0 0 40px;
}

.footer_box .web_info a {
    display: inline-block;
    padding: 0 10px 10px 0;
    vertical-align: top;
    float: left;
    width: 100%;
}

.footer_box .web_info img {
    max-width: 88px;
    width: 100%;
}

.footer_box .web_info .logo img {
    width: 100%;
    max-width: 250px;
}

.footer_box .contact {
    float: left;
    width: 100%;
    padding: 0 0 10px 0;
}

/*footer_con*/
.footer_con {
    margin-bottom: 10px;
}

.footer_logo {
    display: inline-block;
    margin-right: 22px;
    vertical-align: top;
}

.footer_logo img {
    width: 230px !important;
}

.footer_menu {
    display: inline-block;
    margin: 10px 0 0 0;
    position: relative;
}

.footer_menu ul {
    list-style: none;
    margin-bottom: 0;
    line-height: 0 !important;
}

.footer_menu ul li {
    display: inline-block;
}

.footer_menu ul li.location_tag a {
    background-color: transparent;
    padding: 5px 0;
    border-radius: 0;
}

.footer_menu ul li.location_tag a:hover {
    background-color: transparent;
}

.footer_menu ul li a {
    padding: 5px 10px;
    float: left;
    background: #7d4698;
    color: #fff;
    border-radius: 20px;
    margin: 0 5px 5px 0;
}

.footer_menu ul li a:hover {
    background: #003425;
}

.location_tag {
    position: absolute;
    left: -22px;
}

.contact_ul {
    list-style: none;
    margin-bottom: 0;
    padding: 0 0 10px 0;
}

.contact_ul li {
    display: inline-block;
    padding-right: 20px;
}

.contact_ul .title {
    font-size: 1.125em;
    font-weight: bold;
}

/* 無障礙 AA 標章 */
.accessibility_AA img {
    width: 88px;
    height: 31px;
}


/*bg_icon*/
.bg_icon_01 {
    background: url(../img/circle_02.png);
    position: absolute;
    width: 800px;
    height: 800px;
    animation-name: rotateZ;
    animation-duration: 30s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    z-index: -1;
    margin-top: -70px;
    right: -250px;
    opacity: 0.15;
}

.bg_icon_03 {
    background: url(../img/circle_03_w.png);
    position: absolute;
    background-size: 100%;
    width: 600px;
    height: 600px;
    animation-name: rotateZ-2;
    animation-duration: 50s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    z-index: -1;
    margin-top: -70px;
    left: -200px;
    opacity: 0.3;
}

.bg_icon_04 {
    background: url(../img/circle_02.png);
    position: absolute;
    background-size: 100%;
    width: 800px;
    height: 800px;
    animation-name: rotateZ;
    animation-duration: 50s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    z-index: -1;
    margin-top: -150px;
    right: -650px;
    opacity: 0.1;
}


/*rotate-container*/
.rotate-container {
    width: 800px;
    height: 800px;
    position: absolute;
    animation: rotateZ-3 30s linear infinite;
}

.bg-layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    opacity: 0; /* 預設隱藏 */
    animation: fade-3 20s infinite;
}

.img-1 {
    background-image: url(../img/circle_01.png);
    animation-delay: 0s;
}

.img-2 {
    background-image: url(../img/circle_02.png);
    animation-delay: 6.33s;
}

.img-3 {
    background-image: url(../img/circle_03.png);
    animation-delay: 12.66s;
}

/* 旋轉動畫單獨處理 */
@keyframes rotateZ-3 {
    0% {
        transform: rotateZ(360deg);
    }

    100% {
        transform: rotateZ(0deg);
    }
}

/* 漸變動畫：讓每一張圖在自己的週期內淡入再淡出 */
@keyframes fade-3 {
    0%, 100% {
        opacity: 0;
    }

    45%, 55% {
        opacity: .2;
    }
}



/*page_banner*/
.page_banner {
    float: left;
    width: 100%;
    max-height: 200px;
    position: relative;
    overflow: hidden;
    background: url(../img/page_banner.jpg);
    background-size: cover;
    background-position: center center;
    z-index: 9;
}

    .page_banner .container {
        padding: 50px 3%;
        position: relative;
    }

    .page_banner .bg_icon_03 {
        z-index: 9;
    }

    .page_banner h2 {
        color: #000;
        z-index: 10;
        position: relative;
        letter-spacing: 2px;
    }


/*page_top*/
.page_top {
    position: relative;
    float: left;
    width: 100%;
    background: linear-gradient(-110deg, transparent 90%, #003425 0), linear-gradient(70deg, transparent 10%, #444 0);
    overflow: hidden;
    margin: 144px 0 0 0;
}

.page_top:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 25%;
    height: 100%;
    background: #003425;
    z-index: 0;
}

.page_top .container {
    padding: 0;
}

.page_top_left {
    font-size: 0.85em;
    float: left;
    position: relative;
    background: #003425;
    padding: 4px 0;
    z-index: 9;
}

.page_top_left .fa-home {
    padding-left: 5px;
}

.page_top_left a, .page_top_left span {
    padding: 10px;
    margin-right: -6px;
    line-height: 150%;
    color: #fff;
    border-left: solid rgba(255,255,255,.3) 1px;
}

.page_top_left span:last-child:after {
    content: " ";
    border-top: 3.2em solid transparent;
    border-left: 1.1em solid #003425;
    left: 100%;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    z-index: 2;
}

.page_top_right {
    float: right;
    width: 100%;
    text-align: right;
    margin-bottom: 5px;
}

.page_top_right img {
    width: 27px;
}


/*page_content*/
.page_content {
    float: left;
    width: 100%;
    min-height: 500px;
    padding-bottom: 5%;
    overflow: hidden;
    position: relative;
}

.page_content .container {
    padding: 50px 3%;
    position: relative;
}

.page_content .rotate-container {
    right: -650px;
    top: -250px;
}

.page_content h2 {
    color: #000;
    border-bottom: solid #ccc 1px;
}

.page_content h2:after {
    content: ' ';
    display: block;
    clear: both;
    width: 40px;
    padding-bottom: 20px;
    border-bottom: 3px solid #7d4698;
}

.page_content .btn_box {
    float: left;
    width: 100%;
    padding: 30px 0;
}

.img_padding {
    padding: 10px;
}


/*table-toolbar*/
.table-toolbar {
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
}

.table-toolbar .title {
    float: left;
    padding: 5px 12px 5px 0;
}

.table-toolbar .mt-radio, .table-toolbar .mt-checkbox {
    margin: 5px 25px 5px 5px;
}

.table-toolbar input[type=checkbox], .table-toolbar input[type=radio] {
    margin: 5px 5px 0 0;
}

.table-toolbar .btn_01 {
    margin: 0 5px;
}

.table-toolbar-left form {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap;
    gap: 15px;
    width: 100%;
}

.search-item {
    display: flex;
    align-items: center;
    gap: 8px;
}

.search-item label {
    margin: 0 !important;
    white-space: nowrap;
}

.table-toolbar-left .btn {
    height: 34px;
    padding: 0 20px;
    margin-bottom: 0 !important;
}

.input-daterange {
    display: flex !important;
    align-items: center;
}

.input-daterange .input-group-addon {
    padding: 0 5px !important;
}

.table-toolbar-left .btn:hover, .table-toolbar-left .btn:focus {
    color: #fff;
    background: #003425;
}

.table-toolbar-left .date {
    color: #b92f8c;
}

.table-toolbar-left .date:before {
    content: "\f073";
    font-family: FontAwesome;
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 0.9em;
    padding-right: 0.5em;
    position: relative;
    left: 0;
    width: 20px;
}

.table-toolbar-left .type {
    background: #b92f8c;
    color: #fff;
    padding: 2px 10px;
    margin-left: 10px;
    border-radius: 40px;
}

.table-toolbar-right {
    display: inline-block;
    float: right;
}

.table-toolbar-right img {
    width: 27px;
}

.table-toolbar label {
    display: inline-block;
    color: #333;
    vertical-align: top;
}

.type_inline {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
}

.type_inline .title {
    flex: 0 0 auto;
}

.type_inline ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    flex: 1;
    width: auto;
    padding: 0;
}

.type_inline ul li {
    display: inline-block;
    flex: 0 0 auto;
    min-width: 78px;
    margin: 5px 2px;
}

.type_inline ul li a {
    display: inline-block;
    width: 100%;
    padding: 3px 15px;
    border-radius: 30px;
    border: solid #ccc 1px;
    text-align: center;
}

.type_inline ul li a:hover, .type_inline ul li a:focus {
    background: #003425;
    color: #fff;
    border: solid #003425 1px;
}

.type_inline ul li a.active {
    background: #045631;
    color: #fff;
    border: solid #045631 1px;
}


/*page_con*/
.page_con {
    float: left;
    width: 79%;
}

.page_con ol li, .page_con ul li {
    margin-bottom: 5px;
}


/*page content*/
.main_con {
    float: left;
    width: 100%;
    padding: 10px 40px 0 45px;
}

.main_con .container {
    padding: 50px 30px;
}

.main_con h2 {
    margin-bottom: 25px;
}

.list_class {
    list-style: none;
    float: left;
    width: 100%;
    margin-bottom: 0
}

.list_class li a {
    float: left;
    padding: 5px 20px;
    border-radius: 30px;
    white-space: nowrap;
    margin: 5px 10px 5px 0;
    border: solid #ccc 1px;
}

.list_class li a:hover {
    background: #08893e;
    color: #fff;
}

.list_class li a.active {
    background: #555;
    color: #fff;
}

.img_padding {
    padding: 10px;
}


/*page_class*/
.page_class {
    float: left;
    width: 100%;
    color: #168245;
    margin-bottom: 10px;
}

.page_class .date {
    display: inline-block;
}

.page_class .item_class {
    display: inline-block;
}

.page_class .item_class:before {
    content: "|";
    padding: 0 10px 0 8px;
    color: #ddd;
    font-size: 0.9em;
}


/*edit_con - 中文版左右對齊 */
html[lang="zh-Hant-TW"] .edit_con, html[lang="zh-Hant-TW"] .edit_con p, html[lang="zh-Hant-TW"] .edit_con span, html[lang="zh-Hant-TW"] .edit_con div, html[lang="zh-Hant-TW"] .edit_con li,
html[lang="zh-Hant-TW"] .font_con, html[lang="zh-Hant-TW"] .font_con p, html[lang="zh-Hant-TW"] .font_con span, html[lang="zh-Hant-TW"] .font_con div, html[lang="zh-Hant-TW"] .font_con li,
html[lang="zh-Hant-TW"] .con .title {
    text-align: justify;
    text-justify: inter-ideograph !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
}

/*edit_con - 英文版靠左對齊 */
html[lang="en"] .edit_con, html[lang="en"] .edit_con p, html[lang="en"] .edit_con span, html[lang="en"] .edit_con div, html[lang="en"] .edit_con li,
html[lang="en"] .font_con, html[lang="en"] .font_con p, html[lang="en"] .font_con span, html[lang="en"] .font_con div, html[lang="en"] .font_con li,
html[lang="en"] .con .title {
    text-align: left;
    word-break: normal;
    overflow-wrap: break-word;
}

/*edit_con*/
.edit_con.text_center, .edit_con p.text_center, .edit_con span.text_center, .edit_con div.text_center, .edit_con li.text_center,
.font_con.text_center, .font_con p.text_center, .font_con span.text_center, .font_con div.text_center, .font_con li.text_center,
.con .title.text_center {
    text-align: center !important;
}

/*edit_con*/
.edit_con.text_right, .edit_con p.text_right, .edit_con span.text_right, .edit_con div.text_right, .edit_con li.text_right,
.font_con.text_right, .font_con p.text_right, .font_con span.text_right, .font_con div.text_right, .font_con li.text_right,
.con .title.text_right {
    text-align: right !important;
}

.edit_con ul, .edit_con ol {
    padding-left: 30px;
}

.edit_con a {
    color: #07787f;
}


/*page_bottom*/
.page_bottom {
    float: left;
    width: 100%;
    padding: 30px 0 10px 0;
}

.page_bottom > div {
    float: left;
    width: 100%;
    padding: 3px 0;
}

.page_bottom .title {
    width: 120px;
    background: #eee;
    border-radius: 20px;
    padding: 2px 5px;
    text-align: center;
    float: left;
}

.page_bottom .title i {
    padding-right: 5px;
}

.page_bottom .con_font {
    padding-left: 130px;
    line-height: 170%;
    margin-top: -30px;
    float: left;
    clear: both;
}

.page_bottom .con_font a {
    padding: 3px 0 3px 0;
    float: left;
    clear: both;
}


/*page_bottom_01*/
.page_bottom_01 {
    float: left;
    width: 100%;
    padding: 30px 0 10px 0;
}

.page_bottom_01 .item {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.page_bottom_01 ul {
    list-style: none;
    float: left;
    width: 100%;
}

.page_bottom_01 ul li {
    margin-bottom: 7px;
    position: relative;
    padding-left: 30px;
}

.page_bottom_01 ul i {
    background: #666;
    color: #fff;
    padding: 3px 5px 5px 7px;
    border-radius: 50%;
    font-size: 0.7em;
    width: 23px;
    height: 23px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 2px;
}

.page_bottom_01 ul i.fa-link {
    padding: 3px 5px 5px 6px;
}

.page_bottom_01 .item:nth-child(2) ul i {
    background: #045631;
}

.page_bottom_01 ul a:hover i, .page_bottom_01 ul a:focus i {
    background: #003425 !important;
}


/*news_list*/
.news_list {
    float: left;
    width: 100%;
}

.news_list .item {
    float: left;
    width: 29.3%;
    margin: 2%;
    box-shadow: 0px 0px 2px 2px rgba(20%,20%,20%,0.1);
    border-radius: 10px;
}

.news_list .item:nth-child(3n+1) {
    clear: both;
}

.news_list a {
    float: left;
    width: 100%;
}

.news_list .item .img {
    float: left;
    width: 100%;
    position: relative;
    border-radius: 10px 10px 0 0;
}

.news_list .item img {
    border-radius: 10px 10px 0 0;
}

.news_list .item .img .type {
    position: absolute;
    bottom: 6px;
    left: 5px;
    background: rgba(4,86,49,0.8);
    color: #fff;
    padding: 2px 15px;
    border-radius: 40px;
}

.news_list .item .con {
    padding: 20px;
    float: left;
    width: 100%;
}

.news_list .item .date {
    color: #7d4698;
}

.news_list .item .title {
    font-size: 1.25em;
    font-weight: bold;
    margin-bottom: 5px;
}

.news_list .item .font_con {
    max-height: 83px;
    overflow: hidden;
    width: 100%;
}


/*news_list_01*/
.news_list_01 {
    float: left;
    width: 100%;
}

.news_list_01 .item {
    float: left;
    width: 100%;
    padding: 20px;
    border-bottom: solid #eee 1px;
}

.news_list_01 a {
    float: left;
    width: 100%;
}

.news_list_01 .item .img {
    float: left;
    width: calc(25% - 30px);
    position: relative;
    margin-right: 30px;
    border-radius: 10px;
}

.news_list_01 .item .img img {
    border-radius: 10px;
}

.news_list_01 .item .img .type {
    position: absolute;
    bottom: 5px;
    left: 5px;
    background: rgba(4,86,49,0.8);
    color: #fff;
    padding: 2px 15px;
    border-radius: 30px;
}

.news_list_01 .item .con {
    float: left;
    width: 75%;
}

.news_list_01 .item .date {
    color: #7d4698;
}

.news_list_01 .item .title {
    font-size: 1.25em;
    font-weight: bold;
    margin-bottom: 5px;
}


/*down_list_01���辣銝贝��*/
.down_list_01 {
    float: left;
    width: 100%;
    margin: 0 !important;
}

.down_list_01 .item {
    float: left;
    width: 100%;
    padding: 20px 0;
    border-bottom: solid #eee 1px;
}

.down_list_01 .item .con {
    float: left;
    width: 100%;
}

.down_list_01 .item .date {
    color: #7d4698;
}

.down_list_01 .item .title {
    /*color:#003425;*/
    font-size: 1.25em;
    font-weight: bold;
    margin: 5px 0 8px 0;
}

.down_list_01 .file_list {
    margin-top: 0;
}

.down_list_01 .file_list li a {
    padding: 0 !important;
}

.down_list_01 .font_con {
    background: rgba(0,0,0,.05);
    float: left;
    width: 100%;
    padding: 5px 10px;
    border-radius: 10px;
    margin-top: 5px;
}

.file_list {
    float: left;
    width: 100%;
    list-style: none;
    margin-top: -30px;
    margin-bottom: 0;
}

.file_list li {
    line-height: 150%;
    border-bottom: solid #fff 1px;
    width: 100%;
    padding: 10px 10px 10px 40px !important;
    position: relative;
}

.file_list li a {
    margin: 10px 0 !important;
    padding: 0 0 10px 0 !important;
}

.file_list li:last-child {
    border-bottom: none;
}
      
.file_list li i {
    background: #045631;
    color: #fff;
    padding: 3px 5px 5px 8px;
    border-radius: 50%;
    width: 27px;
    height: 27px;
    text-align: center;
    position: absolute;
    left: 5px;
    font-size: 0.9em;
}

.file_list a:hover i, .file_list a:focus i {
    background: #003425;
}


/*event大事記要*/
.event_list {
    float: left;
    width: 100%;
    position: relative;
}

.event_list .item {
    float: left;
    width: 100%;
    margin-bottom: 60px;
}

.event_list .item:before {
    content: "";
    position: absolute;
    left: 127px;
    top: 0;
    display: block;
    width: 1px;
    height: 100%;
    background: #ccc;
    top: 20px;
}

.event_list .year {
    font-family: Tahoma;
    font-weight: bold;
    font-size: 2.25em;
    color: #003425;
    position: relative;
}

.event_list .year:after {
    color: #003425;
    vertical-align: top;
    border: solid #777 1px;
    content: "";
    width: 13px;
    height: 13px;
    display: block;
    border-radius: 50%;
    position: absolute;
    left: 121px;
    background: #fff;
    z-index: 9;
    top: 20px;
}

.event_list ul {
    list-style: none;
    margin: -35px 0 20px 150px;
}

.event_list ul li {
    float: left;
    width: 100%;
    padding: 0 10px 25px 10px;
    border-radius: 5px;
}

.event_list li .title_box .title {
    font-size: 1.125em;
    font-weight: bold;
    color: #000;
    padding-left: 120px;
    margin-top: -23px;
    margin-bottom: 5px;
}

.event_list li .title_box .date {
    font-weight: 400;
    color: #7d4698;
    font-size: 0.875em;
}

.event_list li .title_box .date:after {
    content: "-";
    padding: 0 10px;
    color: #ccc;
}

.event_list .con_font {
    padding-left: 120px;
}

.event_list .img {
    float: left;
    width: 100%;
    padding-left: 120px;
}

.event_list .img img {
    float: left;
    width: 33.3%;
    padding: 10px;
}

.event_list .img img:nth-child(3n+1) {
    clear: both;
}




/*sitemap網站導覽*/
.sitemap_list {
    list-style: none;
    float: left;
    width: 100%;
    display: table;
    margin-bottom: 30px;
}

.sitemap_list a {
    text-decoration: none !important;
    color: #333;
}

.sitemap_list a:hover {
    color: #00693e;
}

.sitemap_list .sitemap_item {
    border-top: solid 1px #ddd;
    border-left: solid 1px #ddd;
    border-right: solid 1px #ddd;
    vertical-align: middle !important;
    padding: 10px 10px 10px 20px;
    width: 100%;
    float: left;
    display: table-row;
}

.sitemap_list .sitemap_item:last-child {
    border-bottom: solid 1px #ddd;
}

.sitemap_list_1 {
    list-style: none;
    float: left;
    width: 100%;
    display: table;
    margin-top: 5px;
}

.sitemap_list_1 > li {
    vertical-align: middle !important;
    width: 100%;
    float: left;
    display: table-row;
}

.sitemap_item {
    float: left;
}

.sitemap_item_1 {
    padding: 5px 10px 3px 23px !important;
    float: left;
}

.sitemap_item_2 {
    list-style: none;
    margin: 3px 0;
}

.sitemap_item_2 li {
    padding: 3px 10px 3px 30px !important;
}

.sitemap_no {
    display: table-cell;
}

.sitemap_font {
    padding-left: 10px;
    display: table-cell;
}


/*表單管理*/
.submit_btn {
    width: 100%;
    float: left;
    text-align: center;
}

.form_con {
    margin: 0 auto;
    max-width: 650px;
    padding: 20px 0 0 0;
}

.form_box {
    border: solid #f5f5f5 10px !important;
    padding: 10px;
    background: #fff;
}

.form_box .table-row {
    border-bottom: #900 solid 1px;
}

.form_q {
    display: table-cell;
    width: 25%;
    padding: 13px 8px 10px 8px;
    text-align: right;
    border-right: #ccc dotted 1px;
    font-weight: bold;
    color: #000;
    vertical-align: top;
}

.form_a {
    display: table-cell;
    width: 75%;
    padding: 8px;
    margin: 8px;
    line-height: 34px;
}

.form_a input {
    height: 34px;
}

.form_a .mt-radio, .form_a .mt-checkbox, .input_table .mt-radio, .input_table .mt-checkbox {
    margin: 5px 25px 5px 5px;
}

.mt-radio span, .mt-checkbox span {
    margin-top: 3px !important;
    background: #fff !important;
}

.form_box .table-row:nth-child(even) {
    background: #f5f5f5;
}

.form-control {
    box-shadow: none;
    padding: 5px;
}

.form_a i {
    padding: 0 5px 0 10px;
}

.form_a label {
    font-weight: 500;
    margin-bottom: 3px;
    margin-top: 2px;
}

.form_con .btn_01 {
    border-radius: 4px;
    padding: 8px 10px 8px 10px !important;
    margin: 3px 5px;
    font-size: 0.9em;
}

.verification_code {
    margin: 6px 0 8px 10px;
    display: inline-block;
}

.verification_code .btn_01 {
    padding: 5px 10px !important;
}

.verification_code a {
    padding: 0 5px;
}

.verification-msg {
    float: left;
    width: 100%;
    margin-top: -10px;
}

.form_con .form-control {
    margin: 3px 0;
}

.form_con_box {
    float: left;
    width: 100%;
}


/*表單checkbox radio*/
input[type=checkbox], input[type=radio] {
    width: 20px;
    height: 20px;
    background: #fff !important;
    border: 1px solid #ccc;
    vertical-align: top;
    margin: 4px 5px 0 0;
}

.form_radio, .form_checkbox {
    vertical-align: middle;
    margin: 0 5px 0 0 !important;
}

.radio_padding {
    padding-right: 20px;
}

.btn_box input[type=checkbox], .btn_box input[type=radio] {
    margin: 4px 5px 0 0 !important;
}

.mt-checkbox-outline, .mt-radio-outline {
    display: inline-block;
    width: auto !important;
}

.mt-radio, .mt-checkbox {
    margin: 5px 25px 5px 5px;
}

/*inform*/
.inform_title {
    position: relative;
    margin: 0 auto;
    max-width: 720px;
    background: #eef6f2;
    padding: 10px 20px 10px 30px;
    border-radius: 30px;
    margin: 0 0 20px 20px;
    font-weight: bold;
    font-size: 1.2em;
    float: left;
    width: calc(100% - 40px);
}

.inform_title i {
    position: absolute;
    background: #003425;
    color: #fff;
    padding: 5px 10px 10px 12px;
    width: 40px;
    height: 40px;
    border-radius: 30px;
    text-align: center;
    margin: -6px 10px 0 -50px;
}


/*faq常見問答*/
.faq_list {
    float: left;
    width: 100%;
    margin: 0;
}

.faq_list .navbar-nav {
    float: left;
    width: 100%;
    margin: 0;
    /*min-height: auto;*/
}

.faq_list .item > a {
    width: 100%;
    float: left;
    font-weight: bold;
    background: rgba(0,0,0,.05) /*#f5f5f5*/;
    border: none;
    margin: 10px 0;
    border-radius: 10px;
    padding: 12px 40px 12px 50px;
    font-weight: 400;
    width: 100%;
    position: relative;
    line-height: 170% !important;
}

.faq_list .item > a:before {
    content: "Q.";
    color: #003425;
    font-weight: bold;
    padding-right: 10px;
    font-family: Tahoma;
    position: absolute;
    left: 22px;
}

.faq_list .item > a:hover:before, .faq_list .item > a:focus:before, .faq_list .item.open > a:before {
    color: #fff;
}

.faq_list .item > a:hover, .faq_list .item > a:focus {
    background: #003425;
    color: #fff;
}

.faq_list .item > a:hover .faq_class, .faq_list .item > a:focus .faq_class {
    background: #fff;
    color: #003425;
}

.faq_list .item.open > a {
    background: #003425 !important;
    color: #fff;
}

.faq_list .item > a i {
    float: right;
    margin-top: 5px;
    margin-right: -30px;
}

.faq_list .item > a i:before {
    content: "\f0da";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 1.125em;
    padding-right: 0.5em;
    position: relative;
    left: 0;
}

.faq_list .item.open > a i:before {
    content: "\f0d7";
}

.faq_list .item.open .dropdown-menu {
    padding: 0 15px;
    float: left !important;
    background-color: transparent;
}

.faq_class {
    font-size: 0.85em;
    background: #7d4698;
    border-radius: 20px;
    padding: 3px 10px;
    white-space: nowrap;
    margin-right: 8px;
    color: #fff;
}

.faq_list .item.open .faq_class {
    color: #003425;
    background: #fff;
}

.faq_list .open .dropdown-menu {
    position: static;
    float: none;
    width: 100%;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    line-height: 190%;
}

.faq_page_top {
    float: right;
    margin-top: 10px;
    width: 100%;
    text-align: right;
    margin-bottom: 20px;
}

.faq_page_top img {
    width: 25px;
}


/*calendar活動日曆*/
.calendar_box {
    float: left;
    width: 100%;
}

.calendar_box .calendar_date {
    float: left;
    width: 320px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.date-inline {
    max-width: 288px !important;
    font-family: Tahoma, Geneva, sans-serif;
    color: #000;
}

.date-inline .datepicker {
    margin: 3% 0;
}

.date-inline .table-condensed {
    box-shadow: 0px 1px 3px 3px rgba(0,0,0,.05);
    border-radius: 5px;
    border: solid #ddd 1px;
    overflow: hidden;
    width: 288px;
}

.date-inline .table-condensed thead tr {
    background: #003425;
    color: #fff;
}

.date-inline .table-condensed thead th {
    border-radius: 0;
}

.date-inline .table-condensed > tbody > tr > td, .date-inline .table-condensed > tbody > tr > th, .date-inline .table-condensed > tfoot > tr > td, .date-inline .table-condensed > tfoot > tr > th, .date-inline .table-condensed > thead > tr > td, .date-inline .table-condensed > thead > tr > th {
    padding: 9px 5px;
}

.date-inline .table-condensed .datepicker-switch:hover, .date-inline .table-condensed .prev:hover, .date-inline .table-condensed .next:hover {
    background: #045631;
    color: #fff;
    border-radius: 0;
}

.date-inline .table-condensed .datepicker-switch {
    background: transparent;
    color: #fff;
}

.date-inline .table-condensed .prev, .date-inline .table-condensed .next {
    background: transparent;
    color: #fff;
    width: 40px;
}

.date-inline .table-condensed .dow {
    background: #fff;
    color: #666;
}

.date-inline .datepicker .day {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50%;
    line-height: 150%;
}

.date-inline .datepicker .day:hover {
    border-radius: 50%;
}

.date-inline .datepicker .active {
    color: #fff !important;
    background-color: #7d4698 !important;
}

.date-inline .datepicker .event {
    color: #003425;
    font-weight: bold;
}

.calendar_box .calendar_list_box {
    float: left;
    width: 100%;
}

.date-inline .day {
    color: #003425;
    font-weight: bold;
}

.date-inline .day.disabled-date {
    color: #000;
    font-weight: 400;
}


/*calendar_list*/
.calendar_list {
    float: left;
    width: 100%;
}

.calendar_list .item {
    float: left;
    width: 29.3%;
    margin: 2%;
}

.calendar_list .item:nth-child(3n+1) {
    clear: both;
}

.calendar_list a {
    float: left;
    width: 100%;
}

.calendar_list .item .img {
    float: left;
    width: 100%;
    position: relative;
    border-radius: 5px;
}

.calendar_list .item .img .type {
    position: absolute;
    bottom: 6px;
    left: 5px;
    background: rgba(4,86,49,0.8);
    color: #fff;
    padding: 2px 15px;
    border-radius: 40px;
}

.calendar_list .item .con {
    padding: 10px 5px;
    float: left;
    width: 100%;
}

.calendar_list .item .date {
    color: #7d4698;
}

.calendar_list .item .title {
    font-size: 1.15em /*1.25em*/;
    font-weight: bold;
    margin-bottom: 5px;
}

.calendar_list .item .font_con {
    max-height: 83px;
    overflow: hidden;
    width: 100%;
    display: none;
}


/*video_list*/
.video_list {
    float: left;
    width: 100%;
}

.video_list .item {
    float: left;
    width: 29.3%;
    margin: 2%;
    box-shadow: 0px 0px 2px 2px rgba(20%,20%,20%,0.1);
    border-radius: 10px;
}

.video_list a {
    float: left;
    width: 100%;
}

.video_list .item:nth-child(3n+1) {
    clear: both;
}

.video_list .item .img {
    float: left;
    width: 100%;
    position: relative;
    border-radius: 10px 10px 0 0;
}

.video_list .item img {
    border-radius: 10px 10px 0 0;
}

.video_list .item .img .type {
    position: absolute;
    bottom: 6px;
    left: 5px;
    background: rgba(4,86,49,0.8);
    color: #fff;
    padding: 2px 15px;
    border-radius: 40px;
}

.video_list .item .con {
    padding: 20px;
    float: left;
    width: 100%;
}

.video_list .item .date {
    color: #7d4698;
}

.video_list .item .title {
    font-size: 1.25em;
    font-weight: bold;
    margin-bottom: 5px;
}

.video_list .item .font_con {
    max-height: 83px;
    overflow: hidden;
    width: 100%;
    display: none;
}


/*team*/
.team_list {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.team_list .item {
    display: inline-block;
    flex: 0 0 calc(84% / 4);
    margin: 2%;
    vertical-align: top;
}

.team_list .item a {
    float: left;
    width: 100%;
}

.team_list .item .img {
    border-radius: 50%;
    border: solid #f5f5f5 10px;
    background-color: #fff;
}

.team_list .item img {
    border-radius: 50%;
}

.team_list .item .title:before {
    content: "";
    display: block;
    background-image: url(../img/logo_icon.png);
    background-color: #f5f5f5;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    border: solid transparent 5px;
    width: 40px;
    height: 40px;
    margin: -50px auto 15px auto;
    align-items: center;
    justify-content: center;
    animation-name: rotateZ-2;
    animation-duration: 50s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-play-state: paused;
}

.team_list .item a:hover .title:before {
    background-image: url(../img/logo_icon_w.png);
    background-color: #003425;
    animation-play-state: running;
}

.team_list .item .title {
    position: relative;
    font-size: 1.875em;
    padding: 20px 10px;
    position: relative;
    text-align: center !important;
    line-height: normal !important;
    letter-spacing: normal;
}

.team_list .item a .title {
    color: #333;
}

.team_list .item .title div {
    font-size: 0.5em;
    line-height: 0;
    display: inline-block;
    letter-spacing: normal;
}

.team_list .item .title div:before {
    content: "/";
    color: #7d4698;
    padding: 0 7px;
    font-size: 0.8em;
}

.team_list .item .font_con {
    display: none;
}


/*team_bootbox*/
.team_bootbox {
    width: 100%;
}

.team_bootbox .font_box {
    width: 100%;
    overflow: hidden;
}

.team_bootbox .img {
    float: left;
    width: 100%;
    border-radius: 50%;
    text-align: center;
}

.team_bootbox .img img {
    border-radius: 50%;
    max-width: 270px;
    width: 100%;
    border: solid #eee 10px;
}

.team_bootbox .font-box {
    float: left;
    width: calc(100% - 200px);
}

.team_bootbox .font_box > .title {
    font-size: 1.875em;
    padding: 20px 10px 0 10px;
    position: relative;
    text-align: center;
}

.team_bootbox .font_box > .title span {
    font-size: 0.5em;
}

.team_bootbox .font_box > .title span:before {
    content: "/";
    color: #7d4698;
    padding: 0 7px;
    font-size: 0.8em;
}

.team_bootbox .edit_con {
    margin-top: 15px;
    padding: 15px 10px 0 10px;
    border-top: solid #eee 1px;
}

.team_bootbox .con_title {
    color: #7d4698;
    font-weight: bold;
    font-size: 1.1em;
}



/*member_login登入*/
.member_login {
    width: 100%;
    margin: 30px auto;
    position: relative;
    max-width: 600px;
}
.login_top {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}

.login_top ul {
    float: left;
    width: 100%;
    list-style: none;
    margin-bottom: 20px;
}

.login_top ul li {
    float: left;
    width: 50%;
    position: relative;
}

.login_top ul li a {
    float: left;
    width: calc(100% - 15px);
    text-align: center;
    border-radius: 50px;
    padding: 10px 15px;
    border: solid #ccc 1px;
}

.login_top ul li a:hover {
    background: #003425;
    border-color: #003425;
    color: #fff;
}

.login_top ul li:nth-child(2):after {
    content: "|";
    display: block;
    padding: 5px;
    color: #eee;
    position: absolute;
    left: -15px;
    top: 5px;
}

.login_top ul li a.active {
    background: #7d4698;
    color: #fff;
    border: solid #7d4698 1px;
}

.login_con {
    border-radius: 20px;
    margin: 0 auto;
}

.login_con > .title, .create_con > .title {
    padding-bottom: 20px;
}

.login_con ul {
    padding-left: 25px;
}

.member_login .form_con {
    padding: 20px 0 0 0;
    border-radius: 20px 20px 0 0;
}

.form_con label {
    width: 100%;
}

.form_con .w-50 label {
    width: 50%;
    float: left;
}

.form_con .w-50 label:nth-child(2n-1) {
    padding-right: 10px;
}

.form_con label .title {
    font-weight: 400;
    text-align: left;
    margin-bottom: -1px;
    color: #000;
    width: 100%;
}

.member_login .form-group {
    background-color: transparent;
    border-radius: 0;
    padding: 0;
    margin-bottom: 15px;
}

.member_login .required, .form_con_box .required {
    margin-top: -5px;
}

.member_login .form-control, .form_con_box .form-control {
    background-color: #f5f5f5;
    border: none;
    padding: 10px;
}

.member_login select.form-control, .form_con_box select.form-control {
    padding: 0 10px;
}

.member_login input[type=radio] {
    margin: 3px 5px 0 0;
}

.verification_img {
    float: left;
    padding: 4px 0 0 5px;
}

.verification_img i {
    padding: 5px;
    cursor: pointer;
}

.member_login .forget {
    float: left;
    width: 100%;
    padding: 0 5%;
}

.member_login .login_con hr {
    margin: 22px 0 0 0;
}

.member_login .btn_box {
    text-align: center;
    margin-bottom: 0;
    padding: 10px 0 0 0;
}

.member_login .form_login label {
    margin-bottom: 0;
    background: #f5f5f5;
    border-radius: 50px;
    position: relative;
}

.member_login .form_login .title {
    width: 30px !important;
    position: absolute;
    top: 5px;
    left: 20px;
}

.member_login .form_login .title i {
    color: #000;
    padding-top: 12px;
}

.member_login .form_login input {
    background-color: transparent;
    width: calc(100% - 60px);
    margin-left: 50px;
    padding: 10px;
    height: auto;
    border-radius: 0;
}

.member_login .form_verification label {
    width: 200px;
}
.member_login .form_verification #divCap #CaptchaImage {
    margin-left: 8px !important;
}
.member_login .form_verification #divCap a {
    display: inline-block;
    margin-left: 10px;
}


/*會員註冊*/
.receive_con .mt-radio {
    margin: 5px;
}
.privacy {
    margin: 20px 0 0 0;
}

.privacy_box {
    border: solid #ccc 1px;
    border-radius: 5px;
    padding: 20px;
}

.privacy_box .title {
    color: #000;
    font-size: 1.1em;
    text-align: center;
    width: 100%;
    padding: 10px 0 20px 0;
    font-weight: bold;
}

.privacy_box .edit_con {
    overflow-y: scroll;
    height: 190px;
}


/*會員資料修改*/
.member_file .file {
    text-align: center;
    width: 100%;
    margin: 10px auto 20px auto;
}

.member_file a {
    width: auto;
    background-color: #666;
    border-radius: 30px;
    color: #fff;
    padding: 5px 20px;
    margin-bottom: 20px;
}

.member_file a:hover, .member_file a:focus {
    background-color: #333;
}

.member_file i {
    padding-right: 5px;
}

.member_file .form-group {
    text-align: center;
}

.member_file label {
    width: auto;
}


/*epaper_list*/
.epaper_list {
    float: left;
    width: 100%;
}

.epaper_list .item {
    float: left;
    width: 29.3%;
    margin: 2%;
    border-radius: 10px;
}

.epaper_list .item:nth-child(3n+1) {
    clear: both;
}

.epaper_list a {
    float: left;
    width: 100%;
}

.epaper_list .item .img {
    float: left;
    width: 100%;
    position: relative;
    border-radius: 10px;
    box-shadow: 0px 0px 2px 2px rgba(20%,20%,20%,0.1);
}

.epaper_list .item img {
    border-radius: 10px;
}

.epaper_list .item .img .type {
    position: absolute;
    bottom: 6px;
    left: 5px;
    background: rgba(4,86,49,0.8);
    color: #fff;
    padding: 2px 15px;
    border-radius: 40px;
}

.epaper_list .item .con {
    padding: 10px;
    float: left;
    width: 100%;
}

.epaper_list .item .date {
    color: #7d4698;
    display: none;
}

.epaper_list .item .title {
    font-size: 1.25em;
    font-weight: bold;
    margin-bottom: 5px;
    text-align: center;
}

.epaper_list .item .font_con {
    max-height: 83px;
    overflow: hidden;
    width: 100%;
    display: none;
}


/*訂閱電子報*/
.subscription {
    margin-bottom: 30px;
    float: left;
    width: 100%;
    border: solid #ddd 1px;
    padding: 15px 15px 5px 15px;
    border-radius: 10px;
    margin: 20px 0 30px 0;
}

.subscription label > b {
    font-weight: bold;
    margin-bottom: -2px;
    background: #fff;
    margin-top: -35px;
    display: table;
    padding: 5px;
}

.subscription label input {
    margin-right: 3px;
}

.verification_box {
    display: inline-block;
}

.verification_box i {
    padding: 0 3px;
}

.verification_box .verification_code {
    margin: 3px 0;
}

.subscription .btn_box {
    display: inline-block;
    margin: 5px 0;
    width: auto;
    float: none;
    vertical-align: top;
    padding: 2px 0;
}

@media (min-width:640px) and (max-width: 795px) {
    .subscription #captchaDiv {
        float: left;
        width: 100%;
    }
}


/*epaper detail電子報*/
.epaper_bg {
    max-width: 806px;
    margin: 0 auto;
    background: url(img/epaper_bg.png);
    background-position: center;
}

.epaper_top {
    float: left;
    width: 96%;
    font-size: 0.8em;
    margin: 2% 2% -1% 2%;
    display: none;
}

.epaper_top .left {
    float: left;
}

.epaper_top .right {
    float: right;
    display: none;
}

.epaper_top a:after {
    content: "|";
    padding: 0 5px 0 5px;
    color: #ccc;
    font-size: 0.9em;
}

.epaper_top a:last-child:after {
    display: none;
}

.con_banner .date {
    font-size: 0.8em;
    color: #333;
    margin-top: -10px;
}

.epaper_title h2 {
    font-size: 1.6em;
    font-weight: bold;
    line-height: 130%;
    color: #333;
    text-align: center;
    margin: 10px 0;
    float: left;
    width: 100%;
}

.epaper_title div {
    text-align: center;
    font-size: 0.8em;
    display: none;
}

.con_box h3 {
    float: left;
    width: 100%;
    margin-top: 10px;
}

.con_box h3 img {
    padding-right: 5px;
    width: 30px;
}

.epaper_list_01 {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 0 20px 0;
}

.epaper_list_01 .item {
    flex-grow: 1;
    width: 33.33%;
    max-width: 50%;
    padding: 5px;
    box-sizing: border-box;
}

@media (max-width: 991px) {
    .epaper_list_01 .item {
        width: 50%;
        max-width: 100%;
    }
}

@media (max-width: 480px) {
    .epaper_list_01 .item {
        width: 100%;
        max-width: 100%;
    }
}

.epaper_list_01 .item a, .epaper_list_02 .right a {
    float: left;
    width: 100%
}

.epaper_list_01 .item .con {
    padding: 15px;
}

.epaper_list_01 .item .date {
    font-size: 0.8em;
}

.epaper_list_01 .item .title, .epaper_list_02 .title {
    color: #003425;
    font-size: 0.875em;
    line-height: 1.5em;
    margin-bottom: 10px;
    font-weight: bold;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 3em;
}

.epaper_list_01 .item .font_con, .epaper_list_02 .font_con {
    font-size: 0.75em;
    line-height: 1.5em;
    margin-top: 5px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 4.5em;
}

.epaper_list_02 {
    float: left;
    width: 100%;
    background: #f5f5f5;
    margin: 0 0 35px 0;
}

.epaper_list_02 .left {
    float: left;
    width: 50%;
}

.epaper_list_02 .right {
    float: left;
    width: 50%;
    padding: 30px 30px 30px 45px;
}
.epaper_list_02 .date {
    font-size: 0.75em;
}

.epaper_list_02 .title {
    color: #003425;
    font-size: 0.875em;
    line-height: 160%;
    margin-bottom: 5px;
    font-weight: bold;
}

.epaper_list_02 .font_con {
    font-size: 0.75em;
    line-height: 190%;
    max-height: 110px;
    overflow: hidden;
}

.epaper_list_02 .more {
    font-size: 0.75em;
    display: none;
}

.epaper_footer {
    background: #f7f7f7;
    padding: 20px;
    text-align: center;
    font-size: 0.75em;
    float: left;
    width: 96%;
    margin: 0 2% 10px 2%;
    color: #999;
    line-height: 150%;
}

.epaper_footer p {
    margin-bottom: 0 !important;
}

.epaper_footer .link {
    padding: 10px 0;
}

.epaper_footer .link a:after {
    content: "|";
    padding: 0 5px 0 5px;
    color: #ccc;
    font-size: 0.9em;
}

.epaper_footer .link a:last-child:after {
    display: none;
}

.epaper_footer .share {
    padding-bottom: 5px;
}

.epaper_footer .share img {
    width: 33px;
    padding: 0 3px;
}



/*print*/
.con_box {
    padding: 2%;
    margin: 2%;
    border: solid 1px #ccc;
    float: left;
    border-radius: 10px;
    box-shadow: 0px 0px 6px 4px rgba(20%,20%,20%,0.1);
    background: #fff;
}

.con_banner {
    margin-bottom: 15px;
}

.con_banner img {
    border-radius: 10px;
    box-shadow: 0px 0px 6px 2px rgba(20%,20%,20%,0.1);
    border: solid 1px #fff;
}

.con_box > .title {
    width: 100%;
    padding-bottom: 10px;
    font-size: 0.8em;
}

.con_box .page_title_item {
    text-align: left;
}

.con_box .form_con {
    padding: 10px 0 0 0;
}

.con_footer {
    font-size: 0.9em;
    padding: 0 20px 20px 20px;
    line-height: 150%;
}

.con_float {
    float: left;
    width: 100%;
}

.con_box .page_con {
    padding: 10px 0;
    font-size: 0.9em;
    float: left;
    width: 100%;
}


/*one_con*/
.one_con {
    width: 100%;
}


/*搜尋*/
.search_list {
    list-style: none;
    margin-top: 10px;
}

.search_list li {
    width: 100%;
    border-bottom: #ddd dotted 1px;
    padding: 15px 15px 15px 30px;
    line-height: 150%;
}

.search_list li:before {
    content: "\f0da";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    padding-right: 1em;
    position: relative;
    left: 0;
    float: left;
    margin-left: -20px;
}


/*紓困申請*/
.industry_type {
    float: left;
    width: 100%;
    padding-left: 15px;
}

.industry_type label {
    display: inline-block;
    max-width: 100%;
    width: auto;
    margin-bottom: 5px;
    padding-right: 10px;
    vertical-align: top;
}

.industry_type label .title {
    width: auto;
    float: left;
    padding: 6px 6px 0 0;
}

.industry_type label .title {
    width: auto;
    float: left;
    padding: 6px 6px 0 0;
}

.loan_file label {
    width: 305px;
}

.other_files {
    list-style: none;
}

.other_files li {
    float: left;
    width: 100%;
}

.other_files li label:nth-child(1) {
    float: left;
    width: calc(100% - 210px);
}

.other_files li label:nth-child(2) {
    float: right;
    width: 200px;
}

label[for="qua"] small {
    color: #07787f;
}

label[for="qua_2"], label[for="qua_3"], label[for="qua_4"], label[for="qua_5"], label[for="qua_6"], label[for="qua_7"], label[for="privacy2"] {
    text-indent: -1.5em;
    padding-left: 1.5em;
}

label[for="qua_file_2"], label[for="qua_file_3"], label[for="qua_file_4"], label[for="qua_file_5"], label[for="qua_file_6"], label[for="qua_file_7"] {
    padding-left: 2em;
}

.footer_box_loan {
    width: 100%;
}

.footer_box_loan .web_info {
    width: 25%;
}

.footer_box_loan .footer_menu {
    width: 75%;
}

.footer_box_loan .footer_menu img {
    height: 50px;
    display: inline-block;
    padding: 5px;
}


/*table scroll*/
.table-scrollable {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    border: none;
    font-size: 0.9em;
}

.table-scrollable > .table-bordered > thead > tr:last-child > th, .table.table-bordered thead > tr > th {
    border-bottom: 0;
    border: 1px solid #ddd;
    line-height: 130%;
    vertical-align: middle;
    padding: 8px 10px;
}

.table-scrollable > .table {
    width: 100% !important;
    margin: 0 !important;
    min-width: 850px;
}

.table > thead > tr > th {
    border-bottom: none;
}

.table > tbody > tr > td {
    line-height: 170%;
    border-top: none;
}

.table-scrollable > .table > thead {
    border-top: solid 1px #ddd;
}

.table-scrollable > .table > thead > tr > th, .table-scrollable th, table > thead > tr > th {
    white-space: nowrap;
    padding: 8px;
    background: #eee;
    color: #333;
    font-weight: bold;
    text-align: center;
}

.table-even > tbody > tr:nth-child(even) {
    background: rgba(3,120,58,.03) /*#f1f6f9*/;
}

.table-hover > tbody > tr:hover, .table-hover tr:hover a {
    background: rgba(3,120,58,0.05);
}

td .mt-checkbox span, th .mt-checkbox span {
    margin-top: -9px !important;
}

.delete_th {
    padding: 0 5px !important;
}

.table-center th, .table-center td {
    text-align: center;
}

table .btn_delete {
    font-size: 0.9em;
    padding: 0 7px !important;
    border-radius: 4px;
    margin: 7px 2px;
    height: 28px;
}


/*table*/
.table {
    display: table;
}

.table-row {
    display: table-row;
}

.table-cell {
    display: table-cell;
}


/*頁碼*/
#page_number {
    padding-top: 20px;
    font-size: 0.9em;
    float: left;
    width: 100%;
}

.page_total {
    vertical-align: middle;
    margin: 0 0 10px 0;
}

.page_icon {
    text-align: right;
    margin-bottom: 10px;
}

.btn_page {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: top;
    cursor: pointer;
    border: none;
    padding: 5px 12px;
    font-size: 1em;
    background: #666;
    border-radius: 5px;
    margin-top: -2px;
    color: #fff;
}

.page_list {
    border: 1px solid #ccc;
    display: inline-block;
    width: auto;
    cursor: pointer;
    box-shadow: none;
}

.btn_page:hover, .btn_page:focus {
    background: #003425;
    color: #fff;
}

#page_number .page_list {
    margin-top: -2px;
}

label[for=page_select] select {
    margin: -2px 0 0 0;
}


/***Hover效果1: 放大淡出***/
.imh_opacity {
    background: #666;
    overflow: hidden;
}

.imh_opacity img {
    transition: all 0.3s linear;
    -webkit-backface-visibility: hidden;
    width: 100%;
}

.imh_opacity:hover img, a:hover .imh_opacity img {
    opacity: 0.8;
    transform: scale(1.05);
}

/***Hover效果1: 放大淡出Detail***/
.imh_detail {
    background: #000;
    overflow: hidden;
    position: relative;
}

.imh_detail img {
    transition: all 0.3s linear;
    -webkit-backface-visibility: hidden;
    width: 100%;
}

.imh_detail a:before {
    display: block;
    content: "Details+";
    padding: 10px 20px;
    font-size: 0.8125em;
    color: #FFF;
    border: 2px solid #FFF;
    opacity: 0;
    position: absolute;
    left: 50%;
    margin-left: -45px;
    top: 50%;
    margin-top: -80px;
    z-index: 99;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.imh_detail:hover a:before {
    opacity: 1;
    margin-top: -20px;
}

.imh_detail:hover img {
    opacity: 0.3;
    transform: scale(1.05);
}

/***Hover效果1: 放大淡出zoom***/
.imh_zoom {
    background: #000;
    overflow: hidden;
    position: relative;
}

.imh_zoom img {
    transition: all 0.3s linear;
    -webkit-backface-visibility: hidden;
    width: 100%;
}

.imh_zoom:before {
    display: block;
    font-family: "FontAwesome";
    content: "\f002";
    font-size: 1.875em;
    color: #fff;
    background: #003425;
    width: 60px;
    height: 60px;
    line-height: 55px;
    text-align: center;
    border-radius: 100%;
    border: dashed #fff 2px;
    position: absolute;
    left: 50%;
    top: -30px;
    margin-top: -30px;
    margin-left: -30px;
    z-index: 99;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

a:hover .imh_zoom:before {
    top: 50%;
}

a:hover .imh_zoom img {
    opacity: 0.6;
    transform: scale(1.05);
}


/*閃爍按鈕*/
.glitter {
    overflow: hidden;
    position: relative;
}

.glitter:before {
    background: #fff;
    content: "";
    height: 215px;
    left: -95px;
    opacity: .2;
    position: absolute;
    top: -50px;
    -webkit-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    transform: rotate(35deg);
    -webkit-transition: all 1550ms cubic-bezier(0.19,1,0.22,1);
    transition: all 1550ms cubic-bezier(0.19,1,0.22,1);
    width: 30px;
    z-index: 1;
}

.glitter:hover:before, .glitter:focus:before {
    left: 180%;
    -webkit-transition: all 1550ms cubic-bezier(0.19,1,0.22,1);
    transition: all 1550ms cubic-bezier(0.19,1,0.22,1);
}


/*旋轉*/
@keyframes rotateZ {
    from {
        transform: rotateZ(0);
    }

    to {
        transform: rotateZ(360deg);
    }
}

@keyframes rotateZ-2 {
    from {
        transform: rotateZ(360deg);
    }

    to {
        transform: rotateZ(0);
    }
}


/*日期補丁*/
.datepicker {
    padding: 0;
    margin-top: 10px;
}

.date-picker {
    max-width: 240px;
    float: left;
    margin: 5px 0;
}

.datepicker {
    z-index: 9999 !important;
    background-color: #fff !important;
    opacity: 1 !important;
    padding: 4px;
}

.datepicker table tr td, .datepicker table tr th {
    border-radius: 0;
    line-height: normal !important; /* 防止被全域 line-height 撐開 */
}

.table-condensed th {
    color: #333 !important;
}

.datepicker .datepicker-switch {
    font-weight: bold;
    color: #000 !important;
}

.input-group-addon {
    border: none;
    background-color: transparent;
    padding: 0 10px !important;
    vertical-align: middle !important;
    display: table-cell !important;
    width: auto !important;
    min-width: 20px;
}

.input-daterange input {
    text-align: center;
}

.table-condensed {
    width: 240px;
    position: relative;
    background: #fff;
    box-shadow: 0px 0px 6px 4px rgba(20%,20%,20%,0.1);
    border: 5px;
}

.table-condensed .datepicker-switch, .table-condensed .prev, .table-condensed .next, .table-condensed .day {
    cursor: pointer;
    text-align: center;
}

.table-condensed .datepicker-switch {
    background: #fefaec;
}

.table-condensed .prev, .table-condensed .next {
    background: #feefca;
}

.table-condensed .datepicker-switch:hover, .table-condensed .prev:hover, .table-condensed .next:hover {
    background: #eee;
    color: #333;
    border-radius: 0;
}

.table-condensed .year:hover, .table-condensed .month:hover, .table-condensed .day:hover {
    background: #eee;
    color: #333;
    border-radius: 4px;
}

.table-condensed .dow {
    background: #ddf0fd;
}

.table-condensed .month, .table-condensed .year {
    width: 25%;
    padding: 10px 0;
    cursor: pointer;
    text-align: center;
}

.table-condensed td span {
    float: left;
    display: inline-block;
}

.table-condensed td span:nth-child(4n+1) {
    clear: both;
}

.datepicker-days .old, .datepicker-days .new {
    color: #ccc;
    font-weight: 400;
}

.day {
    cursor: pointer;
}

.table-condensed .day:hover {
    color: #333;
}

.datepicker .active {
    color: #fff;
    background-color: #285e8e;
    border-radius: 4px;
}


/*內容編輯*/
.info_list {
    float: left;
    width: 100%;
}

.info_list .item {
    float: left;
    width: 100%;
    padding: 4% 0;
    border-bottom: solid #eee 1px;
}

.info_list .item .img {
    float: left;
    width: 25%;
    padding-right: 4%;
    text-align: center;
}

.info_list .item .font_box {
    float: left;
    width: 75%;
}

.info_list .item .title {
    color: #045631;
    font-size: 1.25em;
    font-weight: bold;
    margin-bottom: 10px;
}


/*customer_page*/
.number_font {
    font-family: impact;
    font-size: 1.5em;
    padding: 0 8px;
    letter-spacing: 1px;
}

.customer_page {
    float: left;
    width: 100%;
}

.customer_page h3 i {
    padding-right: 10px;
    font-size: 1.2em;
}



/*頁籤*/
.tabs .nav > li > a {
    padding: 5px 12px;
    border-radius: 30px;
    margin-right: 5px;
    border: solid #003425 1px;
    color: #003425;
    background-color: transparent;
    margin: 3px 0;
}

.nav-tabs {
    border-bottom-color: transparent;
    text-align: center;
    font-size: 1.3em;
}

.nav-tabs li.active a,
.nav-tabs li.active a:focus {
    background-color: #003425;
    color: #fff !important;
    border: 1px solid #003425 !important;
}

.nav-tabs li a:hover {
    background-color: rgba(255,255,255,0.5);
    color: #003425 !important;
}

.tab-content {
    border-radius: 0;
    box-shadow: none;
    background-color: transparent;
    border: none;
    padding: 0;
    text-align: center;
}


/*--------------------------------------for 電腦、平版、手機------------------------------------------------*/
@media (min-width: 2600px) {
    /*index_result*/
    .index_result {
        background: linear-gradient(-100deg, transparent 65%, #595759 0), linear-gradient(80deg, transparent 35%, #f5f5f5 0);
    }

    .index_result .container > .title {
        background: linear-gradient(-100deg, transparent 15%, #595759 0), linear-gradient(80deg, transparent 90%, transparent 0);
    }
}


@media (min-width: 1400px) and (max-width: 2599px) {
    /*index_result*/
    .index_result {
        background: linear-gradient(-100deg, transparent 75%, #595759 0), linear-gradient(80deg, transparent 25%, #f5f5f5 0);
    }

    .index_result .container > .title {
        background: linear-gradient(-100deg, transparent 15%, #595759 0), linear-gradient(80deg, transparent 90%, transparent 0);
    }
}


/* 大螢幕 */
@media (min-width: 1400px) {
    .container {
        width: 1400px;
    }


    /*header*/
    #header .header-container {
        margin-top: 35px;
    }

    #header .dropdown-toggle .fa-caret-down {
        padding-top: 3px;
        display: none;
    }

    #header .dropdown-submenu .dropdown-menu {
        background: #7d4698 !important;
        margin: 0 !important;
    }

    .header-btn-collapse-nav-search {
        display: none;
    }

    .nav-top {
        display: none;
    }


    /*下滑選單縮小*/
    .sticky-header-active .header-nav-main nav > ul > li > a {
        padding: 30px 10px !important;
    }

    .sticky-header-active .header-nav-main nav > ul > .menu_search > a {
        margin: 26px 0 20px 0 !important;
        padding: 10px !important;
    }


    /*page_top*/
    .page_top {
        background: linear-gradient(-110deg, transparent 80%, #003425 0), linear-gradient(70deg, transparent 20%, #444 0);
    }


    /*page_banner*/
    .page_banner .bg_icon_03 {
        left: -200px;
    }

    /*page_content*/
    .page_content .bg_icon_04 {
        right: -150px;
    }


    /*news_list*/
    .news_list .item {
        min-height: 305px;
    }

    .news_list a:nth-child(3n+1) .item {
        clear: both;
    }


    /*down_list_01*/
    .down_list_01 {
        width: 90% !important;
        margin: 0 5% !important;
    }
}

@media (max-width: 2300px) {
    .page_top:after {
        display: none;
    }
}

@media (max-width: 1400px) {
    #header .header-container {
        margin-top: 35px;
    }

    .header-logo {
        max-width: calc(100% - 85px);
    }

    .header-logo img {
        height: 52px !important;
        width: 160px !important;
        max-width: 100%;
        vertical-align: top;
        /*		padding: 3px 0;*/
        margin: 0 !important;
    }

    /*search-手機版*/
    #header .header-btn-collapse-nav-search {
        margin: 9px 5px 8px 5px;
        padding: 6px 10px;
        float: right;
        background: #fff;
        color: #333;
    }

    .header-nav-search {
        background: rgba(0,0,0,0.05);
        float: left;
        width: calc(100% + 30px);
        margin: 0 -15px;
    }



    /*手機版menu*/
    #header {
        position: fixed;
        width: 100%;
    }

    #header .header-body {
        background: #fff;
        /*border-bottom: solid #eee 1px;*/
    }

    .header-container .header-row .header-column:nth-child(1) {
        margin: 0 -8px;
    }

    #header .header-logo {
        height: auto;
        margin-right: auto;
    }

    .header-nav-main {
        margin: 0 -20px;
        background: #03783a !important;
        padding: 0;
    }

    .dropdown-menu li {
        margin: 0 !important;
        padding: 0 !important;
    }

    .dropdown-menu > li > a {
        padding: 10px 28px 8px 20px !important;
        color: #fff;
        border-radius: 0;
        white-space: normal;
    }

    .dropdown-menu li > a {
        padding: 10px 30px 8px 35px !important;
    }

    .dropdown-menu .dropdown-submenu .dropdown-menu > li > a {
        padding: 10px 30px 8px 50px !important;
    }

    .nav-top {
        background: #333;
    }

    .nav-top li {
        width: 100%;
        float: left !important;
        margin: 0;
    }

    .nav-top li a {
        width: 100%;
    }

    .nav-top select {
        margin: 3px;
        padding: 2px 5px !important;
        height: 30px;
    }

    .nav-top .lang {
        float: left;
        width: 100% !important;
    }

    .nav-top .lang .title {
        color: #fff;
        float: left;
        padding: 5px 5px 5px 20px;
        font-size: 1em;
    }

    .nav-pills > li + li {
        margin-left: 0 !important;
    }

    #header .header-nav-main nav > ul > li:after {
        height: 0;
    }

    .nav-top .share_icon {
        text-align: center;
        width: 100%;
        float: left;
        padding: 2px;
    }

    .nav-top .share_icon a {
        width: 30px;
        display: inline-block;
        text-align: center;
        border-radius: 5px;
        padding: 5px 10px !important;
        width: 40px;
        margin: 0 5px;
    }

    .nav-top a i {
        font-size: 1.2em;
        width: 25px;
    }

    #header .nav-top li.dropdown .dropdown-menu li {
        background: #666;
    }

    #header .header-nav-main nav > ul > li:before {
        display: none;
    }

    .header-nav-main .nav-pills > li {
        margin: 0;
    }

    #header .header-nav-main nav > ul > li:hover a, #header .header-nav-main nav > ul > li:focus a {
        color: #fff !important;
        background: rgba(0,0,0,.2);
        border-radius: 0;
    }

    /*下滑選單縮小*/
    .sticky-header-active .header-logo img{
        top:0 !important;
    }

    .sticky-header-active .header-nav-main nav > ul > li > a {
        padding: 10px 30px 8px 20px !important;
    }

    /*手機版top_share*/
    .top_share_mobile {
        /*text-align:center;*/
    }

    .top_share_mobile a {
        /*			width: auto !important;*/
        display: inline-block !important;
    }

    .menu_search {
        display: none !important;
    }


    /*page_top*/
    .page_top {
        margin-top: 87px;
    }
}

/* 平板電腦、橫向手機和一般桌機解析度 */
@media (min-width: 1200px) and (max-width: 1399px) {
    .container {
        width: 100%;
        padding: 0 20px;
    }


    /*header*/

    /*index_banner*/
    .index_banner {
        margin-top: 87px;
    }


    /*down_list_01*/
    .down_list_01 {
        width: 90% !important;
        margin: 0 5% !important;
    }
}


/* 平板電腦、橫向手機和一般桌機解析度 */
@media (min-width: 992px) {
    .kpi {
        padding: 120px 3% 60px 3%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .container {
        width: 100%;
        padding: 0 20px;
    }


    /*header*/


    /*index_banner*/
    .index_banner {
        margin-top: 87px;
    }


    /*index_news_01*/
    .index_news_01 .img .font_box .title {
        font-size: 1.125em;
    }

    .index_news_01 #sync2 .title {
        font-size: 1em;
    }


    /*index_about*/
    .index_about .icon_box .icon {
        width: 65px;
        padding-right: 15px;
    }

    .index_about .icon_box .item {
        width: 100%;
        padding: 0;
    }

    .index_about .icon_box .item .con_font {
        padding-bottom: 10px;
    }


    /*kpi*/
    .kpi .number {
        top: 25%;
        font-size: 3.125em;
    }


    /*index_result*/
    .index_result h2 {
        font-size: 1.9em;
    }


    /*calendar_list*/
    .calendar_list .item {
        width: 46%;
        margin: 2%;
    }

    .calendar_list .item:nth-child(3n+1) {
        clear: none;
    }

    .calendar_list .item:nth-child(2n+1) {
        clear: both;
    }


    /*team*/
    .team_list .item {
        flex: 0 0 calc(84% / 4);
        margin: 2%;
    }

    .team_list .item .title {
        font-size: 1.6em;
        padding: 20px 0;
    }
}

/* 電腦、橫向平板電腦解析度 */
@media (max-width: 991px) {
    .index_about .box {
        flex-direction: column;
    }

    .index_about .box:after {
        bottom: 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    h2 {
        font-size: 1.8em;
    }

    h3 {
        font-size: 1.4em;
    }

    h4, .title_01 {
        font-size: 1.2em;
    }

    .container {
        width: 100% !important;
        padding: 0 15px;
    }


    /*header*/


    /*index_banner*/
    .index_banner {
        margin-top: 87px;
    }


    /*index_news*/
    .index_news h2 {
        font-size: 2em;
    }

    .index_news .list .title {
        font-size: 1em;
    }


    /*index_news_01*/
    .index_news_01:after {
        height: 100px;
    }

    .index_news_01 h2 {
        font-size: 2em;
    }

    .index_news_01 .img {
        width: 55%;
        padding: 70px 0 0 0;
    }

    .index_news_01 .img .font_box .title {
        font-size: 1.125em;
    }

    .index_news_01 .font {
        width: 45%;
    }

    .index_news_01 #sync2 .title {
        font-size: 1em;
    }


    /*index_about*/
    .index_about .icon_box .icon {
        width: 55px;
        padding-right: 10px;
    }

    .index_about .box .font {
        width: 100%;
        /*min-height: auto;*/
        padding: 5% 0 2% 0;
    }

    .index_about .box .video {
        width: 100%;
    }


    /*kpi*/
    .kpi ul li {
        width: 28%;
        margin: 3% 1.3%;
    }

    .kpi .number {
        font-size: 3.5em;
        top: 28%;
    }


    /*index_result*/
    .index_result {
        background: linear-gradient(-100deg, transparent 78%, #595759 0), linear-gradient(80deg, transparent 22%, #f5f5f5 0);
    }

    .index_result .container > .title {
        padding: 12% 0;
    }

    .index_result h2 {
        font-size: 1.5em;
        right: 30px;
    }

    .index_result .number {
        font-size: 3.5em;
        padding: 10px 0;
        height: 80px;
    }


    /*index_video*/
    .index_video .font {
        width: 100%;
        padding-right: 0;
    }

    .index_video .img {
        width: 100%;
    }

    .index_video .img .item {
        padding: 0 20px;
    }


    /*footer_menu*/
    footer .footer_list:nth-child(6n+1), footer .footer_list:nth-child(3n+1) {
        clear: none;
    }

    footer .footer_list:nth-child(4n+1) {
        clear: both;
    }

    footer .footer_list {
        width: calc(100% / 4);
    }

    .footer_list .title {
        font-size: 1.1em;
    }


    /*footer_box*/
    .footer_box .bg_icon_01 {
        left: -450px;
    }

    .footer_box .contact {
        width: 100%;
    }



    /*page_top*/
    .page_top {
        margin: 87px 0 0 0;
    }


    /*calendar_list*/
    .calendar_list .item {
        width: 96%;
        margin: 2%;
    }


    /*team*/
    .team_list .item {
        flex: 0 0 calc(88% / 3);
        margin: 2%;
    }

        .team_list .item .title {
            font-size: 1.6em;
        }
}


/* 橫向智慧手機到竪立平板電腦解析度 */
@media (max-width: 767px) {
    h2 {
        font-size: 1.5em;
    }

    h3 {
        font-size: 1.2em;
    }

    h4, .title_01 {
        font-size: 1em;
    }


    /*header*/
    #header .header-container {
        margin-top: 0;
    }


    /*index_banner*/
    .index_banner {
        margin-top: 52px;
    }

    .index_banner .font_box {
        padding: 10px;
        font-size: 0.9em;
    }

    .index_banner .owl-autoplay-toggle {
        right: 10px;
        bottom: 10px;
        min-width: 48px;
        padding: 3px 8px;
        gap: 4px;
        font-size: 0.75em;
    }

    .index_banner .owl-autoplay-toggle .fa {
        font-size: 0.8em;
    }


    /*index_news*/
    .index_news {
        padding: 5% 0;
    }

    .index_news h2 {
        font-size: 1.725em;
    }

    .index_news h2:after {
        width: 40px;
        margin: 15px auto 5px auto;
    }

    .index_news .list .item {
        width: 50%;
    }

    .index_news .list .item:nth-child(3) {
        display: none;
    }

    .index_news .list .title {
        font-size: 1em;
    }


    /*index_news_01*/
    .index_news_01 {
        background: linear-gradient(-70deg, transparent 80%, #e4f0ec 0), linear-gradient(110deg, transparent 55%, #fff 0);
    }

    .index_news_01:after {
        height: 100px;
    }

    .index_news_01 .img {
        width: 100%;
        padding: 0;
    }

    .index_news_01 .img .font_box .title {
        font-size: 1em;
    }

    .index_news_01 .font {
        width: 100%;
        margin-left: 0%;
        padding: 40px 15px 10px 15px;
    }

    .index_news_01 h2 {
        font-size: 1.5em;
        margin-left: 0;
        margin-bottom: 10px;
    }

    .index_news_01 #sync2 {
        top: 0;
    }

    .index_news_01 #sync2 .owl-item {
        width: 100% !important;
    }

    .index_news_01 #sync2 .title {
        font-size: 1em;
    }

    .index_news_01 .btn_box .btn_01 {
        padding: 10px 25px;
        margin: 0;
    }


    /*index_about*/
    .index_about h2 {
        font-size: 1.5em !important;
    }

    .index_about .bg_icon_01 {
        right: -450px;
    }

    .index_about .box .font {
        width: 100%;
        /*min-height: auto;*/
        padding: 5% 0 2% 0;
    }

    .index_about > .container .box .font h2 {
        margin: 0 0 20px 0;
    }

    .index_about .icon_box .icon {
        width: 55px;
        padding-right: 10px;
    }

    .index_about .icon_box .title {
        font-size: 1.3em;
    }

    .index_about .icon_box .item .con_font {
        padding-bottom: 10px;
    }

    .index_about .box .video {
        width: 100%;
        position: relative;
        right: 0;
    }


    /*kpi*/
    .kpi {
        padding: 50px 3% 0 3%;
    }

    .kpi h2:after {
        width: 40px;
        margin: 15px auto 5px auto;
    }

    .kpi ul li {
        width: 28%;
        margin: 3% 1.3%;
    }

    .bg_icon_02 {
        animation-play-state: running;
    }

    .kpi .number {
        font-size: 2.3em;
        top: 30%;
    }

    .kpi .title {
        font-size: 1em;
    }


    /*index_result*/
    .index_result {
        background: linear-gradient(-100deg, transparent 70%, #595759 0), linear-gradient(80deg, transparent 30%, #f5f5f5 0);
    }

    .index_result .container > .title {
        width: 25%;
        padding-top: 90px;
    }

    .index_result h2 {
        font-size: 1.5em;
        right: 15px;
    }

    .index_result h2:before {
        width: 40px;
        top: -15px;
    }

    .index_result .list {
        width: 75%;
        padding: 5% 40px 4% 60px
    }

    .index_result .number {
        font-size: 2.5em;
        padding: 10px 0;
        height: 70px;
    }

    .index_result .list .title {
        font-size: 0.8em;
    }


    /*index_video*/
    .index_video {
        padding: 50px 3%;
    }

    .index_video .font {
        width: 100%;
        padding-right: 0;
    }

    .index_video h2 {
        font-size: 1.5em !important;
    }

    .index_video .img {
        width: calc(100% + 40px);
        margin: 0 -20px;
        padding: 30px 40px;
    }

    .index_video .owl-carousel .owl-nav .owl-prev {
        left: -40px;
    }

    .index_video .owl-carousel .owl-nav .owl-next {
        right: -40px;
    }

    .index_video .img .item {
        padding: 0 10px;
    }

    .index_video .img .title:before {
        width: 20px;
    }

    .index_video .img .title {
        font-size: 1em;
        padding-left: 30px;
    }


    /*footer_menu*/
    footer > .toggle_menu {
        padding: 40px 0;
    }

    footer .footer_list {
        font-size: 0.9em;
    }

    footer .footer_list:nth-child(6n+1), footer .footer_list:nth-child(4n+1) {
        clear: none;
    }

    footer .footer_list:nth-child(3n+1) {
        clear: both;
    }

    footer .footer_list {
        width: calc(100% / 3);
        padding: 10px;
    }


    /*footer_box*/
    .footer_box {
        font-size: 0.8em;
        line-height: 150%;
    }

    .footer_box .container {
        padding: 10px 25px;
    }

    .footer_box .bg_icon_01 {
        left: -550px;
    }

    .footer_box .web_info {
        width: 100%;
    }

    .footer_box .footer_right {
        width: 100%;
    }

    .footer_box .web_info {
        padding: 10px 0;
    }

    .footer_box .web_info a {
        width: auto;
    }

    .footer_box .contact {
        width: 100%;
        padding: 10px 0;
    }

    /*footer_con*/
    .footer_con {
        margin-bottom: 0;
    }

    .footer_logo img {
        width: 150px !important;
        margin-bottom: 10px;
    }

    .footer_menu {
        margin: 0;
    }


    /*page_top*/
    .page_top {
        margin: 52px 0 0 0;
        background: #003425;
    }

    .page_top .container {
        padding: 0 10px;
    }

    .page_top_left {
        width: 100%;
    }

    .page_top_left .fa-home {
        padding-left: 0;
    }

    .page_top_left a, .page_top_left span {
        padding: 0 5px 0 0;
        font-size: 0.9em;
        border-left: none;
    }

    .page_top_left a:after, .page_top_left span:after {
        content: "|";
        color: rgba(255,255,255,.3);
        padding-left: 5px;
    }

    .page_top_right {
        padding-bottom: 5px;
        padding-top: 0px;
        margin-top: 5px;
    }


    /*page_banner*/
    .page_banner .container {
        padding: 30px 25px;
    }


    /*page_content*/
    .page_content {
        /*margin-top:50px*/
    }

    .page_content .container {
        padding: 25px;
    }


    /*table-toolbar*/
    .table-toolbar {
        margin: 0 0 5px 0;
    }

    .table-toolbar-left {
        width: auto;
    }


    /*page_con*/
    .page_con {
        width: 100%;
    }



    /*page_share*/
    .page_top .visible-xs {
        display: inline-block !important;
    }

    .page_top .visible-xs .form-control {
        padding: 0 3px;
        height: 26px;
    }

    .page_top .visible-xs .btn_01 {
        padding: 5px !important;
        height: 24px;
        margin: 0;
    }

    .page_top_left .icon {
        padding: 0 4px;
    }

    /*page_bottom*/
    .page_bottom .con_font {
        padding-left: 10px;
        margin-top: 0;
    }

    .page_bottom .con_font a {
        padding: 4px 0;
    }

    /*news_list*/
    .news_list .item {
        width: 46%;
        margin: 2%;
    }

    .news_list .item:nth-child(3n+1) {
        clear: none;
    }

    .news_list .item:nth-child(2n+1) {
        clear: both;
    }

    .news_list .item .title {
        font-size: 1.15em;
    }


    /*news_list_01*/
    .news_list_01 .item {
        padding: 20px 0;
    }


    /*event大事記要*/
    .event_list {
        background: none;
    }

    .event_list .item {
        padding-left: 0;
    }

    .event_list .item:before {
        left: 91px;
        display: none;
    }

    .event_list .year {
        font-size: 1.625em;
        border-bottom: solid #ccc 1px;
        padding-bottom: 10px;
        width: 100%;
        float: left;
    }

    .event_list .year:after {
        padding: 0 0 0 17px;
        display: none;
    }

    .event_list li .title_box .date:after {
        padding: 0 5px;
    }

    .event_list ul {
        margin: 0 0 20px 0;
    }

    .event_list ul li {
        padding: 10px 0 15px 0;
    }

    .event_list li .title_box .title {
        padding-left: 115px;
    }

    .event_list .con_font, .event_list .img {
        padding-left: 115px;
    }

    .event_list .img img {
        padding: 7px;
    }


    /*faq常見問答*/
    .faq_list {
        margin: 0;
    }

    .faq_list .item.open .dropdown-menu {
        padding: 0;
    }


    /*calendar活動日曆*/
    .calendar_box .calendar_date {
        width: 100%;
    }

    .calendar_box .calendar_list_box {
        width: 100%;
    }

    .calendar_list .item {
        width: 46%;
        margin: 2%;
    }

    .calendar_list .item:nth-child(3n+1) {
        clear: none;
    }

    .calendar_list .item:nth-child(2n+1) {
        clear: both;
    }

    .calendar_list .item .title {
        font-size: 1.15em;
    }


    /*video_list*/
    .video_list .item {
        width: 46%;
        margin: 2%;
    }

    .video_list .item:nth-child(3n+1) {
        clear: none;
    }

    .video_list .item:nth-child(2n+1) {
        clear: both;
    }

    .video_list .item .title {
        font-size: 1.15em;
    }


    /*team*/
    .team_list .item {
        flex: 0 0 calc(92% / 2);
        margin: 2%;
    }

    .team_list .item .title {
        font-size: 1.6em;
    }


    /*epaper_list*/
    .epaper_list .item {
        width: 46%;
        margin: 2%;
    }

    .epaper_list .item:nth-child(3n+1) {
        clear: none;
    }

    .epaper_list .item:nth-child(2n+1) {
        clear: both;
    }

    .epaper_list .item .title {
        font-size: 1.15em;
    }



    /*頁碼*/
    #page_number {
        font-size: 0.9em;
    }

    #page_number .page_icon {
        text-align: center;
    }


    /*紓困申請*/
    .footer_box_loan .web_info {
        width: 25%;
    }

    .footer_box_loan .footer_menu {
        width: 75%;
        padding: 10px 0 !important;
    }
}


/* 橫向智慧手機及其他更小解析度 */
@media (max-width: 480px) {
    #tophome {
        padding: 2px 0;
    }

    .top_link a {
        color: #fff;
        font-size: 0.9em;
    }

    .top_link ul li:after, .copypage_menu ul li:after {
        padding: 0 0 0 3px;
    }


    /*index_banner*/
    .index_banner .font_box {
        font-size: 0.7em;
    }


    /*index_news*/
    .index_news h2 {
        font-size: 1.5em;
    }

    .index_news h2:after {
        width: 40px;
        margin: 15px auto 0 auto;
    }

    .index_news .list .item {
        width: 100%;
        padding: 15px;
    }

    .index_news .list .item:nth-child(3) {
        display: block;
    }


    /*index_about*/
    .index_about .icon_box .item {
        width: 100%;
        padding: 0;
    }

    .index_about .icon_box .item .con_font {
        padding-bottom: 10px;
    }


    /*kpi*/
    .kpi ul li {
        width: 43%;
        margin: 2%;
    }

    .kpi .number {
        font-size: 2.3em;
        top: 30%;
    }


    /*index_result*/
    .index_result {
        background: linear-gradient(-100deg, transparent 65%, #595759 0), linear-gradient(80deg, transparent 35%, #f5f5f5 0);
    }

    .index_result .container > .title {
        width: 30%;
        padding-top: 90px;
    }

    .index_result h2 {
        font-size: 1.1em;
        right: 10px;
    }

    .index_result .list {
        width: 70%;
        padding: 5% 40px 6% 50px;
    }

    .index_result .number {
        font-size: 2em;
        height: 60px;
    }


    /*footer_menu*/
    footer .footer_list {
        font-size: 0.9em;
    }

    footer .footer_list:nth-child(3n+1), footer .footer_list:nth-child(6n+1), footer .footer_list:nth-child(4n+1) {
        clear: none;
    }

    footer .footer_list:nth-child(2n+1) {
        clear: both;
    }

    footer .footer_list {
        width: calc(100% / 2);
    }

    .footer_box .footer_right {
        width: 100%;
    }

    .footer_box .contact {
        width: 100%;
    }

    .contact_ul li {
        display: block;
        padding-right: 0;
    }

    /*footer_con*/
    .footer_con {
        margin-bottom: 5px;
    }


    /*news_list*/
    .news_list .item {
        width: 100%;
        margin: 3% 0;
    }


    /*news_list_01*/
    .news_list_01 .item .img {
        width: 100%;
    }

    .news_list_01 .item .con {
        width: 100%;
        padding-top: 10px;
    }


    /*event大事記要*/
    .event_list li .title_box .title {
        padding-left: 0;
        margin-top: 0;
    }

    .event_list .con_font, .event_list .img {
        padding-left: 0;
    }


    /*表單管理*/
    .form_box {
        border: solid #f5f5f5 5px;
        padding: 5px;
    }

    .form_q {
        border-right: none;
        text-align: left;
        width: 100%;
        display: block;
        margin: 0 0 -10px 0;
        padding: 8px 15px 0 15px;
        float: left;
    }

    .form_q label {
        font-weight: bold;
    }

    .form_a {
        width: 100%;
        display: block;
        margin: 0;
        padding: 15px;
        border-bottom: #ccc dotted 1px;
        float: left;
    }

    .form_box .table-row:last-child .form_a {
        border-bottom: none;
    }

    .verification_code {
        margin: 5px 0 3px 0;
        display: inline-block;
    }

    .forum_subject img {
        width: 100px;
    }

    .form_con .w-50 label {
        width: 100%;
    }

    .form_con .w-50 label:nth-child(2n-1) {
        padding-right: 0;
    }


    /*calendar活動日曆*/
    .calendar_list .item {
        width: 96%;
        margin: 2%;
    }



    /*video_list*/
    .video_list .item {
        width: 100%;
        margin: 3% 0;
    }


    /*team*/
    .team_list .item {
        flex: 0 0 calc(90% / 2);
        margin: 2.5%;
    }

    .team_list .item .title {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .team_list .item .title > div {
        margin: .5rem 0 0 0;
    }


    /*member_login登入*/
    .member_login .form_con {
        padding: 20px 0 0 0;
    }


    /*epaper_list*/
    .epaper_list .item {
        width: 100%;
        margin: 3% 0;
    }


    /*epaper detail電子報*/
    .epaper_title h2 {
        font-size: 1.3em;
    }

    .con_box h3 {
        font-size: 1.2em;
        padding: 0 10px;
    }

    .con_box h3 img {
        padding-right: 5px;
        width: 25px;
    }

    .epaper_list_01 {
        padding: 0 10px;
    }

    .epaper_list_01 .item {
        width: 100%;
    }

    .epaper_list_01 .item .con {
        padding: 15px 5px;
    }

    .epaper_list_02 {
        margin-left: 10px;
        margin-right: 10px;
        width: calc(100% - 20px);
    }

    .epaper_list_02 .left {
        width: 100%;
    }

    .epaper_list_02 .right {
        width: 100%;
        padding: 15px 20px;
    }


    /*內容編輯*/
    .info_list .item .img {
        width: 100%;
        padding-right: 0;
    }

    .info_list .item .font_box {
        width: 100%;
    }


    /*customer_page_02*/
    .customer_page_02 .list_img .item img {
        max-width: 200px !important;
    }


    /*紓困申請*/
    .other_files li label {
        width: 100% !important;
    }

    .footer_box_loan .footer_menu {
        padding: 0 !important;
    }
}

@media (max-width: 429px) {
    .type_inline ul li {
        flex: 0 0 calc((100% - 12px) / 3);
        min-width: auto;
    }
}


/*-----------------------------------------for編輯器--------------------------------------------*/
.font-xlarge {
    font-size: 140%;
}

.font-large {
    font-size: 120%;
}

.font-small {
    font-size: 80%;
}

.font-xsmall {
    font-size: 60%;
}

.w-100 {
    width: 100%;
}

.w-80 {
    width: 80%;
}

.w-1000 {
    max-width: 1000px;
}

.w-800 {
    max-width: 800px;
}

.w-600 {
    max-width: 600px;
}

.w-400 {
    max-width: 400px;
}

.w-200 {
    max-width: 200px;
}

.w-auto {
    width: auto !important;
    max-width: 100%;
}

.input-xlarge {
    width: 420px !important;
}

.input-large {
    width: 320px !important;
}

.input-medium {
    width: 240px !important;
}

.input-small {
    width: 145px !important;
}

.input-xsmall {
    width: 80px !important;
}

.float_left, .float-left {
    float: left;
}

.float_right, .float-right {
    float: right;
}

.text_center, .text-center {
    text-align: center;
}

.text_right, .text-right {
    text-align: right !important;
}

.text_left, .text-left {
    text-align: left !important;
}

.red {
    color: #c00;
}

.white {
    color: #fff;
}

.black {
    color: #000;
}

.gray {
    color: #666;
}

.blue_01 {
    color: #3e76b6;
}

.blue_02 {
    color: #003f86;
}

.green_01 {
    color: #588216;
}

.green_02 {
    color: #00693E;
}

.orange_01 {
    color: #C45519;
}

.orange_02 {
    color: #a6410a;
}

.brown_01 {
    color: #817461;
}

.brown_02 {
    color: #513710;
}

.pink {
    color: #B648B7;
}

.purple {
    color: #800080;
}

.required {
    color: #c00;
    font-size: 0.9em;
    line-height: 140%;
    padding: 3px 0;
}

.img_padding {
    padding: 10px;
}

.img_pic {
    border: solid #ccc 1px;
    padding: 10px;
    box-shadow: 0px 0px 2px 2px rgba(20%,20%,20%,0.1);
}

.nomargin {
    margin: 0 !important;
}

.nopadding {
    padding: 0 !important;
}

.blockquote_font {
    max-width: 96%;
    margin: 30px auto;
    color: #333;
    border-left: 6px solid #2b50a8;
    padding-left: 1.5em;
}

table[align="center"] {
    margin-left: auto;
    margin-right: auto;
}

.align-m {
    vertical-align: middle !important;
}

.align-t {
    vertical-align: top !important;
}

.align-b {
    vertical-align: bottom !important;
}


@media (max-width: 480px) {
    .input-large, .input-medium, .input-small, .input-xsmall {
        max-width: 100% !important;
    }
}


/*for 後台 table scroll*/ /*for 編輯器.cke_editable*/
.modal-content, .modal-body, .modal-footer {
    width: 100%;
    float: left;
}

.bootbox-body {
    width: 100%;
}

.bootbox-body .table-scrollable {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    border: none;
}

.bootbox-body .table-scrollable > .table-bordered > thead > tr:last-child > th, .bootbox-body .table.table-bordered thead > tr > th {
    border-bottom: 0;
    border: 1px solid #ddd;
    line-height: 130%;
    vertical-align: middle;
    padding: 10px;
}

.bootbox-body .table-scrollable > .table {
    width: 100% !important;
    margin: 0 !important;
    min-width: 650px;
}

.bootbox-body .table {
    margin-bottom: 5px;
}

.bootbox-body .table > tbody > tr > td {
    line-height: 190%;
    border: 1px solid #ddd;
    padding: 5px 10px;
}

.bootbox-body .table-scrollable > .table > thead {
    border-top: solid 1px #ddd;
}

.bootbox-body .table-scrollable > .table > thead > tr > th, .bootbox-body .table-scrollable th, .bootbox-body .table > thead > tr > th {
    white-space: nowrap;
    padding: 8px;
    background: #666;
    color: #fff;
    font-weight: 500;
}

.bootbox-body .table-hover > tbody > tr:hover {
    background: rgba(0,105,62,0.05);
}

.bootbox-body .table-even > tbody > tr:nth-child(even) {
    background: rgba(0,105,62,0.05);
}

.bootbox-body .delete_th {
    padding: 10px 0 !important;
}

.modal-body ol, .modal-body ul {
    padding-left: 30px;
}


/*table*/
.table {
    display: table;
    border-color: #ddd;
    width: 100%;
}

table[align="center"] {
    margin-left: auto;
    margin-right: auto;
}

.table_01 {
    display: table;
    border: none;
    text-align: left;
}

.table-row {
    display: table-row;
}

.table-cell {
    display: table-cell;
}

.table-center th, .table-center td {
    text-align: center;
}

.table > tr > th {
    background: #f9f9f9;
    min-height: 52px;
    border-right: solid #ddd 1px;
    font-weight: inherit;
    color: #333;
    vertical-align: middle !important;
}

.table-hover > tbody > tr:hover, .table > tr:hover > th {
    background: rgba(0,105,62,0.05);
}

.table-even > tbody > tr:nth-child(even) {
    background: rgba(0,105,62,0.05);
}

.table td ol, .table td ul {
    padding-left: 25px;
}


/*縮排*/
.paddingleft22 {
    padding-left: 22px;
}

.textindent22 {
    text-indent: -22px;
}

.text_indent {
    text-indent: 2em;
}


/*清單*/
.ol_01 {
    list-style-type: cjk-ideographic; /*一, 二, 三*/
}

.ol_02 {
    list-style-type: upper-latin; /*A, B, C*/
}

.ol_03 {
    list-style-type: lower-alpha; /*a, b, c*/
}

.ol_04 {
    list-style-type: decimal; /*1,2,3*/
}

.ul_01 {
    list-style-type: square; /*實心方塊*/
}

.ul_02 {
    list-style-type: disc; /*實心圓*/
}

.ul_none, .ol_none {
    list-style: none;
    padding-left: 0;
}

.ul_w50 {
    float: left;
    width: 100%;
}

    .ul_w50 li {
        float: left;
        width: calc(50% - 40px);
        padding-right: 30px;
    }

        .ul_w50 li:nth-child(2n+1) {
            clear: both;
        }

.ul_line {
    list-style: none;
}

    .ul_line li:before {
        content: "-";
        display: inline-block;
        color: #e4c916;
        padding-right: 10px;
        font-weight: bold;
        margin-left: -16px;
    }


@media (max-width: 767px) {
    .ul_w50 li {
        width: calc(100% - 40px);
    }
}


/*for IE*/
@media screen\0 {
    .ol_01 {
        list-style-type: decimal-leading-zero; /*01,02,03*/
    }
}


/*錨點*/
.anchor_list {
    float: left;
    width: 100%;
    list-style: none;
    margin-bottom: 20px;
    margin-left: 0px;
    padding-left: 0 !important;
}

.anchor_list a {
    float: left;
    padding: 5px 15px;
    border-radius: 5px;
    color: #333;
    margin: 5px;
    border: solid #ccc 1px;
    text-decoration: none;
    box-shadow: none;
}

.anchor_list li {
    float: left;
}

.anchor_list a:hover, .anchor_list a:focus {
    background: #eee;
    color: #333;
}

.anchor_list a.active {
    background: #3e76b6;
    color: #fff;
    border: solid #3e76b6 1px;
}


/*併排*/
[class*='list_0'] .title {
    color: #045631;
    font-size: 1.25em;
    font-weight: bold;
    margin-bottom: 10px;
}


/*併排5*/
.list_05 {
    float: left;
    width: 100%;
}

.list_05 .item {
    display: inline-block;
    width: 16.5%;
    margin: 1.5%;
    vertical-align: top;
    line-height: 150%;
}

.list_05 .item img {
    margin-bottom: 5px;
}

.list_05 .item:nth-child(5n+1) {
    clear: both;
}

.list_05.nomargin .item {
    margin: 0;
    width: 25%;
}

@media (max-width: 767px) {
    .list_05 .item {
        width: 28%;
        margin: 2%;
    }

    .list_05 .item:nth-child(5n+1) {
        clear: none;
    }

    .list_05 .item:nth-child(3n+1) {
        clear: both;
    }

    .list_05.nomargin .item {
        margin: 0;
        width: 33.3%;
    }
}

@media (max-width: 480px) {
    .list_05 .item {
        width: 43%;
        margin: 3%;
    }

    .list_05 .item:nth-child(5n+1), .list_05 .item:nth-child(3n+1) {
        clear: none;
    }

    .list_05 .item:nth-child(2n+1) {
        clear: both;
    }

    .list_05 .item img {
        width: 100%;
    }

    .list_05.nomargin .item {
        margin: 0;
        width: 50%;
    }
}


/*併排4*/
.list_04 {
    float: left;
    width: 100%;
}

.list_04 .item {
    float: left;
    width: 22%;
    margin: 1.5%;
}

.list_04 .item img {
    margin-bottom: 5px;
}

.list_04 .item:nth-child(4n+1) {
    clear: both;
}

.list_04.nomargin .item {
    margin: 0;
    width: 25%;
}

@media (max-width: 767px) {
    .list_04 .item {
        width: 29.3%;
        margin: 2%;
    }

    .list_04 .item:nth-child(4n+1) {
        clear: none;
    }

    .list_04 .item:nth-child(3n+1) {
        clear: both;
    }

    .list_04.nomargin .item {
        margin: 0;
        width: 33.3%;
    }
}

@media (max-width: 480px) {
    .list_04 .item {
        width: 44%;
        margin: 3%;
    }

    .list_04 .item:nth-child(4n+1), .list_04 .item:nth-child(3n+1) {
        clear: none;
    }

    .list_04 .item:nth-child(2n+1) {
        clear: both;
    }

    .list_04 .item img {
        width: 100%;
    }

    .list_04.nomargin .item {
        margin: 0;
        width: 50%;
    }
}


/*併排4-2*/
.list_04-2 {
    float: left;
    width: 100%;
}

.list_04-2 .item {
    float: left;
    width: 22%;
    margin: 1.5%;
}

.list_04-2 .item img {
    margin-bottom: 5px;
}

.list_04-2 .item:nth-child(4n+1) {
    clear: both;
}

.list_04-2.nomargin .item {
    margin: 0;
    width: 25%;
}

@media (max-width: 767px) {
    .list_04-2 .item {
        width: 44%;
        margin: 3%;
    }

    .list_04-2 .item:nth-child(4n+1) {
        clear: none;
    }

    .list_04-2 .item:nth-child(2n+1) {
        clear: both;
    }

    .list_04-2.nomargin .item {
        margin: 0;
        width: 50%;
    }
}

@media (max-width: 480px) {
    .list_04-2 .item {
        width: 90%;
        margin: 5%;
    }

    .list_04-2 .item:nth-child(even) {
        margin: -1% 5% 5% 5%;
    }

    .list_04-2 .item img {
        margin-bottom: 0;
    }

    .list_04-2.nomargin .item {
        margin: 0;
        width: 100%;
    }
}


/*併排3*/
.list_03 {
    float: left;
    width: 100%;
}

.list_03 .item {
    float: left;
    width: 29.3%;
    margin: 2%;
}

.list_03 .item img {
    margin-bottom: 5px;
}

.list_03 .item:nth-child(3n+1) {
    clear: both;
}

.list_03.nomargin .item {
    margin: 0;
    width: 33.3%;
}

@media (max-width: 767px) {
    .list_03 .item {
        width: 46%;
    }

    .list_03 .item:nth-child(3n+1) {
        clear: none;
    }

    .list_03 .item:nth-child(2n+1) {
        clear: both;
    }

    .list_03.nomargin .item {
        margin: 0;
        width: 50%;
    }
}

@media (max-width: 480px) {
    .list_03 .item {
        width: 90%;
        margin: 5%;
    }

    .list_03 .item img {
        width: 100%;
    }

    .list_03.nomargin .item {
        margin: 0;
        width: 100%;
    }
}


/*併排2*/
.list_02 {
    float: left;
    width: 100%;
}

.list_02 .item {
    float: left;
    width: 44%;
    margin: 3%;
}

.list_02 .item img {
    margin-bottom: 5px;
}

.list_02 .item:nth-child(2n+1) {
    clear: both;
}

.list_02.nomargin .item {
    margin: 0;
    width: 50%;
}

@media (max-width: 767px) {
    .list_02 .item {
        width: 90%;
        margin: 5%;
    }

    .list_02.nomargin .item {
        margin: 0;
        width: 100%;
    }
}


/*併排1+3*/
.list_img {
    float: left;
    width: 100%;
}

.list_img .item:nth-child(2n-1) {
    float: left;
    width: 20%;
    margin: 2.5%;
}

.list_img .item:nth-child(2n) {
    float: left;
    width: 70%;
    margin: 2.5%;
}

.list_img .item img {
    margin-bottom: 5px;
}

.list_img .item:nth-child(2n+1) {
    clear: both;
}

.list_img.nomargin .item {
    margin: 0;
}

.list_img.nomargin .item:nth-child(2n-1) {
    width: 25%;
}

.list_img.nomargin .item:nth-child(2n) {
    width: 75%;
}

@media (max-width: 480px) {
    .list_img .item {
        width: 95% !important;
    }

    .list_img.nomargin .item {
        margin: 0;
        width: 100%;
    }
}


/*併排3+1*/
.list_font {
    float: left;
    width: 100%;
}

.list_font .item:nth-child(2n) {
    float: left;
    width: 20%;
    margin: 2.5%;
}

.list_font .item:nth-child(2n-1) {
    float: left;
    width: 70%;
    margin: 2.5%;
}

.list_font .item img {
    margin-bottom: 5px;
}

.list_font .item:nth-child(2n+1) {
    clear: both;
}

.list_font.nomargin .item {
    margin: 0;
}

.list_font.nomargin .item:nth-child(2n) {
    width: 25%;
}

.list_font.nomargin .item:nth-child(2n-1) {
    width: 75%;
}

@media (max-width: 480px) {
    .list_font .item {
        width: 95% !important;
    }

    .list_font.nomargin .item {
        margin: 0;
        width: 100%;
    }
}


/*youtube影片*/
.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
    width: 100%;
}

    .embed-responsive .embed-responsive-item,
    .embed-responsive iframe,
    .embed-responsive embed,
    .embed-responsive object,
    .embed-responsive video {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }

.embed-responsive-16by9 {
    padding-bottom: 56.25%;
}

.embed-responsive-4by3 {
    padding-bottom: 75%;
}



@media print {
    /*清除網址*/
    a[href]:after {
        content: none !important;
    }

    /*解決Safari 在列印時使用異常小的字體*/
    .container {
        width: auto;
    }

    .con_box {
        margin: 0;
        border: initial;
        border-radius: initial;
        width: initial;
        min-height: initial;
        box-shadow: initial;
        background: initial;
        page-break-after: always;
    }
}

/*列印尺寸電腦版*/
@page {
    size: A3;
    margin: 0;
}

/*rwd table*/
.rwd-table {
    background: #fff;
    overflow: hidden;
    min-width: 100%;
    /*font-size: 0.9em;*/
    color: #333;
}

.rwd-table th {
    display: none;
}

.rwd-table td {
    display: block;
}

.rwd-table td:before {
    content: attr(data-th) " : ";
    font-weight: bold;
    width: 6.5em;
    display: inline-block;
    color: #333;
}

.rwd-table.table-hover tr:hover td:before {
    color: #fff;
}

.rwd-table.table-bordered > tbody > tr > td {
    border-top: none;
    border-left: none;
    line-height: 150%;
}


@media (min-width: 769px) {

    /*rwd table*/
    .rwd-table td:before {
        display: none;
    }

    .rwd-table th, .rwd-table td {
        display: table-cell;
        padding: 0.25em 0.5em;
    }
}


@media (max-width: 769px) {
    /*rwd table*/
    .rwd-table.table {
        border: none;
    }

    .rwd-table tr td:nth-child(1) {
        border-top: solid #ddd 1px !important;
    }

    .rwd-table tr td {
        border-bottom: solid #ddd 1px !important;
    }

    .rwd-table tr {
        margin-top: 20px;
    }

    .rwd-table.table-center td {
        text-align: left !important;
    }

    .rwd-table tbody tr {
        display: table;
        width: 100%;
        border: solid #ddd 1px;
    }

    .rwd-table tbody tr td {
        display: table-row;
    }

    .rwd-table tbody tr td:before {
        display: table-cell;
        padding: 8px;
    }
}

/* 列表頁的簡述文字對齊 - 中文版左右對齊 */
html[lang="zh-Hant-TW"] .news_list .item .con .font_con,
html[lang="zh-Hant-TW"] .news_list_01 .item .con .font_con {
    text-align: justify;
    word-break: break-all;
}
/* 內容頁的 CKEditor 編輯器內容對齊 - 中文版左右對齊 */
html[lang="zh-Hant-TW"] .edit_con, html[lang="zh-Hant-TW"] .edit_con p, html[lang="zh-Hant-TW"] .edit_con span, html[lang="zh-Hant-TW"] .edit_con div, html[lang="zh-Hant-TW"] .edit_con li {
    text-align: justify;
    word-break: break-all;
}

/* 列表頁的簡述文字對齊 - 英文版靠左對齊 */
html[lang="en"] .news_list .item .con .font_con,
html[lang="en"] .news_list_01 .item .con .font_con {
    text-align: left;
    word-break: normal;
    overflow-wrap: break-word;
}
/* 內容頁 of CKEditor 編輯器內容對齊 - 英文版靠左對齊 */
html[lang="en"] .edit_con, html[lang="en"] .edit_con p, html[lang="en"] .edit_con span, html[lang="en"] .edit_con div, html[lang="en"] .edit_con li {
    text-align: left;
    word-break: normal;
    overflow-wrap: break-word;
}

/* 內容頁的 CKEditor 編輯器內容對齊 */
.edit_con.text_center, .edit_con p.text_center, .edit_con span.text_center, .edit_con div.text_center, .edit_con li.text_center {
    text-align: center !important;
}

/* 內容頁的 CKEditor 編輯器內容對齊 */
.edit_con.text_right, .edit_con p.text_right, .edit_con span.text_right, .edit_con div.text_right, .edit_con li.text_right {
    text-align: right ;
}


/* 修正 Active 模組搜尋列對齊 */
.active_date .table-toolbar-left label {
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
    margin-bottom: 0;
}

.active_date .table-toolbar-left .title {
    margin-right: 10px;
    white-space: nowrap;
}

.active_date .table-toolbar-left .btn {
    vertical-align: middle;
    margin-left: 10px;
}
/* 讓日期輸入框寬度適中 */
.active_date .input-daterange input {
    width: 120px !important;
}

/* 活動列表排版：一排 3 個平均分配 */
.active_list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.active_list .item {
    width: 33.33% !important;
    padding: 10px;
    box-sizing: border-box;
}

@media (max-width: 991px) {
    .active_list .item {
        width: 50% !important;
    }
}

@media (max-width: 480px) {
    .active_list .item {
        width: 100% !important;
    }
}

/* ==========================================================================
   多國語言 (英文版首頁) 樣式修正
   ========================================================================== */
html[lang="en"] .index_about .con_font,
html[lang="en"] .index_video .con_font {
    text-align: left !important;
}