@charset "UTF-8";
/*----------reset css-----------*/
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body { margin: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

a { background-color: transparent; }

a:active, a:hover { outline: 0; }

img { border: 0; max-width: 100%; }

iframe { max-width: 100%; }

button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }

button { overflow: visible; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

input { line-height: normal; }

input[type="text"]:focus { outline: none; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

textarea { overflow: auto; }

textarea:focus { outline: none; }

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

td, th { padding: 0; }

ul, ol, dl, h1, h2, h3, h4, h5, h6, p, figure { padding: 0; margin: 0; }

textarea { resize: none; }

*:focus { outline: none; }

/*-------------------basic scss---------------------*/
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; word-break: break-word; }

a { text-decoration: none; color: inherit; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

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

::-webkit-input-placeholder { color: #999; }

::-moz-placeholder { color: #999; opacity: 1; }

/* firefox 19+ */
:-ms-input-placeholder { color: #999; opacity: 1; }

/* ie */
input:-moz-placeholder { color: #999; }

/*反白文字*/
::selection { background: #b79285; color: white; }

::-moz-selection { background: #b79285; color: white; }

img { vertical-align: middle; }

.clearfloat { clear: both; height: 0; line-height: 0px; }

.floatleft { float: left; }

.floatright { float: right; }

.textEllipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; display: block; }

.vermid { vertical-align: middle; display: inline-block; }

.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }

.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.red { color: #cc0000; }

.fontsize12 { font-size: 1.2rem; }

.textalignrigh { text-align: right; }

.textaligncenter { text-align: center; }

.textunderline { text-decoration: underline; }

input, button { outline: none; }

.texthidden { display: block; overflow: hidden; width: 0; height: 0; }

.verticaltop { vertical-align: top; }

/*元素垂直置中*/
/*會由後台上稿的圖片*/
/*-------------------unrest css-----------------*/
.unreset li { display: list-item; }
.unreset head { display: none; }
.unreset col { display: table-column; }
.unreset colgroup { display: table-column-group; }
.unreset td, .unreset th { display: table-cell; }
.unreset caption { display: table-caption; text-align: center; }
.unreset th { font-weight: bold; text-align: center; }
.unreset body { margin: 8px; }
.unreset address, .unreset blockquote, .unreset dd, .unreset div, .unreset dl, .unreset dt, .unreset fieldset, .unreset form, .unreset frame, .unreset frameset, .unreset h1, .unreset h2, .unreset h3, .unreset h4, .unreset h5, .unreset h6, .unreset noframes, .unreset ol, .unreset p, .unreset ul, .unreset center, .unreset dir, .unreset hr, .unreset menu, .unreset pre { display: block; }
.unreset h1 { font-size: 2em; margin: 0.67em 0; }
.unreset h2 { font-size: 1.5em; margin: 0.75em 0; }
.unreset h3 { font-size: 1.17em; margin: 0.83em 0; }
.unreset h4, .unreset p, .unreset blockquote, .unreset ul, .unreset fieldset, .unreset form, .unreset ol, .unreset dl, .unreset dir, .unreset menu { margin: 1.12em 0; }
.unreset h5 { font-size: .83em; margin: 1.5em 0; }
.unreset h6 { font-size: .75em; margin: 1.67em 0; }
.unreset h1, .unreset h2, .unreset h3, .unreset h4, .unreset h5, .unreset h6, .unreset b, .unreset strong { font-weight: bolder; }
.unreset blockquote { margin-left: 40px; margin-right: 40px; }
.unreset i, .unreset cite, .unreset em, .unreset var, .unreset address { font-style: italic; }
.unreset pre, .unreset tt, .unreset code, .unreset kbd, .unreset samp { font-family: monospace; }
.unreset pre { white-space: pre; }
.unreset button, .unreset textarea, .unreset input, .unreset select { display: inline-block; }
.unreset big { font-size: 1.17em; }
.unreset small, .unreset .unreset sub, .unreset .unreset sup { font-size: 0.83em; }
.unreset sub { vertical-align: sub; }
.unreset sup { vertical-align: super; }
.unreset s, .unreset strike, .unreset del { text-decoration: line-through; }
.unreset hr { border: 1px inset; }
.unreset ol, .unreset ul, .unreset dir, .unreset menu, .unreset dd { margin-left: 40px; }
.unreset ol, .unreset ol li { list-style-type: decimal; }
.unreset ol ul, .unreset ul ol, .unreset ul ul, .unreset ol ol { margin-top: 0; margin-bottom: 0; }
.unreset ul, .unreset ul li { list-style-type: disc; }
.unreset u, .unreset ins { text-decoration: underline; }
.unreset br:before { content: "\A"; white-space: pre-line; }
.unreset center { text-align: center; }
.unreset:link, .unreset:visited { text-decoration: underline; }
.unreset:focus { outline: thin dotted invert; }
.unreset img { max-width: 100%; height: initial !important; }
.unreset iframe { max-width: 100%; }
.unreset .embeddedContent { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.unreset .embeddedContent iframe, .unreset .embeddedContent object, .unreset .embeddedContent embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.unreset a { color: #0066ff; }

.unreset table { background-color: transparent; border-collapse: collapse; font-family: Arial, Helvetica, sans-serif; }
.unreset th { text-align: left; }
.unreset .dcf-txt-center { text-align: center !important; }
.unreset .dcf-txt-left { text-align: left !important; }
.unreset .dcf-txt-right { text-align: right !important; }
.unreset .dcf-table caption { color: var(--caption); font-size: 1.13em; font-weight: 700; padding-bottom: 0.56rem; }
.unreset .dcf-table thead { font-size: 0.84em; }
.unreset .dcf-table tbody { border-bottom: 1px solid var(--b-table); border-top: 1px solid var(--b-table); font-size: 0.84em; }
.unreset .dcf-table tfoot { font-size: 0.84em; }
.unreset .dcf-table td, .unreset .dcf-table th { padding-right: 1.78em; }
.unreset .dcf-table-bordered, .unreset .dcf-table-bordered td, .unreset .dcf-table-bordered th { border: 1px solid var(--b-table); }
.unreset .dcf-table-bordered td, .unreset .dcf-table-bordered th, .unreset .dcf-table-striped td, .unreset .dcf-table-striped th { padding-left: 1em; padding-right: 1em; }
.unreset .dcf-table-bordered tr:not(:last-child), .unreset .dcf-table-striped tr:not(:last-child) { border-bottom: 1px solid var(--b-table); }
.unreset .dcf-table-striped tbody tr:nth-of-type(2n) { background-color: var(--bg-table-stripe); }
.unreset .dcf-table thead td, .unreset .dcf-table thead th { padding-bottom: .75em; vertical-align: bottom; }
.unreset .dcf-table tbody td, .unreset .dcf-table tbody th, .unreset .dcf-table tfoot td, .unreset .dcf-table tfoot th { padding-top: .75em; vertical-align: top; }
.unreset .dcf-table tbody td, .unreset .dcf-table tbody th { padding-bottom: 0.75em; }
.unreset .dcf-table-bordered thead th { padding-top: 1.33em; }
.unreset .dcf-wrapper-table-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; left: 50%; margin-left: -50vw; margin-right: -50vw; padding-bottom: 1em; position: relative; right: 50%; width: 100vw; }
.unreset .dcf-overflow-x-auto { overflow-x: auto !important; -webkit-overflow-scrolling: touch; }

@media only screen and (max-width: 42.09em) { .unreset .dcf-table-responsive thead { clip: rect(0 0 0 0); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; width: 1px; white-space: nowrap; }
  .unreset .dcf-table-responsive tr { display: block; }
  .unreset .dcf-table-responsive td { -webkit-column-gap: 3.16vw; -moz-column-gap: 3.16vw; column-gap: 3.16vw; display: grid; grid-template-columns: 1fr 2fr; text-align: left !important; }
  .unreset .dcf-table-responsive.dcf-table-bordered, .unreset .dcf-table-responsive.dcf-table-bordered thead th { border-width: 0; }
  .unreset .dcf-table-responsive.dcf-table-bordered tbody td { border-top-width: 0; }
  .unreset .dcf-table-responsive:not(.dcf-table-bordered) tbody tr { padding-bottom: 0.75em; }
  .unreset .dcf-table-responsive:not(.dcf-table-bordered) tbody td { padding-bottom: 0; }
  .unreset .dcf-table-responsive:not(.dcf-table-bordered):not(.dcf-table-striped) tbody td { padding-right: 0; }
  .unreset .dcf-table-responsive.dcf-table-bordered tbody tr:last-child td:last-child { border-bottom-width: 0; }
  .unreset .dcf-table-responsive tbody td:before { content: attr(data-label); float: left; font-weight: 700; padding-right: 1.78em; } }
/*-------------------common css-----------------*/
/*如果有載入字型用這段*/
@font-face { font-family: 'jf-openhuninn'; font-style: normal; font-weight: normal; src: local("jf-openhuninn-1.1"), url("../fonts/jf-openhuninn-1.1.ttf") format("woff"); }
html { font-size: 10px; position: relative; }

body { font-size: 1.6rem; color: #222222; font-family: "Open Sans", Arial, Microsoft JhengHei, PMingLiU, sans-serif, "FontAwesome"; line-height: 1; font-weight: normal; width: 100%; overflow-x: auto; margin: 0 auto; position: relative; margin: 0 auto; min-width: 320px; overflow-x: hidden; letter-spacing: 0; line-height: 1.3; }

@media (max-width: 320px) { body { overflow-x: auto; } }
/* Customize website's scrollbar like Mac OS
Not supports in Firefox and IE */
::-webkit-scrollbar { background-color: #f1f1f1; width: 10px; }

/* background of the scrollbar except button or resizer */
::-webkit-scrollbar-track { background-color: transparent; }

::-webkit-scrollbar-track:hover { background-color: #f4f4f4; }

/* scrollbar itself */
::-webkit-scrollbar-thumb { background-color: #333; border-radius: 16px; transition: .3s; }

::-webkit-scrollbar-thumb:hover { background-color: #aaa; }

.wrapper {width: 100%;margin: 0 auto;padding: 0 30px;max-width: 1920px;}
.wrapper.indexwrapper { padding-bottom: 170px; }

@media (max-width: 767px) { .wrapper { padding: 0 20px; } }
header { width: 100%; transition: 0.8s; z-index: 9999; background: #514782; top: 0; position: fixed; transition: 0.3s; padding: 18px 0; background: #fff; }
header * { position: static; }
header.active { z-index: 999; position: fixed; }
header .pcmenu { -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; z-index: 9999; }
header .pcmenu .leftsec { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
header .pcmenu .topnav { transition: 0.3s; }
header .pcmenu .topnav .wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; }
header .pcmenu .topnav .logo a { display: inline-block; padding-top: 9px; }
/* header .logo img{display: block;max-width: 100%;max-height: 100%; width: 330px;} */
header .logo img{display: block;max-width: 100%;max-height: 100%; width: 500px;}
header .pcmenu .topnav .logorightmenu ul { display: flex; flex-wrap: wrap; }
header .pcmenu .topnav .logorightmenu ul li { list-style: none; }
header .pcmenu .topnav .logorightmenu ul li:first-child a { border-left: 3px solid #f5f5f5; }
header .pcmenu .topnav .logorightmenu ul li a { display: flex; flex-wrap: wrap; align-items: center; border-right: 3px solid #f5f5f5; padding: 35px 15px; font-size: 1.7rem; color: #666666; letter-spacing: 0.025em; }
header .pcmenu .topnav .logorightmenu ul li a img { margin-right: 3px; }
header .pcmenu .topnav .logorightmenu ul li.WebSiteSearchinputli { display: flex; flex-wrap: wrap; align-items: center; border-right: 3px solid #f5f5f5; padding: 32px 15px; font-size: 1.7rem; color: #666666; letter-spacing: 0.025em; }
header .pcmenu .topnav .logorightmenu ul li.WebSiteSearchinputli img { margin-right: 3px; }
header .pcmenu .topnav .logorightmenu ul li.WebSiteSearchinputli .WebSiteSearchbtn { border: none; background: none; }
header .pcmenu .topnav .logorightmenu ul li.WebSiteSearchinputli input.WebSiteSearchinput { border: none; width: 100px; border-bottom: 1px solid #ccc; }
header .pcmenu .rightsec .topsmallnav { text-align: right; }
header .pcmenu .rightsec .topsmallnav a:hover { color: #3ea3cb; }
header .pcmenu .rightsec .topsmallnav a.icon_social { font-size: 1.6rem; color: #666666; padding-right: 15px; }
header .pcmenu .rightsec .topsmallnav .lang { font-size: 1.3rem; color: #999999; }
header .menu .menunav { width: 100%; }
header .menu .menunav > ul { display: flex; width: 100%; position: relative; }
/* header .menu .menunav > ul > li {list-style: none;transition: 0.3s;position: relative;text-align: center;padding: 0 18px;border-right: 1px solid #eaeaea;letter-spacing: 0;} */
header .menu .menunav > ul > li {list-style: none;transition: 0.3s;position: relative;text-align: center;padding: 0 14px;border-right: 1px solid #eaeaea;letter-spacing: 0;flex-grow: 1;}
header .menu .menunav > ul > li:last-child { border-right: none; }
header .menu .menunav > ul > li.megamenuli { position: static; }
header .menu .menunav > ul > li.megamenuli:hover .megamenu { display: block; }
header .menu .menunav > ul > li:last-child { padding-right: 0px; }
header .menu .menunav > ul > li > a { text-align: center; transition: 0.3s; display: block; font-size: 1.7rem; font-weight: bold; font-weight: 400; letter-spacing: 0.025em; width: 100%; position: relative; }
header .menu .menunav > ul > li > a .men_icon { width: 64px; height: 64px; position: relative; margin: 0 auto 3px auto; }
header .menu .menunav > ul > li > a .men_icon img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
header .menu .menunav > ul > li > a .men_txt { transition: 0.3s; }
header .menu .menunav > ul > li > a .men_txt i { font-size: 1.2rem; }
header .menu .menunav > ul > li > a.active, header .menu .menunav > ul > li > a:hover { color: #67c1b2; font-weight: bold; }
header .menu .menunav > ul > li > a.havesub.showtri:before { display: block; }
header .menu .menunav > ul > li > a.havesub { position: relative; }
header .menu .menunav > ul > li > a.havesub:before { content: ""; display: none; position: absolute; width: 0; height: 0; border-style: solid; border-width: 0 5.5px 5px 5.5px; border-color: transparent transparent #1ea9cc transparent; bottom: -16px; left: 50%; margin-left: -2.5px; }
header .menu .menunav > ul > li > a.hvr-underline-from-left:before { background: #230023; height: 2px; }
header .menu .menunav > ul > li > a .li_tw_txt { display: block; font-size: 1.6rem; letter-spacing: -0.025em; margin-bottom: 5px; }
header .menu .menunav > ul > li > a .li_en_txt { display: block; font-size: 1.4rem; text-transform: uppercase; letter-spacing: 0.05em; }
header .menu .menunav > ul > li:hover ul.pcsubmenu { display: block; }
header .menu .menunav > ul > li ul.pcsubmenu {position: absolute;width: 100%;padding-top: 0;left: 0;top: 17px;z-index: 9;margin-left: 0;border-radius: 3px;display: none;transition: 0.3s;padding-top: 6px;}
header .menu .menunav > ul > li ul.pcsubmenu > li {list-style: none;/*background: #f9ae3a;padding: 0 5px;*/ background: #f9ae3a; }
header .menu .menunav > ul > li ul.pcsubmenu > li:last-child a { border-bottom: none; }
header .menu .menunav > ul > li ul.pcsubmenu > li > a {display: block;text-align: center;padding: 12px 5px;font-size: 1.5rem;color: #fff;border-bottom: 1px solid #fec947;line-height: 1.3;}
header .menu .menunav > ul > li ul.pcsubmenu > li > a:hover {background: #67afc1;}
header .menu .menunav > ul > li ul.pcsubmenu > li:hover ul.pclayer3 { display: block; }
header .menu .menunav > ul > li ul.pcsubmenu > li ul.pclayer3 { position: absolute; border: 1px solid #505050; width: 246px; top: 0; left: 100%; display: none; }
header .menu .menunav > ul > li ul.pcsubmenu > li ul.pclayer3 > li { list-style: none; }
header .menu .menunav > ul > li ul.pcsubmenu > li ul.pclayer3 > li > a { display: block; text-align: center; padding: 17px 0; font-size: 1.6rem; color: #222; border-bottom: 1px solid #fff; background: rgba(255, 255, 255, 0.75); line-height: 1.3; }
header .menu .menunav > ul > li ul.pcsubmenu > li ul.pclayer3 > li > a:hover { background: #e8e8e8; }

.searchbox.mobile { padding: 20px 30px; border-bottom: 1px solid #eee; }
.searchbox form .searchform { /*background: #514782;*/ background-image: linear-gradient(to right, #67c1b2, #6ed8c6); height: 36px; width: 100%; border-radius: 50px; display: flex; flex-wrap: wrap; align-items: center; }
.searchbox form .searchform input {color: #fff;border: none;background: none;width: calc(100% - 60px);padding-left: 20px;}
.searchbox form .searchform .searchbtn {background: none;border: none;width: 50px;}
.searchbox form .searchform .searchbtn i { color: #fff; }

.phone-block .phone-menu .layer1 > li.mobilelang a { display: inline-block; border-bottom: none; padding: 20px 10px; font-size: 1.4rem; }

.phone-block .phone-menu .layer1 > li.mobilelang a:first-child { padding-left: 30px; }

.othermli .searchform { border: 1px solid #bfbfbf; border-radius: 2px; max-width: 210px; width: 100%; padding: 0 5px; height: 26px; }

.othermli .searchform input { border: none; height: 22px; font-size: 1.4rem; width: 160px; }

.othermli .searchform button { background: none; border: none; color: #3b3e44; font-size: 1.4rem; }

.showMenu { display: none; cursor: pointer; right: 0; position: absolute; top: 27px; height: 30px; width: 30px; right: 30px; z-index: 9999; }

#btn { position: absolute; width: 30px; height: 30px; top: 50%; left: 50%; transform: translate(-50%, -50%); cursor: pointer; background: none; border-radius: 50%; border: none; outline: none; }

#btn span { position: absolute; width: 30px; height: 2px; top: 50%; left: 50%; background: #333; border-radius: 2px; overflow: hidden; transition: all 0.3s linear; }

#btn span::before { content: ""; position: absolute; width: 0; height: 100%; top: 0; right: 0; background: gray; transition: all 0.3s linear; }

#btn span:nth-child(1) { animation: span-first-off 0.5s ease-in-out; animation-fill-mode: forwards; }

#btn span:nth-child(2) { animation: span-second-off 0.5s ease-in-out; animation-fill-mode: forwards; }

#btn span:nth-child(3) { animation: span-third-off 0.5s ease-in-out; animation-fill-mode: forwards; }

#btn.on:hover span::before { width: 100%; transition: all 0.3s linear; }

#btn.on span { background: #333; }

#btn.on span:nth-child(1) { animation: span-first-on 0.5s ease-in-out; animation-fill-mode: forwards; }

#btn.on span:nth-child(2) { animation: span-second-on 0.5s ease-in-out; animation-fill-mode: forwards; }

#btn.on span:nth-child(3) { animation: span-third-on 0.5s ease-in-out; animation-fill-mode: forwards; }

@keyframes span-first-on { 0% { transform: translate(-50%, -300%); }
  30% { transform: translate(-50%, -50%); }
  100% { transform: translate(-50%, -50%) rotate(-45deg); } }
@keyframes span-first-off { 0% { transform: translate(-50%, -50%) rotate(-45deg); }
  30% { transform: translate(-50%, -50%) rotate(0deg); }
  100% { transform: translate(-50%, -500%); } }
@keyframes span-second-on { 0% { transform: translate(-50%, -50%); }
  25% { background: gray; }
  50% { transform: translate(-50%, -50%) scale(1); }
  100% { transform: translate(-150%, -50%) scale(0); } }
@keyframes span-second-off { 0% { transform: translate(-150%, -50%) scale(0); }
  25% { background: gray; }
  50% { transform: translate(-50%, -50%) scale(1); }
  100% { transform: translate(-50%, 0%); } }
@keyframes span-third-on { 0% { transform: translate(-50%, 200%); }
  30% { transform: translate(-50%, -50%); }
  100% { transform: translate(-50%, -50%) rotate(45deg); } }
@keyframes span-third-off { 0% { transform: translate(-50%, -50%) rotate(45deg); }
  30% { transform: translate(-50%, -50%) rotate(0deg); }
  100% { transform: translate(-50%, 500%); } }
@media (min-width: 1261px) { .phone-block { display: none !important; } }
/*phone menu*/
.phone-block { display: none; width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 999; display: none; top: 0; padding-top: 65px; }
.phone-block .phone-menu { width: 100%; height: 100%; overflow: auto; border-top: 1px solid #eee; background: #fff; }
.phone-block .phone-menu .layer1 > li > a, .phone-block .phone-menu .layer1 > li > span.searchspan { display: block; font-size: 1.8rem; font-weight: 100; color: #222; padding: 20px 30px; border-bottom: 1px solid #eee; text-transform: uppercase; }
.phone-block .phone-menu .layer1 > li.othermli { padding: 0px 30px 20px 30px; border-bottom: 1px solid #eee; }
.phone-block .phone-menu .layer1 > li.othermli .mobileicon { padding-right: 20px; }
.phone-block .phone-menu .layer1 > li.langlink { padding: 15px 30px; }
.phone-block .phone-menu .layer1 > li.langlink > a { display: inline-block; padding: 10px 10px; background: #ccc; color: white; margin-right: 10px; font-size: 14px; }
.phone-block .phone-menu .layer1 > li.langlink > a.active { background: #514782; }
.phone-block .phone-menu .layer1 > li.active > a, .phone-block .phone-menu .layer1 > li:hover > a { background: #f9ae3a; color: #fff; }
.phone-block .phone-menu .layer2 { display: none; }
.phone-block .phone-menu .layer2 > li:hover > a { color: #f9ae3a; }
.phone-block .phone-menu .layer2 > li > a { display: block; color: #555555; border-bottom: 1px solid #fff; padding: 10px 30px; position: relative; background: #eee; font-size: 1.6rem; }
.phone-block .phone-menu .layer2 .thirdmenu { display: none; }
.phone-block .phone-menu .layer2 .thirdmenu > li > a { display: block; color: #555555; border-bottom: 1px solid #fff; padding: 10px 30px; position: relative; background: #ccc; font-size: 1.6rem; }
.phone-block .phone-menu li .mobile_search_out { padding: 20px 30px; }
.phone-block .phone-menu li .mobile_search { padding: 20px 30px; border: none; display: flex; background: #579bd4; border-radius: 3px; color: white; height: 42px; padding: 10px; display: inline-block; }
.phone-block .phone-menu li .mobile_search input { background: none; border: none; width: calc(100% - 40px); }
.phone-block .phone-menu li .mobile_search input::placeholder { color: white; }
.phone-block .phone-menu li .mobile_search button { background: none; color: #333; text-align: center; border: none; }

.indexbanner { padding-top: 118px; }
.indexbanner .pic img { width: 100%; aspect-ratio: 1774 / 506; }
.indexbanner a { display: block; }
.indexbanner .slick-dots { bottom: 20px; }
.indexbanner .bannerarrow { position: absolute; top: 50%; width: 50px; height: 50px; border-radius: 100%; background: rgba(0, 0, 0, 0.25); cursor: pointer; z-index: 99; transition: 0.3s; }
.indexbanner .bannerarrow:hover { background: rgba(0, 0, 0, 0.6); }
.indexbanner .bannerarrow img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.indexbanner .bannerarrow.rightarrow { right: 10px; }
.indexbanner .bannerarrow.leftarrow { left: 10px; }

@media (max-width: 480px) { .indexbanner .bannerarrow { top: 35%; } }
.othermenu { display: flex; flex-wrap: wrap; justify-content: flex-end; margin-bottom: 20px; }
.othermenu .pcsearch * { transition: 0.3s; }
.othermenu .pcsearch .pcsearch_box {border-radius: 30px;padding-right: 10px;display: flex;flex-wrap: wrap; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3ea3cb+0,7fc0a5+100 */ /*background: #514782;*/ /* Old browsers */  /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /* IE6-9 */ background-image: linear-gradient(to right, #67c1b2, #6ed8c6);}
.othermenu .pcsearch .pcsearch_box input { border: none; background: none; padding-left: 20px; color: #fff; font-size: 1.6rem; width: 200px; }
.othermenu .pcsearch .pcsearch_box input::placeholder { color: #fff; }
.othermenu .pcsearch .pcsearch_box button { background: none; border: none; border-radius: 100%; text-align: center; width: 38px; height: 38px; }
.othermenu .pcsearch .pcsearch_box button .fa { color: #fff; font-size: 1.6rem; }
.othermenu .border_outer {border-radius: 100%; /*background: #514782; */     background-image: linear-gradient(to right, #fbc470, #f9ae3a);color: #fff;display: inline-block;margin-right: 10px;height: 40px;width: 40px;text-align: center;line-height: 40px;font-size: 1.6rem; display: flex; align-items:center; justify-content: center;}
.othermenu .border_outer:hover {background: #f4b045;}
.othermenu .border_outer .border_outer_in { display: flex; flex-wrap: wrap; align-items: center; height: 100%; }
.othermenu .border_outer .border_outer_in .icon { color: #514782; margin-right: 5px; }
.othermenu .border_outer .border_outer_in .txt { font-size: 1.6rem; }
.othermenu .border_outer .border_outer_in .shop_num { margin-left: 10px; text-align: center; }
.othermenu .border_outer .border_outer_in .shop_num .shop_num_txt { font-size: 1.4rem; width: 28px; height: 28px; border-radius: 100%; background: #514782; color: #fff; line-height: 28px; display: inline-block; }

.mainlinks { max-width: 1600px; margin: 0 auto; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7fc0a5+0,3ea3cb+100 */ background: #7fc0a5; /* Old browsers */ background: -moz-linear-gradient(left, #7fc0a5 0%, #3ea3cb 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #7fc0a5 0%, #3ea3cb 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #7fc0a5 0%, #3ea3cb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7fc0a5', endColorstr='#3ea3cb',GradientType=1 ); /* IE6-9 */ color: #fff; margin-top: -30px; padding: 0 70px; }
.mainlinks .mainlinksin { display: flex; flex-wrap: wrap; }
.mainlinks .mainlinksin .oneset { padding: 30px 40px; width: calc(100% / 4); }
.mainlinks .mainlinksin .oneset:after { content: ""; display: block; position: absolute; width: 1px; height: 68px; background: #fff; right: 0; top: 50%; margin-top: -34px; }
.mainlinks .mainlinksin .oneset:last-child:after { display: none; }
.mainlinks .mainlinksin .oneset .onesetin { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.mainlinks .mainlinksin .oneset .onesetin:hover .txtbox .t1 { text-decoration: underline; }
.mainlinks .mainlinksin .oneset .onesetin .icon { padding-right: 15px; width: 73px; }
.mainlinks .mainlinksin .oneset .onesetin .icon .cricleout { width: 56px; height: 56px; text-align: center; line-height: 56px; font-size: 2rem; border-radius: 100%; border: 1px solid #fff; }
.mainlinks .mainlinksin .oneset .onesetin .txtbox { line-height: 1.6; }
.mainlinks .mainlinksin .oneset .onesetin .txtbox .t1 { font-size: 2.4rem; transition: 0.3s; }
.mainlinks .mainlinksin .oneset .onesetin .txtbox .t2 { font-size: 1.6rem; display: none; }

.main_title { color: #24b4cc; }
.main_title .txt_en {font-size: 6rem;margin-bottom: 0px;font-family: "Ubuntu";font-weight: bold;text-transform: uppercase;}
.main_title .txt_tw { font-size: 2rem; }

.bottomnav{width: 1680px; margin: auto; max-width: 100%;margin-top: 20px; }



.morelink .morelinkstyle { text-align: center; font-size: 1.6rem; border: 2px solid #666666; min-width: 200px; height: 50px; line-height: 50px; text-align: center; display: inline-block; }
.morelink .morelinkstyle:hover {background: #f9ae3a;color: #fff;border: 2px solid #f9ae3a;}
.morelink .morelinkstyle:after { content: "\f054"; font-family: "FontAwesome"; font-size: 1.6rem; display: inline-block; position: absolute; right: 16px; }
.morelink .morelinkstyle.preve { margin-top: 40px; }
.morelink .morelinkstyle.preve:after { content: "\f053"; left: 16px; right: initial; }

.inewslist .oneset { margin-bottom: 45px; display: flex; flex-wrap: wrap; }
.inewslist .oneset .newicon { width: 55px; }
.inewslist .oneset .newicon .newtxt { color: #fff; font-size: 1.2rem; padding: 3px; border-radius: 100%; background: red; }
.inewslist .oneset .inewcon { width: calc(100% - 55px); }
.inewslist .oneset .inewcon .box1 { display: flex; flex-wrap: wrap; align-items: center; }
.inewslist .oneset .inewcon .box1 .spacer { width: 20px; height: 1px; background: #ddd; display: block; margin: 0 10px; }
.inewslist .oneset .inewcon .box1 .tagclass a { font-size: 1.2rem; display: inline-block; border: 1px solid #ccc; padding: 5px; }
.inewslist .oneset .inewcon .box1 .tagclass a:hover { background: #24b4cc; border: 1px solid #24b4cc; color: #fff; }
.inewslist .oneset .inewcon .box2 { font-size: 2rem; margin-top: 10px; padding-right: 15px; }
.inewslist .oneset .inewcon .box2 a:hover { text-decoration: underline; }

.inewsblock { width: 100%; background: url(../images/newsbg_img.png) no-repeat; margin-top: 70px; }
.inewsblock .inwswrapper { min-height: 750px; padding-top: 90px; display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; }
.inewsblock .inwswrapper .imainnews { max-width: 1560px; background: url(../images/inewsbg.jpg) repeat; border: 1px solid #dcdcdc; display: flex; flex-wrap: wrap; padding: 90px 128px; }
.inewsblock .inwswrapper .imainnews .lexfbox { border-right: 1px solid #dcdcdc; padding-right: 10%; width: 300px; }
.inewsblock .inwswrapper .imainnews .lexfbox .main_title { margin-bottom: 190px; }
.inewsblock .inwswrapper .imainnews .rightbox { padding-left: 75px; padding-right: 35px; width: calc(100% - 300px); }
.inewsblock .inwswrapper .imainnews .lastimg { bottom: 0; position: absolute; right: 0px; }

.ivedioblock {padding-bottom: 100px;padding-top: 50px;background: url(../images/video_bg.png) no-repeat center bottom;}
.ivedioblock .main_title {max-width: 1460px;margin: 0 auto;margin-bottom: 36px;text-align: center;}
.ivedioblock .vediolist { max-width: 1580px; margin: 0 auto; }
.ivedioblock .vediolist .vedioslick { padding: 0 60px; }
.ivedioblock .vediolist .vedioslick .videoarrow {position: absolute;top: 34%;width: 50px;height: 50px;border-radius: 100%;background: #cccccc;cursor: pointer;z-index: 99;transition: 0.3s;}
.ivedioblock .vediolist .vedioslick .videoarrow:hover {background: #514782;}
.ivedioblock .vediolist .vedioslick .videoarrow i { color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.ivedioblock .vediolist .vedioslick .videoarrow.rightarrow { right: 10px; }
.ivedioblock .vediolist .vedioslick .videoarrow.leftarrow { left: 10px; }
.ivedioblock .vediolist .vedioslick .oneset { padding: 0 15px; }
.ivedioblock .vediolist .vedioslick .oneset a { display: block; }
.ivedioblock .vediolist .vedioslick .oneset a:hover .hovericon { opacity: 0.8; }
.ivedioblock .vediolist .vedioslick .oneset .photo { margin-bottom: 15px; }
.ivedioblock .vediolist .vedioslick .oneset .photo img { width: 100%; }
.ivedioblock .vediolist .vedioslick .oneset .photo .hovericon { transition: 0.3s; opacity: 0; position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; position: absolute; flex-direction: column; justify-content: center; display: flex; text-align: center; background: #514782; font-size: 4rem; color: #fff; }
.ivedioblock .vediolist .vedioslick .oneset .bottomtxt .name {font-size: 1.9rem;font-weight: bold;margin-bottom: 5px;}
.ivedioblock .vediolist .vedioslick .oneset .bottomtxt .date {color: #f4b045;font-weight: bold;font-size: 17px;}
.ivedioblock .bottomimg {position: relative;left: 20%;display: none;}

/* .ilinks {padding: 50px 30px 100px 30px;margin: 0 auto;max-width: 1700px;} */
.ilinks {padding: 80px 0 240px 0;margin: 0 auto; background: url(../images/indexbg-link.png) no-repeat bottom center; background-size: contain;}
.ilinks .main_title { text-align: center; margin-bottom: 50px; }
.ilinks .main_title2{margin-bottom: 40px;justify-content: center;} 
.ilinks .linkslist .linkslick { /*padding: 0 60px;*/ margin: 0 -30px; }
.ilinks .linkslist .linkslick .videoarrow {position: absolute;top: 45%; transform: translateY(-50%); /*width: 50px;height: 50px;border-radius: 100%;background: #cccccc;*/cursor: pointer;z-index: 99;transition: 0.3s;}
/* .ilinks .linkslist .linkslick .videoarrow:hover {background: #514782;} */
.ilinks .linkslist .linkslick .videoarrow i { color: #888888; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 30px;transition: .3s; }
.ilinks .linkslist .linkslick .videoarrow i:hover{color: #67c1b2;}
.ilinks .linkslist .linkslick .videoarrow.rightarrow { right: -40px; }
.ilinks .linkslist .linkslick .videoarrow.leftarrow { left: -40px; }
.ilinks .linkslist .linkslick .oneset { padding: 5px 20px 30px 20px; }
.ilinks .linkslist .linkslick .oneset .onesetin {display: block;/*border: 1px solid #dddddd;padding: 15px 25px;*/ }

.ilinks .linkslist .linkslick .oneset .onesetin .pic { background:#fff;height: 0; text-align: center; position: relative; display: block; /*padding-bottom: 36.36364%;*/ padding-bottom: calc( 120 / 330 * 100% ); overflow: hidden; width: 100%;border-radius: 20px; box-shadow: 0 0 0 1px #ddd;  transition: .3s; }
.ilinks .linkslist .linkslick .oneset .onesetin .pic img { max-width: 100%; max-height: 100%; position: absolute; display: block; margin: auto; top: 0; left: 0; right: 0; bottom: 0; transition: 0.8s; max-width: 100%; padding: 20px; }
/* .ilinks .linkslist .linkslick .oneset .onesetin .linkicon {padding: 10px;background: #fff;position: absolute;right: -19px;top: 50%;color: #f4b045;font-size: 2.2rem;margin-top: -24px;} */
.ilinks .linkslist .linkslick .oneset .onesetin .linkicon {background: #f9ae3a; border-radius:100%;position: absolute;left: 50%;bottom:-20px; transform: scale(0) translateX(-50%); transform-origin: 0 0; color: #f4b045;font-size: 1.6rem;width: 40px;height: 40px; display: flex; align-items: center; justify-content: center; transition: .3s;}
.ilinks .linkslist .linkslick .oneset .onesetin .linkicon i{color:#fff;}

.ilinks .linkslist .linkslick .oneset .onesetin:hover .pic{box-shadow: 0 0 0 2px #67c1b2;  }
.ilinks .linkslist .linkslick .oneset .onesetin:hover .pic img { transform: scale(1.1); }
.ilinks .linkslist .linkslick .oneset .onesetin:hover .linkicon {transform: scale(1) translateX(-50%);}

@media (max-width: 1680px) {
  .ilinks .linkslist .linkslick .videoarrow.rightarrow { right: -5px; }
  .ilinks .linkslist .linkslick .videoarrow.leftarrow { left: -5px; }

  .ilinks .linkslist .linkslick{margin: 0; padding: 0 10px;}
}

@media (max-width: 768px) {
  .ilinks .linkslist .linkslick .videoarrow.rightarrow { right: -10px; }
  .ilinks .linkslist .linkslick .videoarrow.leftarrow { left: -10px; }
}

.wrapperfooter { margin-bottom: 30px; }

footer{
  width: 100%;
  margin: 0 auto;
  padding: 0 30px;
  max-width: 1920px;
}
footer.indexfooter{
  max-width: 100%;
  padding: 0;
}
footer .topimg {z-index: 99;position: absolute;right: 0;top: 0;display: none;}
footer .footerbox {margin-top: 0;padding: 58px 98px 42px 98px; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3ea3cb+0,7fc0a5+100 */background: #444; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /* IE6-9 */color: #fff;font-size: 1.6rem;display: flex;flex-wrap: wrap;align-items: flex-end;justify-content: space-between;}
footer .footerbox .leftbox { margin-right: 20px; }
footer .footerbox .leftbox .oneline { display: flex; flex-wrap: wrap; margin-bottom: 5px; }
footer .footerbox .rightbox { margin-top: 20px; }
footer .footerbox .rightbox .t1 { margin-bottom: 10px; }
footer .footerbox .rightbox .iware { font-size: 1.2rem; text-transform: uppercase; }

.innerbanner {background-repeat: no-repeat;background-position: center center;width: 100%;height: 250px;margin-top: 118px;background-size: cover;}
.innerbanner .bannertxt { text-transform: uppercase; color: #444; top: 0; bottom: 0; left: 0; right: 0; position: absolute; flex-direction: column; justify-content: center; display: flex; text-align: center; }
.innerbanner .bannertxt .tw { font-size: 4rem; /*font-weight: 100;*/ }
.innerbanner .bannertxt .en { font-size: 2.2rem; font-weight: 100; display: none; }

.pageinwrap { padding: 20px 168px; -webkit-box-shadow: -1px 9px 18px -2px rgba(0, 0, 0, 0.5); -moz-box-shadow: -1px 9px 18px -2px rgba(0, 0, 0, 0.5); box-shadow: -1px 9px 18px -2px rgba(0, 0, 0, 0.5); min-height: 600px; padding-bottom: 170px; }
.pageinwrap .righttoptri {position: absolute;top: -4px;left: 0;display: none;}
.pageinwrap .righttri {position: absolute;top: 114px;left: -18px;display: none;}
.pageinwrap .contactsideimg { position: absolute; top: 310px; left: 70px; }

.road { font-size: 1.4rem; line-height: 1.8; text-align: right; margin-bottom: 50px; }
.road a:hover { color: #67c1b2; }
.road .arrow { color: #999999; padding: 0 5px; }

.mainpageinwrap { display: flex; flex-wrap: wrap; }
.mainpageinwrap .sidemenu { width: 18%; }
.mainpageinwrap .sidemenu .mobiletogglemenu { display: none; padding: 10px 14px; cursor: pointer; border-bottom: 3px solid #ccc; font-size: 20px; padding-right: 20px; background: #5a5a5a; color: #fff; }
.mainpageinwrap .sidemenu .mobiletogglemenu:after { content: "\f078"; position: absolute; right: 10px; font-size: 20px; }
.mainpageinwrap .sidemenu:after { content: ""; position: absolute; right: -19px; top: -83px; background: url(../images/sidemenu_shadow.png) no-repeat; width: 20px; height: 540px; }
.mainpageinwrap .sidemenu .sidemenu_ul > li { list-style: none; }
.mainpageinwrap .sidemenu .sidemenu_ul > li ul.sidesubmenu { padding-bottom: 20px; }
.mainpageinwrap .sidemenu .sidemenu_ul > li ul.sidesubmenu > li { list-style: none; padding: 10px 10px; }
.mainpageinwrap .sidemenu .sidemenu_ul > li ul.sidesubmenu > li > a { font-size: 1.6rem; padding-left: 16px; display: block; }
.mainpageinwrap .sidemenu .sidemenu_ul > li ul.sidesubmenu > li > a:before { content: ""; display: block; position: absolute; left: 3px; top: 10px; width: 5px; height: 5px; background: #333; border-radius: 100%; }
.mainpageinwrap .sidemenu .sidemenu_ul > li ul.sidesubmenu > li > a.active { color: #514782; }
.mainpageinwrap .sidemenu .sidemenu_ul > li ul.sidesubmenu > li > a.active:before { background: #514782; }
.mainpageinwrap .sidemenu .sidemenu_ul > li > a { display: block; padding: 15px 10px; font-size: 1.8rem; background: #dedede; padding-left: 32px; border-bottom: 1px solid #fff; }
.mainpageinwrap .sidemenu .sidemenu_ul > li > a:before { content: ""; display: block; position: absolute; left: 14px; top: 23px; width: 5px; height: 5px; border: 1px solid #333; border-radius: 100%; }
.mainpageinwrap .sidemenu .sidemenu_ul > li > a:hover {background: #67c1b2;color: #fff;}
.mainpageinwrap .sidemenu .sidemenu_ul > li > a:hover:before { border: 1px solid #fff; }
.mainpageinwrap .sidemenu .sidemenu_ul > li > a.active {background: #67c1b2;color: #fff;}
.mainpageinwrap .sidemenu .sidemenu_ul > li > a.active:after {background: #6ed8c6;height: 100%;width: 5px;content: "";right: 0;top: 0;position: absolute;display: block;}
.mainpageinwrap .sidemenu .sidemenu_ul > li > a.active:before { border: 1px solid #fff; }
.mainpageinwrap .pagemaincon { width: 82%; padding-left: 90px; }
.mainpageinwrap .pagemaincon.contactstyle { width: 100%; padding-left: 0px; }
.mainpageinwrap .pagemaincon .pagetitle { font-size: 2.4rem; font-weight: bold; color: #67afc1; margin-bottom: 10px; padding-left: 20px; }
.mainpageinwrap .pagemaincon .pagetitle:before { content: "\f0da"; display: block; position: absolute; left: 0; top: 0px; font-family: "FontAwesome"; }
.mainpageinwrap .pagemaincon .newsintitle { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.mainpageinwrap .pagemaincon .newsintitle .newsindate { font-size: 1.5rem; }
.mainpageinwrap .pagemaincon .newsintitle .newsindate i { margin-right: 10px; }

.keywords { margin-top: 15px; }

.htmleditor { margin-top: 30px; line-height: 1.6; }

.taglinksstyle { color: #fff; font-size: 1.4rem; display: inline-block; border-radius: 30px; padding: 5px 20px; background: #cccccc; text-align: center; margin-right: 10px; margin-bottom: 5px; }
.taglinksstyle:hover { background: #24b4cc; }

.inewslist.newsinlist .oneset { display: flex; flex-wrap: wrap; border-bottom: 1px dotted #ccc; padding: 30px 0; }
.inewslist.newsinlist .oneset .inewcon { width: calc(100% - 180px - 52px); }
.inewslist.newsinlist .oneset .inewcon .box3 { margin-top: 15px; }
.inewslist.newsinlist .oneset .morelink { width: 170px; padding-top: 30px; }
.inewslist.newsinlist .oneset .morelink .morelinkstyle { min-width: 170px; }

.page_box { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; text-align: center; padding: 40px 0; color: #959696; }
.page_box .page_num { display: inline-block; font-size: 15px; font-weight: 100; text-align: center; margin: 0 5px; text-decoration: none; border-radius: 100%; width: 30px; height: 30px; line-height: 30px; color: #333; }
.page_box .page_num.active, .page_box .page_num:hover {background: #67c1b2;color: #fff;}
.page_box .page_num.page_arrow { color: #aaa; font-size: 18px; }
.page_box .page_num.page_arrow:hover { background: #ccc; color: #fff; }
.page_box .page_dot { display: inline-block; padding: 10px; text-align: center; margin: 0 3px; }
.page_box .page_select { display: inline-block; margin-left: 20px; }
.page_box .page_select .num_input { border: 1px solid #cfcfcf; width: 40px; height: 30px; padding: 3px 5px; }

.downloadsearch { margin-bottom: 40px; }
.downloadsearch form .downloadsbox {border: 2px solid #444;width: 100%;padding: 7px 20px;display: flex;flex-wrap: wrap;}
.downloadsearch form .downloadsbox .dsinput {background: none;border: none;width: calc(100% - 50px);}
.downloadsearch form .downloadsbox .searchicon {border: none;background: none;color: #67c1b2;font-size: 2.4rem;width: 40px;}

.downloadlist .oneset { display: flex; flex-wrap: wrap; }
.downloadlist .oneset.thhead { background: #444; color: #fff; font-size: 1.8rem; }
.downloadlist .oneset .box { padding: 15px 10px; }
.downloadlist .oneset .box1 { text-align: center; padding: 15px 10px; width: 110px; }
.downloadlist .oneset .box2 { padding: 15px 10px; width: calc(100% - 310px); }
.downloadlist .oneset .box3 { padding: 15px 10px; width: 100px; text-align: center; }
.downloadlist .oneset .box4 { padding: 15px 10px; width: 100px; text-align: center; }
.downloadlist .tbody .oneset:nth-child(even) { background: #eeeeee; }
.downloadlist .tbody .box2 a { color: #67afc1; font-weight: bold; }
.downloadlist .tbody .box2 a:hover { text-decoration: underline; }
.downloadlist .tbody .mshow { display: none; }

.blackbigtxt { font-size: 2.4rem; font-weight: bold; margin-bottom: 20px; }

.downloadlist.achlist .oneset .box { padding: 15px 10px; }
.downloadlist.achlist .oneset .box1 { width: 70px; text-align: center; }
.downloadlist.achlist .oneset .box2 { width: 130px; text-align: center; }
.downloadlist.achlist .oneset .box3 { width: 180px; text-align: left; }
.downloadlist.achlist .oneset .box4 { width: calc(100% - 540px); text-align: left; }
.downloadlist.achlist .oneset .box5 { width: 150px; text-align: center; }

.filedownload { color: #514782; font-size: 1.8rem; font-weight: bold; margin-top: 30px; }
.filedownload .oneline { display: inline-block; }
.filedownload .oneline.t1 i { margin-right: 5px; }
.filedownload .oneline.t2 a { text-decoration: underline; }

.prsharelist { display: flex; flex-wrap: wrap; margin-top: 20px; }
.prsharelist .oneset { width: calc(100% / 3); padding: 20px; margin-bottom: 30px; }
.prsharelist .oneset .onein { display: block; width: 100%; }
.prsharelist .oneset .onein:hover .photo .pic img { transform: scale(1.1); }
.prsharelist .oneset .onein .photo { width: 100%; overflow: hidden; }
.prsharelist .oneset .onein:hover .photo .hovericon{opacity: 0.8}
.prsharelist .oneset .onein .photo .hovericon{
  transition: 0.3s;
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    flex-direction: column;
    justify-content: center;
    display: flex;
    text-align: center;
    background: #514782;
    font-size: 4rem;
    color: #fff;
}

.prsharelist .oneset .onein .photo .pic {height: 0;text-align: center;position: relative;display: block;padding-bottom: 75%;overflow: hidden;width: 100%;background: url(../images/pr_img2.jpg) no-repeat;background-size: cover;}
.videolist.prsharelist .oneset .onein .photo .pic {padding-bottom: 56%;}
.prsharelist .oneset .onein .photo .pic img { max-width: 100%; max-height: 100%; position: absolute; display: block; margin: auto; top: 0; left: 0; right: 0; bottom: 0; transition: 0.8s; width: 100%; }
.prsharelist .oneset .onein .bottomtxt { margin-top: 10px; text-align: center; }
.prsharelist .oneset .onein .bottomtxt .name { font-size: 1.9rem; font-weight: bold; padding-bottom: 10px; border-bottom: 1px solid #ddd; display: inline-block; }
.prsharelist .oneset .onein .bottomtxt .date { font-size: 1.4rem; padding-top: 10px; }

.tabswrap { margin-bottom: 30px; margin-top: 30px; }
.tabswrap .tablinkstyle { padding: 10px 25px; background: #dedede; display: inline-block; margin-bottom: 5px; }
.tabswrap .tablinkstyle.active, .tabswrap .tablinkstyle:hover {background: #67c1b2;color: #fff;}

.faqlist .oneset { padding: 20px 10px; border-top: 1px dotted #333; }
.faqlist .oneset:last-child { border-bottom: 1px dotted #333; }
.faqlist .oneset .ques { display: flex; flex-wrap: wrap; cursor: pointer; }
.faqlist .oneset .ques:hover .mainq { text-decoration: underline; }
.faqlist .oneset .ques .num {color: #fff;font-size: 1.6rem;font-weight: bold;text-align: center;background: #f9ae3a;width: 50px;height: 50px;text-align: center;border-radius: 100%;line-height: 50px;}
.faqlist .oneset .ques .mainq { width: calc(100% - 50px - 20px); padding-top: 12px; padding-left: 15px; font-size: 2rem; line-height: 1.5; }
.faqlist .oneset .ques .openicon {width: 20px;padding-top: 10px;font-size: 2rem;color: #fec947;}
.faqlist .oneset .ques .openicon:after { content: "\f067"; display: block; position: absolute; }
.faqlist .oneset .ques .openicon.active:after { content: "\f068"; }
.faqlist .oneset .answer { padding-top: 12px; padding-left: 60px; line-height: 1.6; display: none; }

.contactwrap { max-width: 1086px; width: 100%; margin: 0 auto; }
.contactwrap .greenbigtxt { font-size: 2.2rem; font-weight: bold; color: #67afc1; text-align: center; margin-top: 30px; margin-bottom: 20px; }
.contactwrap .contactlist { display: flex; flex-wrap: wrap; }
.contactwrap .contactlist .oneset { width: 50%; padding: 10px; }
.contactwrap .contactlist .oneset:nth-child(4n+1) .onesetin { background: url(../images/contactbg1.jpg) no-repeat center center; background-size: cover; }
.contactwrap .contactlist .oneset:nth-child(4n+2) .onesetin { background: url(../images/contactbg2.jpg) no-repeat center center; background-size: cover; }
.contactwrap .contactlist .oneset:nth-child(4n+3) .onesetin { background: url(../images/contactbg3.jpg) no-repeat center center; background-size: cover; }
.contactwrap .contactlist .oneset:nth-child(4n+4) .onesetin { background: url(../images/contactbg4.jpg) no-repeat center center; background-size: cover; }
.contactwrap .contactlist .oneset .onesetin { display: flex; flex-wrap: wrap; align-items: center; padding: 35px 25px; }
.contactwrap .contactlist .oneset .onesetin .leftimg { width: 16%; }
.contactwrap .contactlist .oneset .onesetin .righttxt { color: #fff; width: 84%; padding-left: 18px; }
.contactwrap .contactlist .oneset .onesetin .righttxt .name { font-size: 2rem; font-weight: bold; margin-bottom: 10px; }
.contactwrap .contactlist .oneset .onesetin .righttxt .info_oneline { font-size: 1.8rem; margin-bottom: 10px; display: flex; flex-wrap: wrap; }
.contactwrap .contactlist .oneset .onesetin .righttxt .info_oneline .icon { width: 35px; }
.contactwrap .contactlist .oneset .onesetin .righttxt .info_oneline .txt { width: calc(100% - 35px); }

@media (max-width: 1680px) {
  header .menu .menunav > ul > li {padding: 0 8px;}
}
@media (max-width: 1600px) { .mainlinks { padding: 0 30px; }
  .mainlinks .mainlinksin .oneset { padding: 30px 2%; }
  .ivedioblock .bottomimg { left: -2%; } 
}
/* @media (max-width: 1550px) { header .pcmenu .bottomnav { width: 100%; margin-top: -48px; }
  header .pcmenu .topnav .logo { position: relative; z-index: 9; }
  header .menu .menunav > ul { justify-content: center; }
  header .menu .menunav > ul > li {padding: 0 1.5%;}           
 } */
@media (max-width: 1440px) { 
/*   header .menu .menunav > ul > li {padding: 0 1.5%;}  */
  .mainlinks { margin-top: -4px; }
  .mainlinks { padding: 0 0px; }
  .mainlinks .mainlinksin .oneset { padding: 30px 1.5%; }
  .pageinwrap { padding: 20px 50px; padding-bottom: 170px; }
  .pageinwrap .righttri { display: none; }
  .pageinwrap .contactsideimg { display: none; } 
}
@media (max-width: 1360px) { .inewsblock .inwswrapper .imainnews { padding: 5%; }
  .inewsblock .inwswrapper .imainnews .lexfbox { border-right: 1px solid #dcdcdc; padding-right: 4%; width: 260px; flex-wrap: wrap; }
  .inewsblock .inwswrapper .imainnews .rightbox { padding-left: 25px; padding-right: 40px; }
  .inewsblock .inwswrapper .imainnews .lastimg { max-width: 108px; }
  .ivedioblock .bottomimg img { max-height: 134px; }
  footer .topimg img { max-height: 134px; }
  footer .topimg { right: 12px; top: -104px; }
  .mainpageinwrap .sidemenu { width: 240px; }
  .mainpageinwrap .pagemaincon { width: calc(100% - 240px); padding-left: 50px; } 
  header .menu .menunav > ul > li{padding: 0;}
  header .menu .menunav > ul > li > a{font-size: 1.5rem;}
}
/* @media (max-width: 1300px) { header .menu .menunav > ul > li { padding: 0 1.5%; } } */
@media (max-width: 1265px) { .mainlinks .mainlinksin .oneset .onesetin .txtbox .t2 { display: none; }
  .mainlinks .mainlinksin .oneset .onesetin .txtbox { width: initial; } }
@media (max-width: 1260px) { .mainlinks .mainlinksin .oneset .onesetin .txtbox { max-width: 210px; }
  .mainlinks .mainlinksin .oneset .onesetin { justify-content: center; }
  .mainlinks .mainlinksin .oneset { padding: 15px 1.5%; } }
@media (max-width: 1200px) { 
  .bottomnav{margin: 0;}
  header { padding: 15px 0; }
  header .logo img { margin-top: 0px; /*max-width: 220px;*/ width: 450px; }
  header .pcmenu .topnav .logo a { padding-top: 8px; padding-bottom: 8px; }
  header .pcmenu .topnav { margin-right: 0; }
  header .wrapper .menu { display: none; }
  .showMenu { display: block; /*top: 22px;*/ top: 50%; transform: translateY(-50%); }
  header .wrapper .pcmenu { padding: 10px 0px 12px 0px; }
  header .wrapper .pcmenu .bottomnav { padding-top: 15px; }
  .phone-block .phone-menu .layer1 > li > a br { display: none; }
  .phone-block .phone-menu .layer1 > li > a i { margin-right: 10px; }
  header .wrapper .pcmenu .bottomnav { margin-bottom: 10px; }
  header .wrapper .pcmenu { background: rgba(255, 255, 255, 0.95); }
  header .wrapper .pcmenu .topnav .typesearch { display: none; }
  header .wrapper .pcmenu .topnav .followus { display: none; }
  header .wrapper .pcmenu .topnav { display: block; padding: 0; }
  header .wrapper .pcmenu .topnav .logo { width: 100%; }
  header .wrapper .pcmenu .bottomnav { border-top: none; }
  header .menu { display: none; }
  header .pcmenu .rightsec { display: none; }
  header .pcsearch { display: none; }
  header .pcsearch.mobilesearch { display: block; padding: 20px; margin-bottom: 0; border-bottom: 1px solid #eee; }
  .phone-block { padding-top: 90px; }
  .indexbanner { padding-top: 90px; }
  .othermenu { display: none; }
  
  .ilinks { padding: 50px 30px; }
  .innerbanner { margin-top: 90px; }
  .contactwrap .contactlist .oneset { width: 100%; }
  .contactwrap .contactlist .oneset .onesetin .leftimg { text-align: center; } }
@media (max-width: 1150px) { .inewslist .oneset .newicon { width: initial; position: absolute; }
  .inewslist .oneset .inewcon .box1 { padding-left: 42px; }
  .downloadlist .oneset.thhead { display: none; }
  .downloadlist .oneset .box, .downloadlist.achlist .oneset .box { width: 100%; text-align: left !important; }
  .downloadlist .oneset, .downloadlist.achlist .oneset { margin-bottom: 20px; padding: 15px; }
  .downloadlist.achlist .oneset .box { padding: 10px 10px; }
  .downloadlist .tbody { border: 1px solid #ccc; }
  .downloadlist .tbody .mshow { display: initial; margin-right: 5px; }
  .downloadlist .tbody .box2 a { text-decoration: underline; }
  .inewslist.newsinlist .oneset .inewcon { width: 100%; }
  .inewslist.newsinlist .oneset { margin-bottom: 0; }
  .mainlinks .mainlinksin .oneset .onesetin .txtbox .t1 { font-size: 1.8rem; } }
@media (max-width: 1000px) { .inewslist .oneset .inewcon { width: 100%; }
  .inewsblock .inwswrapper .imainnews .lexfbox { border-right: none; padding-right: 0; width: 100%; display: flex; justify-content: space-between; align-items: center; }
  .inewsblock .inwswrapper .imainnews .lexfbox .main_title { margin-bottom: 30px; }
  .main_title .txt_en { font-size: 4.5rem; margin-bottom: 0px; }
  .inewsblock .inwswrapper .imainnews .lexfbox .morelink { margin-bottom: 30px; }
  .morelink .morelinkstyle { min-width: 150px; }
  .inewsblock .inwswrapper .imainnews .rightbox { width: 100%; padding-left: 0px; padding-right: 0px; padding-bottom: 90px; }
  .inewsblock { margin-top: 30px; }
  .inewsblock .inwswrapper { padding-top: 160px; } }
@media (min-width: 901px) { .mainpageinwrap .sidemenu .sidemenu_ul { display: block !important; } }
@media (max-width: 900px) { .mainpageinwrap .sidemenu .mobiletogglemenu { display: block; }
  .mainpageinwrap .sidemenu .sidemenu_ul { display: none; }
  .mainpageinwrap .sidemenu { width: 100%; margin-bottom: 30px; }
  .mainpageinwrap .sidemenu:after { display: none; }
  .mainpageinwrap .pagemaincon { width: 100%; padding-left: 0px; }
  .pageinwrap .righttri { display: none; }
  .pageinwrap { padding: 20px 20px; padding-bottom: 170px; }
  .mainlinks .mainlinksin .oneset .onesetin .icon .cricleout { width: 40px; height: 40px; line-height: 40px; font-size: 1.4rem; }
  .mainlinks .mainlinksin .oneset .onesetin .icon { padding-right: 10px; width: 45px; }
  .mainlinks .mainlinksin .oneset .onesetin .txtbox .t1 { font-size: 1.6rem; } }
@media (max-width: 767px) { .mainlinks .mainlinksin .oneset { border-bottom: 1px solid #fff; }
  
  .ivedioblock .vediolist .vedioslick .videoarrow { width: 35px; height: 35px; }
  .ivedioblock .vediolist .vedioslick { padding: 0 50px; }
  .ivedioblock .vediolist .vedioslick .oneset { padding: 0 10px; }
  .ilinks { padding: 50px 0px; }
  .ilinks .linkslist .linkslick .videoarrow { width: 35px; height: 35px; }
  .ilinks .linkslist .linkslick .oneset { /*padding: 0 10px;*/ padding: 5px 10px 30px 10px; }
  .ilinks .linkslist .linkslick { /*padding: 0 50px;*/ padding: 0 20px; }
  .ilinks .main_title { margin-bottom: 30px; }
  footer .footerbox { padding: 58px 30px 42px 30px; }
  .innerbanner { height: 180px; }
  .innerbanner .bannertxt .tw { font-size: 3.5rem; }
  .innerbanner .bannertxt .en { font-size: 1.6rem; font-weight: 100; }
  .pageinwrap .righttoptri { display: none; }
  .road { margin-bottom: 15px; text-align: left; }
  .prsharelist .oneset { width: calc(100% / 2); }
  .mainlinks .mainlinksin .oneset .onesetin .txtbox { width: 100%; text-align: center; margin-bottom: 0; margin-top: 5px; } }
@media (max-width: 640px) {
  header .logo img{width: 400px;}
  header .pcmenu .topnav .logo a{padding-top: 5px; padding-bottom: 5px;}
  .phone-block { padding-top: 79px; }
  .indexbanner { padding-top: 79px; }
  .innerbanner { margin-top: 79px; }
}
@media (max-width: 500px) { .indexbanner .bannerarrow img { max-width: 5px; }
  .indexbanner .bannerarrow { width: 30px; height: 30px; }
  .inewsblock { background: none; margin-top: 30px; }
  .inewsblock .inwswrapper .imainnews { padding: 20px; }
  .inewsblock .inwswrapper { padding-top: 0; min-height: initial; }
  .inewslist .oneset .inewcon .box2 { font-size: 1.8rem; margin-top: 10px; line-height: 1.6; padding-right: 0px; }
  .inewslist .oneset .newicon { left: 50%; margin-left: -112px; }
  .inewslist .oneset .inewcon .box1 { justify-content: center; }
  .mainlinks .mainlinksin .oneset { padding: 15px 10px 10px 10px; }
  .mainlinks .mainlinksin .oneset .onesetin .txtbox .t2 { font-size: 1.4rem; }
  footer .footerbox .leftbox { margin-right: 0px; }
  .prsharelist .oneset { padding: 10px; }
  .prsharelist .oneset .onein .bottomtxt .name { font-size: 1.7rem; }
  .mainlinks .mainlinksin .oneset .onesetin .txtbox .t1 { font-size: 1.2rem; }
  .indexbanner .pic img { max-width: 625px; left: -60px; }
  .mainlinks .mainlinksin .oneset { width: calc(100% / 2); }
  .mainlinks .mainlinksin .oneset:nth-child(2n):after { display: none; } 

  header .logo img{width: 320px;}
  header .pcmenu .topnav .logo a{padding-top: 5px; padding-bottom: 0px;}
  .phone-block { padding-top: 72px; }
  .indexbanner { padding-top: 72px; }
  .innerbanner { margin-top: 72px; }

}
@media (max-width: 480px) { .page_box .page_num { margin: 0 2px; }
  footer .footerbox { padding: 58px 20px 42px 20px; }
  .morelink .morelinkstyle { min-width: 135px; }
  .contactwrap .contactlist .oneset .onesetin .leftimg { width: 100%; margin-bottom: 20px; }
  .contactwrap .contactlist .oneset .onesetin .righttxt { width: 100%; padding-left: 0px; }
  .contactwrap .contactlist .oneset .onesetin .righttxt .name { text-align: center; } }
@media (max-width: 375px) { .inewsblock .inwswrapper .imainnews .lexfbox .morelink { width: 100%; }
/*   header .logo img { max-width: 200px; } */
/*   header .pcmenu .topnav .logo a { padding-top: 5px; padding-bottom: 0; } */
  .showMenu { top: 15px; right: 20px; }
/*   .indexbanner { padding-top: 55px; } */
/*   .phone-block { padding-top: 55px; } */
  .innerbanner { margin-top: 60px; } }


/* 20220324_new */
.inew_banner{
  width: 100%;
/*   padding-top: 118px; */
  padding-top: 141px;

}
.inew_banner .inew_bannerin{
/*   background-color: #514782; */
  background-color: transparent;
/*   background: url(../images/banner_bg2.jpg) no-repeat center; */
  position: relative;
  overflow: hidden;
}
.inew_banner .inew_bannerin .all_items{
  position: absolute;
  top: 0;
  left: 0;
}
.inew_banner .inew_bannerin img.fixp{
  position: absolute;
}

.inew_banner img{
  width: 100%;
}

.inew_banner .banner_bg{
/*   background: #514782; */
  background: transparent;
  width: 100%;
  height: 0;
  padding-bottom: calc((562/1920)*100%);
}


@media (max-width: 1200px) {
  .inew_banner{
    padding-top: 90px;
  }
}
@media (max-width: 500px) {
  .inew_banner {
    padding-top: 72px;
  }
}


/* 主要連結V2 */
.iv2_links {
  padding: 20px 0 50px 0;
}

.iv2_links .wrapper { 
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.iv2_links .wrapper .oneset { 
  text-align: center;
  margin: 20px 3%;
}

.iv2_links .wrapper .oneset .onesetin { 
  
}

.iv2_links .wrapper .oneset .onesetin .circleout { 
  width: 160px;
  height: 160px;
  border-radius: 100%;
  border: 1px solid #60b6b6;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  padding: 40px;
}

.iv2_links .wrapper .oneset .onesetin .circleout .pic { 
  position: relative;
}

.iv2_links .wrapper .oneset .onesetin .circleout .pic .static { 
  
}

.iv2_links .wrapper .oneset .onesetin .circleout .pic .gif {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100%;
}

.iv2_links .wrapper .oneset .onesetin .txt { 
  font-size: 20px;
  font-weight: bold;
}


@media (max-width: 920px) {
  .iv2_links .wrapper .oneset { 
    margin: 15px 1.5%;
  }
  .iv2_links {
    padding: 20px 0 30px 0;
  }
  .iv2_links .wrapper .oneset .onesetin .circleout {
    width: 100px;
    height: 100px;
    margin-bottom: 10px;
    padding: 20px;
  }
  .iv2_links .wrapper .oneset .onesetin .txt {
    font-size: 17px;
  }
}

@media (max-width: 580px) {
  .iv2_links .wrapper .oneset {
    margin: 15px 0;
    padding: 0 15px;
    width: 50%;
  }
}
/* 數字區塊 */
.iv2_num { 
  display: flex;
  flex-wrap: wrap;
}

.iv2_num .oneset { 
  width: 20%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  color: #fff;
  background-size: cover;
  min-height: 185px;
}
.iv2_num .oneset:nth-child(5n+1){
  background: #24b4cc url(../images/num_box1.jpg) center;
  background-size: cover;
}
.iv2_num .oneset:nth-child(5n+2){
  background: #3d2e82 url(../images/num_box2.jpg) center;
  background-size: cover;
}
.iv2_num .oneset:nth-child(5n+3){
  background: #ffa984 url(../images/num_box3.jpg) center;
  background-size: cover;
}
.iv2_num .oneset:nth-child(5n+4){
  background: #54d5cf url(../images/num_box4.jpg) center;
  background-size: cover;
}
.iv2_num .oneset:nth-child(5n+5){
  background: #f4b045 url(../images/num_box5.jpg) center;
  background-size: cover;
}
.iv2_num .oneset .onesetin{

} 
.iv2_num .oneset .t1 { 
  font-size: 22px;
  text-align: center;
}

.iv2_num .oneset .t1 .num {
  font-family: "Montserrat";
  font-size: 45px;
  font-weight: bold;
}

.iv2_num .oneset .t2 { 
  font-size: 22px;
  font-weight: bold;
  margin-top: 5px;
  text-align: center;
}

@media (max-width: 1366px) {
  .iv2_num .oneset .t2 {
    font-size: 17px;
  }
}
@media (max-width: 1140px) {
  .iv2_num .oneset .t2 {
    font-size: 14px;
  }
  .iv2_num .oneset .t1 .num {
    font-size: 32px;
  }
  .iv2_num .oneset .t1 {
    font-size: 14px;
  }
  .iv2_num .oneset {
    min-height: 140px;
  }
}
@media (max-width: 930px) {
  .iv2_num .oneset {
    width: calc(100%/3);
  }
  .iv2_num .oneset:nth-child(4) {
    width: 50%;
  }
  .iv2_num .oneset:nth-child(5) {
    width: 50%;
  }
}
@media (max-width: 480px) {
  .iv2_num .oneset {
    width: 50%;
  }
  .iv2_num .oneset:nth-child(5) {
    width: 100%;
  }
  .iv2_num .oneset {
    min-height: 106px;
  }
  .iv2_num .oneset .t2 {
    font-size: 13px;
  }
}
/* 最新消息+懶人包 */
.iv2_newsshort { 
  padding: 80px 0;
/*   background: url(../images/new_box_right.png) no-repeat right top; */
}

.iv2_newsshort .wrapper { 
  max-width: 1600px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.iv2_newsshort .wrapper .iv2_newsbox { 
  width: 47%;
}

.iv2_newsshort .wrapper .iv2_newsbox .main_title { 
  margin-bottom: 30px;
}

.iv2_newsshort .wrapper .iv2_newsbox .main_title .txt_en { 

}

.iv2_newsshort .wrapper .iv2_newsbox .main_title .txt_tw { 

}

.iv2_newsshort .wrapper .iv2_newsbox .iv2_newslist { 

}

.iv2_newsshort .wrapper .iv2_newsbox .iv2_newslist .oneset { 
  padding-bottom: 10px;
  margin-bottom: 15px;
  border-bottom: 1px solid #cccccc;
}

.iv2_newsshort .wrapper .iv2_newsbox .iv2_newslist .oneset .date {
  color: #f4b045;
  font-weight: bold;
  font-size: 17px;
  margin-bottom: 0px;
}

.iv2_newsshort .wrapper .iv2_newsbox .iv2_newslist .oneset .txtcon { 

}

.iv2_newsshort .wrapper .iv2_newsbox .iv2_newslist .oneset .txtcon .txtconin { 
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.iv2_newsshort .wrapper .iv2_newsbox .iv2_newslist .oneset .txtcon .txtconin:hover .rightarrow{
  border: 1px solid#514782;
  color: #fff;
  background-color: #514782;
}

.iv2_newsshort .wrapper .iv2_newsbox .iv2_newslist .oneset .txtcon .txtconin .txtoneline {
  width: calc(100% - 35px);
  font-size: 19px;
  margin-top: 5px;
  padding-right: 15px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-height: 28px;
  max-height: 28px;
}

.iv2_newsshort .wrapper .iv2_newsbox .iv2_newslist .oneset .txtcon .txtconin .rightarrow {
  width: 35px;
  height: 35px;
  border: 1px solid#ccc;
  border-radius: 100%;
  text-align: center;
  line-height: 32px;
  font-size: 18px;
  color: #cccccc;
  transition: 0.3s;
}

.iv2_newsshort .wrapper .iv2_newsbox .iv2_newslist .oneset .txtcon .txtconin .rightarrow .fa { 

}

.iv2_newsshort .wrapper .iv2_short { 
  width: 45%;
}

.iv2_newsshort .wrapper .iv2_short .main_title {
  margin-bottom: 10px;
}

.iv2_newsshort .main_title2 {
  margin-bottom:30px;
}

.iv2_newsshort .wrapper .iv2_short .main_title .txt_en {line-height: 1;margin-bottom: 10px;}

.iv2_newsshort .wrapper .iv2_short .main_title .txt_tw { 

}

.iv2_newsshort .wrapper .iv2_short .shortv { 

}

.iv2_newsshort .wrapper .iv2_short .shortv .vedioyoutube { 
  position: relative;
  padding-bottom: 52%;
  padding-top: 30px; 
  height: 0;
  overflow: hidden;
  z-index: 99;
}
.iv2_newsshort .wrapper .iv2_short .shortv:after {
  content: "";
  display: block;
  position: absolute;
  padding-bottom: 55%;
  width: 100%;
  background: #f4b045;
  right: -20px;
  bottom: -20px;
}
.iv2_newsshort .wrapper .iv2_short .shortv .vedioyoutube iframe { 
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (max-width: 1366px) {
  .iv2_newsshort .wrapper .iv2_newsbox .iv2_newslist .oneset .txtcon .txtconin .txtoneline {
    font-size: 16px;
  }
  .ivedioblock {
    padding-bottom: 80px;
    padding-top: 20px;
  }
}
@media (max-width: 800px) {
  .iv2_newsshort .wrapper .iv2_newsbox {
    width: 100%;
  }
  .iv2_newsshort .wrapper .iv2_short {
    width: 100%;
    margin-top: 20px;
  }
  .iv2_newsshort {
    padding: 40px 0 40px 0;
    background: none;
  }
  .iv2_newsshort .wrapper .iv2_newsbox .main_title, .iv2_newsshort .wrapper .iv2_short .main_title {
   text-align: center;
  }
}


/* banner */
#earth{
  position: absolute;
  width: 32vw;
  height: 32vw;
}
#globe{
  position: absolute;
  top: -16%;
  left: -10%;
}


#current {
  position: absolute;
/*   color: #514782; */
  color: #fff;
  font-size: 1.8vw;
  font-weight: bold;
  top: 50%;
  left: 50%;
  z-index: 99;
  transform: translate(-35%, -50%);
  text-align: center;
}
/* loading */
#loading{
  background-color: #fff;
  position: fixed;
  width: 100%;
  height: 100vh;
  z-index: 99999999;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
#loading img{
  max-width: 100px;
}


/* 活動剪影 */
.prointop_left{ max-width: 900px; margin: 20px auto;}
 .mainproinphoto { margin-bottom: 10px; }
 .mainproinphoto .oneset { padding-right: 1px; }
 .mainproinphoto .oneset .pic {height: 0;text-align: center;position: relative;display: block;padding-bottom: calc((225/300)*100%);overflow: hidden;width: 100%;}
 .mainproinphoto .oneset .pic img { max-width: 100%; max-height: 100%; position: absolute; display: block; margin: auto; top: 0; left: 0; right: 0; bottom: 0; transition: 0.8s; }
 .smallproinphoto { margin: 0 22px; }
 .smallproinphoto .oneset { padding: 0 5px; }
 .smallproinphoto .oneset .pic {height: 0;text-align: center;position: relative;display: block;padding-bottom: 75%;overflow: hidden;width: 100%;}
 .smallproinphoto .oneset .pic img { max-width: 100%; max-height: 100%; position: absolute; display: block; margin: auto; top: 0; left: 0; right: 0; bottom: 0; transition: 0.8s; }
 .smallproinphoto .slick-prev,  .smallproinphoto .slick-next { width: 12px; height: 22px; }


.leftbox_out{ display: flex; flex-wrap: wrap; align-items: flex-end;}
@media (max-width: 480px) {.qrcode {margin-top: 20px;}}

.qrcode .txt {margin-bottom: 10px;}
.qrcode .txt img {max-width: 25px; margin-right: 5px;}
.qrcode .img {}
.qrcode .img img {max-width: 130px;}



/* 2025 */
.container_1440{width: 1500px; max-width: 100%; margin: auto; padding: 0 30px;}
.container_1680{width: 1740px; max-width: 100%; margin: auto; padding: 0 30px;}

.main_title2{font-weight: bold; align-items:center;font-size: 40px;}
.main_title2 .txt_tw{color:#333;}
.main_title2 .txt_en{color:#67c1b2;font-size: 30px;margin-top: 10px;}
.ilinks .main_title2{text-align: center;}

@media (max-width: 1280px){
  .main_title2{font-size: 34px;}
  .main_title2 .txt_en{font-size: 26px;}
}
@media (max-width: 1024px){
  .main_title2{font-size: 30px;}
  .main_title2 .txt_en{font-size: 22px;}
  .ilinks .main_title2 .txt_en{text-align: center;} 
}

@media (max-width: 768px){
  .ilinks .main_title2{
    margin-bottom: 30px;
  }
}



/* 最新消息 + 計畫懶人包 */
.iv2_newsshort .container_1440 {  display: flex;  flex-wrap: wrap;  justify-content: space-between;row-gap: 40px;}

.iv2_newslist2 .oneset{}
.iv2_newslist2 .oneset:not(:last-child){margin-bottom: 20px;}
.iv2_newslist2 .oneset a{background: #f1f1f1;border-radius: 25px;padding:8px 25px 8px 10px; border:2px solid #f1f1f1; display: flex;align-items: center;}
.iv2_newslist2 .date{color:#fff;background: #67c1b2;padding:5px;width: 110px;text-align: center;border-radius: 25px;height: 30px; }
.iv2_newslist2 .txtoneline{color:#555;font-size: 19px;margin-left: 15px;flex: 1;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.iv2_newslist2 .rightarrow{color:#999;width: 30px;text-align: right;}
.iv2_newslist2 .rightarrow i{}


.iv2_newslist2 .oneset a:hover{background: #fff;}
.iv2_newslist2 .oneset a:hover .date{background:#f9ae3a;}
.iv2_newslist2 .oneset a:hover .txtoneline{color:#333333;}
.iv2_newslist2 .oneset a:hover .rightarrow{color:#333333;}

.iv2_short2{width: calc((100% - 80px) / 2);}

.iv2_short2 .vedioshortv { border: 1px solid #eee;border-radius: 20px;padding: 20px; }
.iv2_short2 .vedioyoutube{ position: relative;padding-bottom: calc(1080 / 1920 * 100%);height: 0; overflow: hidden; z-index: 99;}
.iv2_short2 .vedioyoutube iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}


.index_more_btn a{font-weight: 500;color: #888888;}
.index_more_btn a i{color:#67c1b2;margin-left:10px;}
.index_more_btn a:hover{color:#f9ae3a;}

.iv2_newsshort .index_more_btn{text-align: right;margin-top:40px;margin-right: 30px;}

@media (max-width: 1280px){
  .iv2_short2{width: calc((100% - 40px) / 2);}
  .iv2_index_btn .index_btn a{padding: 15px 30px;}

  .iv2_newsshort{padding: 60px 0;}
  .iv2_newsshort .main_title2{margin-bottom: 20px;}
  .iv2_newsshort .index_more_btn{margin-top: 30px;}

  .iv2_newslist2 .txtoneline{font-size: 17px;}
  .iv2_newslist2 .oneset:not(:last-child){margin-bottom: 15px;}
}
@media (max-width: 1280px){
  .iv2_short2 .vedioshortv{padding: 12px;}
}

@media (max-width: 480px){
  .iv2_newsshort{ padding: 40px 0;}
  .iv2_newslist2 .oneset a{display: block;border-radius: 15px;padding: 15px;}
  .iv2_newslist2 .txtoneline{margin: 10px 0 0 0;}
  .iv2_newslist2 .rightarrow{position: absolute;right: 20px;top: 20px;}

}

/* 年度補助按鈕 */
.iv2_index_btn{padding-top: 80px;}
.iv2_index_btn .container_1440{display: flex; align-items: center; justify-content: space-between;}
.iv2_index_btn .index_btn{width: 70%;margin: auto;}
.iv2_index_btn .index_btn a{display: flex; align-items: center; padding: 20px 40px; min-height: 120px; color: #fff; font-size: 36px; font-weight: bold; border-radius: 20px; background-size: 300% 100%;}
.iv2_index_btn .index_btn a .txt{flex: 1;}
.iv2_index_btn .index_btn a .icon {display: block; padding-left: 20px; font-size: 40px;}

.iv2_index_btn .index_btn a:hover{background-position: 100% 0; transition: all .4s ease-in-out; transform: translateY(5px); box-shadow: none !important;}
.iv2_index_btn .index_btn.index_btn1 a{background-image: linear-gradient(to right, #67c1b2, #6ed8c6);box-shadow: 0 5px 0 #34a391;text-align: center;}
.iv2_index_btn .index_btn.index_btn2 a{background-image: linear-gradient(to right, #fbc470, #f9ae3a);box-shadow: 0 5px 0 #d5932c;}

@media (max-width: 1280px){
  .iv2_index_btn{padding-top: 60px;}
  .iv2_index_btn .index_btn a{font-size: 30px;min-height: 100px; padding: 20px 30px;}
  .iv2_index_btn .index_btn a .icon{font-size: 26px;}

}
@media (max-width: 1024px){
  .iv2_index_btn .index_btn a{font-size: 26px;}
}

@media (max-width: 768px){
  .iv2_index_btn .container_1440{flex-wrap: wrap;}
  .iv2_short2{width: 100%;}

  .iv2_index_btn .index_btn a{
    min-height: auto;
  }
  .iv2_index_btn .index_btn.index_btn1{
    margin-bottom: 20px;
  }
}

@media (max-width: 480px){
  .iv2_index_btn{
    padding-top: 40px;
  }
  .iv2_index_btn .index_btn a {
    font-size: 22px;
    padding: 15px 20px;
  }
}



/* 站內連結 + 數值  */
.index_sitelink_number .container_1680{ background: url(../images/indexbg-group.jpg); border-radius: 20px; padding: 80px 0 100px 0;}

@media (max-width: 640px){
  .index_sitelink_number .container_1680{background:url(../images/indexbg-group-phone.jpg);}
}

.index_sitelink{display: flex;justify-content: space-between;}
.index_sitelink_box{width: calc((100% - 120px) / 3);}
.index_sitelink_box a{display: flex;flex-wrap: wrap;align-items: center;}
.index_sitelink_box .icon{ border-radius: 50%;border: 2px solid #eeeeee;width: 180px; height: 180px; display: flex; align-items: center; justify-content: center; background: #fff; transition: .45s;}
.index_sitelink_box .icon img{display: block;border-radius: inherit;max-width: 80%;max-height: 80%;}
.index_sitelink_box .content{padding-left: 30px;}
.index_sitelink_box .title{color:#333333;font-weight: bold;font-size: 30px;}
.index_sitelink_box .more{font-weight: 500;color: #888888;margin-top: 10px;margin-left: 5px;transition: .45s;}
.index_sitelink_box .more i{color:#67c1b2;margin-left:10px;}

.index_sitelink_box a:hover .icon{box-shadow: -3px 3px 8px 0px rgba(0, 0, 0, 0.35);}
.index_sitelink_box a:hover .more{color:#f9ae3a;}

@media (max-width: 1280px){
  .index_sitelink_number .container_1680{padding: 60px 0 80px 0;}
  .index_sitelink_box{width: calc((100% - 80px) / 3);}
  .index_sitelink_box .icon{ width: 120px; height: 120px;}
  .index_sitelink_box .content{padding-left: 15px;}

  .index_sitelink_box .title{font-size: 22px;}
  .index_sitelink_box .more{margin-left: 2px;}

}

@media (max-width: 1024px){
  .index_sitelink_box .icon{margin-bottom: 15px;}
  .index_sitelink_box{width: calc((100% - 50px) / 3);}
}
@media (max-width: 768px){
  .index_sitelink_box .icon{width: 100px; height: 100px;}
  .index_sitelink_box .icon img{max-width: 70%; max-height: 70%;}
  .index_sitelink_box .title{font-size: 20px;}
}
@media (max-width: 640px){
  .index_sitelink{flex-wrap: wrap;}
  .index_sitelink_box{width: 100%;}
  .index_sitelink_box:not(:last-child){border-bottom: 1px solid #ddd; margin-bottom: 15px;padding-bottom: 15px;}
  .index_sitelink_box .icon {margin-bottom: 0;}
}
@media (max-width: 480px){
  .index_sitelink_number .container_1680{padding: 40px 0 60px 0;}
}
/* 數值 */
.index_number{display: flex;justify-content: space-between;margin-top: 80px;}
.index_number_box{width: calc((100% - 120px) / 3);min-height: 300px; padding:50px;border-radius: 20px;background: #eee;}
.index_number_box .icon{width: 100px;height: 100px;position: absolute; right:40px;top:40px;opacity: .3;}
.index_number_box .icon img{display: block;}
.index_number_box .title{font-size: 30px;font-weight: bold;color:#333;}
.index_number_box .number{display: flex;justify-content: flex-end;align-items: flex-end; margin-top: 20px;}
.index_number_box .number .counter-value{font-weight: bold;color:#fff;font-size:90px;line-height: 1;}
.index_number_box .number .unit{display:flex;align-items: center; justify-content: center; width: 35px;height: 35px;background: #444;border-radius: 50%;font-weight: bold;color:#fff;font-size: 20px;margin-left: 10px;    transform: translateY(-5px);}

.index_number_box:nth-child(1){ background-image: linear-gradient(to right, #67c1b2, #6ed8c6);}
.index_number_box:nth-child(2){ background-image: linear-gradient(to right, #fbc470, #f9ae3a);}
.index_number_box:nth-child(3){ background-image: linear-gradient(to right, #67afc1, #93cad8);}


@media (max-width: 1280px){
 
  .index_number{margin-top: 60px;}
  .index_number_box{width: calc((100% - 80px) / 3);padding:30px; min-height: 220px;}
  .index_number_box .title{font-size: 24px;}
  .index_number_box .number .counter-value{font-size: 60px;}
}

@media (max-width: 1024px){
  .index_number_box{width: calc((100% - 50px) / 3);padding:25px; min-height: auto;}
  .index_number_box .title{font-size: 20px;}
  .index_number_box .number .counter-value{font-size: 45px;}
  .index_number_box .number .unit{width: 30px;height: 30px;font-size: 18px;}
}

@media (max-width: 960px){
  .index_number{flex-wrap: wrap;gap:20px;}
  .index_number_box{/*width: 100%;*/ width: calc((100% - 30px) / 2);}
}
@media (max-width: 640px){
  .index_number_box{width: 100%;}
}
@media (max-width: 480px){
  .index_number{margin-top: 40px;}
  .index_number_box .icon{opacity: .15;top: 10px;}
  .index_number_box .number .counter-value{font-size: 60px;}
}


.alertshow{
  position: fixed;
  display: none;
  background: rgba(0,0,0,.65);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 9999;

}
.alertshow .group{
  width: 600px;
  max-width: 100%;
  background: #fff;
  padding: 40px;
  border: 5px solid #67c1b2;
  border-radius: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.alertshow .esc{
  position: absolute;
  right: 5px;
  top: 0px;
  color: #555;
  cursor: pointer;
  font-size: 40px;
}
.alertshow p{
  color: #555;
  font-size: 24px;
  text-align: center;
  font-weight: bold;
}