<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

body,html{}
body{position:relative;font-weight: 400;font-style: normal;font-size: 16px;line-height:1.5;color: #fff;letter-spacing:.03rem;padding-top:85px;background: #000000;}

:root{
	--container:1582px;
	--container2:1300px;
}
/* 共用 */
.container{max-width: var(--container2);}
footer .container{max-width: var(--container);}

a{color: #DCDCDC;}
a:hover{color:#0A5596;text-decoration:none}
a,button{-webkit-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);-moz-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);-o-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);-ms-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);transition:all .3s cubic-bezier(0.165,0.84,0.44,1)}
:focus{outline:none!important}
label{cursor:pointer}
a{outline: none!important;} 
input,button,select,textarea{outline:none!important;} 
.red{color:#c00}
.red-line{position:relative;border:solid 1px #c00!important}
.red-line .red{position:absolute;left:0;top:0;padding:0 5px;background:#c00;color:#fff;font-size: .9rem;}
.bg-black{background: #000000}
.bg-gray{background: #DCDCDC}
.bg-gray-light{background: #e5e5e5}
.bg-white,.bg-gray-light,.bg-white a,.bg-gray-light a{color: #000000;}
.blue{color:#0A5596!important}
.blue-light{color:#00A0E6}
.btn p{margin-bottom:0}
.btn{color:#fff;cursor:pointer;margin: 15px 0;padding: .5rem 2rem;text-align:center;border:none;background-size:300% 100%;border-radius:0;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}
.btn:hover{color:#fff;background-position:100% 0;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
.btn:focus{outline:none}
.btn.btn-banner{background-color:#000000;color:#fff;}
.btn.btn-banner:hover {color: #00A0E6}
.btn-primary{background-color: #0A5596}
.btn-primary:hover, .like-product{background-color: #00A0E6}
a.btn-default,.btn-default{background-color:#0A5596;color:#fff;}
.mem_btnWrap_box .btn-default+.btn-default{margin-left:.3rem}
a.btn-default i{margin-left:.5rem}
.news_btn a{margin-right:1rem;}
.news_btn select{max-width: 100%}
.btn-default.active{background-color:#00A0E6;cursor: auto!important}
li.active .btn-default{background-color:#00A0E6;cursor: auto!important}
.year_box{border: 1px solid #000000;padding: .4rem 2rem;box-sizing: border-box;cursor: pointer;background-color: transparent;}
a+.year_box{margin-left: .5rem}
.year_box+.search_div{margin-left: 1rem;}
.search_div span+input{border: 1px solid #000000;padding: .431rem .5rem;box-sizing: border-box;}
.search_div a{margin: -5px 0 0 .2rem;}
.btn-default p{height: 24px;}
.btn-default input{border:none;background-color:transparent;color:#fff}
.catalogue_btn{display:-webkit-flex;display:flex;display:-ms-flexbox;margin-bottom: 2rem;}
.news_btn span {margin-right: 10px;font-size: 1.1rem;}
.catalogue_btn span {display: block;margin-bottom: .4rem;}
.catalogue_btn_box+.catalogue_btn_box{margin-left:1rem}
/*下拉式選單重寫*/
.catalogue_btn_box{/* width:50%; *//* display: flex; *//* align-items: center; */}
.pdtSelect+.year_box{width: 35%;margin-left: 1rem;}
.pdtSelect{position:relative;width: 60%;}
.pdtSelect span{border: 1px solid #000000;margin-bottom: 0;padding: .4rem 2rem;cursor: pointer;position: relative;overflow: hidden;height: 40px;line-height: 1.8;display: -webkit-box;white-space: normal;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.pdtSelect span i{font-size:.6rem;position: absolute;right: 5px;top: 14px;}
.pdtList{border:1px solid #000000;padding: .4rem 2rem;position: absolute;background: #fff;z-index: 1000;height: auto;overflow-y: auto;width: 100%;height: 450px;display: none;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.35);}
.pdtList ul{padding-left:0;list-style:none;}
.pdtList ul b{color:#ababab;border-bottom:1px solid #ababab;font-style: italic;}
.pdtList ul li{color:#000;padding: 5px;cursor: pointer;}
.pdtList ul li:hover{background:#007bff;color:#fff;}
.pdtSelect.one{width:100%}



a.link_box.active{color: #fff;}
.link_box:hover{background-color:#00A0E6;color:#fff;}
.link_box:hover{color:#fff;}

.link_box:hover:before{width:100%;right:inherit;left:0}
.link_box:hover:after{height:100%;top:inherit;bottom:0}
.link_box:hover .link_in:before{width:100%;left:inherit;right:0}
.link_box:hover .link_in:after{height:100%;bottom:inherit;top:0}
.link-white{color:#fff;}
.link-white:hover{color: #00A0E6}
.small-txt{font-size:.9rem;}
body::-webkit-scrollbar-track,.scrollbar-style::-webkit-scrollbar-track{background-color:rgba(0,0,0,.1)}
body::-webkit-scrollbar,.scrollbar-style::-webkit-scrollbar{width:6px;background-color:rgba(0,0,0,.1)}
body::-webkit-scrollbar-thumb,.scrollbar-style::-webkit-scrollbar-thumb{background-color:#00A0E6;}
body::-webkit-scrollbar{width:6px}
header .scrollbar-style::-webkit-scrollbar{width: 3px;}
::selection{background:#7D7D7D;color:#FFF}
::-moz-selection{background:#7D7D7D;color:#FFF}
#goTop{position:fixed;list-style:none;margin:0;padding:0;z-index:9;bottom: 0;right: 0;}
.goTop{cursor:pointer;text-align:center;line-height:50px;width: 50px;height: 50px;}

.cartb .nb{
	position:absolute;
	z-index:1;
	left: -10px;
	top:-8px;
	width:25px;
	height:25px;
	border-radius:100%;
	background: #00A0E6;
	color:#000;
	line-height:25px;
	font-size:.8rem;
	animation: cartb_nb/*動畫名稱*/ .75s/*整個動畫播放一次的時間長度*/ linear/*動作曲線*/ 2s/*延遲多少開始撥*/ infinite/*重複播放*/ alternate/*設定網頁元素在動畫播放完之後，是否要以相反方向的方式播放*/;
	-webkit-animation: cartb_nb/*動畫名稱*/ .75s/*整個動畫播放一次的時間長度*/ linear/*動作曲線*/ 2s/*延遲多少開始撥*/ infinite/*重複播放*/ alternate/*設定網頁元素在動畫播放完之後，是否要以相反方向的方式播放*/;
}
@keyframes cartb_nb {
	0% { transform:scale(1) ; -webkit-transform:scale(1) ; -moz-transform:scale(1) ; -ms-transform:scale(1) ; -o-transform:scale(1) ; }
	30% { transform:scale(1.3) ; -webkit-transform:scale(1.3) ; -moz-transform:scale(1.3) ; -ms-transform:scale(1.3) ; -o-transform:scale(1.3) ; }
	60% { transform:scale(1) ; -webkit-transform:scale(1) ; -moz-transform:scale(1) ; -ms-transform:scale(1) ; -o-transform:scale(1) ; }
  }
.cartb .nb:after{content:'';position:absolute;z-index:-1;display:block;left: 10px;top:10px;width:15px;height:15px;background: #00A0E6;}
.btnWrap{margin:2em 0;text-align:center}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-size:1.2rem;}
.txt01 h1{font-size: 2rem;}
.txt01 h2{font-size: 1.75rem;}
.txt01 h3{font-size: 1.65rem;}
.txt01 h4{font-size: 1.5rem;}
.txt01 h5{font-size: 1.3rem;}
.txt01 h6{font-size: 1.25rem;}
.wrapper{padding:3em 0}
.action4{-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);-webkit-transition: all 3s cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition: all 3s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition: all 3s cubic-bezier(0.165, 0.84, 0.44, 1);-ms-transition: all 3s cubic-bezier(0.165, 0.84, 0.44, 1);transition: all 3s cubic-bezier(0.165, 0.84, 0.44, 1);width: 100%;}
a:hover .action4{-webkit-transform: scale(1.08);-ms-transform: scale(1.08);transform: scale(1.08);}
.center {display: table;margin-left: auto; margin-right: auto;}
.right{text-align: right;}
/* .page-content a,.txt01 a{color: #0A5596;} */
.page-content img{max-width:100%;height: auto!important}
.page-content+.global_relation{margin-top: 3rem;padding-top: 2rem;box-shadow: 0 -1rem 0.5rem -1rem rgba(0 ,0 ,0 ,.1);}
/*標題*/
.ix-title{position:relative;text-align:center;margin-bottom: 1rem;padding: 1rem 0;color: #DCDCDC;}
.ix-title .mj{display:block;position:relative;font-size: 2rem;font-weight: 400;}
.bg-white .ix-title,.bg-gray .ix-title,.bg-gray-light .ix-title{color:#000000}
.mj-title{color:#0A5596;font-weight:700;font-size:1.4rem}
.bg-white .ix-title{color:#0A5596;}
.date{position: relative;width: 110px;text-align: center;padding: 0 5px;line-height: 1;}
.date:before{content:'';position:absolute;left:0;top:0;display:block;width: 1px;height: 100%;background:#000000;-ms-transform: translate(-100%,0);-webkit-transform: translate(-100%,0);transform: translate(-100%,0);transform-origin:right;}
.date span{display:block;font-size: .9rem;}
.date .day{font-size: 2.6rem;position:relative;letter-spacing: .2rem;margin-bottom: .5rem;}
.event-date{margin-bottom: 0;}
.event-date span{font-size: 1rem;white-space:nowrap;}
footer{background: #000000;color:#fff;text-align:center;padding: 4rem 0;}
footer ul{margin-bottom:10px;padding-left:0;list-style:none}
footer ul li{display:inline-block;padding:0 20px}
footer a{opacity:.7;padding:0 5px}
footer a:hover{opacity:1;text-decoration:none;color:#fff}
footer .app{}
footer .app a{}
footer .infor{}
footer .platform{font-size: 1.6rem}
footer .platform a{display: inline-block;color:#fff}
footer .platform i{font-size: 2.25rem;}
footer .platform .fa-facebook-square{margin-top: 1px;}
.footerapp{position:relative;display:inline-block;color:#fff;opacity:1;cursor:pointer;z-index: 1;}
.footerapp-t{padding: 0 5px;opacity: .5;}
.footerapp .tooltiptext{visibility:hidden;width:120px;background-color:rgba(255,255,255,.95);color:#fff;text-align:center;padding:5px;position:absolute;z-index:1;bottom:155%;left:50%;transform:translateX(-50%)}
.footerapp:hover .tooltiptext{visibility:visible}
.footerapp .tooltiptext span{color:#0A5596}
.footerapp .tooltiptext::before{position:absolute;content:'';width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:10px solid rgba(255,255,255,.95);bottom:-10px;left:50%;transform:translateX(-50%);-webkit-transition:initial;-moz-transition:initial;-o-transition:initial;-ms-transition:initial;transition:initial}
.page-content table{max-width:100%!important;width: 100%;}
.tx01{clear:both;margin-bottom:2em}
.tx02{clear:both;overflow:hidden;margin-bottom:2em}
.img-left{float:left;padding-bottom:1em;padding-right:2em}
.img-right{float:right;padding-bottom:1em;padding-left:2em}
.img-left img,.img-right img{max-width:500px}

.owl-theme .owl-nav [class*=owl-]:hover{background:transparent;opacity:.5}
.owl-theme .owl-nav img{max-width:40px;margin:0 15px}
.owl-nav{text-align:center}
/*首頁側選單*/
.index-side-nav ul{padding-left:0;list-style:none;margin-bottom: 0;}
.index-side-nav ul li{position:fixed;z-index:99;right: -110px;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}
.index-side-nav ul li:nth-of-type(1){top:40%}
.index-side-nav ul li:nth-of-type(2){top:calc(40% + 70px)}
.index-side-nav ul li:nth-of-type(3){top:calc(40% + 140px)}
.index-side-nav ul li:nth-of-type(4){top:calc(40% + 210px)}
.index-side-nav-link{background: #0A5596;cursor: pointer;display: block;color:#fff;width: 160px;height: 50px;line-height: 50px;text-align: center;display: -webkit-flex;display: flex;display: -ms-flexbox;webkit-align-items: center;-ms-flex-align: center;align-items: center;position: relative;}
.index-side-nav-link:hover{background-color: #00A0E6;color: #ffff;}
.index-side-nav ul li:hover{right:0;box-shadow: 0 0 5px #5a5a5a;}
.index-side-nav-link i{font-size: 20px;}
.index-side-nav-link img{width: 34px;}
.index-side-pic{width:50px;position: relative;}
.index-side-nav-link b{font-weight: initial;font-size: 14px;padding: 0px 7px;background-color: #000000;width: calc(100% - 50px);line-height: initial;height: 50px;display: -webkit-flex;display: flex;display: -ms-flexbox;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-justify-content: center;justify-content: center;}
.hover-info-box{right: 140px;pointer-events: auto;display: none;cursor: initial;position: absolute;padding-right: 40px;top: 0;-moz-transition:all .4s ease-in-out .1s;-o-transition:all .4s ease-in-out .1s;-webkit-transition:all .4s ease-in-out .1s;transition:all .4s ease-in-out .1s;}
/* .index-side-nav ul li.clickshow.side-hover .hover-info-box{opacity: 1;right: 115px;pointer-events: auto;} */
.hover-info{max-width: 400px;width: 400px;display: block;padding: 15px;background-color: #fff;color: #000000;box-shadow: 0 0 8px rgba(143, 143, 143, 0.3);position: relative;}
.hover-info::before{position:absolute;display:inline-block;top:17px;right:-10px;width:0;height:0;content:'';border-style:solid;border-width:10px;border-color:#fff #fff transparent transparent;transform:rotate(45deg);box-shadow:2px -2px 2px rgba(143,143,143,0.1)}
.hover-info a{margin:0;}
.not-mem span{margin: 0 5px;}
.login-top-info{border-bottom:1px solid #0A5596;padding-bottom: 5px;}
.ismem-name{width:calc(100% - 130px);padding-right:10px;text-align:left;line-height:25px}
.login-top-info a{width:130px;}
.ismem-box{display:-webkit-flex;display:flex;display:-ms-flexbox;flex-wrap:wrap;-ms-flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between}
.ismem-box a{width:49%;margin-top:10px;word-break: break-word;}
.location-btn p{margin-bottom:0}
.location-btn a{color:#0A5596;border-bottom:1px solid}
.epaper_msg1 p{margin:0;line-height: 30px;}

/*流程進度條*/
.progress-line{padding-left: 0;position:relative;list-style: none;display: -webkit-flex;display: flex;display: -ms-flexbox;-webkit-justify-content: space-between;justify-content: space-between;margin-bottom: 3rem;z-index: 1;}
/* .progress-line::before{position:absolute;content:'';width: 90%;height: 1px;background-color: #e5e5e5;top: 30%;left: 50%;transform: translateX(-50%);z-index: -1;} */
.step2-line::after{position:absolute;content:'';width: 45%;height: 1px;background-color: #0A5596;left: 5%;top: 30%;z-index: -1;}
.step3-line::before{background-color: #0A5596;}
.progress-line li{position:relative;width: calc(100% / 3);text-align: center;}
.progress-line li::before{position:absolute;content:'';height: 1px;background-color: #e5e5e5;top: 30%;left: 50%;z-index: -1;}
.progress-line li:nth-child(1)::before{right:0}
.progress-line li:nth-child(2)::before{right:0;left:0}
.progress-line li:nth-child(3)::before{right:50%;left:0}
.progress-line-item{display: inline-block;}
.progress-line-item b{display: block;background-color: #e5e5e5;margin: 0 auto .5rem;width: 45px;height: 45px;line-height: 45px;border-radius: 60px;text-align: center;}
.progress-line-item span{display:block;font-size: 1.1rem;}
.active .progress-line-item b{background-color: #0A5596;color:#fff;}
/*投資人專區footer*/
.investors_info {background-color: #e5e5e5;color: #000000;padding: 1.5rem 0;}
.investors_info a{color: #000000;opacity: .7;}
.investors_info a:hover{opacity:1}
.spokesman .row{margin:0}
.investors_info p{font-size:1.1rem;border-bottom: 1px solid #fff;margin-bottom:.6rem;}
.investors_info ul{list-style:none;}
.investors_info ul:nth-of-type(1){padding-left:0}
.investors_info ul+ul{border-left: 1px solid #fff;}
.investors_info ul li:nth-of-type(1){margin-bottom:.2rem}
.investors_info i{margin-right:.5rem}
/*表單標題*/
.pc-title div[class*="col-"]::before{content:'';font-size: .9rem;color:#0A5596;display: block; margin-bottom: .1rem;}
.table-pc-title label::before{content:'';font-size: .9rem;color:#0A5596;display: block; }
/*近期活動*/
.event-group .item{position: relative;margin-bottom:1rem;padding: 1rem;}
.pg .event-group .item:hover,.pg  .event-group .item:hover .btn_date,.pg .event-group .item:hover .date2 span{background: #E5E5E5;}
.event-group a{display:block}
.event-group .img-box{position:relative;float:left;width: 160px;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:all 3s cubic-bezier(0.165,0.84,0.44,1);-moz-transition:all 3s cubic-bezier(0.165,0.84,0.44,1);-o-transition:all 3s cubic-bezier(0.165,0.84,0.44,1);-ms-transition:all 3s cubic-bezier(0.165,0.84,0.44,1);transition:all 3s cubic-bezier(0.165,0.84,0.44,1);}
.event-group h3{height:60px}
.event-group .img-box+.summary{float:right;width: calc(100% - 160px)}
.event-group .summary{padding:0 15px}
.event-group p{margin-bottom: 0;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color: #0A5596;}
.event-group ul{padding-left:1.5rem;font-size: 1rem;margin-bottom: 0;color: #000000;}
.date2{display:inline-block;margin-bottom:10px;z-index:1;position:relative;font-size: 1.2rem;}
.date2:before{content:'';position:absolute;left:0;top:50%;z-index:-1;width:100%;height:1px;display:block;background:#000000}
.date2 span{background: #fff;}
.date2 span:last-child{padding-right:10px}
.bg-gray .event-group .summary{color: #fff;}
.bg-gray .event-group .summary h4{color:#0A5596}
.btn_date{cursor: pointer;padding: 0 1rem;border: none;font-size: 1.4rem;background:#fff;color: #DCDCDC;}
.btn_date:hover,.btn_date.on{color:#00A0E6}
.event-group .btn_date{position: absolute;z-index: 2;right: 15px;top: 15px;-ms-transform: translate(0,-30%);-webkit-transform: translate(0,-30%);transform: translate(0,-20%);}
.btn-close{position:fixed;display:none;z-index:999999;width:100%;height:100%;background:rgba(51,51,51,0.3);top:0;right:0}
.btn-close.on{display:block}
.img_box.on{cursor: pointer;position:fixed;z-index:9999999;left: 50%;top: 50%;margin:0 auto;min-width:200px!important;min-height:200px!important;max-height:80vh;padding:30px;background:#fff;-ms-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.cookiesBox{position:fixed;bottom:0;width:100%;background-color:rgba(0,0,0,0.8);text-align:center;z-index: 9999999;padding: 20px 10px 0;}
.cookiesBox span a{text-decoration:underline;}
.cookiesBox span a:hover{color: #00A0E6;}
.warningBox{margin-bottom: 1rem;box-shadow: 0 0 8px rgba(143, 143, 143, 0.3);margin-top: 1rem;padding: 2rem 1rem;border-left: solid .25rem #0A5596;}
/*blog*/
.search-txt p{text-align:center;font-size: 1.25rem;}
.blog-nav ul{display:flex;list-style: none;padding: 0;justify-content: center;font-size: 1.25rem;flex-wrap: wrap;padding: 1rem 0;margin: 0;}
.blog-nav a{display:block;padding: .5rem 1rem;position: relative;}
.blog-nav a.active{color:#0A5596;font-weight:bold}
.blog-nav li:not(:last-child) a:before{content:"";position: absolute;width: 1px;height: 25px;background: #000000;right: 0;top: 50%;transform: translateY(-50%);}
.blog-tagNav{background:#eee;/* margin-bottom: 1rem; */position: relative;z-index: 1;}
.blog-tagNav p{padding: 1rem .5rem .5rem;margin-bottom: 0;color: #000000;letter-spacing: 1px;}
.blog-tagNav .more{background: #999;display:block;padding: .25rem 1rem;text-align: center;color: #fff;letter-spacing: 3px;/* font-size: 1.1rem; */display: none;}
.blog-tagNav .more.active{display:block}
.blog-tagNav ul{display:flex;list-style: none;grid-gap: 10px;flex-wrap: wrap;padding: 0;margin-bottom: 0;position: relative;z-index: 1;padding-bottom: 1rem;}
/* .blog-tagNav:before{content:"";position:absolute;width: 100vw;height: 100%;background: #e9ecef;top: 0;left: 50%;transform: translate(-50%, 0);z-index: -1;} */
.blog-tagNav ul.active{max-height: inherit;}
.blog-tagNav li a{display:block;padding: 5px 10px;color: #0A5596;border: 1px solid #eee;background: #eee;font-weight: 600;}
.blog-tagNav li a:hover{background: #ffffff80;border: 1px solid #0A5596;}
.blog-area{display:flex;flex-wrap:wrap;grid-gap: 20px;margin-top: 1rem;}
.blog-list{width: calc(100%/3 - 14px);}
.blog-list .tagBox{margin-bottom: .5rem;}
.blog-list a{display:flex;flex-direction: column;}
.blog-list .date{width: fit-content;text-align: left;padding: 0;margin-bottom: 1rem;}
.blog-list .date span{font-size: 1rem;}
.blog-list .img-box{position:relative;}
.blog-list .img-box span{position:absolute;left: 0;top: 0;margin: .5rem;padding: 5px 10px;background: #00A0E6;color: #fff;font-size: 14px;}
.blog-list .text-box{margin-top: 1rem;}
.blog-list .text-box .date{color:#000000}
.blog-list .infor{margin-top: .5rem;color: #999;}
.blog-list .title{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;color: #0A5596;/* margin-bottom: 1rem; */font-weight: 700;}
.blog-list .info{overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.blog-list .small-txt{color: #000000;margin-top: 1rem;margin-bottom: 0;}
.blog-list a:hover .infor{color:#000000}
.blog-list a:hover .title{text-decoration: underline;}
/*blog-detail*/
.blog-page .toolBar{padding-top: 2.5rem;margin-top: 1rem;border-bottom: none;}
.blog-page .toolBar .colm_right{align-self: flex-end;}
.blog-page .toolBar .colm_left{text-align:center;}
.blog-page .colm_left a{display:inline-block;background: #0A5596;padding: 5px 15px;color: #fff;margin: 0 .5rem;}
.tagBox span{/* padding: 2px 5px; */border: 1px solid #0A5596;display: inline-block;margin: 3px 0;font-size: 12px;}
.tagBox span a{display: block;color: #0A5596;padding: 2px 5px;}
.tagBox span a:hover{background: #0A5596;color: #fff;}
.tagBox{margin-bottom: 20px;}
.btnBox--loginReadMore{position: relative;padding-top: 2rem;padding-bottom: 2rem;border-bottom: 1px solid #dee2e6;border-top: 1px solid #dee2e6;text-align: center;font-size: 18px;background: #f5f5f5;}
.btnBox--loginReadMore::before{content: '';position: absolute;left: 0;right: 0;bottom: 100%;margin-bottom: 1px;height: 120px;background: linear-gradient(to top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);}
.btnBox--loginReadMore .btn{font-size: 1em;}
/*瀏覽紀錄*/
.footer-history{position: fixed;top: 23%;max-width: 139px;transform: translate(-80px,0);/* box-shadow: 2px 2px 10px #00000038; */z-index: 99;transition: all .3s ease;width: 139px;}
.footer-history.active{transform:translate(0,0);box-shadow: 2px 2px 10px #00000038;}
.footer-history .title{padding: 13px 10px;margin:0;text-align:center;background: linear-gradient(180deg, #0A5596, #015091);background: #0A5596;cursor: pointer;transition: all .3s ease;display: flex;justify-content: flex-end;}
.footer-history.active .title{justify-content: center;}
.footer-history .title:hover{background:#00A0E6}
.footer-historyList{display:none}
.footer-history .title i{padding: 0 .5rem 0 1rem;font-size: 1.25rem;}
.footer-history.active .title i{display:none}
.footer-history .title span{display:none}
.footer-history.active .title span{display:block}
.footer-history ul{padding:0;list-style: none;margin: 0;max-height: 500px;overflow: auto;height: 70vh;min-height: 300px;/* display: none; */background: #fff;}
.footer-history ul::-webkit-scrollbar-track{background:#eee}
.footer-history ul::-webkit-scrollbar{width:5px}
.footer-history ul::-webkit-scrollbar-thumb{background:#999}
.footer-history li{padding: 10px 0;background: #fff;border-bottom: 1px solid #999;}
.footer-history li:last-child{border-bottom:none}
.footer-history .txt{font-size: 12px;color: #999;margin: 10px;/* display: -webkit-box; *//* -webkit-line-clamp: 2; *//* -webkit-box-orient: vertical; *//* overflow: hidden; */word-break: break-all;}
.footer-history a:hover .txt{color:#000000}
@media screen and (max-width: 991px) {
	body{padding-top: 70px;}
	.date span{font-size:.9rem}
	.date .day{font-size:1rem;}
	.date .day:before{width:50px;margin-left:-5px;margin-top:5px}
	
	/*footer*/
	.investors_info ul+ul {border-left: none;padding-left: 0;}
	/*服務支援*/
	.catalogue_btn_box+.catalogue_btn_box{margin-left: 1.5rem}
	.manual_btn_box{flex-wrap:wrap;-ms-flex-wrap:wrap}
	.manual_btn_box .catalogue_btn_box+.catalogue_btn_box{margin-left:0;margin-top:1.5rem}
	/*首頁側選單*/
	.mb,.glb{display: none;}
	/*追蹤清單*/
	.pc-991-none{display: none!important;}
	/*使用手冊下載*/
	.catalogue_btn.cn_block{flex-wrap:wrap;}
	.catalogue_btn.cn_block .catalogue_btn_box + .catalogue_btn_box{margin-left:0;margin-top:1rem;}

}
@media screen and (max-width: 768px) {
	.btn{padding:.5rem 1rem;font-size: .9rem}
	.year_box {word-break: break-all;margin-top: 10px;max-width: 100%;}
	.year_box option{word-break:break-all;}
	.wrapper{padding:1.5rem 0}
	.container{max-width:100%}
	#goTop{right: 10px;bottom: 10px;box-shadow: 0 0 5px -1px rgba(74, 74, 74, 0.5)}
	.pc-gotop{display:none}
	.goTop{width: 45px;height: 45px;background: rgba(255, 255, 255, 0.5);line-height: 45px;color: #00A0E6;}
	footer{padding-bottom:40px}
	#cart .nb{right: 55%;left: auto;}
	.table-container{width:100%;overflow-y:auto;_overflow:auto;}
	.owl-theme .owl-nav img{max-height:40px}
	.event-date span {border-right: 0;position: relative;padding-right: 0;}
	.like-list,#cart,#newspaper {display: none;}
	.cartb{position: relative;}
	.cartb a{padding:.5rem 1rem 0}
	.cartb .nb{width:20px;height:20px;line-height:20px;top: 2px;left: -10px;text-align:center;font-size:.5rem;}
	.cartb .nb:after{left: 18px;top: 4px;width: 0;height: 0;border-top: 6px solid transparent;border-left: 5px solid #00A0E6;border-bottom: 6px solid transparent;background: transparent;}
	/*支援服務*/
	.catalogue_btn{flex-wrap:wrap;-ms-flex-wrap:wrap}
	.catalogue_btn_box{width:100%}
	.catalogue_btn_box+.catalogue_btn_box{margin-left:0;margin-top:1.5rem}
	.search_div a{padding:.5rem 2rem}
	.pc-768-none{display: none!important;}
	/*進度條*/
	.progress-line-item span{font-size:.9rem}
	.progress-line-item{display:block}
	.progress-line-item span{text-align:center}
	.progress-line::before{width:65%}
	.step2-line::after {width: 32.5%;left: 15%;}
	/*下拉式選單*/
	.pdtSelect,.pdtSelect+.year_box{width:100%;margin-left:0}
	/*blog*/
	.blog-list{width: calc(100%/2 - 14px);}

}
@media screen and (max-width: 767px) {
	/*瀏覽紀錄*/
	.footer-history .title span,.footer-history.active .title i{display:block}
	.footer-history .title{width:100vw;cursor: pointer;justify-content: center;}
	.footer-history ul{display: flex;height: inherit;min-height: inherit;}
	.footer-history ul::-webkit-scrollbar{height:10px}
	.footer-history li{min-width: 33%;max-width: 33%;border-bottom: none;border-right: 1px solid #999;}
	.footer-history li:last-child{border-right:none}
	.footer-history{bottom:0;top:inherit;transform:translateY(0);max-width: 100vw;width: inherit;border-top: solid 1px #fff;}
}
	
@media screen and (max-width: 640px) {
	.img-left,.img-right{float:inherit;padding-right:0;padding-left:0}
	.img-left img,.img-right img{display:block;width:100%;max-width:inherit}
	/*標題*/
	.ix-title{/* padding:15px; */}
	.ix-title .mj{font-size: 1.75rem;}
	.ix-title:before,.ix-title:after{width:50px}
	/*近期活動*/
	.news_btn a{margin-right: .5rem;}
	.event-group .img-box+.summary,.event-group .summary{width:100%;margin-top:10px;padding-left: 0;padding-right: 0;}
	/*blog*/
	.blog-nav ul{font-size:1.1rem;}
	.blog-nav a{padding:.5rem}
	.blog-tagNav ul{grid-gap: 0;}
}
@media screen and (max-width: 575px){	
	.pc-575-none{display: none}
	.event-group .item{}
	.event-group .img-box{width: 100%;text-align: center;}
	/*blog*/
	.blog-list{width:100%;}

}
@media screen and (max-width: 540px) {
	.pg .date{width: auto;text-align: left;margin-bottom: .5rem;padding-left: 0;letter-spacing: 0;color: #00A0E6;}
	.pg .date span{display:inline-block}
	.pg .date .day{
    letter-spacing: 0;
    margin-right: .2rem;
	margin-bottom: 0;}

}
@media screen and (max-width: 480px){
	.search_div span+input {width: calc(100% - 140px);}
	.catalogue_btn_box_s .year_box+.year_box{margin-left:0;margin-top:.5rem}
	.catalogue_btn_box_s{flex-wrap:wrap;-ms-flex-wrap:wrap}
	.catalogue_btn_box_s .year_box{width:100%}
/*     .news_btn{flex-wrap:wrap;} */
    .year_box{width:100%;margin-top: 10px;}
    .mem_btnWrap_box .btn-default+.btn-default{margin-left:0;}

}
	.pg .date:before{display:none}

@media screen and (min-width: 769px) {
	.pc-gotop{bottom: 0;color:#fff;background: #797979;}
	.pc-gotop:hover{background:#000000;color:#FFF}
	.mb-gotop{display: none;}
	#mobile-cart{display: none;}
}
@media screen and (min-width: 992px) {
	.btn.btn-banner{padding: 1rem 1.5rem;box-shadow: 0 0 20px #00A0E6;border:solid 1px #00A0E6;}
	.owl-theme .owl-nav{position:static}
	.owl-theme .owl-nav img{max-width:50px!important;margin:0 15px}
	.owl-theme .owl-nav button{position:absolute;top:50%;-ms-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}
	.owl-theme .owl-nav .owl-prev{right:100%}
	.owl-theme .owl-nav .owl-next{left:100%}
	.owl-theme .owl-nav .owl-prev:hover{padding-right:15px!important}
	.owl-theme .owl-nav .owl-next:hover{padding-left:15px!important}	
	/*近期活動*/
	.event-group a:hover .img-box{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
	.pg .event-group a:hover h4{color:#00A0E6}
	.pg .event-group a:hover .small-txt{color:#00A0E6}
}

.no-header{padding-top:0;background:transparent;}
.no-header header,.no-header footer{display:none;}

/*後台編輯器*/
.nm_title{border-bottom:1px;padding-bottom:.3rem;margin-bottom:1.5rem}
.nm_title span{position:relative;padding:0 10px}
.nm_title span::before{position:absolute;content:'';width:100%;height:3px;background-image:linear-gradient(to right,#fff 0%,#00a0e6 40%,#75f88d 85%,#fff 100%);bottom:-8px;left:0}


/* ----2024官網優化：設定需求CSS/JS特效Class，全站編輯器可導入---- */

/* effectModel-01：Flip Card */
.effectModel-01{position:relative;text-align:center}
.effectModel-01&gt;.front,.effectModel-01&gt;.back{display:block;transition-timing-function:cubic-bezier(0.175,0.885,0.32,1.275);transition-duration:.5s;transition-property:transform,opacity}
.effectModel-01&gt;.front{transform:rotateY(0deg)}
.effectModel-01&gt;.back{position:absolute;opacity:0;top:0;left:0;width:100%;height:100%;transform:rotateY(-180deg)}
.effectModel-01:hover&gt;.front{transform:rotateY(180deg)}
.effectModel-01:hover&gt;.back{opacity:1;transform:rotateY(0deg)}
.effectModel-01.effectModel-01-vertical&gt;.back{transform:rotateX(-180deg)}
.effectModel-01.effectModel-01-vertical:hover&gt;.front{transform:rotateX(180deg)}
.effectModel-01.effectModel-01-vertical:hover&gt;.back{transform:rotateX(0deg)}
.effectModel-01{position:relative;display:inline-block;margin-right:2px;margin-bottom:1em;width:100%;max-width:400px}
.effectModel-01&gt;.front,.effectModel-01&gt;.back{display:flex;justify-content:center;align-items:center;flex-direction:column;color:#fff;width:inherit;background-size:cover!important;background-position:center!important;height:220px;padding:1em 2em;background:#313131;border-radius:10px}
.effectModel-01&gt;.front p,.effectModel-01&gt;.back p{font-size:.9125rem;line-height:160%;color:#999}
.effectModel-01 .front .name{margin-bottom:1em;font-size:2.2rem;text-shadow:1px 1px rgba(0,0,0,0.04),2px 2px rgba(0,0,0,0.04),3px 3px rgba(0,0,0,0.04),4px 4px rgba(0,0,0,0.04),.125rem .125rem rgba(0,0,0,0.04),6px 6px rgba(0,0,0,0.04),7px 7px rgba(0,0,0,0.04),8px 8px rgba(0,0,0,0.04),9px 9px rgba(0,0,0,0.04),.3125rem .3125rem rgba(0,0,0,0.04),11px 11px rgba(0,0,0,0.04),12px 12px rgba(0,0,0,0.04),13px 13px rgba(0,0,0,0.04),14px 14px rgba(0,0,0,0.04),.625rem .625rem rgba(0,0,0,0.04),16px 16px rgba(0,0,0,0.04),17px 17px rgba(0,0,0,0.04),18px 18px rgba(0,0,0,0.04),19px 19px rgba(0,0,0,0.04),1.25rem 1.25rem rgba(0,0,0,0.04)}

/* effectModel-02：方框內物件放大 */
.effectModel-02{max-width:1180px;margin:0 auto;display:flex;flex-direction:column;flex-flow:row wrap}
.effectModel-02&gt;[class*="column-"]{display:block}
.effectModel-02 .img-container{width:100%;height:500px;margin-bottom:0;cursor:pointer;overflow:hidden}
.effectModel-02 .img-container:hover .img-content-hover{display:block}
.effectModel-02 img{width:100%;height:500px;-o-object-fit:cover;object-fit:cover;transform:scale(1);transition:all .3s ease-in-out}
.effectModel-02 img:hover{transform:scale(1.05)}
.effectModel-02 .img-content-hover{z-index:1;position:absolute;top:0;left:0;white-space:nowrap;display:none;padding:1rem;background:#fff;font-weight:400;margin-top:1.25rem;margin-left:-2rem}
.effectModel-02 .title{color:#2e2e2e;font-size:1.5rem;font-weight:700}
.effectModel-02 .category{font-size:1rem;color:#787878}
.effectModel-02 .img-content{display:none}

@supports (display: grid) {
	.effectModel-02{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:auto;grid-gap:1rem}
}

@media screen and (max-width: 1024px) {
	.effectModel-02 img:hover{transform:none}
	.effectModel-02 .img-container{height:100%}
	.effectModel-02 .img-container:hover .img-content-hover{display:none}
	.effectModel-02 .img-content{display:block;padding:1rem 0}
}
.effectModel-02 .column-xs-1{flex-basis:8.3333333333%;max-width:8.3333333333%}
.effectModel-02 .column-xs-2{flex-basis:16.6666666667%;max-width:16.6666666667%}
.effectModel-02 .column-xs-3{flex-basis:25%;max-width:25%}
.effectModel-02 .column-xs-4{flex-basis:33.3333333333%;max-width:33.3333333333%}
.effectModel-02 .column-xs-5{flex-basis:41.6666666667%;max-width:41.6666666667%}
.effectModel-02 .column-xs-6{flex-basis:50%;max-width:50%}
.effectModel-02 .column-xs-7{flex-basis:58.3333333333%;max-width:58.3333333333%}
.effectModel-02 .column-xs-8{flex-basis:66.6666666667%;max-width:66.6666666667%}
.effectModel-02 .column-xs-9{flex-basis:75%;max-width:75%}
.effectModel-02 .column-xs-10{flex-basis:83.3333333333%;max-width:83.3333333333%}
.effectModel-02 .column-xs-11{flex-basis:91.6666666667%;max-width:91.6666666667%}
.effectModel-02 .column-xs-12{flex-basis:100%;max-width:100%}

@media (min-width: 48rem) {
	.effectModel-02 .column-sm-1{flex-basis:8.3333333333%;max-width:8.3333333333%}
	.effectModel-02 .column-sm-2{flex-basis:16.6666666667%;max-width:16.6666666667%}
	.effectModel-02 .column-sm-3{flex-basis:25%;max-width:25%}
	.effectModel-02 .column-sm-4{flex-basis:33.3333333333%;max-width:33.3333333333%}
	.effectModel-02 .column-sm-5{flex-basis:41.6666666667%;max-width:41.6666666667%}
	.effectModel-02 .column-sm-6{flex-basis:50%;max-width:50%}
	.effectModel-02 .column-sm-7{flex-basis:58.3333333333%;max-width:58.3333333333%}
	.effectModel-02 .column-sm-8{flex-basis:66.6666666667%;max-width:66.6666666667%}
	.effectModel-02 .column-sm-9{flex-basis:75%;max-width:75%}
	.effectModel-02 .column-sm-10{flex-basis:83.3333333333%;max-width:83.3333333333%}
	.effectModel-02 .column-sm-11{flex-basis:91.6666666667%;max-width:91.6666666667%}
	.effectModel-02 .column-sm-12{flex-basis:100%;max-width:100%}
}

@supports (display: grid) {
	.grid{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:auto}
	.grid&gt;[class*=column-]{margin:0;max-width:100%}
	.effectModel-02 .column-xs-1{grid-column-start:span 1;grid-column-end:span 1}
	.effectModel-02 .column-xs-2{grid-column-start:span 2;grid-column-end:span 2}
	.effectModel-02 .column-xs-3{grid-column-start:span 3;grid-column-end:span 3}
	.effectModel-02 .column-xs-4{grid-column-start:span 4;grid-column-end:span 4}
	.effectModel-02 .column-xs-5{grid-column-start:span 5;grid-column-end:span 5}
	.effectModel-02 .column-xs-6{grid-column-start:span 6;grid-column-end:span 6}
	.effectModel-02 .column-xs-7{grid-column-start:span 7;grid-column-end:span 7}
	.effectModel-02 .column-xs-8{grid-column-start:span 8;grid-column-end:span 8}
	.effectModel-02 .column-xs-9{grid-column-start:span 9;grid-column-end:span 9}
	.effectModel-02 .column-xs-10{grid-column-start:span 10;grid-column-end:span 10}
	.effectModel-02 .column-xs-11{grid-column-start:span 11;grid-column-end:span 11}
	.effectModel-02 .column-xs-12{grid-column-start:span 12;grid-column-end:span 12}

	@media (min-width: 48rem) {
		.effectModel-02 .column-sm-1{grid-column-start:span 1;grid-column-end:span 1}
		.effectModel-02 .column-sm-2{grid-column-start:span 2;grid-column-end:span 2}
		.effectModel-02 .column-sm-3{grid-column-start:span 3;grid-column-end:span 3}
		.effectModel-02 .column-sm-4{grid-column-start:span 4;grid-column-end:span 4}
		.effectModel-02 .column-sm-5{grid-column-start:span 5;grid-column-end:span 5}
		.effectModel-02 .column-sm-6{grid-column-start:span 6;grid-column-end:span 6}
		.effectModel-02 .column-sm-7{grid-column-start:span 7;grid-column-end:span 7}
		.effectModel-02 .column-sm-8{grid-column-start:span 8;grid-column-end:span 8}
		.effectModel-02 .column-sm-9{grid-column-start:span 9;grid-column-end:span 9}
		.effectModel-02 .column-sm-10{grid-column-start:span 10;grid-column-end:span 10}
		.effectModel-02 .column-sm-11{grid-column-start:span 11;grid-column-end:span 11}
		.effectModel-02 .column-sm-12{grid-column-start:span 12;grid-column-end:span 12}
	}

	@media (min-width: 62rem) {
		.effectModel-02 .column-md-1{grid-column-start:span 1;grid-column-end:span 1}
		.effectModel-02 .column-md-2{grid-column-start:span 2;grid-column-end:span 2}
		.effectModel-02 .column-md-3{grid-column-start:span 3;grid-column-end:span 3}
		.effectModel-02 .column-md-4{grid-column-start:span 4;grid-column-end:span 4}
		.effectModel-02 .column-md-5{grid-column-start:span 5;grid-column-end:span 5}
		.effectModel-02 .column-md-6{grid-column-start:span 6;grid-column-end:span 6}
		.effectModel-02 .column-md-7{grid-column-start:span 7;grid-column-end:span 7}
		.effectModel-02 .column-md-8{grid-column-start:span 8;grid-column-end:span 8}
		.effectModel-02 .column-md-9{grid-column-start:span 9;grid-column-end:span 9}
		.effectModel-02 .column-md-10{grid-column-start:span 10;grid-column-end:span 10}
		.effectModel-02 .column-md-11{grid-column-start:span 11;grid-column-end:span 11}
		.effectModel-02 .column-md-12{grid-column-start:span 12;grid-column-end:span 12}
	}

	@media (min-width: 75rem) {
		.effectModel-02 .column-lg-1{grid-column-start:span 1;grid-column-end:span 1}
		.effectModel-02 .column-lg-2{grid-column-start:span 2;grid-column-end:span 2}
		.effectModel-02 .column-lg-3{grid-column-start:span 3;grid-column-end:span 3}
		.effectModel-02 .column-lg-4{grid-column-start:span 4;grid-column-end:span 4}
		.effectModel-02 .column-lg-5{grid-column-start:span 5;grid-column-end:span 5}
		.effectModel-02 .column-lg-6{grid-column-start:span 6;grid-column-end:span 6}
		.effectModel-02 .column-lg-7{grid-column-start:span 7;grid-column-end:span 7}
		.effectModel-02 .column-lg-8{grid-column-start:span 8;grid-column-end:span 8}
		.effectModel-02 .column-lg-9{grid-column-start:span 9;grid-column-end:span 9}
		.effectModel-02 .column-lg-10{grid-column-start:span 10;grid-column-end:span 10}
		.effectModel-02 .column-lg-11{grid-column-start:span 11;grid-column-end:span 11}
		.effectModel-02 .column-lg-12{grid-column-start:span 12;grid-column-end:span 12}
	}
}

/* effectModel-03：景深模糊切換 */
.effectModel-03{
	--text-light: rgba(255, 255, 255, 0.6);
	--text-lighter: rgba(255, 255, 255, 0.9);
	--spacing-s: 8px;
	--spacing-m: 16px;
	--spacing-l: 24px;
	--spacing-xl: 32px;
	--spacing-xxl: 64px;
	--width-container: 1200px;

	display:grid;grid-template-columns:repeat(1,1fr);grid-column-gap:var(--spacing-l);grid-row-gap:var(--spacing-l);max-width:var(--width-container);width:100%;margin:0 auto
}
@media(min-width: 540px) {
	.effectModel-03{grid-template-columns:repeat(2,1fr)}
}
@media(min-width: 960px) {
	.effectModel-03{grid-template-columns:repeat(4,1fr)}
}
.effectModel-03 .modelCard{list-style:none;position:relative}
.effectModel-03 .modelCard:before{content:'';display:block;padding-bottom:150%;width:100%}
.effectModel-03 .modelCard__background{background-size:cover;background-position:center;border-radius:var(--spacing-l);bottom:0;filter:brightness(0.75) saturate(1.2) contrast(0.85);left:0;position:absolute;right:0;top:0;transform-origin:center;trsnsform:scale(1) translateZ(0);transition:filter 200ms linear,transform 200ms linear}
.effectModel-03 .modelCard:hover .modelCard__background{transform:scale(1.05) translateZ(0)}
.effectModel-03:hover&gt;.modelCard:not(:hover) .modelCard__background{filter:brightness(0.5) saturate(0) contrast(1.2) blur(20px)}
.effectModel-03 .modelCard__content{left:0;padding:var(--spacing-l);position:absolute;top:0}
.effectModel-03 .modelCard__category{color:var(--text-light);font-size:.9rem;margin-bottom:var(--spacing-s);text-transform:uppercase}
.effectModel-03 .modelCard__heading{color:var(--text-lighter);font-size:1.9rem;text-shadow:2px 2px 20px rgba(0,0,0,0.2);line-height:1.4;word-spacing:100vw}

/* effectModel-04：圖片hover後不同資訊 */
.effectModel-04{display:flex;width:100%;padding:4% 2%;box-sizing:border-box;height:100vh}
.effectModel-04 .modelCard{flex:1;overflow:hidden;transition:.5s;margin:0 2%;box-shadow:0 20px 30px rgba(0,0,0,.1);line-height:0}
.effectModel-04 .modelCard &gt; img{width:200%;height:calc(100% - 10vh);object-fit:cover;transition:.5s}
.effectModel-04 .modelCard &gt; span{font-size:3.8vh;display:block;text-align:center;height:10vh;line-height:2.6}
.effectModel-04 .modelCard:hover{flex:1 1 50%}
.effectModel-04 .modelCard:hover &gt; img{width:100%;height:100%}

/* effectModel-05：Animated Number：Chroma ESG （年度亮點績效） */
.introData{display: flex;flex-wrap: wrap;justify-content: center;gap:2rem;text-align: center;}
.introData__box{}
.introData__box__num{}
.introData__box__num .timer{font-size: 5rem;font-weight: 700;}
.introData__box__name{}
</pre></body></html>