@charset "utf-8"; body { font-size: 90%; font-family: Lato, sans-serif; font-weight: 400 } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: Arial, LiHei Pro, sans-serif; line-height: 1.4em; font-weight: 700 } .h1_icon li a:focus { -webkit-outline: #b99959 solid 1px; -moz-outline: #b99959 solid 1px; outline: #b99959 solid 1px; outline-offset: 2px; } h4 i { font-family: Arial, LiHei Pro, sans-serif !important } p, ul { font-family: Lato, sans-serif; text-align: left; text-justify: inherit } .iconall li a:focus-visible { -webkit-outline: #b99959 solid 5px !important; -moz-outline: #b99959 solid 5px !important; outline: #b99959 solid 5px !important; } input[type="checkbox"]:focus-visible { -webkit-outline: #b99959 solid 1px !important; -moz-outline: #b99959 solid 1px !important; outline: #b99959 solid 1px !important; outline-offset: 2px; } #primary-menu ul li>a { font-weight: 600; font-size: 100% } .organization a { -webkit-transition: none; transition: none; color: #fff; } #primary-menu ul ul:not(.mega-menu-column) { width: 350px !important } .menu-twocolum.sfHover a+ul { max-height: calc(64px * 6) } .top_bar_group .gsc-search-button { background-color: #6f6e6e; } @media (max-width: 767px) { .menu-twocolum.sfHover a+ul { max-height: calc(44px * 7) } #primary-menu ul ul li:last-child { border-top: 1px solid #EEE } } #primary-menu ul li.menu-twocolum ul li { width: calc(100% / 2) } .revo-slider-desc-text { font-size: 200%; font-family: Lato, sans-serif } .bnews-title { font-size: 250%; padding-right: .5em; width: 10%; min-width: 86px } .iconall li a { float: left; width: 180px; height: 180px; background-size: cover; background-position: 0; padding-top: 115px; z-index: 10; color: #FFF; line-height: inherit; text-decoration: none; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; border-radius: 20px; letter-spacing: 1px; font-size: 1.7vh; white-space: inherit; -webkit-transition: all .3s; transition: all .3s; margin: 5% 0 } .header_contact .content .date { font-size: 120% } .header_contact .content font { font-size: 120% } .news_text { font-size: 130% } .othernews, .panel-group { max-height: 540px } .service { padding: 40px 5px 550px } .plusstyle { border: 3px solid #fff; border-radius: 50%; float: right; font-size: 110% !important; width: 36px; height: 37px; position: absolute; right: 10px; top: 0; bottom: 0; right: 10px; margin: auto } #footer .en .toggle li { text-overflow: ellipsis; margin-bottom: 10px } #footer .en .togglet { font-size: 180%; font-weight: lighter; line-height: 100% } #footer .en .togglec ul a { font-size: 100%; text-align: left; line-height: 120%; letter-spacing: 1px } .org-chart .en:before { margin-left: 4.6% } .write-events li { border-radius: 25px } .org-chart .department span { border-radius: 25%; font-size: 80% } .big_chart .first { width: 250px; height: 250px; overflow: hidden; border: #917141 10px solid } .convener2 .xs .positive { padding-top: 10% } .convener2:before { height: 130px } .convener2 .convenergd { border-radius: 25px; margin: 5% auto 0 } .department .management a { padding: 10px } .big_chart .convenergd a { line-height: 150% } #copyrights .en a:before { vertical-align: sub } #footer .en ul a:before { margin-top: -7px } #top-search .search { right: calc(5% + 30px) } .slide a { text-align: left } @media (max-width:1584px) and (min-width:1568px) { .en #footer .toggle .togglec { display: block !important } } @media (max-width:1567px) { #footer .en .togglec ul a { font-size: 60%; text-align: left; line-height: 120%; letter-spacing: 1px } #footer .togglet:after { border-bottom: 0 } .en #footer .toggle-border { border-bottom: 1px solid #fff; border-color: rgba(255, 255, 255, .15); border-radius: 4px } #footer .en .togglet { font-size: 180%; font-weight: lighter; line-height: inherit } #footer .col-md-3, #footer .container { width: 100% } #footer .toggle li:after { max-width: inherit } .toggle .togglec { display: none } .widget { padding-left: 0; padding-right: 0 } .toggle { min-height: inherit } .vistit_menu .togglet { display: block } } @media (min-width:1568px) { .vistit_menu .togglet { display: none } } @media (max-width:1240px) { .iconall li a { width: 150px; height: 150px; line-height: 20px; font-size: 120%; padding-top: 100px } } @media (max-width:1200px) { .padingbtn2 { line-height: 1.42857143 } .en .department span { border-radius: 25%; font-size: 80%; width: 90px; height: 100px } } @media (max-width:1120px) { #primary-menu ul li>a { padding: 39px 8px } #primary-menu { float: left; max-height: none } #logo a.standard-logo { position: relative } #top-cart { position: absolute; top: 0; left: auto; right: 13px; margin: 40px 0 } #top-search a { right: 60px; position: absolute; top: 40px; left: auto } body.top-search-open #header-wrap #logo { opacity: 0 } #primary-menu ul li { float: none; margin: 0 !important; text-align: left !important; border-top: 1px solid #EEE } #primary-menu-trigger { opacity: 1; pointer-events: auto; top: 25px; margin-top: 0; left: 0; z-index: 1 } #logo { display: block; width: 225px; height: 100px; float: none; margin: 0 auto !important; max-width: none; text-align: center; border: 0 !important; padding: 0 !important } #primary-menu .container #primary-menu-trigger { top: 5px; left: 0 } #primary-menu>div>ul, #primary-menu>ul { display: none; float: none !important; border: 0 !important; padding: 0 !important; margin: 0 !important; -webkit-transition: none; transition: none } #primary-menu>div>ul { margin-top: 60px !important } #top-search { margin: 0 !important } #sitemap { position: absolute; top: 0; left: auto; right: 38px; margin: 40px 0; -webkit-transition: margin .4s ease; transition: margin .4s ease } #primary-menu>div>#side-panel-trigger, #primary-menu>div>#top-cart, #primary-menu>div>#top-search a { margin: 20px 0 !important } #primary-menu ul.windows-mobile-menu li.sub-menu { position: relative } #primary-menu ul.windows-mobile-menu li.sub-menu a { background-image: none !important } #primary-menu ul.windows-mobile-menu li.sub-menu a.wn-submenu-trigger { position: absolute; cursor: pointer; width: 32px; top: 0; right: 0; z-index: 1; padding: 0 !important; text-align: center !important } #primary-menu ul.windows-mobile-menu .mega-menu-content a.wn-submenu-trigger { display: none } #primary-menu ul.windows-mobile-menu li.sub-menu a.wn-submenu-trigger i { margin: 0 !important } #header.sticky-style-3 #top-cart .top-cart-content { top: 40px } #header, #header-wrap, #header.sticky-style-2, #header.sticky-style-2 #header-wrap, #header.sticky-style-3, #header.sticky-style-3 #header-wrap { height: auto !important } #top-search form { margin-top: 100px; height: 50px !important; background-color: rgba(255, 255, 255, .7); border: 1px solid #000 } #primary-menu>div>#top-search form { height: 60px !important } #top-search form input { font-size: 125% } body.top-search-open #primary-menu-trigger { opacity: 0 } #side-panel-trigger { right: 71px } #top-account { margin: 33px 0 32px; right: 75px } #top-account a.btn span { display: none } body:not(.sticky-responsive-pagemenu) #page-menu #page-menu-wrap { position: relative !important; top: 0 !important } #page-submenu-trigger { opacity: 1; pointer-events: auto; color: #FFF } #page-menu.pagemenu-active #page-submenu-trigger { background-color: rgba(0, 0, 0, .2) } #page-menu nav { display: none; position: absolute; float: none; width: 200px; top: 43px; left: auto; right: 15px; height: auto; background-color: #00847A; z-index: 11 } #page-menu.pagemenu-active nav { display: block } #page-menu nav ul { height: auto; background-color: rgba(0, 0, 0, .2) } #page-menu nav li { float: none } #page-menu nav li a { height: 40px; line-height: 40px; margin: 0; padding: 0 15px; border-radius: 0 } #page-menu ul ul { position: relative; width: auto; top: 0; background-color: transparent } #page-menu ul ul a { padding-left: 25px } #primary-menu ul li:first-child { border-top: 0 } #primary-menu.style-6>ul>li.current>a:after, #primary-menu.style-6>ul>li>a:after { display: none } #primary-menu.sub-title.style-2>div>ul>li, #primary-menu.sub-title>ul>li { background: none !important; margin-left: 0 } #primary-menu.sub-title>div>ul>li>a, #primary-menu.sub-title>ul>li>a { line-height: 22px; font-size: 1em; border-top: none } #primary-menu.sub-title ul li>a span { display: none !important } #primary-menu.style-3 ul li.current>a, #primary-menu.style-3 ul li:hover>a, #primary-menu.sub-title div ul>li.current>a, #primary-menu.sub-title div ul>li:hover>a, #primary-menu.sub-title ul li.current>a, #primary-menu.sub-title ul li:hover>a { background-color: transparent !important; color: #444; text-shadow: none } #primary-menu ul:not(.windows-mobile-menu) li>a i.icon-angle-down:last-child { display: none } #primary-menu>.container>ul>li.sub-menu>a, #primary-menu>ul>li.sub-menu>a { background-image: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20240812062351/https://english.president.gov.tw/images/icons/submenu.png); background-position: right center; background-repeat: no-repeat } #primary-menu ul li.mega-menu { position: relative } #primary-menu ul li .mega-menu-content, #primary-menu ul ul:not(.mega-menu-column) { position: relative; width: auto; max-width: none; background: transparent !important; -webkit-box-shadow: none; box-shadow: none; border: 0; border-top: 1px solid #EEE; z-index: 1; top: 0; padding-left: 15px } #primary-menu ul li .mega-menu-content { padding-left: 0 } #primary-menu ul ul:not(.mega-menu-column) ul { top: 0 !important; left: 0 } #primary-menu ul li .mega-menu-content.menu-pos-invert, #primary-menu ul ul.menu-pos-invert:not(.mega-menu-column) { left: 0; right: 0 } #primary-menu ul ul:not(.mega-menu-column) ul.menu-pos-invert { right: 0 } #primary-menu ul ul li { float: none; margin: 0; border-top: 1px solid #EEE } #primary-menu ul ul li>a { padding: 11px 5px !important; font-size: 90%; text-transform: none; font-weight: 400 } #primary-menu ul ul li:hover>a { background-color: transparent !important; font-weight: 600; padding-left: 5px; color: #00847A } #primary-menu ul li .mega-menu-content, #primary-menu ul li.mega-menu-small .mega-menu-content, #primary-menu ul li.mega-menu .mega-menu-content, .floating-header #primary-menu ul li.mega-menu .mega-menu-content, .floating-header.sticky-header #primary-menu ul li.mega-menu .mega-menu-content { width: auto; margin: 0; top: 0 } #header.full-header #primary-menu ul li.mega-menu .mega-menu-content, .container-fullwidth #primary-menu ul li.mega-menu .mega-menu-content { width: auto !important; margin: 0 !important } #primary-menu ul li.mega-menu .mega-menu-content.style-2 { padding: 0 } #primary-menu ul li .mega-menu-content ul { display: block !important; position: relative; opacity: 1 !important; top: 0; left: 0; min-width: inherit } #primary-menu ul li .mega-menu-content ul ul { border-top: 1px solid #EEE } #primary-menu ul li .mega-menu-content ul.mega-menu-column { float: none; width: auto; margin: 0; border-left: 0 !important; padding-left: 15px; border-top: 1px solid #EEE } #primary-menu ul li .mega-menu-content ul.mega-menu-column:first-child { border: 0 } #primary-menu ul li .mega-menu-content ul { width: 100% !important } #primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column { padding: 0 0 0 15px } #primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column>li.mega-menu-title { margin: 0 } #primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column>li.mega-menu-title>a { font-size: 90%; font-weight: 600; text-transform: none !important; padding: 11px 5px !important; line-height: 22px !important; color: #444 !important } #primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column>li.mega-menu-title:hover>a { background-color: transparent; color: #00847A !important } #primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column>li.mega-menu-title>a:hover { color: #00847A !important } #primary-menu ul li .mega-menu-content.style-2 li { border-top: 1px solid #EEE } #primary-menu ul li .mega-menu-content.style-2 li:first-child { border-top: 0 } #primary-menu.style-2>div>ul>li>a, #primary-menu ul>li>a { padding: 14px 5px !important; border: none !important; margin: 0 !important } #primary-menu ul li .mega-menu-content.style-2 ul>li>a:hover { padding-left: 5px } } @media (max-width:500px) { .index_new .panel-group, .othernews, .panel-group, .scrollstyle { max-height: none !important; overflow: visible !important; margin-bottom: 0; overflow-y: visible !important } .human { left: 0 !important; right: 0 !important; font-size: 60% !important; margin: auto !important } h1 { font-size: 250% !important } .en #primary-menu ul li.menu-twocolum li { height: 55px !important } .en #primary-menu ul ul li>a { padding: 5px !important } } .gsc-selected-option-container .gsc-selected-option { position: static; white-space: nowrap !important; } .gsc-tabHeader.gsc-tabhActive, .gsc-refinementHeader.gsc-refinementhActive { color: #000 !important; border-color: #000 !important; } .gsc-tabHeader.gsc-tabhInactive, .gsc-refinementHeader.gsc-refinementhInactive { color: #000 !important; } .gsc-results .gsc-cursor-box .gsc-cursor-current-page { color: #000 !important; font-weight: bold !important; } .gsc-results .gsc-cursor-box .gsc-cursor-page { color: #333 !important; } .gsc-tabHeader.gsc-tabhInactive, input.gsc-search-button:focus, input.gsc-search-button { background-color: #eee !important; border: 1px solid currentColor; border-radius: 3px; } .gsc-tabHeader.gsc-tabhInactive:hover, input.gsc-search-button:focus, input.gsc-search-button:hover { background-color: #00847A !important; color: #fff !important; } .top_bar_group .gsc-search-button { font-size: 100%; color: #fff; background-color: #6f6e6e !important; border-radius: 8px; vertical-align: middle; padding: 0 10px !important; width: auto; height: 34px; cursor: pointer; border: 0; } .Banner a:focus img { -webkit-outline: #b99959 solid 5px !important; -moz-outline: #b99959 solid 5px !important; outline: #b99959 solid 5px !important; outline-offset: -5px; } .index_new #myCarousel.slide a:hover,.index_new #myCarousel.slide a:focus { color: #fff; }.service .iconall li a:focus { -webkit-outline: #917141 solid 2px !important; -moz-outline: #917141 solid 2px !important; outline: #917141 solid 2px !important; outline-offset: 2px; }





/*
     FILE ARCHIVED ON 6:23:51 八月 12, 2024 AND RETRIEVED FROM THE
     AN OPENWAYBACK INSTANCE ON 2:58:35 五月 22, 2026.
     JAVASCRIPT APPENDED BY OPENWAYBACK, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/