@charset  "UTF-8";
/*Base*/

/*讓IE滿版*/
@-ms-viewport {
    width: auto !important;
}

/*調整Focus色碼*/
:focus {
    outline: 3px;
    outline-style: dashed;
    outline-color: #e9d0a1;
}

a:focus {
    outline-width: 3px;
    outline-style: dashed;
    outline-color: #e9d0a1;
}

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

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

/*input*/

input[type=text]:focus {
    background-color: #e9d0a1 !important;
}

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
    outline-width: 3px;
    outline-style: dashed;
    outline-color: #e9d0a1;
}

textarea:focus {
    background-color: #e9d0a1 !important;
}

.cse .gsc-search-button-v2:focus,
.gsc-search-button-v2:focus {
    outline-width: 3px;
    outline-style: dashed;
    outline-color: #e9d0a1;
}

/*無障礙按鍵*/
.assembly-u {
    /*display: flex;
    align-items: center;*/
    color: #fff;
    margin-right: .25em;
}

@media (max-width:992px) {
    .assembly-u {
        margin-right: 0;
        height: 0;
        width: 100%;
    }
}


.assembly-u:focus {
    color: #333;
}

.danwei-header .second-col .link a.assembly-u {
    color: #007b87;
}

.danwei-header .second-col .link a.assembly-u:focus {
    color: #fff;
}

.assembly-c {
    color: #fff;
}

#breadcrumbs .assembly-c {
    /* align-self: stretch; */
    /* align-items: center; */
    /*display: flex;*/
    color: #333;
    margin-right: .25em;
    display: inline-block;
}

#breadcrumbs .assembly-c:hover {
    color: #007B87;
}

.assembly-z {
    color: #007B87 !important;
}

.assembly-z:focus {
    color: #fff !important;
}

/*跳到主要內容區塊*/
.focuscenter {
    color: #000;
    float: left;
    /* font-size: 1.188em; */
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    cursor: pointer;
    z-index: 9999;
}

.focuscenter:active,
.focuscenter:focus {
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
    padding: .25em;
}

/*不支援Script提示*/
.NoScript1 {
    background: #f1f1f1;
    color: #00a69a;
    /* font-size: 1.18em; */
    padding: 15px;
}

/*mobile menu*/
img.menu-list {
    display: none;
    cursor: pointer;
}

/*body width*/
body {
    min-width: 1200px;
    font-size: 0.889em;
    /* background: #F1F1F1; */
}

@media screen and (min-width: 992px) and (max-width: 1220px) {
    body {
        min-width: 975px;
    }
}

.mw {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}

@media screen and (min-width: 992px) and (max-width: 1220px) {
    .mw {
        width: 975px;
    }
}

.mw-top {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}

@media screen and (min-width: 992px) and (max-width: 1220px) {
    .mw-top {
        width: 975px;
    }
}

.mw-top .logo-right {
    position: relative;
    top: 10px;
}

/*麵包屑*/
#breadcrumbs {
    padding: .5em .5em .5em .5em;
    display: flex;
    align-items: center;
    /* display: inline-block; */
    flex-wrap: wrap;
}

/* @media (max-width: 991px) {
    #breadcrumbs {
        flex-wrap: wrap;
    }
} */

#breadcrumbs img {
    margin-right: .5em;
    width: auto;
}

/*header*/

.header {
    position: relative;
    z-index: 1000;
    background-color: white;
}

.header .top-col .font-col {
    position: relative;
    /*display: flex;
    align-items: center;*/
    display: inline-block;
    vertical-align: top;
}

.header .top-search .font-col {
    position: relative;
    /*display: flex;
    align-items: center;*/
    display: inline-block;
    vertical-align: top;
}

@media (max-width:991px) {
    .header .top-col .font-col {
        display: none;
    }
	.header .top-search .font-col {
        display: none;
    }
}

.phone-btn {
    display: none;
}

@media (max-width:991px) {
    .phone-btn {
        display: flex;
        align-items: center;
        /* min-height: 55px; */
        margin-right: 16px;
        padding: 0.5em;
        /* display: inline-block; */
    }

    /* .phone-btn>* {
        float: left;
        display: inline-block;
    } */
	
	.phone-btn .search {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: .2em;
		line-height: 30px;
    }
	
    /*.phone-btn .fb {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: .2em;
    }*/

    .phone-btn .quick-link {
        border-radius: 4px;
        background: #007b87;
        color: #fff;
        /* display:flex;
        align-items:center;
        justify-content:center;*/
        line-height: 30px;
        padding: 0 .5em;
        white-space: nowrap;
    }
}


@media (max-width:767px) {
    .phone-btn {
        margin-right: 0;
    }
}

.header .top-col {
    border-bottom: 1px solid #eee;
    /* height: 46px; */
    height: auto;
    line-height: 45px;
    /*display: flex;
    align-items: center;*/
    text-align: right;
}

.header .top-search {
    border-bottom: 1px solid #eee;
	/*height: 36px; */
    height: auto;
    line-height: 45px;
    /*display: flex;*/
    align-items: center;
    /*text-align: right;*/
}
.header .search-btn {
        border-radius: 4px;
		background: #fff;
        /*background: #007b87;
        color: #fff;*/
        /*display:flex;
        align-items:center;
        justify-content:center;*/
        /*line-height: 30px;*/
        /*padding: 0 .5em;*/
        white-space: nowrap;
		top: .5em;
		height: 30px;
    }

@media (max-width:991px) {
    .header .top-col {
        text-align: center;
        /* height: 56px; */
    }
	.header .top-search {
        text-align: center;
        /* height: 56px; */
    }
}

.header .top-col .mw {
    /*display: flex;
    justify-content: flex-end;*/

}

.header .top-search .mw {
    /*display: flex;
    justify-content: flex-end;*/

}

@media (max-width:767px) {
    .header .top-col .mw {
        /*flex-direction: column;*/
    }
	.header .top-search .mw {
        /*flex-direction: column;*/
    }
}

.header .top-col .text-detail img {
    margin-left: .25em;
}

.header .top-col .search-box-open {
	background-color: #fff;
}

.header .top-col .search-box-open img{
	/*width: 30px;*/
	padding-bottom: 1px;
	cursor: pointer;
}

.header .top-col .search-box-close {
	background-color: #fff;
}

.header .top-search .search-box-close img{
	width: 30px;
	padding-bottom: 10px;
	cursor: pointer;
}

.header .top-col .fl {
    /*display: flex;
    align-items: stretch;*/
    float: none;
    /* max-height: 45px; */
}

.header .top-search .fl {
    /*display: flex;
    align-items: stretch;*/
    float: none;
	text-align: right;
    /* max-height: 45px; */
}

.header .top-col .text-col {
    line-height: 30px;
    margin-left: 10px;
}

.header .top-search .text-col {
    line-height: 30px;
    margin-left: 10px;
}

.header .search-col {
    position: relative;
    margin: 0 16px;
    float: left;
}

.header .search-col .input-col {
    position: relative;
}

.header .search-col .input-col img {
    position: absolute;
    right: 3px;
    top: 0;
    width: 22px;
    cursor: pointer;
}

.header .search-icon {
    cursor: pointer;
    width: 22px;
    margin-left: 6px;
    margin-top: 10px;
}

.header .search-col input {
    width: 224px;
    height: 26px;
    line-height: 26px;
    border: 0;
    border-bottom: 1px solid #333;
}

.header .top-col .share {
    padding: 0 .5em;
    /* display: flex;
    align-items: center;*/
    display: inline-block;
    vertical-align: top;
}

.header .top-search .share {
    padding: 0 .5em;
    /* display: flex;
    align-items: center;*/
    display: inline-block;
    vertical-align: top;
}

@media (max-width:991px) {
    .header .top-col .share {
        /*min-width: 50px;
        padding: 0;*/
        display: none;
    }
	.header .top-search .share {
        /*min-width: 50px;
        padding: 0;*/
        display: none;
    }
}

.header .top-col .share a {
    /* display: flex;
    align-items: center;*/
    min-width: 15px;
    cursor: pointer;
    display: inline-block;
}

.header .top-col .share a img {
    margin-right: .25em;
}

.header .top-col .button-classclose {
    margin: 0 .15em;
    height: 24px;
    /*display: flex;
    align-items: center;
    justify-content: center;
    align-self: center;*/
    display: inline-block;
}

.header .top-search .share a {
    /* display: flex;
    align-items: center;*/
    min-width: 45px;
    cursor: pointer;
    display: inline-block;
}

.header .top-search .share a img {
    margin-right: .25em;
}

.header .top-search .button-classclose {
    margin: 0 .15em;
    height: 24px;
    /*display: flex;
    align-items: center;
    justify-content: center;
    align-self: center;*/
    display: inline-block;
}

@media (max-width:991px) {
    .header .top-col .button-classclose {
        width: 27px;
        height: 27px;
    }
	.header .top-search .button-classclose {
        width: 27px;
        height: 27px;
    }
}

.header .top-col .button-classon {
    margin: 0 .15em;
    height: 24px;
    /*display: flex;
    align-items: center;
    justify-content: center;
    align-self: center;*/
    display: inline-block;
}

.header .top-search .button-classon {
    margin: 0 .15em;
    height: 24px;
    /*display: flex;
    align-items: center;
    justify-content: center;
    align-self: center;*/
    display: inline-block;
}

@media (max-width:991px) {
    .header .top-col .button-classon {
        width: 27px;
        height: 27px;
    }
	.header .top-search .button-classon {
        width: 27px;
        height: 27px;
    }
}

.header .top-col .gsc-search-box {
    margin: 0 !important;
}

.header .top-search .gsc-search-box {
    margin: 0 !important;
}

.gsc-search-box-tools .gsc-search-box .gsc-input {
    min-width: 105px;
	/*position: absolute;
	top: 80px;
	right: 0;*/
}

.btn-mail:before {
    content: '';
    background-image: url('../img/icon-mail.png');
    display: inline-block;
    width: 18px;
    height: 12px;
}

.header .menu .share {
    top: 0 !important;
}

.btn-mail {
    top: 0;
    padding: 6px 8px !important;
    border: 1px solid #333;
}

.btn-mail:hover {
    background: #007B87;
    border: 1px solid #007B87;
    color: #fff;
}

.btn-mail:hover:before {
    background-image: url('../img/icon-mail-hover.png');
}

.header .jia-jian {
    margin-left: 6px;
}

.header .jia-jian img {
    position: relative;
    top: 8px;
}

.header .top-col .left-text {
    margin-left: 5px;
    /* display: flex;
    align-items: stretch;*/
    display: inline-block;
    vertical-align: top;
}

.header .top-search .left-text {
    margin-left: 5px;
    /* display: flex;
    align-items: stretch;*/
    display: inline-block;
    vertical-align: top;
}

.header .line-col {
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    padding: 0 .5em;
    border-left: 0;
    position: relative;
    cursor: pointer;
    /* z-index: 1000; */
    /* display: flex;
    align-items: center;*/
    display: inline-block;
    vertical-align: top;
}

.header .line-col .text-detail {
    /* display: flex;
        align-items: center;*/
    display: inline-block;
    /*padding-bottom:10px;*/
}

.header .line-col-share {
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    display: inline-block;
    /*line-height: 30px;
    height: 45px;*/
    padding: 0 5px;
    border-left: 0;
    position: relative;
    cursor: pointer;
    /*float: left;
    display: flex;
    justify-content: center;
    align-items: center;*/
    vertical-align: top;
}

.header .line-col:hover .xiala-list {
    display: block;
}

.header .line-col .xiala-list {
    position: absolute;
    background: rgba(255, 255, 255, 0.9);
    z-index: 100;
    left: -5px;
    width: 145px;
    top: 20px;
    border: 1px solid #eee;
    border-top: 0;
    box-sizing: border-box;
    text-align: center;
    line-height: normal;
    display: none;
}

.header .line-col .xiala-list.xiala-list-index {
    top: 45px;
}

#choose-branch.block .xiala-list-index {
    display: block;
}

.header .line-col .xiala-list.xiala-list-inside {
    top: 21px;
    width: 146px;
}

#choose-branch.block .xiala-list-inside {
    display: block;
}


.header .line-col .xiala-list a {
    display: block;
    padding: 10px 0;
    color: #000 !important;
}

.header .line-col .xiala-list a:hover {
    display: block;
    padding: 10px 0;
    color: #FFF !important;
    background: #0b9693;
}

.header .line-col .xiala-list div {
    padding: 5px 0;
}

.header .line-col:first-child {
    border-left: 1px solid #eee;
}

/*宣言*/
.header_main {
    /*display: flex;
    align-items: stretch;*/
    padding: 10px 0 0 0;
}

@media (max-width:991px) {
    .header_main {
        /*flex-direction: column;*/
        padding: 0;
        align-items: initial;
        width: 100%;
    }
}

.header_main h1 {
    /*display: flex;
    align-items: center;
    justify-content: center;*/
    display: inline-block;
}

@media (max-width:767px) {
    .header_main h1 {
        /*justify-content: left;*/
    }
}

.header_main .logo-col {
    width: 220px;
}


.header_main a.covid19, a.search {
       display: none;
}


@media screen and (min-width: 992px) and (max-width: 1500px) {
    .logo-col {
        margin-left: 8%;
    }
	
}

.header_main .logo-col img {
    width: 100%;
}


.header_main .logo-col-b {
    width: 320px;
    height: 50px;
}

@media screen and (max-width: 991px) {
    .header_main .logo-col-b {
        width: 240px;
        height: auto;
    }
}

@media screen and (max-width: 767px) {
    .header_main .logo-col-b {
        width: 225px;
        height: auto;
    }
	.header_main a.covid19, a.search {
       display: inline-block;
	}
}

.declaration {
    /*display: flex;*/
    padding-left: .5em;
    /*align-items: center;
    justify-content: center;
    flex-direction: column;*/
    display: inline-block;
    position: relative;
    top: -6px;
}

@media (max-width:991px) {
    .declaration {
        padding: 0.5em 0;
        width: 100%;
        text-align: center;
        top: 0;
		display: none;
    }
}

@media (max-width:991px) {
    .declaration img {
        /* display: flex;
        align-self: flex-start;*/
    }
}

.declaration_top {
    background: #007B87;
    color: #fff;
    padding: .1em 1em;
    letter-spacing: .35em;
    /*display: flex;
    align-items: center;
    justify-content: center;*/
    text-indent: .35em;
    font-size: 1em;
    width: 100%;
    box-sizing: border-box;
}

@media (max-width:991px) {
    .declaration_top {
        /* font-size: .75em; */
    }
}

.declaration_bottom {
    color: #007B87;
    /* font-size: .8em; */
    /*display: flex;
    align-items: center;
    justify-content: center;*/
    padding: .1em;
}

@media (max-width:991px) {
    .declaration_bottom {
        font-size: .65em;
    }
}

.home {
    position: relative;
    overflow: hidden;
}

/*unit templete*/
.home .de-mw {
    width: 1100px;
    margin: 0 auto;
    position: relative;
    height: auto;
}

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

.banner .banner-col {
    width: 100%;
    display: block;
}

.banner .xin {
    position: relative;
    bottom: 200px;
    left: 0;
}

.banner .lunbo-col {
    width: 100%;
    position: relative;
    border-top: 1px solid #ccc;
}

.banner .lunbo-col:after {
    content: '';
    position: absolute;
    bottom: -53px;
    width: 100%;
    height: 54px;
    background-image: url('../img/home-banner-shadow.png');
}

@media (max-width:991px) {
    .banner .lunbo-col:after {
        display: none;
    }
}

.banner .lunbo-col02:after {
    display: none;
}

/*banner輪播*/
.amazingslider-wrapper-1 .amazingslider-bottom-shadow-1 {
    display: none !important;
}

.amazingslider-nav-1 {
    /* bottom: 30px !important;
    top: initial !important;*/
}

.amazingslider-nav-container-1 {
    position: relative;
    top: -5px;
}

@media (max-width:992px) {
    .amazingslider-nav-1 {
        bottom: auto !important;
    }

    .amazingslider-nav-container-1 {
        top: 0;
    }

    .amazingslider-car-left-arrow-1,
    .amazingslider-car-right-arrow-1 {
        display: none !important;
    }
}

/*單位banner輪播*/
@media (max-width:992px) {
    .lunbo-col02 #amazingslider-wrapper-1 {
        width: 100% !important;
    }

    #amazingslider-2 {
        width: 100% !important;
        height: auto !important;
    }

    #amazingslider-2 .amazingslider-nav-1,
    #amazingslider-2 .amazingslider-arrow-left-1,
    #amazingslider-2 .amazingslider-arrow-right-1 {
        display: none !important;
    }
}

/*google搜尋*/
.form.gsc-search-box {
    margin-bottom: 0;
}

.index-search-box#search-box {
    width: 90%;
    /*height: 16px;*/
    margin: 0 auto;
    background-color: #FFF;
    padding: .1em 0;
    display: inline-block;
    line-height: 1;
	/*position: absolute;
	top: 80px;
	right: 0;*/
}
#search-box {
    background: none;
    border: 1px solid #fff;
    padding-left: 5px;
}
.search-box-close {
    background: none;
    border: 1px solid #fff;
    padding-left: 5px;
    /*width: 600px;*/
    height: 36px;
    /*margin: 0 auto;*/
    background-color: #FFF;
    padding: .1em 0;
    display: inline-block;
    line-height: 1;
	/*position: absolute;
	top: 80px;
	right: 0;*/
}

@media (max-width:991px) {
    .index-search-box#search-box {
        /*display: flex;
        align-items: center;*/
        width: 70%;
        min-width: 200px;
        padding: .5em;
    }
}

@media (max-width:767px) {
    .index-search-box#search-box {
        /*display: flex;
        align-items: center;*/
        min-width: 190px;
        padding: .5em;
        width: 90%;
        margin: 0;
    }
}

@media (max-width:991px) {
    #search-box #___gcse_0 {
        width: 100%;
    }
}

@media (max-width:991px) {
    .index-search-box .gsc-search-box-tools .gsc-search-box .gsc-input {
        padding-right: 7px;
    }
}

@media (max-width:991px) {
    .index-search-box .font-col {
        padding: 7px;
    }
}

.index-search-box #gsc-i-id1 {
    color: #000;
}

.index-search-box button.gsc-search-button {
    padding: 5px !important;
    border-radius: 0px !important;
}

.index-search-box #___gcse_0 {
    border: 1px solid #ccc;
}


/*首頁中間區塊*/
.home-middle-list {
    -webkit-box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.15);
    margin-bottom: 10px;
    height: 240px;
}

.home-middle-list>div {
    float: left;
    height: 100%;
}

.home-middle-list .first-col {
    width: 638px;
}

.home-middle-list.en .first-col {
    width: 656px;
}

.home-middle-list .first-col .item {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #007B87;
    width: 25%;
    float: left;
    -webkit-box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.18);
    box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.18);
    text-align: center;
    padding: .5em;
    display: block;
    height: 50%;
}

.home-middle-list .first-col .item:hover {
    background: #005e75;
}

.home-middle-list .first-col .item:focus {
    outline-color: #e9d0a1;
}

.home-middle-list .first-col .item .icon {
    height: 35%;
    display: inline-block;
    /* display: block; */
    margin: 1.1rem 0;
}

.home-middle-list .first-col .item .icon img {
    height: 100%;
}

.home-middle-list .first-col .item .text {
    font-size: 1em;
    color: #fff;
    text-align: center;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
}

@media (min-width: 992px) {
    .home-middle-list .first-col .item .text span {
        display: block;
    }
}

.home-middle-list .first-col .item01 {
    z-index: 8;
}

.home-middle-list .first-col .item02 {
    z-index: 7;
}

.home-middle-list .first-col .item03 {
    z-index: 6;
}

.home-middle-list .first-col .item04 {
    z-index: 5;
}

.home-middle-list .first-col .item05 {
    z-index: 4;
}

.home-middle-list .first-col .item06 {
    z-index: 3;
}

.home-middle-list .first-col .item07 {
    z-index: 2;
}

.home-middle-list .first-col .item08 {
    z-index: 1;
}

.home-middle-list .second-col {
    width: 190px;
    background: #007B87;
    -webkit-box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.18);
    box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.18);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    text-align: center;
    padding: .5em 0;
}

.home-middle-list .second-col>* {
    margin: 0.5rem 0;
}

.home-middle-list .second-col a {
    display: block;
}

.home-middle-list .second-col .icon {
    height: 20%;
    display: block;
}

.home-middle-list .second-col .icon img {
    height: 100%;
}

.home-middle-list .second-col .text {
    font-size: 1em;
    color: #fff;
    text-align: center;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .5em 0;
}

.home-middle-list .second-col .item .badge-group {
    padding: 0 .5em .25em .5em;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.home-middle-list .second-col .item .badge-group .badge {
    display: block;
    font-size: 1em;
    background: #005e75;
    padding: .25em;
    color: #fff;
    border-radius: 6px;
    margin-bottom: .25em;
}

.home-middle-list .second-col .item .badge-group .badge:hover {
    background: #004362;
}

.home-middle-list .second-col .item .badge-group .badge:focus {
    outline-color: #e9d0a1;
}

.home-middle-list .second-col .sbd {
    padding: .5em;
    margin: 0 .5em;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.6);
}

.home-middle-list .second-col .sbd .t1-1 label {
    display: none;
}

.home-middle-list .second-col .sbd .t1-1 input {
    /* font-size: .8em; */
    padding: 0 .25em;
    border-radius: 6px;
    height: 34px;
    text-align: center;
}

.home-middle-list .second-col .sbd button {
    margin-top: .5em;
    padding: .5em;
    font-size: 1em;
    background: #005e75;
    color: #fff;
    border-radius: 6px;
    width: 100%;
}

.home-middle-list .second-col .sbd button:hover {
    background: #004362;
}

@media (max-width: 991px) {
    .home-middle-list {
        height: auto;
    }

    .home-middle-list .first-col .item {
        height: 90px;
    }
	
	.home-middle-list .first-col .item .text {
		font-size: 1em;
	}

    .home-middle-list .first-col .item .icon {
        margin: .6rem 0;
        height: 43%;
    }
	
	.home-middle-list .second-col {
		padding: .2em 0;
	}
	
    .home-middle-list .second-col .icon {
        height: 60px;
        margin: 0.2rem 0;
    }
	
	.home-middle-list .second-col .text {
		font-size: 1em;
		padding: .2em 0;
	}
	
	.home-middle-list .second-col .sbd {
		margin: 0 .25em;
	}
	
	.home-middle-list .second-col .sbd button {
		font-size: 1em;
	}

    .home-middle-list .second-col .icon img {
        padding: .5em 0 0 0;
    }
	
	.home-middle-list .second-col .sbd button {
		margin-top: .2em;
		font-size: 1em;
	}
	.home-middle-list .second-col .item .badge-group .badge {
		font-size: 1em;
	}
	
}
@media (min-width: 992px) and (max-width: 1220px) {
    /*.home-middle-list .first-col .item {
        height: 90px;
    }*/

    .home-middle-list .first-col {
        width: 50%;
    }

    .home-middle-list .second-col {
        width: 20%;
    }

    /*.home-middle-list .video-group {
        width: 30%;
    }*/
}


/*首頁-更多影片*/
.video-group {
    position: relative;
    width: 29.5%;
}

.video-group .video-group-bottom {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .5em;
}

.video-group .video-group-bottom {
    float: left;
	width: 100%;
}

.video-group .btn-video-more {
    background: #007B87;
    color: #fff;
    font-weight: bold;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    padding: .5em;
    cursor: pointer;
    border: 2px solid #007B87;
	float: left;
    min-width: 50px; /*85px; 2021.3.19*/
}

.video-group .btn-video-more:hover {
    background: #005e75;
    border-color: #005e75;
}

.video-group iframe {
    height: 160px;
    width: 100%;
}

.video-group .video-word {
    padding: 0 .5em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 100%;
    max-height: 100px;
    overflow: auto;
    border: 1px solid #007b87;
    margin-right: .5em;
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) and (min-width: 992px) and (max-width: 1199px) {
    .video-group {
        width: 40%;
    }
}

@media (max-width: 1199px) {
    .video-group {
        width: 100%;
    }
	
}

@media (max-width: 1199px) {
    .video-group .video-group-bottom {
        width: 100%;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
		float: left;
    }
}

@media (max-width: 767px) {
    .video-group .video-group-bottom {
        width: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
		float: left;
    }
	
	.video-group .video-word {
		border: 0px solid #007b87;
	}
	
	.home-middle-list .first-col .item .text {
		font-size: .9em;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
    .video-group .btn-video-more {
        bottom: 6em;
    }
}

@media (max-width: 991px) {
    .video-group .btn-video-more {
        bottom: 7em;
    }
	
	.video-group .video-group-bottom {
		padding: .2em;
	}
}

/*@media (min-width:992px) and (max-width:1199px) {
      .video-group iframe {
          width: 415px;
      }
  }*/
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) and (min-width: 992px) and (max-width: 1199px) {
    .video-group iframe {
        width: 100%;
    }
}

@media (max-width: 991px) {
    div.video-group {
        width: 67%;/*100%;*/
        height: 250px;
    }

    div.video-group iframe {
        width: 100%;
        height: 170px;
    }
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) and (max-width: 991px) {
    .video-group iframe {
        width: 100%;
    }
}
/*
@media (min-width: 992px) and (max-width: 1220px) {
    .video-group.video-group-eng {
        width: 19.9%;
    }
}

@media (max-width: 991px) {
    .video-group.video-group-eng {
        height: 240px;
    }

    .video-group.video-group-eng iframe {
        height: 240px;
    }
}
*/
@media (max-width: 991px) {
    .video-group .video-word {
        margin-right: .5em;
        width: 100%;
		max-width: calc(100%);
    }
}

@media (max-width: 767px) {
    .video-group .video-word {
		width: 100%;
        overflow: initial;
		max-width: calc(100%);
		max-height: initial;
	}
}


/*關鍵字顯示*/
.keyword-text {
    /*display: flex;
    align-items: center;
    display: none;
    vertical-align: top;
    width: 521px;
    white-space: nowrap;
    /*overflow: hidden;*/

}

@media (min-width:992px) and (max-width:1199px) {
    .keyword-text {
        font-size: 0.889em;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .keyword-text {
        width: 95%;
        padding: .5em 0;
    }
}

@media (max-width:767px) {
    .keyword-text {
        flex-wrap: wrap;
        padding: .5em 0;
        width: calc(100% - 55px);
        font-size: 0.889em;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .keyword-text span {
        min-width: 65px;
    }
}

.keyword-text a {
    display: flex;
    align-items: center;
    /*display: none;*/
    margin-right: .5em;
    cursor: pointer;
}

@media (min-width:992px) and (max-width:1199px) {
    .keyword-text a {
        max-width: 50px;
    }
}

/*首頁中間區塊-英文*/
@media (max-width: 1220px) and (min-width: 992px) {
    .home-middle-list.en .first-col {
        width: 60%;
    }
}

.home-middle-list.en .first-col .item03 .icon {
    width: 40px;
}

.home-middle-list.en .first-col .item04 .icon {
    width: 45px;
}

.home-middle-list.en .first-col .item05 .icon {
    width: 40px;
}

.home-middle-list.en .first-col .item06 .icon {
    width: 30px;
}

.home-middle-list.en .first-col .item07 .icon {
    width: 50px;
}

.home-middle-list.en .first-col .item08 .icon {
    width: 40px;
}

.home-middle-list.en .second-col {
    padding: 0;
}

@media (max-width: 991px) {
    .home-middle-list.en .second-col {
        height: 240px;
    }
}

.home-middle-list.en .second-col .item {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.home-middle-list.en .second-col .item .icon {
    position: static;
    display: inline-block;
    width: 70px;
    margin: 0;
    margin-bottom: 20px;
}

.home-middle-list.en .second-col .item .icon img {
    width: 100%;
}

.home-middle-list.en .second-col .item .textBlock {
    text-align: center;
}

.home-middle-list.en .second-col .item .textBlock .text {
    font-size: 1em;
    line-height: 1.4;
    position: static !important;
}

.home-middle-list.en .second-col .item:hover {
    background: #005e75;
}

/*Footer*/
.footer {
    background: #007B87;
    color: #fff;
}

@media (max-width:991px) {
    .footer {
        line-height: 1.44;
    }
	.footer a {
		padding: .1em .2em;
	}
}

.footer .mw {
    position: relative;
}

.footer a {
    color: #efffff;
    padding: .25em .5em;
}

.footer .bottom {
    /* font-size: .8em; */
}

.footer-group {
    /* display: flex;
    justify-content: space-between;*/
    padding: 1.5em 0 .5em 0;
    overflow: hidden;
}

@media (max-width:991px) {
    .footer-group {
        padding: 0;
    }
}

.footer .left {
    font-size: 1em;
    width: 70%;
    float: left;
}

.footer .right {
    width: 30%;
    float: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.footer .right img {
    margin: 0 .1em;
    cursor: pointer;
    width:auto;
    height:auto;
}

.footer-frame {
    /*display: flex;
    align-items: center;
    justify-content: space-between;*/
    overflow: hidden;
}

@media (max-width:991px) {
    .footer-frame {
        flex-direction: column;
    }
}

.footer .left-moblie {
    /* font-size: .9em; */
    color: #fff;
    /* flex: 1;*/
    float: left;
    width: 50%;
    /*padding-right: 1em;*/
}

.footer .left-moblie span {
    display: block;
}

.footer .right-moblie {
    /* font-size: .9em; */
    color: #fff;
    width: 50%;
    float: right;
    text-align: center;
}

.footer .right-moblie a {
    color: #fff;
}

.footer .right-moblie a:focus {
    outline-color: #e9d0a1;
}

.footer .weizhi {
    position: absolute;
    top: 12px;
}

.footer .riqi {
    margin-top: 0px;
    display: flex;
    align-items: stretch;
    margin-bottom: .5em;
}

@media(max-width:991px) {
    .footer .riqi {
        margin-bottom: 0;
    }
}

.footer .green-bg {
    margin-right: .5em;
}

.footer .wenzi {
    padding: 10px 0px;
    margin-top: 0px;
    word-break: break-all;
    background-color: #005e75;
    height: auto;
    width: 100%;
}

/*.footer .to-top {
    position: absolute;
    right: -64px;
    width: 58px;
    bottom: 119px;
    cursor: pointer;
    z-index: 999;
}

.footer .to-top:focus {
    outline-color: #e9d0a1;
}

.footer .to-top {
    right: 20;
}
*/
.green-bg {
    background: #007B87;
    display: inline-block;
    padding: 2px 10px 2px 10px;
    color: #fff;
    border: 1px #fff solid;
    margin-top: 10px;
}

.footer .left .footer-info {
    padding-bottom: 10px;
    /*display: flex;
    flex-wrap: wrap;*/
}

.footer .left .footer-info>div {
    display: inline-block;
}

@media (max-width:991px) {
    .footer .left .footer-info {
        padding: .5em 0;
    }
}

.footer .left .footer-info .footer-add {
    padding-right: 1em;
}

@media (max-width:991px) {
    .footer .left .footer-info .footer-add {
        width: 100%;
    }
}

.footer .left .footer-info .footer-phone {
    padding-right: 1em;
}

@media (max-width:991px) {
    .footer .left .footer-info .footer-phone {
        width: 100%;
    }

    .footer .left .footer-info .footer-fax {
        width: 100%;
    }
}

#toolbar-box a {
	padding: 0;
}

#fb-page{
	display: none;
	position:fixed;
}

@media (max-width: 1920px) and (min-width: 768px) {
/* bottom:5px; right:0px;
 是指定浮動視窗的位置top（上）、bottom（下）、left（左）、right（右）
 要靠左上就用：
 top:5px;
 left:0px;*/
    #toolbar-box {
       _display:none;
       position:fixed;
       top:20%;
       right:-0.1em;
       width:60px;
       height:360px;
       z-index:1000000;
       background-color: transparent;
    }

    #toolbar-box:hover {
	    right: .2em; /* simple css hover effect */
    }

    #toolbar-box a.facebookf {
	    display: none;
    }
}
@media (max-width: 767px) {
/* bottom:5px; right:0px;
 是指定浮動視窗的位置top（上）、bottom（下）、left（左）、right（右）
 要靠左上就用：
 top:5px;
 left:0px;*/

#toolbar-box {
	display: inline-block;
	height:60px;
	padding-left: 1.3em;
}

#toolbar-box a.facebook {
	display: none;
}

#toolbar-box a.facebookf {
	display: inline-block;
}

.footer .fb-page{
	display: none;
	z-index:0;
}

}

/*首頁展開下層選單*/

.zhankai {
    background: #f1f1f1;
    padding: 0px 0 0px 0;
    border-top: 2px solid #007B87;
}

.zhankai .mw {
    position: relative;
}

.zhankai .list {
    padding: 30px 0;
}

.zhankai .list li {
    width: 16.6%;
    box-sizing: border-box;
    padding-right: 36px;
    font-size: 1em;
    float: left;
}

.zhankai .list li a {
    display: block;
    padding: 4px 0;
    font-size: 1em;
    color: #444;
}

.zhankai .list li a:hover {
    color: #007B87;
}

.zhankai .list li .title {
    font-weight: bold;
    border-bottom: 3px solid #222;
    padding-top: 20px;
    margin-bottom: 10px;
    font-size: 1em;
    color: #222;
    padding-bottom: 8px;
}

.zhankai .zhankai-btn {
    position: absolute;
    left: 50%;
    top: -60px;
    border-color: transparent transparent #007B87 transparent;
    border-style: solid solid solid solid;
    border-width: 30px;
    font-size: 1.2em;
    text-align: center;
    height: 0px;
    width: 0px;
    cursor: pointer;
}

.zhankai .zhankai-btn:focus {
    outline-width: 3px;
    outline-style: dashed;
    outline-color: #e9d0a1;
}

.zhankai .zhankai-btn-small {
    position: absolute;
    left: -10px;
    top: -5px;
    border-color: transparent transparent #007D73 transparent;
    border-style: solid solid solid solid;
    border-width: 10px;
    font-size: 1em;
    text-align: center;
    height: 0px;
    width: 0px;
}

.zhankai .zhankai-btn span {
    position: absolute;
    left: -25px;
    top: 15px;
    width: 50px;
    font-size: 1em;
    color: #fff;
}

.zhankai .zhankai-btn-close {
    position: absolute;
    left: 50%;
    top: 0px;
    border-color: #007B87 transparent transparent transparent;
    border-style: solid solid solid solid;
    border-width: 30px;
    font-size: 1.2em;
    text-align: center;
    height: 0px;
    width: 0px;
    cursor: pointer;
}

.zhankai .zhankai-btn-close-small {
    position: absolute;
    left: -10px;
    top: -15px;
    border-color: #007D73 transparent transparent transparent;
    border-style: solid solid solid solid;
    border-width: 10px;
    font-size: 1em;
    text-align: center;
    height: 0px;
    width: 0px;
}

.zhankai .zhankai-btn-close span {
    position: absolute;
    left: -25px;
    top: 0px;
    width: 50px;
    font-size: 1em;
    color: #004d4b;
}

.zhankai .zhankai-btn img {
    position: relative;
    top: 4px;
    margin: 0 7px;
}

/*選單*/
.themiddleof .themiddleof1 .menu-close {
    display: none;
}

/*資訊發佈頁籤*/
.tab-group {
    margin-top: 32px;
}

.tab-group .btn-group-more {
    background: #007B87;
    color: #fff;
    font-weight: bold;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    padding: .5em;
    cursor: pointer;
    border: 2px solid #007B87;
    min-width: 50%; /*85px; 2021.3.19*/
}

.tab-group .btn-group-more:hover {
    background: #005e75;
    border-color: #005e75;
}

/*Logo 輪播*/
.lunbo {
    margin-bottom: 2.5em;
}

.lunbo .mw {
    width: 1100px;
    padding: .4em 0 .2em 0;
    position: relative;
}

@media screen and (min-width: 992px) and (max-width: 1220px) {
    .lunbo .mw {
        width: 869px;
    }
}
@media (max-width: 991px) {
	/*資訊發佈頁籤*/
	.tab-group {
		margin-top: 20px;
	}
}

.lunbo .swiper-container {
    width: 100%;
    height: 64px;
}

.lunbo .swiper-container a {
    height: 60px;
    overflow: hidden;
}

.lunbo .swiper-container img {
    width: auto;
    height: 100%;
}

.lunbo1 .swiper-container {
    width: 100%;
    height: 40%;
    margin-bottom: 20px;
}

.swiper-wrapper,
.swiper-slide {
    height: auto !important;
    /*height: 60px\9 !important;*/
}

.right-arrow-icon {
    width: 20px;
    height: 20px;
    background: url("../img/home_40.png");
    background-size: 100% 100%;
    display: inline-block;
    position: relative;
    top: 4px;
}

.swiper-slide-img {
    width: 95%;
    box-shadow: 2px 2px 2px 2px #CCCCCC;
}

.swiper-slide-img img {
    width: 315px;
    height: 215px;
    max-width: 315px;
    max-height: 215px;
}

.swiper-slide-date {
    /* font-size: .9em; */
    color: #444444;
    text-align: left;
    padding: 0 5%;
    word-break: break-all;
    background: #f1f1f1;
}

.swiper-slide-content {
    font-size: 1em;
    text-align: left;
    padding: 0 5%;
    word-break: break-all;
    overflow: hidden;
    height: 13%;
    line-height: 25px;
}

.swiper-slide-content-d {
    /* font-size: .9em; */
    text-align: left;
    padding: 0 5%;
    word-break: break-all;
    overflow: hidden;
    height: 6%;
    color: #007B87;
}

.swiper-slide-link {
    width: 95%;
    /* font-size: .9em; */
    text-align: left;
    padding-left: 5%;
    font-weight: bold;
    float: left;
    margin-top: 10px;
    height: 30px;
    padding-top: 3%;
    background: #F1f1f1;
}

.swiper-slide-link:hover {
    width: 90%;
    /* font-size: .9em; */
    text-align: left;
    padding-left: 5%;
    padding-top: 3%;
    font-weight: bold;
    float: left;
    margin-top: 10px;
    background: #008d8b;
    color: #FFF;
    padding-right: 5%;
    height: 30px;
}

.swiper-slide-img:hover {
    border: 1px #008d8b solid;
}

.swiper-slide {
    text-align: center;
    font-size: 1em;
    background: #FFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
}

.lunbo img {
    width: 172px;
}

.lunbo .swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background: url("../img/home_76.png");
    opacity: 1;
    right: -53px;
    background-size: 100% 100%;
}

.lunbo .swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background: url("../img/home_73.png");
    opacity: 1;
    left: -56px;
    background-size: 100% 100%;
}

.lunbo1 .swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background: url("../img/home_76.png");
    opacity: 1;
    right: -53px;
    background-size: 100% 100%;
    width: 3%;
}

.lunbo1 .swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background: url("../img/home_73.png");
    opacity: 1;
    left: -56px;
    background-size: 100% 100%;
    width: 3%;
}


.lunbo .swiper-button-next,
.lunbo .swiper-button-prev {
    width: 40px;
    height: 40px;
    margin-top: -12px;
}

.lunbo1 .swiper-button-next,
.lunbo .swiper-button-prev {
    width: 40px;
    height: 40px;
}

/*----------------------部門再用的------------------------------*/

.header .line-col1 {}

.header .line-col1:hover .xiala-list {
    display: block;
}

.header .line-col1 .xiala-list {
    position: absolute;
    background: rgba(255, 255, 255, 0.7);
    z-index: 100;
    left: 3px;
    width: 140px;
    top: 28px;
    border: 1px solid #eee;
    border-top: 0;
    box-sizing: border-box;
    text-align: center;
    line-height: normal;
    display: none;
}

.header .line-col1 .xiala-list a {
    display: block;
    color: #000;
    font-size: 1em;
    margin: 10px 10px 0 10px;
    padding: 10px 0;
}

.header .line-col1 .xiala-list a:hover {
    display: block;
    padding: 10px 0;
    color: #FFF;
    background: #0b9693;
    margin: 10px 10px 0 10px;
    font-size: 1em;
}

.header .line-col1 .xiala-list div {
    padding: 5px 0;
}

.header .line-col1:first-child {}

/***********************************************************/

.header .line-col1:hover .xiala-list-1 {
    display: block;
}

.header .line-col1 .xiala-list-1 {
    position: absolute;
    background: rgba(255, 255, 255, 0.7);
    z-index: 100;
    left: 60%;
    width: 121px;
    top: 28px;
    border: 1px solid #eee;
    border-top: 0;
    box-sizing: border-box;
    text-align: center;
    line-height: normal;
    display: none;
}

.header .line-col1 .xiala-list-1 a {
    display: block;
    color: #000;
    font-size: 1em;
    margin: 10px 10px 0 10px;
    padding: 10px 0;
}

.header .line-col1 .xiala-list-1 a:hover {
    display: block;
    padding: 10px 0;
    color: #FFF;
    background: #0b9693;
    margin: 10px 10px 0 10px;
    font-size: 1em;
}

.header .line-col1 .xiala-list-1 div {
    padding: 5px 0;
}

.header .line-col1:first-child {}

/*---------------------------------------------------------*/

.header .menu {
    /* display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;*/
    width: 100%;
    padding-top: 10px;
    text-align: right;
}

.header .menu-list-col .menu-close {
    display: none;
}

.header .menu a,
.header .menu span {
    display: inline-block;
    margin: 0 5px;
    cursor: pointer;
    position: relative;
    padding: 5px 0;
}

.header .menu-list-col .first:hover {
    color: #007B87;
    display: inline-block;
}

.header .menu-list-col .first.block .xiala-list {
    display: block;
}

.header .menu-list-col .first.sp02 .xiala-list {
    /*flex-wrap: wrap;*/
}

.header .menu-list-col .first.sp07 .xiala-list {
    /*flex-wrap: wrap;*/
    right: auto;
    left: 0;
}

.header .menu-list-col .first.sp07 .xiala-list>* {
    display: inline-block;
}

.header .menu-list-col .first .xiala-list .has-child.block .child-list {
    display: block;
}

.header .menu span .xiala-list {
    position: absolute;
    border: 1px solid #eee;
    border-top: 0;
    display: none;
    background: rgba(255, 255, 255, 0.95);
    left: -50%;
    right: -50%;
    margin: auto;
    width: 130px;
    z-index: 1000;
    top: 90%;
    text-align: center;
    line-height: normal;
}


.header .menu span .xiala-list a {
    display: block;
    padding: 5px 0;
    margin: 0;
}

.header .menu span .xiala-list a:hover {
    color: #fff;
    background: #007B87;
}

.header .menu span .xiala-list .has-child {
    color: #000;
    position: relative;
    line-height: normal;
	display: block;
}

.header .menu span .xiala-list .has-child span {
    padding: 5px 0;
}

.header .menu span .xiala-list .has-child .child-list {
    background: rgba(255, 255, 255, 0.95);
    width: 120px;
    left: 115px;
    top: 0px;
    position: absolute;
    display: none;
}

.header .menu span .xiala-list .has-child:hover {
    color: #fff;
    background: #007B87;
}

.header .menu span .xiala-list .has-child:hover a {
    color: #fff;
}

.header .menu span .xiala-list .has-child:hover .child-list {
    display: block;
}

.header .menu span .xiala-list .has-child:hover .has-child .child-list {
    display: none;
}

.header .menu span .xiala-list .has-child .child-list .has-child:hover .child-list {
    display: inline-block;
    position: absolute;
    left: 100%;
    margin: 0px;
}

.header .menu span .xiala-list .has-child:hover .child-list a {
    color: #000;
}

.header .menu span .xiala-list .has-child:hover .child-list a:hover {
    color: #fff;
}

.header .menu>span:hover .xiala-list {
    display: block;
}

.header .menu .share {
    margin: 0 10px;
    position: relative;
    top: 9px;
    cursor: pointer;
    position: relative;
    padding: 5px 0 10px 0;
    display: inline-block;
}

.header .menu .share-span,
.themiddleof1>.share-span {
    position: relative;
    top: 9px;
    color: #000;
    display: none;
}

.danwei-banner {
    overflow: hidden;
}

.danwei-banner .hover-col {
    position: absolute;
    display: block;
    width: 500px;
    right: -445px;
    z-index: 3;
    top: 0;
}

@media (max-width:991px) {
    .danwei-banner .hover-col {
        display: none;
    }
}


.danwei-banner .hover-col a {
    display: block;
    float: left;
    position: relative;
    right: 0;
    width: 500px;
}

@media (max-width:991px) {
    .danwei-banner .hover-col a {
        right: -124px;
    }
}

@media (max-width:991px) {
    .danwei-banner .hover-col.active a {
        right: 0;
    }
}

.danwei-banner .hover-col img {
    height: 176px;
    float: left;
    display: block;
}

.danwei-banner .hover-col.active {
    width: 500px;
    right: -120px;
    background: none;
}

@media (max-width:991px) {
    .danwei-banner .hover-col.active {
        width: 380px;
        right: -5px;
    }
}

.danwei-banner .hover-col.active>img {
    display: block;
}

.danwei-banner .hover-col .quick-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 55px;
    margin-top: .5em;
    height: 76px;
    border-radius: 4px 0 0 4px;
    background: #005e75;
    color: #fff;
}

.danwei-banner .hover-col .quick-link span {
    -webkit-writing-mode: vertical-lr;
    writing-mode: vertical-lr;
}

.home .hover-col {
    position: absolute;
    display: block;
    width: 500px;
    right: -328px;
    z-index: 2;
    top: 0;
}

.home .hover-col a {
    display: block;
    float: left;
    position: relative;
    right: -120px;
    width: 500px;
}

.home .hover-col img {
    height: 100%;/*152px;*/
    float: left;
    display: block;
}

.home .hover-col.active {
    width: 500px;
    right: 17px;
}


@media screen and (max-width: 991px) {
    .home .hover-col.active {
        width: 430px;
        right: 58px;
    }
}

.home .hover-col.active>img {
    display: block;
}

.home .hover-col .quick-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    margin-top: .5em;
    height: 76px;
    border-radius: 4px 0 0 4px;
    background: #005e75;
    color: #fff;
}

.home .hover-col .quick-link span {
    -webkit-writing-mode: vertical-lr;
    writing-mode: vertical-lr;
}

.home .menu-list {
    display: none;
}

.xunxi {
    padding-top: 40px;
}

.xunxi .tab-list {
    font-size: 0;
    padding: 20px 0 50px 0;
    text-align: center;
    color: #777777;
}

.xunxi .tab-list span {
    background: #eeeeee;
    display: inline-block;
    /* font-size: 1.2em; */
    padding: 5px 25px;
    cursor: pointer;
}

.xunxi .tab-list span.active {
    background: #007B87;
    color: #fff;
    position: relative;
}

.xunxi .tab-list span.active:before {
    content: ' ';
    display: block;
    border-top: 6px solid #007B87;
    position: absolute;
    bottom: -12px;
    left: 50%;
    margin-left: -3px;
    border-left: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 6px solid transparent;
}

.xunxi .mobile-zixun {
    display: none;
}

.video-col {
    width: 400px;
    margin-top: 0px;
    float: left;
    height: 240px;
    position: relative;
    background: #000;
}

@media screen and (min-width: 768px) and (max-width: 1220px) {
    .video-col {
        width: 200px;
    }
}

.video-col img {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -30px;
    margin-top: -30px;
    cursor: pointer;
}

.video-col video {
    display: block;
    width: 100%;
    height: 240px;
    overflow: hidden;
}

audio::-webkit-media-controls-enclosure,
video::-webkit-media-controls-enclosure {
    opacity: 0.5;
}

.xunxi .close-col {
    background: #777777;
    color: #fff;
    height: 41px;
    width: 150px;
    text-align: center;
    line-height: 40px;
    font-size: 1em;
    position: absolute;
    left: 200px;
    top: 20px;
}

.xunxi .close-col span {
    cursor: pointer;
    position: absolute;
    left: 5px;
    font-size: 1em;
    top: -1px;
}

.forget-pass {
    position: absolute;
    top: 89%;
    width: 50%;
    left: 50%;
    margin-left: -25%;
}

.forget-pass img {
    width: 100%;
}

.forget-pass a {
    display: block;
    width: 50%;
    height: 100%;
    position: absolute;
    background: #000;
}

.forget-pass a:first-child {
    left: 0;
    top: 0;
}

.forget-pass a:last-child {
    right: 0;
    top: 0;
}

.yuanhuan {
    margin: 0 auto;
}

.yuanhuan li {
    float: left;
    width: 25%;
    position: relative;
}

.yuanhuan li .middle {
    text-align: center;
    position: absolute;
    top: 56px;
    font-size: 1.5em;
    width: 100%;
    text-align: center;
}

.yuanhuan li canvas {
    margin: 0 auto;
    display: block;
}

.yuanhuan li p {
    text-align: center;
    padding: 10px 0;
}

.yuanhuan li img {
    position: absolute;
    left: 50%;
    width: 70px;
    margin-left: -35px;
    bottom: 60px;
}

.more-zixun {
    text-align: center;
    padding: 20px 0 60px 0;
}

.zixun .mw {
    width: 1200px;
}

@media screen and (min-width: 992px) and (max-width: 1220px) {
    zixun .mw {
        width: 975px;
    }
}

.zixun .left {
    width: 500px;
    float: left;
    margin-top: -40px;
}

.zixun .left .content {
    padding: 12px 30px 24px 30px;
    line-height: 22px;
}

.zixun .left .bottom-col {
    border: 1px solid #eee;
    border-top: 0;
    position: relative;
}

.zixun .left .bottom-col .green-btn {
    position: absolute;
    left: 50%;
    margin-left: -56px;
    bottom: -20px;
}

.zixun .left-tab {
    text-align: center;
    width: 320px;
    margin: 0 auto;
    border-bottom: 1px solid #eee;
    padding-bottom: 18px;
}

.zixun .left-tab span {
    background: #eeeeee;
    display: inline-block;
    padding: 8px 26px;
    color: #9c9c9c;
    margin: 0 2px;
    cursor: pointer;
}

.zixun .left-tab span.active {
    background: #83b2bf;
    color: #fff;
}

.zixun .right {
    float: right;
    width: 660px;
}

.zixun .right .bottom-col {
    background: #f5f5f5;
    padding: 10px 10px;
    text-align: right;
}

.zixun-list {
    border: 1px solid #eee;
    border-top: 0;
    padding: 0 10px;
}

.zixun-list li {
    padding: 8px 0 8px 40px;
    position: relative;
    border-bottom: 1px solid #eee;
    color: #333;
}

.zixun-list li p {
    padding: 3px 0 5px 0;
}

.zixun-list li .bottom {
    color: #aaaaaa;
}

.zixun-list li .bottom span:first-child {
    display: inline-block;
    width: 200px;
    float: left;
}

.zixun-list li .bottom .middle {
    float: left;
}

.zixun-list li .bottom .riqi {
    color: #84b3bf;
    float: left;
}

.zixun-list li img {
    position: absolute;
    left: 8px;
    top: 12px;
}

.zixun .top-tab {
    font-size: 0;
    color: #555555;
}

.zixun .top-tab span {
    cursor: pointer;
    font-size: 1em;
    display: inline-block;
    padding: 10px 16px;
    border-bottom: 1px solid #eee;
}

.zixun .top-tab span.active {
    border: 1px solid #eee;
    border-bottom: 0;
}

.zixun .top-tab span:hover {
    color: #007B87;
}

.zixun .top-tab .mobile {
    display: none;
}

.zixun .wenti-list {
    display: none;
}

.danwei-banner {
    position: relative;
}

.danwei-banner .mw {
    margin: 0 auto;
    /*height: 100%;*/
}

.banner-img img {
    display: block;
    width: 100%;
}

.danwei-banner .news-list li {
    position: relative;
    border-bottom: 1px solid #eee;
}

.danwei-banner .news-list li .tag {
    background: #e8cfa0;
    color: #fff;
    border-radius: 10px;
    min-width: 125px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .25em;
}

.danwei-banner .news-list li .date {
    padding: 0 .5em;
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 135px;
}

.danwei-banner .news-list li .title {
    width: 62%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.danwei-banner .news-list li a {
    display: flex;
    width: 100%;
    align-items: center;
    padding: .5em 0;
}

@media (max-width:991px) {
    .danwei-banner .news-list li a {
        flex-wrap: wrap;
    }
}

.xiaoxi-col {
    padding: 26px 0;
}

.xiaoxi-col .left {
    width: 709px;
    float: left;
}

@media screen and (min-width: 992px) and (max-width: 1220px) {
    .xiaoxi-col .left {
        width: 49%;
    }
}

.xiaoxi-col .left .title-img {
    margin-bottom: 5px;
}

.xiaoxi-col .left .title-col {
    border-bottom: 1px solid #333;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0 1em 0;
}

.xiaoxi-col .left .title-col .title-news {
    display: flex;
    align-items: center;
    /* font-size: 1.333em; */
    color: #222;
}

@media (max-width:767px) {
    .xiaoxi-col .left .title-col .title-news {
        font-size: 1em;
    }
}

.xiaoxi-col .left .title-col .title-news .title-img {
    margin: 0 .5em 0 0;
}

.xiaoxi-col .left .title-col .title-more {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1em;
    color: #fff;
    background: #007B87;
    border-radius: 5px;
    padding: .5em;
    min-width: 170px;
}

@media (max-width:767px) {
    .xiaoxi-col .left .title-col .title-more {
        min-width: 120px;
    }
}

.xiaoxi-col .left .title-col .title-more .title-img {
    margin: 0 0 .2em .5em;
}

.xiaoxi-col .left .title-col .more {
    float: right;
    border: 1px solid #333;
    display: inline-block;
    cursor: pointer;
    padding: 3px 20px;
    border-radius: 20px;
    position: relative;
    top: 6px;
}

.xiaoxi-col .left .title-col .more img {
    position: relative;
    top: 2px;
}

.xiaoxi-col .right {
    width: 378px;
    float: right;
}

@media screen and (min-width: 992px) and (max-width: 1220px) {
    .xiaoxi-col .right {
        width: 49%;
    }
}

.xiaoxi-col .right .title-col {
    font-size: 1em;
    border-bottom: 1px solid #007B87;
}

.xiaoxi-col .right .title-col span {
    display: inline-block;
    border-bottom: 5px solid #007B87;
    padding: 6px 0;
    position: relative;
    top: 2px;
}

.xiaoxi-col .right .text-list {
    padding: 12px 0;
}

.xiaoxi-col .right .text-list li {
    width: 50%;
    float: left;
    padding: 8px 0;
    font-size: 1em;
    position: relative;
    padding-left: 14px;
    box-sizing: border-box;
}

.xiaoxi-col .right .text-list li>a {
    color: #444444;
    border-bottom: 1px dashed #ddd;
}

.xiaoxi-col .right .text-list li>a:hover {
    color: #00BBFF;
    border-bottom: 1px dashed #ddd;
}

.xiaoxi-col .right .text-list li a .sanjiao {
    width: 12px;
    height: 12px;
    display: inline-block;
    background: url("../img/danwei/danwei_35.png");
    position: absolute;
    left: 0;
    top: 14px;
}

.xiaoxi-col .left .bottom-more {
    display: none;
}

.danwei-header .mw {
    width: 1170px;
}

@media screen and (min-width: 992px) and (max-width: 1220px) {
    .danwei-header .mw {
        width: 975px;
    }
}

@media (min-width: 992px) {
    .menu-col {
        display: none;
    }
}

.menu-col {
    background: #007b87;
}

.menu-col .logo {
    display: none;
}

.menu-col .danwei-menu {
    float: none;
    padding: 0 20px;
    margin-top: 0;
}

.menu-col .danwei-menu a {
    color: #fff;
    padding: 16px 6px;
    display: inline-block;
}

.menu-col .search-col {
    position: absolute;
    right: 0;
    top: 0;
    background: #eeeeee;
    height: 51px;
    padding: 10px 30px 5px 10px;
    box-sizing: border-box;
}

.menu-col .search-col img {
    position: absolute;
    right: 36px;
    top: 13px;
}

.menu-col .search-col input {
    width: 300px;
}

.danwei-header {
    position: relative;
}

@media (max-width:992px) {
    .danwei-header .phone-btn {
        padding: 0 1em;
        /* padding-top: 25px; */
        vertical-align: top;
        min-height: initial;
        margin-right: 16px;
    }
}

@media (max-width:767px) {
    .danwei-header .phone-btn {
        /* padding-top: 15px; */
        padding-top: 3px;
        padding-bottom: 18px;
        margin-right: 0;
    }
}

.danwei-header .second-col {
    background: #007b87;
    position: relative;
    /*display: flex;
    overflow:hidden;*/
}

.danwei-header:before {
    width: 500px;
    height: 100%;
    background: #007b87;
    content: ' ';
    display: block;
    position: absolute;
    right: 0;
}

.danwei-header .second-col .link {
    color: #fff;
    /*display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: flex-end;*/
    padding: .5em;
    display: inline-block;
    white-space: nowrap;
}

.danwei-header .second-col .logo-col {
    position: relative;
    z-index: 2;
    width: auto;
}

@media screen and (min-width: 992px) and (max-width: 1220px) {
    .danwei-header .second-col .logo-col {
        width: 75%;
        padding: 0 0 0 .5em;
    }

    .rightnavigation .title-col {}
}



.danwei-header .second-col .link a {
    color: #fff;
    /*padding: .25em;*/
}

.danwei-header .second-col .yuyan {
    color: #fff;
    border: 1px solid #fff;
    margin-left: .5em;
    /* display: flex;
    align-items: center;
    justify-content: center;*/
    font-size: 1em;
    padding: 8px .5em;
    display: inline-block;
    height: 40px;
    float: right;

}

.danwei-header .second-col .yuyan:focus {
    outline-width: 3px;
    outline-style: dashed;
    outline-color: #e9d0a1;
}

.danwei-header .second-col .yuyan img {
    margin: 0 .5em 0 0;
}

.danwei-header .second-col .title {
    margin: 0;
    font-size: 1em;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: .5em .5em .5em 2em;
    color: #fff;
    float: left;
}

@media screen and (min-width: 992px) and (max-width: 1220px) {
    .danwei-header .second-col .title {
        padding: .5em;
        /* width: 43%; */
    }
}

@media screen and (max-width: 991px) {
    .danwei-header .second-col .title {
        display: none;
    }
}


.danwei-header .second-col .title div {
    /* font-size: 1.2em; */
}

.danwei-header .second-col .title p {
    /* font-size: .9em; */
    padding-top: .25em;
}

/*.danwei-header .second-col .header-group {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding: .5em 0;
    width: 61%;
}*/

.danwei-header .second-col .header-group {
    width: 70%;
    /* align-items: flex-end;
    display: flex;
    flex-direction: column; */
    float: right;
}

.danwei-header .second-col .header-group-top {
    /*display: flex;
    align-items: flex-end;
    justify-content: flex-end;*/
    width: 100%;
    padding: .5em 0 0 0;
    text-align: right;
}

.danwei-header .second-col .header-group-top .left-text {
    /*display: flex;
        align-items: center;*/
}

.danwei-header .second-col .header-group-top .font-col {
    /*display: flex;
        align-items: center;*/
}

.danwei-header .second-col .header-group-top .font-col .button-class1 {
    width: 25px;
    height: 25px;
    /* margin: 0 .15em; */
}

.danwei-header .second-col .header-group-top .font-col .button-class2 {
    width: 25px;
    height: 25px;
    margin: 0 .15em;
}

.danwei-header .second-col .header-group-bottom {
    /*display: flex;
    justify-content: space-between;
    align-items: center;*/
    padding: 0em 0 .5em 0;
    width: 100%;
    position: relative;
    overflow: hidden;
    /*min-height: 60px;*/
}

.danwei-header .second-col .header-group-bottom .header-group-bottom-right {
    /*display: flex;
        align-items: stretch;
        position: absolute;
        right: 0;
        bottom: 1em;*/
    text-align: right;
}

.danwei-bottom {
    padding: 20px 0 30px 0;
}

.danwei-bottom .mw {
    width: 1110px;
    box-sizing: border-box;
}

@media screen and (min-width: 992px) and (max-width: 1220px) {
    .danwei-bottom .mw {
        width: 975px;
    }
}

.danwei-bottom .bottom-img li {
    float: left;
    margin: 0 15px;
}

.danwei-bottom .bottom-img li img {
    width: 191px;
    height: 47px;
}

.danwei-header .top-col {
    display: none;
}


.danwei-bottom .img-list {
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

/* .danwei-bottom .img-list img {
    width: 550px;
    height: 320px;
    float: left;
    max-height: 320px;
    max-width: 550px;
} */

.danwei-bottom .img-list .photo-content {
    width: calc(50% - 10px);
    height: 320px;
    flex-shrink: 0;
    flex-grow: 0;
    /* float: left;
    max-height: 320px;
    max-width: 550px; */
}

.danwei-bottom .img-list .photo-content img {
    width: 100%;
    height: 100%;
    max-width: 100%;
}

/* @media screen and (min-width: 960px) and (max-width: 1500px) {
    .danwei-bottom .img-list img {
        width: 500px;
        height: 320px;
        float: left;
        max-height: 320px;
        max-width: 500px;
    }
} */

/* @media screen and (max-width: 960px) {
    .danwei-bottom .img-list img {
        width: 550px;
        height: 320px;
        float: left;
        max-height: 320px;
        max-width: 550px;
    }
} */

/* @media screen and (max-width: 640px) {
    .danwei-bottom .img-list img {
        width: 100%;
        height: auto;
        float: left;
        max-height: 320px;
        max-width: 100%;
    }
} */

.danwei-bottom .img-list .video-content {
    width: calc(50% - 10px);
    height: 320px;
    /* float: right; */
}

@media screen and (min-width: 992px) and (max-width: 1220px) {
    .danwei-bottom .img-list .video-content {
        /* width: 487.5px; */
        /* width: 455px; */
    }
}

.danwei-bottom .img-list .video-content video {
    /* width: 550px; */
    /* height: 320px; */
    /* max-height: 320px; */
    /* max-width: 550px; */
    width: 100%;
    height: 100%;
    /* max-width: min-content; */
}

.danwei-bottom .img-list .video-content iframe {
    height: 100%;
    width: 100%;
}

@media screen and (min-width: 992px) and (max-width: 1220px) {
    .danwei-bottom .img-list .video-content video {
        /* width: 487.5px; */
    }
}

@media screen and (min-width: 960px) and (max-width: 1500px) {
    .danwei-bottom .img-list .video-content video {
        /* width: 500px;
        height: 320px;
        max-height: 320px;
        max-width: 500px; */
    }
}

@media screen and (max-width: 960px) {
    .danwei-bottom .img-list .video-content video {
        /* width: 550px;
        height: 320px;
        max-height: 320px;
        max-width: 550px; */
    }
}

@media screen and (max-width: 640px) {
    .danwei-bottom .img-list .video-content video {
        /* width: 100%;
height: 320px;
max-height: 320px;
max-width: 100%; */
    }
}



.hot-search {
    position: absolute;
    right: 120px;
    bottom: 10px;
    color: #ff9c01;
}

.hot-search a {
    color: #ff9c01;
    margin: 0 2px;
}


.danwei-intro {
    background: #f0f4f4;
    padding: 76px 0 50px 0;
}

.danwei-intro .mw {
    width: 1180px;
}

.danwei-intro .danwei-intro-list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}



.danwei-intro .danwei-intro-list li {
    margin: 0 .5em;
    /* flex: 0; */
    /* width: min-content; */
    /* flex-shrink: 0; */
    flex-basis: 270px;
}

@media (max-width:991px) {
    .danwei-intro .danwei-intro-list li {
        /* width: 90%; */
        margin: 0 auto;
        /* flex: unset; */
        margin-bottom: 1em;
    }
}

@media (max-width:767px) {
    .danwei-intro .danwei-intro-list li {
        width: 90%;
    }
}

.danwei-intro .danwei-intro-list li img {
    width: 270px;
    height: 120px;
    border-radius: 5px;
    margin-bottom: 8px;

    object-fit: cover;
}

.danwei-intro .danwei-intro-list li .title-col,
.title-col {
    padding: 8px 0;
    font-size: 1em;
    display: flex;
    align-items: center;
}

.danwei-intro .danwei-intro-list li .title-col img,
.title-col img {
    width: 25px;
    height: auto;
    margin-right: .5em;
    display: flex;
    align-self: flex-start;
}

.xiaoxi-col>.left .title-col img {
    width: auto;
}

.danwei-intro .danwei-intro-list li a,
.danwei-intro .danwei-intro-list li>span {
    display: flex;
    align-items: center;
    padding: 4px 0;
    color: #222;
}

.danwei-intro .danwei-intro-list li a:hover {
    color: #007B87;
}

.zixun-page-list {
    display: flex;
    flex-wrap: wrap;
}

.zixun-page-list li {
    width: calc(100% / 3 - 1em);
    margin: .5em;
}

.zixun-page-list1 li {
    width: 25%;
    float: left;
    position: relative;
}

.zixun-page-list1 li:after {
    content: "";
    display: flex;
    clear: both;
}

/*************************************************************/

.zixun-page-list1 .row-s1 {
    width: 25%;
    list-style-type: none;
    text-align: center;
    background-color: #FFF;
    line-height: 50px;
    font-weight: bold;
    float: left;
}

.zixun-page-list1 .row-s2 {
    width: 25%;
    list-style-type: none;
    text-align: center;
    background-color: #f1f1f1;
    line-height: 50px;
    font-weight: bold;
    float: left;
}

.zixun-page-list1 .row-s3 {
    width: 25%;
    list-style-type: none;
    text-align: center;
    background-color: #FFF;
    line-height: 50px;
    font-weight: bold;
    float: left;
}

.zixun-page-list1 .row-s4 {
    width: 25%;
    list-style-type: none;
    text-align: center;
    background-color: #f1f1f1;
    line-height: 50px;
    font-weight: bold;
    float: left;
}


.zixun-page-list1 .row-p1 {
    width: 50%;
    list-style-type: none;
    background-color: #FFF;
    line-height: 40px;
    font-weight: bold;
    float: left;
}

.zixun-page-list1 .row-p2 {
    width: 50%;
    list-style-type: none;
    background-color: #f1f1f1;
    line-height: 40px;
    font-weight: bold;
    float: left;
}

.zixun-page-list1 .row-p3 {
    width: 50%;
    list-style-type: none;
    background-color: #FFF;
    line-height: 40px;
    font-weight: bold;
    float: left;
}

.zixun-page-list1 .row-p4 {
    width: 50%;
    list-style-type: none;
    background-color: #f1f1f1;
    line-height: 40px;
    font-weight: bold;
    float: left;
}

.zixun-page-list1 .row-p5 {
    width: 50%;
    list-style-type: none;
    background-color: #FFFFFF;
    line-height: 40px;
    font-weight: normal;
    float: left;
}

.zixun-page-list1 .row-i {
    width: 100%;
    list-style-type: none;
    text-align: center;
    background-color: #FFF;
    font-weight: bold;
    float: left;
    height: auto;
}

.zixun-page-list1 .row-i1 {
    width: 10%;
    list-style-type: none;
    text-align: center;
    background-color: #FFF;
    font-weight: bold;
    float: left;
    word-break: break-all;
    height: auto;
    margin-top: 5%;
    margin-bottom: 5%;
}

.zixun-page-list1 .row-i2 {
    width: 15%;
    list-style-type: none;
    text-align: center;
    background-color: #FFF;
    font-weight: bold;
    float: left;
    word-break: break-all;
    vertical-align: middle;
    height: auto;
    margin-top: 5%;
    margin-bottom: 5%;
    display: inline-block;
}

.zixun-page-list1 .row-r {
    width: 100%;
    list-style-type: none;
    text-align: center;
    background-color: #f1f1f1;
    font-weight: bold;
    float: left;
    height: auto;
    margin: 0 0;
}

.zixun-page-list1 .row-r1 {
    width: 10%;
    list-style-type: none;
    text-align: center;
    font-weight: bold;
    float: left;
    word-break: break-all;
    height: auto;
    margin-top: 5%;
    margin-bottom: 5%;
}

.zixun-page-list1 .row-r2 {
    width: 15%;
    list-style-type: none;
    text-align: center;
    font-weight: bold;
    float: left;
    word-break: break-all;
    vertical-align: middle;
    height: auto;
    margin-top: 5%;
    margin-bottom: 5%;
}

/************************************************************/
.zixun-page-list li .img-col {
    text-align: center;
}

.zixun-page-list li .top-col .img-col {
    width: 100%;
    height: 177px;
    display: flex;
    align-items: center;
}

@media (min-width:992px) and (max-width:1220px) {
    .zixun-page-list li .top-col .img-col {
        width: auto;
    }
}

.zixun-page-list li .top-col .img-col img {
    max-width: 100%;
    max-height: 100%;
}

.zixun-page-list li .top-col {
    cursor: pointer;
    position: relative;
}

.zixun-page-list li .top-col:hover .middle-col {
    display: flex;
}

.zixun-page-list li .top-col a {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
}

.zixun-page-list li .middle-col {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 152, 150, 0.8);
    color: #fff;
    box-sizing: border-box;
}

.zixun-page-list li .text {
    padding: 5px 0;
    color: #007b87;
    font-size: 1em;
}

.zixun-page-list li .album-content {
    /*padding: 0 0 1em 0;*/
    color: #333;
    /* font-size: .889em; */
    word-break: break-all;
	display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.zixun-page-list li .middle-col {
    display: none;
}

.zixun-page-list li:nth-child(3n) {
    margin-right: 0;
}

.zixun-page-list li .bottom {
    height: 100px;
}

.zixun-page-list li .bottom img {
    margin-right: 5px;
    position: relative;
}

.zixun-page-list li .bottom>div {
    line-height: normal;
    height: 36px;
}

.zixun-tab {
    margin: .5em 0;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.rightnavigation .zixun-tab span {
    cursor: pointer;
    min-height: 40px;
    min-width: calc(20% - .5em);
    margin: .25em;
    border: 1px solid #9c9c9c;
    border-radius: 5px;
    /*display: flex;
    align-items: center;
    justify-content: center;*/
    display: inline-block;
    text-align: center;
    padding-top: 4px;
}

@media (max-width:991px) {
    .rightnavigation .zixun-tab span {
        width: calc(20% - 0.7em);
    }
}

@media (max-width:768px) {
    .rightnavigation .zixun-tab span {
        /* padding: .25em;*/
    }
}


.rightnavigation .zixun-tab span a {
    width: 100%;
    height: auto;
    line-height: 100%;
    /*display: flex;
    align-items: center;
    justify-content: center;*/
}


.zixun-tab span:hover {
    background: #007B87;
    color: #fff;
}

.zixun-tab span:hover a {
    color: #fff;
}

.zixun-tab span.active {
    background: #007B87;
    color: #fff;
}

.zixun-tab span.active a {
    color: #fff;
}


.banner-img {
    height: 268px;
}

.page-col {
    text-align: center;
    padding: 10px 0 10px 0;
    margin-top: 10px;
    font-size: 0;
}

.page-col a {
    display: inline-block;
    padding: 3px 9px;
    box-sizing: border-box;
    vertical-align: middle;
    /* font-size: .9em; */
}

.page-col a.active {
    background: #007B87;
    color: #fff;
    border: 1px solid #007B87;
}

.page-col a.border {
    border: 1px solid #007B87;
}

.page-col span {
    width: 36px;
    height: 37px;
    display: inline-block;
    vertical-align: middle;
}

.page-col span.left-one {
    background: url("../img/pageIcon_03.gif");
}

.page-col span.left-two {
    background: url("../img/pageIcon_04.gif");
}

.page-col span.right-one {
    background: url("../img/pageIcon_06.gif");
}

.page-col span.right-two {
    background: url("../img/pageIcon_08.gif") center 1px;
}

/****************************************************/

.en-index-block-top {
    width: 100%;
    height: 55%;
    background-color: #FFF;
    margin-top: 5%;
}

.en-index-block-top-left {
    width: 50%;
    height: 100%;
    float: left;
    text-align: left;
    word-break: break-all;
}

.en-index-block-top-right {
    width: 50%;
    float: left;
    height: 100%;
    text-align: center;
    position: relative;
    left: 5%;
}

.en-index-block-img {
    width: 100%;
    height: 100%;
    margin-left: 21%;
}

.en-index-block-img-in {
    width: 60%;
    height: auto;
    margin: 10% 5%;
    position: relative;
    display: inline-block;
    top: 40px;
    left: 5px;
    right: 5px;
    word-break: keep-all;
    /* font-size: 1.2em; */
}

.en-index-block-img1 {
    height: 100%;
    width: 63%;
    background: url(../img/en-index-block1.png);
    margin: 5% 10% 0 5%;
    background-size: 105%;
    background-repeat: no-repeat;
}

.en-index-block-img1-top {
    height: 10%;
    color: #FFF;
    padding-top: 7%;
    text-align: center;
    font-size: 1em;
    padding-left: 2%;
}

.en-index-block-img1-table {
    width: 85%;
    margin: 0 10% 0 10%;
}

.en-index-block-img1-table tr:nth-of-type(2n+1) {
    width: 100%;
    background: #EFEFEF;
    text-align: center;
}

.en-index-block-img1-table tr:nth-of-type(2n) {
    width: 100%;
    text-align: center;
}

/*
.en-index-block-img1-table td{ line-height:auto; min-height:20%; max-height:25%;}
*/

.en-index-block-img4 {
    margin: 5% 20% 0 30%;
    float: left;
}

.en-index-block-img3 {
    margin: 0 20% 0 10%;
    float: left;
}

.en-index-block-img2 {
    margin: 8% 0px 0 10%;
    float: left;
}

.en-index-block-img2-right {
    margin: 8% 0px 0 20px;
    float: left;
}

.en-index-block-word1 {
    margin: 8% 0 0 10%;
    height: 5%;
    font-size: 1em;
}

.en-index-block-word1-1 {
    margin: 2% 0 0 10%;
    height: 5%;
    font-size: 1em;
}

.en-index-block-word2 {
    margin: 5px 0 0 10%;
    height: auto;
    font-size: 1.5em;
}

.en-index-block-word3 {
    margin: 15px -5% 0 10%;
    font-size: 1em;
    word-break: break-all;
    overflow: hidden;
    height: 30%;
    line-height: 30px;
}

.en-index-block-word4 {
    margin: 15px 40% 0px 10%;
    font-size: 1em;
    word-break: break-all;
    overflow: hidden;
    height: 30%;
    text-align: left;
    line-height: 30px;
}

.en-index-block-word5 {
    margin: 10px 25px 10px 45px;
    height: 5%;
    font-size: 1em;
    text-align: left;
}

.en-index-block-word6 {
    margin: 10px 25px 10px 50px;
    height: 5%;
    font-size: 1em;
    font-weight: bold;
    text-align: left;
    color: #444444;
}

.en-index-block-mid {
    width: 100%;
    height: 50%;
    background-color: #007B87;
}

.en-index-block-mid-left {
    width: 50%;
    height: 100%;
    float: left;
    background: url(../img/en-index_25.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
}

.en-index-block-mid-right {
    width: 50%;
    float: left;
    background: #007B87;
    height: 100%;
    text-align: center;
}

/*****************************************************/

@media screen and (min-width: 992px) and (max-width: 1500px) {

    .swiper-slide-img {
        width: 95%;
        box-shadow: 2px 2px 2px 2px #CCCCCC;
    }

    .swiper-slide-img img {
        width: 315px;
        height: 215px;
        max-width: 315px;
        max-height: 215px;
    }

    .swiper-slide-date {
        /* font-size: .9em; */
        color: #444444;
        text-align: left;
        padding: 0 5%;
        word-break: break-all;
        background: #f1f1f1;
    }

    .swiper-slide-content {
        font-size: 1em;
        text-align: left;
        padding: 0 5%;
        word-break: break-all;
        overflow: hidden;
        height: 13%;
        line-height: 25px;
    }

    .swiper-slide-content-d {
        /* font-size: .9em; */
        text-align: left;
        padding: 0 5%;
        word-break: break-all;
        overflow: hidden;
        height: 6%;
        color: #007B87;
    }

    .swiper-slide-link {
        width: 95%;
        /* font-size: .9em; */
        text-align: left;
        padding-left: 5%;
        font-weight: bold;
        float: left;
        margin-top: 10px;
        height: 30px;
        padding-top: 3%;
        background: #F1f1f1;
    }

    .swiper-slide-link:hover {
        width: 90%;
        /* font-size: .9em; */
        text-align: left;
        padding-left: 5%;
        padding-top: 3%;
        font-weight: bold;
        float: left;
        margin-top: 10px;
        background: #008d8b;
        color: #FFF;
        padding-right: 5%;
        height: 30px;
    }

    .swiper-slide-img:hover {
        border: 1px #008d8b solid;
    }



    .lunbo1 .swiper-button-next.swiper-button-white,
    .swiper-container-rtl .swiper-button-prev.swiper-button-white {
        background: url("../img/home_76.png");
        opacity: 1;
        right: 0;
        background-size: 100% 100%;
        width: 3%;
        display: none;
    }

    .lunbo1 .swiper-button-prev.swiper-button-white,
    .swiper-container-rtl .swiper-button-next.swiper-button-white {
        background: url("../img/home_73.png");
        opacity: 1;
        left: 0px;
        background-size: 100% 100%;
        width: 3%;
        display: none;
    }


    .login-form .bg {
        width: 380px;
    }

    .login-form .user {
        top: 48%;
    }

    .login-form .pass {
        top: 54.4%;
    }

    .banner .xin {
        width: 200px;
        bottom: 150px;
    }

    .home-middle li .bg {
        width: 330px;
    }

    .home-middle li .bg1 {
        width: 330px;
    }

    .home-middle {
        width: 1300px;
        margin-left: -550px;
        margin-top: 50px;
    }

    .home-middle li {
        height: 258px;
    }

    .home-middle .text {
        /* font-size: .9em; */
        line-height: 19px;
        bottom: 23%;
    }

    .home-middle li .top-btn {
        width: 160px;
        left: 70px;
    }

    .home-middle li .bottom-btn {
        width: 120px;
        top: 200px;
        left: 88px;
    }

    .home-middle li .btn1 {
        left: 20%;
        top: 6%;
        cursor: pointer;
    }

    .home-middle li .btn2 {
        left: 12%;
        top: 42%;
        cursor: pointer;
    }

    .home-middle li .btn3 {
        left: 12%;
        top: 67%;
        cursor: pointer;
    }

    .verification-code img {
        top: 61%;
    }

    .login-form .code {
        top: 67%;
        width: 58%;
        z-index: 10;
    }

    .login-btn {
        top: 76%;
    }

    /****************************************************/
    .en-index-block-top {
        width: 90%;
        height: 65%;
        background-color: #FFF;
    }

    .en-index-block-top-left {
        width: 50%;
        height: 100%;
        float: left;
        text-align: left;
        word-break: break-all;
    }

    .en-index-block-top-right {
        width: 50%;
        float: left;
        height: 100%;
        text-align: center;
    }

    .en-index-block-img {
        width: 100%;
        height: 100%;
        margin-left: 8%;
    }

    .en-index-block-img-in {
        width: 60%;
        height: auto;
        margin: 10% 10% 10% 10%;
        position: relative;
        display: inline-block;
        top: 20px;
        left: 5px;
        right: 5px;
        word-break: keep-all;
        /* font-size: .9em; */
    }

    .en-index-block-img1 {
        height: 100%;
        width: 63%;
        background: url(../img/en-index-block1.png);
        margin: 5% 10% 0 5%;
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .en-index-block-img1-top {
        height: 8%;
        color: #FFF;
        padding-top: 7%;
        text-align: center;
        font-size: 1em;
        padding-left: 2%;
    }

    .en-index-block-img1-table {
        width: 80%;
        margin: 0 10% 0 10%;
    }

    .en-index-block-img1-table tr:nth-of-type(2n+1) {
        width: 100%;
        background: #EFEFEF;
        text-align: center;
    }

    .en-index-block-img1-table tr:nth-of-type(2n) {
        width: 100%;
        text-align: center;
    }


    .en-index-block-img4 {
        margin: -2% 20% 0 25%;
        float: left;
    }

    .en-index-block-img3 {
        margin: 0 20% 0 10%;
        float: left;
    }

    .en-index-block-img2 {
        margin: 8% 0px 0 10%;
        float: left;
    }

    .en-index-block-img2-right {
        margin: 8% 0px 0 20px;
        float: left;
    }

    .en-index-block-word1 {
        margin: 8% 0 0 10%;
        height: 5%;
        font-size: 1em;
    }

    .en-index-block-word1-1 {
        margin: 2% 0 0 10%;
        height: 5%;
        font-size: 1em;
    }

    .en-index-block-word2 {
        margin: 5px 0 0 10%;
        height: auto;
        font-size: 1.5em;
    }

    .en-index-block-word3 {
        margin: 15px -5% 0 10%;
        font-size: 1em;
        word-break: break-all;
        overflow: hidden;
        height: 30%;
        line-height: 30px;
    }

    .en-index-block-word4 {
        margin: 15px 40% 0px 10%;
        font-size: 1em;
        word-break: break-all;
        overflow: hidden;
        height: 30%;
        text-align: left;
        line-height: 30px;
    }

    .en-index-block-word5 {
        margin: 10px 25px 10px 45px;
        height: 5%;
        /* font-size: .9em; */
        text-align: left;
    }

    .en-index-block-word6 {
        margin: 10px 25px 10px 50px;
        height: 5%;
        font-size: 1em;
        font-weight: bold;
        text-align: left;
        color: #444444;
    }

    .en-index-block-mid {
        width: 100%;
        height: 48%;
        max-height: 48%;
        background-color: #007B87;
    }

    .en-index-block-mid-left {
        width: 50%;
        height: 100%;
        float: left;
        background: url(../img/en-index_25.jpg);
        background-repeat: no-repeat;
        background-size: 100%;
    }

    .en-index-block-mid-right {
        width: 50%;
        float: left;
        background: #007B87;
        height: 100%;
        text-align: center;
    }

    /*****************************************************/
    .home .de-mw {
        width: 100% !important;
        height: auto;
    }
}

@media screen and (max-width: 991px) {
    .login-form {
        right: 5%;
    }

    .login-form .bg {
        width: 380px;
    }

/*    .footer .to-top {
        right: 0;
    }*/

    .footer .left-moblie {
        padding-left: 5px;
        width: 100%;
        text-align: center;
    }

    .footer .left-moblie span {
        display: inline;
    }

    .home-middle li .bg {
        width: 100%;
    }

    .home-middle li .bg1 {
        width: 100%;
    }

    .home-middle li .bg11 {
        width: 10%;
    }

    .home-middle {
        width: 800px;
        margin-left: -450px;
        margin-top: 70px;
    }

    .home-middle li {
        height: 258px;
    }

    .home-middle .text {
        /* font-size: .9em; */
        line-height: 19px;
        bottom: 23%;
    }

    .home-middle li .top-btn {
        width: 160px;
        left: 70px;
    }

    .home-middle li .bottom-btn {
        width: 120px;
        top: 200px;
        left: 88px;
    }

    .home-middle li .btn1 {
        left: 20%;
        top: 6%;
        width: 60%;
    }

    .home-middle li .btn2 {
        left: 20%;
        top: 52%;
        width: 60%;
    }

    .home-middle li .btn3 {
        left: 20%;
        top: 74%;
        width: 60%;
    }

    .home-middle-list .first-col {
        width: 100%;
    }

    .home-middle-list.en .first-col {
        width: 100%;
        height: auto;
    }

    .home-middle-list .first-col .item {
        width: 25%;/*50%;*/
    }

    .home-middle-list .second-col {
        width: 33%;/*100%;*/
        height: 250px;
    }

    .home-middle-list .second-col a {
        margin-bottom: .2em;
    }

    .home-middle-list .second-col .sbd .t1-1 {
        width: 100%;
    }

    @media (max-width:991px) {
        .home-middle-list iframe {
            width: 100%;
        }
    }

    /****************************************************/
    .en-index-block-top {
        width: 90%;
        height: 62%;
        background-color: #FFF;
    }

    .en-index-block-top-left {
        width: 50%;
        height: 100%;
        float: left;
        text-align: left;
        word-break: break-all;
    }

    .en-index-block-top-right {
        width: 50%;
        float: left;
        height: 100%;
        text-align: center;
    }

    .en-index-block-img {
        width: 100%;
        height: 100%;
        margin-left: 8%;
    }

    .en-index-block-img-in {
        width: 60%;
        height: auto;
        margin: 10% 10% 10% 10%;
        position: relative;
        display: inline-block;
        top: 20px;
        left: 5px;
        right: 5px;
        word-break: keep-all;
        font-size: 1em;
    }

    .en-index-block-img1 {
        height: 100%;
        width: 63%;
        background: url(../img/en-index-block1.png);
        margin: 5% 10% 0 5%;
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .en-index-block-img1-top {
        height: 8%;
        color: #FFF;
        padding-top: 7%;
        text-align: center;
        font-size: 1em;
        padding-left: 2%;
    }

    .en-index-block-img1-table {
        width: 80%;
        margin: 0 10% 0 10%;
    }

    .en-index-block-img1-table tr:nth-of-type(2n+1) {
        width: 100%;
        background: #EFEFEF;
        text-align: center;
    }

    .en-index-block-img1-table tr:nth-of-type(2n) {
        width: 100%;
        text-align: center;
    }


    .en-index-block-img4 {
        margin: -2% 20% 0 25%;
        float: left;
    }

    .en-index-block-img3 {
        margin: 0 20% 0 10%;
        float: left;
    }

    .en-index-block-img2 {
        margin: 8% 0px 0 10%;
        float: left;
    }

    .en-index-block-img2-right {
        margin: 8% 0px 0 20px;
        float: left;
    }

    .en-index-block-word1 {
        margin: 8% 0 0 10%;
        height: 5%;
        font-size: 1em;
    }

    .en-index-block-word1-1 {
        margin: 2% 0 0 10%;
        height: 5%;
        font-size: 1em;
    }

    .en-index-block-word2 {
        margin: 5px 0 0 10%;
        height: auto;
        font-size: 1.5em;
    }

    .en-index-block-word3 {
        margin: 15px -5% 0 10%;
        font-size: 1em;
        word-break: break-all;
        overflow: hidden;
        height: 30%;
        line-height: 30px;
    }

    .en-index-block-word4 {
        margin: 15px 40% 0px 10%;
        font-size: 1em;
        word-break: break-all;
        overflow: hidden;
        height: 30%;
        text-align: left;
        line-height: 30px;
    }

    .en-index-block-word5 {
        margin: 10px 25px 10px 45px;
        height: 5%;
        font-size: .9em;
        text-align: left;
    }

    .en-index-block-word6 {
        margin: 10px 25px 10px 50px;
        height: 5%;
        font-size: 1em;
        font-weight: bold;
        text-align: left;
        color: #444444;
    }

    .en-index-block-mid {
        width: 100%;
        height: 48%;
        background-color: #007B87;
    }

    .en-index-block-mid-left {
        width: 50%;
        height: 100%;
        float: left;
        background: url(../img/en-index_25.jpg);
        background-repeat: no-repeat;
        background-size: 100%;
    }

    .en-index-block-mid-right {
        width: 50%;
        float: left;
        background: #007B87;
        height: 100%;
        text-align: center;
    }

    /********************下為單板6 7輪播*********************************/

    .swiper-slide-img {
        width: 95%;
        box-shadow: 2px 2px 2px 2px #CCCCCC;
    }

    .swiper-slide-img img {
        width: 315px;
        height: 215px;
        max-width: 315px;
        max-height: 215px;
    }

    .swiper-slide-date {
        /* font-size: .9em; */
        color: #444444;
        text-align: left;
        padding: 0 5%;
        word-break: break-all;
        background: #f1f1f1;
    }

    .swiper-slide-content {
        font-size: 1em;
        text-align: left;
        padding: 0 5%;
        word-break: break-all;
        overflow: hidden;
        height: 13%;
        line-height: 25px;
    }

    .swiper-slide-content-d {
        /* font-size: .9em; */
        text-align: left;
        padding: 0 5%;
        word-break: break-all;
        overflow: hidden;
        height: 6%;
        color: #007B87;
    }

    .swiper-slide-link {
        width: 95%;
        /* font-size: .9em; */
        text-align: left;
        padding-left: 5%;
        font-weight: bold;
        float: left;
        margin-top: 10px;
        height: 30px;
        padding-top: 3%;
        background: #F1f1f1;
    }

    .swiper-slide-link:hover {
        width: 90%;
        /* font-size: .9em; */
        text-align: left;
        padding-left: 5%;
        padding-top: 3%;
        font-weight: bold;
        float: left;
        margin-top: 10px;
        background: #008d8b;
        color: #FFF;
        padding-right: 5%;
        height: 30px;
    }

    .swiper-slide-img:hover {
        border: 1px #008d8b solid;
    }

    /******************************************************/
    .home .de-mw {
        width: 100% !important;
        height: auto;
    }

    .lunbo1 .swiper-button-next.swiper-button-white,
    .swiper-container-rtl .swiper-button-prev.swiper-button-white {
        background: url("../img/home_76.png");
        opacity: 1;
        right: 0;
        background-size: 100% 100%;
        width: 3%;
        display: none;
    }

    .lunbo1 .swiper-button-prev.swiper-button-white,
    .swiper-container-rtl .swiper-button-next.swiper-button-white {
        background: url("../img/home_73.png");
        opacity: 1;
        left: 0px;
        background-size: 100% 100%;
        width: 3%;
        display: none;
    }
}


.themiddleof {
    width: 100%;
    height: 53px;
    background-color: #007B87;
    float: left;
    box-shadow: 0px 5px 5px #CCC;
    position: relative;
    z-index: 2;
    display: flex;
    align-items: stretch;
}

@media screen and (min-width: 1221px) and (max-width: 1500px) {
    .themiddleof {
        min-height: 53px;
        height: auto;
    }
}

@media screen and (min-width: 992px) and (max-width: 1220px) {
    .themiddleof {
        min-height: 53px;
        height: auto;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .themiddleof {
        min-height: 53px;
        height: auto;
    }
}

.themiddleof1 {
    width: 100%;
    height: 53px;
    margin: 0 auto;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

@media screen and (min-width: 1221px) and (max-width: 1500px) {
    .themiddleof1 {
        width: 100%;
        justify-content: center;
    }
}

@media screen and (min-width: 992px) and (max-width: 1220px) {
    .themiddleof1 {
        width: 100%;
        justify-content: center;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .themiddleof1 {
        width: 65%;
        min-height: 53px;
        height: auto;
    }
}

@media screen and (max-width: 991px) {
    .themiddleof1 {
        text-align: right;
    }
}

.themiddleof2 {
    /*width: 100%;
    height: 45px;
    align-items: center;
    display: flex;*/
    height: 40px;
    display: inline-block;
}

.gsc-search-box tr:nth-of-type(2n+1),
.gsc-input tr:nth-of-type(2n+1) {
    height: 30px;
}

table.gsc-search-box td {
    padding: .25em .5em;
}

table.gsc-search-box {
    margin: 0 !important;
}

form.gsc-search-box {
    margin: 0 !important;
}

table .gsc-input-box {
    padding-top: 0;
    padding-bottom: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .themiddleof2 {
        width: 35%;
        min-height: 53px;
        height: auto;
    }

    .themiddleof2 #search-box {
        height: auto;
    }
}



.themiddleof2 #search-box #___gcse_1 {
    width: 95%;
}


.themiddleof1-en {
    width: 64%;
    height: 53px;
    float: left;
    margin: 0 auto;
    text-align: right;
}

@media screen and (min-width: 992px) and (max-width: 1220px) {
    .themiddleof1-en {
        width: 65%;
    }
}

.themiddleof .themiddleof1 .NO1>span,
.themiddleof .themiddleof1 .NO1>a,
.themiddleof .themiddleof1>span>span>a,
.themiddleof .themiddleof1>span {
    line-height: 53px;
    cursor: pointer;
    padding: 0px 10px 0px 10px;
    color: #FFFFFF;
    position: relative;
    display: inline-block;
    font-size: 1em;
}

@media screen and (min-width: 992px) and (max-width: 1220px) {

    .themiddleof .themiddleof1 .NO1>span,
    .themiddleof .themiddleof1 .NO1>a,
    .themiddleof .themiddleof1>a,
    .themiddleof .themiddleof1>span {
        padding: 0px 25px;
    }
}

.themiddleof .themiddleof1>span.has-child .child-list {
    position: absolute;
    top: 51px;
    left: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid #ddd;
    z-index: 1000;
    border-top: 0;
    /*max-height:600px;
    overflow-y:auto;
    overflow-x:hidden;*/
}

/**************************************************************/
.themiddleof .themiddleof1>span.has-child .child-list .NO1 {
    position: absolute;
    top: auto;
    left: 100%;
    width: 100%;
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid #ddd;
    z-index: 1000;
    border-top: 0;
    line-height: normal;
    display: none;
    top: 0;
    margin: 0;
}

@media (max-width:991px) {
    .themiddleof .themiddleof1>span.has-child .child-list .NO1 {
        position: static;
        margin-top: .5em;
        background: #fff;
        padding: 0 1em;
    }
}

.themiddleof .themiddleof1>span.has-child .child-list .NO1 span {
    width: 100%;
    text-align: center;
    line-height: normal;
    padding: 6px 0;
}

.themiddleof .themiddleof1>span.has-child .child-list .NO1 .NO2 {
    position: absolute;
    top: 0px;
    left: 100%;
    width: 100%;
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid #ddd;
    z-index: 1000;
    border-top: 0;
    line-height: normal;
    display: none;
}

.themiddleof .themiddleof1>span.has-child .child-list .NO1 .NO2 a {
    width: 100%;
    font-size: 1em;
    text-align: center;
    line-height: normal;
    padding: 6px 0;
}

.themiddleof .themiddleof1>span.has-child .child-list span:hover .NO1 {
    display: inline-block;
    background: #fff;
    color: #444;
}

.themiddleof .themiddleof1>span.has-child .child-list span:hover .NO1 a {
    color: #444;
}

.themiddleof .themiddleof1>span.has-child .child-list span:hover .NO1 a:hover {
    color: #fff;
}

.themiddleof .themiddleof1>span.has-child .child-list span:hover .NO1 span:hover a {
    color: #fff;
}

.themiddleof .themiddleof1>span.has-child .child-list .NO1 span:hover .NO2 {
    display: inline-block;
}

/************************************************************/

.themiddleof .themiddleof1>span.has-child .child-list span {
    color: #444;
    display: block;
    text-align: center;
    line-height: normal;
    padding: .25em;
    font-size: 1em;
    position: relative;
    /*display: flex;
    align-items: center;
    justify-content: center;*/
}

.themiddleof .themiddleof1>span.has-child .child-list span:hover {
    background: #007B87;
    color: #FFF;
}

.themiddleof .themiddleof1>span.has-child .child-list span:hover a {
    color: #fff;
}




.themiddleof .themiddleof1>span:hover:after,
.themiddleof .themiddleof1>a:hover:after,
.themiddleof .themiddleof1 .NO1>a:hover:after {
    content: ' ';
    width: 100%;
    height: 4px;
    background: #8fc31f;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1002;
}

.themiddleof .themiddleof1>span:hover:before,
.themiddleof .themiddleof1>a:hover:before,
.themiddleof .themiddleof1 .NO1>a:hover:before {
    content: ' ';
    display: block;
    position: absolute;
    bottom: 3px;
    left: 50%;
    border-left: 5px solid transparent;
    border-bottom: 5px solid #8fc31f;
    border-right: 5px solid transparent;
    border-top: 5px solid transparent;
}

.themiddleof .themiddleof1 .has-child-main.block .child-list {
    display: block;
}

.themiddleof .themiddleof1 .has-child-main.block:after {
    content: ' ';
    width: 100%;
    height: 4px;
    background: #8fc31f;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1002;
}

.themiddleof .themiddleof1 .has-child-main.block:before {
    content: ' ';
    display: block;
    position: absolute;
    bottom: 3px;
    left: 50%;
    border-left: 5px solid transparent;
    border-bottom: 5px solid #8fc31f;
    border-right: 5px solid transparent;
    border-top: 5px solid transparent;
}

.themiddleof .themiddleof1>span.has-child .child-list {
    display: none;
}

.themiddleof .themiddleof1>span.has-child:hover .child-list {
    display: block;
}

.themiddleof .themiddleof1>span.has-child .child-list a {
    color: #444;
    display: block;
    text-align: center;
    line-height: normal;
    padding: 6px 0;
    font-size: 1em;
}

.themiddleof .themiddleof1>span.has-child .child-list a:hover {
    background: #007B87;
    color: #fff;
}

.themiddleof .themiddleof1>span.has-child .child-list span:hover {
    background: #007B87;
    color: #fff;
}

.themiddleof .themiddleof1>span.has-child .child-list span:hover span {
    color: #fff;
}

/*@media (min-width: 768px) {
    .themiddleof .themiddleof1 .has-child-main:nth-child(2):hover .child-list {
        display: flex;
        flex-wrap: wrap;
        width: 700px;
        border: 0;
    }

    .themiddleof .themiddleof1 .has-child-main:nth-child(2) .child-list span {
        width: 20%;
    }

        .themiddleof .themiddleof1 .has-child-main:nth-child(2) .child-list span:hover .NO1 {
            border: 0;
        }

    .themiddleof .themiddleof1 .has-child-main:nth-child(7):hover .child-list {
        display: flex;
        flex-wrap: wrap;
        width: 600px;
        right: 0;
        left: auto;
    }

    .themiddleof .themiddleof1 .has-child-main:nth-child(7) .child-list span {
        width: 25%;
    }

        .themiddleof .themiddleof1 .has-child-main:nth-child(7) .child-list span:hover .NO1 {
            border: 0;
        }
}*/


.themiddleof .themiddleof1-en a {
    line-height: 53px;
    padding: 0px 50px 0px 23px;
    color: #FFFFFF;
    font-size: 1em;
}

.themiddleof .themiddleof_n {
    width: 60%;
}

.themiddleof a {
    line-height: 53px;
    padding: 0px 23px 0px 23px;
    color: white;
}

@media (max-width:992px) {
    .themiddleof a {
        line-height: 20px;
    }
}

.themiddleof .search {
    display: inline-block;
    position: relative;
}

.themiddleof .search input {
    width: 265px;
    height: 37px;
    border: 1px solid #dddddd;
    border-radius: 3px;
}

.themiddleof .search img {
    position: absolute;
    top: 6px;
    right: 26px;
}

.danwei-banner.en .themiddleof .themiddleof1>span.has-child .child-list span {
    /* word-break: break-all; */
}

.danwei-banner.en .themiddleof .themiddleof1 .NO1>span,
.danwei-banner.en .themiddleof .themiddleof1 .NO1>a,
.danwei-banner.en .themiddleof .themiddleof1>a,
.danwei-banner.en .themiddleof .themiddleof1>span {
    min-width: 12%;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (min-width: 992px) and (max-width: 1220px) {

    .danwei-banner.en .themiddleof .themiddleof1 .NO1>span,
    .danwei-banner.en .themiddleof .themiddleof1 .NO1>a,
    .danwei-banner.en .themiddleof .themiddleof1>a,
    .danwei-banner.en .themiddleof .themiddleof1>span {
        min-width: 18%;
    }
}

@media (max-width: 991px) {

    .danwei-banner.en .themiddleof .themiddleof1 .NO1>span,
    .danwei-banner.en .themiddleof .themiddleof1 .NO1>a,
    .danwei-banner.en .themiddleof .themiddleof1>a,
    .danwei-banner.en .themiddleof .themiddleof1>span {
        flex-direction: column;
    }
}

.danwei-banner.en .themiddleof .themiddleof1 .menu-close {
    display: none;
}

.daohan {
    display: none;
}

.search-cld {
    display: none;
}

.content-col {
    background: #F1F1F1;
    padding-bottom: 10px;
}

.content {
    background: #F1F1F1;
    margin: 0 auto;
    overflow: hidden;
    width: 1170px;
}

@media screen and (min-width: 992px) and (max-width: 1220px) {
    .content {
        width: 975px;
    }
}

.leftnavigation {
    margin-top: 52px;
    background: #fff;
    height: auto;
    float: left;
    width: 188px;
}

.leftnavigation .on {
    background-color: #007B87;
    border-radius: 5px 5px 0px 0px;
    color: #FFFFFF;
    min-height: 48px;
    /* display: flex;
        align-items: center;
        justify-content: center;*/
    text-align: center;
    padding-top: 13px;
    position: relative;
}

.leftnavigation .assembly-l {
    width: auto;
    padding: 0;
    min-height: 0;
    text-decoration: none;
    border: 0;
    color: #007b87;
    position: absolute;
    left: 7px;
}

.leftnavigation .assembly-l:hover,
.leftnavigation .assembly-l:focus {
    color: #fff;
}

.leftnavigation a {
    /*display: flex;*/
    display: block;
    align-items: center;
    width: 188px;
    border-bottom: 1px solid #ececec;
    min-height: 48px;
    line-height: initial;
    padding-left: 20px;
    box-sizing: border-box;
    padding: 1em 0 1em 1em;
    color: #333;
}

.leftnavigation a:hover {
    color: #007B87;
    text-decoration: none;
}

.leftnavigation a img {
    margin-right: .5em;
    position: relative;
}

.rightnavigation {
    background: #f1f1f1;
    width: 80%;
    padding-left: 20px;
    float: left;
}

@media screen and (min-width: 992px) and (max-width: 1220px) {
    .rightnavigation {
        width: 767px;
		padding-left: 0;
    }
}

.rightnavigation .title-col {
    height: 52px;
    display: flex;
    align-items: center;
}

@media (max-width:992px) {
	.rightnavigation {
        width: 100%;
		padding-left: 0;
    }
    .rightnavigation .title-col {
        height: auto;
    }
}

.rightnavigation .title-col img {
    position: relative;
    margin-right: .5em;
}

.rightnavigation .title-col a {
    color: #555;
    text-decoration: none;
}

.rightnavigation .title-col a:hover {
    color: #007B87;
}

.rightnavigation .rightnavigation_nav {
    padding: 10px 15px 10px 15px;
    background: #fff;
    position: relative;
}

.rightnavigation .rightnavigation_nav:before {
    display: block;
    content: ' ';
    width: 98%;
    left: 50%;
    margin-left: -49%;
    height: 3px;
    background: #007B87;
    top: 0;
    position: absolute;
}

.rightnavigation .rightnavigation_nav .rightnavigation_nav_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0 1em 0;
    /* display: block; */
    /* text-align: right; */
    overflow: hidden;
}

@media (max-width:991px) {
    .rightnavigation .rightnavigation_nav .rightnavigation_nav_top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 1em;
        padding-bottom: 0;
        margin-bottom: .5em;
        text-align: left;
    }
}

.rightnavigation .rightnavigation_nav .rightnavigation_nav_top .rightnavigation_nav_top_title {
    font-size: 1.7em;
    font-weight: bold;
    margin: 0;
    /*width: 70%;*/
    /* float: left; */
    display: inline-block;
    font-family: Microsoft JhengHei;
    /* word-break: break-all; */
}

@media (max-width:991px) {
    .rightnavigation .rightnavigation_nav .rightnavigation_nav_top .rightnavigation_nav_top_title {
        margin: 0 0 .5em 0;
        width: 100%;
        float: none;
    }
}

.rightnavigation .rightnavigation_nav .rightnavigation_nav_top .pic-tit {
    top: 0;
    float: none;
}

@media (max-width:991px) {
    .rightnavigation .rightnavigation_nav .rightnavigation_nav_top .pic-tit {
        margin: auto;
        left: 0;
    }
}

.rightnavigation .rightnavigation_nav .rightnavigation_nav_top .func_images {
    /*display: flex;*/
    display: inline-block;
    /*align-items: center;*/
    text-align: center;
}

.rightnavigation .rightnavigation_nav .rightnavigation_nav_top .func_images>* {
    display: inline-block;
}

.rightnavigation .rightnavigation_nav h3 {
    font-weight: bold;
    font-size: 1.35em;
}

.rightnavigation .rightnavigation_nav .rightnavigation_seach {
    margin-top: 35px;
    margin-bottom: 35px;
    overflow: hidden;
}

.rightnavigation .rightnavigation_nav .rightnavigation_seach input {
    width: 300px;
    margin-right: 10px;
    height: 43px;
    border: 1px solid #9c9c9c;
}

.rightnavigation .rightnavigation_nav .rightnavigation_seach .enquiries {
    margin-right: 20px;
    cursor: pointer;
    width: 117px;
    height: 43px;
    line-height: 43px;
    text-align: center;
    font-size: 1em;
    color: #1d508d;
    border-radius: 5px;
    border: 1px solid #1d508d;
    display: inline-block;
}

.rightnavigation .rightnavigation_nav .rightnavigation_seach .enquiries img {
    position: relative;
    top: 7px;
    left: 5px;
}

.rightnavigation .rightnavigation_nav select {
    /*width: 210px;
    height: 34px;
    border: 1px solid #9c9c9c;
    border-radius: 5px;
    margin-top: 20px;
    margin-bottom: 20px;*/
}

.rightnavigation .rightnavigation_nav .select {
    border-top: 1px solid #dddddd;
}

.rightnavigation .rightnavigation_nav .rightnavigation_content .text {
    background-color: #007B87;
    height: 45px;
    width: 100%;
    display: inline-block;
}

.rightnavigation .rightnavigation_nav .rightnavigation_content .text h3 {
    line-height: 45px;
    color: #fff;
    padding-left: 30px;
}

.rightnavigation .rightnavigation_nav .rightnavigation_content .middle {
    padding: 0;
    margin-top: 1em;
    margin-bottom: .5em;
}

@media (max-width:991px) {
    .rightnavigation .rightnavigation_nav .rightnavigation_content .middle {
        margin-top: 0;
    }
}

.rightnavigation .rightnavigation_nav .rightnavigation_content .middle p {
    line-height: 26px;
}

.rightnavigation .rightnavigation_nav .rightnavigation_content .bottom {
    list-style: none;
}

.rightnavigation .rightnavigation_nav .rightnavigation_content .bottom li {
    clear: both;
    display: block;
    overflow: hidden;
    position: relative;
    margin-bottom: 6px;
}

.rightnavigation .rightnavigation_nav .rightnavigation_content .bottom li .top {
    background: #f1f1f1;
    padding: 8px 30px 8px 20px;
    cursor: pointer;
}

.rightnavigation .rightnavigation_nav .rightnavigation_content .bottom li .top .open-icon {
    display: none;
}

.rightnavigation .rightnavigation_nav .rightnavigation_content .bottom li.active .top .close-icon {
    display: none;
}

.rightnavigation .rightnavigation_nav .rightnavigation_content .bottom li.active .top .open-icon {
    display: inline-block;
}

.rightnavigation .rightnavigation_nav .rightnavigation_content .bottom li .open-cell {
    padding: 8px 20px 8px 20px;
    display: none;
}

.rightnavigation .rightnavigation_nav .rightnavigation_content .bottom li.active .top {
    background: #007B87;
    color: #fff;
}

.rightnavigation .rightnavigation_nav .rightnavigation_content .bottom li.active .open-cell {
    display: block;
}

.rightnavigation .rightnavigation_nav .rightnavigation_content .bottom li img {
    float: left;
    position: absolute;
    right: 0px;
    top: 7px;
}

#g {
    float: left;
}

#cx {
    float: left;
}




@media screen and (max-width: 991px) {

    .lunbo1 .swiper-button-next.swiper-button-white,
    .swiper-container-rtl .swiper-button-prev.swiper-button-white {
        background: url("../img/home_76.png");
        opacity: 1;
        right: -53px;
        background-size: 100% 100%;
        width: 10%;
    }

    .lunbo1 .swiper-button-prev.swiper-button-white,
    .swiper-container-rtl .swiper-button-next.swiper-button-white {
        background: url("../img/home_73.png");
        opacity: 1;
        left: -56px;
        background-size: 100% 100%;
        width: 10%;
    }


    .video-col {
        height: initial;
    }

    .video-col video {
        display: block;
        width: 100%;
        overflow: hidden;
        height: initial;
    }

    .banner .banner-col {
        width: 100%;
        display: block;
    }

    .header .line-col-share {
        display: none;
    }

    .lunbo-col .swiper-button-next,
    .lunbo-col .swiper-button-prev {
        display: none;
    }

    .header .search-col.active .text-col {
        display: block;
    }

    .footer .left-moblie {
        padding: .5em 1em;
		font-size: .9em;
    }

    .footer .right-moblie {
        float: none;
        text-align: center;
        width: 100%;
    }

    .lunbo1 .swiper-container {
        width: 100%;
        height: 65%;
    }

    .hot-search {
        display: none;
    }

    .header .line-col {
        display: none;
    }

    .header .jia-jian {
        display: none;
    }

    .danwei-header .second-col .yuyan {
        display: none;
    }

    .header .menu .first:before {
        content: '+';
        position: absolute;
        right: 0;
        top: 5px;
        color: #999;
        font-size: 1em;
    }

    .header .menu .first.block:before {
        content: '-';
    }

    .header .menu .first.active .xiala-list {
        display: block;
        position: static;
        width: 100%;
        background: #e2e2e2;
        border: 0;
        border-top: 1px solid #cccccc;
    }

    .header .menu span .xiala-list .has-child .child-list {
        position: static;
        display: none;
        width: 100%;
        background: #e2e2e2;
    }

    /*.header .menu span .xiala-list .has-child:before {
        content: '+';
        position: absolute;
        right: 10px;
        top: 6px;
    }*/

    .header .menu span .xiala-list .has-child.active:before {
        content: '-';
    }

    .header .menu span .xiala-list .has-child:hover .child-list {
        display: none;
    }

    .header .menu span .xiala-list .has-child.active .child-list {
        display: block;
    }

    .home .hover-col {
        display: none;
    }

    .swiper-slide-img {
        width: 75%;
        box-shadow: 2px 2px 2px 2px #CCCCCC;
        background-size: 50%;
    }

    .swiper-slide-img img {
        width: 95%;
        height: auto;
        max-width: 95%;
        max-height: 215px;
    }

    .swiper-slide-date {
        /* font-size: .9em; */
        color: #444444;
        text-align: left;
        padding: 0 5%;
        word-break: break-all;
        background: #f1f1f1;
    }

    .swiper-slide-content {
        font-size: 1em;
        text-align: left;
        padding: 0 5%;
        word-break: break-all;
        overflow: hidden;
        height: 14%;
        line-height: 25px;
    }

    .swiper-slide-link {
        width: 95%;
        /* font-size: .9em; */
        text-align: left;
        padding-left: 5%;
        font-weight: bold;
        float: left;
        margin-top: 30px;
        height: 30px;
        padding-top: 3%;
        background: #F1f1f1;
    }

    .swiper-slide-link:hover {
        width: 90%;
        /* font-size: .9em; */
        text-align: left;
        padding-left: 5%;
        padding-top: 3%;
        font-weight: bold;
        float: left;
        margin-top: 30px;
        background: #008d8b;
        color: #FFF;
        padding-right: 5%;
        height: 30px;
    }

    /**********************************************************/

    .en-index-block-top {
        width: 100%;
        height: 75%;
        background-color: #FFF;
    }

    .en-index-block-top-left {
        width: 100%;
        height: 100%;
        float: left;
        text-align: left;
        word-break: break-all;
        display: block;
    }

    .en-index-block-top-right {
        width: 100%;
        float: left;
        height: 100%;
        text-align: center;
        display: block;
    }

    .en-index-block-img {
        width: 100%;
        height: 100%;
        margin-left: 0%;
    }

    .en-index-block-img-in {
        width: 60%;
        height: auto;
        margin: 20% 10% 10% 15%;
        position: relative;
        display: inline-block;
        top: 20px;
        left: -20px;
        right: 5px;
        word-break: keep-all;
        font-size: 1.2em;
        display: inline-block;
    }

    .en-index-block-img1-top {
        height: 5%;
    }

    .en-index-block-img1-table {
        width: 85%;
        margin: 0 10% 0 10%;
    }

    .en-index-block-img1-table tr:nth-of-type(2n+1) {
        width: 100%;
        background: #EFEFEF;
        text-align: center;
    }

    .en-index-block-img1-table tr:nth-of-type(2n) {
        width: 100%;
        text-align: center;
    }

    .en-index-block-img4 {
        margin: 20px 20% 0 35%;
        float: left;
        width: 30%;
    }

    .en-index-block-img2 {
        margin: 10px 10px 0 15%;
        float: left;
        width: 30%;
    }

    .en-index-block-img2-right {
        margin: 10px 10px 0 10%;
        float: left;
        width: 30%;
    }

    .en-index-block-word1 {
        margin: 10% 0 0 10%;
        height: 5%;
        font-size: 1em;
    }

    .en-index-block-word1-1 {
        margin: 3% 0 0 10%;
        height: 5%;
        font-size: 1em;
    }

    .en-index-block-word2 {
        margin: 15px 10% 0 10%;
        height: auto;
        font-size: 1.5em;
    }

    .en-index-block-word3 {
        margin: 15px 10% 10px 10%;
        font-size: 1em;
        word-break: break-all;
        overflow: hidden;
        height: 45%;
        line-height: 20px;
    }

    .en-index-block-word4 {
        margin: 15px 10% 0px 10%;
        font-size: 1em;
        word-break: break-all;
        overflow: hidden;
        height: 33%;
        text-align: left;
        line-height: 25px;
    }

    .en-index-block-word5 {
        margin: 10px 10% 10px 15%;
        height: 3%;
        font-size: 1em;
        text-align: left;
    }

    .en-index-block-word6 {
        margin: 10px 10% 10px 15%;
        height: 3%;
        font-size: 1em;
        font-weight: bold;
        text-align: left;
        color: #444444;
    }

    .en-index-block-mid {
        width: 100%;
        height: auto;
        background-color: #007B87;
    }

    .en-index-block-mid-left {
        width: 100%;
        height: 50%;
        float: left;
        background: url(../img/en-index_25.jpg);
        background-repeat: no-repeat;
        background-size: 170%;
        margin: 0;
    }

    .en-index-block-mid-right {
        width: 100%;
        float: left;
        background: #007B87;
        height: 65%;
        text-align: center;
    }

    /**********************************************************/

    .zixun-page-list1 .row-s1 {
        width: 50%;
        list-style-type: none;
        height: 40px;
        top: 10px;
        float: left;
        text-align: center;
        background-color: #FFF;
        top: -5px;
    }

    .zixun-page-list1 .row-s2 {
        width: 50%;
        list-style-type: none;
        height: 40px;
        top: 10px;
        float: left;
        text-align: center;
        background-color: #FFF;
        top: -5px;
    }

    .zixun-page-list1 .row-s3 {
        width: 50%;
        list-style-type: none;
        height: 40px;
        top: 10px;
        float: left;
        text-align: center;
        background-color: #f1f1f1;
        top: -5px;
    }

    .zixun-page-list1 .row-s4 {
        width: 50%;
        list-style-type: none;
        height: 40px;
        top: 10px;
        float: left;
        text-align: center;
        background-color: #f1f1f1;
        top: -5px;
    }

    .zixun-page-list1 .row-p1 {
        width: 100%;
        list-style-type: none;
        background-color: #FFF;
        line-height: 40px;
        font-weight: bold;
        float: left;
        text-align: center;
    }

    .zixun-page-list1 .row-p2 {
        width: 100%;
        list-style-type: none;
        background-color: #f1f1f1;
        line-height: 40px;
        font-weight: bold;
        float: left;
        text-align: center;
    }

    .zixun-page-list1 .row-p3 {
        width: 100%;
        list-style-type: none;
        background-color: #FFF;
        line-height: 40px;
        font-weight: bold;
        float: left;
        text-align: center;
    }

    .zixun-page-list1 .row-p4 {
        width: 100%;
        list-style-type: none;
        background-color: #f1f1f1;
        line-height: 40px;
        font-weight: bold;
        float: left;
        text-align: center;
    }

    /*********************************************************/
    .rightnavigation_content {
        margin-top: -10px;
    }

    .rightnavigation .rightnavigation_nav:before {
        display: none !important;
    }

    .content-col {
        background: #fff !important;
    }

    .banner-img {
        height: 120px;
    }

    .footer {
        height: auto;
        padding-top: 20px;
    }

    .footer .riqi .green-bg {
        box-sizing: border-box;
        width: 46%;
        margin: 2px 1%;
    }

    .footer .left .left span {
        display: block;
    }

    .zixun-page-list li {
        width: calc(100% / 2 - 1em);
    }

    .zixun-page-list li .top-col .img-col {
        overflow: hidden;
        height: 234px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .zixun-page-list li .top-col .img-col img {
        width: 100%;
        max-height: unset;
    }

    .zixun-page-list li .middle-col {
        width: 100%;
        height: 100%;
    }

    .danwei-bottom .img-list {
        margin-bottom: 20px;
    }

    .danwei-bottom {
        padding: 0 10px;
    }

    .danwei-intro .danwei-intro-list li img {
        /* width: 100%; */
        height: auto;
    }

    .danwei-bottom .bottom-img li {
        width: 46%;
        margin: 5px 2%;
    }

    .danwei-bottom .bottom-img li img {
        width: 100%;
        height: auto;
    }

    .danwei-bottom .img-list img {
        width: 100%;
        margin: 15px 0;
    }

    .danwei-bottom .bottom-img {
        margin-bottom: 18px;
    }

    .danwei-bottom .img-list .photo-content,
    .danwei-bottom .img-list .video-content {
        width: 100%;
        height: auto;
        margin-bottom: 10px;
    }

    .danwei-bottom .img-list .photo-content img,
    .danwei-bottom .img-list .video-content video {
        width: 100%;
        height: auto;
    }

    .danwei-header:before {
        display: none;
    }

    .header .top-col .fl {
        float: none;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        width: 100%;
        height: auto;
    }
	
	.header .top-search .fl {
        float: none;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        width: 100%;
        height: auto;
    }

    .header .search-icon-col {
        padding: 12px 7px;
        border-right: 1px solid #eee;
        display: none;
    }

    .header .search-icon-col img {
        margin: 0;
    }

    .header .top-col .font-col button {
        width: 24px;
        margin: 0 .15em;
        display: inline-block;
    }
	
	.header .top-search .font-col button {
        width: 24px;
        margin: 0 .15em;
        display: inline-block;
    }

    .header .search-col .input-col {
        position: static;
    }

    .header .top-col {
        /*height: auto;*/
    }

    .header .top-search {
        /*height: auto;*/
    }

    .header .search-col .input-col img {
        right: 20px;
        top: 18px;
    }

    .header .search-col .search-icon {
        left: 5px;
        top: -38px;
        display: block;
    }

    .header .search-col {
        width: 100%;
        background: #fff;
        z-index: 10000;
        padding: 10px 10px;
        box-sizing: border-box;
        border: 1px solid #eee;
        margin: 0;
        float: none;
    }

    .header .search-col .menu-col .logo {
        display: none;
    }

    .header .search-col.active {
        display: block;
    }

    .header .search-col .input-col input {
        width: 100%;
        display: block;
        border: 1px solid #eee;
        padding: 10px 10px;
        line-height: normal;
        height: auto;
    }

    .menu-col {
        background: #fff;
    }

    .menu-col .logo {
        display: block;
        width: 220px;
        padding: 16px 0 0 0;
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .menu-col .logo.logo02 {
        width: 240px;
    }

    .menu-col .danwei-menu {
        padding: 5px 5px;
        box-sizing: border-box;
    }

    .menu-col .search-col {
        display: none;
    }

    .menu-col .danwei-menu a {
        color: #333;
        padding: 5px 0;
    }

    .danwei-header .top-col {
        display: block;
        height: auto;
        text-align: left;
        line-height: 1;
        padding-right: 122px;
    }

    .danwei-header .second-col {
        /* display: none; */
        background: none;
    }

    .danwei-header .logo-frame {
        display: block;
        width: 100%;
        height: auto;
        padding: .1em 0 0 .1em;
        /*text-align: center;*/
    }

    .danwei-header .logo-frame:before,
    .danwei-header .logo-frame:after {
        display: none;
    }

    .danwei-header .second-col .header-group {
        /* display: none; */
    }

    .danwei-header .second-col .header-group-top {
        display: inline-block;
        width: auto;
        position: absolute;
        top: -76px;
        right: 77px;
    }

    .xiaoxi-col .left .bottom-more {
        display: block;
        border: 1px solid #333;
        padding: 6px 0;
        position: relative;
        text-align: center;
        font-size: 1em;
        cursor: pointer;
    }

    .xiaoxi-col .left .bottom-more img {
        position: absolute;
        right: 10px;
    }

    .xiaoxi-col {
        padding: 26px 10px;
    }

    .xiaoxi-col .left .title-col .more {
        display: none;
    }

    .xiaoxi-col .left {
        width: 100%;
        padding-bottom: 10px;
    }

    .xiaoxi-col .right {
        width: 100%;
    }

    .danwei-banner .news-list {
        padding: 15px 0;
    }

    .danwei-banner .news-list li {
        border: 0;
    }

    .danwei-banner .news-list li .title {
        width: 100%;
        padding: .5em 0;
    }


    body {
        min-width: 100%;
    }

    body.active {
        right: 200px;
    }

    .header .menu>a,
    .header .menu .first {
        display: block;
        margin: 0;
        padding: 5px 0;
        border-bottom: 1px solid #cccccc;
    }

    .header .menu>a:first-child,
    .header .menu .first:first-child {
        border-top: 1px solid #cccccc;
    }

    .header .menu a,
    .header .menu span {
        padding: 5px 10px;
        display: block;
    }

    .mw-top {
        width: 100% !important;
        padding: 1em;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .mw {
        width: 100% !important;
    }

    .login-form {
        right: 0;
    }

    .login-form .bg {
        width: 380px;
    }

    .banner .xin {
        display: none;
    }

    .home .de-mw {
        width: 100% !important;
        height: auto;
    }

    .home-middle {
        width: 100%;
        position: static;
        margin-left: 0;
        margin-top: 0;
    }

    .home-middle li {
        height: auto;
        width: 100%;
    }

    .header .menu span:hover .xiala-list {
        display: none;
    }

    .home-middle li .bg {
        width: 100%;
    }

    .home-middle li .bg1 {
        width: 100%;
    }

    .home-middle li .bottom-btn {
        display: none;
    }


    .home-middle li .bottom-bg {
        width: 100%;
        bottom: 0;
        position: absolute;
        left: 0;
        display: block;
    }

    .home-middle li .bottom-bg1 {
        width: 100%;
        bottom: 0;
        position: absolute;
        left: 10px;
        display: block;
    }

    .home-middle li:first-child .bg {
        display: none;
    }

    .home-middle .text {
        display: none;
    }

    .home-middle li .top-btn {
        width: 50%;
        position: static;
        padding: 15px 0 20px 0;
        display: block;
        margin: 0 auto;
    }

    .home-middle li .middle-btn {
        height: auto;
        left: 50%;
        width: 50%;
        margin-left: -25%;
    }

    .footer .left {
        padding: 0 1em;
        width: 100%;
    }

    .footer .right {
        display: none;
    }

    .footer .wenzi {
        padding-top: 10px;
        margin-top: 15px;
        width: 100%;
    }

    .footer .wenzi .fr {
        display: none;
    }

    .zhankai {
        display: none;
    }

    .huodong {
        background: #fff;
        padding: 10px 10px;
    }

    .huodong .table {
        border: 1px solid #31aba9;
        border-bottom: 0;
        padding: 0 !important;
        border-top: 0;
    }

    .huodong .table li {
        border-bottom: 1px solid #31aba9;
    }

    .huodong .table .cell2,
    .huodong .table .cell3,
    .huodong .table .cell4 {
        display: none;
    }

    .huodong .table .cell1 {
        width: 100%;
    }

    .huodong .tab span {
        border-radius: 0;
    }

    .huodong .table .table-header {
        display: none;
    }

    .huodong .tab {
        margin-bottom: 0;
        border-bottom: 1px solid #31aba9;
    }

    .huodong .table.table-body {
        border-bottom: 0;
    }

    .huodong .bottom {
        border: 1px solid #31aba9;
        border-top: 0;
        text-align: center;
        padding: 8px 0;
    }

    .huodong .bottom img {
        display: inline-block;
        height: 40px;
        vertical-align: middle;
    }

    .huodong .green-btn {
        position: static;
        display: inline-block;
        vertical-align: middle;
    }

    .lunbo .swiper-button-prev.swiper-button-white,
    .swiper-container-rtl .swiper-button-next.swiper-button-white {
        left: 0;
    }

    .lunbo1 .swiper-button-prev.swiper-button-white,
    .swiper-container-rtl .swiper-button-next.swiper-button-white {
        left: 0;
    }

    .lunbo .swiper-button-next.swiper-button-white,
    .swiper-container-rtl .swiper-button-prev.swiper-button-white {
        right: 0;
    }

    .lunbo1 .swiper-button-next.swiper-button-white,
    .swiper-container-rtl .swiper-button-prev.swiper-button-white {
        right: 0;
    }


    .yixun .left .right-col {
        width: 100%;
        padding-left: 30px;
        box-sizing: border-box;
        padding-right: 30px;
    }

    .yixun .left .right-col>div {
        border-bottom: 1px solid #31aba9;
        padding-bottom: 20px;
    }

    .yixun .left .top-col,
    .yixun .right .top-col {
        margin-bottom: 0;
    }

    .yixun .left,
    .yixun .right {
        width: 100%;
    }

    .yixun .left .left-col {
        width: 100%;
        text-align: center;
    }

    .yixun .left .title-col {
        margin-top: 30px;
    }

    .yixun .left input {
        display: block;
        width: 100%;
    }

    .yixun .left .child-col {
        padding: 0 10px;
        text-align: center;
    }

    .yixun .left .child-col button {
        margin-top: 20px;
        width: 48%;
        border-radius: 4px;
    }

    .yixun .left .top-col,
    .yixun .right .top-col {
        padding-bottom: 20px;
    }

    body.active .menu-list-col {
        height: 100%;
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: rgba(0, 0, 0, 0.5);
        z-index: 10000;
        display: none;
    }



    .menu-list-col {
        display: none;
    }


    body.active .menu-list-col {
        display: block;
    }

    .header .logo-link {
        display: inline-block;
    }

    .header .menu,
    body.active .themiddleof1 {
        padding: 40px 10px;
        position: fixed;
        right: 0;
        /*width:100%;*/
        width: 200px;
        top: 0;
        background: #e2e2e2;
        margin: 0;
        height: 100%;
        box-sizing: border-box;
        overflow: auto;
        text-align: center;
        display: block;
    }


    .header .menu .share {
        display: none;
    }

    .header .menu .share-span,
    .themiddleof1>.share-span {
        display: block;
    }



    body.active .menu-list-col .menu-close {
        display: inline-block;
        position: fixed;
        right: 0;
        top: 0;
        font-size: 2.778em !important;
        color: #666;
        padding: 0 5px 0 0;
        margin: 0;
        text-align: right;
        width: 50px;
        height: 50px;
        line-height: 100%;
    }

    .header .menu-list {
        display: block;
        position: absolute;
        right: 15px;
        /* top: 1em; */
        top: -3.1em;
        z-index: 100;
        background-image: url('../img/menu.jpg');
        width: 49px;
        height: 48px;
    }
	.header_main .menu-list {
        display: block;
        position: absolute;
        right: 15px;
        /* top: 1em; */
        top: .1em;
        z-index: 100;
        background-image: url('../img/menu.jpg');
        width: 49px;
        height: 48px;
    }

    .header .logo-right {
        display: none;
    }

    .header .left-text {
        display: none;
    }

    .search-col input {
        display: none;
    }

    .button-class2 {
        border: solid 1px #FFF;
        background-color: #000;
        color: #FFF;
        width: 27px;
        height: 27px;
        text-align: center;
    }

    .button-class1 {
        border: solid 1px #000;
        background-color: #FFF;
        color: #000;
        width: 25px;
        height: 25px;
        text-align: center;
    }

    .xunxi {
        padding: 0 10px;
    }

    .xunxi .mw {
        background: #e2e2e2;
    }

    .yuanhuan {
        width: 100%;
        padding: 30px 0 10px 0;
        display: none;
    }

    .yuanhuan li p {
        margin-bottom: 20px;
    }

    .yuanhuan li {
        width: 100%;
    }

    .xunxi .close-col {
        display: none;
    }

    .xunxi .tab-list {
        box-sizing: border-box;
        display: none;
    }

    .yuanhuan li img {
        bottom: 80px;
    }

    .xunxi .mobile-zixun {
        display: block;
        line-height: 65px;
        width: 100%;
        color: #fff;
        background: #01a1c5;
        position: relative;
        font-size: 1.2em;
        padding-left: 30px;
        box-sizing: border-box;
    }

    .xunxi .mobile-zixun .jian {
        display: none;
    }

    .xunxi .mobile-zixun.active .jian {
        display: block;
    }

    .xunxi .mobile-zixun.active .jia {
        display: none;
    }

    .xunxi .mobile-zixun img {
        position: absolute;
        right: 85px;
        top: 17px;
    }

    .xunxi .mobile-zixun a {
        display: block;
        width: 65px;
        height: 65px;
        border-left: 1px solid #fff;
        position: absolute;
        right: 0;
        top: 0;
        text-align: center;
        color: #fff;
    }

    .yuanhuan-col {
        display: block;
    }

    .video-col {
        width: 100%;
    }

    .zixun .left {
        width: 100%;
    }

    .zixun .left .bottom-col {
        margin-bottom: 50px;
    }

    .zixun .left {
        margin-top: 0;
    }

    .zixun .right {
        width: 100%;
    }

    .zixun .right .bottom-col {
        text-align: left;
    }

    .zixun .top-tab span {
        padding: 6px 0;
        font-size: 1em;
        width: 33%;
        text-align: center;
        text-align: center;
    }

    .zixun .top-tab .pc {
        display: none;
    }

    .zixun-list li .bottom {
        display: none;
    }

    .header .menu .share .zixun .second-top-tab {
        margin-top: 10px;
    }

    .zixun .top-tab .mobile {
        display: inline-block;
    }

    .zixun .mw {
        padding: 0 10px;
        box-sizing: border-box;
    }

    .zixun .wenti-list {
        display: block;
        box-sizing: border-box;
        border: 1px solid #eee;
        padding: 10px 10px;
    }

    .zixun .wenti-list li {
        width: 50%;
        float: left;
        font-size: 1em;
        color: #666;
        padding: 5px 8px;
        box-sizing: border-box;
    }

    .zixun .wenti-list li span {
        color: #31aba9;
        display: inline-block;
        margin-right: 4px;
    }

    .footer-logo {
        width: 200px;
    }

    .daohan {
        display: none;
    }

    .themiddleof2 {
        display: none;
    }

    .themiddleof {
        display: none;
    }

    .leftnavigation {
        display: none;
    }

    #d {
        display: none;
    }


    .content {
        margin: 0 auto;
        overflow: hidden !important;
        width: auto !important;
    }

    .content .leftnavigation {
        float: left;
        margin-right: 20px;
        margin-top: 52px;
    }

    .content .leftnavigation a {
        display: block;
        width: 168px;
        border-bottom: 1px solid #ececec;
        height: 48px;
        line-height: 48px;
        padding-left: 20px;
    }

    .content .rightnavigation {
        float: left;
        width: 100%;
        padding-left: 0;
    }

    .content .rightnavigation .rightnavigation_nav {
        /*padding: 3%;*/
        padding-left: 3%;
        padding-right: 3%;
    }

    .content .rightnavigation .rightnavigation_nav h3 {
        font-weight: bold;
        font-size: 1em;
    }

    .content .rightnavigation .rightnavigation_nav .rightnavigation_seach {
        margin-top: 23px !important;
        margin-bottom: 23px !important;
    }

    .content .rightnavigation .rightnavigation_nav .rightnavigation_seach input {
        width: 80%;
        margin-right: 2%;
        height: 43px;
        border: 1px solid #9c9c9c;
    }

    .content .rightnavigation .rightnavigation_nav .rightnavigation_seach .enquiries {
        margin-right: 20px;
        display: block;
        width: 117px;
        height: 43px;
        line-height: 43px;
        text-align: center;
        font-size: 1em;
        margin-top: 20px;
        color: #1d508d;
        border-radius: 5px;
        border: 1px solid #1d508d;
        display: inline-block;
    }

    /*.content .rightnavigation .rightnavigation_nav select {
                    width: 40%;
                    height: 34px;
                    border: 1px solid #9c9c9c;
                    border-radius: 5px;
                    margin-top: 10px;
                    margin-bottom: 20px;
                }*/

    .content .rightnavigation .rightnavigation_nav .select {
        border-top: 1px solid #dddddd;
    }

    .content .rightnavigation .rightnavigation_nav .rightnavigation_content .text {
        background-color: #007B87;
        height: 45px;
        width: 100%;
        display: inline-block;
    }

    .content .rightnavigation .rightnavigation_nav .rightnavigation_content .text h3 {
        line-height: 45px;
        color: #fff;
        padding-left: 30px;
    }

    .content .rightnavigation .rightnavigation_nav .rightnavigation_content .middle {
        padding: 0px;
    }

    .content .rightnavigation .rightnavigation_nav .rightnavigation_content .middle p {
        line-height: 26px;
    }

    .content .rightnavigation .rightnavigation_nav .rightnavigation_content .bottom {
        list-style: none;
    }

    #cx {
        text-align: center !important;
    }

    #g {
        float: none !important;
    }

    #cx {
        float: none !important;
    }

    .themiddleof .themiddleof1>span.has-child:hover .child-list {
        display: none;
    }

    .themiddleof .themiddleof1>a,
    .themiddleof .themiddleof1>span {
        color: #333;
        /* font-size: .9em; */
        line-height: normal;
    }

    .themiddleof .themiddleof1>a,
    .themiddleof .themiddleof1>span {
        display: block;
        margin: 0;
        padding: 5px 0;
        border-bottom: 1px solid #cccccc;
    }

    .themiddleof .themiddleof1>.menu-close {
        border: 0;
    }

    .themiddleof .themiddleof1>a:first-child,
    .themiddleof .themiddleof1>span:first-child {
        border-top: 1px solid #cccccc;
    }

    .themiddleof .themiddleof1 a,
    .themiddleof .themiddleof1 span {
        padding: 10px 10px;
        display: block;
        color: #333;
    }

    .themiddleof .themiddleof1>span>span>a {
        color: inherit;
    }

    .themiddleof .themiddleof1 .has-child {
        padding: 0;
    }

    .themiddleof .themiddleof1>span:hover:after,
    .themiddleof .themiddleof1>a:hover:after {
        display: none;
        border: 0;
        width: auto;
    }

    .themiddleof .themiddleof1>span:hover:before,
    .themiddleof .themiddleof1>a:hover:before {
        display: none;
        border: 0;
        width: auto;
    }

    .themiddleof .themiddleof1 .has-child:before,
    .themiddleof .themiddleof1>span.has-child:hover:before {
        content: '+' !important;
        display: block;
        position: absolute;
        right: 0;
        top: 5px;
        left: auto;
        color: #999;
        font-size: 1em;
    }

    .themiddleof .themiddleof1 .has-child.active:before,
    .themiddleof .themiddleof1>span.has-child.active:hover:before {
        content: '-' !important;
        display: block;
    }

    .themiddleof .themiddleof1>span.has-child .child-list {
        display: none;
        background: none;
        position: static;
    }

    .themiddleof .themiddleof1>span.has-child:hover .child-list {
        display: none;
    }

    .themiddleof .themiddleof1>span.has-child.active .child-list {
        display: block;
    }

    .themiddleof .themiddleof1>span.has-child .child-list a {
        color: #444;
        display: block;
        text-align: center;
        line-height: normal;
        padding: 6px 0;
        /* font-size: .9em; */
    }

    .themiddleof .themiddleof1>span.has-child .child-list a:hover {
        background: #007B87;
        color: #fff;
    }
}


@media (max-width:991px) {
    .danwei-header .menu-list {
        top: 18px;
        /*bottom: 26px;*/
    }
}

@media (max-width:767px) {
    .danwei-header .menu-list {
        /*bottom: 7px;
        width: 30px;*/
        /* top: 9px; */
        top: 59px;
    }

    .zixun-page-list li {
        width: 100%;
    }

    .danwei-header .top-col {
        padding-right: 0px;
    }

    .danwei-header .second-col .header-group-top {
        top: -67px;
        right: auto;
        left: 127px;
		display: none;
    }
}

/*輪播*/
.amazingslider-bullet-wrapper-1 {
    z-index: 50;
    min-height: 40px;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 991px) {
    .fb_iframe_widget span {
        width: 320px !important;
    }

    .fb_iframe_widget iframe {
        width: 320px !important;
    }
}

/*ERInfo*/

.emergency-notice-title {
    display: flex;
    align-items: center;
    background: #007B87;
    color: #fff;
    padding: 1em;
    box-sizing: border-box;
}

.emergency-notice-body {
    display: flex;
    padding: .5em;
    box-sizing: border-box;
    border: 1px solid #ececec;
}

.emergency-notice-body ul {
    box-sizing: border-box;
    width: 100%;
    list-style: decimal;
    padding-left: 2em;
    margin: 0;
}

.emergency-notice-body ul li {
    padding: .25em 0;
}

/* DrugsInfo */
.drugsinfo-reamarks {
    margin-top: 1em;
}

.drugsinfo-reamarks-title {
    padding: 1em;
    box-sizing: border-box;
    color: #fff;
    background: #007B87;
}

.drugsinfo-reamarks-body {
    padding: 1em;
    box-sizing: border-box;
    list-style: decimal;
    padding-left: 2.5em;
    border: 1px solid #ececec;
}

.drugsinfo-reamarks-body li {
    line-height: 1.5;
    padding: .25em 0;
}

.druginfo-group {
    display: flex;
    flex-wrap: wrap;
    margin-top: 2em;
}

@media (max-width:991px) {
    .druginfo-group {
        padding: 1em;
        flex-direction: column;
    }
}

@media print {
    .druginfo-group {
        width: 85%;
        flex-direction: unset;
    }
}

.druginfo-group-out {
    width: calc(33.33333% - 1em);
    margin: 2em .5em;
}

@media (min-width:992px) and (max-width:1220px) {
    .druginfo-group-out {
        width: calc(50% - 1em);
    }
}

@media (max-width:991px) {
    .druginfo-group-out {
        width: 100%;
        margin: 2em 0;
    }
}

@media print {
    .druginfo-group-out {
        width: calc(50% - 1em);
        margin: 2em .5em 2.5em .5em;
    }
}


.druginfo-group-number {
    position: relative;
    background: #fff;
    border: 1px solid #e2e2e2;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding: .5em 2em;
    flex-direction: column;
    box-sizing: border-box;
    height: 12%;
    min-height: 105px;
    width: 100%;
}

.druginfo-group-number .druginfo-group-title {
    color: #555;
    font-size: 1em;
}

.druginfo-group-number .druginfo-group-word {
    color: #222;
    font-size: 1.8em;
}

.druginfo-group-windows {
    position: absolute;
    background: #00a1c4;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .2);
    left: 4%;
    top: -35%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: .5em;
    height: 90px;
    width: 90px;
}

.druginfo-group-windows .druginfo-group-title {
    color: #fff;
    font-size: 1em;
    position: absolute;
    bottom: 5px;
    left: 5px;
}

.druginfo-group-windows .druginfo-group-word {
    color: #fff;
    font-size: 1.8em;
    padding-bottom: .5em;
}

/*通用*/
/*clear*/
.clearfix {
    clear: both;
    content: "";
}

/*引用、轉寄、列印*/
.func-images {
    /*display: flex;
    justify-content: flex-end;
    align-items: center;
    min-width: 310px;
    width: 30%;*/
    display: block;
    flex-shrink: 0;
}

.func-images>* {
    display: inline-block;
}

@media (max-width:991px) {
    .func-images {
        /* text-align: center; */
        /* width: 100%; */
        display: flex;
        flex-shrink: 0;
    }

    .func-forward {
        display: none;
    }

    .func-print {
        text-indent: -9999px;
        position: relative;
        width: 40px;
    }

    .func-print img {
        position: absolute;
        left: 9px;
        top: 7px;
    }
}

@media (max-width:767px) {
    .func-images {
        /* justify-content: flex-start;
padding-top: .5em;
width: 100%; */
        /* text-align: center; */
        /* text-align: left; */
    }
}

.func-reference,
.func-forward,
.func-print {
    /*min-width: 65px;
    min-height: 25px;*/
    border-radius: 5px;
    color: #fff;
    /*display: flex;
    justify-content: center;
    align-items: center;*/
    margin: 0 .25em;
    cursor: pointer;
    padding: 2px .5em;
    box-sizing: border-box;
    /*text-align: center;*/
}

@media (max-width:767px) {

    .func-reference,
    .func-forward,
    .func-print {
        /* display: block; */
        margin-bottom: 0.25em;
    }
}

.func-reference img,
.func-forward img,
.func-print img {
    margin-left: .1em;
}

.func-reference {
    background: #6e757c;
}

.func-forward {
    background: #40727d;
}

.func-print {
    background: #005e75;
}

.renew_click {
    line-height: 1.5;
    font-size: 1em;
}

.newContent {
    padding-top: 10px;
    padding-bottom: 10px;
}

/*日期*/
.pic-tit {
    display: flex;
    align-items: center;
}

.title-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media (max-width:991px) {
    .title-group {
        flex-direction: column;
    }
}

.title-groupin {
    display: flex;
    align-items: center;
}

@media (max-width:991px) {
    .title-groupin {
        flex-direction: column;
    }
}

.title-group .top-text {
    top: 0;
}

@media (max-width:991px) {
    .title-group .top-text {
        margin: 0;
        left: 0;
    }
}

.title-group .pic-tit {
    top: 0;
}

@media (max-width:991px) {
    .title-group .pic-tit {
        left: 0;
    }
}

/*BedStatus*/
.bed-status-remarks {
    margin-top: 1em;
}

.bed-status-remarks .bed-status-sp {
    background: #007B87;
    color: #fff;
    padding: 1em;
    box-sizing: border-box;
    display: flex;
}

.bed-status-remarks ul {
    padding: 1em;
    width: 100%;
    margin: 0;
    box-sizing: border-box;
    border: 1px solid #ececec;
}

.bed-status-remarks li {
    margin: .25em 0;
}

/*OutpatientProcess2*/
.outpatient-process-remarks {
    margin-top: 1em;
}

.outpatient-process-remarks .outpatient-process-remarks-title {
    background: #007B87;
    color: #fff;
    padding: 1em;
    box-sizing: border-box;
    display: flex;
}

.outpatient-process-remarks .outpatient-process-remarks-ul01 {
    padding: 1em;
    width: 100%;
    margin: 0;
    box-sizing: border-box;
    border: 1px solid #ececec;
}

.outpatient-process-remarks li {
    margin: .25em 0;
}

.outpatient-process-remarks .outpatient-process-remarks-ul02 {
    padding-left: 1.5em;
}

/*政府公開資訊opendata*/
.green-btn-group {
    display: flex;
    flex-wrap: wrap;
}

.green-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    border: 2px solid #007B87;
    color: #007B87;
    font-size: 1.5em;
    background: none;
    width: calc(33% - 1em);
    margin: .5em;
    box-sizing: border-box;
}

@media(max-width:991px) {
    .green-btn {
        width: 100%;
        font-size: 1em;
    }
}

.green-btn:hover {
    background: #007B87;
}

/*ParkingInfo*/

.insideparking-info {
    margin-top: 1em;
    padding: 1em 5em;
    box-sizing: border-box;
    background: #f1f1f1;
    display: flex;
    flex-wrap: wrap;
}

@media (max-width:991px) {
    .insideparking-info {
        padding: 1em;
    }
}

.insideparking-info-group {
    position: relative;
    box-sizing: border-box;
    padding: 2em .5em .5em .5em;
    background: #fff;
    border: 1px solid #e2e2e2;
    width: calc(50% - 2em);
    margin: 3em 1em 1em 1em;
    border-radius: 4px;
}

@media (max-width:991px) {
    .insideparking-info-group {
        width: 100%;
        margin: 3em 0 1em 0;
    }
}

.insideparking-info-group-picon {
    border-radius: 99em;
    box-sizing: border-box;
    position: absolute;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    background: #007B87;
    left: 0;
    right: 0;
    margin: auto;
    font-weight: bold;
    font-size: 2.25em;
    top: -.8em;
    box-shadow: 0 3px 15px rgba(0, 0, 0, .3);
}

.insideparking-info-group-title {
    color: #007B87;
    font-size: 1.25em;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .5em;
}

.insideparking-info-group-line {
    width: 100%;
    height: 1px;
    background: #cccccc;
}

.insideparking-info-group-number {
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .5em;
    color: #90045f;
    font-weight: bold;
    font-size: 4em;
}

.insideparking-info-group-numberall {
    color: #ff6005;
    font-weight: normal;
    font-size: 2em;
    padding: 1.7em;
}

.insideparking-info-group-word {
    /* font-size: 1.125em; */
    color: #555555;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}

.insideparking-info-group-bottom {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.insideparking-info-remarks {
    margin-top: .5em;
}

.insideparking-info-remarks-title {
    background: #007B87;
    color: #fff;
    padding: .5em;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.25em;
}

.insideparking-info-remarks-body {
    border: 1px solid #ececec;
    padding: 1em;
    box-sizing: border-box;
}

.insideparking-info-remarks-body ul {
    padding-left: 2em;
    box-sizing: border-box;
    list-style: decimal;
    margin: 0;
    width: 100%;
}

/*CourtyardMap*/
.courtyardmap-build-group {
    display: flex;
}

@media (max-width: 991px) {
    .courtyardmap-build-group {
        flex-direction: column;
    }
}

.courtyardmap-build-left,
.courtyardmap-build-right {
    width: 50%;
    padding: .5em 1em;
    box-sizing: border-box;
}

@media (max-width: 991px) {

    .courtyardmap-build-left,
    .courtyardmap-build-right {
        width: 100%;
    }
}

.courtyardmap-build-title {
    font-size: 1.3em;
    color: #007B87;
    margin-bottom: .5em;
    display: flex;
    align-items: center;
}

.courtyardmap-build-title img {
    margin-right: .5em;
}

.courtyardmap-build-body {
    /* font-size: 1.125em; */
    color: #444;
    margin-bottom: 1em;
}

/*ShuttleBusTimeTable*/
.bustime-btn {
    position: relative;
    overflow: hidden;
}

.bustime-btn:after {
    content: "";
    position: absolute;
    width: 50px;
    border-radius: 5px;
    height: 90%;
    left: -48px;
    background: #007B87;
    top: 0;
    bottom: 0;
    margin: auto;
}

.bustime-btn:hover:after {
    background: #fff;
}

.bustime-now {
    display: flex;
    align-items: center;
    margin-bottom: 1em;
    /* font-size: 1.125em; */
    color: #222;
}

.bustime-now img {
    margin-right: .5em;
}

.bustime-now span {
    color: #007B87;
}

.bustime-word {
    margin-bottom: .5em;
    color: #444;
    /* font-size: 1.125em; */
}

.btstime-morebtn {
    font-size: 1em;
    color: #007B87;
    background: none;
    border: 2px solid #007B87;
    padding: .5em 1em;
}

.btstime-morebtn i {
    color: #007B87;
    margin-right: .5em;
}

.btstime-morebtn:hover {
    background: #007B87;
    color: #fff;
}

.btstime-morebtn:hover i {
    color: #fff;
}

/*內頁關鍵字搜尋*/

.themiddleof2 #search-box #___gcse_0 {
    width: 100%;
}

.themiddleof2 #search-box #___gcse_0 form {
    margin: 0;
}

.themiddleof2 #search-box #___gcse_0 table {
    margin: 0;
}

.themiddleof2 #search-box #___gcse_0 tr:nth-of-type(2n+1) {
    height: 35px;
}

/*徵才訊息*/
.recruit-frame-title,
.recruit-frame-title02 {
    display: flex;
    align-items: center;
    font-size: 1.425em;
    font-weight: bold;
    color: #fff;
    background: #007B87;
    padding: .5em 1em;
    box-sizing: border-box;
    flex-wrap: wrap;
}

.recruit-frame-title02 {
    justify-content: space-between;
}

@media (max-width:991px) {
    .recruit-frame-title02 {
        padding: .5em;
    }
}

.recruit-frame-left {
    display: flex;
    align-items: center;
}

.recruit-frame-title .icon-edit,
.recruit-frame-title02 .icon-edit {
    margin-right: .5em;
}

.recruit-frame-right {
    font-size: .8em;
    font-weight: normal;
}

.recruit-group {
    display: flex;
    color: #444;
    /* font-size: 1.125em; */
}

@media (max-width:991px) {
    .recruit-group {
        flex-direction: column;
    }
}

.recruit-group:nth-child(2n) {
    background: #f1f1f1;
}

@media (max-width:991px) {
    .recruit-group:nth-child(2n) {
        background: none;
    }
}


.recruit-title {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 10%;
    padding: .7em;
    box-sizing: border-box;
}

@media (max-width:991px) {
    .recruit-title {
        width: 100%;
        justify-content: flex-start;
        padding: .5em;
        background: #f1f1f1;
    }
}

.recruit-body {
    display: flex;
    align-items: center;
    width: 40%;
    padding: 1em;
    box-sizing: border-box;
    word-break: break-all;
}

@media (max-width:991px) {
    .recruit-body {
        width: 100%;
        padding: 1em .5em;
    }
}

.btn-recruit-add {
    margin-left: .5em;
}

.toto-sign {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    min-width: 170px;
    min-height: 45px;
    border: 2px solid #007B87;
    color: #007B87;
    background: #fff;
    font-size: 1em;
}

.toto-sign .red-text {
    color: #dc2a2a;
}

/*AcademicEventQuery 學術活動報名查詢*/
.class-data-search-group {
    display: flex;
    color: #444;
    border-bottom: 1px solid #ddd;
    flex-wrap: wrap;
}

.class-data-search-grid {
    display: flex;
    align-items: center;
    padding: 1em;
    box-sizing: border-box;
    width: 33.33333%;
}

@media (max-width:991px) {
    .class-data-search-grid {
        width: 100%;
        padding: .5em;
    }
}

.class-data-search-title {
    background: #f1f1f1;
    justify-content: flex-end;
}

@media (max-width:991px) {
    .class-data-search-title {
        justify-content: flex-start;
    }
}

.class-data-search-grid label {
    margin: 0;
}


.class-data-search-input {
    min-height: 34px;
    height: auto;
    padding: .5em;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #9c9c9c;
    width: 100%;
}

.class-data-search-message {
    color: #d7123d;
}

@media (max-width:991px) {
    .class-data-search-message {
        width: 100%;
    }
}


.class-data-search .btn-submit button {
    border: 2px solid #1B4782;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.3em;
    color: #1b4782;
    min-height: 45px;
    min-width: 120px;
    padding: .5em 3em .5em 1em;
    box-sizing: border-box;
    cursor: pointer;
    background: url('../img/gongneng/gongneng_07.png') no-repeat;
    background-position: 85% center;
    margin: 1em auto;
}

.class-data-search .btn-submit button:hover {
    background: #1b4782 url('../img/gongneng/gongneng_07_hover.png') no-repeat;
    background-position: 85% center;
    color: #fff;
}

@media (max-width:991px) {
    .class-data-search-form {
        margin-top: 10px;
    }
}

/*SearchAdv-分類檢索(進階查詢)*/
.searchadv-group {
    display: flex;
    align-items: stretch;
    justify-content: center;
    color: #444;
    border-bottom: 1px solid #ddd;
    flex-wrap: wrap;
}

.searchadv-grid {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 1em;
    box-sizing: border-box;
    width: calc(100% - 285px);
}

@media (max-width:991px) {
    .searchadv-grid {
        padding: .5em;
        width: 100%;
    }
}

@media (max-width:767px) {
    .searchadv-grid {
        justify-content: center;
    }
}

.searchadv-title {
    background: #f1f1f1;
    justify-content: flex-end;
    width: 285px;
}

@media (max-width:991px) {
    .searchadv-title {
        justify-content: flex-start;
        width: 100%;
    }
}

.searchadv-grid-in {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    box-sizing: border-box;
    padding: .25em 0;
}

@media (max-width:767px) {
    .searchadv-grid-in {
        width: 100%;
    }
}

.searchadv-input {
    height: auto;
    min-height: 34px;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #9c9c9c;
    width: 100%;
    margin: 0 .5em .5em 0;
}

@media (max-width:767px) {
    .searchadv-input {
        width: 100% !important;
    }
}

.searchadv-select {
    margin: 0 .5em .5em 0;
}

@media (max-width:767px) {
    .searchadv-select {
        width: 100% !important;
    }
}

.searchadv-dash {
    margin: 0 .5em .5em 0;
}

@media (max-width:767px) {
    .searchadv-dash {
        transform: rotate(90deg);
    }
}

.searchadv-btn-choose,
.searchadv-btn-clear {
    color: white;
    width: 100px;
    line-height: 34px;
    border-radius: 4px;
    font-size: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    margin: 0 .5em .5em 0;
}

.searchadv-btn-choose {
    background: #0070b2;
}

.searchadv-btn-clear {
    background: #6e757d;
}

.searchadv-btn-submit button {
    border: 2px solid #1B4782;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    /* font-size: 1.1em; */
    color: #1b4782;
    height: 45px;
    width: 120px;
    padding: 0 2em 0 .5em;
    box-sizing: border-box;
    cursor: pointer;
    background: url('../img/gongneng/gongneng_07.png') no-repeat;
    background-position: 85% center;
    margin: 1em auto;
}

.searchadv-btn-submit button:hover {
    background: #1b4782 url('../img/gongneng/gongneng_07_hover.png') no-repeat;
    background-position: 85% center;
    color: #fff;
}

.searchadv-btn-clean {
    margin: 0 0 0 1em;
}

.searchadv-btn-clean button {
    border: 2px solid #6e757d;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    /* font-size: 1.1em; */
    color: #6e757d;
    height: 45px;
    width: 120px;
    padding: 0;
    box-sizing: border-box;
    cursor: pointer;
    margin: 1em auto;
    background: #fff;
}

.searchadv-btn-clean button:hover {
    color: #fff;
    background: #6e757d;
}

.searchadv-content table thead tr {
    background: #007b87;
    color: #fff;
}

.searchadv-content table thead tr td {
    vertical-align: middle;
    border: 0;
}

/*datepicker*/
.ui-datepicker {
    background: #fff;
    box-shadow: 0px 0px 7px rgba(0, 0, 0, .5);
    border-radius: 8px;
    overflow: hidden;
    z-index: 100 !important;
}

.ui-datepicker-header {
    display: flex;
    align-items: center;
    padding: .5em;
}

.ui-datepicker-prev,
.ui-datepicker-next {
    background: #005e75;
    color: #fff;
    padding: .25em .5em;
    margin-right: .25em;
    border-radius: 5px;
}

.ui-datepicker-title {
    margin-left: 1em;
}

.ui-datepicker-calendar th {
    font-weight: normal;
}

/*ApplyForm-就醫資料申請*/
.fill-warning {
    margin: 1em 0;
}

.apply-form .apply-form-group {
    display: flex;
    color: #222;
    /* font-size: 1.125em; */
    border-bottom: 1px solid #ddd;
}

@media (max-width:991px) {
    .apply-form .apply-form-group {
        flex-direction: column;
    }
}

.apply-form .apply-form-group:first-child {
    border-top: 1px solid #ddd;
}

.apply-form .apply-form-group-title {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    background: #f1f1f1;
    width: 20%;
    min-width: 145px;
    padding: .5em;
    text-align: right;
    word-break: break-all;
}

.apply-form .apply-form-group-title label {
    margin: 0;
}

@media (max-width:991px) {
    .apply-form .apply-form-group-title {
        width: 100%;
        justify-content: flex-start;
    }
}

.apply-form .apply-form-group-title label {
    font-weight: normal;
}

.apply-form .apply-form-group-body {
    display: flex;
    align-items: center;
    width: 83%;
    padding: .5em;
    flex-wrap: wrap;
}

@media (max-width:991px) {
    .apply-form .apply-form-group-body {
        width: 100%;
        flex-direction: column;
    }
}

.apply-form .apply-form-group-body .pretty-select {
    background: url(../img/icon-arrowdown02.png) no-repeat 97% center transparent;
    float: none;
    height: 34px;
    border-radius: 4px;
    border: 1px solid #9c9c9c;
    padding: 0 2em 0 .5em;
}

.apply-form .apply-form-group-body.radio-btns {
    flex-direction: column;
    align-items: flex-start;
}

.apply-form .apply-form-group-body.radio-btns-line {
    align-items: flex-start;
}

.radio-btns-group {
    display: flex;
    align-items: center;
}

.apply-form-radio-attach {
    display: flex;
    align-items: center;
}

.apply-form-radio-attach .gap {
    color: #40727d;
    text-decoration: underline;
    margin-left: 1em;
    cursor: pointer;
}

.apply-form-radio-attach .attach {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #40727d;
    border-radius: 4px;
    padding: .25em .5em;
    box-sizing: border-box;
    color: #fff;
    margin-left: .5em;
    cursor: pointer;
}

@media (max-width:991px) {
    .apply-form-radio-attach .attach {
        min-width: 75px;
    }
}


.apply-form-radio-attach .attach img {
    margin-left: .5em;
}


.apply-form .apply-form-group-body.code .apply-form-group-body-bottom {
    display: flex;
    width: 100%;
}

.apply-form .apply-form-group-body input {
    height: 34px;
    border-radius: 4px;
    border: 1px solid #9c9c9c;
    padding: 0 .5em;
    width: 100%;
    margin: 0;
}

.apply-form .apply-form-group-body textarea {
    border-radius: 4px;
    border: 1px solid #9c9c9c;
    padding: .5em;
    width: 100%;
    /*height: 200px;*/
    margin: 0;
}

.apply-form .apply-form-group-body input.require-upload {
    height: auto;
    margin-top: 1em;
}

.apply-form .apply-form-group-body .upload-limit {
    display: flex;
    align-items: center;
    color: #826404;
    border-radius: 15px;
    background: #f8f7d8;
    padding: .5em 1em;
    width: 100%;
}

.apply-form .btn-group {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1em 0 0 0;
}

.apply-form .btn-message {
    border: 2px solid #1b4782;
    color: #1b4782;
    background: #fff;
    padding: .5em 1em;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    /* font-size: 1.1em; */
    box-sizing: border-box;
    cursor: pointer;
}

.apply-form .btn-message:hover {
    background: #1b4782;
    color: #fff;
}

/* The container */
.apply-form-radio {
    position: relative;
    padding-left: 35px;
    margin-bottom: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: flex;
    align-items: center;
    min-height: 34px;
    margin: .25em 1em .25em 0;
}

@media (max-width:991px) {
    .apply-form-radio {
        min-width: 75px;
    }
}

/* Hide the browser's default radio button */
.apply-form-radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    border: 1px solid #9c9c9c;
    cursor: pointer;
}

/* On mouse-over, add a grey background color */
.apply-form-radio:hover input~.checkmark {
    border: 2px solid #007B87;
}

.apply-form-radio input:focus~.checkmark {
    outline-width: 3px;
    outline-style: dashed;
    outline-color: #e9d0a1;
}

/* When the radio button is checked, add a blue background */
.apply-form-radio input:checked~.checkmark {
    border: 1px solid #007B87;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.apply-form-radio input:checked~.checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.apply-form-radio .checkmark:after {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #007B87;
}

.agreeWrap {
    display: flex;
    align-items: center;
}

.agreeWrap a {
    color: #007B87;
    text-decoration: underline;
}

/* The container */
.agree-check {
    position: relative;
    margin-bottom: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: flex;
    align-items: center;
    min-height: 34px;
    padding-left: 35px;
}

/* Hide the browser's default radio button */
.agree-check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.checkmark-checkbox {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    height: 25px;
    width: 25px;
    border-radius: 5px;
    border: 1px solid #9c9c9c;
}

/* On mouse-over, add a grey background color */
.agree-check:hover input~.checkmark-checkbox {
    border: 2px solid #007B87;
}

.agree-check input:focus~.checkmark-checkbox {
    outline-width: 3px;
    outline-style: dashed;
    outline-color: #e9d0a1;
}

/* When the radio button is checked, add a blue background */
.agree-check input:checked~.checkmark-checkbox {
    border: 1px solid #007B87;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark-checkbox:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.agree-check input:checked~.checkmark-checkbox:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.agree-check .checkmark-checkbox:after {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 15px;
    height: 15px;
    border-radius: 5px;
    background: #007B87;
}

/*門診看診進度-字體調整*/
.rightnavigation .rightnavigation_nav.op-fz .rightnavigation_nav_top .rightnavigation_nav_top_title {
    font-size: 2.2em;
}

.op-fz .zixun-page-list1 .row-p1 {
    font-size: 1.3em;
}

@media (max-width:991px) {
    .op-fz .zixun-page-list1 .row-p1 {
        font-size: 1.2em;
    }
}

.op-fz .zixun-page-list1 li {
    font-size: 1.3em;
}

@media (max-width:991px) {
    .op-fz .zixun-page-list1 li {
        /* font-size: 1.1em; */
    }
}

.op-fz .row-i th {
    font-size: 1.3em;
}

.op-fz .row-i td {
    font-size: 1.3em;
}

.op-fz .outpatient-process-remarks-title {
    font-size: 1.3em;
}

.op-fz .outpatient-process-remarks-ul01 {
    font-size: 1.3em;
}

@media (max-width:991px) {
    .layout-head {
        display: flex;
        align-items: center;
    }

    .layout-head #search-box {
        /* display: flex;
                align-items: center;*/
        height: auto;
        padding: .5em;
        background: 0;
        margin: 0;
        /* width: 70%;*/
        width: calc(100% - 158px - 49px);
        display: inline-block;
    }

    .layout-head #search-box #___gcse_0 {
        width: 100%;
    }

    .layout-head table.gsc-search-box {
        margin: 0;
    }

    .layout-head .gsc-search-box-tools .gsc-search-box .gsc-input {
        padding: 0;
    }

    .layout-head #search-box #___gcse_0 tbody {
        display: table;
        padding: initial;
        width: 100%;
    }

    .layout-head #search-box #___gcse_0 td {
        border: none;
        padding-left: unset;
        line-height: initial;
        overflow: initial;
        display: table-cell;
        padding: 6px;
    }

    .layout-head #search-box #___gcse_0 td:before {
        display: none;
    }

    .layout-head #search-box #___gcse_0 tr {
        background: none;
        margin-bottom: 0;
        height: 50px;
    }
}

@media (max-width:767px) {
    .layout-head {
        display: block;
    }

    .layout-head #search-box {
        width: 100%;
    }

    .layout-head #search-box #___gcse_0 tr {
        height: 40px;
    }

    .layout-head #search-box #___gcse_0 td {
        padding: 0;
    }

    .layout-head #search-box #___gcse_0 .gsib_a {
        padding: 0 .5em;
    }

    .layout-head #search-box #___gcse_0 .gsc-search-button {
        padding: 0 .5em;
    }

    .layout-head #search-box #___gcse_0 .gsc-clear-button {
        display: none;
    }
}

/*AcademicEventRegistration 學術活動訊息*/
.apply-form .apply-form-group-body.aer-adress {
    flex-direction: column;
    align-items: flex-start;
}

.aer-adress-select {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.aer-adress-select select {
    border-radius: 4px;
    height: 34px;
    margin-right: .5em;
    border: 1px solid #9c9c9c;
    background: none;
}

.aer-adress-input {
    margin-top: .5em;
    width: 100%;
}

.aer-adress-input label {
    height: 0;
}

.aer-meal .apply-form-group-body.radio-btns {
    flex-direction: row;
}

/*徵才訊息*/
.recruit-search {
    display: block;
    padding: 1em 0;
}

.recruit-search .recruit-search-group {
    display: flex;
    align-items: center;
    font-size: 1em;
    color: #222;
}

@media (max-width:991px) {
    .recruit-search .recruit-search-group {
        /* flex-wrap: wrap; */
    }
}

.recruit-search .recruit-search-label {
    min-width: 100px;
    display: flex;
    align-items: center;
    font-weight: normal;
    margin: 0;
    /* white-space: nowrap; */
}

@media (max-width:991px) {
    .recruit-search .recruit-search-label {
        /* width: 100%; */
        padding: .5em;
    }
}

@media (max-width:320px) {
    .recruit-search .recruit-search-label {
        display: none;
    }
}

.recruit-search .recruit-search-input {
    padding: .5em;
    display: flex;
    justify-content: center;
    height: 45px;
    border: 1px solid #9c9c9c;
    border-radius: 5px;
    margin: 0 .5em;
}

@media (max-width:991px) {
    .recruit-search .recruit-search-input {
        width: calc(60% - 1em);
    }
}


.recruit-search .recruit-search-btn {
    color: #007B87;
    border-radius: 5px;
    border: 2px solid #007B87;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .5em 2.5em .25em 1em;
    background: url("../img/icon-search.png") no-repeat;
    background-position: 85% center;
    height: 45px;
    letter-spacing: 5px;
    text-indent: 5px;
    white-space: nowrap;
}

@media (max-width:991px) {
    .recruit-search .recruit-search-btn {
        /* width: 40%; */
    }
}

.recruit-search .recruit-search-btn:hover {
    background: #007B87 url("../img/icon-search-hover.png") no-repeat;
    background-position: 85% center;
    color: #fff;
}

/*影片專區內頁*/
.pre-video {
    width: 100%;
}

.video-frame {
    display: flex;
    flex-wrap: wrap;
}

.video-frame li {
    width: calc(33.33333% - 1em);
    margin: 0 .5em;
    padding: .5em;
    float: none;
}

@media (max-width:991px) {
    .video-frame li {
        width: calc(50% - 1em);
    }
}

.video-frame li .middle-col {
    width: 100%;
    height: 100%;
    padding-top: initial;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.video-frame li .movieItem:hover .middle-col {
    display: flex !important;
}

.video-infogroup {
    display: flex;
    align-items: center;
}

.video-infos {
    padding: 1em 0;
}

.zixun-page-list li .movieItem a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

/*內頁header*/
.logo-frame {
    /*display: flex;*/
    position: relative;
    width: 30%;
    /* align-items: center; */
    /*padding-right: 1em;*/
    margin: 0;
    float: left;
    height: 114px;
    padding-top: 21px;
    /* padding-right: 78px; */
}

.logo-frame:after {
    content: "";
    width: 100%;
    background: #fff;
    transform: skew(-34deg);
    position: absolute;
    height: 100%;
    left: 0%;
    box-shadow: 23px 0 20px rgba(0, 0, 0, .2);
    top: 0;
}

.logo-frame:before {
    content: "";
    width: 100%;
    background: #fff;
    position: absolute;
    height: 100%;
    left: -50%;
    top: 0;
}

.logo-frame a {
    z-index: 2;
}

@media screen and (min-width: 992px) and (max-width: 1220px) {
    .logo-frame:after {
        left: -17%;
    }
}
.logo-frame a.covid19 {
        display: none;
}


/*最後時間&點閱*/
.last-time {
    font-size: 1em;
    line-height: 1.5;
}

/*首長信箱-寄送步驟*/
.mail-step {
    background: url("../img/bg-step.png");
    height: 54px;
    width: 584px;
    margin: 3em auto 5em auto;
    display: flex;
    align-items: center;
    position: relative;
}

@media (max-width:767px) {
    .mail-step {
        width: 300px;
        height: auto;
        flex-wrap: wrap;
        background: none;
        margin: 1em;
    }
	.logo-frame a.logo{
		padding-right: .1em;
	}
	.logo-frame a.covid19 {
        display: inline-block;
        /*align-items: center;
        justify-content: center;
        margin-right: .2em;*/
    }
}

.mail-step-grid {
    width: 25%;
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    top: 20%;
    z-index: 1;
}

@media (max-width:767px) {
    .mail-step-grid {
        position: relative;
        flex-direction: row;
        width: 100%;
        left: 0 !important;
        top: 0;
        margin: 1em 0;
        min-height: 40px;
    }
}

.mail-step-grid .step-circle {
    border-radius: 99em;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff linear-gradient(to top, rgba(0, 0, 0, .1), rgba(255, 255, 255, .1));
    box-shadow: 0 2px 4px rgba(0, 0, 0, .4);
    width: 30px;
    height: 30px;
    font-size: 1.2em;
    color: #828282;
    font-weight: bold;
    z-index: 3;
}

.mail-step-grid .step-word {
    /* font-size: 1.1em; */
    margin-top: 1.5em;
    color: #222;
}

@media (max-width:767px) {
    .mail-step-grid .step-word {
        margin: 0 0 0 1em;
    }
}

.mail-step-grid:after {
    content: "";
    border-radius: 99em;
    background: #eff3f3;
    width: 42.5px;
    height: 42.5px;
    position: absolute;
    top: -6px;
    left: 52px;
    z-index: 2;
}

@media (max-width:767px) {
    .mail-step-grid:after {
        left: -2%;
        top: -1px;
    }
}

.mail-step-grid.step-active:after {
    background: #007B87;
}

.mail-step-grid1 {
    left: -8%;
}

.mail-step-grid2 {
    left: 22.5%;
}

.mail-step-grid3 {
    left: 52.8%;
}

.mail-step-grid4 {
    left: 83%;
}

.mail-line {
    height: 7px;
    width: 25%;
    background: #eff3f3;
    position: relative;
}

@media (max-width:767px) {
    .mail-line {
        height: 15%;
        width: 5px;
        position: absolute;
        left: 4.5% !important;
    }
}

.mail-line.mail-line-active {
    background: #007B87;
}

.mail-line1 {
    left: 7.5%;
}

@media (max-width:767px) {
    .mail-line1 {
        top: 17.5%;
    }
}

.mail-line2 {
    left: 12.5%;
}

@media (max-width:767px) {
    .mail-line2 {
        top: 42.5%;
    }
}


.mail-line3 {
    left: 18%;
}

@media (max-width:767px) {
    .mail-line3 {
        top: 67.5%;
    }
}

/*寫信給院長*/
.btn-mail-to {
    width: 280px;
    height: 60px;
    margin: auto;
    border-radius: 5px;
    border: 2px solid #007B87;
    padding: .5em 1em;
    color: #007B87;
    display: flex;
    align-items: center;
    justify-content: center;
    /* font-size: 1.1em; */
    font-weight: bold;
    background: url('../img/icon-write.png') no-repeat 85% center;
    text-indent: -2em;
}

.btn-mail-to:hover {
    background: #007B87 url('../img/icon-write-hover.png') no-repeat 85% center;
    color: #fff;
}

/*寫信給院長-第一步驟*/

.mail-to-frame .mail-to-description-title {
    font-size: 1.34em;
}

.mail-to-frame .mail-to-description-in {
    margin: 0;
    list-style-type: decimal;
    padding-left: 1.5em;
}

.mail-to-frame .mail-to-description-in li {
    padding: 1em 0;
}

.mail-to-frame .mail-to-description-text {
    padding: 1em 0;
}

.mail-next {
    width: 140px;
    height: 45px;
    margin: auto;
    border-radius: 5px;
    border: 2px solid #007B87;
    padding: .5em 1em;
    color: #007B87;
    display: flex;
    align-items: center;
    justify-content: center;
    /* font-size: 1.1em; */
    font-weight: bold;
}

.mail-next:hover {
    background: #007B87;
    color: #fff;
}

/*寫信給院長-第二步驟*/

.mail-to-frame .mail-to-catefory-title {
    font-size: 1.34em;
    padding-left: .5em;
}

.mail-to-frame .mail-to-catefory-frame {
    display: flex;
    flex-wrap: wrap;
}

.mail-to-frame .mail-to-catefory-grid {
    width: calc(33.33333% - 1em);
    margin: .5em;
    border: 1px solid #e2e2e2;
    font-size: 1.5em;
    color: #333;
    padding: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

@media (max-width:767px) {
    .mail-to-frame .mail-to-catefory-grid {
        width: calc(50% - 1em);
    }
}

.mail-to-frame .mail-to-catefory-grid:hover {
    background: #007B87;
    color: #fff;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, .15);
}

/*寫信給院長-第四步驟*/
.mail-to-frame .mail-to-success {
    /* font-size: 1.1em; */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.mail-to-frame .mail-to-success .mail-to-success-word {
    margin: 3em 0;
}

.mail-to-frame .mail-to-success .mail-to-back {
    width: 140px;
    height: 45px;
    margin: auto;
    border-radius: 5px;
    border: 2px solid #007B87;
    padding: .5em 1em;
    color: #007B87;
    display: flex;
    align-items: center;
    justify-content: center;
    /* font-size: 1.1em; */
    font-weight: bold;
}

.mail-to-frame .mail-to-success .mail-to-back:hover {
    background: #007B87;
    color: #fff;
}

/*FAQ*/
.question-group {
    display: flex;
    align-items: center;
    margin-bottom: 1em;
}

@media(max-width:767px) {
    .question-group {
        flex-wrap: wrap;
    }
}

.question-group .question-key {
    display: flex;
    align-items: center;
}

@media(max-width:767px) {
    .question-group .question-key {
        width: 100%;
        margin: 0 0 .5em 0;
    }
}

.question-group .question-key input {
    border: 1px solid #9c9c9c;
    border-radius: 5px;
    margin-right: .5em;
    height: 34px;
    padding: 0 .5em;
}

@media(max-width:767px) {
    .question-group .question-key input {
        width: calc(100% - 66px);
    }
}

.question-group .question-key label {
    min-width: 66px;
    margin: 0 .5em 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
}

.question-group .question-select {
    margin-right: .5em;
}

@media(max-width:767px) {
    .question-group .question-select {
        width: 100%;
        margin: 0 0 .5em 0;
    }
}

.question-group .questionSearch {
    margin: 0 .5em 0 0;
    display: flex;
    align-items: center;
    height: auto;
}

@media(max-width:767px) {
    .question-group .questionSearch {
        margin: auto;
    }
}


.question-group .questionSearch div {
    background-position: 80% center;
}

@media (max-width:991px) {
    .question-group .questionSearch div {
        margin: 0;
    }
}

select::-ms-expand {
    display: none;
}

/*交通指南*/
.traffic-subtitle {
    font-size: 1.3em;
    margin: 1em 0 .5em 0;
    font-weight: bold;
    font-family: 微軟正黑體;
}

/*時間顏色*/
.org {
    color: #F60;
}

/*訂閱電子報*/
.edm-subscribe-frame {
    padding: .5em 0;
}

.edm-subscribe {
    display: flex;
    align-items: center;
    padding-top: .25em;
}

.edm-subscribe .sub-input {
    display: flex;
    align-items: stretch;
    position: relative;
    width: 100%;
}

@media (max-width:767px) {
    .edm-subscribe .sub-input {
        flex-wrap: wrap;
    }
}

.edm-subscribe .sub-input input {
    border: 1px solid #005e75;
    border-radius: 5px;
    height: 45px;
    padding-right: 130px;
    width: calc(100% - 120px - .5em);
}

@media (max-width:767px) {
    .edm-subscribe .sub-input input {
        width: 100%;
        margin-bottom: .25em;
        padding: 0 .25em;
    }
}


.edm-subscribe .btn-sub,
.edm-subscribe .btn-dissub {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 45px;
    border-radius: 5px;
    color: #fff;
}

.edm-subscribe .btn-sub {
    background: #005e75;
    position: absolute;
    right: 135px;
    top: 0;
    bottom: 0;
    margin: auto;
}

@media (max-width:767px) {
    .edm-subscribe .btn-sub {
        position: static;
        margin-right: .25em;
        width: calc(50% - .25em);
    }
}


.edm-subscribe .btn-sub:hover {
    background: #40727d;
}

.edm-subscribe .btn-sub img {
    padding-left: .5em;
}

.edm-subscribe .btn-dissub {
    background: #6e757c;
    margin-left: 15px;
}

@media (max-width:767px) {
    .edm-subscribe .btn-dissub {
        margin-left: .25em;
        width: calc(50% - .25em);
    }
}

.edm-subscribe .btn-dissub:hover {
    background: #53585d;
}

/*問卷調查*/
.fill-form-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #007B87;
    color: #fff;
    padding: .5em 1em;
}

.fill-form-title .fill-form-title-left {
    display: flex;
    align-items: center;
}

.fill-form-title .fill-form-title-left img {
    margin-right: .5em;
}

.fill-form-warning {
    display: flex;
    align-items: center;
    border-radius: 5px;
    background: #fae3e3;
    color: #721c24;
    padding: 1em;
    margin: 1em auto;
    width: 90%;
}

.fill-form-warning .fill-form-warning-left img {
    margin-right: 1em;
}

.fill-form-warning .fill-form-warning-right {
    text-align: justify;
    word-break: break-all;
}

.fill-form-warning .fill-form-warning-right a {
    color: #721c24;
}

.fill-form-warning .fill-form-warning-right a:hover {
    color: #017574;
}

.fill-form-warning .fill-form-warning-right .important {
    font-weight: bold;
}

.survey-module .survey-module-title {
    padding: .25em 1em;
}

.survey-module .survey-module-description {
    padding: .25em 1em;
}

.survey-module .survey-question-group {
    border-bottom: 1px solid #ddd;
    padding: 1em;
}

.survey-module .survey-question-group label {
    font-weight: normal;
}

.survey-module .survey-question-group input {
    height: 34px;
    border-radius: 4px;
    border: 1px solid #9c9c9c;
    padding: 0 .5em;
    width: 100%;
    margin: 0;
    box-shadow: none;
}

.survey-module .survey-question-group textarea {
    border-radius: 4px;
    border: 1px solid #9c9c9c;
    padding: 0 .5em;
    width: 100%;
    margin: 0;
    box-shadow: none;
}

.survey-module .survey-question-group .checkbox-group {
    display: flex;
    align-items: center;
}

/*問卷調查 - 按鈕*/
.btn-question-detail {
    border: 1px solid #007B87 !important;
    background: #fff;
    border-radius: 5px;
    padding: 0 .5em;
}

.btn-question-detail:hover {
    background: #007B87;
    color: #fff;
}


/*樓層介紹 - 查詢*/
.floor-intro {
    display: flex;
    align-items: center;
    margin-bottom: .5em;
}

@media (max-width:768px) {
    .floor-intro {
        flex-wrap: wrap;
        margin-bottom: 0;
    }
}

.floor-intro .floor-intro-input {
    height: 34px;
    border-radius: 4px;
    border: 1px solid #9c9c9c;
    padding: 0 .5em;
    width: 100%;
    margin: 0;
}

@media (max-width:768px) {
    .floor-intro .floor-intro-input {
        margin-bottom: .5em;
    }
}

.floor-intro .floor-intro-label {
    min-width: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    line-height: initial;
    flex: 1;
}

@media (max-width:768px) {
    .floor-intro .floor-intro-label {
        justify-content: flex-start;
        margin-bottom: .25em;
    }
}

.floor-intro .agreeWrap {
    margin: 0 1em 0 0;
}

@media (max-width:991px) {
    .floor-intro .agreeWrap {
        width: auto;
    }
}

@media (max-width:768px) {
    .floor-intro .agreeWrap {
        width: calc(50% - 1em);
    }
}


.floor-intro .floor-intro-search {
    background: #0070b2;
    color: white;
    width: 100px;
    line-height: 34px;
    border-radius: 4px;
    font-size: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    margin: 0 .5em 0 0;
}

.floor-intro .floor-intro-clear {
    background: #6e757d;
    color: #FFF;
    width: 100px;
    line-height: 34px;
    border-radius: 4px;
    font-size: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
}

.floor-display {
    margin: .5em 0 0 0;
}

.floor-display .floor-display-title-group {
    display: flex;
    align-items: center;
}

.floor-display .floor-display-grid {
    display: flex;
    padding: 1em .5em;
    align-items: center;
}

.floor-display .floor-display-grid:nth-child(1) {
    width: 20%;
    justify-content: center;
    min-width: 75px;
}

.floor-display .floor-display-grid:nth-child(2) {
    width: 10%;
    justify-content: center;
    min-width: 75px;
}

.floor-display .floor-display-grid:nth-child(3) {
    width: 70%;
}

.floor-display .floor-display-title-group .floor-display-grid {
    background: #007B87;
    color: #fff;
    justify-content: center;
    padding: .5em;
}

.floor-display .floor-display-body-group .floor-display-body-line {
    display: flex;
    align-items: center;
}

@media (max-width:767px) {
    .floor-display .floor-display-body-group .floor-display-grid {
        flex-wrap: wrap;
    }
}

.floor-display .floor-display-body-group .floor-display-body-line:nth-child(2n) {
    background: #efefef;
}

.floor-display .floor-display-body-group .floor-display-grid .floor-display-img {
    margin: 0 0 0 .5em;
}

/*醫師個人簡介*/
.doctor-info-title {
    display: flex;
    align-items: center;
    background: #007B87;
    color: #fff;
    font-weight: bold;
    padding: 1em;
    margin-top: 1em;
}

.doctor-info-title img {
    padding-right: .5em;
}

.doctor-info-group {
    display: flex;
    align-items: stretch;
    border-bottom: 1px solid #ccc;
}

.doctor-info-grid-left {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 1em;
    background: #f1f1f1;
    width: 25%;
    min-width: 100px;
}

@media (max-width:767px) {
    .doctor-info-grid-left {
        min-width: unset;
        justify-content: center;
    }
}

.doctor-info-grid-right {
    display: flex;
    align-items: center;
    padding: 1em;
    width: 75%;
    word-break: break-all;
    white-space: pre-line;
}

/*單位模板02*/
.unittemplate02-frame02 {
    background: #f1f1f1;
}

.unittemplate02-frame02 .de-mw {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.unittemplate02-frame02 .unittemplate02-group {
    display: flex;
    width: 1200px;
    margin: auto;
    padding: 3em 0;
}

@media (min-width:992px) and (max-width:1199px) {
    .unittemplate02-frame02 .unittemplate02-group {
        width: 992px;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .unittemplate02-frame02 .unittemplate02-group {
        width: 768px;
    }
}

@media (max-width:767px) {
    .unittemplate02-frame02 .unittemplate02-group {
        width: 100%;
        flex-direction: column;
        padding: 3em 1em;
    }
}

.unittemplate02-frame02 .unittemplate02-group li {
    width: calc(25% - 1em);
    margin: 0 .5em;
}

@media (max-width:767px) {
    .unittemplate02-frame02 .unittemplate02-group li {
        width: 100%;
        margin: .5em 0;
    }
}

.unittemplate02-frame02 .unittemplate02-group li .unittemplate02-img {
    width: 100%;
    height: 120px;
    overflow: hidden;
    margin: 0 0 1em 0;
    border-radius: 5px;
}

.unittemplate02-frame02 .unittemplate02-group li .unittemplate02-title {
    display: flex;
    align-items: center;
    font-size: 1.333em;
    color: #222;
    margin-bottom: .5em;
}

.unittemplate02-frame02 .unittemplate02-group li .unittemplate02-title img {
    margin-right: .5em;
}

.unittemplate02-frame02 .unittemplate02-group li .unittemplate02-link {
    display: flex;
    flex-direction: column;
}

.unittemplate02-frame02 .unittemplate02-group li .unittemplate02-link a {
    display: flex;
    align-items: center;
    margin-bottom: .25em;
}

.unittemplate02-frame03 .unittemplate02-group {
    display: flex;
    justify-content: center;
    max-width: 1200px;
    margin: auto;
    padding: 3em 0;
}

@media (min-width:992px) and (max-width:1199px) {
    .unittemplate02-frame03 .unittemplate02-group {
        width: 992px;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .unittemplate02-frame03 .unittemplate02-group {
        width: 768px;
    }
}

@media (max-width:767px) {
    .unittemplate02-frame03 .unittemplate02-group {
        width: 100%;
        flex-direction: column;
        padding: 3em 1em;
    }
}

.unittemplate02-frame03 .unittemplate02-left {
    display: flex;
    /* flex-wrap: wrap; */
    justify-content: center;
    width: 70%;
}

@media (max-width:767px) {
    .unittemplate02-frame03 .unittemplate02-left {
        flex-direction: column;
        width: 100%;
    }
}

.unittemplate02-frame03 .unittemplate02-left .unittemplate02-left-in {
    width: 50%;
    padding: 0 .5em;
    /* width: min-content; */
}

@media (max-width:767px) {
    .unittemplate02-frame03 .unittemplate02-left .unittemplate02-left-in {
        width: 100%;
        padding: 0 .5em;
        /* margin: 0 .5em; */
    }
}

.unittemplate02-img>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.unittemplate02-frame03 .unittemplate02-left .unittemplate02-left-in .unittemplate02-img {
    /* width: 100%; */
    height: 168px;
    overflow: hidden;
    margin: 0 0 1em 0;
}

.unittemplate02-frame03 .unittemplate02-left .unittemplate02-left-in .unittemplate02-link {
    display: flex;
    flex-direction: column;
    margin: 5px 0;

}

.unittemplate02-frame03 .unittemplate02-left .unittemplate02-left-in .unittemplate02-link a {
    display: flex;
    align-items: center;
    /* margin-bottom: .25em; */
    padding: 4px 0;
    color: #222;
}

.unittemplate02-frame03 .unittemplate02-right {
    display: flex;
    flex-direction: column;
    width: 30%;
    padding: 0 1em;
}

@media (max-width:767px) {
    .unittemplate02-frame03 .unittemplate02-right {
        width: 100%;
        padding: 0;
    }
}

.unittemplate02-frame03 .unittemplate02-right .unittemplate02-link {
    width: 100%;
    height: 95px;
    display: flex;
    overflow: hidden;
    margin-bottom: .5em;
}

@media screen and (max-width: 991px) {
    .unittemplate02-frame01 .xiaoxi-col .left .bottom-more {
        display: none;
    }
}

/*單位模板03*/
.unittemplate03 {
    background: #fff;
}

.unittemplate03 .unittemplate03-content {
    width: 1170px;
    margin: auto;
    padding: 1em 0;
    display: flex;
}

@media (min-width:992px) and (max-width:1199px) {
    .unittemplate03 .unittemplate03-content {
        width: 992px;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .unittemplate03 .unittemplate03-content {
        width: 768px;
    }
}

@media (max-width:767px) {
    .unittemplate03 .unittemplate03-content {
        width: 100%;
        flex-direction: column;
        padding: 1em;
    }
}

.unittemplate03 .unittemplate03-content .unittemplate03-content-left {
    width: calc(23% - 1.5em);
    margin-right: 1.5em;
}

@media (max-width:767px) {
    .unittemplate03 .unittemplate03-content .unittemplate03-content-left {
        width: 100%;
        margin: 0 0 1em 0;
    }
}

.unittemplate03 .unittemplate03-content .unittemplate03-content-left .column01 {
    margin-bottom: 1em;
}

.unittemplate03 .unittemplate03-content .unittemplate03-content-left .column01 .column01-img {
    width: 100%;
    height: 170px;
    overflow: hidden;
}

.unittemplate03 .unittemplate03-content .unittemplate03-content-left .column01 .column01-title {
    /* font-size: 0.889em; */
    color: #222;
}

.unittemplate03 .unittemplate03-content .unittemplate03-content-left .column02 {
    display: flex;
    flex-direction: column;
    margin-bottom: 1em;
}

.unittemplate03 .unittemplate03-content .unittemplate03-content-left .column02 .column02-link {
    width: 100%;
    height: 87px;
    overflow: hidden;
    border: 1px solid #b4d9d9;
    margin-bottom: .5em;
}

.unittemplate03 .unittemplate03-content .unittemplate03-content-left .column03 .column03-title {
    color: #333;
    /* font-size: 1.111em; */
    padding-bottom: .5em;
}

.unittemplate03 .unittemplate03-content .unittemplate03-content-left .column03 .column03-line {
    background: #ddd;
    position: relative;
    height: 1px;
    width: 100%;
    margin-bottom: 1em;
}

.unittemplate03 .unittemplate03-content .unittemplate03-content-left .column03 .column03-line:after {
    background: #007B87;
    position: absolute;
    content: "";
    height: 1px;
    width: 40px;
    left: 0;
    top: 0;
}

.unittemplate03 .unittemplate03-content .unittemplate03-content-left .column03 .column03-link {
    display: flex;
    flex-direction: column;
    margin-bottom: 1em;
}

.unittemplate03 .unittemplate03-content .unittemplate03-content-left .column03 .column03-link a {
    display: flex;
    align-items: center;
    margin-bottom: .25em;
}

.unittemplate03 .unittemplate03-content .unittemplate03-content-right {
    width: calc(77% - 3em);
    margin-left: 3em;
}

@media (max-width:767px) {
    .unittemplate03 .unittemplate03-content .unittemplate03-content-right {
        width: 100%;
        margin: 0 0 1em 0;
    }
}

.unittemplate03 .unittemplate03-content .unittemplate03-content-right .column-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding: 0 0 .5em 1em;
    border-bottom: 1px solid #ddd;
}

.unittemplate03 .unittemplate03-content .unittemplate03-content-right .column-title:after {
    content: "";
    position: absolute;
    width: 4px;
    height: 50%;
    left: 0;
    top: .5em;
    background: #007B87;
}

.unittemplate03 .unittemplate03-content .unittemplate03-content-right .column-more {
    width: 170px;
    height: 45px;
    border-radius: 5px;
    background: #007B87;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1em;
}

.unittemplate03 .unittemplate03-content .unittemplate03-content-right .column-more img {
    margin-left: .5em;
}

.unittemplate03 .unittemplate03-content .unittemplate03-content-right .column01 .zixun-tab span {
    cursor: pointer;
    min-height: 40px;
    min-width: calc(20% - .5em);
    margin: .25em;
    border: 1px solid #9c9c9c;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.unittemplate03 .unittemplate03-content .unittemplate03-content-right .column01 .scroll-all {
    margin-bottom: 1em;
}

.unittemplate03 .unittemplate03-content .unittemplate03-content-right .column01 .scroll-list {
    border-bottom: 1px dotted #888;
    padding: .5em;
}

@media (max-width:767px) {
    .unittemplate03 .unittemplate03-content .unittemplate03-content-right .column01 .scroll-list {
        display: flex;
    }
}

.unittemplate03 .unittemplate03-content .unittemplate03-content-right .column01 .scroll-all .column-more {
    margin-top: 1em;
    cursor: pointer;
}

.unittemplate03 .unittemplate03-content .unittemplate03-content-right .column02 {
    display: flex;
    flex-wrap: wrap;
}

@media (max-width:767px) {
    .unittemplate03 .unittemplate03-content .unittemplate03-content-right .column02 {
        padding: 1em;
    }
}

.unittemplate03 .unittemplate03-content .unittemplate03-content-right .column02 .column02-in {
    width: calc(50% - 1em);
    margin: 0 0 1em 0;
}

@media (max-width:767px) {
    .unittemplate03 .unittemplate03-content .unittemplate03-content-right .column02 .column02-in {
        width: 100%;
    }
}

.unittemplate03 .unittemplate03-content .unittemplate03-content-right .column02 .column02-in:nth-child(2n) {
    margin-left: 1em;
}

@media (max-width:767px) {
    .unittemplate03 .unittemplate03-content .unittemplate03-content-right .column02 .column02-in:nth-child(2n) {
        margin-left: 0;
    }
}


.unittemplate03 .unittemplate03-content .unittemplate03-content-right .column02 .column02-in:nth-child(2n-1) {
    margin-right: 1em;
}

@media (max-width:767px) {
    .unittemplate03 .unittemplate03-content .unittemplate03-content-right .column02 .column02-in:nth-child(2n-1) {
        margin-left: 0;
    }
}

.unittemplate03 .unittemplate03-content .unittemplate03-content-right .column02 .column02-in .column02-title {
    position: relative;
    font-weight: bold;
    font-size: 1.333em;
    color: #222;
    padding: 0 0 0 .5em;
    margin: 0 0 1em 0;
}

.unittemplate03 .unittemplate03-content .unittemplate03-content-right .column02 .column02-in .column02-title:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: #007B87;
    width: 4px;
    height: 100%;
}

.unittemplate03 .unittemplate03-content .unittemplate03-content-right .column02 .column02-in .column02-img {
    width: 100%;
    height: 165px;
    overflow: hidden;
    margin-bottom: 1em;
}

.unittemplate03 .unittemplate03-content .unittemplate03-content-right .column02 .column02-in .column02-link {
    display: flex;
    flex-direction: column;
}

.unittemplate03 .unittemplate03-content .unittemplate03-content-right .column02 .column02-in .column02-link a {
    display: flex;
    align-items: center;
    margin-bottom: .5em;
}

/*單位模板04*/
.unittemplate04 .unittemplate04-content .column01 .column01-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #222;
}

@media (max-width:767px) {
    .unittemplate04 .unittemplate04-content .column01 .column01-title {
        flex-direction: column;
    }
}

.unittemplate04 .unittemplate04-content .column01 .column01-title .column01-left {
    font-size: 1.333em;
    font-weight: bold;
}

.unittemplate04 .unittemplate04-content .column01 .column01-title .column01-right {
    /* font-size: 0.833em; */
    display: flex;
    align-items: center;
}

.unittemplate04 .unittemplate04-content .column01 .column01-title .column01-right span {
    margin-right: 1em;
    display: flex;
    align-items: center;
}

.unittemplate04 .unittemplate04-content .column01 .column01-title .column01-right img {
    margin-right: .5em;
}

.unittemplate04 .unittemplate04-content .column01 .column01-img {
    border-radius: 5px;
    width: 100%;
    height: 390px;
    overflow: hidden;
    margin: 1em 0;
}

.unittemplate04 .unittemplate04-content .column02 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.unittemplate04 .unittemplate04-content .column02 .column02-title {
    font-size: 1.333em;
    font-weight: bold;
}

.unittemplate04 .unittemplate04-content .column02 .column02-more {
    width: 170px;
    height: 45px;
    border-radius: 5px;
    background: #007B87;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1em;
}

.unittemplate04 .unittemplate04-content .column02 .column02-more img {
    margin-left: .5em;
}

.unittemplate04 .unittemplate04-content .column03 .zixun-tab span {
    cursor: pointer;
    min-height: 40px;
    min-width: calc(20% - .5em);
    margin: .25em;
    border: 1px solid #9c9c9c;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.unittemplate04 .unittemplate04-content .column03 .scroll-all {
    margin-bottom: 1em;
    overflow: auto;
    /*height: 220px;*/
}

.unittemplate04 .unittemplate04-content .column03 .scroll-list {
    border-bottom: 1px dotted #888;
    padding: .5em;
}

.unittemplate04 .unittemplate04-content .column03 .scroll-list a {
    display: flex;
    justify-content: space-between;
}


.unittemplate04 .unittemplate04-content .column04 {
    display: flex;
    width: 100%;
}

@media (max-width:767px) {
    .unittemplate04 .unittemplate04-content .column04 {
        flex-direction: column;
    }
	
	.unittemplate04 .unittemplate04-content .column03 .zixun-tab span {
		min-width: calc(20% - .2em);
		margin: .1em;
	}
}

.unittemplate04 .unittemplate04-content .column04 .column04-in {
    width: calc(50% - 1em);
    position: relative;
    text-align: center;
    width: 50%;
}

@media (max-width:767px) {
    .unittemplate04 .unittemplate04-content .column04 .column04-in {
        width: 100%;
    }
}

.unittemplate04 .unittemplate04-content .column04 .column04-in:nth-child(2n) {
    margin-left: 1em;
}

@media (max-width:767px) {
    .unittemplate04 .unittemplate04-content .column04 .column04-in:nth-child(2n) {
        margin-left: 0;
    }
}

.unittemplate04 .unittemplate04-content .column04 .column04-in:nth-child(2n-1) {
    margin-right: 1em;
}

@media (max-width:767px) {
    .unittemplate04 .unittemplate04-content .column04 .column04-in:nth-child(2n-1) {
        margin-right: 0;
        margin-bottom: 1em;
    }
}

.unittemplate04 .unittemplate04-content .column04 .column04-in::before {
    content: ' ';
    position: absolute;
    width: 98%;
    height: 3px;
    left: 0;
    top: 0;
    background: #007B87;
    text-align: center;
}

.unittemplate04 .unittemplate04-content .column04 .column04-in .column04-title {
    color: #222;
    font-size: 1.333em;
    /* margin-bottom: .5em; */
    margin: .5em 0;
}

.unittemplate04 .unittemplate04-content .column04 .column04-in .column04-link {
    display: flex;
    flex-wrap: wrap;
}

.unittemplate04 .unittemplate04-content .column04 .column04-in .column04-link a,
.unittemplate04 .unittemplate04-content .column04 .column04-in .column04-link>span {
    display: flex;
    align-items: center;
    margin-bottom: .5em;
    width: 50%;
    padding: 0 .5em;
    text-align: left;
}

/*單位模板05*/
.unittemplate05 .unittemplate05-content .column01 {
    display: flex;
    align-items: stretch;
    margin-bottom: 3em;
}

@media (max-width:767px) {
    .unittemplate05 .unittemplate05-content .column01 {
        flex-wrap: wrap;
    }
}

.unittemplate05 .unittemplate05-content .column01 .column01-in {
    background: #fff;
    width: calc(25% - 1em);
    margin-right: 1em;
    box-shadow: 0 0 5px rgba(107, 107, 107, .1);
}

@media (max-width:767px) {
    .unittemplate05 .unittemplate05-content .column01 .column01-in {
        width: 100%;
        margin: 0 0 1em 0;
    }
}

.unittemplate05 .unittemplate05-content .column01 .column01-in .column01-title {
    height: 200px;
    color: #fff;
    /* font-size: 1.111em; */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    position: relative;
}

.unittemplate05 .unittemplate05-content .column01 .column01-in .column01-title::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent transparent #fff transparent;
    border-style: solid;
    border-width: 0 15px 10px 15px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.unittemplate05 .unittemplate05-content .column01 .column01-in .column01-title img {
    margin-bottom: .5em;
    height: 135px;
}

.unittemplate05 .unittemplate05-content .column01 .column01-in .column01-link {
    padding: .5em 0 0 0;
}

.unittemplate05 .unittemplate05-content .column01 .column01-in .column01-link a {
    border-bottom: 1px solid #e6e6e6;
    padding: .5em 1em;
    display: flex;
    align-items: center;
}

.unittemplate05 .unittemplate05-content .column01 .column01-in .column01-link a .here-c {
    border: 0;
    width: 7px;
    height: 7px;
    flex-shrink: 0;
}

.unittemplate05 .unittemplate05-content .column01 .column01-in01 {
    border-bottom: 2px solid #06b7bf;
}

.unittemplate05 .unittemplate05-content .column01 .column01-in01 .column01-title {
    background: #06b7bf;
}

.unittemplate05 .unittemplate05-content .column01 .column01-in01 .column01-link a .here-c {
    background: #06b7bf;
}

.unittemplate05 .unittemplate05-content .column01 .column01-in02 {
    border-bottom: 2px solid #6ea748;
}

.unittemplate05 .unittemplate05-content .column01 .column01-in02 .column01-title {
    background: #6ea748;
}

.unittemplate05 .unittemplate05-content .column01 .column01-in02 .column01-link a .here-c {
    background: #6ea748;
}

.unittemplate05 .unittemplate05-content .column01 .column01-in03 {
    border-bottom: 2px solid #085078;
}

.unittemplate05 .unittemplate05-content .column01 .column01-in03 .column01-title {
    background: #085078;
}

.unittemplate05 .unittemplate05-content .column01 .column01-in03 .column01-link a .here-c {
    background: #085078;
}

.unittemplate05 .unittemplate05-content .column01 .column01-in04 {
    border-bottom: 2px solid #0d8ab6;
}

.unittemplate05 .unittemplate05-content .column01 .column01-in04 .column01-title {
    background: #0d8ab6;
}

.unittemplate05 .unittemplate05-content .column01 .column01-in04 .column01-link a .here-c {
    background: #0d8ab6;
}

.unittemplate05 .unittemplate05-content .column02 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.unittemplate05 .unittemplate05-content .column02 .column02-more {
    width: 170px;
    height: 45px;
    border-radius: 5px;
    background: #007B87;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1em;
}

.unittemplate05 .unittemplate05-content .column02 .column02-more img {
    margin-left: .5em;
}

.unittemplate05 .unittemplate05-content .column02 .column02-title {
    position: relative;
    font-weight: bold;
    font-size: 1.333em;
    color: #222;
    padding: 0 0 0 .5em;
    width: 100%;
    display: flex;
}

.unittemplate05 .unittemplate05-content .column02 .column02-title:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: #007B87;
    width: 4px;
    height: 100%;
}

.unittemplate05 .unittemplate05-content .column02 .column02-title:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -.5em;
    background: #ddd;
    height: 1px;
    width: 100%;
}

.unittemplate05 .unittemplate05-content .column03 {
    padding-top: 1.5em;
}

.unittemplate05 .unittemplate05-content .column03 .scroll-all {
    margin-bottom: 1em;
    overflow: auto;
    height: 220px;
}

.unittemplate05 .unittemplate05-content .column03 .scroll-list {
    border-bottom: 1px dotted #888;
    padding: .5em;
}

.unittemplate05 .unittemplate05-content .column03 .scroll-list a {
    display: flex;
    justify-content: space-between;
}


/*單位模板06*/
@media (max-width:991px) {
    .unittemplate06 .unittemplate06-content {
        padding: 0 1em;
    }
}

.unittemplate06 .unittemplate06-content .column01 {
    display: flex;
}

@media (max-width:767px) {
    .unittemplate06 .unittemplate06-content .column01 {
        flex-direction: column;
    }
}

.unittemplate06 .unittemplate06-content .column01 .column01-left {
    width: 60%;
    padding: 0 1em 0 0;
}

@media (max-width:767px) {
    .unittemplate06 .unittemplate06-content .column01 .column01-left {
        width: 100%;
        padding: 0;
        margin-bottom: 1em;
    }
}


.unittemplate06 .unittemplate06-content .column01 .column01-left .column01-title {
    font-size: 2.667em;
    color: #2b2b2b;
    margin-bottom: .25em;
}

.unittemplate06 .unittemplate06-content .column01 .column01-left .column01-word {
    font-size: 1em;
    color: #444;
    margin-bottom: 1.5em;
}

.unittemplate06 .unittemplate06-content .column01 .column01-left .column01-img {
    width: 100%;
    height: 200px;
    overflow: hidden;
}

.unittemplate06 .unittemplate06-content .column01 .column01-right {
    width: 40%;
    padding-left: 1em;
}

@media (max-width:767px) {
    .unittemplate06 .unittemplate06-content .column01 .column01-right {
        width: 100%;
        padding: 0;
    }
}

.unittemplate06 .unittemplate06-content .column01 .column01-right .column01-title {
    display: flex;
    align-items: center;
    justify-content: center;
}

.unittemplate06 .unittemplate06-content .column01 .column01-right .column01-title span {
    /* font-size: 1.111em; */
    color: #fff;
    font-weight: bold;
    padding: .25em 1em;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #007B87;
}

.unittemplate06 .unittemplate06-content .column01 .column01-right .column01-link {
    /* font-size: 1.111em; */
    color: #222;
    border: 1px solid #007B87;
    padding: .5em;
}

.unittemplate06 .unittemplate06-content .column01 .column01-right .column01-link>* {
    display: flex;
    align-items: center;
    padding: .25em 1em;
    justify-content: center;
}

.unittemplate06 .unittemplate06-content .column01 .column01-right .column01-link>*:nth-child(2n+1) {
    background: #f1f1f1;
}

.unittemplate06 .unittemplate06-content .column02 {
    /* text-align: center; */
    align-items: stretch;
    display: flex;
    margin: 3em 0;
    background-color: #002951;
    color: #fff;
    height: 360px;
    overflow: hidden;
}

.unittemplate06 .unittemplate06-content .column02>div {
    display: inline-block;
    width: 50%;
}

@media (max-width:767px) {
    .unittemplate06 .unittemplate06-content .column02 {
        flex-direction: column;
        /* padding: 1em 0; */
        padding: 0;
        height: auto;
    }
}

.unittemplate06 .unittemplate06-content .column02 .column02-left {
    /* width: calc(50% - 1.5em); */
    /* margin: 0 1em 0 0; */
    /* overflow: hidden; */
    /* height: 600px; */
    /* vertical-align: top; */
    /* background-color: #002951; */
    height: 100%;
    /* width: 50%; */
}

@media (max-width:767px) {
    .unittemplate06 .unittemplate06-content .column02 .column02-left {
        width: 100%;
        /* margin: 0 0 1em 0; */
        height: auto;
    }
}


.unittemplate06 .unittemplate06-content .column02 .column02-left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    clip-path: circle(118% at 0% 50%);
}

@media (max-width:1220px) and (min-width:992px) {
    .unittemplate06 .unittemplate06-content .column02 .column02-left img {
        clip-path: circle(118% at -4% 50%);
    }
}

@media (max-width:991px) {
    .unittemplate06 .unittemplate06-content .column02 .column02-left img {
        clip-path: circle(118% at -15% 50%);
    }
}


@media (max-width:767px) {
    .unittemplate06 .unittemplate06-content .column02 .column02-left img {
        clip-path: none;
    }
}

.unittemplate06 .unittemplate06-content .column02 .column02-right {
    /* width: calc(50% - 1.5em); */
    /* margin: 0 0 0 1em; */
    /* height: 600px; */
    /* padding: 2em 1em; */
    /* background-color: #002951; */
    padding: 2em;
    height: 100%;
    overflow: auto;
    align-self: center;
}

@media (max-width:767px) {
    .unittemplate06 .unittemplate06-content .column02 .column02-right {
        width: 100%;
        margin: 0;
        height: auto;
        padding: 1em;
    }
}

.unittemplate06 .unittemplate06-content .video-group {
    width: auto;
    margin-top: 1rem;
}

@media (max-width: 991px) {
    .unittemplate06 .unittemplate06-content .video-group {
        height: auto;
    }
}

.unittemplate06 .unittemplate06-content .video-group .video-group-bottom {
    display: flex;
    flex-wrap: wrap;
    padding: 5px 0;
}

@media (max-width: 991px) {
    .unittemplate06 .unittemplate06-content .video-group .video-group-bottom {
        justify-content: start;
    }
}

.unittemplate06 .unittemplate06-content .video-group .video-group-bottom a {
    margin: .2rem;
}


.unittemplate06 .unittemplate06-content .column03 .swiper-in {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    border: 1px solid #ddd;
    padding: 1em;
}

.unittemplate06 .unittemplate06-content .column03 .column03-date {
    color: #007B87;
    /* font-size: 0.889em; */
    margin-bottom: .25em;
}

.unittemplate06 .unittemplate06-content .column03 .column03-title {
    color: #222;
    /* font-size: 1.111em; */
    margin-bottom: 1em;
}

.unittemplate06 .unittemplate06-content .column03 .column03-more {
    width: 170px;
    height: 45px;
    border-radius: 5px;
    background: #007B87;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1em;
    align-self: flex-end;
}

.unittemplate06 .unittemplate06-content .column03 .column03-more img {
    margin-left: .5em;
    width: auto;
    height: auto;
}

.unittemplate06 .unittemplate06-content .column03 .swiper-container {
    padding: 0 2em;
}


.unittemplate06 .unittemplate06-content .column03 .lunbo .swiper-container {
    height: 100px;
}


/*單位模板07*/
@media (max-width:991px) {
    .unittemplate07 .unittemplate07-content {
        padding: 0 1em;
    }
}

.unittemplate07 .unittemplate07-content .column01 {
    display: flex;
    align-items: stretch;
    margin-bottom: 3em;
}

@media (max-width:767px) {
    .unittemplate07 .unittemplate07-content .column01 {
        flex-wrap: wrap;
        margin-bottom: 1em;
    }
}

.unittemplate07 .unittemplate07-content .column01 .column01-in {
    background: #fff;
    width: calc(25% - 1em);
    margin-right: 1em;
    box-shadow: 0 0 5px rgba(107, 107, 107, .1);
}

@media (max-width:767px) {
    .unittemplate07 .unittemplate07-content .column01 .column01-in {
        width: 100%;
        margin: 0 0 1em 0;
    }
}

.unittemplate07 .unittemplate07-content .column01 .column01-in .column01-title {
    height: 200px;
    color: #fff;
    /* font-size: 1.111em; */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    position: relative;
}

.unittemplate07 .unittemplate07-content .column01 .column01-in .column01-title::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent transparent #fff transparent;
    border-style: solid;
    border-width: 0 15px 10px 15px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.unittemplate07 .unittemplate07-content .column01 .column01-in .column01-title img {
    margin-bottom: .5em;
    height: 135px;
}

.unittemplate07 .unittemplate07-content .column01 .column01-in .column01-link {
    padding: .5em 0 0 0;
}

.unittemplate07 .unittemplate07-content .column01 .column01-in .column01-link a,
.unittemplate07 .unittemplate07-content .column01 .column01-in .column01-link span {
    border-bottom: 1px solid #e6e6e6;
    padding: .5em 1em;
    display: flex;
    align-items: center;
}

.unittemplate07 .unittemplate07-content .column01 .column01-in .column01-link a .here-c {
    border: 0;
    width: 7px;
    height: 7px;
    flex-shrink: 0;
}

.unittemplate07 .unittemplate07-content .column01 .column01-in01 {
    border-bottom: 2px solid #06b7bf;
}

.unittemplate07 .unittemplate07-content .column01 .column01-in01 .column01-title {
    background: #06b7bf;
}

.unittemplate07 .unittemplate07-content .column01 .column01-in01 .column01-link a .here-c {
    background: #06b7bf;
}

.unittemplate07 .unittemplate07-content .column01 .column01-in02 {
    border-bottom: 2px solid #6ea748;
}

.unittemplate07 .unittemplate07-content .column01 .column01-in02 .column01-title {
    background: #6ea748;
}

.unittemplate07 .unittemplate07-content .column01 .column01-in02 .column01-link a .here-c {
    background: #6ea748;
}

.unittemplate07 .unittemplate07-content .column01 .column01-in03 {
    border-bottom: 2px solid #085078;
}

.unittemplate07 .unittemplate07-content .column01 .column01-in03 .column01-title {
    background: #085078;
}

.unittemplate07 .unittemplate07-content .column01 .column01-in03 .column01-link a .here-c {
    background: #085078;
}

.unittemplate07 .unittemplate07-content .column01 .column01-in04 {
    border-bottom: 2px solid #0d8ab6;
}

.unittemplate07 .unittemplate07-content .column01 .column01-in04 .column01-title {
    background: #0d8ab6;
}

.unittemplate07 .unittemplate07-content .column01 .column01-in04 .column01-link a .here-c {
    background: #0d8ab6;
}

.unittemplate07 .unittemplate07-content .column02 .swiper-in {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    border: 1px solid #ddd;
    padding: 1em;
}

.unittemplate07 .unittemplate07-content .column02 .column02-date {
    color: #007B87;
    /* font-size: 0.889em; */
    margin-bottom: .25em;
}

.unittemplate07 .unittemplate07-content .column02 .column02-title {
    color: #222;
    /* font-size: 1.111em; */
    margin-bottom: 1em;
}

.unittemplate07 .unittemplate07-content .column02 .column02-more {
    width: 170px;
    height: 45px;
    border-radius: 5px;
    background: #007B87;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1em;
    align-self: flex-end;
}

.unittemplate07 .unittemplate07-content .column02 .column02-more img {
    margin-left: .5em;
    width: auto;
    height: auto;
}

.unittemplate07 .unittemplate07-content .column02 .lunbo .mw {
    width: 1057px;
}

.unittemplate07 .unittemplate07-content .column02 .swiper-container {
    padding: 0 2em;
}

.unittemplate07 .unittemplate07-content .column02 .lunbo .swiper-container {
    height: 100px;
}

.unittemplate07 .unittemplate07-content .column03 {
    display: flex;
    /* align-items: stretch; */
    /* padding: 0 0 3em 0; */

    margin: 3em 0;
    background-color: #002951;
    color: #fff;
    height: 360px;
    overflow: hidden;
}

@media (max-width:767px) {
    .unittemplate07 .unittemplate07-content .column03 {
        flex-direction: column;
        /* padding: 0 0 1em 0; */
        padding: 0;
        height: auto;
    }
}

.unittemplate07 .unittemplate07-content .column03>div {
    display: inline-block;
    width: 50%;
}

.unittemplate07 .unittemplate07-content .column03 .column03-left {
    /* width: calc(50% - 1.5em); */
    /* margin: 0 1em 0 0; */
    /* overflow: hidden; */
    height: 100%;
}

@media (max-width:767px) {
    .unittemplate07 .unittemplate07-content .column03 .column03-left {
        width: 100%;
        height: auto;
    }
}

.unittemplate07 .unittemplate07-content .column03 .column03-left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    clip-path: circle(118% at 0% 50%);
}

@media (max-width:1220px) and (min-width:992px) {
    .unittemplate07 .unittemplate07-content .column03 .column03-left img {
        clip-path: circle(118% at -4% 50%);
    }
}

@media (max-width:991px) {
    .unittemplate07 .unittemplate07-content .column03 .column03-left img {
        clip-path: circle(118% at -15% 50%);
    }
}


@media (max-width:767px) {
    .unittemplate07 .unittemplate07-content .column03 .column03-left img {
        clip-path: none;
    }
}

.unittemplate07 .unittemplate07-content .column03 .column03-right {
    /* width: calc(50% - 1.5em); */
    /* margin: 0 0 0 1em; */
    /* height: 600px; */
    padding: 2em;
    height: 100%;
    overflow: auto;
    align-self: center;
}

@media (max-width:767px) {
    .unittemplate07 .unittemplate07-content .column03 .column03-right {
        width: 100%;
        /* margin: 0 0 1em 0; */
        margin: 0;
        height: auto;
        padding: 1em;
    }
}

.unittemplate07 .unittemplate07-content .column04 {
    width: 100%;
    display: flex;
    align-items: stretch;
}

@media (max-width:767px) {
    .unittemplate07 .unittemplate07-content .column04 {
        flex-direction: column;
    }
}

.unittemplate07 .unittemplate07-content .column04 .column04-left {
    width: 60%;
    padding-right: 1em;
}

.unittemplate07 .unittemplate07-content .column04 .column04-right {
    width: 40%;
    padding-left: 1em;
}

@media (max-width:767px) {

    .unittemplate07 .unittemplate07-content .column04 .column04-left,
    .unittemplate07 .unittemplate07-content .column04 .column04-right {
        width: 100%;
    }

    .unittemplate07 .unittemplate07-content .column04 .column04-left {
        padding: 0;
        margin-bottom: 1em;
    }

    .unittemplate07 .unittemplate07-content .column04 .column04-right {
        padding: 0;
    }
}

.unittemplate07 .unittemplate07-content .column04 .column04-left .column04-title {
    font-size: 2.667em;
    color: #2b2b2b;
    margin-bottom: .25em;
}

.unittemplate07 .unittemplate07-content .column04 .column04-left .column04-word {
    font-size: 1em;
    color: #444;
    margin-bottom: 1.5em;
}

.unittemplate07 .unittemplate07-content .column04 .column04-left .column04-img {
    width: 100%;
    height: 200px;
    overflow: hidden;
}

.unittemplate07 .unittemplate07-content .column04 .column04-right .column04-title {
    display: flex;
    align-items: center;
    justify-content: center;
}

.unittemplate07 .unittemplate07-content .column04 .column04-right .column04-title span {
    /* font-size: 1.111em; */
    color: #fff;
    font-weight: bold;
    padding: .25em 1em;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #007B87;
}

.unittemplate07 .unittemplate07-content .column04 .column04-right .column04-link {
    /* font-size: 1.111em; */
    color: #222;
    border: 1px solid #007B87;
    padding: .5em;
    background-color: white;
}

.unittemplate07 .unittemplate07-content .column04 .column04-right .column04-link>* {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .25em 1em;
}

.unittemplate07 .unittemplate07-content .column04 .column04-right .column04-link .here-c {
    display: none;
}

.unittemplate07 .unittemplate07-content .column04 .column04-right .column04-link>*:nth-child(2n+1) {
    background-color: #f1f1f1;
}

.unittemplate07 .unittemplate07-content .video-group {
    width: auto;
    margin-top: 1rem;
}

@media (max-width: 991px) {
    .unittemplate07 .unittemplate07-content .video-group {
        height: auto;
    }
}

.unittemplate07 .unittemplate07-content .video-group .video-group-bottom {
    display: flex;
    flex-wrap: wrap;
    padding: 5px 0;
}

@media (max-width: 991px) {
    .unittemplate07 .unittemplate07-content .video-group .video-group-bottom {
        justify-content: start;
    }
}

.unittemplate07 .unittemplate07-content .video-group .video-group-bottom a {
    margin: .2rem;
}

/*單位模板08*/
.unittemplate08 .unittemplate08-content {
    /* display: flex;
    align-items: stretch; */
    margin-bottom: 1em;
}

@media (min-width:768px) and (max-width:991px) {
    .unittemplate08 .unittemplate08-content {
        padding: 0 1em;
    }
}

.unittemplate08 .unittemplate08-content .unittemplate08-left {
    /* width: 19%; */
}

@media (min-width:992px) and (max-width:1199px) {
    .unittemplate08 .unittemplate08-content .unittemplate08-left {
        /* width: 21%; */
    }
}

@media (min-width:768px) and (max-width:991px) {
    .unittemplate08 .unittemplate08-content .unittemplate08-left {
        /* width: 0; */
    }
}

@media (max-width:767px) {
    .unittemplate08 .unittemplate08-content .unittemplate08-left {
        /* width: 0; */
    }
}


.unittemplate08 .unittemplate08-content .unittemplate08-right {
    /* padding-top: 52px; */
    /* width: 80%; */
    width: 100%;
}

@media (min-width:992px) and (max-width:1199px) {
    .unittemplate08 .unittemplate08-content .unittemplate08-right {
        /* width: 78%; */
    }
}

@media (min-width:768px) and (max-width:991px) {
    .unittemplate08 .unittemplate08-content .unittemplate08-right {
        /* width: 100%; */
    }
}

@media (max-width:767px) {
    .unittemplate08 .unittemplate08-content .unittemplate08-right {
        /* width: 100%; */
    }
}



.unittemplate08 .unittemplate08-content .column01 {
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
    border-top: 4px solid #007B87;
    padding: 1em;
    margin-bottom: 1em;
}

.unittemplate08 .unittemplate08-content .column01 .column01-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1em;
}

.unittemplate08 .unittemplate08-content .column01 .column01-title .column01-word {
    color: #222;
    font-size: 1.333em;
}

@media (max-width:767px) {
    .unittemplate08 .unittemplate08-content .column01 .column01-title .column01-word {
        /* font-size: 1.111em; */
    }
}

.unittemplate08 .unittemplate08-content .column01 .column01-title .column01-more {
    width: 170px;
    height: 45px;
    border-radius: 5px;
    background: #007B87;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1em;
}

.unittemplate08 .unittemplate08-content .column01 .column01-title .column01-more img {
    margin-left: .5em;
}

.unittemplate08 .column02 {
    display: flex;
    text-align: center;
    align-items: stretch;
    justify-content: space-around;
    margin-bottom: 1em;
}

.unittemplate08 .column02>div:only-child {
    margin: 0;
}

@media (min-width:768px) and (max-width:991px) {
    .unittemplate08 .column02 {
        padding: 0 1em;
    }
}

@media (max-width:767px) {
    .unittemplate08 .column02 {
        flex-direction: column;
    }
}

.unittemplate08 .column02>div {
    display: inline-block;
}

.unittemplate08 .column02 .column02-left {
    width: calc(50% - 1.5em);
    /* flex-grow: 1; */
    margin-right: .5em;
    overflow: hidden;
    height: 350px;
}

@media (max-width:767px) {
    .unittemplate08 .column02 .column02-left {
        width: 100%;
        margin: 0 0 1em 0;
    }
}

.unittemplate08 .column02 .column02-left img {
    width: 100%;
}

.unittemplate08 .column02 .column02-right {
    width: calc(50% - .5em);
    /* flex-grow: 1; */
    margin-left: .5em;
}

@media (max-width:767px) {
    .unittemplate08 .column02 .column02-right {
        width: 100%;
        margin: 0 0 1em 0;
    }
}

.unittemplate08 .column02 .column02-right video,
.unittemplate08 .column02 .column02-right iframe {
    width: 100%;
    height: 350px;
}


.unittemplate08 .column03 {
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
    padding: 0.5em 1em 0.5em 1em;
    border-top: 4px solid #007B87;
    margin-bottom: 1em;
    width: 99%;
    margin: 0 auto 1em auto;
}

@media (min-width:768px) and (max-width:991px) {
    .unittemplate08 .column03 {
        width: 95%;
    }
}

.unittemplate08 .column03 .column03-title {
    color: #222;
    font-size: 1.333em;
    padding: 1em .5em;
    border-bottom: 1px solid #ececec;
}

.unittemplate08 .column03 .column03-link {
    display: flex;
    align-items: center;
    padding: 1.5em 0;
}

@media (max-width:767px) {
    .unittemplate08 .column03 .column03-link {
        flex-direction: column;
    }
}

.unittemplate08 .column03 .column03-link a {
    width: calc(20% - 1em);
    margin: 0 .5em;
    height: 80px;
    overflow: hidden;
}

@media (max-width:767px) {
    .unittemplate08 .column03 .column03-link a {
        width: 100%;
        margin: 0 0 .5em 0;
    }
}


.unittemplate08 .column03 .column03-link a img {
    width: 100%;
}

@media (max-width:767px) {
    .unittemplate08 .column03 .column03-link a img {
        width: auto;
        height: 100%;
    }
}


.unittemplate08 .lunbo .swiper-button-prev.swiper-button-white {
    left: 0;
}

.unittemplate08 .lunbo .swiper-button-next.swiper-button-white {
    right: 0;
}


/*單位模板09*/
.unittemplate09 .unittemplate09-content {
    display: flex;
    align-items: stretch;
}

@media (min-width:768px) and (max-width:991px) {
    .unittemplate09 .unittemplate09-content {
        padding: 0 1em;
    }
}

@media (max-width:767px) {
    .unittemplate09 .unittemplate09-content {
        flex-direction: column;
    }
}

.unittemplate09 .unittemplate09-content .unittemplate09-left {
    width: calc(20% - .25em);
    margin-left: .25em;
    display: flex;
    flex-direction: column;
}

@media (min-width:768px) and (max-width:991px) {
    .unittemplate09 .unittemplate09-content .unittemplate09-left {
        width: calc(30% - .25em);
        margin-top: 52px;
    }
}

@media (max-width:767px) {
    .unittemplate09 .unittemplate09-content .unittemplate09-left {
        width: 100%;
        margin: 52px 0 1em 0;
    }
}

.unittemplate09 .unittemplate09-content .unittemplate09-left .leftnavigation {
    margin-bottom: 1em;
}

.unittemplate09 .unittemplate09-content .unittemplate09-left .unittemplate09-in {
    border-top: 4px solid #007B87;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
    padding: .5em;
    margin-bottom: .5em;
    width: calc(100% - .25em);
}

.unittemplate09 .unittemplate09-content .unittemplate09-left .unittemplate09-in .column01 .column01-title {
    color: #222;
    font-size: 1.333em;
    padding: .5em 0;
}

.unittemplate09 .unittemplate09-content .unittemplate09-left .unittemplate09-in .column01 .column01-line {
    width: 100%;
    height: 1px;
    background: #ececec;
    margin: .5em 0;
}

.unittemplate09 .unittemplate09-content .unittemplate09-left .unittemplate09-in .column01 .column01-link {
    display: flex;
    flex-direction: column;
}

.unittemplate09 .unittemplate09-content .unittemplate09-left .unittemplate09-in .column01 .column01-link a {
    margin-bottom: .25em;
}

.unittemplate09 .unittemplate09-content .unittemplate09-left .unittemplate09-in .column01 .column01-link a img {
    width: 100%;
    /* max-height: 164px; */
}

.unittemplate09 .unittemplate09-content .unittemplate09-right {
    /* width: calc(80% - 1em); */
    /* margin: 52px 0 0 1em; */
    /* padding: 0 1em; */

    width: 80%;
    margin-left: 1em;
    padding-left: 1em;
    padding-right: 0.25em;

}

@media (min-width:768px) and (max-width:991px) {
    .unittemplate09 .unittemplate09-content .unittemplate09-right {
        width: 70%;
        margin-left: 0;
    }
}

@media (max-width:767px) {
    .unittemplate09 .unittemplate09-content .unittemplate09-right {
        width: 100%;
        margin: 0;
        padding: 0;
    }
}

.unittemplate09 .unittemplate09-content .unittemplate09-right .column02 {
    width: 100%;
    overflow: hidden;
    margin-bottom: 1em;
}

.unittemplate09 .unittemplate09-content .unittemplate09-right .column02 img {
    width: 100%;
}

.unittemplate09 .unittemplate09-content .column03 {
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
    border-top: 4px solid #007B87;
    padding: 1em;
    margin-bottom: 1em;
}

.unittemplate09 .unittemplate09-content .column03 .column03-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1em;
}

.unittemplate09 .unittemplate09-content .column03 .column03-title .column03-word {
    color: #222;
    font-size: 1.333em;
}

@media (max-width:767px) {
    .unittemplate09 .unittemplate09-content .column03 .column03-title .column03-word {
        /* font-size: 1.111em; */
    }
}

.unittemplate09 .unittemplate09-content .column03 .column03-title .column03-more {
    width: 170px;
    height: 45px;
    border-radius: 5px;
    background: #007B87;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1em;
}

.unittemplate09 .unittemplate09-content .column03 .column03-title .column03-more img {
    margin-left: .5em;
}

/*單位模板10*/
.unittemplate10 .unittemplate10-content {
    display: flex;
    align-items: stretch;
    flex-direction: column-reverse;
}

@media (min-width:768px) and (max-width:991px) {
    .unittemplate10 .unittemplate10-content {
        padding: 0 1em;
    }
}

@media (max-width:767px) {
    .unittemplate10 .unittemplate10-content {
        /* flex-direction: column; */
    }
}

.unittemplate10 .unittemplate10-content .unittemplate10-left {
    /* width: calc(20% - .25em); */
    /* margin-left: .25em; */
    display: flex;
    flex-direction: column;
}

@media (min-width:768px) and (max-width:991px) {
    .unittemplate10 .unittemplate10-content .unittemplate10-left {
        /* width: calc(30% - .25em); */
        /* margin-top: 52px; */
    }
}

@media (max-width:767px) {
    .unittemplate10 .unittemplate10-content .unittemplate10-left {
        width: 100%;
        margin: 1em 0;
    }
}

.unittemplate10 .unittemplate10-content .unittemplate10-left .leftnavigation {
    margin-bottom: 1em;
}

.unittemplate10 .unittemplate10-content .unittemplate10-left .unittemplate10-in {
    /* border-top: 4px solid #007B87; */
    /* box-shadow: 0 2px 5px rgba(0, 0, 0, .2); */
    /* padding: .5em; */
    margin-bottom: .5em;
    /* width: calc(100% - .25em); */
}

.unittemplate10 .unittemplate10-content .unittemplate10-left .unittemplate10-in .column01 .column01-title {
    color: #222;
    font-size: 1.333em;
    padding: .5em 0;
}

.unittemplate10 .unittemplate10-content .unittemplate10-left .unittemplate10-in .column01 .column01-line {
    width: 100%;
    height: 1px;
    background: #ececec;
    margin: .5em 0;
}

.unittemplate10 .unittemplate10-content .unittemplate10-left .unittemplate10-in .column01 .column01-link {
    display: flex;
    flex-direction: column;
}

.unittemplate10 .unittemplate10-content .unittemplate10-left .unittemplate10-in .column01 .column01-link a {
    margin-bottom: .25em;
}

.unittemplate10 .unittemplate10-content .unittemplate10-left .unittemplate10-in .column01 .column01-link a img {
    width: 100%;
    max-height: 164px;
}

@media (max-width: 992px) {
    .unittemplate10 .unittemplate10-content .unittemplate10-left .amazingslider-nav-container-1 {
        top: -70px;
    }
}

.unittemplate10 .unittemplate10-content .unittemplate10-right {
    /* width: calc(80% - 1em); */
    /* margin: 52px 0 0 1em; */
    /* padding: 0 1em; */
}

@media (min-width:768px) and (max-width:991px) {
    .unittemplate10 .unittemplate10-content .unittemplate10-right {
        /* width: 70%; */
        margin-left: 0;
    }
}

@media (max-width:767px) {
    .unittemplate10 .unittemplate10-content .unittemplate10-right {
        width: 100%;
        margin: 0;
        padding: 0;
    }
}

.unittemplate10 .unittemplate10-content .unittemplate10-right .column02 {
    display: flex;
    align-items: stretch;
    margin-bottom: 1em;
}

@media (max-width:767px) {
    .unittemplate10 .unittemplate10-content .unittemplate10-right .column02 {
        flex-direction: column;
    }
}

.unittemplate10 .unittemplate10-content .unittemplate10-right .column02 .column02-in {
    width: calc(50% - .5em);
    /* overflow: hidden; */
    display: flex;
    flex-direction: column;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
    margin: 5px;

}

@media (max-width:767px) {
    .unittemplate10 .unittemplate10-content .unittemplate10-right .column02 .column02-in {
        width: 100%;
        margin-bottom: 1em;
    }
}

.unittemplate10 .unittemplate10-content .unittemplate10-right .column02 .column02-left {
    margin-right: .5em;
}

@media (max-width:767px) {
    .unittemplate10 .unittemplate10-content .unittemplate10-right .column02 .column02-left {
        margin: 0;
    }
}


.unittemplate10 .unittemplate10-content .unittemplate10-right .column02 .column02-right {
    margin-left: .5em;
}

@media (max-width:767px) {
    .unittemplate10 .unittemplate10-content .unittemplate10-right .column02 .column02-right {
        margin: 0;
    }
}


.unittemplate10 .unittemplate10-content .unittemplate10-right .column02 .column02-in .column02-label span {
    position: relative;
    background: #007B87;
    box-shadow: 0 0 5px rgba(0, 0, 0, .17);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    margin: 1em 0;
    padding: .5em 2em;
}

.unittemplate10 .unittemplate10-content .unittemplate10-right .column02 .column02-in .column02-label span:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-color: transparent #fff transparent transparent;
    border-width: 60px 30px 0px 0px;
    border-style: solid;
    right: -5px;
    top: -10px;
}

.unittemplate10 .unittemplate10-content .unittemplate10-right .column02 .column02-in .column02-label:after {
    background: #fff;
}

.unittemplate10 .unittemplate10-content .unittemplate10-right .column02 .column02-in .column02-title {
    padding: 0 1em;
    margin-bottom: 1em;
    font-size: 1.111em;
    color: #222;
}

.unittemplate10 .unittemplate10-content .unittemplate10-right .column02 .column02-in .column02-date {
    padding: 0 1em;
    margin-bottom: 1em;
    /* font-size: 0.889em; */
    color: #222;
    display: flex;
    align-items: center;
}

.unittemplate10 .unittemplate10-content .unittemplate10-right .column02 .column02-in .column02-date img {
    margin-right: .5em;
}

.unittemplate10 .unittemplate10-content .unittemplate10-right .column02 .column02-in .column02-line {
    width: 100%;
    height: 1px;
    background: #b5b5b5;
}

.unittemplate10 .unittemplate10-content .unittemplate10-right .column02 .column02-in .column02-word {
    padding: 1em;
    /* font-size: 0.889em; */
    color: #222;
    height: 100px;
    overflow: auto;
}

.unittemplate10 .unittemplate10-content .unittemplate10-right .column02 .column02-in .column02-more {
    width: 170px;
    height: 45px;
    border-radius: 5px;
    background: #007B87;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1em;
    align-self: flex-end;
    margin: 0 1em 1em 0;
}

.unittemplate10 .unittemplate10-content .unittemplate10-right .column02 .column02-in .column02-more img {
    margin-left: .5em;
}

.unittemplate10 .unittemplate10-content .unittemplate10-right .column03 {
    width: 100%;
    height: 520px;
    overflow: hidden;
    margin-bottom: 1em;
}

@media (max-width:767px) {
    .unittemplate10 .unittemplate10-content .unittemplate10-right .column03 {
        height: auto;
    }
}

.unittemplate10 .unittemplate10-content .unittemplate10-right .column03 img {
    width: 100%;
}

.unittemplate10 .column01-video iframe,
.unittemplate10 .column01-video vedio {
    /* height: 500px; */
}

@media (max-width:767px) {

    .unittemplate10 .column01-video iframe,
    .unittemplate10 .column01-video vedio {
        /* height: 350px; */

    }
}


@media (min-width:992px) {

    /*scroll bar*/
    /* width */
    ::-webkit-scrollbar {
        width: 10px;
    }

    /* Track */
    ::-webkit-scrollbar-track {
        background: #f0f0f0;
    }

    /* Handle */
    ::-webkit-scrollbar-thumb {
        background: #007B87;
    }

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #0e4e4d;
    }
}

@media (max-width:991px) {

    /* width */
    ::-webkit-scrollbar {
        width: 0px;
    }
}

.annex-group .annex-title {
    background: #283646;
    color: #fff;
    padding: 1em;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*Sitemap*/
.sitemap .sitemap-hint {
    border-bottom: 1px solid #007b87;
    padding: 0 0 1em 0;
    margin: 0 0 1em 0;
}

.sitemap .sitemap-hint .green {
    color: #007b87;
}

/*單位樣板*/
@media (max-width:767px) {
    .TOP-color {
        height: auto;
        padding: 1em 3em 1em 0;
    }
}

/*表格連結*/
/*.table-responsive a{
    color:#333;
}*/
.table-responsive a:hover {
    color: #005e75;
}

/*不確定是否用到*/

.home-middle {
    position: relative;
    margin-top: 0px;
    left: 50%;
    width: 100%;
    margin-left: -50%;
    margin-bottom: 30px;
}

.home-middle .text {
    /* font-size: .9em; */
    position: absolute;
    bottom: 26%;
    color: #fff;
    width: 100%;
    text-align: center;
    line-height: 22px;
}

.home-middle li {
    float: left;
    background: #007B87;
    height: 250px;
    overflow: hidden;
    position: relative;
}

.home-middle li .bg {
    display: block;
}

.home-middle li .bg1 {
    display: block;
}

.home-middle li .top-btn {
    position: absolute;
    top: 30px;
    width: 236px;
    left: 100px;
    cursor: pointer;
}

.home-middle li .bottom-btn {
    position: absolute;
    top: 295px;
    width: 192px;
    left: 120px;
    cursor: pointer;
}

.home-middle li .middle-btn {
    position: absolute;
}

.home-middle li .btn1 {
    left: 20%;
    top: 6%;
    cursor: pointer;
}

.home-middle li .btn2 {
    left: 12%;
    top: 42%;
    cursor: pointer;
}

.home-middle li .btn3 {
    left: 12%;
    top: 67%;
    cursor: pointer;
}

.home-middle li .right-btn {
    position: absolute;
    height: 50%;
    width: 50%;
}

.home-middle li .right-btn1 {
    top: 0;
    left: 0;
}

.home-middle li .right-btn2 {
    top: 0;
    left: 50%;
}

.home-middle li .right-btn3 {
    top: 50%;
    left: 0;
}

.home-middle li .right-btn4 {
    top: 50%;
    left: 50%;
}

.home-middle li .bottom-bg {
    display: none;
}

.home-middle li .bottom-bg1 {
    display: none;
}

.huodong {
    background: #f3f3f3;
    color: #b5b5b5;
}

.huodong .mw {
    width: 1120px;
    position: relative;
}

.huodong .table {
    font-size: 1em;
}

.huodong .table li>div {
    float: left;
    margin: 0 2px;
}

.huodong .table-header>div {
    border-bottom: 2px solid #b5b5b5;
    line-height: 32px;
}

.huodong .table-header>div.cell1 {
    padding-left: 10px;
}

.huodong .table .cell1 {
    width: 646px;
    position: relative;
    padding-left: 100px;
    box-sizing: border-box;
}

.huodong .table .cell1 img {
    position: absolute;
    left: 10px;
}

.huodong .table .cell2 {
    width: 152px;
    text-align: center;
}

.huodong .table .cell3 {
    width: 145px;
    text-align: center;
}

.huodong .table .cell4 {
    width: 145px;
    text-align: center;
}

.huodong .table.table-body {
    padding: 10px 0;
    border-bottom: 2px solid #31aba9;
}

.huodong .table.table-body li {
    height: 50px;
    line-height: 50px;
}

.huodong .table .icon-new {
    position: relative;
    top: 9px;
    margin: 0 2px;
}

.huodong .tab {
    border-bottom: 2px solid #31aba9;
    margin-bottom: 20px;
    font-size: 1em;
    padding-top: 50px;
}

.huodong .tab span {
    display: inline-block;
    padding: 8px 18px;
    border-radius: 4px 4px 0 0;
    border: 2px solid #b5b5b5;
    border-bottom: 0;
    cursor: pointer;
}

.huodong .tab .active {
    background: #31aba9;
    color: #fff;
    border: 2px solid #31aba9;
    border-bottom: 0;
}

.green-btn {
    background: #31aba9;
    color: #fff;
    border-radius: 4px;
    padding: 8px 16px 9px 16px;
}

.green-btn:hover {
    color: #fff;
}

.huodong .green-btn {
    position: absolute;
    right: 0;
    bottom: -38px;
}

.huodong .bottom img {
    display: none;
}

.yixun .left {
    width: 50%;
    float: left;
    color: #b5b5b5;
    line-height: 30px;
    padding-top: 70px;
}

.yixun .right {
    width: 50%;
    float: left;
    color: #b5b5b5;
    line-height: 30px;
    padding-top: 70px;
}

.yixun .left .left-col {
    width: 188px;
    float: left;
    margin-right: 50px;
}

.yixun .left .left-col img {
    display: block;
    margin: 0 auto;
}

.yixun .left .left-col .green-btn {
    margin-top: 30px;
    display: inline-block;
    text-align: center;
    width: 160px;
}

.yixun .left .right-col {
    width: 320px;
    float: left;
}

.yixun .left .top-col,
.yixun .right .top-col {
    padding-bottom: 50px;
}


.yixun .child-title {
    border-top: 1px solid #eee;
    margin-top: 60px;
    width: 90%;
}

.yixun .left .title-col {
    font-weight: bold;
    font-size: 1.2em;
    position: relative;
    padding-left: 0;
    color: #007b87;
    padding-bottom: 8px;
}

.yixun .left .title-col .line {
    background: #007b87;
    width: 3px;
    height: 20px;
    display: inline-block;
    position: absolute;
    left: -20px;
    top: 5px;
}

.yixun .left input {
    width: 320px;
    height: 38px;
    box-sizing: border-box;
    line-height: 38px;
    border: 1px solid #00a1c4;
    padding-left: 30px;
    border-radius: 4px 0 0 4px;
    position: relative;
    top: 1px;
}

.yixun .left .dingyue {
    background: #00a1c4;
    color: #fff;
    width: 116px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 2px;
    border-radius: 0 4px 4px 0;
    position: relative;
    left: -8px;
}

.yixun .left .quxiao {
    color: #fff;
    width: 116px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 2px;
    border-radius: 4px;
}

.yixun .right .swiper-container {
    width: 100%;
    height: 443px;
}

.yixun .right .swiper-container img {
    width: 299px;
}

.yixun .right .lunbo-col {
    border: 1px solid #eee;
    box-shadow: 0 2px 2px #ddd;
    padding: 26px 18px 70px 18px;
    position: relative;
}

.yixun .swiper-pagination {
    text-align: left;
    bottom: 20px;
}

.yixun .swiper-pagination .swiper-pagination-bullet {
    margin: 0 5px;
}

.yixun .swiper-pagination-bullet-active {
    background: #aaaaaa;
}

.yixun .right .lunbo-col .green-btn-col {
    text-align: right;
    border-top: 1px solid #eee;
    bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    position: absolute;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    padding-right: 30px;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 100px;
}


/* utilities */
.bg-custom-primary {
    background-color: #007b87;
}

.bg-custom-warning {
    background-color: #ff9c01;
}


/*修正編輯器ol, ul margin為0與ol的編碼等問題*/
#ckeditorUsedContentDisplay ol,
#ckeditorUsedContentDisplay ul {
    margin-left: 40px;
    margin-bottom: 1rem;
}

#ckeditorUsedContentDisplay ol {
    list-style-type: decimal;
}

/* 修正影片16:9的問題 */
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    /* margin: 30px 15px; */
    height: 0;
    overflow: hidden;
}

.video-container vedio,
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

    .parking-infoall {
        margin-top: 1em;
    }

    .parking-infoall-card {
        border: 1px solid #ececec;
        margin-bottom: .5em;
    }

    .parking-infoall-title {
        padding: 1em;
        background: #007B87;
        color: #fff;
    }

    .parking-infoall-body {
        padding: 1em;
    }

    .parking-infoall-body ul {
        list-style: decimal;
        padding-left: 20px;
        margin: 0;
    }

    .parking-infoall-body li {
        padding: .5em 0;
    }

    .parking-infoall-body ul ul {
        list-style: upper-latin;
    }

    .parking-infoall-body ul ul ul {
        list-style: lower-latin;
    }

    .parking-infoall-body .btn-parkinfo {
            padding: .5em;
            background: #007B87;
            color: #fff;
            text-decoration: none;
            border-radius: 4px;
            transition: .5s;
    }

    .parking-infoall-body .btn-parkinfo:hover {
        background: #0a6362;
    }

    .parking-infoall .red {
        color: #ff0000;
    }

    .parking-infoall .undeline {
        text-decoration: underline;
    }

    .parking-infoall-body img {
        width: 100%;
    }