html {
    font-size: 1em;
    height: 100%
}

body,
dd,
div,
dl,
dt,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
li,
ol,
p,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0;
    -webkit-text-size-adjust: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

img {
    border: 0
}

ol,
ul {
    list-style: none
}

a {
    outline: 0;
    text-decoration: none
}

button,
input,
select,
textarea {
    outline: 0;
    border-radius: 0
}

body {
    font-family: arial, "微軟正黑體";
    background: #f5f5f5;
    font-size: 1em;
    height: 100%
}

#mask {
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    width: 100%;
    height: 100%;
    z-index: 9
}

#all nav {
    position: fixed;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 110px;
    border: none
}

#header {
    position: relative;
    padding: 15px 25px;
    background: #fff;
    height: 40px;
    z-index: 9;
    box-shadow: 0 0 10px #000;
    border-top: 40px solid #0070ba
}

#header.fixed {
    box-sizing: border-box
}

    #header .logo {
        float: left;
        width: 238px;
        height: 38px;
        background: url(../../../images/f_logo.png);
        text-indent: -9999px;
        background-size: 100%;
    }

#lang {
    float: left;
    line-height: 35px;
    padding-left: 5px
}

#lang a {
    display: inline-block;
    margin: 0 3px;
    padding: 0 10px;
    border: 1px solid #606060;
    border-radius: 3px;
    font-size: .813rem;
    color: #606060;
    line-height: 1.5625rem;
    text-align: center;
    transition: all .3s
}

#lang a:hover {
    background: #636363;
    color: #fff
}

#top-link {
    float: left
}

#top-link li {
    float: left;
    margin: 0 4px
}

#top-link li a {
    display: block;
    width: 36px;
    line-height: 2.8125rem;
    height: 35px;
    background: url(../../../images/top_link.png);
    text-indent: -9999px;
    transition: background .3s;
    color: #707070
}

#top-link .btn-1 a {
    background-position: left top
}

#top-link .btn-2 a {
    background-position: -36px top
}

#top-link .btn-3 a {
    background-position: -72px top
}

#top-link .btn-4 a {
    background-position: -108px top
}

#top-link .btn-5 a {
    background-position: -144px top
}

#top-link .btn-6 a {
    background-position: right top
}

#top-link .btn-1 a:hover {
    background-position: left top
}

#top-link .btn-2 a:hover {
    background-position: -36px top
}

#top-link .btn-3 a:hover {
    background-position: -72px top
}

#top-link .btn-4 a:hover {
    background-position: -108px top
}

#top-link .btn-5 a:hover {
    background-position: -144px top
}

#top-link .btn-6 a:hover {
    background-position: right top
}

#navigation {
    box-sizing: border-box;
    float: left;
    margin-left: 30px
}

#navigation:after {
    content: "";
    display: block;
    clear: both
}

#navigation>li {
    float: left
}

#navigation>li>a {
    display: block;
    font-size: 1.125rem;
    color: #000;
    padding: 0 10px;
    box-sizing: border-box;
    line-height: 2.5rem;
    letter-spacing: .0625rem;
    text-align: center;
    transition: all .3s
}

#navigation>li>a.active,
#navigation>li>a:hover {
    background: #144b8d;
    color: #fff;
    text-decoration: none
}

#navigation>li>.sub-menu {
    position: absolute;
    left: 280px;
    top: 55px;
    width: 100%;
    max-width: 1000px;
    padding: 10px 20px;
    box-sizing: border-box;
    box-sizing: border-box;
    display: none;
    border: 1px solid #eaeaea
}

#navigation>li>.sub-menu .wrap {
    padding: 10px 0;
    border-bottom: 1px solid #ccc;
    overflow: hidden
}

#navigation>li>.sub-menu .wrap dl {
    float: left;
    width: 25%;
    padding: 0 10px;
    box-sizing: border-box
}

#navigation>li>.sub-menu .wrap dt {
    padding-bottom: 10px
}

#navigation>li>.sub-menu .wrap dt a {
    font-size: 1.25rem;
    color: #0071be;
    transition: all .3s
}

#navigation>li>.sub-menu .wrap dt a:before {
    content: "";
    position: relative;
    top: -4px;
    display: inline-block;
    width: 6px;
    height: 6px;
    background: #0071be;
    border-radius: 50%;
    margin-right: 10px
}

#navigation>li>.sub-menu .wrap dt a:hover {
    color: #000
}

#navigation>li>.sub-menu .wrap dt a:hover:before {
    background: #000
}

#navigation>li>.sub-menu .wrap dd a {
    padding-left: 18px;
    font-size: 1rem;
    color: #000;
    line-height: 1.5625rem;
    transition: all .3s
}

#navigation>li>.sub-menu .wrap dd a:before {
    content: "－";
    margin-right: 5px
}

#navigation>li>.sub-menu .wrap dd a:hover {
    color: #ff8401;
    font-weight: 700
}

#navigation>li>.sub-menu .wrap dd a.more {
    color: #000
}

#navigation>li>.sub-menu .wrap dd a.more:hover {
    color: #f17300
}

#mobi-control {
    display: none;
    padding: 5px 20px;
    background: #0070ba;
    z-index: 3
}

#mobi-navbar {
    width: 40px;
    height: 40px;
    background: url(../../../images/mobi_btn.png) center center no-repeat #fff;
    border-radius: 3px;
    text-indent: -9999px
}



#mobile {
    position: absolute;
    left: -250px;
    top: 0;
    width: 250px;
    min-height: 100%;
    background: #fff;
    z-index: 10;
    display:none;
}

    #mobile.open {
        display:block;
    }

    #mobile > ul {
        position: relative
    }

#mobile ul a {
    float: left;
    display: block;
    width: 205px;
    padding: 0 10px;
    font-size: 1.125rem;
    color: #333;
    line-height: 2.8125rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box
}

#mobile ul span {
    float: left;
    display: block;
    width: 45px;
    border-left: 1px dashed #ccc;
    font-size: 1.563rem;
    color: #666;
    line-height: 2.8125rem;
    text-align: center;
    box-sizing: border-box
}

#mobile .close {
    display: block;
    background: #f1f1f1;
    font-size: 1.125rem;
    color: #3b3a3a;
    line-height: 3.125rem;
    font-weight: 400;
    text-align: center;
    float: none
}

#mobile>ul>li {
    width: 100% !important;
    border-bottom: 1px solid #eee;
    overflow: hidden
}

#mobile>ul>li>span {
    background: #fefefe
}

#mobile>ul>li>.sub-menu {
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    width: 100%;
    min-height: 100%;
    background: #fff;
    z-index: 1
}

#mobile>ul>li>.sub-menu dt {
    border-bottom: 1px solid #eee;
    overflow: hidden
}

#mobile>ul>li>.sub-menu dd {
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    width: 100%;
    min-height: 100%;
    background: #fff;
    z-index: 2
}

#mobile>ul>li>.sub-menu dd li {
    border-bottom: 1px solid #eee;
    overflow: hidden
}

#mobile .lang {
    padding: 20px 0;
    text-align: center
}

#mobile .lang a {
    display: inline-block;
    margin: 0 3px;
    padding: 0 10px;
    border: 1px solid #8f8f8f;
    border-radius: 3px;
    font-size: .813rem;
    color: #8f8f8f;
    line-height: 1.5625rem
}

#mobile>ul>li.search #search {
    position: static
}

#mobile>ul>li.search dd {
    display: block !important
}

#mobile>ul>li.search dd>form {
    float: none;
    width: 100%
}

#mobile>ul>li.search dd>div>a {
    color: #fff;
    width: 48%;
    margin: 10px 2% 10px 0;
    box-sizing: border-box
}

#mobile>ul>li.search #search>dl {
    position: static;
    left: 50%;
    margin-left: -10%;
    top: 55px;
    width: 100%;
    max-width: 580px;
    padding: 10px 20px;
    box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #eaeaea;
    display: none
}

#mobile>ul>li.search #search {
    padding: 5px
}

#mobile>ul>li.search #search dd,
#mobile>ul>li.search #search dt {
    float: none
}

#mobile>ul>li.search #search dd {
    padding: 10px;
    overflow: hidden;
    box-sizing: border-box;
    display: block !important
}

#mobile>ul>li.search #search form {
    box-shadow: 0 0 1px #666
}

#mobile>ul>li.search #search input {
    display: block;
    width: 100%;
    height: 40px;
    padding: 10px;
    border: none;
    box-sizing: border-box;
    line-height: 20px
}

#mobile>ul>li.search #search button {
    position: absolute;
    right: 0;
    top: 0;
    width: 55px;
    height: 40px;
    padding: 0;
    background: #144b8d;
    border: none;
    font-size: 1.125rem;
    color: #fff;
    line-height: 2.5rem;
    text-align: center;
    transition: all .3s;
    cursor: pointer
}

#mobile>ul>li.search #search button:hover {
    background: #0070ba
}

#mobile>ul>li.search #search dd div {
    overflow: hidden;
    float: none
}

#mobile>ul>li.search #search a {
    float: left;
    display: block;
    background: #144b8d;
    border-radius: 3px;
    box-shadow: 0 0 5px #666;
    text-align: center;
    transition: all .3s;
    cursor: pointer
}

#mobile>ul>li.search #search a:hover {
    background: #0070ba
}

#mobile>ul>li.search #search #hot-search {
    color: #000;
    padding: 10px;
    margin: 0 auto;
    font-size: 1.125rem;
    width: inherit;
    float: none;
    text-align: inherit;
    line-height: inherit
}

#mobile>ul>li.search #search #hot-search a {
    display: inline !important;
    width: inherit;
    border: none;
    box-shadow: none;
    float: none;
    display: inline-block;
    color: #000;
    background: 0 0;
    line-height: initial;
    font-size: 1.125rem
}

#mobile>ul>li.search #search #hot-search a:hover {
    background: 0 0;
    color: #f17300
}

#navigation>li.search {
    display: block !important
}

#search {
    position: absolute;
    right: 20px;
    top: -35px;
    padding: 0;
    z-index: 999;
    overflow: hidden
}

#search dd,
#search dt {
    float: left
}

#search form {
    position: relative;
    float: left;
    width: 220px;
    margin-right: 0;
    padding-right: 55px;
    border-radius: 0;
    overflow: hidden;
    box-sizing: border-box
}

#search input {
    display: block;
    width: 100%;
    height: 30px;
    border: none;
    box-sizing: border-box;
    border-radius: 0;
    line-height: 10px
}

#search input:focus {
    outline: 2px solid #66afe9 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6) !important
}

#search button {
    position: absolute;
    right: 0;
    top: 0;
    width: 55px;
    height: 30px;
    padding: 0;
    background: #144b8d;
    border: none;
    font-size: 1.125rem;
    color: #fff;
    line-height: 1.875rem;
    text-align: center;
    transition: all .3s;
    cursor: pointer
}

#search button:hover {
    background: #333
}

#search dd div {
    overflow: hidden;
    float: right
}

#search a {
    float: right;
    display: block;
    width: 90px;
    background: #144b8d;
    border-radius: 3px;
    font-size: 1rem;
    color: #fff;
    line-height: 1.875rem;
    text-align: center;
    transition: all .3s;
    margin: 0 5px
}

#search a:hover {
    background: #333
}

#search div>a {
    float: left
}

#search #hot-search {
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 10px 0 0;
    box-sizing: border-box;
    border-radius: 3px;
    font-size: .938rem;
    float: left;
    line-height: 1.875rem;
    text-align: right
}

#search #hot-search a {
    display: inline !important;
    width: initial;
    white-space: nowrap;
    border: none;
    box-shadow: none;
    float: none;
    display: inline-block;
    background: 0 0;
    line-height: initial;
    font-size: .938rem
}

#search #hot-search a:hover {
    background: 0 0
}

#path {
    /*padding-top: 140px;*/
    width: 96%;
    max-width: 1200px;
    margin: 0 auto 20px
}

#path .home {
    display: inline-block;
    width: 23px;
    height: 23px;
    background: url(../../../images/path_home.png) center center no-repeat #666;
    border-radius: 50%;
    text-indent: -9999px;
    transition: all .3s
}

#path .home:hover {
    background-color: #333
}

#path a {
    font-size: 1rem;
    color: #666;
    line-height: 1.4375rem
}

#path a:hover {
    color: #333
}

#path span {
    position: relative;
    top: 5px;
    display: inline-block;
    width: 6px;
    height: 10px;
    margin: 0 10px;
    background: url(../../../images/path_arrow.png);
    text-indent: -9999px
}

#main-title {
    width: 96%;
    max-width: 1200px;
    margin: 0 auto;
    font-size: 2.188rem;
    color: #000;
    line-height: 2.5rem;
    font-weight: 400
}

#main-title .rss {
    position: relative;
    top: -7px;
    display: inline-block;
    margin-left: 10px;
    padding: 0 10px 0 30px;
    background: url(../../../images/rss.png) 10px 10px no-repeat #147bc2;
    border-radius: 3px;
    font-size: .938rem;
    line-height: 2.1875rem;
    color: #fff;
    cursor: pointer;
    transition: all .3s
}

#main-title .rss:hover {
    background-color: #144b8d
}

#container {
    width: 96%;
    max-width: 1200px;
    margin: 20px auto 30px;
    padding: 30px;
    background: #fff;
    box-shadow: 0 0 20px #ddd;
    box-sizing: border-box;
    min-height: 347px
}

#tab-block .tabs {
    background: #147bc2;
    border-bottom: 1px solid #bcbcbc;
    overflow: hidden
}

#tab-block .tabs a {
    float: left;
    display: inline-block;
    padding: 0 20px;
    font-size: 1rem;
    color: #fff;
    line-height: 2.2625rem;
    letter-spacing: .0375rem;
    text-align: center;
    cursor: pointer
}

#tab-block .tabs a.active {
    background: #144b8d
}

#tab-block .tabs a::before {
    content: "";
    position: relative;
    top: 6px;
    display: inline-block;
    width: 4px;
    height: 29px;
    margin-right: 7px
}

#tab-block .tabs a.active:before {
    background: #7bf0ff
}

#tab-block .contents dl {
    padding: 20px 0;
    border-bottom: 1px solid #bcbcbc;
    overflow: hidden
}

#tab-block .contents dl:nth-child(2n + 2) {
    background: #f7f7f7
}

#tab-block .contents dt {
    font-size: 1.125rem;
    color: #042d58;
    margin: 0 10px 0 0;
    padding: 0 10px;
    box-sizing: border-box;
    float: left
}

#tab-block .contents dd {
    overflow: hidden;
    padding: 2px 10px;
    box-sizing: border-box
}

#tab-block .contents dd a {
    display: block;
    font-size: 1.225rem;
    color: #666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#tab-block .contents dd a:hover {
    color: #000
}

#tab-block .contents dl.con-title {
    border-bottom: 2px solid #042d58;
    width: 100%
}

#tab-block .contents dl.con-title dd,
#tab-block .contents dl.con-title dt {
    font-size: 1.125rem;
    color: #042d58;
    font-weight: 700;
    text-align: center
}

#tab-block .contents dl.con-title dt {
    width: 124px;
    margin-right: 0
}


/*////////////////////////////////////*/
#tab-block .contents table.dl-rwd tr {
    padding: 20px 0;
    border-bottom: 0;
    overflow: hidden;
    display: block;
    border-bottom: 1px solid #bcbcbc;
}

#tab-block .contents table.dl-rwd tr:nth-child(2n + 2) {
    background: #f7f7f7
}

#tab-block .contents table.dl-rwd tr th {
    font-size: 1.125rem;
    color: #042d58;
}

    #tab-block .contents table.dl-rwd tr td {
        overflow: hidden;
        padding: 2px 10px;
        border-bottom: 0;
        
    }

#tab-block  .contents table.dl-rwd tr td a {
    display: block;
    font-size: 1.225rem;
    color: #666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#tab-block  .contents table.dl-rwd tr td a:hover {
    color: #000
}

#tab-block  .contents table.dl-rwd tr.con-title {
    border-bottom: 2px solid #042d58;
    width: 100%
}

#tab-block  .contents table.dl-rwd tr.con-title td,
#tab-block  .contents table.dl-rwd tr.con-title thead th {
    font-size: 1.125rem;
    color: #042d58;
    font-weight: 700;
    text-align: center
}

#tab-block  .contents table.dl-rwd tr.con-title tbody td {
    width: 124px;
    margin-right: 0
}
/*////////////////////////////////*/

#page {
    padding-top: 20px;
    text-align: center
}

#page .search {
    display: inline-block;
    margin-bottom: 15px;
    padding: 0 10px 0 30px;
    background: url(../../../images/search.png) 10px 10px no-repeat #147bc2;
    border-radius: 3px;
    font-size: .938rem;
    line-height: 2.1875rem;
    color: #fff;
    cursor: pointer;
    transition: all .3s
}

#page .search:hover {
    background-color: #ccc
}

#page .info {
    font-size: 1rem;
    color: #333;
    line-height: 1.25rem
}

#page .info span a,
#page .info span b {
    display: inline-block;
    padding: 0 3px;
    color: #0071be
}

#page .page {
    padding: 20px 0;
    overflow: hidden;
    text-align: center;
    clear: both
}

#page .page li {
    display: inline-block
}

#page .page li a,
#page .page li span {
    position: relative;
    display: inline-block;
    width: 45px;
    margin: -1px 0 0 -1px;
    border: 1px solid #ccc;
    font-family: helvetica;
    font-size: 1.125rem;
    color: #147bc2;
    line-height: 2.8125rem;
    text-align: center;
    cursor: pointer;
    box-sizing: border-box;
    transition: all .3s
}

#page .page li.after a,
#page .page li.before a,
#page .page li.first a,
#page .page li.last a,
#page .page li.next a,
#page .page li.prev a {
    text-indent: -9999px
}

#page .page li.after a:before,
#page .page li.before a:before,
#page .page li.first a:before,
#page .page li.last a:before,
#page .page li.next a:before,
#page .page li.prev a:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    height: 14px;
    margin-top: -7px;
    background: url(../../../images/page.png)
}

#page .page li.next a:before,
#page .page li.prev a:before {
    width: 10px;
    margin-left: -5px
}

#page .page li.prev a:before {
    background-position: -33px top
}

#page .page li.next a:before {
    background-position: -43px top
}

#page .page li.after a:before,
#page .page li.before a:before {
    width: 20px;
    margin-left: -10px
}

#page .page li.before a:before {
    background-position: -13px top
}

#page .page li.after a:before {
    background-position: -43px top
}

#page .page li.first a:before,
#page .page li.last a:before {
    width: 13px;
    margin-left: -6px
}

#page .page li.first a:before {
    background-position: left top
}

#page .page li.last a:before {
    background-position: right top
}

#page .page li.num.active a,
#page .page li.num.active span,
#page .page li.num:hover a {
    background: #eee;
    color: #333;
    text-shadow: 0 0 3px #fff
}

#page .page li.after:hover a,
#page .page li.before:hover a,
#page .page li.first:hover a,
#page .page li.last:hover a,
#page .page li.next:hover a,
#page .page li.prev:hover a {
    background-color: #f1f1f1
}

#editor {
    min-height: 500px;
    font-size: 100%
}

#editor ol,
#editor ul {
    list-style: initial;
    padding-left: 40px
}

#editor ul li {
    list-style: disc
}

#editor ol li {
    list-style: decimal
}

#editor.small {
    font-size: 100%
}

#editor.normal {
    font-size: 110%
}

#editor.large {
    font-size: 120%
}

#editor .title {
    position: relative;
    padding: 0 160px 15px 0;
    border-bottom: 1px solid #aaa;
    font-size: 1.563em;
    color: #147bc2
}

#editor .title .resize {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 1rem;
    color: #666
}

#editor .title .resize b {
    display: inline-block;
    margin-left: 3px;
    padding: 3px 5px;
    background: #147bc2;
    border-radius: 3px;
    font-size: 1.125rem;
    color: #fff;
    cursor: pointer
}

#editor .title .resize b.active {
    background: #144b8d
}

#editor .wrap {
    padding: 15px 0
}

#editor .wrap:after {
    content: "";
    display: block;
    clear: both
}

#editor .wrap .info {
    float: left;
    padding-top: 10px;
    font-size: .87em;
    color: #767676;
    line-height: 1.25em
}

#editor .wrap .info span {
    color: #d24500
}

#editor .wrap .share {
    float: right;
    padding-top: 10px
}

#editor .wrap .share a {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-left: 4px;
    background: url(../../../images/share.jpg);
    cursor: pointer;
    float: left
}

#editor .wrap .share .fb {
    background-position: left top;
    text-indent: -9999px
}

#editor .wrap .share .twitter {
    background-position: -32px top;
    text-indent: -9999px
}

#editor .wrap .share .plurk {
    background-position: -64px top;
    text-indent: -9999px
}

#editor .wrap .share .google {
    background-position: right top
}

#editor .wrap .share .qrcode {
    background: url(../../../images/qr_icon.jpg)
}

#editor .wrap .share .qrcode span {
    position: absolute;
    right: 0;
    top: 32px;
    display: none;
    width: 150px;
    height: 150px;
    background: #fff;
    border: 1px solid #ccc
}

#editor .wrap .share .qrcode span img {
    display: block;
    width: 100%;
    height: auto
}

#editor .wrap .share .qrcode:hover span {
    display: block
}

#editor .content {
    padding: 20px 0;
    font-size: 1.1em;
    color: #333;
    line-height: 1.875em
}

#editor .content img {
    display: block;
    max-width: 100%;
    height: auto
}

#editor .other {
    text-align: right
}

#editor .other a {
    display: inline-block;
    font-size: .938rem;
    color: #000;
    cursor: pointer
}

#editor .other a:before {
    content: "";
    position: relative;
    display: inline-block;
    margin-right: 5px
}

#editor .download {
    padding-top: 20px
}

#editor .download a {
    display: inline-block;
    padding: 3px 0;
    font-size: 1rem;
    color: #147bc2;
    line-height: 1.875rem;
    transition: all .3s
}

#editor .download a:before {
    content: "";
    position: relative;
    top: 2px;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 5px;
    background: url(../../../images/dl_icon.png) left top
}

#editor .download a.pdf:before {
    background-position: -30px top
}

#editor .download a.xls:before {
    background-position: -60px top
}

#editor .download a.xlsx:before {
    background-position: -90px top
}

#editor .download a.doc:before {
    background-position: -120px top
}

#editor .download a.docx:before {
    background-position: right top
}

#editor .download a.ppt:before {
    background-position: left -30px
}

#editor .download a.pptx:before {
    background-position: -30px -30px
}

#editor .download a.zip:before {
    background-position: -60px -30px
}

#editor .download a.rar:before {
    background-position: -90px -30px
}

#editor .download a.jpg:before {
    background-position: -120px -30px
}

#editor .download a.tiff:before {
    background-position: right -30px
}

#editor .download a.png:before {
    background-position: left -60px
}

#editor .download a.gif:before {
    background-position: -30px -60px
}

#editor .download a.wmv:before {
    background-position: -60px -60px
}

#editor .download a.txt:before {
    background-position: -90px -60px
}

#editor .download a.text:before {
    background-position: -120px -60px
}

#editor .download a.opt:before {
    background-position: right -60px
}

#editor .download a.odt:before {
    background-position: left bottom
}

#editor .download a.ods:before {
    background-position: -30px bottom
}

#editor .download a.odp:before {
    background-position: -60px bottom
}

#editor .download a.odf:before {
    background-position: -90px bottom
}

#editor .download a.odg:before {
    background-position: -120px bottom
}

#editor .download a.odb:before {
    background-position: right bottom
}

#editor .download a:hover {
    color: #0070ba
}

#editor .gallery {
    overflow: hidden
}

#editor .gallery dl {
    float: left;
    width: 33.3%;
    padding: 2% 1% 1%;
    box-sizing: border-box
}

#editor .gallery dt {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    border: 1px solid #ccc
}

#editor .gallery dt:after {
    padding-top: 56.25%;
    content: "";
    display: block
}

#editor .gallery dt a {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

#editor .gallery dt a img {
    display: block;
    height: auto;
    transition: all .3s;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    max-width: 100%;
    max-height: 100%;
    margin: auto
}

#editor .gallery dt a:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    display: none;
    width: 35px;
    height: 21px;
    margin: -10px 0 0 -17px;
    background: url(../../../images/gallery_icon.png)
}

#editor .gallery dt a:hover img {
    opacity: .5
}

#editor .gallery dt a:hover:after {
    display: block
}

#editor .gallery dd {
    padding: 10px 0 0;
    font-size: 1rem;
    color: #666;
    line-height: 1.875rem;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.df_people {
    background: #0070ba;
    padding: 12px 15px;
    color: #fff;
    float: right;
    margin-top: -50px;
    border-radius: 3px
}

.df_people:focus,
.df_people:hover {
    background: #144b8d;
    color: #fff
}

#forward form {
    padding-bottom: 20px
}

#forward li {
    position: relative;
    padding: 15px 0 15px 10px
}

#forward li span {
    position: absolute;
    left: 0;
    top: 25px;
    display: block;
    font-size: 1rem;
    color: #666
}

#forward li input[type="email"],
#forward li input[type="text"] {
    width: 100%;
    max-width: 300px;
    height: 40px;
    padding: 10px;
    border: 1px solid #ddd;
    box-sizing: border-box
}

#forward li b {
    display: block;
    padding-top: 10px;
    font-size: .813rem;
    color: #999;
    font-weight: 400;
    text-indent: 10px
}

#forward li textarea {
    display: block;
    width: 100%;
    height: 200px;
    padding: 10px;
    border: 1px solid #ddd;
    box-sizing: border-box
}

#forward .btn {
    padding-top: 30px;
    text-align: center
}

#forward .btn button {
    display: inline-block;
    width: 55px;
    height: 40px;
    padding: 0 10px;
    border-radius: 3px;
    background: #144b8d;
    border: none;
    font-size: 1.125rem;
    color: #fff;
    line-height: 2.5rem;
    text-align: center;
    cursor: pointer
}

#forward .other {
    text-align: right
}

#forward .other a {
    display: inline-block;
    font-size: .938rem;
    color: #000;
    cursor: pointer
}

#forward .other a:before {
    content: "";
    position: relative;
    display: inline-block;
    margin-right: 5px
}

#forward .other .back:before {
    top: 2px;
    width: 21px;
    height: 15px;
    background: url(../../../images/back.png)
}

#forward li input[type="file"] {
    margin: 15px 0 10px 0;
    display: block
}

#forward li select {
    line-height: 2.5rem;
    padding: 10px
}

#forward li .required {
    font-size: .938rem;
    display: inline-block;
    margin: 0 15px;
    color: #900;
    width: 15px;
    height: 12px;
    background: url(../../../images/required.png) no-repeat left;
    padding: 0 0 0 20px
}

#table .table-style {
    width: 100%;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    margin: 20px auto
}

#table .table-style tr td,
#table .table-style tr th {
    padding: 5px;
    text-align: left;
    word-break: break-all;
    vertical-align: top;
    box-sizing: border-box
}

#table .table-style tr th {
    color: #fff;
    background: #144b8d
}

#table .table-style tr td {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    color: #333
}

#table .table-style tr {
    cursor: inherit
}

#table .table-style tr.even {
    background: #eee
}

#table .table-style tr.odd {
    background: #fdfdfd
}

#forward.schedule .title-place {
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
    font-size: 1.25rem;
    background: #f7f7f7;
    border-top: 1px solid #bbb;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    color: #0071be;
    font-weight: 700;
    position: relative
}

#forward.schedule .title-place b.front {
    background: url(../../../images/place-arrow.png) no-repeat right;
    padding-right: 20px;
    box-sizing: border-box;
    margin-right: 10px;
    display: inline-block
}

#forward.schedule .ship-info {
    overflow: hidden;
    position: absolute;
    right: 10px;
    top: 15px
}

#forward.schedule .ship-info dd,
#forward.schedule .ship-info dt {
    float: left;
    font-size: 1rem;
    margin: 0 5px;
    padding: 0 0 0 25px;
    box-sizing: border-box
}

#forward.schedule .ship-info dt {
    background: url(../../../images/suspended_icon.png) no-repeat;
    color: #c23211
}

#forward.schedule .ship-info dd {
    background: url(../../../images/change_icon.png) no-repeat;
    color: #3a6b13
}

#forward.schedule h4 {
    font-size: 1.5rem;
    background: url(../../../images/title-icon2.png) #0071be no-repeat 10px center;
    padding: 10px 10px 10px 50px;
    color: #fff;
    border-radius: 10px 10px 0 0;
    box-sizing: border-box;
    display: inline-block
}

#forward.schedule h3 {
    font-size: 1.5rem;
    background: url(../../../images/title-icon2.png) #0071be no-repeat 10px center;
    padding: 10px 10px 8px 50px;
    color: #fff;
    border-radius: 10px 10px 0 0;
    box-sizing: border-box;
    display: inline-block
}

#forward.schedule .search-box {
    border-top: 2px solid #0071be;
    border-bottom: 2px solid #0071be;
    padding: 10px;
    box-sizing: border-box;
    margin-bottom: 20px
}

#forward.schedule .search-box form {
    padding: 0
}

#forward.schedule .search-box li {
    border-bottom: 1px dashed #ccc
}

    #forward.schedule .search-box li span {
        color: #222;
        font-size: 1.125rem;
        position: relative;
        display: inline-block;
        top: 0;
    }

        #forward.schedule .search-box li span.select2-container--default {
            height: 28px;
            width: 150px !important;
        }

        #forward.schedule .search-box li .select2-container--default .select2-selection--clearable {
            display: flex;
            justify-content: flex-start;
        }


            #forward.schedule .search-box li .select2-container--default .select2-selection--clearable .select2-selection__rendered {
                margin-right: 0;
                padding-left: 0;
                min-width: initial;
            }

            #forward.schedule .search-box li .select2-container--default .select2-selection--clearable button.select2-selection__clear {
                margin-right: 0;
                padding-left: 0;
            }

                #forward.schedule .search-box li .select2-container--default .select2-selection--clearable button.select2-selection__clear span {
                    min-width: 20px;
                }
  
        #forward.schedule .search-box li span.select2-selection__arrow {
            position: absolute;
            right: 0;
            left: initial;
        }

        span.select2-dropdown--above,
        span.select2-dropdown--below {
            width: 180px !important;
        }


#forward.schedule .search-box li .select2-selection__arrow {
    min-width: 25px;
}

    #forward.schedule .search-box .select2-container--open .select2-selection--single .select2-selection__arrow b {
        top: 0%;
    }

#forward.schedule .search-box li input {
    width: 300px;
    color: #222;
    font-size: 1rem
}

        #forward.schedule .search-box li select {
            width: 300px;
            color: #222;
            font-size: 1rem
        }

        #forward.schedule .search-box .btn {
            padding: 10px 0 0 0
        }

        #forward.schedule .ship-list {
            margin: 0 0 20px 0
        }

        #forward.schedule table {
            width: 100%;
            border-top: 1px solid #ccc;
            border-left: 1px solid #ccc
        }

            #forward.schedule table tr th {
                padding: 10px;
                box-sizing: border-box;
                font-size: 1.25rem;
                color: #144b8d;
                border-bottom: 1px solid #ccc;
                border-right: 1px solid #ccc;
                background: #ddd
            }

            #forward.schedule table.Regflig tr th {
                color: #fff;
                border: 1px solid #004E8E;
                background-color: #004E8E;
                vertical-align: middle;
                text-align: center;
            }
            #forward.schedule table.Regflig tr td {
                vertical-align: middle;
                text-align: center;
            }

            #forward.schedule table tr td {
                padding: 10px;
                box-sizing: border-box;
                border-bottom: 1px solid #ccc;
                border-right: 1px solid #ccc;
                color: #000;
                text-align: center
            }

                #forward.schedule table tr td span {
                    margin: 0 auto;
                    box-sizing: border-box;
                    display: block
                }

            #forward.schedule table tr.time-row td {
                background: #0071be;
                color: #fff;
                font-size: 1.125rem
            }

            #forward.schedule table tr .time-col {
                background: #b6dcf6;
                color: #135787;
                font-size: 1.125rem
            }

            #forward.schedule table tr .td-red {
                color: #c23211
            }

                #forward.schedule table tr .td-red:before {
                    content: "";
                    width: 20px;
                    height: 19px;
                    display: block;
                    background: url(../../../images/suspended_icon.png) no-repeat;
                    padding: 0 0 0 20px;
                    box-sizing: border-box;
                    margin: 5px auto 0 auto
                }

            #forward.schedule table tr .td-green {
                color: #3a6b13
            }

                #forward.schedule table tr .td-green:before {
                    content: "";
                    width: 20px;
                    height: 19px;
                    display: block;
                    background: url(../../../images/change_icon.png) no-repeat;
                    padding: 0 0 0 20px;
                    box-sizing: border-box;
                    margin: 5px auto 0 auto
                }

            

        .scroll-box {
            display: none;
            width: 252px;
            background: #0071be;
            opacity: .7;
            color: #fff;
            padding: 10px;
            box-sizing: border-box;
            border-radius: 10px;
            margin: 10px auto
        }

            .scroll-box:before {
                display: inline-block;
                content: "<";
                width: 10px;
                height: 10px;
                color: #fff;
                margin: 0 5px;
                box-sizing: border-box
            }

            .scroll-box:after {
                display: inline-block;
                content: ">";
                width: 10px;
                height: 10px;
                color: #fff;
                margin: 0 5px;
                box-sizing: border-box
            }

        .ship-contact {
            margin: 10px 0;
            padding: 10px;
            box-sizing: border-box
        }

            .ship-contact dl {
                color: #333;
                margin: 10px 0;
                font-size: 1.125rem;
                overflow: hidden
            }

                .ship-contact dl dd,
                .ship-contact dl dt {
                    float: left;
                    display: inline-block;
                    line-height: 1.5rem
                }

            .ship-contact dt:before {
                content: "";
                display: block;
                float: left;
                width: 8px;
                height: 8px;
                border: 2px solid #154d73;
                line-height: 1.25rem;
                background: #2c8cce;
                margin: 8px 10px 0 0;
                box-sizing: border-box;
                border-radius: 50%
            }

            .ship-contact div {
                background: url(../../../images/contact-icon.png) no-repeat #0071be 10px center;
                color: #fff;
                padding: 10px 10px 10px 40px;
                display: inline-block;
                font-size: 1.25rem
            }

            .ship-contact p.ship-time {
                color: #145988;
                background: url(../../../images/ship-time.png) no-repeat left;
                padding: 10px 0 10px 30px;
                font-size: 1rem;
                border-radius: 3px;
                font-weight: 700
            }

        #forward.news-search h4 {
            font-size: 1.5rem;
            background: url(../../../images/title-icon2.png) #0071be no-repeat 10px center;
            padding: 10px 10px 10px 50px;
            color: #fff;
            border-radius: 7px;
            box-sizing: border-box;
            display: inline-block;
            margin-bottom: 20px;
            cursor: pointer
        }

            #forward.news-search h4:hover {
                background-color: #144b8d
            }

        #forward.news-search .news-search-div {
            font-size: 1.5rem;
            background: url(../../../images/title-icon2.png) #144b8d no-repeat 10px center;
            padding: 10px 10px 10px 50px;
            color: #fff;
            border-radius: 7px;
            box-sizing: border-box;
            display: inline-block;
            margin-bottom: 10px;
            cursor: pointer
        }

            #forward.news-search .news-search-div:hover {
                background-color: #144b8d
            }

        #forward.news-search .search-box {
            border-top: 2px solid #0071be;
            border-bottom: 2px solid #0071be;
            padding: 10px;
            box-sizing: border-box;
            margin-bottom: 20px;
            display: none
        }

            #forward.news-search .search-box form {
                padding: 0
            }

            #forward.news-search .search-box li {
                border-bottom: 1px dashed #ccc
            }

                #forward.news-search .search-box li span {
                    color: #222;
                    font-size: 1.125rem;
                    top: 16px
                }

                #forward.news-search .search-box li input {
                    width: 300px;
                    color: #222;
                    font-size: 1rem
                }

                #forward.news-search .search-box li select {
                    width: 300px;
                    color: #222;
                    font-size: 1rem
                }

        .link {
            overflow: hidden;
            margin: 0 0 20px 0
        }

            .link .link-type {
                font-size: 1.25rem;
                margin: 0 0 20px 0;
                background: url(../../../images/alpha_pic.png) repeat #144b8d;
                padding: 10px 20px 10px 50px;
                color: #fff;
                border-radius: 3px;
                position: relative;
                display: block;
                width: 100% !important
            }

                .link .link-type:before {
                    content: "";
                    width: 20px;
                    height: 20px;
                    background: url(../../../images/link.png);
                    display: block;
                    position: absolute;
                    left: 20px;
                    top: 12px
                }

            .link li {
                float: left;
                width: 20%;
                margin: 0 0 10px 0;
                box-sizing: border-box;
                padding: 1%
            }

                .link li dl dt {
                    border: 1px solid #003b83
                }

                    .link li dl dt a {
                        display: block;
                        position: relative;
                        width: 100%;
                        height: 100%
                    }

                        .link li dl dt a img {
                            display: block;
                            width: 100%
                        }

                        .link li dl dt a:after {
                            display: block;
                            content: "";
                            width: 100%;
                            min-height: 100%;
                            height: auto;
                            position: absolute;
                            left: 0;
                            top: 0
                        }

                        .link li dl dt a:hover:after {
                            background: url(../../../images/link-h.png) repeat
                        }

                .link li dl dd span {
                    display: block;
                    padding: 10px;
                    color: #333;
                    font-weight: 700
                }

        #con-search {
            padding: 5px;
            overflow: hidden
        }

            #con-search form {
                position: relative;
                float: left;
                margin-right: 15px;
                padding-right: 55px;
                overflow: hidden;
                box-sizing: border-box
            }

            #con-search dl {
                overflow: hidden
            }

                #con-search dl dd,
                #con-search dl dt {
                    float: left;
                    margin-right: 10px;
                    box-sizing: border-box;
                    line-height: 2.5rem;
                    font-size: 1rem
                }

                #con-search dl dt {
                    background: url(../../../images/con-search.png) no-repeat left;
                    padding: 0 0 0 30px
                }

            #con-search input {
                display: block;
                width: 300px;
                height: 40px;
                padding: 10px;
                border: 1px solid #ccc;
                box-sizing: border-box
            }

            #con-search button {
                position: absolute;
                right: 0;
                top: 0;
                width: 55px;
                height: 40px;
                padding: 0;
                border-radius: 3px;
                background: #144b8d;
                border: none;
                font-size: 1.125rem;
                color: #fff;
                line-height: 2.5rem;
                text-align: center;
                cursor: pointer
            }

            #con-search a {
                float: right;
                display: block;
                width: 90px;
                background: #144b8d;
                border-radius: 3px;
                font-size: 1rem;
                color: #fff;
                line-height: 2.5rem;
                text-align: center
            }

        #item-box {
            overflow: hidden;
            margin: 30px 0
        }

            #item-box li {
                float: left;
                margin: 10px 10px 10px 0;
                box-sizing: border-box;
                border: 1px solid #ccc;
                border-radius: 3px
            }

                #item-box li a {
                    display: block;
                    padding: 10px 6px;
                    box-sizing: border-box;
                    color: #144b8d;
                    font-size: 1.125rem;
                    border-radius: 3px;
                    line-height: 1.42857143
                }

                    #item-box li a.active {
                        background: url(../../../images/item-icon.png) no-repeat 10px center #144b8d;
                        padding: 10px 20px 10px 45px;
                        color: #fff
                    }

                    #item-box li a:hover {
                        color: #fff;
                        background-color: #144b8d
                    }

        #qa {
            background: #f1f1f1;
            border: 1px solid #ccc;
            border-bottom: 0
        }

            #qa > li {
                border-bottom: 1px solid #ccc
            }

            #qa .qa-title {
                box-sizing: border-box;
                position: relative;
                padding: 5px 20px;
                overflow: hidden;
                color: #fff;
                border-bottom: 1px solid #ccc;
                cursor: pointer
            }

                #qa .qa-title span {
                    color: #2a90c3;
                    font-size: 1.125rem
                }

                #qa .qa-title a {
                    font-size: 1.125rem;
                    color: #2a90c3;
                    line-height: 1.5625rem;
                    font-weight: 700;
                    text-decoration: none
                }

            #qa .qa-con {
                display: none;
                box-sizing: border-box;
                background: #fff;
                padding: 20px;
                font-size: 1rem;
                color: #333;
                line-height: 1.5625rem;
                border-left: 1px solid #ccc
            }

            #qa > li.active .qa-title:after {
                background-position: left top
            }

            #qa > li.active,
            #qa > li:hover,
            #qa > li:hover .qa-title a,
            #qa > li:hover .qa-title span {
                background: #2a90c3;
                color: #fff
            }

                #qa > li.active .qa-title a {
                    color: #fff
                }

                    #qa > li.active .qa-title a:hover {
                        text-decoration: none
                    }

                #qa > li.active .qa-title span {
                    color: #fff
                }

        .publication .publication-img {
            border: 1px solid #ccc;
            width: 100%;
            min-height: 300px;
            position: relative;
            text-align: center;
        }

        .publication a:hover .publish-tit {
            color: #144b8d;
        }

        .publication .publication-tit {
            font-size: 1.125rem;
            margin: 6px auto;
            color: #333;
            transition: all .3s;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
            min-height: 52px;
        }

        .publish {
            overflow: hidden
        }

            .publish li {
                float: left;
                width: 18%;
                min-height: 200px;
                margin: 1%;
                box-sizing: border-box
            }

                .publish li a {
                    display: block
                }

                    .publish li a .publish-img {
                        border: 1px solid #ccc;
                        width: 100%;
                        min-height: 300px;
                        position: relative
                    }

                        .publish li a .publish-img:after {
                            content: "";
                            position: absolute;
                            left: 50%;
                            top: 50%;
                            display: none;
                            width: 44px;
                            height: 44px;
                            background: url(../../../images/hover_arrow.jpg);
                            margin: -22px 0 0 -22px;
                        }

                    .publish li a:hover .publish-img:after {
                        display: block
                    }

                    .publish li a .publish-img:before {
                        content: "";
                        background: url(../../../images/link-h.png) repeat;
                        width: 100%;
                        height: 100%;
                        position: absolute;
                        display: none
                    }

                    .publish li a:hover .publish-img:before {
                        display: block
                    }

                    .publish li a:hover img {
                        opacity: .6
                    }

                    .publish li a img {
                        display: block;
                        margin: 0 auto;
                        max-width: 100%;
                        height: 100%
                    }

                    .publish li a .publish-tit {
                        font-size: 1.125rem;
                        margin: 6px auto;
                        color: #333;
                        transition: all .3s;
                        display: -webkit-box;
                        -webkit-box-orient: vertical;
                        -webkit-line-clamp: 2;
                        overflow: hidden;
                        max-height: 48px
                    }

                    .publish li a:hover .publish-tit {
                        color: #144b8d
                    }

        .video {
            overflow: hidden
        }

            .video li {
                float: left;
                width: 31%;
                margin-right: 10px;
                margin: 1%;
                box-sizing: border-box;
                padding: 1%;
                background: #fcfcfc;
                border: 2px solid #144b8d
            }

                .video li img {
                    width: 100%;
                    height: 217px;
                    overflow: hidden
                }

                .video li a {
                    display: block;
                    position: relative;
                    height: 185px
                }

                    .video li a img {
                        border: 1px solid #ccc;
                        width: 100%;
                        position: relative;
                        height: 185px
                    }

                    .video li a:after {
                        content: "";
                        position: absolute;
                        left: 50%;
                        top: 50%;
                        display: block;
                        width: 50px;
                        height: 50px;
                        background: url(../../../images/video_h.png) 0 -50px;
                        margin: -50px 0 0 -25px
                    }

                    .video li a:hover:after {
                        background: url(../../../images/video_h.png) 0 0
                    }

                    .video li a img:before {
                        content: "";
                        background: url(../../../images/link-h.png) repeat;
                        width: 100%;
                        height: 100%;
                        position: absolute;
                        display: none
                    }

                    .video li a:hover img:before {
                        display: block
                    }

                    .video li a:hover img {
                        opacity: .6
                    }

                .video li .video-tit {
                    font-size: 1.125rem;
                    margin: 0 auto;
                    color: #333;
                    padding: 10px 10px 10px 30px;
                    background: url(../../../images/media_link.png) no-repeat left center;
                    border-top: 1px dashed #144b8d;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis
                }

                .video li:hover .video-tit {
                    color: #144b8d;
                    background: url(../../../images/media_link-h.png) no-repeat left center
                }

        .con-search-label {
            font-size: 1em;
            color: #144b8d
        }

        .download-box {
            border-bottom: 1px solid #ddd;
            margin: 0 0 20px 0;
            padding: 0 0 20px 0
        }

            .download-box h4 {
                font-weight: 400;
                font-size: 1.125rem
            }

                .download-box h4 b {
                    font-size: 1.25rem;
                    color: #144b8d
                }

            .download-box ul.status {
                overflow: hidden;
                margin-top: 10px
            }

                .download-box ul.status li {
                    float: left;
                    font-weight: 400;
                    font-size: .938rem;
                    line-height: 1.5625rem;
                    margin: 0 10px 0 0
                }

                .download-box ul.status .post-time:before {
                    content: "";
                    display: inline-block;
                    width: 12px;
                    height: 11px;
                    background: url(../../../images/post-icon.png) no-repeat left 0;
                    margin-right: 5px
                }

            .download-box ul.status2 {
                overflow: hidden;
                margin-top: 10px;
                float: right
            }

                .download-box ul.status2 li {
                    float: left;
                    font-weight: 400;
                    font-size: .938rem;
                    line-height: 1.5625rem;
                    margin: 0 10px 0 0
                }

                .download-box ul.status2 .post-num:before {
                    content: "";
                    display: inline-block;
                    width: 12px;
                    height: 11px;
                    background: url(../../../images/post-icon.png) no-repeat -23px 0;
                    margin-right: 5px
                }

                .download-box ul.status2 li:before {
                    background-position: left top
                }

                .download-box ul.status2 .file:before {
                    content: "";
                    display: inline-block;
                    width: 12px;
                    height: 11px;
                    background: url(../../../images/post-icon.png) no-repeat right 0;
                    margin-right: 5px
                }

            .download-box .doc-list {
                clear: both;
                overflow: hidden
            }

                .download-box .doc-list > li {
                    width: 95%;
                    margin: 1%;
                    border: 1px solid #ccc;
                    padding: 5px 10px;
                    box-sizing: border-box
                }

                    .download-box .doc-list > li p {
                        display: inline-block;
                        vertical-align: middle
                    }

                .download-box .doc-list a {
                    display: inline-block;
                    vertical-align: middle;
                    padding: 10px;
                    font-size: 1rem;
                    color: #147bc2;
                    line-height: 1.875rem;
                    cursor: pointer;
                    transition: all .3s;
                    text-overflow: ellipsis;
                    overflow: hidden;
                    white-space: nowrap;
                    height: 30px;
                    clear: both;
                    box-sizing: unset
                }

                    .download-box .doc-list a:before {
                        content: "";
                        position: relative;
                        top: 2px;
                        display: inline-block;
                        width: 30px;
                        height: 30px;
                        margin-right: 5px;
                        background: url(../../../images/dl_icon.png) left top;
                        vertical-align: -8px
                    }

                    .download-box .doc-list a span {
                        display: inline-block;
                        margin: 0 0 0 10px;
                        box-sizing: border-box;
                        color: #777
                    }

                    .download-box .doc-list a.pdf:before {
                        background-position: -30px top
                    }

                    .download-box .doc-list a.xls:before {
                        background-position: -60px top
                    }

                    .download-box .doc-list a.xlsx:before {
                        background-position: -90px top
                    }

                    .download-box .doc-list a.doc:before {
                        background-position: -120px top
                    }

                    .download-box .doc-list a.docx:before {
                        background-position: right top
                    }

                    .download-box .doc-list a.ppt:before {
                        background-position: left -30px
                    }

                    .download-box .doc-list a.pptx:before {
                        background-position: -30px -30px
                    }

                    .download-box .doc-list a.zip:before {
                        background-position: -60px -30px
                    }

                    .download-box .doc-list a.rar:before {
                        background-position: -90px -30px
                    }

                    .download-box .doc-list a.jpg:before {
                        background-position: -120px -30px
                    }

                    .download-box .doc-list a.tiff:before {
                        background-position: right -30px
                    }

                    .download-box .doc-list a.png:before {
                        background-position: left -60px
                    }

                    .download-box .doc-list a.gif:before {
                        background-position: -30px -60px
                    }

                    .download-box .doc-list a.wmv:before {
                        background-position: -60px -60px
                    }

                    .download-box .doc-list a.txt:before {
                        background-position: -90px -60px
                    }

                    .download-box .doc-list a.text:before {
                        background-position: -120px -60px
                    }

                    .download-box .doc-list a.opt:before {
                        background-position: right -60px
                    }

                    .download-box .doc-list a.odt:before {
                        background-position: left bottom
                    }

                    .download-box .doc-list a.ods:before {
                        background-position: -30px bottom
                    }

                    .download-box .doc-list a.odp:before {
                        background-position: -60px bottom
                    }

                    .download-box .doc-list a.odf:before {
                        background-position: -90px bottom
                    }

                    .download-box .doc-list a.odg:before {
                        background-position: -120px bottom
                    }

                    .download-box .doc-list a.odb:before {
                        background-position: right bottom
                    }

                    .download-box .doc-list a:hover {
                        color: #000;
                        background: #e4ebf3
                    }

        .search-result {
            overflow: hidden
        }

            .search-result .left,
            .search-result .right {
                float: left
            }

            .search-result .left {
                width: 24%
            }

                .search-result .left > ul {
                    padding: 20px 0;
                    box-sizing: border-box
                }

                    .search-result .left > ul .click-all {
                        overflow: hidden;
                        text-align: center;
                        padding-bottom: 10px
                    }

                        .search-result .left > ul .click-all dd,
                        .search-result .left > ul .click-all dt {
                            float: left
                        }

                            .search-result .left > ul .click-all dd a,
                            .search-result .left > ul .click-all dt a {
                                display: block;
                                padding: 0 10px;
                                box-sizing: border-box;
                                text-align: center;
                                color: #333
                            }

                            .search-result .left > ul .click-all dd a {
                                border-left: 1px solid #666
                            }

                        .search-result .left > ul .click-all a:hover {
                            color: #0071be
                        }

                .search-result .left ul li.item {
                    margin: 10px 0
                }

                    .search-result .left ul li.item .btn {
                        cursor: pointer
                    }

                    .search-result .left ul li.item > a {
                        padding: 5px 5px 5px 40px;
                        color: #042d58;
                        font-size: 1.063rem;
                        display: block;
                        position: relative;
                        border-bottom: 1px dashed #aaa
                    }

                        .search-result .left ul li.item > a:before {
                            content: "";
                            display: inline-block;
                            width: 30px;
                            height: 30px;
                            background: url(../../../images/folder-icon.png) #144b8d no-repeat center;
                            border-radius: 50%;
                            position: absolute;
                            top: 1px;
                            left: 5px
                        }

                        .search-result .left ul li.item > a:hover {
                            color: #0071be;
                            transition: all .3s
                        }

                .search-result .left .sub dl dt {
                    position: relative;
                    padding: 0 0 0 20px;
                    margin: 5px 0
                }

                    .search-result .left .sub dl dt b {
                        position: absolute;
                        line-height: 1.125rem;
                        left: 20px;
                        width: 20px;
                        height: 20px;
                        top: 2px;
                        display: inline-block;
                        cursor: pointer;
                        background: url(../../../images/sw-btn.png) no-repeat
                    }

                        .search-result .left .sub dl dt b.open {
                            background-position: 0 -20px
                        }

                        .search-result .left .sub dl dt b.close {
                            background-position: 0 0
                        }

                    .search-result .left .sub dl dt a {
                        padding: 0 0 0 35px;
                        font-size: 1.063rem;
                        color: #333;
                        display: inline-block;
                        position: relative
                    }

                        .search-result .left .sub dl dt a:before {
                            content: "";
                            display: inline-block;
                            width: 20px;
                            height: 20px;
                            background: url(../../../images/doc-icon-0.png) no-repeat center;
                            position: absolute;
                            left: 15px;
                            top: 2px;
                            transition: all .3s
                        }

                        .search-result .left .sub dl dt a:hover {
                            color: #0071be
                        }

                .search-result .left .sub dl dd ul li {
                    padding: 0 0 0 50px
                }

                    .search-result .left .sub dl dd ul li a {
                        font-size: 1.063rem;
                        color: #333;
                        display: inline-block;
                        position: relative;
                        padding: 0 0 0 25px
                    }

                        .search-result .left .sub dl dd ul li a:before {
                            content: "";
                            display: inline-block;
                            width: 20px;
                            height: 20px;
                            background: url(../../../images/doc-icon.png) no-repeat center;
                            position: absolute;
                            top: 2px;
                            left: 0
                        }

                        .search-result .left .sub dl dd ul li a:hover {
                            color: #0071be;
                            transition: all .3s
                        }

            .search-result .right {
                width: 75%;
                margin-left: 1%
            }

            .search-result .box-title {
                font-size: 1.25rem;
                padding: 10px 20px;
                box-sizing: border-box;
                color: #fff;
                background: #147bc2;
                border-radius: 5px
            }

            .search-result .right .contents {
                padding: 20px;
                box-sizing: border-box
            }

                .search-result .right .contents .search-info {
                    padding: 0 0 10px 0
                }

                    .search-result .right .contents .search-info li {
                        line-height: 1.5625rem
                    }

                .search-result .right .contents dl {
                    padding: 20px 0;
                    border-bottom: 1px solid #bcbcbc;
                    overflow: hidden
                }

                .search-result .right .contents dt {
                    font-size: 1.125rem;
                    margin: 0 0 10px 0;
                    box-sizing: border-box;
                    color: #666
                }

                    .search-result .right .contents dt a {
                        display: block;
                        font-size: 1.125rem;
                        color: #042d58;
                        white-space: nowrap;
                        overflow: hidden;
                        text-overflow: ellipsis
                    }

                        .search-result .right .contents dt a:before {
                            content: "";
                            display: inline-block;
                            width: 10px;
                            height: 10px;
                            background: #042d58;
                            border-radius: 50%;
                            margin: 8px 5px 0 0;
                            float: left
                        }

                        .search-result .right .contents dt a:hover {
                            color: #000
                        }

                    .search-result .right .contents dt p {
                        padding: 10px 12px
                    }

                .search-result .right .contents dd {
                    margin: 0 0 10px 0;
                    padding: 0 0 0 12px
                }

                    .search-result .right .contents dd a {
                        display: inline-block;
                        margin: 0 10px 0 0;
                        color: #147bc2
                    }

                        .search-result .right .contents dd a:hover {
                            color: #666
                        }

            .search-result .right .other {
                text-align: right
            }

                .search-result .right .other a {
                    display: inline-block;
                    font-size: .938rem;
                    color: #000;
                    cursor: pointer
                }

                    .search-result .right .other a:before {
                        content: "";
                        position: relative;
                        display: inline-block;
                        margin-right: 5px
                    }

                .search-result .right .other .back:before {
                    top: 2px;
                    width: 21px;
                    height: 15px;
                    background: url(../../../images/back.png)
                }

        .hot-search {
            margin: 10px 0;
            padding: 10px 0
        }

            .hot-search a {
                display: inline-block;
                color: #144b8d;
                margin: 0 10px;
                transition: all .3s
            }

                .hot-search a:hover {
                    color: #000
                }

        .contents .search-list dl {
            border-bottom: 1px solid #bcbcbc;
            overflow: hidden
        }

        .contents .search-list dt {
            font-size: 1.125rem;
            margin: 0 0 10px 0;
            box-sizing: border-box;
            color: #042d58
        }

        .contents .search-list a {
            padding: 20px;
            box-sizing: border-box;
            display: block;
            font-size: 1.125rem;
            color: #666;
            transition: all .3s
        }

        .contents .search-list dt:before {
            content: "";
            display: inline-block;
            width: 10px;
            height: 10px;
            background: #042d58;
            border-radius: 50%;
            margin: 8px 5px 0 0;
            float: left
        }

        .contents .search-list a:hover {
            background: #f7f7f7
        }

            .contents .search-list a:hover dt {
                color: #000
            }

        .contents .search-list dt p {
            padding: 10px 12px
        }

        .contents .search-list dd {
            margin: 0 0 10px 0;
            padding: 0 0 0 12px
        }

        .contents .search-list dl label {
            color: #c00;
            margin: 0
        }

        button:focus,
        input:focus,
        select:focus {
            outline: 2px #000 dotted !important;
            outline-offset: -2px
        }

        .sr-only-focusable:active, .sr-only-focusable:focus {
            position: static;
            width: auto;
            height: auto;
            margin: 0;
            overflow: visible;
            clip: auto;
            position: fixed;
            z-index: 999;
            color: #fff;
        }


        #tab-block .contents2 dt {
            float: left
        }

        #tab-block .contents2 dd {
            float: left;
            width: 700px
        }

        #tab-block .contents2 dl.con-title dd,
        #tab-block .contents2 dl.con-title dt {
            float: left;
            width: 700px
        }

        #tab-block .contents2 dl.con-title dt {
            width: 100px
        }

        .table-station.rwd-table tr th:first-child {
            width: 40%
        }

        .table-information th {
            font-size: 1.125rem;
            color: #042d58;
            font-weight: 700;
            text-align: center;
            line-height: 2.3 !important;
        }

        .table-information td {
            text-align: center;
            font-size: 1.125rem;
            margin: 0 10px 0 0;
            padding: 0 10px;
            color: #042d58;
            font-weight: 700;
            line-height: 2.3 !important;
        }

            .table-information td[data-th="標題"] a {
                text-align: left;
                display: block;
                max-width: 100%;
                font-weight: 500;
                word-break: break-all;
                overflow: hidden;
                text-overflow: ellipsis;
                vertical-align: top;
                font-size: 1.225rem;
                color: #666 !important;
            }

            .table-information td[data-title="標題"] {
                max-width: 700px; /* 可依你版型調整 */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    display: inline-block; /* 或 block */
    max-width: 100%;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    font-size: 1.225rem;
    color: #666;
}


        #shiptable .Meeting_ui {
            display: flex;
        }

            #shiptable .Meeting_ui .Meeting_span {
                margin: 0;
            }

            #forward.schedule .search-box li.accessibility-group {
                display: flex;
            }

            #forward.schedule .search-box li.accessibility-group .checkbox-group input {
                width: 1em;
            }

            #forward.schedule .search-box li.accessibility-group .checkbox-group input:focus {
                background: transparent;
                outline-offset: revert;
            }

            #forward.schedule .search-box li.accessibility-group .checkbox-group input:checked {
                background-color: #0d6efd;
                border-color: transparent;
            }

                #forward.schedule .search-box li.accessibility-group .checkbox-group input:checked[type="checkbox"] {
                    z-index: 1;
                    position: relative;
                }


        @media screen and (max-width: 1024px) {
            #shiptable .Meeting_ui {
                display: grid;
                grid-template-columns: repeat(3, minmax(0, 1fr));
            }
        }

        @media screen and (max-width:1330px) {
            #footer .wrap .ft-link {
                float: none;
                width: 100%;
                padding-bottom: 15px;
                text-align: center
            }

            #footer .wrap .info {
                float: none;
                width: 100%
            }

            #navigation {
                min-width: 40%;
                margin-left: 20px;
            }
        }

        @media screen and (max-width:1250px) {
            #header {
                padding: 15px 5px
            }

            #navigation {
                min-width: 30%;
                margin-left: 5px
            }

                #navigation > li > .sub-menu {
                    left: 50%;
                    margin-left: -460px
                }

            #lang {
                right: 265px
            }
        }

        @media screen and (max-width:1200px) {
            #navigation {
                margin-left: 10px
            }

            #top-link li {
                margin: 2px
            }

            #lang {
                right: 250px
            }
        }

        @media screen and (max-width:1110px) {

            #mobile {
                top: 72px;
                height: 100vh;
            }

            #mobi-navbar {
                text-indent: -99px;
                z-index: 99;
            }

            .navbar-toggle {
                float: left;
                margin: 0;
            }

            #navigation {
                margin-left: 5px;
                width: min-content
            }

                #navigation > li.search {
                    display: none !important
                }

            #header {
                padding: 15px;
                box-shadow: 0 2px 3px #909090;
                border: none
            }

            #lang {
                display: none
            }

            #navigation li {
                display: none
            }

                #navigation li.navigationlog_li {
                    display: block;
                    width: 250px !important
                }

            #mobi-control {
                display: block
            }

            .link li {
                width: 25%
            }

            .navbar-toggle {
                display: block;
            }
        }

        @media screen and (max-width:912px) {

            #editor .wrap .info,
            #editor .wrap .share {
                float: none
            }

            #editor .wrap .share {
                padding-top: 15px
            }

                #editor .wrap .share a {
                    margin-left: 0;
                    margin-right: 10px
                }

            #editor .gallery dl {
                width: 50%
            }

            #forward.schedule .search-box {
                padding: 10px 1%
            }

            #forward.news-search .search-box {
                padding: 1%
            }

                #forward.news-search .search-box li input {
                    width: 33%
                }

                    #forward.news-search .search-box li input.keywords {
                        width: 100%;
                        max-width: 100%
                    }

                #forward.news-search .search-box li select {
                    width: 45%
                }

            .link li {
                width: 33%
            }
        }

        @media screen and (max-width:768px) {
            #footer #gotop {
                width: 40px;
                height: 50px;
                margin-bottom: 10px;
                background-size: 100%
            }

                #footer #gotop:before {
                    border-width: 0 6px 6px 6px
                }

            #forward.news-search .search-box li input {
                width: 32%;
            }


            #editor .title {
                padding-right: 0
            }

                #editor .title .resize {
                    position: static;
                    margin-top: 10px
                }

            #editor .wrap .share .qrcode {
                display: none
            }

            #link li {
                width: 48%
            }

            .link li dl dd span {
                padding: 1%
            }

            .publish li {
                width: 31%
            }

                .publish li a .publish-img {
                    min-height: inherit
                }

            .video li {
                width: 48%
            }

                .video li a .video-img {
                    min-height: inherit
                }

            .download-box .doc-list li {
                width: 98%
            }

            .download-box ul.status2 {
                overflow: hidden;
                margin-top: 10px;
                float: right
            }

                .download-box ul.status2 li {
                    width: auto
                }

            .search-result .left,
            .search-result .right {
                float: none
            }

            .search-result .left {
                display: block;
                width: 100%
            }

            .search-result .right {
                width: 100%;
                margin-left: 0
            }

            #forward .search-box-time label:first-child {
                display: block;
            }
        }

        @media screen and (max-width:600px) {
            #search #hot-search {
                display: none
            }

            #con-search form {
                position: relative;
                float: none;
                width: 100%;
                margin-right: 0;
                padding-right: 0;
                overflow: hidden;
                box-sizing: border-box
            }

            #con-search dl {
                overflow: hidden
            }

                #con-search dl dd,
                #con-search dl dt {
                    float: none;
                    margin: 0 0 10px 0
                }

            #con-search input {
                float: left;
                margin: 0 10px 0 0;
                width: 75%
            }

            #con-search button {
                position: relative
            }
        }

        @media screen and (max-width:540px) {
                #forward.schedule .search-box li span.select2 {
        position: initial;
        display: revert-rule;
    }
    #forward.schedule .search-box li span {
        position: revert-rule;
        display: block;
    }

        #forward.schedule .search-box li span.select2-selection__arrow {
            display: none;
        }

            #forward li span.select2 b {
                right: 0;
                left: 96%;
            }

            #logo {
                float: none;
                margin: 0 auto
            }

            #top-link {
                float: none;
                width: auto;
                margin: 0;
                position: absolute;
                top: -43px;
                right: 15px
            }

                #top-link li {
                    margin: 0 1px
                }

                    #top-link li a {
                        color: #fff
                    }

            #mobi-control {
                padding: 5px 15px
            }

            #container {
                width: 100%;
                margin-bottom: 0;
                padding: 20px
            }

            #tab-block .tabs a {
                padding: 0 10px;
                font-size: 1rem;
                line-height: 2.75rem;
            }

            #tab-block .contents {
                padding: 0
            }

            #editor .content .other {
                text-align: center
            }

            #editor .gallery dl {
                float: none;
                width: 100%;
                margin: 20px auto;
                padding: 0
            }

            #forward li {
                padding: 15px 0
            }

                #forward li span {
                    position: static;
                    margin-bottom: 10px
                }

                #forward li input {
                    max-width: none
                }

            #forward.schedule .ship-info {
                position: static;
                right: 0;
                top: 0;
                margin: 10px auto 0 auto;
                text-align: center;
                width: 134px
            }

            .ship-contact {
                padding: 0
            }

                .ship-contact dl dd,
                .ship-contact dl dt {
                    float: none;
                    display: block
                }

                .ship-contact dl dd {
                    padding-left: 20px;
                    box-sizing: border-box;
                    margin: 5px 0 0 0
                }

                .ship-contact dt:before {
                    margin: 8px 10px 10px 0
                }

            .link li {
                width: 50%
            }

            .contents .search-list a {
                padding: 10px
            }

            .contents .search-list dd {
                padding: 0
            }

            .df_people {
                float: inherit;
                margin-left: 5px
            }
        }

        @media screen and (max-width:425px) {
            #forward li .required {
                margin: 0 0 0 5px;
                padding: 0
            }

            #footer .wrap .counter > div {
                display: block
            }

            #forward.news-search .search-box li input {
                width: 100% !important;
                max-width: inherit !important;
            }


            #forward.news-search .search-box li select {
                width: 45%
            }

            #link li {
                width: 98%
            }

            .publish li {
                width: 98%
            }

            .video li {
                width: 98%
            }

            #forward .search-box-time .search-box li input {
                width: 100% !important;
            }

            #forward .search-box-time .btn.btn-light {
                margin-top: 0;
            }

            #forward .search-box-time label:first-child {
                margin-bottom: 10px;
            }

            #forward .search-box-time label[for="EndTime"] {
                display: none;
            }

            #forward .search-box-time input {
                margin-bottom: 10px;
            }
        }

        @media screen and (max-width:360px) {

            #forward li input[type="email"],
            #forward li input[type="text"] {
                max-width: 265px
            }

            #forward li .required {
                width: 10px;
                background-size: 100%
            }

            #footer .wrap .ft-link .normal {
                display: block;
                width: 150px;
                margin: 10px auto
            }

            #con-search button {
                position: relative;
                width: 20%
            }

            .link li {
                width: 100% !important;
                float: none
            }
        }


        @media (min-width: 1100px) {
            .navbar-toggle {
                display: none;
            }
        }