@charset "utf-8";

/* CSS Document */
html,
body {
    padding: 0px;
    margin: 0px;
    min-height: 100%;
    color: #333;
    font-family: 'Noto Sans TC', sans-serif, 'Roboto Condensed', "微軟正黑體", "Microsoft JhengHei", "Segoe UI Semibold", "Segoe UI", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
		font-size: 14pt;
  letter-spacing: 1pt ;
  line-height: 1.5em ;
}
#sc_btns {  font-family: "Noto Sans SC", serif;}
select , .language-btn{
    font-family: 'Noto Sans TC', sans-serif, 'Roboto Condensed', "微軟正黑體", "Microsoft JhengHei", "Segoe UI Semibold", "Segoe UI", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;}
	
a:link,
a:visited {
    color: #275b7b;
    text-decoration: none;
}

a:hover {
    color: #ff9933;
}

.clear {
    clear: both
}

.contextual-links-region {
    position: static
}

table {
    border-collapse: inherit;
    line-height: 1.5em;
}

table ul,
table ol {
    margin: 0;
}

table tr td{
}

.table_blue_white {
    color: #fff;
    background: #1a72b3;
}

img {
    border: 0;
}

div,
ul li {
    margin: 0px auto;
    padding: 0px;
}

.wrap {
    width: 100%;
    min-height: 100%;
    overflow: hidden;
    position: relative;
}

.screen {
    min-width: 680px;
    max-width: 1400px;
    position: relative;
    padding: 0px 15px;
}

.container {
    height: auto;
    min-height: 500px;
}

.container a {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 1;
}
h1,h2,h3, h4, h5, h6 {	line-height: 1.2em !important;    letter-spacing:1pt !important;    font-weight:bold !important;}

h1 {    font-size: 24pt !important;
    color: #333333 !important;
    text-align: center !important;
}



h2 {
    font-size: 24pt !important;
    color: #0c41b3 !important;
    text-align: left !important;
}



h3 {
    font-size: 20pt !important;;
    margin: 20px 0 5px !important;;
    color: #1363df !important;;
    text-align: left !important;;

}

h4 {
    font-size: 18pt !important;;
    margin: 20px 0 10px 0 !important;;
    color: #D17D00 !important;;
	text-align: left !important;;

}

h5 {
    font-size: 16pt !important;;
    line-height: 28px !important;;
    margin: 0px;
    padding: 10px 0;
    color: #ff6600 !important;;
	text-align: left !important;;

}

h6 {
    font-size: 16pt !important;;
    line-height: 23px !important;;
    margin: 0px;
    padding: 10px 0;
    color: #00c2c7 !important;;
	text-align: left !important;

}

p {
    margin: 0px;
    padding: 0px;
	font-size: 14pt;
  letter-spacing: 1pt ;
  line-height: 1.5em ;
}

/* theme */

.title_banner {
    color: #fff;
    font-size: 36px;
    padding: 200px 0;
    line-height: 42px;
    text-align: center;
}


.title_banner_main {
    padding: 280px 0;
    text-align: center;
}

.title_banner_main span {
    color: #275b7b;
    background: rgba(255, 255, 255, .75);
    font-size: 36px;
    padding: 20px 30px;
    line-height: 42px;
}

.inside_banner {
    background: url('../../archive/images/inner_blue.jpg') no-repeat center center;
    background-size: cover;
    min-height: 80px;
}

.inside_banner .title_banner {
    color: #fff;
}

.logo_m {
    display: none
}


.inside_banner_orange {
    background: url('../../archive/images/inner_yellow.jpg') no-repeat center center;
    background-size: cover;
    min-height: 100px;
}

.inside_banner_orange .title_banner {
    color: #fff;
}

.inside_banner_green {
    background: url('../../archive/images/inner_green.jpg') no-repeat center center;
    background-size: cover;
    min-height: 100px;
}

.inside_banner_green .title_banner {
    color: #376c00;
}
#footer-sitemap a.fs-root-link{ padding-bottom:10px; }

.focus_us{ padding:30px 0 5px 0;}

.inside_banner_Blue {
    background: url('../../archive/images/inner_blue_cloud.jpg') no-repeat center center;
    background-size: cover;
    min-height: 100px;
}

.inside_banner_Blue .title_banner {
    color: #fff;
}

.inner_wood {
    background: url('../../archive/images/inner_wood.jpg') no-repeat center center;
    background-size: cover;
    min-height: 100px;
}

.inner_wood .title_banner {
    color: #fff;
}


.btn_back {
    margin: 0px auto; margin-top:20px;
    text-align: center;
}

.btn_back a {
    background: #2880c0;
    color: #fff;
    padding: 5px 25px;
}

.btn_back a:hover {
    background: #fea030;
    color: #fff;
}


#online_application { margin:0 auto; padding:20px 0; text-align: center }

#online_application a {
    background: #2880c0; display:inline-block; border-radius:12px;
    color: #fff;
    padding: 5px 25px;
}
#online_application a:hover {
    background: #fea030;
    color: #fff;
}

#FullPage .inner_content {
    width: 100%;
}

.inner_content .contextual-links-region {
    position: relative;
}

.inner_content .contextual-links-region .contextual-links-trigger {
    background-color: yellow
}

#job_content_Full .inner_content {
    width: 77%;
    border-top: 5px solid #0a8ccc;
}

#job_content_Full .job_content_area ul {
    padding: 0;
    list-style: outside;
    margin: 10px 0 0 20px;
}

#job_content_Full .job_content_area ul li {
    line-height: 2em;
}

#job_content_Full .job_content_area ul ul {
    padding: 0 0 0 40px;
}

#job_content_Full .job_content_area ul li ul li {
    list-style: inside square none
}

#job_content_Full .arrowlistmenu {
    box-shadow: none;
    background: none;
}

#job_content_Full .arrowlistmenu .title {
    background: url('../../archive/images/bg_career.jpg') no-repeat left bottom;
    height: 110px;
    position: relative;
    box-shadow: 0 0 3px rgba(0, 0, 0, .2)
}

#job_content_Full .arrowlistmenu .title p {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: .3em 1.1em;
    background: rgba(25, 138, 199, .7);
    color: #fff;
}

#job_content_Full .arrowlistmenu .menuheader {
    border-bottom: 1px dotted #ddd;
}

#job_content_Full .arrowlistmenu .expandable_main {
    background-position-x: 100%;
}

#job_content_Full .arrowlistmenu .openheader {
    border-bottom: none;
    background-position-x: 100%;
}

#job_content_Full .arrowlistmenu ul {
    margin: 0;
    border-radius: 8px;
    background: linear-gradient(to bottom, #ffffff 19%, #e2f3ff 100%);
    position: relative;
    box-shadow: 0 0 1px rgba(0, 0, 0, .7)
}

#job_content_Full .arrowlistmenu ul:before {
    content: url('../../archive/images/top.png');
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    top: -11px;
    left: 24px;
}

#job_content_Full .arrowlistmenu ul li {
    border-bottom: 1px dotted #ddd;
    margin: 0 10px;
}

#job_content_Full .arrowlistmenu ul li:last-child {
    border-bottom: none;
}

#job_content_Full .arrowlistmenu ul li a {
    border-bottom: none;
}

#job_content_Full .arrowlistmenu ul li a:hover,
#job_content_Full .arrowlistmenu ul li a.current {
    background: no-repeat;
    color: #0a8ccc;
}

#job_content_Full .Album .description {
    background: #f7f7f7;
}

.job_named span {
    padding-right: 10px;
    color: #0a8ccc;
}

#ad_float_ad {
    display: none;
    position: absolute;
    z-index: 4001;
}

#ad_float_ad .ad_close_ad {
    display: block;
    background: url('../../archive/images/btn_close.png') no-repeat;
    height: 30px;
    width: 30px;
    background-size: 30px 30px;
    cursor: pointer;
    position: absolute;
    right: -5px;
    top: -10px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 1;
}

#ad_float_ad .ad_close_ad:hover {
    transform: rotate(90deg);
}

.special_news {
    background: url('../../archive/images/bg_box.png') #eb1f24;
    padding: 5px;
    width: 210px;
    box-shadow: 0 0 3px rgba(0, 0, 0, .2)
}

.title_special {
    background: #fff;
    padding: 1px 5px;
    color: #ea1e22;
    border-bottom: 1px solid #ea1e22;
}

.special_news .content {
    background: #fff;
    padding: 2px 5px;
    color: #333;
    font-size: 13px;
}

.special_news .content img {
    max-width: 100%;
}

.highlight {
    color: #F03
}

/* Header 
.header .screen{ display: flex;  justify-content: center;  align-items: center; }
*/
.header {
    background: #fff;
}

.logo_area {
    float: left;
    width: 20%;
    position: absolute; margin:0;
    z-index: 11;
}

.header .logo {
    float: left;
    margin: 0;
    padding: 10px;
}

.header .logo a {
    display: block;
}

.logo_area img {
    max-width: 100%
}

.sina-nav {
    float: left;
    width: 100%;
    display: flex
}

.links_top {
    float: right;
    width: 9%;
    text-align: center;
    position: absolute;
    right: 15px;
    z-index: 10;
    top: 40px;
    gap: 6px;
}

.links_top img {
    height: 18px
}

.sticky {
    z-index: 10;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 1;
    position: fixed;
    top: 0px;
    z-index: 10;
    width: 100%;
    box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    min-height: auto;
}

.sticky .links_top {
    top: 28px;
}

.sticky .logo img {
    height: 80px;
    width: auto;
}

.header .slogon {
    margin: 15px 0 15px 30%;
}

.sticky .slogon {
    margin: 15px 0 15px 20%;
}

.header .slogon img {
    height: 42px;
    width: auto;
}

.header .icon_top {
    position: absolute;
    top: 55px;
    right: 10px;
}

.main_contact {}

.main_contact ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.main_contact ul li {
    margin: 0 5px;
    float: left;
    margin: 0 10px 0 0;
    border-right: 1px dotted #0082cf
}

.main_contact ul li+li {
    border-right: 1px dotted #0082cf
}

.main_contact ul li+li+li {
    border-right: 0px dotted #0082cf
}

.main_contact ul li a {
    display: block;
    background: url('../../archive/images/icon_map.png') no-repeat left center;
    padding: 0 20px 0 30px;
    color: #0082cf
}

.main_contact ul li+li a {
    background: url('../../archive/images/icon_sitemap.png') no-repeat
}

.main_contact ul li+li+li a {
    background: url('../../archive/images/icon_career.png') no-repeat
}

.btn_notice {
    float: right;
    position: relative;
}

.btn_notice span {
    position: absolute;
    background: url('../../archive/images/icon_bag.png') no-repeat;
    width: 36px;
    height: 34px;
    left: 8px;
    top: 0;
}

.btn_notice a {
    display: block;
    color: #166cad;
    font-size: 17px;
    border-radius: 6px;
    padding: 5px 10px 5px 50px;
    background: #fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, .3)
}

.btn_notice a:hover {
    background: #166cad;
    color: #fff;
    text-decoration: none
}

.btn_search {
    float: right;
    position: relative;
    display: block;
    color: #166cad;
    font-size: 17px;
    border-radius: 6px;
    margin: 0 15px 0 0;
}

.btn_search input {
    width: 130px;
    color: #666;
    border: 1px solid #ddd;
    padding: 5px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    box-shadow: inset 1px 2px 2px rgba(0, 0, 0, .2);
}

.btn_search #btn_submit {
    border-top-right-radius: 6px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 6px;
    width: 35px;
    height: 29px;
    border: 0px;
    background: url('../../archive/images/btn_search.png') no-repeat center center;
    cursor: pointer;
    margin-left: -5px;
}

.btn_search #btn_submit:hover {}

/* Menu */
#nav-wrap {
    padding: 5px 0 0 0;
    height: 30px;
}

/* Search */
.search_result {
    background: #f5f5f5;
    padding: 5px;
}

.search_result span {
    color: #F00
}

.search_listing ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.search_listing ul li {
    margin: 10px 0;
    padding: 5px 0;
    border-bottom: 1px dotted #ddd;
    color: #666
}

.search_listing ul li a {
    font-size: 19px;
    display: block;
    text-decoration: underline
}

/* Banner */
.banner_area {
    margin: 0px;
    padding: 30px 0 0;
}

.banner_container {
    background: #fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    
}

.banner_container .slider {
    width: 100% !important;
    margin: 0;
}

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

.sentense {
    float: right;
    width: 30%;
    background: #fff;
    position: relative;
    min-height: 313px;
}

.sentense .area {
    padding: 10px;
    color: #333;
    line-height: 21px;
}

.sentense .enter_here {
    position: absolute;
    right: 0;
    bottom: 0;
}

.sentense .enter_here a {
    background: url('../../archive/images/btn_sentense.png') no-repeat left center;
    padding: 8px 25px 8px 40px;
    color: #fff
}

.sentense .enter_here a:hover {
    background: url('../../archive/images/btn_sentense_over.png') left center no-repeat;
}

.sentense .title {
    position: absolute;
    left: 5px;
    top: -15px;
    background: url('../../archive/images/icon_sent.png') no-repeat;
    width: 59px;
    padding: 7px 0 25px 0;
    color: #fff;
    text-align: center;
    font-size: 17px;
}

.book_cover img {
    border: 1px solid #fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    width: 100%;
}

.book_content {
    padding: 5px 0 0 0;
    text-align: justify;
}

.latest_events {
    float: right;
    width: 30%;
    background: #fff;
    border-radius: 8px;
    border: 3px solid #53c2f6;
    position: relative;
    box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    margin: 20px 0 0 0;
}

.latest_events .title {
    background: url('../../archive/images/bg_latest_event.jpg') repeat-x #275b7b bottom;
    color: #fff;
    padding: 8px 0 23px 55px;
    font-size: 19px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.latest_events .title span {
    background: url('../../archive/images/icon_announce.png');
    width: 47px;
    height: 49px;
    position: absolute;
    left: 5px;
    top: -5px;
}

.latest_events .bottom_events {
    background: url('../../archive/images/bg_latest_event_bottom.jpg') bottom repeat-x;
    height: 30px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.main_events_area {
    padding: 0px
}

.main_events_area ul {
    list-style: none;
    margin: 0;
    padding: 0;
	display: flex;
flex-wrap: wrap;
}

.main_events_area ul li {
    border-bottom: 1px solid #ddd;
}

.main_events_area ul li span {
    color: #0076c0;
    float: left;
    padding-right: 5px;
}

.main_events_area ul li a {
    display: block;
    padding: 6px 0px;
}

.main_events_area .content {
    float: left;
}

.main_events_area .content img {
    width: 25px;
}

/* Inner Area */
.inner_area {
    padding: 30px 0 0 0;
}

.more_area {
    position: absolute;
    right: 0px;
    top: 12px;
    font-size: 12px;
}

.more_area a {
    background: url('../../archive/images/btn_more.png') repeat-x #9b684b;
    line-height: 23px;
    display: block;
    padding: 0 21px;
    border-radius: 6px;
    color: #fff
}

.more_area a:hover {
    background: url('../../archive/images/btn_more.png') repeat-x #6e3d21;
}

.detail_btn {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 12px;
}

.detail_btn a {
    background: #fff;
    line-height: 23px;
    display: block;
    padding: 0 21px;
    border-radius: 6px;
    color: #333
}

.detail_btn a:hover {
    background: rgba(0, 0, 0, .3);
    color: #FFF
}


.left_area {
    float: left;
    width: 70%;
}

.right_area {
    float: right;
    width: 28%;
}

.main_intro {
    padding: 0
}

.content_area {
    float: right;
    width: 50%;
    font-size: 21px;
    line-height: 26px;
    position: absolute;
    z-index: 1;
    bottom: 40%;
    right: 0;
    transform: translate(0%, 0%);
}

.power p{ font-size:15px !important; line-height:19px;}


#footer-sitemap a.fs-root-link{ font-size:19px}
#footer-sitemap a{ font-size:16.5px ; line-height: 19px;
padding: 10px 0;
display: block;
}
.know_more {
    margin: 0px auto;
    text-align: center;
    margin-top: 50px;
}

.know_more a {
    color: #fff;
    background: #92d7e9;
    padding: 10px 20px;
    letter-spacing: 5px;
    font-size: 21px;
    line-height: 26px;
    display: inline-block
}

.know_more a:hover {
    background: #275b7b;
}

.main_counting {
    padding: 20px 0
}

.main_counting ul {
    list-style: none;
    margin: 0;
    padding: 0 0 0 1%;
}

.main_counting ul li {
    float: left;
    width: 26%;
    margin: 0 2.5%;
    background: #e3eaee;
    color: #275b7b;
    text-align: center;
    padding: 40px 0.5%;
}

.main_counting ul li img {
    width: auto;
    height: 90px;
}

.main_counting ul li .big_text {
    font-size: 55px;
    line-height: 80px;
    font-weight: bold;
}

.main_counting ul li+li .big_text {
    font-size: 55px;
    line-height: 80px;
    font-weight: bold
}


.latest_new {
    position: relative;
    padding: 30px 0 50px 0;
    margin: 140px 0 0 0;
}

.latest_new::after {
    content: '';
    position: absolute;
    background: url('../../archive/images/new_bg_top.svg') no-repeat bottom;
    bottom: 0;
    width: calc(100%);
    height: 290px;
    right: 0;
    background-size: 101%;
    z-index: -1;
}

.latest_new .title {
    font-size: 33px;
    line-height: 38px;
    text-align: center;
    padding: 0 0 30px 0
}

.latest_new .title::after {
    height: 8px;
    background: #d2d3d5;
    content: "";
    width: 100px;
    display: block;
    margin: 0 auto;
    margin-top: 0px;
    margin-top: 10px;
}

.latest_new ul {
    list-style: none;
    margin: 0;
    padding: 0 0 0 1%;
}

.latest_new ul li {
    float: left;
    width: 30%;
    margin: 0 1.5%;
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    background: #fff
}

.latest_new ul li .content .titles {
    font-size: 21px;
    font-weight: 600;
}

.latest_new ul li a {
    display: block
}

.latest_new ul li .cover img {
    width: 100%
}

.latest_new ul li .content {
    padding: 10px 15px;
}

.latest_new ul li a {
    color: #333;
}

.latest_new ul li .des {
    font-size: 21px;
    font-weight: 400;
}

.latest_new ul li .date {
    text-align: right;
}

.latest_new .more {
    margin: 0 auto;
    text-align: center;
    margin-top: 50px;
}

.latest_new .more a {
    font-size: 21px;
    color: #585858;
    border-top: 4px solid #585858;
    padding: 15px 30px;
    display: inline-block

    
}

.latest_new .more a:hover {
    /* color: #76d0e7;
    border-top: 4px solid #76d0e7; */
        color: #0080a1;
    border-top: 4px solid #0080a1;
}

#info_type_C .information .content {
    width: calc(100% - 30px);
    padding: 15px;
}

#info_type_C .information ul li:nth-child(2n) {
    background: #fff;
}

#info_type_D .information {
    text-align: center;
}

#info_type_D .titles {
    font-size: 23px;
}

#info_type_D .information ul {
    margin: 0 0 15px -2%;
}

#info_type_D .information ul li {
    float: left;
    width: 23%;
    margin: 0 0 15px 2%;
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    padding: 10px 0;
}

#info_type_D .information ul li img {
    box-shadow: 0 0 0;
    width: 80%
}

#info_type_D .information ul li p {
    text-align: center;
}

#info_type_D .information ul li:nth-child(even) {
    background: #fff;
}

#info_type_D .information ul li:nth-child(3n+1) {
    clear: none;
}

#info_type_D .information ul li:nth-child(4n+1) {
    clear: both;
    background: #fff;
}



/* Main Userful Links */
.Userful_link_inside {
    padding: 50px 0 80px 0;
    position: relative;
    background: #a1d8ea
}

.Userful_link_inside a {
    display: block;
    position: relative
}

.Userful_link_inside a::before {
    content: '';
    background: #fff9;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}

.Userful_link_inside::before {
    content: '';
    position: absolute;
    background: url('../../archive/images/new_bg_bottom.svg') no-repeat top;
    top: -1px;
    width: calc(100% + 2px);
    height: 290px;
    right: 0;
    background-size: 100%;
    z-index: 0;
}

.Userful_link_inside::after {
    content: '';
    position: absolute;
    background: url('../../archive/images/bottom_wave.svg') no-repeat bottom;
    bottom: -1px;
    width: calc(100%);
    height: 160px;
    right: 0;
    background-size: 101%;
    z-index: 0;
}






.Userful_link_inside .title {
    font-size: 33px;
    line-height: 38px;
    text-align: center;
    padding: 0 0 30px 0
}

.Userful_link_inside .title::after {
    height: 8px;
    background: #d2d3d5;
    content: "";
    width: 100px;
    display: block;
    margin: 0 auto;
    margin-top: 0px;
    margin-top: 10px;
}

.Userful_link_inside ul {
    list-style: none;
    margin: 10px 0 0 -2%;
    padding: 0
}

.Userful_link_inside ul li {
    float: left;
    width: calc(23% - 30px);
    margin: 0 0 2% 2%;
    position: relative;
    padding: 15px;
}

.Userful_link_inside ul li::before {
    content: '';
    position: absolute;
    width: 3px;
    height: calc(100% - 50px);
    left: 0;
    bottom: 0;
    background: #fff
}

.Userful_link_inside ul li::after {
    content: '';
    position: absolute;
    width: calc(100% - 50px);
    height: 3px;
    bottom: 0;
    left: 0;
    background: #fff
}

.Userful_link_inside ul li img {
    width: 100%;
    box-shadow: 0 0 3px rgba(0, 0, 0, .2)
}

.Userful_link_inside ul li:hover img {
    opacity: 1;
    box-shadow: 0 0 3px rgba(0, 0, 0, .4)
}

.Userful_link_inside ul li:hover a::before {
    content: '';
    background: #fff0
}




.Userful_link_inside ul li .link_title {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 0;
    transform: translate(0%, -50%);
    width: 80%;
    font-size: 24px;
    right: 0;
    font-weight: bold;
    color: #333;
    line-height: 26px;
    text-align: center;
    padding: 20px 10px
}


.Userful_link_inside ul li:hover .link_title {
    background: #ffffffde;
}

#sponsor {
    padding: 50px 0;
    position: relative;
    text-align: center;
}


#sponsor ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#sponsor ul li {
    margin: 0;
    padding: 10px;
    width: auto;
    position: relative;
    display: inline-flex
}

#sponsor ul li a {
    display: block
}

.special_thx {
    position: absolute;
    top: -15px;
    font-size: 11px;
    left: 0;
}

#sponsor ul li img {
    width: auto;
    box-shadow: 0 0 0;
}

#sponsor ul li:hover img {
    box-shadow: 0 0 0;
}




.footer_info {
    background: #275b7b;
    padding: 50px 0;
}

.footer_info h2 {
    display: none
}
#footer-sitemap ul li {
    float: left;
    width: 28.5%;
    margin: 0 0 15px 2%;
      padding: 0 10px;
}

#footer-sitemap ul li:nth-child(3n + 1 ) {
    clear:both;
}




#footer-sitemap a.fs-root-link {
    color: #fff;
    border-bottom: 1px solid #fff;
    display: block
}

#footer-sitemap a {
    color: #fff;
}

#footer-sitemap a:hover {
    color: #aee1f8;
}

#footer-sitemap ul li ul li {
    width: 100%
}


#footer-sitemap ul ul ul {
    display: none
}

.join_us a:hover {
    color: #aee1f8;
}



#footer-sitemap {
    float: left;
    width: calc(68% - 1px - 2em);
    border-right: 1px solid #fff;
}

#footer-sitemap {
    padding: 0 1em;
    margin: 0
}

.footer_right {
    float: left;
    width: calc(32% - 4em);
    padding: 0 2em;
}
.footer_right  .info{     width: 100%;font-size:16.5px}

.footer_right ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer_right ul li {
    color: #fff;
    white-space: normal;
    /* padding: 5px 0 */
}

.footer_right ul li a {
    color: #fff;
    line-height: 1.5em;
  display: inline-block;
    padding: 10px 0;
}



.join_us {
    float: left;
    /* width: calc(50% - 20px); */
    margin: 0 20px 0 0px;
}

.join_us ul li {
    float: left;
    width: 100%;
    text-align: left;
}

.footer_right ul li a:hover{ color:#aee1f8; } 
.info {
    float: left;
    /* width: calc(50% - 30px); */
    padding: 15px;
    background: #00384d ; font-size:19px;
}

.info_title,
.follow_us_title {
    color: #fff;
    font-size: 20px;
    padding: 10px 0;
}

.bottom_logo {
    float: left;
    width: calc(50% - 20px);
    margin: 20px 20px 0 0px;
}

.bottom_logo img {
    max-width: 100%
}

.follow_us {
    float: right;
    width: calc(50% - 20px);
    margin: 20px 20px 0 0px;
}

.follow_us ul li {
    float: left;
    margin: 0 20px 0 0;
}


/* Footer */
.footer {}

.footer a {
    color: #275b7b
}

.footer .screen {
    padding: 30px 15px;
}

.footer .copyright {
    float: left;
    width: 49%;
    text-align: left;
}

.footer span {
    color: #919191;
    padding: 0 20px;
}

.footer .power {
    float: right;
    width: 49%;
    text-align: right;
}

.footer .power a:hover {
    color: #0076c0;
}

















/* Nevigation */
.nevigation {
    padding: 15px 5px;
    background: #ffffff9e;
    position: relative;
    width: 100%;
    font-size: 15px; line-height:19px;
}

/* .nevigation .screen {
    padding: 0;
} */

.nevigation .home {
    display: block;
}

.nevigation ul {
    list-style: none;
   margin: 0 70px;
    padding: 0px;
}

.nevigation ul .sp {
    padding: 0px 15px;
    color: #275b7b
}

.nevigation ul li {
    float: left;
    line-height: 24px;
    color: #275b7b
}

.nevigation ul li a {
    color: #275b7b;
    text-decoration: none
}

.nevigation ul li a:hover {
    text-decoration: underline;
    color: #27519e
}

.nevigation .void_link {
    cursor: auto;
    color: #aeaeae !important
}

.nevigation .void_link:hover {
    text-decoration: none !important;
}

/* Page Content */
.inner_content {
    width: 90%;
    margin-bottom: 80px
}

.inner_content .main_content {
    padding: 10px 0px;
    min-height: 500px;
    position: relative;
}

.inner_content_full {
    width: 90%;
    margin-bottom: 80px
}

.inner_content_full .main_content {
    padding: 10px 20px 30px 20px;
    min-height: 500px;
    line-height: 33px;
    position: relative;
}

.inner_content iframe {
    width: 100%;
    min-height: 840px;
}

.inner_content img,
.inner_content_full img {
    max-width: 100%;
    height: auto;
}

#info_type_P .information ul li img {
    max-width: 100%;
    max-height: 220px;
}

ul.primary {
    text-align: center;
}

.inner_banner img {
    width: 100%;
}




.Album .description {
    background: #fff;
    padding: 10px;
    margin: 20px 0;
    /* border: 1px solid #0076c0; */
    line-height: 1.3em;
}

.Album ul {
    list-style: none;
    padding: 0px;
    margin: 15px 0 0 0
}

.Album .description ul {
    list-style: outside;
    margin: 0;
    padding: 0 0 0 20px;
}

.Album ol {
    margin: 0px;
    padding: 0 5px;
}

.Album ul li {
    margin: 0 0 10px 0;
}

.Album ul li img {
    box-shadow: 0 0 1px rgba(0, 0, 0, .2);
}

.Album ul li:hover img {
    box-shadow: 0 0 1px rgba(0, 51, 204, .2)
}

.Album ul li p {
    margin: 0px;
    padding: 5px 0;
    line-height: 1.1em;
    font-size: .9em;
    text-align: center;
}

#info_type_P .Album .title {
    color: #000;
    border-left: 0px solid #0a8ccc;
    display: block;
    padding: 10px 15px 12px 15px;
    background: #F7F7F7;
    box-shadow: 0 0 0px rgba(0, 0, 0, .2);
    font-size: 1.2em;
}

#info_type_P .download_area .title {
    color: #000;
    border-left: 0px solid #0a8ccc;
    display: block;
    padding: 10px 15px 12px 15px;
    background: #F7F7F7;
    box-shadow: 0 0 0px rgba(0, 0, 0, .2);
    font-size: 1.2em;
}

#info_type_P .Album .description {
    margin: 0;
    border: 0;
    padding: 10px 15px;
}

.book_cover_category {
    float: left;
    width: 19.9%;
}

.book_cover_category ul {
    list-style: none;
    margin: 10px 0 0 0;
    padding: 0;
}

.book_cover_category ul li {
    margin: 0;
    padding: 10px 0px;
    border-top: 1px solid #ddd;
}

.book_cover_category ul li a {
    display: block;
    color: #333
}

.book_cover_category ul li a:hover,
.book_cover_category ul li a.current {
    color: #9a7359
}

#inquiry_box h3 {
    color: #0a47aa;
}

#inquiry_box .box_area {
    /* border: 5px solid #0a47aa; */
    padding: 10px;
    margin-bottom: 20px;
}

.link_order a {
    border: 2px solid #e6162d;
    color: #e6162d;
    padding: 5px 15px;
    display: inline-block;
    margin: 5px 0 0;
}

#Inner_Type_A {}

#Inner_Type_A .title {}

#Inner_Type_A ul {
    margin: 0 0 0 -.5%;
    padding: 15px 0 0 0;
}

#Inner_Type_A ol li {
    float: none;
    width: 100%;
    margin: 0 0 5px 2%;
}

#Inner_Type_A li {
    float: left;
   width: 28%;
  margin: 0 0 50px 5%;
    text-align: center;
}

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

#Inner_Type_A li p {}

.video_tpl {
    margin: 50px 0;
}

.video_tpl ul {
    margin: 0 0 0 -1%;
    padding: 15px 0 0 0;
}

.video_tpl ul li {
    float: left;
    width: 31%;
    margin: 0 1% 15px 1%;
    text-align: center;
    list-style: none;
}

.video_tpl li img {
    width: 100%;
    text-align: center;
}

.video_tpl li p {
    padding: 5px 0;
}

.video_tpl ul li:nth-child(3n+1) {
    clear: both
}

#Inner_Type_B {
    padding: 0px;
    background: none
}

#Inner_Type_B .title {}

#Inner_Type_B ul {
    margin: 0;
    padding: 15px 0 0 0;
}

#Inner_Type_B li {
    float: left;
    width: 45%;
  margin: 0 2.5% 50px 2.5%;
    text-align: center;
}

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

#Inner_Type_B li:nth-child(2n+1) {
    clear: both
}

#Inner_Type_C {
    padding: 0px;
}

#Inner_Type_C ul {
    margin: 20px 15px 0 15px;
    padding: 0px;
}

#Inner_Type_C li {
    float: none;
    margin: 0 0 50px 0%;
    width: 100%;
    text-align: left;
    clear: both;
    padding: 0
}

#Inner_Type_C li img {
    max-width: 100%;
    height: auto;
    text-align: center;
    margin: 0 0 10px 0
}

#Inner_Type_C li .title_des {
    width: 40%;
    float: left;
}

#Inner_Type_C li .right_desc {
    float: right;
    padding: 10px 10px 15px 10px;
    line-height: 33px;
    width: 55%;
    text-align: left;
}

#Inner_Type_C .title {}

#Inner_Type_C ul li p {
    text-align: left
}

#Inner_Type_C .description {
    background: #fff;
    padding: 15px;
    margin: 0px 0;
    border: 0px solid #0076c0;
    line-height: 45px;
}

#Inner_Type_C .description ul {
    list-style: outside
}

#Inner_Type_D {
    background: none
}

#Inner_Type_D ul {
    margin: 0;
}

#Inner_Type_D li {
    float: none;
    margin: 0 0 15px 0%;
    width: 100%;
    text-align: left;
    clear: both;
    padding: 0
}


#Inner_Type_D .description {
    background: none;
    padding: 10px;
    margin: 0;
    border: none;
    line-height: 40px;
    color: #fff;
    text-align: center;
    font-size: 20px;
}

#Inner_Type_D .description_group {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 0;
    transform: translate(0%, -52%);
    width: 60%;
    margin: 0 20%;
}

#Inner_Type_D.Album .screen {
    max-width: 2560px;
    padding: 0
}

#Inner_Type_D.Album .title {
    color: #fff;
}



#Inner_Type_D.download_area ul li {
    float: left;
    /* width: calc(50% - 6%); */
    width: 100%;
    margin: 0 3% 15px 3%;
    clear: none;
}

#demo4 #Inner_Type_A,
#demo4 #Inner_Type_C,
#demo4 .video_tpl {
    width: 80%;
    margin: auto;
}


.Album,
.download_area {
    margin: 25px 0px;
}

.Album .screen {}

.Album .title,
.download_area .title,
.tilte_tpl {
    display: block;
    margin: 25px 30px 25px 15px;
    font-size: 36px;
    text-align: center;
    font-weight: 500;
    background: none;
    box-shadow: none;
    padding: 0;
    border-left: none;
    line-height: 40px;
    color: #275b7b;
}


.download_area .description {
    background: #fff;
    padding: 10px;
    margin: 20px 0;
    border: 1px solid #0076c0;
    line-height: 21px;
}

.download_area ul {
    list-style: none;
    margin: 15px 0 0 0%;
    padding: 0px;
}

.download_area ul li {
    float: left;
    width: calc(33.3% - 6%);
    margin: 0 3% 15px 3%;
    text-align: left;
}

.download_area ul li a {
    /* background: url('../../archive/images/icon_download.png') no-repeat left #92d7e9; */
    background: url('../../archive/images/icon_download.png') no-repeat left #007BC7;
    border: 1px solid #92d7e9;
    background-position: 10px 56%;
    padding: 10px 10px 10px 40px;
    /* color: #275b7b; */
    color: #fff;
    background-size: 30px 28px;
    display: block;
}

.download_area ul li a:hover {
    background: url('../../archive/images/icon_download.png') no-repeat left #6ABDEB;
    /* background: url('../../archive/images/icon_download.png') no-repeat left #fff; */
    background-position: 10px 48%;
    background-size: 30px 28px;
}

#Inner_Type_F.download_area ul li a {
    background: url('../../archive/images/icon_download.png') no-repeat left #007BC7;
    background-position: 10px 56%;
    background-size: 30px 28px;
}

#Inner_Type_F.download_area ul li a:hover {
    background: url('../../archive/images/icon_download.png') no-repeat left #6ABDEB;
    background-position: 10px 48%;
    background-size: 30px 28px;
}



#Inner_Type_F.download_area ul li a {
    text-align: left;
}

#Inner_Type_F li {
    float: none;
    margin: 0 0 15px 0%;
    text-align: left;
    padding: 0;
}

#Inner_Type_F.download_area ul li {
    float: none;
    width: 65%;
    clear: none;
    margin: 0 auto;
}

#Inner_Type_F.download_area ul li a:hover {

}




/* Subject Template */
.subject_category {}

.subject_category ul {
    list-style: none;
    margin: 0 0 0 -1.5%;
    padding: 0px;
}

.subject_category ul li {
    float: left;
    width: 31%;
    margin: 0 0 30px 2%;
    padding: 0;
}

.subject_category ul li img {
    box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    border: 1px solid #fff;
    margin: 0;
}

.subject_category ul li:hover img {
    box-shadow: 0 0 3px rgba(0, 51, 204, .3);
    border: 1px solid #0083ca;
}

.subject_category p {
    color: #0083ca;
    border-bottom: 1px solid #0083ca;
    margin: 0px 0 0 0px;
    padding: 0px 5px;
    text-align: center;
}

.subject_category a {}

.subject_category a:hover p {
    border-bottom: 1px solid #0083ca;
    background: #0083ca;
    color: #fff;
}

.subject_category a:hover {
    text-decoration: none
}

/* Information Template */
.sub_category {
    margin: 10px 0;
}

.sub_category ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.sub_category ul li {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}

.sub_category ul li a {
    padding: 10px 15px;
    display: block;
    color: #2A7DA7;
    background: #fff;
    font-size: 1em;
    line-height: 19px;
    border: 1px solid #2A7DA7;
}

.sub_category ul li a:hover {
    background: #e2f9ff;
    border: 1px solid #2A7DA7;
}

.sub_category ul li a.current {
    background: #197DA4;
    color: #fff;
    border: 1px solid #197DA4;
}

#cat_b .sub_category {
    float: none;
    margin: 0 auto;
    display: flex;
    margin-bottom: 30px;
}

#cat_b .sub_category ul {
    margin: 0 auto
}

#cat_b .sub_category ul li a {
    padding: 10px 15px;
    display: block;
    color: #2A7DA7;
    background: #fff;
    border: 1px solid #2A7DA7;
}

#cat_b .sub_category ul li a:hover {
    background: #2A7DA71c;
}

#cat_b .sub_category ul li a.current {
    background: #275b7b;
    color: #fff
}

#pages {
    float: right;
    margin: 15px 0px 0;
    clear: both;
    font-size: 12px;
}

.pages_page {
    float: left;
    padding: 0px 10px 0 0;
}

#pages ul {
    float: left;
    list-style: none;
    min-height: 17px;
    margin: 0px;
    padding: 0px;
}

#pages ul li {
    float: left;
    margin: 0px 5px 0px 5px;
    width: auto !important
}

#pages ul li a {
    line-height: 25px;
    height: 25px;
    width: 25px;
    display: inline-block;
    text-align: center;
    background: #fff;
    border-radius: 50%;
    color: #333;
    box-shadow: 0 0 3px rgba(0, 0, 0, .2)
}

#pages ul li a:hover {
    background: #ececec;
    text-decoration: underline
}

#pages ul li a.pgCurrent {
    background: #197DA4;
    color: #fff
}

.year_box {
    position: absolute;
    right: 20px;
    top: 20px;
}

.year_box select {
    padding: 5px 5px;
}

.information {
    margin: 15px 0 0 0;
    min-height: 350px;
}

.information ul {
    list-style: none;
    margin: 0 0 0 -1%;
    padding: 0px;
}

.information ul li {
    float: left;
    width: 28%;
    margin: 0 0 50px 5%;
    padding: 0;
}

.information ul li:nth-child(3n+1) {
    clear: both
}

.information ul li a {
    display: block
}

.information ul li a:hover {
    color: #9151b2;
    text-decoration: none
}

.information ul li img {
    box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    margin: 0;
}

.information ul li:hover img {}

.information p {
    margin: 0px 0 0 0px;
    padding: 0px 0px;
}

.information .date {
    margin: 0px 0 0 0px;
}

.information .date span {
    padding: 5px 0 5px 23px;
    color: #666;
    display: block;
    background: url('../../archive/images/icon_date.png') no-repeat left center;
    background-size: 17px 17px;
}

.information .single {
    background: #fff
}

.information ul li:nth-child(even) {
    background: #f6f6f6
}

.csvoice ul li {
    width: 100% !important
}

.csvoice ul li img {
    width: 80% !important;
}

#info_type_P .information ul {
    list-style: none;
    margin: 0 0 0 -2%;
    padding: 0px;
}

#info_type_P .information ul li {
    float: left;
    text-align: center;
    width: 31%;
    margin: 0 0 30px 2%;
    padding: 0;
    line-height: 17px;
    min-height: 280px;
}

#info_type_P .information ul li a {
    display: block
}

#info_type_P .information ul li a:hover {
    color: #9151b2;
    text-decoration: none
}

#info_type_P .information ul li img {
    box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    border: 1px solid #fff;
    margin: 0;
}

#info_type_P .information ul li:hover img {
    box-shadow: 0 0 3px rgba(0, 51, 204, .3);
    border: 1px solid #0083ca;
}

#info_type_P .information p {
    padding: 8px 0px;
    line-height: 1.e2m;
}

#info_type_A .inner_content_full ul li+li+li+li+li {
    clear: both
}

#info_type_A .inner_content_full ul li+li+li+li+li+li {
    clear: none
}

#info_type_A .inner_content_full ul li+li+li+li+li+li+li+li+li {
    clear: both
}

#info_type_A .inner_content_full ul li+li+li+li+li+li+li+li+li+li {
    clear: none
}

.information .content {
    float: right;
    width: 80%;
    padding: 5px 0
}

#info_type_A .information .single {
    background: #fff
}

#info_type_A .information .double {
    background: #fff
}



#info_type_B .information ul {
    margin: 0 0 0 0%;
    border-top: 2px solid #febc48
}

#info_type_B .information ul li {
    float: none;
    margin: 0;
    padding: 0px 5px;
    width: auto;
    line-height: 1.1em;
    border-bottom: 1px solid #ddd;
}

#info_type_B .information ul li a {
    display: block;
    padding: 10px 0;
    color: #333
}

#info_type_B .information ul li a:hover {
    color: #333;
    text-decoration: none
}

#info_type_B .information ul li:hover {
    background: #fff7ef;
    color: #333
}

#info_type_B .information ul li:hover p {
    color: #333
}

#info_type_B .information ul li img {
    width: 150px;
    float: left;
    margin: 0 20px 0 0;
}

#info_type_B .information .date {
    float: left;
    width: 18%;
}

#info_type_B .information .date_b {
    float: left;
    width: 16%;
    color: #666;
}

#info_type_B .information .section {
    float: left;
    width: 10%;
    padding: 5px 0;
    color: #666;
}

#info_type_B .information .date span,
#info_type_B .information .date_b span {
    padding: 5px 0 5px 30px;
    color: #666;
    font-size: 1em;
    display: block;
    background: url('../../archive/images/icon_date.png') no-repeat;
    background-size: 21px 21px;
    background-position: 1px 3px;
}

#info_type_B .information p {
    float: left;
    width: 72%;
    padding: 5px 0;
    font-size: 1em;
}

#info_type_B .main_content .sub_category {}

#info_type_B_new .information ul {
    margin: 0 0 0 0%;
    border-top: 2px solid #099968
}

#info_type_B_new .information ul li {
    float: none;
    width: 100%;
    margin: 0;
    padding: 5px 5px 10px 5px;
    line-height: 1.1em;
    border-bottom: 1px solid #ddd;
}

#info_type_B_new .information ul li a {
    display: inline-block;
    width: 100%;
    color: #1180ca
}

#info_type_B_new .information ul li a:hover {
    color: #666;
    text-decoration: none
}

#info_type_B_new .information ul li img {
    width: 150px;
    float: left;
    margin: 0 20px 0 0;
}

#info_type_B_new .information .date {
    float: left;
    width: 18%;
}

#info_type_B_new .information .news_right {
    float: right;
    width: 80%;
}

#info_type_B_new .information .date span {
    padding: 5px 0 5px 30px;
    color: #666;
    font-size: 1em;
    display: block;
    background: url('../../archive/images/icon_date.png') no-repeat;
    background-size: 21px 21px;
    background-position: 1px 3px;
}

#info_type_B_new .information p {
    float: left;
    width: 100%;
    padding: 5px 0;
}

#info_type_B_new .main_content .sub_category {
    display: none;
}

#info_type_B_new .title {
    font-size: 1.3em;
    color: #008d61;
}

.title_csvoice {
    padding: 10px 0;
    font-size: 1.3em;
    color: #0eae7d;
    margin-bottom: 10px;
}

.cover_csvoice {
    float: left;
    width: 25%;
}

.right_csvoice {
    float: right;
    width: 73%;
}

.right_csvoice table tr td {
    border-bottom: 1px solid #ddd;
    padding: 5px 0;
}

.csvoice_bg {
    border: 1px solid #159b72;
    background: #f3fffb;
    padding: 0 5px;
}

#media {
    background-image: url('../../archive/images/inside.png');
}

#media_title {
    background: #275b7b;
    color: #fff;
}

#media_title span {
    background: none;
    color: #fff;
}

/* Information - Full Page Display */
#Information_detail {
    width: 80%;
    margin: auto
}

#Information_detail #Inner_Type_A li {
    float: left;
    width: 18%;
    margin: 0 0 15px 2%;
    text-align: center;
}

#Information_detail #Inner_Type_A li img {
    max-width: 100%;
    box-shadow: 0 0 3px rgba(0, 0, 0, .5);
    height: 125px;
}

#site-map h2 {
    display: none;
}

/* Sub Menu */
.arrowlistmenu {
    float: left;
    width: 19.9%;
    box-shadow: -3px 3px 3px rgba(0, 0, 0, .1);
    margin: 25px 0 0 0;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 19%, #e2f3ff 100%);
    background: -webkit-linear-gradient(top, #ffffff 19%, #e2f3ff 100%);
    background: linear-gradient(to bottom, #ffffff 19%, #e2f3ff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e2f3ff', GradientType=0);
}

.arrowlistmenu .title {
    background: rgb(7, 138, 204);
    background: -moz-linear-gradient(left, rgba(7, 138, 204, 1) 0%, rgba(73, 201, 247, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(7, 138, 204, 1) 0%, rgba(73, 201, 247, 1) 100%);
    background: linear-gradient(to right, rgba(7, 138, 204, 1) 0%, rgba(73, 201, 247, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#078acc', endColorstr='#49c9f7', GradientType=1);
    ;
    margin: 0px;
    padding: 0px;
    text-align: center;
}

.arrowlistmenu .title p {
    font-size: 1.2em;
    color: #fff;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, .3);
    padding: 25px 0px;
    margin: 0;
}

.arrowlistmenu .expandable {
    background: url('../../archive/images/arrow_right.png') no-repeat;
    background-position: 95% 50%;
    background-size: 19px 19px;
}

.arrowlistmenu .expandable_main {
    background: url('../../archive/images/arrow_right.png') no-repeat;
    background-position: 95% 50%;
    background-size: 19px 19px;
}

.arrowlistmenu .openheader {
    background: url('../../archive/images/arrow_down.png') no-repeat;
    background-position: 95% 50%;
    background-size: 19px 19px;
}

.arrowlistmenu .expandable_sub {
    padding: 5px 0px;
    margin: 0;
    color: #0a8ccc
}

.arrowlistmenu ul {
    list-style-type: none;
    margin: 0 0 0 15px;
    padding: 0px 0px;
}

.arrowlistmenu ul li {
    padding-bottom: 0px;
}

.arrowlistmenu .categoryitems_sub {
    padding: 0px 0px;
}

.arrowlistmenu .categoryitems_sub a {
    padding-left: 10px;
    background: url('../../archive/images/pt_blue.png') no-repeat left 9px;
    background-size: 5px 10px;
}

.arrowlistmenu .categoryitems_sub li a:hover,
.arrowlistmenu .categoryitems_sub li a.current {
    background: url('../../archive/images/pt_blue.png') no-repeat left 15px;
    background-size: 5px 10px;
    color: #0a8ccc
}

.arrowlistmenu .menuheader {
    margin: 0px;
    padding: 10px 20px 10px 10px;
    font-size: 1em;
    cursor: pointer;
    display: block;
}

.arrowlistmenu a {
    color: #0a8ccc;
    display: block;
    font-size: 1em;
}

.arrowlistmenu a:hover {
    color: #0a8ccc
}

.arrowlistmenu a.current {
    background-color: #0a8ccc;
    color: #fff;
}

.arrowlistmenu .expandable_sub a {
    padding: 3px 10px;
    font-size: 0.8em
}

.arrowlistmenu .categoryitems_sub li a {
    font-size: 0.8em;
    background-position-y: 15px;
}

.arrowlistmenu .expandable_sub a.current {}

.arrowlistmenu .expandable_main a.current {
    color: #0a8ccc;
    background: none;
}

.arrowlistmenu ul li a {
    color: #333;
    font-size: 0.8em;
    display: block;
    padding: 5px 10px;
    border-bottom: 1px dotted #ddd
}

.arrowlistmenu ul li a:hover,
.arrowlistmenu ul li a.current {
    background: #0a8ccc;
    color: #fff
}

.hover01 figure img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    opacity: 1;
}

.hover01 figure:hover img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: .8;
}

figure {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    background: #fff;
    overflow: hidden;
}

figure:hover+span {
    bottom: -36px;
    opacity: 1;
}

.hover02 figure img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    opacity: .3;
}

.hover02 figure:hover img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: .7;
}


.left_schedule {
    float: left;
    width: 49%
}


#contact_Us {
    margin: 60px 0;
}

#demo3 #contact_right_area{
    width: 49%;
    margin: 0 auto;
    float:none;
}


#contact_right_area {
    float: right;
    width: 49%;
    box-shadow: 0 0 3px rgba(0, 0, 0, .2)
}

.title_contact_name {
    background: #275b7b;
    color: #fff;
    padding: 10px;
}
/* 
.contact_boxing {}

.contact_boxing ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.contact_boxing ul li {
    margin: 0;
    padding: 5px 0 0 40px;
    position: relative
}

.contact_boxing ul li span {}





.i_address::before {
    content: '';
    position: absolute;
    background: url('../../archive/images/contact_address.svg') no-repeat left;
    width: 20px;
    height: 35px;
    left: 0;
    background-size: 100% 100%;
}
.i_tel::before {
    content: '';
    position: absolute;
    background: url('../../archive/images/contact_tel.svg') no-repeat left;
    width: 20px;
    height: 35px;
    left: 0;
    background-size: 100% 100%;
}
.i_fax::before {
    content: '';
    position: absolute;
    background: url('../../archive/images/contact_fax.svg') no-repeat left;
    width: 20px;
    height: 35px;
    left: 0;
    background-size: 100% 100%;
}
.i_email::before {
    content: '';
    position: absolute;
    background: url('../../archive/images/contact_mail.svg') no-repeat left;
    width: 20px;
    height: 35px;
    left: 0;
    background-size: 100% 100%;
}
.i_website::before {
    content: '';
    position: absolute;
    background: url('../../archive/images/contact_web.svg') no-repeat left center;
    width: 20px;
    height: 35px;
    left: 0;
}
.i_fb a,
.i_ig a,
.i_yt a {
    display: block;
}

.i_fb::before {
    content: '';
    position: absolute;
    background: url('../../archive/images/contact_fb.svg') no-repeat center;
    width: 20px;
    height: 50px;
    left: 0;
    top: 0;
    background-size: 100% 100%;
}

.i_yt::before{
     content: '';
    position: absolute;
background: url('../../archive/images/contact_yt.svg') no-repeat center;
    width: 20px;
    height: 50px;
    left: 0;
    top: 0;
    background-size: 100% 100%; 
}

.i_ig::before {
    content: '';
    position: absolute;
    background: url('../../archive/images/contact_ig.svg') no-repeat center;
    width: 20px;
    height: 50px;
    left: 0;
    top: 0;
    background-size: 100% 100%;
} */


#contact_Us {
    margin: 60px 0;
}

#contact_right_area {
    float: right;
    width: 49%;
    box-shadow: 0 0 3px rgba(0, 0, 0, .2);
}

.title_contact_name {
    background: #275b7b;
    color: #fff;
    padding: 10px;
}

.contact_boxing ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.contact_boxing ul li {
    margin: 0;
    padding: 8px 0 8px 32px; 
    position: relative;
    min-height: 24px; 
}

.contact_boxing ul li span::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
}

.i_address::before { background-image: url('../../archive/images/contact_address.svg'); }
.i_tel::before { background-image: url('../../archive/images/contact_tel.svg'); }
.i_fax::before { background-image: url('../../archive/images/contact_fax.svg'); }
.i_email::before { background-image: url('../../archive/images/contact_mail.svg'); top:28px !important; }
.i_website::before { background-image: url('../../archive/images/contact_web.svg'); }
.i_fb::before { background-image: url('../../archive/images/contact_fb.svg'); top:23.5px !important; }
.i_ig::before { background-image: url('../../archive/images/contact_ig.svg'); top:25px !important; }

.i_whatsapp::before { background-image: url('../../archive/images/i_whatsapp.png'); }
.i_wechat::before { background-image: url('../../archive/images/i_wechat.png'); }
.i_xiaohungshu::before { background-image: url('../../archive/images/i_xiaohungshu.png'); }


button.accordion {
    background-color: #fff;
    cursor: pointer;
    padding: 15px 10px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 19px;
    color: #275b7b;
    border-top: 1px solid #275b7b;
    transition: 0.4s;
    font-family: 'Roboto Condensed', "微軟正黑體", "Microsoft JhengHei", "Segoe UI Semibold", "Segoe UI", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

button.accordion.active,
button.accordion:hover {
    background-color: #e1f6fc;
}

button.accordion:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

button.accordion.active:after {
    content: "\2212";
}

div.panel {
    padding: 0 10px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

/* Notice */
#notice .information ul {
    margin: 0 0 0 0%;
    border-top: 2px solid #0a8ccc
}

#notice .information ul li {
    float: none;
    width: 100%;
    margin: 0;
    padding: 10px 0px 10px 0;
    line-height: 17px;
    border-bottom: 1px solid #ddd;
}

#notice .information ul li a {
    display: inline-block;
    padding: 0px 0;
    width: 100%;
    color: #275b7b;
    line-height: 1em;
}

#notice .information ul li a:hover {
    color: #333;
    text-decoration: none
}

#notice .information ul li:hover {
    background: #eff9ff;
}

#notice .information .date {
    float: left;
    width: 14%;
    padding: 5px 5px 5px 10px;
}

#notice .information .date span {
    padding: 0 0 0 25px
}

#notice .information .number {
    float: left;
    width: 15%;
    padding: 5px 0; letter-spacing: normal
}

#notice .information .title {
float: left;
    width: 45%;
    padding: 5px 0;
    margin-right: 10px;
}

#notice .sub_category {
    display: none;
}

#notice .information .related {
    float: right;
    width: calc( 22% - 0px );
    padding: 5px 0;
}

#notice .information p {
    width: auto;
    font-size: 1em;
}

#notice .information .download {
    float: right;
}

#notice .information .download a {
    background: url('../../archive/images/icon_pdf.png') no-repeat;
    background-position: 0px 0px;
    background-size: 20px;
    padding: 5px 5px 5px 30px;
    display: block;
    color: #fc2130;
    display: block
}

/* media */
#Media_Album .information ul {
    margin: 0 0 0 -2.5%;
}

#Media_Album .information .clip {
    background: url('../../archive/images/icon_album.png') no-repeat;
    width: 53px;
    height: 53px;
    position: absolute;
    left: -5px;
    top: -5px;
    z-index: 10
}

#Media_Album .information ul li {
    float: none;
    width: 30%;
    margin: 0 0 20px 3%;
    padding: 0;
    line-height: 17px;
    float: left;
    position: relative;
}

#Media_Album .information ul li .cover {
    background: #f4f4f4;
    box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    border-radius: 2px;
    padding: 10px 15px 5px 15px;
}

#Media_Album .information ul li img {
    width: 100%;
    box-shadow: 0 0 0;
}

#Media_Album .information .date {
    position: relative;
    text-align: center;
    padding: 8px 0 0 0
}

#Media_Album .information .date span {
    padding: 5px 5px 5px 25px;
    color: #333;
    display: inline;
    background: url('../../archive/images/icon_date.png') no-repeat;
    background-size: 15px 15px;
    background-position: 5px 5px;
}

#Media_Album .information p {
    float: none;
    text-align: center;
    padding: 10px 0 5px 0;
    font-size: 19px;
}

#Media_Album .information ul li:hover .cover {
    background: #e8f7ff;
    box-shadow: 0 0 3px rgba(0, 0, 0, .3);
}

#Media_Album .information ul li:hover img {
    opacity: .7
}

#Media_Video .information ul {
    margin: 0 0 0 -2.5%;
}

#Media_Video .information .clip {
    background: url('../../archive/images/icon_video.png') no-repeat;
    width: 53px;
    height: 53px;
    position: absolute;
    left: -5px;
    top: -5px;
    z-index: 10
}

#Media_Video .information ul li {
    float: none;
    width: 30%;
    margin: 0 0 20px 3%;
    padding: 0;
    line-height: 17px;
    float: left;
    position: relative;
}

#Media_Video .information ul li .cover {
    background: #f4f4f4;
    box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    border-radius: 2px;
    padding: 10px 15px 5px 15px;
}

#Media_Video .information ul li img {
    width: 100%;
    box-shadow: 0 0 0;
}

#Media_Video .information .date {
    position: relative;
    text-align: center;
    padding: 8px 0 0 0
}

#Media_Video .information .date span {
    padding: 5px 5px 5px 25px;
    color: #333;
    display: inline;
    background: url('../../archive/images/icon_date.png') no-repeat;
    background-size: 15px 15px;
    background-position: 5px 5px;
}

#Media_Video .information p {
    float: none;
    text-align: center;
    padding: 10px 0 5px 0;
    font-size: 19px;
}

#Media_Video .information ul li:hover .cover {
    background: #ffeeef;
    box-shadow: 0 0 3px rgba(0, 0, 0, .3);
}

#Media_Video .information ul li:hover img {
    opacity: .7;
    border: 1px solid #d64541
}

#Media_Video .information ul li a {
    color: #d64541
}

.youtube_video {

width: 70%;
/* 

    width: 70%; */
    box-shadow: 0 5px 10px rgba(0, 0, 0, .5);

    
    background: #000;
    /* padding: 10px; */
    margin-top: 30px;
}

.youtube_video iframe {
    width: 100%;
    height: 380px;
    min-height: 424px;
}

.youtube_video video {
    width: 100%;
    height: 380px;
}


.video_footer {
    background: url('../../archive/images/tv_footer.png') no-repeat center;
    height: 38px;
    width: 70%;
}

.youtube_video2 {
    width: 100%;
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    padding: 0;
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
}

.youtube_video2 iframe {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%
}

.video_theme {
    max-width: 80%;
    margin: 50px auto;
}

/* Site Map */
.site-map-menu {
    line-height: 19px;
}

ul.site-map-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

#site-map .site-map-box ul {
    margin: 0 0 0 -2%;
    padding: 0;
}

#site-map .site-map-box ul li ul {
    margin-left: 15px;
}

ul.site-map-menu li {
    float: left;
    width: 30.3%;
    margin: 0 0 20px 2%;
    list-style: none;
}

ul.site-map-menu li ul {
    margin: 10px 0 0 0%;
    padding: 0;
    list-style: none;
}

ul.site-map-menu li ul li ul {
    margin: 0 0 0 10px
}

ul.site-map-menu li ul li {
    float: none;
    width: 100%;
    margin: 0;
}

ul.site-map-menu li a {
    font-size: 15px; line-height:19px;
    background: #1258ba;
    color: #fff;
    padding: 8px 10px;
    display: block
}

ul.site-map-menu li ul li a {
    font-size: 13px;
    background: #fff;
    color: #1258ba;
    background: url('../../archive/images/arrow_right.png') no-repeat;
    background-size: 15px 15px;
    background-position: 0 7px;
    padding: 5px 5px 5px 20px;
    display: block
}

ul.site-map-menu li ul li a:hover {
    color: #ff9600;
    background: url('../../archive/images/arrow_right.png') no-repeat;
    background-size: 15px 15px;
    background-position: 0 7px;
}

ul.site-map-menu li ul li ul li a {
    color: #333;
    font-size: 13px;
    padding-left: 35px;
    background: url('../../archive/images/icon_square.png') no-repeat;
    background-size: 10px 10px;
    background-position: 20px 10px;
}

ul.site-map-menu li ul li ul li a:hover {
    color: #ff9600;
    background: url('../../archive/images/icon_square.png') no-repeat;
    background-size: 10px 10px;
    background-position: 20px 10px;
}

ul.site-map-menu li+li+li+li {
    clear: both
}

ul.site-map-menu li+li+li+li+li {
    clear: none
}

ul.site-map-menu li+li+li+li+li+li+li {
    clear: both
}

ul.site-map-menu li+li+li+li+li+li+li+li {
    clear: none
}

ul.site-map-menu li+li+li+li+li+li+li+li+li {
    clear: none
}

/* Other */
#principal {
    text-align: left
}

#principal p {
    text-align: left;
    line-height: 28px;
}

.contactus {}

.contactus .info {
    float: right;
    width: 48%;
    padding: 0;
    background: #fff;
}

.contactus .info td {
    padding-right: 10px;
}

.contactus .map_area {
    float: left;
    width: 48%;
}

.contactus .location {
    float: right;
    width: 100%;
}

.contactus .location img {
    box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    padding: 1px;
}

.contactus .location iframe {
    height: 380px;
    width: 100%;
    border: 1px solid #ddd;
    box-shadow: 0 0 3px rgba(0, 0, 0, .2)
}

.history_area {
    width: 85%;
    padding-top: 25px
}

.history_area ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.history_area ul li {
    margin: 0;
    padding: 0;
}

.history_area .year_area {
    background: #1f81c5;
    padding: 5px 0;
    width: 25%;
    color: #fff;
    float: left;
    text-align: center;
}

.history_area .history_area {
    float: right;
    border-left: 1px dotted #ddd;
    width: 74.8%;
    padding: 15px 0 30px 0;
}

.content_history {
    background: #f8f8f8;
    padding: 10px;
}

.year_newspaper {}

.year_newspaper ul {
    list-style: none;
    margin: 0 0 0 -2%;
    padding: 0;
}

.year_newspaper ul li {
    margin: 0;
    padding: 0;
    float: left;
    width: 31%;
    margin: 0 0 20px 2%;
    border: 1px solid #ddd;
    text-align: center;
    min-height: 320px;
}

.year_newspaper ul li img {
    max-width: 100%;
    max-height: 240px;
}

.clip {
    display: none
}

.left_content_info {
    float: left;
}

.right_content_info {
    width: 65%;
    position: relative;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 30px;
}

.contact_info {
    position: relative;
    border: 2px solid #275b7b;
}

.contact_info h4 {
    background: #275b7b;
    color: #fff;
    text-align: center
}

.contact_info h4 span {
    font-size: 1em;
    line-height: 1em;
    color: #333;
}

.contact_info a {
    word-break: break-all;
}

.service_time {
    font-size: 0.9em;
    line-height: 1.1em;
    background: #fff;
    padding: 5px;
}

.white_fonts {
    color: #fff;
    background: #1a72b3;
}

.border_blue {
    border: 2px solid #0a8ccc;
    font-size: 1.3em;
    padding: 0 15px;
    display: inline-table;
    margin: 0 0 15px 0;
}

.theme_services {
    border: 2px solid #0a8ccc;
    padding: 10px 10px;
    width: 70%;
    margin-top: 20px;
    margin-bottom: 20px;
}

.fifty_point ul {
    clear: both
}

.fifty_point ul li {
    float: left;
    width: 50%;
}

div.tab {
    overflow: hidden;
}

/* Style the buttons inside the tab */
div.tab button {
    background-color: #eaeaea;
    color: #333;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 10px 0px;
    width: 50%;
    transition: 0.3s;
    font-family: "微軟正黑體", "Microsoft JhengHei", "Segoe UI Semibold", "Segoe UI", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

/* Change background color of buttons on hover */
div.tab button:hover {
    background-color: #275b7b;
    color: #fff
}

/* Create an active/current tablink class */
div.tab button.active {
    background-color: #0075bf;
    color: #fff
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 0px;
}

.tabcontent {
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
    /* Fading effect takes 1 second */
}

#contact_person div.tab button {
    width: auto;
    padding: 10px 15px;
    margin-right: 1px;
    font-size: 18px;
}

#contact_person .tabcontent {
    padding: 5px;
    border: 4px solid #1a5da4;
    font-size: 13px
}

#contact_person blockquote {
    padding: 0 0 0 20px;
    margin: 0
}

#contact_person tr#blue_bg td {
    background: #1a5da4;
    color: #fff;
    font-weight: normal;
    padding: 5px;
}

#contact_person tr#blue_bg td {
    background: #1a5da4;
    color: #fff;
    font-weight: normal;
    padding: 5px;
}

#contact_person table {
    background: #919191;
}

#contact_person table td {
    background-color: #FFF
}

#right_download {
    padding: 5px;
}

#right_download ul li {
    float: none;
    width: 100%;
}

#right_download .title {
    margin-left: -5px;
    margin-top: 0px;
    padding: 8px 10px;
}

.faq_area ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.faq_area ul li {
    margin: 0 0 15px 0;
    border: 1px solid #5234ae;
    background: #fff;
    clear: both;
}

.faq_area ul li .quest {
    background: url('../../archive/images/icon_question.png') no-repeat left top #5234ae;
    padding: 5px 10px 5px 60px;
    color: #fff;
    font-size: 1em;
}

.faq_area ul li.dobule {
    border: 1px solid #6242c4;
}

.faq_area ul li.dobule .quest {
    background: url('../../archive/images/icon_question.png') no-repeat left top #7a5dd4;
}

.faq_area ul li .answ {
    padding: 5px 10px;
    line-height: 1.6em;
    font-size: 1em;
}

.inner_new_area {
    background: url('../../archive/images/bg_board_b.jpg');
    border: 3px solid #005fe9;
}

.inner_new_area .news_zone {
    border: 2px solid #002b63;
    padding: 5px 0 0 0;
}

.inner_new_area ul {
    list-style: none;
    margin: 0;
    padding: 10px;
}

.inner_new_area ul li {
    border: 1px solid #ddd;
    background: #fff;
    padding: 0 5px;
    margin-bottom: 5px;
}

.inner_new_area ul li a {
    display: block;
    color: #0043a4
}

.inner_new_area ul li a:hover {
    color: #fff
}

.inner_new_area ul li:hover {}

.inner_new_area .title {
    background: url('../../archive/images/icon_news.png') no-repeat left top;
    color: #0043a4;
    font-weight: bold;
    font-size: 1.2em;
    padding: 14px 0 7px 65px;
    background-position: 5px 50%
}

.bg_voice {
    background: url('../../archive/images/bg_voice.jpg') no-repeat;
    height: 181px;
}

.bg_voice .area_cont {
    padding: 60px 50px 0px 280px;
}

.font-small {
    font-size: 0.8em;
    color: #ff5d8b;
    padding: 0 8px 0 3px;
    line-height: 1.3em;
}

.contact_info_border {
    border-bottom: 1px dotted #ddd;
    margin-bottom: 5px;
}

.web_address {
    border: 1px solid #0a8ccc;
    padding: 1.5em 0;
    margin: 0 0 10px;
    text-align: center;
}

.right_content_info .web_address {
    display: none;
}


#info_type_P .book_info{
    display: flex;
    align-items: center;
}

#info_type_P .book_cover {
    width: 34%;
    margin: 0;
}


.book_cover img {
    width: 100%;
    box-shadow: 0 0 3px rgba(0, 0, 0, .2)
}

.description_book {
    float: right;
    margin-bottom: 15px;
    width: 60%;
    margin-left: 6%;
}

.description_book span {
    color: #9a7359;
    padding-right: 5px;
}


.map {
    margin: 50px 0
}

.map iframe {
    width: 100%;
    min-height: 380px;
}

.white {
    color: #fff;
}

.table_3 {
    width: 33%;
    float: left;
}

.career_info {}

.career_info ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.career_info ul li {
    margin: 0 0 0px 0;
    border-bottom: 1px solid #00384d;
}

.career_info ul li span {
    font-size: 0.9em;
    color: #555
}

.career_info ul li a {
    display: flex;
    padding: 10px;
    font-size: 1em;
    margin: 5px 0
}

.career_info ul li a:hover {
    background: #0f5185;
    color: #fff;
    text-decoration: none
}

.career_info ul li a:hover span {
    color: #fff;
}

.career_box {
    border: 1px solid #0076c0;
    background: #fafafa;
    padding: 10px;
}

.title_con {
    padding: 5px; border: 1px solid #00384d;
}

.career_info .title_con .start{
    margin-right:10px;
}

.career_info .title_con .start,.career_info .title_con .end{

    width: calc(8% + 8px);
}

.start {
    float: left;
        margin-right: 5px;
    width: auto;
    min-height: 1px;
}

.end {
    float: left;
    /* width: 10%; */
    width: auto;
    min-height: 1px;
}

.title_post {
    float: left;
    width: calc(40% - 20px);
    margin: 0 10px
}

.department {
    float: left;
    width: calc(40% - 20px);
    margin: 0 10px
}

#job_content_Full {
    background: url('../../archive/images/bg_career.jpg') no-repeat left bottom;
    height: 110px;
    position: relative;
    box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    margin: 30px 0 -10px 0
}

#job_content_Full p {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: .3em 1.1em;
    background: rgba(25, 138, 199, .7);
    color: #fff;
}

.career_remark {
    margin: 0px 0 0 0;
}

.career_remark .title {
    font-size: 1.2em;
    color: #0a8ccc
}

.box_remarks {
    padding: 5px;
}

.deadline {
    font-size: .8em;
    padding: 5px 0 0 0;
    color: #F00
}

.hover01 figure img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    opacity: 1;
}

.hover01 figure:hover img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: .8;
}

figure {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    background: #fff;
    overflow: hidden;
}

figure:hover+span {
    bottom: -36px;
    opacity: 1;
}

.hover02 figure img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    opacity: .3;
}

.hover02 figure:hover img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: .7;
}

.boxbox {
    text-align: center;
}

.slider_theme {
    position: absolute;
    left: 0px;
    top: 30%;
    z-index: 10
}

.slider_theme a {
    font-size: 15px;
    line-height: 19px !important;
    background: rgba(255, 255, 0, .9) !important;
    color: #000;
    padding: 5px 12px !important;
    border: 0px solid rgba(255, 255, 255, 0.2) !important;
    margin: 0px !important;
    width: auto !important
}

.information ul li,
.sentense,
.career_info ul li,
#info_type_unvoiced .main_events_area ul li,
.boxbox {
    position: relative;
}

.information ul li .editing,
.grid_photo .editing,
.Userful_link_inside ul li .editing,
.sentense .editing,
.career_info ul li .editing,
#info_type_unvoiced .main_events_area ul li .editing,
.boxbox .editing {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 11
}

.information ul li:hover .editing,
.grid_photo:hover .editing,
.Userful_link_inside ul li:hover .editing,
.sentense:hover .editing,
.career_info ul li:hover .editing,
#info_type_unvoiced .main_events_area ul li:hover .editing,
.boxbox:hover .editing {
    display: block;
}

.editing a {
    font-size: 15px;
    line-height: 19px !important;
    background: rgba(255, 255, 0, .9) !important;
    color: #000;
    padding: 5px 12px !important;
    border: 0px solid rgba(255, 255, 255, 0.2) !important;
    margin: 0px !important;
    width: auto !important
}

.adding {
    display: none;
    position: absolute;
    left: 0;
    top: 5px;
    z-index: 11
}

.adding a {
    font-size: 15px;
    line-height: 19px;
    background: rgba(255, 255, 0, .9);
    color: #000;
    padding: 5px 12px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    margin: 0;
}

.adding a::before {
    content: "+";
}

.area:hover .adding {
    display: block;
}

@-webkit-keyframes fadeEffect {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeEffect {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.main_intro_sky {
    position: relative;
    margin: -140px 0 0 0;
    background: url('../../archive/images/1701061788.svg') no-repeat top;
    background-size: 100% auto;
    z-index: 1;
}

.building {
    float: left;
    width: 50%;
    position: relative;
    z-index: 1;
    filter: drop-shadow(0px 0px 9px rgba(0, 0, 0, 0.63));
}

.building img {
    max-width: 100%;
    max-height: 950px;
    position: relative
}

.main_intro {
    width: 80%;
    margin: 0 10%;
}

.content_area {
    float: right;
    width: 80%;
    font-size: 21px;
    line-height: 26px;
    position: absolute;
    z-index: 0;
    top: 20%;
    right: 0px;
    transform: translate(0%, 0%);
}

#conten_bg {
    position: absolute;
    z-index: 0
}

#conten_bg img {
    max-width: 100%
}



.content_txt {
    position: relative;
    z-index: 1;
    background: #fff;
    padding: 30px 5% 90px 35%;
}

.content_txt::before {
    content: '';
    position: absolute;
    background: url('../../archive/images/contact_bg.svg') no-repeat bottom;
    top: -96px;
    width: 100%;
    height: 110px;
    right: 0;
    background-size: 100%;
}

.main_area_home {
    display: flex;
    justify-content: center;
    align-items: center;
}

.flag {
    float: left;
    width: 45%;
    padding: 90px 2.5% 0 2.5%
}

.flag img {
    max-width: 100%
}

.flag_des {
    float: right;
    width: 43%;
    padding: 50px 2.5%;
}

.flag_des h1 {}


.main_counting {
    position: relative;
    margin: 80px 0 0 0
}

.main_counting::before {
    content: '';
    position: absolute;
    background: url('../../archive/images/wave_bg.svg') no-repeat bottom;
    top: 100px;
    width: 101%;
    height: 380px;
    right: 0;
    background-size: 100%;
}


.wave .nevigation {
    position: absolute;
}

.wave {
    position: relative;
}

.wave::before,
.wave::after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 93px;
    margin: auto;
    content: '';
    animation: wave 5s ease-in-out infinite;
}

.wave::after {
    animation: segline 7s ease-in-out infinite;
}

@keyframes wave {
    0% {
        background-size: 100% 100%;
    }

    33.33% {
        background-size: 100% 100%;
    }

    66.66% {
        background-size: 100% 100%;
    }

    100% {
        background-size: 100% 100%;
    }
}




#wave_line::before {
    background: url('../../archive/images/banner_line.svg') no-repeat center bottom;
    transform: translateY(0%);
    width: 100%;
    height: 257px;
    /* margin-top: -80px; */
        margin-top: -120px;
}


.fix_icon {
    float: right;
    position: fixed;
    right: 0;
    z-index: 4;
    width: auto;
    top: 30%
}

.fix_icon ul {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.fix_icon ul li {
    margin: 0;
    padding: 0;
    width: 100%;
}

.fix_icon ul li a {
    padding: 15px 15px 15px 60px;
    line-height: 30px;
    letter-spacing: 7px;
    background: #E61F00;
    display: block;
    position: relative;
    right: 0;
    float: right;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    -webkit-transform: translateX(100%) translateX(-60px);
    transform: translateX(100%) translateX(-60px);
    border-top-left-radius: 16px;
}

.fix_icon ul li+li a {
    background: #18817E;
    border-top-left-radius: 0px;
}

.fix_icon ul li+li+li a {
    background: #007BC7;
}

.fix_icon ul li+li+li+li a {
    background: #004976;
}

.fix_icon ul li a span {
    background: url('../../archive/images/support.png') no-repeat center center;
    width: 45px;
    height: 38px;
    position: absolute;
    top: 12px;
    background-size: 100%;
    left: 9px;
    right: 0;
}

.fix_icon ul li+li a span {
    background: url('../../archive/images/career.png') no-repeat center center;
    width: 45px;
    height: 38px;
    position: absolute;
    top: 10px;
    background-size: 100%;
    left: 10px;
    right: 0;
}

.fix_icon ul li+li+li a span {
    background: url('../../archive/images/services.png') no-repeat center center;
    width: 45px;
    height: 38px;
    position: absolute;
    top: 12px;
    background-size: 100%;
    left: 9px;
    right: 0;
}

.fix_icon ul li+li+li+li a span {
    background: url('../../archive/images/cd-top-arrow.svg') no-repeat center center;
    width: 45px;
    height: 38px;
    position: absolute; 
    background-size: auto 100% ;
    top: 12px;
    left: 9px;
    right: 0;
}

.fix_icon ul li a:hover {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}


#cd-top {
    border-bottom-left-radius: 16px;
}

#cd-top:hover {
}

#cd-top.cd-is-visible {
    visibility: visible;
    opacity: 1;
}

#cd-top.cd-fade-out {
    opacity: 1;
}

.no-touch #cd-top:hover {
    background-color: #e86256;
    opacity: 1;
}






#block-search-form {
    float: right;
}

#edit-advanced {
    display: none;
}

#search-block-form h2,
#search-block-form label {
    display: none;
}

.search {

}
.search.active + .top_search {
  display: block;
}
.top_search {
  display: none;
  padding: .85rem 0.5rem;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 1;

}


.top_search #search-block-form {

}

.top_search:hover #search-block-form {
  
}
.container-inline{ display: block ruby}
.form-text  {
background: #fff;
padding: 5px;
font-size: 16px;
line-height: 21px;
border: 0px;
width: 190px;
border:1px solid #ddd;
}
.search-snippet strong{ color:red;}
#search-block-form input[type=submit] {
    
}

#search-block-form input[type=submit]:hover {}

.fa-search::before {
    content: "\f002";
    color: #27548d;
    font-style: normal;
    font-family: FontAwesome;

    border-style: none;
    font-size: 24px;
    font-weight: bold;
    outline: none;
    cursor: pointer;

    pointer-events: painted;
    float: right;
    margin: 0;
    display: block;
}

#edit-search-block-form--2 {
    box-shadow: none;
    border-radius: 0px;
    margin-left: 0
}

.top_search {
width: 300px!important; margin-top:15px;
background: #e0f4ff;
right: 0;
position: absolute;
border: 2px solid #007bc7;
border-radius: 6px;
}
#edit-actions input{ background:#007BC7; padding:5px; border-radius:8px; font-size:15px; line-height:19px; color: #fff; padding:5px 15px; border:0;}

.top_search .btn-search {
    position: absolute;
    right: 10px;
    top: 7px
}

.top_search i {
    z-index: 1;
    text-align: center;
}

.top_search:hover i {
    opacity: 0;
    z-index: -1;
}


.search_mobile {
    display: none
}

.links_top{
    display: flex;
        align-items: center;
}

.links_top >*{
    flex:1;
}

.links_top .lang,
.links_top .fontsize,
.top_search,.language-selector {
    float: left;
     /* width: 33.3%;  */
    /* width: 25%; */
    line-height: 21px;  font-size:20px;
    color: #007bc7;
}

.links_top a {
    display: block;
    padding: 10px 0
}
.sticky .links_top a {
    display: block;
    padding: 10px 0
}


#demo2 .nevigation,
#demo3 .nevigation {
    position: absolute
}

#demo2 .main_content a:hover,
#demo3 .main_content a:hover {
    background: #c8deec;
    color: #275b7b
}

#demo2 .inner_content_full,
#demo3 .inner_content_fulll {
    box-shadow: none;
}

#demo2 .introduction,
#demo3 .introduction {
    width: 70%;
    margin: 0 15%;
    text-align: center
}

#demo2 .introduction_content,
#demo3 .introduction_content {
    text-align: left
}

#demo2 .container h1,
#demo3 .container h1,
#demo4 .container h1 {
    letter-spacing: 5px;
    font-weight: bold;
    color: #0c3247;
    font-size: 30pt
}

#demo2 .container h2,
#demo3 .container h2,
#demo4 .container h2 {
    letter-spacing: 5px;
    font-weight: bold;
    font-size: 27pt;
    color: #0a5275;
    margin: 20px 0 0 0;
    text-align: center;
    background: none;
    /*background: #275b7b;*/
    line-height: 30px
}

#demo2 .container h2::after,
#demo3 .container h2::after,
#demo4 .container h2::after {
    height: 4px;
}

#demo2 .container h3,
#demo3 .container h3,
#demo4 .container h3 {
    letter-spacing: 5px;
    font-weight: bold;
    color: #217098;
    font-size: 24pt
}

#demo2 .container h4,
#demo3 .container h4,
#demo4 .container h4 {
    letter-spacing: 5px;
    font-weight: bold;
    font-size: 21pt
}

#demo2 .container h5,
#demo3 .container h5,
#demo4 .container h5 {
    letter-spacing: 5px;
    font-weight: bold;
    color: #00c2c7;
    font-size: 17pt
}

#demo2 .container h6,
#demo3 .container h6,
#demo4 .container h6 {
    letter-spacing: 5px;
    font-weight: bold;
    color: #E61F00;
    font-size: 17pt
}

/*#demo2 .container p,
#demo3 .container p,
#demo4 .container p {
    font-size: 14pt;
    letter-spacing: 3px;
}*/


#demo2 .container.en p, #demo3 .container.en p, #demo4 .container.en p{
letter-spacing: normal;
}

#screen_80 p{
    letter-spacing: 0px;
}

#demo2 .container h2 a,
#demo3 .container h2 a,
#demo4 .container h2 a {
    background: #275b7b;
    display: block;
    color: #fff;
    padding: 20px
}

.inside_banner {
    position: relative;
     background-size: cover; 
    background-position: bottom;
    padding: 0 0;
    min-height: 550px;
    background-attachment: fixed;
}

.inside_banner::after {
    content: '';
    position: absolute;
    background: url('../../archive/images/inner_wave.svg') no-repeat bottom;
    width: 100%;
    height: 141px;
    bottom: -1px;
    background-size: 101%;
    top: auto;
    pointer-events: none
}

.inside_banner::before {
    content: '';
    position: absolute;
    background: url('../../archive/images/blue_line.svg') no-repeat bottom;
    width: 100%;
    height: 337px;
    bottom: -70px;
    background-size: 100%;
    top: auto;
    z-index: 1;
    left: 0;
    margin: 0;
    pointer-events: none
}

.non_banner {
    background: #aee1f8;
}

#demo4 .inside_banner::before {
    content: '';
    position: absolute;
    background: url('../../archive/images/blue_line.svg') no-repeat bottom;
    width: 100%;
    height: 200px;
    bottom: 0;
    background-size: 100%;
    top: auto;
    z-index: 1;
    left: 0;
    margin: 0;
}


#demo2 .jurisdiction_title {
    text-align: center;
    color: #275b7b;
    font-size: 30px;
    font-weight: bold;
    position: relative;
    margin: 50px 0
}

#demo2 .jurisdiction_title::after,
#demo3 .jurisdiction_title::after {
    height: 8px;
    background: #d2d3d5;
    content: "";
    width: 100px;
    display: block;
    margin: 0 auto;
    margin-top: 20px;
}

#demo2 .Album .description,
#demo3 .Album .description {
    border: none;
    margin: 0
}

#demo2 .Album .description ul,
#demo3 .Album .description ul {
    margin-top: 30px;
    list-style: circle;
}

#demo2 .Album {
    float: left;
    width: calc(33.3% - 2%);
    margin: 0 1%;
}

#demo2 .Album:nth-child(3n+1),
#demo3 .Album:nth-child(3n+1) {
    clear: both
}

#demo2 h3 {
    color: #275b7b;
    font-size: 20px;
    text-align: center;
    border: 1px solid #275b7b;
    padding: 10px 20px;
    margin: 0 0 20px 0;
}

#demo2 h3 a {
    display: block;
    padding: 10px 20px
}


.banner_titleh1 {
    font-size: 40px;
    letter-spacing: 5px;
    color: #275b7b;
    text-align: center;
    font-weight: 500;
    position: absolute !important;
    z-index: 1;
    top: 30%;
    background: #ffffff61;
    padding: 30px 180px;
    right: 0;
    margin: auto;
    display: inline-block;
    width: max-content;
    left: 0
}

#Inner_Type_E.Album,
#Inner_Type_F.Album,
#Inner_Type_F2.Album {
    width: calc(100%);
    margin-bottom: 90px;
}

#Inner_Type_E.Album .title,
#Inner_Type_F.Album,
#Inner_Type_F2.Album {
    text-align: center;
    color: #275b7b;
    font-weight: bold;
    position: relative;
    margin: 0px 0;
    border-left: none;
    padding: 0;
    box-shadow: none;
    display: block;
    font-size: 40px;
}

/*
#Inner_Type_E.Album .title::after ,  #Inner_Type_F.Album .title::after ,  #Inner_Type_F2.Album .title::after{    height: 8px;    background: #d2d3d5;    content: "";    width: 100px;    display: block;    margin: 0 auto;       margin-top: 20px;}
*/
#Inner_Type_E.Album ul {
    list-style: none;
    margin: 0 0.5%;
    padding: 0;
    list-style: none !important;
}

#Inner_Type_E.Album .description {
    padding: 0
}

#Inner_Type_E.Album ul li {
    float: left;
    width: calc(33.3% - 6%);
    margin: 20px 3%;
}

#Inner_Type_E.Album ul li:nth-child(3n+1) {
    clear: both;
}

#Inner_Type_E.Album ul li a {
    text-align: center;
    color: #275b7b;
    display: block;
    padding: 20px 20px;
    background: #92d7e9;
    line-height: 40px;
    font-size:14pt;
    font-weight: normal
}

#Inner_Type_E.Album ul li a:hover {
    background: #e3eaee;
}



#Inner_Type_F.Album ul,
#Inner_Type_F2.Album ul {
    list-style: none;
    margin: 0 0.5%;
    padding: 0;
    list-style: none !important;
}

#Inner_Type_F.Album .description,
#Inner_Type_F2.Album .description {
    padding: 0
}

#Inner_Type_F.Album ul li {
    float: left;
    width: calc(33.3% - 6%);
    margin: 20px 3%;
    position: relative;
}

#Inner_Type_F2.Album ul li {
    float: left;
    width: 47%;
    margin: 20px 1.25%;
    position: relative;
}

#Inner_Type_F.Album ul li:nth-child(3n+1) {
    clear: both;
}

#Inner_Type_F.Album ul li a,
#Inner_Type_F2.Album ul li a {
    text-align: center;
    color: #fff;
    display: block;
    padding: 20px 20px;
    background: #0c41b3;
    line-height: 40px;
    font-size: 18pt;
    text-align: center;
    border: 3px solid #0c41b3;
    font-weight: normal
}

#Inner_Type_F.Album ul li a:hover,
#Inner_Type_F2.Album ul li a:hover {
    color: #0c41b3;
    background: #fff;
}

#Inner_Type_F.Album ul li ul,
#Inner_Type_F2.Album ul li ul {
    margin: 0 0%;
}

#Inner_Type_F.Album ul li ul li,
#Inner_Type_F2.Album ul li ul li {
    float: none;
    width: 100%;
    margin: 10px 0;
}

#Inner_Type_F.Album ul li ul li a,
#Inner_Type_F2.Album ul li ul li a {
    text-align: center;
    color: #fff;
    display: block;
    padding: 10px 15px;
    background:#1363df;
    line-height: 34px;
    font-size: 14pt;
    text-align: center;
    border: 3px solid #1363df;
  
}

#Inner_Type_F.Album ul li ul li a:hover,
#Inner_Type_F2.Album ul li ul li a:hover {
    color: #1363df;
    background: #fff;
}


#Inner_Type_F.Album ul li ul li ul li,
#Inner_Type_F2.Album ul li ul li ul li {
    float: none;
    width: 100%;
    margin: 10px 0;
}

#Inner_Type_F.Album ul li ul li ul li a,
#Inner_Type_F2.Album ul li ul li ul li a {
    text-align: center;
    color: #275b7b;
    display: block;
    padding: 5px 5px 5px 30px;
    background: none;
    line-height: 26px;
    font-size: 18px;
    text-align: left;
    border: 0px solid #275b7b;
}

#Inner_Type_F.Album ul li ul li ul li a:hover,
#Inner_Type_F2.Album ul li ul li ul li a:hover {
    color: #92d7e9;
    background: none;
    text-decoration: underline
}

#Inner_Type_F.Album ul li ul li ul li a::before,
#Inner_Type_F2.Album ul li ul li ul li a::before {
    content: "";
    border: 3px solid #275b7b;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    position: absolute;
    left: 0px;
    top: 9px;
    outline: none;
}


.no_border_box a {
  padding: 0px !important;
  background: #fff !important;
  line-height: 40px;
  font-size: 18pt;
  text-align: left !important; 
  border: 0px solid #0c41b3 !important;
}
.no_border_box a h3{ text-decoration:  underline !important;}

.no_border_box a:hover h3{ color:#333 !important ;text-decoration:  none !important;}
/* #demo3 h2 {
    background: #197DA4;
} */


#demo3 .inner_content_full .main_content,
#demo4 .inner_content_full .main_content {
    min-height: auto
}

#demo3 .inner_content_full,
#demo4 .inner_content_full {
    margin-bottom: 0
}

.jurisdiction_more {
    margin-bottom: 90px;
}

.jurisdiction_more a {
    display: block;
    padding: 20px;
    background: #a1d8ea;
    color: #152e55;
    text-align: center;
    margin: 0 auto;
    width: 50%;
    font-size: 25px;
    position: relative
}

.jurisdiction_more a::after {
    content: '';
}

.jurisdiction_more a:hover {
    background: #275b7b;
    color: #fff;
}

.embed_event {
    float: left;
    width: 100%;
    margin: 30px 0 180px 0;
    position: relative;
    z-index: 4;
    background:#A1D8EA;

}

.embed_event::after{
content: '';
    background: url('../../archive/images/wave_bg.svg') no-repeat bottom center;
    background-size: 101%;
    position: absolute;
    width: 100%;
    height: 20%;
    left: 0;
    bottom: -20%;
}

.embed_event .title {
    text-align: center;
    color: #333;
    font-size: 30px;
    font-weight: bold;
    position: relative;
    margin: 50px 0;
    border-left: none;
    padding: 0;
    box-shadow: none;
    display: block
}

.embed_event .title::after {
    height: 8px;
    background: #fff;
    content: "";
    width: 100px;
    display: block;
    margin: 0 auto;
    margin-top: 20px;
}

.embed_event .content_title {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0%, -50%);
    text-align: center;
    width: calc(80% - 40px);
    background: #ffffffdb;
    margin: 0 10%;
    padding: 10px 20px;
    font-size: 20px;
    opacity: 0
}

.embed_event a:hover .content_title {
    opacity: 1
}



.contact .title {
    color: #275b7b;
    font-size: 30px;
}

#demo4 .Album ul li img {
    width: 100%
}


#demo4 .Album ul {
    position: relative
}




#demo4 .contact ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#demo4 .contact ul li {
    width: calc(50% - 30px);
    padding: 0;
    float: left;
    margin: 15px;
    font-size: 20px;
    position: relative
}

#demo4 .contact ul li+li+li {
    width: calc(100% - 30px);
    padding: 0
}

#demo4 .contact ul li span {
    padding: 0 0px 0px 30px;
    position: relative
}

#demo4 .contact ul li+li+li span {
    padding: 0px 0px 0px 40px;
}


#demo4 .contact ul li span::before {
    content: '';
    background: url('../../archive/images/contact_tel.svg') no-repeat left;
    position: absolute;
    width: 26px;
    height: 26px;
    left: 0
}

#demo4 .contact ul li+li span::before {
    content: '';
    background: url('../../archive/images/contact_fax.svg') no-repeat left;
    position: absolute;
    width: 31px;
    height: 33px;
    background-size: 80%;
    left: 0
}

#demo4 .contact ul li+li+li span::before {
    content: '';
    background: url('../../archive/images/contact_mail.svg') no-repeat center left;
    position: absolute;
    width: 33px;
    height: 24px;
    background-size: 80%;
    left: 0
}

#demo4 .contact ul li+li+li+li span::before {
    content: '';
    background: url('../../archive/images/contact_address.svg') no-repeat left;
    position: absolute;
    width: 29px;
    height: 35px;
    background-size: 80%;
    left: 0
}




#demo4 .contact .title {
    background: #275b7b;
    color: #fff;
    display: block;
    line-height: 60px;
    padding: 10px 0;
}

#demo4 .target {
    width: 70%;
    margin: 50px 15% 50px 15%;
    text-align: center;
}

#demo4 .target .title,
#demo4 .membership .title {
    color: #275b7b;
    font-size: 30px;
    margin: 25px 30px 25px 15px;
    text-align: center;
    line-height: 40px;
    font-weight: bold;
}

#demo4 .target ul {
    text-align: left;
    position: relative
}

#demo4 .target .area::before {
    content: '服務目標';
    position: relative;
    color: #275b7b;
    font-size: 30px;
    margin: 25px 30px 25px 15px;
    text-align: center;
    line-height: 40px;
    font-weight: bold;
    display: block
}



#demo4 table {
	width: 100%;
	/* table-layout: fixed; */
    text-align: center
}

#demo5 table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

#demo5 table caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}

#demo5 table tr {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  padding: .35em;
}
#demo5 table th,
#demo5 table td {
  padding: 0;
  text-align: center;
}

#demo5 table th {
  font-size: .85em; padding: 15px 0;
  letter-spacing: .1em;
  text-transform: uppercase;
}

#demo5 table {
	width: 100%;
    text-align: center
}
#demo5 table th {
    text-align: center;
    background: #00384d;
    color: #fff; border-bottom: 0;
}

#demo5 table td { background: #fff ; border-bottom: 1px solid #00384d; }
	
	
#demo5 table .start { width:18%; margin: 0; float: none;}
#demo5 table .end { width:18%; margin: 0; float: none;}
#demo5 table .title_post{ width:30%; margin: 0; float: none;}
#demo5 table .department{ width:34%; margin: 0; float: none;}

@media screen and (max-width:640px) {
    #demo4 .fix-width{
    overflow-x:scroll;
}

}



#demo4 table th {
    border-bottom: 3px solid #fff;
    padding-right: 0;
    text-align: center;
    background: #275b7b;
    padding: 5px;
    color: #fff;
}

#demo4 table ul,
#demo4 table ol {
    padding: 0 0 0 20px;
    width: calc(100% - 20px);
}

#demo4 table tr {
    background: #92d7e854;
    color: #275b7b
}

#demo4 table td {
    padding: 5px;
        white-space: initial;
}



.tabs {
    z-index: 2;
    position: relative
}

.banner_title {
    position: absolute;
    left: 0;
    bottom: -1px
}

.banner_title img {
    max-width: 100%
}

.main_content {
    margin-bottom: 50px;
}

.main_content .dropdown span {
    cursor: pointer;
    border-bottom: 1px solid #039;
    color: #275b7b;
    font-size: 16px;
    border: 1px solid #ddd;
    padding: 5px 30px 5px 5px;
    position: relative;
}

.main_content .dropdown {
    float: right;
    margin: 0 0;
    position: relative;
    z-index: 6;
}

.main_content .dropdown span::after {
    content: "\f078";
    color: #27548d;
    font-weight: normal;
    font-style: normal;
    font-family: FontAwesome;
    position: absolute;
    right: 5px;
    top: 0px;

    outline: none;


    pointer-events: painted;
    float: right;
    display: block;
}

.main_content .dropdown-content {
    display: none;
    position: absolute;
    right: 0;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);
    padding: 0;
    z-index: 1;
}

.main_content .dropdown:hover .dropdown-content {
    display: block;
}

.main_content .dropdown-content ul {
    list-style: none;
    padding: 5px;
    margin: 0;
    display: flex;
    flex-direction: column-reverse;
}

.main_content .dropdown-content ul li {
    float: right;
    width: 100%;
}

.main_content .dropdown-content ul li a {
    display: block;
    padding: 5px;
    text-align: center;
    border-bottom: 1px dotted #ddd;
    color: #333
}

.main_content .dropdown-content ul li a:hover {
    background: #275b7b;
    color: #fff;
}


#info_type_unvoiced {}

#info_type_unvoiced .views-field {
    float: left;
    width: calc(25% - 10%);
    margin: 0 5%;
}

#info_type_unvoiced .views-field .cover {
    width: 100%
}

#info_type_unvoiced .content {
    text-align: center
}

#info_type_unvoiced .information ul li {
    width: 100%;
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    padding: 10px;
}
#info_type_unvoiced .information ul li h6 { color:#000 !important}

#info_type_unvoiced h5 {
    color: #000;
}




#info_type_unvoiced .information img {
    width: 100%
}

#info_type_unvoiced .book_cover {
    width: 100%;
    text-align: center
}

#info_type_unvoiced .book_cover img {
    width: auto
}

#info_type_unvoiced .link_order {
    float: right
}

#info_type_unvoiced .link_order a {
    border: 1px solid #d1d1d1;
    color: #888
}
#info_type_unvoiced .link_order a:hover{ background:#92d7e9; color:#275b7b;  }
#info_type_unvoiced .embed_event {
    background: none
}

#info_type_unvoiced .main_events_area ul li {
    float: left;
    width: calc(33.3% - 3%);
    /* margin: 0 1.5%; */
    margin:1.5%;
}

.main_events_area .editing{ z-index:1; position:absolute}

#info_type_unvoiced .main_events_area ul li .cover {
    width: 100%
}

#info_type_unvoiced .main_events_area ul li .cover img {
    width: 100%
}

#info_type_unvoiced .main_events_area ul li {
    border-bottom: 0
}

#info_type_unvoiced .main_events_area ul li a {
    background: #fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    padding: 0;
}

#info_type_unvoiced .date span {
    color: #898989;
}

.unvoiced_title {
    float: left;
    text-align: left;
    width: 100%;
    font-size: 25px;
    color: #333;
    margin: 10px 0;
}

.content_body {
    float: left;
    text-align: left;
    color: #333
}


#info_type_unvoiced ul li .content {
    padding: 10px 20px;
}


#info_type_decibels .information .content {
    width: 100%;
    text-align: center
}

#info_type_decibels .information ul li {
    width: 100%;
    margin: 0
}

#info_type_decibels .information ul .views-field {
    float: left;
    width: calc(25% - 2%);
    margin: 20px 1%
}

#info_type_decibels .information ul .views-field:nth-child(4n+1) {
    clear: both
}








#decibels_focus .main_events_area .content {
    float: none
}

#decibels_focus::before {
    content: '焦點';
    position: relative;
    font-size: 35px;
    color: #00384d;
    top: 0
}

#decibels_other {
    clear: both;
    position: relative;
    text-align: center
}

#decibels_other::before {
    content: '其他故事';
    position: relative;
    font-size: 35px;
    color: #00384d;
    top: 0
}

#decibels_focus {
    background: none;
    padding: 0;
    text-align: center;
    margin-bottom: 50px
}

#decibels_focus .main_events_area ul li {
    border: none
}

/*dropmenu*/
.drop {
    float: left;
    margin: -6px 0 0 0;
}

.drop:hover .dropOption {
    display: block;
}

.drop:hover .category_dropdown {
    display: block;
}

.drop:hover .category_dropdown.close {
    display: none;
}

.drop .dropOption {
    position: relative;
    width: auto;
    color: #666;
    font-size: 20px;
    background-color: #fff;
    padding: 10px;
    border: 1px solid #888;
    border-radius: 5px;
    box-sizing: border-box;
    cursor: pointer;
}

.drop .dropOption::after {
    content: "";
    position: absolute;
    top: 20px;
    right: 12px;
    border-width: 8px 6px;
    border-style: solid;
    border-color: #999 transparent transparent transparent;
}

.drop .category_dropdown {
    display: none;
    width: 100%;
    position: absolute !important;
    color: #333;
    padding: 0;
    margin: 0;
    box-shadow: 0px 2px 3px 0px #919191;
    box-sizing: border-box;
    overflow: auto;
    z-index: 10;
    float: left;
    left: 0px;
    overflow-x: hidden;
}

.drop .category_dropdown>li {
    display: block;
    color: #000;
    padding: 0px;
    font-size: 20px;
    margin: 0px;
    cursor: pointer;
    width: 100%
}


.drop .category_dropdown>li:hover {
    background-color: orange;
}

.drop .category_dropdown::-webkit-scrollbar {
    width: 15px;
}

.drop .category_dropdown::-webkit-scrollbar-track {
    background-color: #eee;
    border-radius: 6px;
}

.drop .category_dropdown::-webkit-scrollbar-thumb {
    background-color: orange;
    border-radius: 15px;
}

.drop .category_dropdown::-webkit-scrollbar-button {
    background-color: #f9f9f9;
}

.drop span {
    display: block;
    cursor: pointer;
    color: #004b87;
    font-size: 16px;
    border: 1px solid #ddd;
    padding: 5px 30px 5px 5px;
    position: relative;
    background: #fff
}

.drop span::after {
    content: "\f078";
    color: #27548d;
    font-weight: normal;
    font-style: normal;
    font-family: FontAwesome;
    position: absolute;
    right: 5px;
    top: 5px;
    outline: none;
    pointer-events: painted;
    float: right;
    display: block;
}

.sub_category {
    width: auto;
    float: right;
    position: relative;
    z-index: 1;
    /* width: 160px; */
}

.sub_category ul li a.current,
.sub_category ul li a,
.sub_category ul li a:hover {
    border: none
}

.drop ul li a {
    padding: 10px;
    font-size: 16px
}

.top_contact {
    background: #666
}

.top {
    float: right;
    padding: 0px 0;
    width: 100%;
}

.top ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%
}

.top ul li {
    float: right;
    margin: 8px 10px
}

.contact {
    float: left !important;
    padding: 0 0 0 30px;
    position: relative;
    margin-right: 25px;
    color: #fff;
    margin: 0 10px !important;
    font-size: 15px; line-height:19px; padding:11px 0 0 30px;
	font-style:normal;
}


.top ul li a {
    display: block
}

.top ul li img {}


.title_contact {
    top: 5px;
    position: relative;
}

#contact_center {
    display: block;
    padding: 10px 20px;
    background: #a1d8ea;
    margin: 20px 0;
    text-align: center
}
#contact_center:hover{ background:#275b79; color:#fff }


#screen_80 {
    width: 80%;
    margin: auto
}

/* #screen_60 {
    width: 60%;
    margin: auto
} */


/* 
.cards .contact span {
    padding: 10px 0 10px 40px
}

.cards .contact #tel {
    position: relative
}

.cards .contact #tel::before {
    content: '';
    position: absolute;
    background: url('../../archive/images/contact_tel.svg') no-repeat left;
    background-size: auto 80%;
    width: 29px;
    height: 25px;
    left: 0;
    top: 10px;
}

.cards .contact #mail {
    position: relative
}

.cards .contact #mail::before {
    content: '';
    position: absolute;
    background: url('../../archive/images/contact_mail.svg') no-repeat left;
    background-size: auto 55%;
    width: 29px;
    height: 25px;
    left: 0;
    top: 10px;
}

.cards .contact #fax {
    position: relative
}

.cards .contact #fax::before {
    content: '';
    position: absolute;
    background: url('../../archive/images/contact_fax.svg') no-repeat left;
    background-size: auto 80%;
    width: 29px;
    height: 25px;
    left: 0;
    top: 8px;
} */

.btn_contactus {
    text-align: center;
}

#contact_center {
    display: inline-flex;
}

/* Contact Page Email  */
@media screen and (max-width:680px) {
    .contant-form p {
        width: 100% !important;
        padding-left: 0 !important;
    }
}

.contant-form p {
    width: 100%;
    display: flex;
}

.contant-form p label {
    width: 20%;
    display: block;
    font-weight: 500;
    font-size: 16px;
    color: #000;
    margin-bottom: 10px;
}

.contant-form select {
    width: 80%;
    border: 1px solid #919191;
    background: #FFF;
    margin: 0 0 5px;
    padding: 10px;
}

.contant-form input,
.contant-form textarea {
    width: 80%;
    border: 1px solid #919191;
    background: #FFF;
    margin: 0 0 5px 5px;
    padding: 10px;
}

.contant-form input:focus,
.contant-form textarea:focus {
    border-color: #275b7b;
    box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.05);
}

.contant-form button {
    border: none;
    cursor: pointer;
    display: inline-flex;
    padding: 10px 20px;
    background: #a1d8ea;
    margin: 20px 0;
    text-align: center;
    color: #275b7b;
    font-size: 1.1em;
}

.contant-form button:hover {
    color: #ff5d8b;
}

.publications{
    width: 90%;
    margin-bottom: 80px;
}

.publications .area{
    padding: 10px 0px;
    min-height: 500px;
    position: relative;
}



.publications #pages {
    transform: translateY(-10px);
}

.publications  .sub_category ul { width:100%}

/* Sub Category  */
.publications .sub_category{margin-bottom:20px; }
.publications .sub_category ul{ list-style:none; padding:0px; margin:0px; }
.publications .sub_category ul li a{ padding:10px 21px; display:block; color:#2080d1; background: #fff; font-size:16px; line-height:19px; border:1px solid #2080d1; }
.publications .sub_category ul li a:hover{ background: #ffae00; color:#fff; border:1px solid #2080d1;}
.publications .sub_category ul li a.current{ background: #013d85 ; color:#fff; border:1px solid #000000 ; }

.publications .area ul li img{max-width:100%;width:100%;height:auto;}
.publications .area ul li img{width:auto;}
.publications .area ul{list-style:none;padding:0px;margin:0;}
.publications .area ul li{margin:0 0 15px -2%; border-radius: 10px; font-size:17.5px; line-height:27px; text-align: left;
    border: 1px solid #f0f0f0;
    padding: 10px;
    box-sizing: border-box;
	
}

.title_public{ font-size: 23px;
margin-bottom: 10px;}

.publications .area ul li{float:left;width:23%;margin:0 0 15px 2%;}
.publications .area ul li a{ color:#333;}
.publications .area ul li a:hover{ color:#275b7b;}
.publications .area ul li:nth-child(4n+1){clear:both;}

/* 
.publications .area ul {
    margin: 0 0 15px -2%;
}

.publications .area li p {
    text-align: center;
}

.publications .area li:nth-child(4n+1) {
    clear: both;
}

.publications .area a {
    display: flex;
    flex-direction: column;
}

.publications .area img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
}


.publications .area li {
    float: left;
    margin: 0 0 15px 2.5%;
    list-style: none;
    width: 20%;
    border-radius: 10px;
    border: 1px solid #f0f0f0;
    position: relative;
    padding: 10px;
    box-sizing: border-box;
} */






@media screen and (max-width: 960px) {
    .publications .area li {
        width: 100% !important;
    }
}

@media screen and (max-width: 461px) {
    .publications .area ul {
        margin: 0;
        padding: 0;
    }
}

.content-left { float:left; position:relative; width:70%}


.timeline-image img{ width:100%; max-width:100%}


  /*===== Vertical Timeline =====*/
  #conference-timeline {
    position: relative;
    max-width: 920px;
    width: 100%;
    margin: 0 auto;
  }

  #conference-timeline .conference-center-line {
    position: absolute;
    width: 3px;
    height: 100%;
    top: 0;
    left: 50%;
    margin-left: -2px;
    background: #1f81c5;
    z-index: -1;
  }

  #conference-timeline .conference-timeline-content {
    padding-top: 67px;
    padding-bottom: 67px;
  }

   .timeline-article {
    width: 100%;
    /* height: 100%; */
    position: relative;

    margin: 20px 0;
  }
















  /*===== // Vertical Timeline =====*/

  .conference-timeline-content .year {
    position: relative;
    display: block;
    width: 200px;
    margin: 0 auto 30px;
    font-size: 22px;
    color: #fff;
    text-align: center;
    padding: 10px 25px;
    background-color: #1f81c5;
    text-decoration: none;
  }

  .timeline-article {
    display: none;
  }






  /* animation */
  @keyframes fadeLeft {
    0% {
      opacity: 0;
      transform: translateX(-20px);
    }

    100% {
      opacity: 1;
      transform: translateX(0);
    }
  }

  @keyframes fadeRight {
    0% {
      opacity: 0;
      transform: translateX(40px);
    }

    100% {
      opacity: 1;
      transform: translateX(0);
    }
  }

  /* .timeframe .timeline-article {
        display: block;
        animation: fadeLeft 0.5s ease-in-out;
    } */

.timeframe .main_events_area ul li { border-bottom:0; margin-bottom:50px}

.left_photo_right_text  .content-left-container,
.left_photo_right_text  .content-right-container,
.right_photo_left_text   .content-left-container,
.right_photo_left_text   .content-right-container  {
    opacity: 0;
  }


.left_photo_right_text   .content-left-container.fade-in-left {
    animation: fadeLeft 1s ease-in-out;
    animation-fill-mode: forwards;
  }

.left_photo_right_text    .content-right-container.fade-in-right {
    animation: fadeRight 1s ease-in-out;
    animation-fill-mode: forwards;
  }
  
  
.right_photo_left_text   .content-left-container.fade-in-left {
    animation: fadeRight 1s ease-in-out;
    animation-fill-mode: forwards;
  }

.right_photo_left_text   .content-right-container.fade-in-right {
    animation: fadeLeft 1s ease-in-out;
    animation-fill-mode: forwards;
  }  
  

  .cy_bg h3 {
    display: inline-block;
    font-size: 22px;
    color: #fff;
    padding: 10px 25px;
    background-color: #1f81c5;
    text-decoration: none;
  }

  .history_title {
    display: block;
    text-align: center;
    font-size: 32px;
    font-weight: 500;
    color: #000;
    padding: 10px 25px;
    text-decoration: none;
    background: #fff;
  }
  
  .timeframe  a{position: relative;
display: block;
width: 200px;
margin: 0 auto 30px;
font-size: 22px;
color: #fff;
text-align: center;
padding: 10px 25px;
background-color: #1f81c5;
text-decoration: none;}

.left_photo_right_text .timeline-image { float:left; width: calc(100% - 20px);position: relative;background: #fff;padding: 10px; box-shadow:0 0 3px rgba(0, 0, 0, .2)}
.left_photo_right_text .timeline-image::before { content:''; position:absolute;background: #66cafd;
width: 60%;height: 140%;z-index: -1;top: 50%;left: 0px;transform: translate(-20%, -44%);}
.left_photo_right_text .timeline-image::after { content:''; position:absolute;background: #227097;
width: 100%;height: 100%;right: 0;z-index: -1;top: 50%;transform: translate(10%, -40%);}


.right_photo_left_text .timeline-image { float:right; width: calc(100% - 20px);position: relative;background: #fff;
padding: 10px; box-shadow:0 0 3px rgba(0, 0, 0, .2)}
.right_photo_left_text .timeline-image::before { content:''; position:absolute;background: #227097;
width: 60%;height: 140%;z-index: -1;top: 50%;right: -20%;transform: translate(-20%, -44%);}
.right_photo_left_text .timeline-image::after { content:''; position:absolute;background: #66cafd;
width: 100%;height: 100%;left: 0;z-index: -1;top: 50%;transform: translate(-10%, -40%);}


.left_photo_right_text .content-left-container { float:left; width:50%; position:relative}
.left_photo_right_text .content-right-container { float:right; width:70%;position: absolute;
top: 0;
right: -30%;
transform: translate(0%, -50%);}

.right_photo_left_text .content-left-container { float:right; width:50%; position:relative}
.right_photo_left_text .content-right-container { float:left; width:70%;position: absolute;
top: 0;
left: -30%;
transform: translate(0%, -50%);}


.left_photo_right_text .content-left-container::after { content:''; position:absolute;  background: #227097;
width: 27%;height: 2px;top: 50%;right: 0;transform: translate(0%, -50%);z-index: -1; }
.left_photo_right_text .content-left-container::before { content:''; position:absolute; width: 20px;
height: 20px;background: #1e81c5;border-radius: 50%;top: 50%;right: 0;transform: translate(50%, -50%);  }


.right_photo_left_text .content-left {float: right;}
.right_photo_left_text .content-left-container::after { content:''; position:absolute;  background: #66cafd;
width: 27%;height: 2px;top: 50%;left: 0;transform: translate(0%, -50%);z-index: -1; }
.right_photo_left_text .content-left-container::before { content:''; position:absolute; width: 20px;
height: 20px;background: #1e81c5;border-radius: 50%;top: 50%;left: 0;transform: translate(-50%, -50%);  }

.editing a{ font-size:15px; color:#333;display: inline-block !important;}

.event_title { font-weight:bold}
.views-field  { margin-bottom:100px}

.jurisdiction_event_title { padding: 10px; font-weight: bold}

/* sitemap */
#footer-sitemap .menu-1471{
    display:none;
}


.icon_tel::before { position:absolute; left:0; top:10px; content:""; font-style:normal;
    background: url('../../archive/images/top_tel.png') no-repeat center center; background-size: cover; width:21px; height:21px; }
.search-results .search-info{ display:none !important}

.icon_email::before { position:absolute; left:0; top:10px; content:""; 
    background: url('../../archive/images/top_mail.png') no-repeat center center; background-size: cover; width:21px; height:21px; }



.site-map ul {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 15px;
list-style-type: none;    padding: 0;    margin: 0;
}
.site-map ul ul{grid-template-columns: repeat(1, 1fr); gap: 5px; margin:10px; padding:0 25px; list-style-type: initial;  }
.site-map ul li { width:100%; margin:0 ; padding:0 }

#cat_b { margin-top:50px;}

div.contextual-links-wrapper{ top:20px}

#no_after_event::after{ display:none}

#career_info span{ white-space: nowrap}