.icon-fb:before{content:'\e800'}
.icon-ins:before{content:'\e801'}
.text-moBlue{color:#00c8ff}
.bg-moBlue{background-color:#00c8ff!important}
.bd-moBlue{border-style:solid;border-color:#00c8ff!important}
.text-earthGold{color:#f2f2f2!important}
.bg-earthGold{background-color:#f2f2f2!important}
.bd-earthGold{border-style:solid;border-color:#f2f2f2!important}
.text-orange{color:#ff8000}
.bg-orange{background-color:#ff8000}
.bd-orange{border-style:solid;border-color:#ff8000}
.text-cherry{color:#e31d64!important}
.bg-cherry{background-color:#e31d64!important}
.bd-cherry{border-style:solid;border-color:#e31d64!important}
.text-mintGreen{color:#f2f8e7!important}
.bg-mintGreen{background-color:#f2f8e7!important}
.bd-mintGreen{border-style:solid;border-color:#f2f8e7!important}
.text-limeGreen{color:#b4d26c!important}
.bg-limeGreen{background-color:#b4d26c!important}
.bd-limeGreen{border-style:solid;border-color:#b4d26c!important}
.text-tomatoRed{color:#f84e59!important}
.bg-tomatoRed{background-color:#f84e59!important}
.bd-tomatoRed{border-style:solid;border-color:#f84e59!important}
.text-silver{color:#eee!important}
.bg-silver{background-color:#eee!important}
.bd-silver{border-style:solid;border-color:#eee!important}
.text-gray{color:#b1b3b6!important}
.bg-gray{background-color:#b1b3b6!important}
.bd-gray{border-style:solid;border-color:#b1b3b6!important}
.btn-cherry,.btn-earthGold,.btn-limeGreen,.btn-moBlue,.btn-orange,.btn-outline-cherry,.btn-outline-earthGold,.btn-outline-limeGreen,.btn-outline-moBlue,.btn-outline-orange,.btn-outline-tomatoRed,.btn-tomatoRed{padding-left:50px;padding-right:50px;border-radius:25px}
.clearfix:after,.clearfix:before{content:"";display:table;height:0;overflow:hidden}
.clearfix:after{clear:both}
.clearfix{zoom:1}
.py-4{padding: 1% 0!important;}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;-webkit-box-sizing:border-box;box-sizing:border-box}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}
div::-moz-selection{background:#00c8ff}
div::selection{background:#00c8ff}
html{font-size:13px}
body{font-family:"微軟正黑體",Arial,"Microsoft JhengHei",sans-serif;letter-spacing:.5px;margin:0;padding:0;padding-top:80px;color:#888;background-color:#f2f2f2;font-size: 100%;}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
/* a,span{display:inline-block} */
a,button{border-width:1px;outline:0!important;cursor:pointer}
a:focus,button:focus{outline:0;-webkit-box-shadow:none!important;box-shadow:none!important}
a{color:#888;text-decoration:none;outline:0}
a:focus,a:hover{;text-decoration:none;outline:0}
ul{margin:0;padding:0;}
ul li{list-style:none}
img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
textarea{min-height:200px}
h1,h2,h3,h4,h5,h6{margin:0;font-weight:400}
h1{font-size:4rem}
h2{font-size:3.2rem}
h3{font-size:2rem}
h4{font-size:1.8rem}
h5{font-size:1.4rem}
h6{font-size:1.2rem}
hr{margin:15px 0}
hr.dashed{border-style:dashed;margin:25px 0}
.ellipsis{display:-webkit-box;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word}
.ellipsis.e2{-webkit-line-clamp:2}
.ellipsis.e3{-webkit-line-clamp:3}
.ellipsis.e4{-webkit-line-clamp:4}
.centerFlex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.bwtFlex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.underline{background-image:-webkit-gradient(linear,left top, left bottom,from(#00c8ff),to(#00c8ff));background-image:-o-linear-gradient(#00c8ff,#00c8ff);background-image:linear-gradient(#00c8ff,#00c8ff);background-size:0 1px;background-position:0 100%;background-repeat:no-repeat;-webkit-transition:background-size .5s cubic-bezier(.165,.84,.44,1);-o-transition:background-size .5s cubic-bezier(.165,.84,.44,1);transition:background-size .5s cubic-bezier(.165,.84,.44,1)}
.underline.active,.underline:hover{background-size:100% 1px;background-position:0 100%;opacity:1}
.underline.center{background-position:50% 100%}
.underline.center.active,.underline.center:hover{background-position:50% 100%}

.modal .modal-content{padding:20px}
.modal .modal-content .modal-body,.modal .modal-content .modal-footer,.modal .modal-content .modal-header{border:none}
.modal .modal-content .modal-title{font-size:25px;font-weight:700}
.modal .modal-content .modal-body{font-size:16px}

.section{position:relative;width:100%;margin-bottom:100px}
.breadcrumbBlock{margin-left: 142px;margin-bottom:20px;}
.breadcrumb{padding:0;background-color:transparent; display: -webkit-box; display: -ms-flexbox; display: flex;}
.bg{position:absolute;width:100%;top:0;background-position:center center;background-repeat:no-repeat;background-size:cover}
.content{position:relative;width:100%;height:100%}
.conceptTitle{font-family:Arial;font-size:180px;font-weight:700;line-height:150px;color:#fff;margin-right:10px;text-transform: uppercase;white-space:nowrap;}
.conceptDesc{font-size:22px;font-weight:700;line-height:28px;color:#333;letter-spacing:2.5px}

.secDesc{font-size:25px;font-weight:700;line-height:26px;letter-spacing:3px;color:#00c8ff;margin-bottom:40px;text-shadow:0 0 10px #ccc}

@media (min-width:1480px){
  .container{max-width:1440px}
}
@media (max-width:1200px){
  .breadcrumbBlock{margin:0 5%;}
}
@media (max-width:991px){
  .conceptTitle{font-size:20vw;line-height:20vw;margin-right:0}
  .conceptDesc{padding:0 25px;margin:10px auto}

  .NewsTitle{text-align: left;}
  .secDesc{font-size:20px;line-height:22px;letter-spacing:1.5px;text-align:center;text-shadow:none}
  .section{margin-bottom:50px}
}
@media (max-width:768px){
  .section{margin-bottom:0}
  .moreArea{padding-top:20px;margin-top:40px}
}
@media (max-width:480px){
  .secDesc{font-size:18px;line-height:24px;letter-spacing:.5px;margin-bottom:10px}
}
.title,.titleS{font-size:18px;font-weight:700;line-height:22px;margin-bottom:2px}
.desc{font-size:15px;color:#666;margin-bottom:5px}
.moreArea{margin: 8%; text-align: center;}
.moreArea .line{position:absolute;top:0;width:100%;height:1px;background-color:#fff;-webkit-box-shadow:0 0 10px #666;box-shadow:0 0 10px #666}

.list-group .list-group-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;padding:20px;background-color:transparent;border:none;border-bottom:1px rgba(0,0,0,.07) solid;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
#list-tab.list-group>.list-group-item.active{top: 0;left: 10%;right: 10%;position: absolute;}
.list-group .list-group-item:hover .desc{color:#ff8000}
.list-group.page{margin-top:80px;padding: 70px 12px 0; position: relative;}
.list-group.page .list-group-item{font-size:20px;font-weight:700;border:none;padding:0;padding-bottom:40px;background-color:transparent;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.list-group.page .list-group-item.active,.list-group.page .list-group-item:hover{color:#00c8ff}
.list-group.page .list-group-item.active .itemCnt{display:block}
.list-group.page .list-group-item .itemCnt{display:none}
.list-group.page .list-group{margin:15px 0 0;padding:20px 0 20px 20px;border-top:1px #ccc solid;min-width:200px}
.list-group.page .list-group .list-group-item{height:initial;font-size:16px;font-weight:700;border:none;padding:8px 0}
.tab-content{min-height:400px}
.history-month{color: #00c8ff !important;}

@media (max-width:991px){
  .list-group{padding:0}
}

@media (max-width:768px){
  .tab-content{min-height:300px}
  .WorkmoreArea{padding-left: 0;}

}
.listDate{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-right:20px}
.listDate .yearText{font-size:12px;font-weight:700;line-height:15px;color:#000;white-space:nowrap}
.listDate .monthText{font-size:12px;font-weight:700;line-height:14px;color:#000;white-space:nowrap}
.listDate .dayText{font-family:Arial;font-size:35px;line-height:35px;letter-spacing:2px;padding-right:5px;color:#00c8ff;white-space:nowrap}
.listNumber{font-size:18px;font-weight:700;line-height:22px;color:#000;-webkit-box-flex:0;-ms-flex:0 0 30px;flex:0 0 30px}
.listBlock{padding:0 20px}
.listBlock .title{color:#000;letter-spacing:2px;margin-bottom:15px}
.listBlock .desc{letter-spacing:1px;margin:0}



@media (max-width:991px){
  .listBlock{padding:0}
}
.pagination{padding-top:30px}
.pagination .page-item.active .page-link{color:#fff;background-color:#00c8ff}
.pagination .page-item .page-link{border-radius:20px;color:#333;border:none;background-color:transparent}
.imgCnt{position:relative;width:100%;height:100%}
.imgCnt .triangle{position:absolute;top:-15px;left:-15px;width:30px;height:30px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.imgCnt img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.imgCnt svg{width:100%;height:100%}
.swiper{border-bottom:1px #ccc solid}
.swiper .list-group .swiper-wrapper{display:block}
@media (max-width:768px){
  .swiper .list-group .swiper-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;padding:10px 0}
  #smooth-content .col-md-6{flex: 0 0 100%;max-width: 100%;}
  .sec3 .col-md-6{flex: 0 0 100%;max-width: 100%;}
}

.btn-moBlue a{ color: #fff;}
.btn-moBlue:hover{color:#fff;-webkit-box-shadow:3px 3px 8px #00a0cc inset;box-shadow:3px 3px 8px #00a0cc inset}
.btn-orange{border:1px solid #ff8000;color:#fff;background-color:#ff8000;font-size: 15px}
.btn-orange a{ color: #fff;}
.btn-orange:hover{color:#fff;-webkit-box-shadow:3px 3px 8px #c60 inset;box-shadow:3px 3px 8px #c60 inset}
.btn-cherry{border:1px solid #e31d64!important;color:#fff;background-color:#e31d64}
.btn-cherry:hover{color:#fff;-webkit-box-shadow:3px 3px 8px #b61750 inset;box-shadow:3px 3px 8px #b61750 inset}
.btn-limeGreen{border:1px solid #b4d26c!important;color:#fff;background-color:#b4d26c}
.btn-limeGreen:hover{color:#fff;-webkit-box-shadow:3px 3px 8px #a0c645 inset;box-shadow:3px 3px 8px #a0c645 inset}
.btn-tomatoRed{border:1px solid #f84e59!important;color:#fff;background-color:#f84e59}
.btn-tomatoRed:hover{color:#fff;-webkit-box-shadow:3px 3px 8px #f61d2b inset;box-shadow:3px 3px 8px #f61d2b inset}
.btn-earthGold{border:1px solid #f2f2f2!important;color:#fff;background-color:#f2f2f2}
.btn-earthGold:hover{color:#fff;-webkit-box-shadow:3px 3px 8px #d9d9d9 inset;box-shadow:3px 3px 8px #d9d9d9 inset}
.btn-outline-moBlue{border:1px solid #00c8ff;color:#00c8ff;background-color:transparent}
.btn-outline-moBlue:hover{color:#fff;background-color:#00c8ff}
.btn-outline-orange{border:1px solid #ff8000;color:#ff8000;background-color:transparent}
.btn-outline-orange:hover{color:#fff;background-color:#ff8000}
.btn-outline-cherry{border:1px solid #e31d64;color:#e31d64;background-color:transparent}
.btn-outline-cherry:hover{color:#fff;background-color:#e31d64}
.btn-outline-limeGreen{border:1px solid #b4d26c;color:#b4d26c;background-color:transparent}
.btn-outline-limeGreen:hover{color:#fff;background-color:#b4d26c}
.btn-outline-tomatoRed{border:1px solid #f84e59;color:#f84e59;background-color:transparent}
.btn-outline-tomatoRed:hover{color:#fff;background-color:#f84e59}
.btn-outline-earthGold{border:1px solid #f2f2f2;color:#f2f2f2;background-color:transparent}
.btn-outline-earthGold:hover{color:#fff;background-color:#f2f2f2}
.btn-link{color:#555}
.btn-link:hover{color:#333}
@media (max-width:991px){.list-group.page{margin-top:50px}
.list-group.page .list-group{min-width:initial;min-width:initial}
}
@media (max-width:768px){
  .list-group.page{margin-top:20px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display: none;}
  .list-group.page .list-group-item{font-size:16px;text-align:center;}
  .list-group.page .list-group-item+.list-group-item{padding-top:0;display: none;}
  .list-group.page .list-group-item.active{display:block}
  /* .list-group.page .list-group-item.active .itemName{display:none} */
  .list-group.page .list-group-item.active .itemCnt{width:100%}
  .list-group.page .list-group{margin:0;padding:0;border:none;min-width:300px}
  .list-group.page .list-group .list-group-item{display:block;font-size:14px;font-weight:700;border:1px #666 solid;border-radius:20px;padding:0}
  .list-group.page .list-group .list-group-item.active{border:1px #00c8ff solid}
  .list-group.page .list-group-item{padding:0;padding-bottom: 20px;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit}
}
/*-----------------------IVY加-----------------------------*/
.sec1 .content .topArea{padding:40px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;overflow:hidden}

.GlobeTitleBlock{margin-bottom: 25px;}
.GlobeEngTitle{font-size: 22px;color: #00c8ff;font-weight: bold;letter-spacing: 2.5px;}
.GlobeMainTitle{font-size: 22px;color: #000;font-weight: bold;letter-spacing: 2.5px;}
.CompanyTitle{font-size: 20px;color:#000;font-weight: bold;margin: 15px 0 3rem;}
.CompanyTitle2{font-size: 18px; color:#0292E5;margin-bottom: 1.5rem;}

.hue-rotate-play{-webkit-animation:hue-rotate-play 5s linear infinite alternate;animation:hue-rotate-play 5s linear infinite alternate}
@-webkit-keyframes hue-rotate-play{
  0%{opacity: 1;}
  20%{opacity: 1;}
  50%{opacity: 0.2;}
  80%{opacity: 1;}
  100%{opacity: 1;}
}
@keyframes hue-rotate-play{
  0%{opacity: 1;}
  20%{opacity: 1;}
  50%{opacity: 0.2;}
  80%{opacity: 1;}
  100%{opacity: 1;}
}

.WordContentList ul > li{display: -webkit-box;display: -ms-flexbox;display: flex;margin-bottom: 3rem;}
.WordContentList ul > li .ListNumber{font-size: 18px;line-height: 35px;letter-spacing: 2px;color: #00c8ff;font-family: Arial;width: 36px;line-height: 1.5;margin-right: 1%; -webkit-box-flex: 0; -ms-flex: 0 0 36px; flex: 0 0 36px;}
.WordContentList ul > li .ListTitle{font-size: 18px; color: #000;margin-bottom: 10px;}
.WordContentList ul > li .ListDesc ol > li{list-style: disc; margin-left: 20px;}
.vison_word_content_list ul > li .ListDesc {font-size: 15px;}

.WhiteBorder{background-color: #fff;border-radius: 25px;padding: 25px 40px;}
.BlueBgTitle{ background-color: #02C8FF; color: #fff;font-size: 20px; border-radius:50px; padding: 0 20px; letter-spacing: 2.5px;line-height: 1.6;}
.NoticeTitle{color: #000; margin-bottom: 5px;}

.fz_13{font-size: 15px;margin-bottom: 1rem;}
.card .WhiteBorder{margin-top:25px;}
.WhiteBorder .text-block{font-size: 15px;font-weight: bold;margin-bottom: 5px; color: #000;}
.FlexBlockRight ul.DisplayIB{-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
.FlexBlockRight ul.DisplayIB a{color:#02C8FF}
.CircleBlue{ color: #00C8FF;border-radius: 100%;border: 3px solid #00C8FF;width: 30px;height: 30px;line-height: 1.6;display: block;margin: auto;}
.ContentArea{width: 860px;margin: auto;}
.sec1.rotateY .bg {background-image: url(../images/sec1Bg.jpg);width: 80%;right: -40vw;-webkit-transform: rotateY(180deg);transform: rotateY(180deg);top: 30vh;}


/*-----------------------下載列表頁-----------------------------*/
.CompanyTitleBlue{ margin-bottom: 10px;}
.DownloadList{ font-size: 15px;margin-bottom: 20px;}
.DownloadList > ul {margin: 0; padding: 0;}
.DownloadList > ul > li{position: relative;margin: 10px 0 30px;}
.DownloadList > ul >li .IconBlock{ position:absolute; right: 0;}

/*-----------------------組織圖-----------------------------*/
/* .og_img{text-align: center;}
.og_img .node_box {display: inline-block;position: relative;margin: auto;font-size: 1.2rem;}
.og_img .node_box a {display: block;padding: 14px 15px;border: 1px solid #00c8ff;color: #00C8FF;word-break: keep-all; -webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.og_img .node_box a:hover{background-color:#00c8ff ; color: #fff;}
.og_img > .node_box:after {content: "";border-left: 1px solid #b1b3b6;height: 27px;bottom: -1px;left: 50%;display: block;position: relative;}
.og_img .children{margin:0;position: relative; width: 100%;}
.og_img .children .node{display: inline-block;vertical-align: top;top: 0;margin: 0 20px;}
.og_img .children .node:first-child:before{content: "";width: 107%;left: 50%;display: block;position: relative;border-top: 1px solid #b1b3b6;top:0;}
.og_img .children .node:before{content: "";width: 191%;left:0;display: block;position: relative;border-top: 1px solid #b1b3b6;top:0;}
.og_img .children .node:last-child:before{content: "";width: 52%;right: 50%;display: block;position: relative;border-top: 1px solid #b1b3b6;top:0;}
.og_img .children .node_box:before {content: "";border-left: 1px solid #b1b3b6;height: 27px;bottom: 0;left: 50%;display: block;position: relative;} */

/*-----------------------Footer-----------------------------*/
.footer .container {width:96%;margin: auto;}
@media (min-width:1200px) {
  .footer .align-items-center {-webkit-box-align: start!important;
        -ms-flex-align: start!important;
            align-items: flex-start!important;
    position: relative;
    top: 29px;}
}

@media (max-width:2048px) {
  .footer .container {max-width:1820px;margin: auto;}
}
@media (max-width:1680px) {
  .footer .container {max-width:1590px;margin: auto;}
}
@media (max-width:1366px) {
  .footer .container {max-width:1320px;margin: auto;}
}
@media (max-width:1280px) {
  .footer .container {max-width:1260px;margin: auto;}
}
@media (max-width:1070px) {
  .footer .container {max-width:780px;margin: auto;}
  /* .og_img .children .node{margin: 0 7px;}
  .og_img .children .node:before{width: 178%;} */
}
@media (max-width:861px) {
  .ContentArea{width: 100%;margin:0 auto 5rem;min-height: auto;padding: 0 3%;}
  .ContentArea.OrgContentArea{margin-bottom: 10rem;}
  .sec1.rotateY .bg{width: 100%;right: -60vw;top: 27vh;}

}
@media (max-width:768px) {
  .sec1 .content .topArea{padding:10px 0}
  .WhiteBorder{padding: 5%;margin-bottom:3rem ;}
  .WordContentList li .ListNumber{width: 6%;}
  .DisplayBlock{margin:0}
  /* .footer .container {max-width:100%;margin: auto;} */
  .py-4{padding: 3% 0!important;}

  /* .og_img{display: flex;align-items: center;  margin-bottom: 10%;}
  .og_img .node_box{margin: inherit;margin-left: 1.5rem;}
  .og_img .node_box a{width: 120px;margin: 6px 0;}
  .og_img > .node_box:after {content: "";position: absolute;border-top: 1px solid #b1b3b6;width: 18px;top: 50%;right: -18px;border-left: 0 none;left: inherit;bottom: inherit;height: inherit;}
  .og_img .children{margin: 0 40px ; width: inherit; flex: 0 0 140px;}
  .og_img .children .node{display: flex;position: relative;}
  .og_img .children .node:before{align-self: stretch;width: 24px;background: #b1b3b6;left: -24px;border-top:0 none;top:inherit}
  .og_img .children .node:first-child:before{background: linear-gradient(to top, #b1b3b6 49.9%, transparent 50%);width: 1px;left: -22px;}
  .og_img .children .node_box:before{content: "";position: absolute;top: 50%;left: -28px;width: 28px;border-top: 1px solid #b1b3b6;border-left:0 none;}
  .og_img .children .node:last-child:before{background: linear-gradient(to bottom, #b1b3b6 50%, transparent 51%);width:1px ;} */


  /*  */
  /* .og_img .children .node:before,.og_img .children .node:first-child:before,.og_img .children .node:last-child:before{width: 6vw;position: absolute;left: 11vw;top: 2vh;} */
  /* .og_img .children .node_box:before {position: absolute;left: -6vw;height: 18vw;} */
  /* .og_img .children .node:first-child .node_box:before{height: 15px;} */
  /* .children .node:last-child .node_box:before{height: 12vw;left: -6vw;top: -7vw;} */



}