@charset "UTF-8";
@import url(all.css);
@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

html{overflow-y:scrol}
*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-weight: normal;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,img{display:block}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after{content:"";content:none}
q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:focus{outline:none}
img{-moz-user-select:-moz-none;-ms-user-select:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}html{overflow-y:scrol}

@media screen and (min-width:1200px){
	html.custom-scroll{overflow-y:scroll!important;}
	html.custom-scroll::-webkit-scrollbar{width:8px;border:none;-webkit-box-shadow:none;box-shadow:none; }
	html.custom-scroll::-webkit-scrollbar-track{background:#fcfcfc;}
	html.custom-scroll::-webkit-scrollbar-thumb{background:#8b8b8b;border-radius: 10px;}
	html.custom-scroll::-webkit-scrollbar-thumb:hover{background:#000;}
	html.custom-scroll.black::-webkit-scrollbar-track{background:#1c1c1c;}
	html.custom-scroll.black::-webkit-scrollbar-thumb:hover{background:#3e3f38;}
	html.custom-scroll::-webkit-scrollbar-thumb:hover{background:#636363;}
}

body{font-family: "Noto Sans TC","微軟正黑體","Microsoft JhengHei"," Arial",sans-serif;line-height:1.8em;font-size:17px;letter-spacing:1px;color:#111;margin: 0;padding: 0;}
a{text-decoration:none;color:#111}
.wrapper{overflow:hidden}
.header{position:fixed;top:0;left:0;width:100%;height:95px; z-index:100;transition:background .6s,border-bottom .6s;background-color: #f6f6f6}
.header-inner{display:flex;justify-content:space-between;align-items:center;padding:20px 4vw}
.header.is-fixed{background:#f6f6f6;border-bottom:0}
.logo{position:relative;height:55px;z-index:1}
.logo img,.logo svg{height:100%;width:auto;display:block;filter:none;transition:filter .6s}
.is-fixed .logo img,.is-fixed .logo svg{filter:none}

.main{margin: 0;padding: 0}
.menu{display:flex;gap:34px;padding-right: 220px}
.menu-item{position:relative}
.menu-item a{position:relative;display:block;font-size:1.1rem;color:#000;font-weight: 600;font-size: 17px}
.menu-item a .en{position:relative;display:block}
.menu-item a .tw{position:absolute;left:50%;top:0;transform:translateX(-50%);white-space:nowrap;opacity:0}
.menu-item a .en,.menu-item a .tw{transition:opacity .6s}
.menu-item a .en::after,.menu-item a .tw::after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:#ccc;transition:width .6s ease}
.menu-item a:hover .tw{opacity:1}
.menu-item a:hover .tw::after{width:100%}
.menu-item a:hover .en{opacity:0}
.is-fixed .menu-item a{color:#000}
.is-fixed .menu-item a:hover{color:#000}

.menu-item.has-sub a{padding-right:15px}
.menu-item.has-sub a .tw{transform:translateX(-50%) translateX(-7.5px)}
.menu-item.has-sub a .arrow{position:absolute;right:0;top:50%;transform:translateY(-75%) rotate(45deg);width:8px;height:8px;border-right:2px solid #666;border-bottom:2px solid #666;transition:border-color .6s}
.is-fixed .menu-item.has-sub a .arrow{border-color:#333}
.is-fixed .menu-item.has-sub a:hover .arrow{border-color:#000}

.submenu{background:#fff;min-width:160px;padding:10px 0;z-index:10;box-shadow:0 5px 10px rgba(0,0,0,.1);display:none}
.submenu-wrapper{position:absolute;top:100%;left:50%;transform:translateX(-50%)}
.submenu-wrapper .hover-buffer{height:12px;background:rgba(0,0,0,0)}
.submenu a{position:relative;display:block;padding:10px 15px;font-size:1rem;white-space:nowrap;text-align:center;transition:background .6s}
.has-sub .submenu a .tw{top:50%;transform:translate(-50%, -50%)}
.has-sub .submenu a .tw:after,.has-sub .submenu a .en:after{content:none}
.submenu a:hover,.submenu a.active{background:#f2f2f2}

.hamburger{position:fixed;right:5vw;top:27px;width:25px;cursor:pointer;display:none}
.hamburger-bar{height:2px;background:#333;margin:6px 0;transition:transform .6s}
.show-nav .hamburger-bar{background:#000}
.show-nav .hamburger-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}
.show-nav .hamburger-bar:nth-child(2){transform:scale(0)}
.show-nav .hamburger-bar:nth-child(3){transform:translateY(-9px) rotate(-45deg)}

.scroll-down{position:absolute;left:50%;bottom:40px;width:20px;height:40px;border-radius:10px;border:1px solid #fff;transform:translateX(-50%);z-index:5;cursor:pointer}
.scroll-down:after{content:"";width:2px;height:10px;background:#fff;border-radius:1px;display:block;margin:10px auto 0;animation:scroll-down 1.2s infinite linear}
.scroll-up{position:fixed;right:calc(5vw*.5 + 18px);bottom:230px;font-size:.75rem;z-index:9;cursor:pointer;display:none}
.scroll-up-text{transform-origin:right bottom;transform:rotate(90deg);background:#fff;padding:2px 5px;border:1px solid #ccc;transition:letter-spacing .3s}
.scroll-up-text:before{content:"";border-right:#666 solid 5px;border-top:rgba(0,0,0,0) solid 3px;border-bottom:rgba(0,0,0,0) solid 3px;display:inline-block;vertical-align:middle;margin-right:5px}
.scroll-up:hover .scroll-up-text{background:#d45f3e;border-color:#d45f3e;color:#fff;letter-spacing:3px}
.scroll-up:hover .scroll-up-text:before{border-right-color:#fff}
@media only screen and (max-width: 1600px) {
.scroll-up{position:fixed;right:calc(5vw*.5 + 30px);}
.menu{display:flex;gap:28px;padding-right: 220px}
}
@media only screen and (max-width: 1280px) {
.scroll-up{position:fixed;right:calc(5vw*.5 + 35px);}
}
@keyframes scroll-down{
	0%{margin:10px auto 0;height:0}
	25%{margin:10px auto 0;height:10px}
	75%{margin:20px auto 0;height:10px}
	99.9%{margin:30px auto 0;height:0px}
	100%{margin:10px auto 0;height:0}
}

.loading{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;z-index:200}
.loading-logo{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);clip-path:inset(0 100% 0 0);transition:clip-path .2s linear}
.loading-logo-bg{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);opacity:.2}
.loading-logo img, .loading-logo-bg{width: 90px;height: auto;}
@media screen and (max-width: 980px) {
.loading-logo img, .loading-logo-bg{width: 70px;height: auto;}
}

.fadeIn{opacity:0;transition:opacity 1s}
.fadeIn.show{opacity:1}
.fadeUp{opacity:0;transform:translateY(20px);transition:opacity 1.5s,transform 1.5s}
.fadeUp.show{opacity:1;transform:translateY(0px)}
.fadeDown{opacity:0;transform:translateY(-20px);transition:opacity 1.5s,transform 1.5s}
.fadeDown.show{opacity:1;transform:translateY(0px)}
.fadeLeft{opacity:0;transform:translateX(20px);transition:opacity 1.5s,transform 1.5s}
.fadeLeft.show{opacity:1;transform:translateX(0px)}

.clipLeft{clip-path:polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%)}
.clipRight{clip-path:polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%)}
.clipUp{clip-path:polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%)}
.clipDown{clip-path:polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%)}
.clipLeft,.clipRight,.clipUp,.clipDown{transition:clip-path 1s}
.clipLeft.show,.clipRight.show,.clipUp.show,.clipDown.show{clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}

.show.delay-1{transition-delay:.2s}
.show.delay-2{transition-delay:.4s}
.show.delay-3{transition-delay:.6s}

@keyframes scroll-down{
	0%{margin:10px auto 0;height:0}
	25%{margin:10px auto 0;height:10px}
	75%{margin:20px auto 0;height:10px}
	99.9%{margin:30px auto 0;height:0px}
	100%{margin:10px auto 0;height:0}
}

.fadeIn{opacity:0;transition:opacity 1s}
.fadeIn.show{opacity:1}
.fadeUp{opacity:0;transform:translateY(20px);transition:opacity 1.5s,transform 1.5s}
.fadeUp.show{opacity:1;transform:translateY(0px)}
.fadeDown{opacity:0;transform:translateY(-20px);transition:opacity 1.5s,transform 1.5s}
.fadeDown.show{opacity:1;transform:translateY(0px)}
.fadeLeft{opacity:0;transform:translateX(20px);transition:opacity 1.5s,transform 1.5s}
.fadeLeft.show{opacity:1;transform:translateX(0px)}

.clipLeft{clip-path:polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%)}
.clipRight{clip-path:polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%)}
.clipUp{clip-path:polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%)}
.clipDown{clip-path:polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%)}
.clipLeft,.clipRight,.clipUp,.clipDown{transition:clip-path 1s}
.clipLeft.show,.clipRight.show,.clipUp.show,.clipDown.show{clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}

.show.delay-1{transition-delay:.2s}
.show.delay-2{transition-delay:.4s}
.show.delay-3{transition-delay:.6s}

@media screen and (max-width: 1280px){
.logo img,.logo svg{filter:none}
.header{height:85px;}
.menu{position:fixed;top:0;left:0;width:100%;height:0%;padding:95px 0 0px;background:#f6f6f6;flex-direction:column;gap:0;box-sizing:border-box;transition:height 1s,padding 1s;overflow:hidden;}
	.show-nav .menu{height:100%;padding-bottom:20px}
	.menu-item a{padding:20px 5vw;border-bottom:1px dotted #ccc;color:#000;font-weight: 600;font-size: 17px}
	.menu-item a .tw:after,.menu-item a .en:after{content:none}
	.menu-item a .tw{left:5vw;top:20px;transform:none}
	.menu-item.has-sub a{padding-right:calc(5vw + 25px)}
	.menu-item.has-sub a .arrow{right:calc(5vw + 8.5px);border-color:#000}
	.menu-item.has-sub a .tw{transform:none}
	.submenu{padding:10px 0 10px 5vw;box-shadow:none}
	.submenu-wrapper{position:static;transform:none;border-bottom:1px dotted #ccc;margin-top:-1px}
	.submenu-wrapper .hover-buffer{height:0}
	.submenu a{text-align:left;padding:10px 20px;border-bottom:none}
	.submenu a .tw{left:20px}
	.has-sub .submenu a .tw{top:10px}
	.submenu a:before{content:"";position:absolute;top:50%;left:0px;margin-top:-4px;width:8px;height:8px;border-top:1px solid #111;border-right:1px solid #111;transform:rotate(45deg)}
	.submenu a:hover,.submenu a.active{background:none}
	.submenu a:hover:before,.submenu a.active:before{border-color:#000}
	.hamburger{display:block}
}
@media screen and (max-width: 980px)and (max-height: 700px){
	.menu-item a{padding-top:10px;padding-bottom:10px}
	.menu-item a .tw{top:10px}
}
@media screen and (max-width: 640px){
	.menu{padding-top:75px}
	.hamburger{top:22px}
	.container{padding:50px 0}
	.section{padding:50px 0}
	.title{margin-bottom:20px}
}

.header-tel{width: 230px; position: absolute;top:40%;right: 50px;z-index:100;transform: translate(0, -50%);text-align: center; color: #0061a3;line-height: 1.5em}
.header-tel .header-title{width:100%;font-size: 13px;}
.header-tel .header-title i{font-size: 13px;margin-right:5px}
.header-tel .phone{font-size: 26px;letter-spacing: 0}
.header-tel .phone a{font-weight: 900; color: #0061a3;}
.header-tel .phone a:hover{color: #007cc2;}
@media screen and (max-width: 1600px) {
.header-inner{padding:20px 3.5vw}
.header-tel{width: 210px; position: absolute;top:40%;right: 20px;}
.header-tel .phone{font-size:24px;}
}
@media screen and (max-width: 1280px) {
.logo{height:55px;}
.header-tel{width: 210px;position: absolute;top:38%;right: 120px;}
.header-tel .phone{font-size:22px;}
.header-inner{padding:15px 3.5vw}
}
@media screen and (max-width: 980px) {
.header{height: 65px;}
.menu{padding:85px 0 0px;}
.logo{height:50px;}
.header-inner{padding:15px 3.5vw}
.header-tel{position: absolute;top:43%;right: 100px;}
.header-tel .phone{font-size:18px;}
}
@media screen and (max-width: 767px) {
.logo{height:45px;}	
.header{height:65px;}
.header-inner{padding:10px 3vw;}
.menu{padding-top:75px;}
.header-tel{width: 170px;position: absolute;top:43%;right:55px;}
.header-tel .header-title{font-size: 10px;}
.header-tel .header-title i{font-size: 10px;margin-right:5px}
.header-tel .phone{font-size: 15px;}	
}

/*footer*/	
.footer{background:#007cc2;}
.footer-row{float:left;position:relative;width:100%; line-height:1.8em; color:#fff;background:#007cc2;}
.footer-row a {transition:500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms;color:#fff;text-decoration: none;}
.footer-row a:hover{color: #fe7837;}
.footer-content{width:100%;margin:0 auto; padding:80px 0 0; position:relative;}
.ft-left{width:35%;float:left;}
.ftinfo{width:100%;float:left;margin-bottom: 25px}
  .ftinfo ul{list-style-type:none; padding: 0;margin: 0;}
  .ftinfo li{line-height: 2em}
  .ftinfo a {text-decoration: none;}
  .ftinfo a:hover {color: #fe7837}
  .ftinfo i{font-weight:200; margin: 0 5px;}
.company{font-size:26px;font-weight: 500;margin-bottom: 20px;letter-spacing: 0.1em; display: block}
.footer-workers{float:left;width:25%;margin: 0 3% 0 0;display: block;}
.link-title{width:100%; margin:0 0 10px 0;font-size:19px;font-weight: 500}
.p-series{width:100%;float: left;margin:0;}
  .p-series ul{list-style-type:none; margin:0;}
  .p-series li{width: 50%;float: left; margin:0;}
.sitemap{width:15%;float: left; margin:10px 0 0;}
  .sitemap ul{list-style-type:none; padding: 0px;margin:0;}
  .sitemap li{margin-bottom: 2px;font-size:19px;font-weight: 500}
.sitemap-right{width:15%;float: left; margin:10px 0 0;}
  .sitemap-right ul{list-style-type:none; padding: 0px;margin:0;}
  .sitemap-right li{margin-bottom: 2px; font-size:19px;font-weight: 500}
.footer-bottom{width:100%;padding:8px 0 10px; float: left;text-align:center;background-color: #daf1fd;}
.footer-social {width:100%;float:left;}
.footer-social a {display: inline-block;width:38px; height: 38px; line-height: 34px; background-color:transparent; border: 1px solid #cccccc;border-radius: 99em; margin:0 10px 0 0;font-size:18px; transition: 500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms; text-align:center; }
.footer-social a:hover { color:#fff; background-color: #fe7837;border: 1px solid #fe7837;}
.footer-a{width:80%;float:left;margin:0 10% 70px;}
.footer-a:after{content: "";display: block;line-height: 0;clear: both;}

/*-- GILEs --*/
.miDownR{width:100%; font-size: 15px; float: left;text-align:center;color: #000;letter-spacing: 0;}
.GileLink a {font-size: 14px; color: #000;text-decoration: none;transition: 500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms; line-height:20px; margin:0 0 0 6px;}
.GileLink a:hover {font-size: 14px; color: #006ca9;text-decoration: none;}
@media only screen and (max-width: 1600px) {
.footer-content{padding:70px 0 0;}
.footer-a{width:88%;margin:0 6% 60px;}
.ft-left{width:37%;}
.footer-workers{width:28%;margin: 10px 3% 0 0;}
}
@media only screen and (max-width: 1280px) {
.footer-content{padding:60px 0 0;}
.footer-a{width:88%;margin:0 6% 50px;}
.ft-left{width:37%;}
.footer-workers{width:30%;margin: 10px 1% 0 0;}
.company{font-size:23px;}
.footer-bottom{padding:11px 0 14px;}
}
@media only screen and (max-width: 980px) {
.footer-content{padding:40px 0 0;}
.footer-a{width:90%;margin:0 5% 40px;}
.ft-left{width:55%;}
.sitemap,.sitemap-right{display: none}
.footer-workers{width:45%;margin: 0;}
}
@media only screen and (max-width: 767px) {
.footer-content{padding:30px 0 0;}
.footer-a{margin:0 5% 30px;}
.footer-workers{display: none}
.ft-left{width:100%;}
.company{font-size:22px;letter-spacing:0;}
}

.clearfix:after{content: "";display: block;line-height: 0;clear: both;}
.clear{clear:both;overflow:hidden;height:0;font-size:0;display:block}

.siteway{width:100%;float: left;padding: 0 5%;margin:150px 0 0;color: #888}
.siteway h1{float:left; line-height:1.5em;margin:0;font-size:13px;}
.siteway h2{float:left; line-height:1.5em;margin:0;font-size:13px; }
.siteway h3{float:left; line-height:1.5em;font-size:13px;} 
.siteway h4{float:left; margin:0;line-height:1.5em;font-size:13px;} 
.siteway a{color: #888;transition:500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms;text-decoration: none;}
.siteway a:hover {color: #0061a3;}
.siteway i{font-size:11px; margin:0 5px 0 0; padding-bottom: 2px; vertical-align: middle;}
.siteway span{ font-weight:bold; font-size: 10px; margin-top: -5px; vertical-align:top}
.siteway span i{color: #888;margin:0 5px}

.siteway-w{width:100%;float: left;padding: 0 5%;margin:0;color: #888;}
.siteway-w h1{float:left; line-height:1.5em;margin:0;font-size:13px;}
.siteway-w h2{float:left; line-height:1.5em;margin:0;font-size:13px; }
 .siteway-w h3{float:left; line-height:1.5em;font-size:13px;} 
 .siteway-w h4{float:left; margin:0;line-height:1.5em;font-size:13px;} 
 .siteway-w a{color: #888;transition:500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms;text-decoration: none;}
 .siteway-w a:hover {color: #0061a3;}
 .siteway-w i{font-size:11px; margin:0 5px 0 0; padding-bottom: 2px; vertical-align: middle;}
 .siteway-w span{ font-weight:bold; font-size: 10px; margin-top: -5px; vertical-align:top}
 .siteway-w span i{color: #888;margin:0 5px}

@media only screen and (max-width: 1600px) {
.siteway{margin: 130px 0 0;}
}
@media only screen and (max-width: 1280px) {
.siteway{margin: 100px 0 0;}	
.siteway span{margin-top: 0; vertical-align:middle;}
.siteway-w span{margin-top: 0; vertical-align:middle;}	
}
@media only screen and (max-width: 767px) {
.siteway{margin: 80px 0 0;}	
.siteway span{margin-top: 0; vertical-align:middle;}
.siteway-w span{margin-top: 0; vertical-align:middle;}
}
.top{width:100%;height:80vh;position:relative;overflow:hidden;margin-top:95px}
.top-img{position:absolute;top:0;width:100%;height:100%;}
.top-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}
.cir{position: absolute;bottom: -54%;left: 0;width: 140%; height: 65%; background:#ffffff;border-radius:50% 50% 0 0; margin-left: -20%;}
.slogan{width: 50%;float: left; text-align: center;margin: 0 25% 20px;}
.slogan h1{font-size: 34px;margin-bottom: 25px; line-height: 1.1em;font-weight: 500;letter-spacing: 0.2em;}
.slogan h2{font-size: 18px;letter-spacing: 0.1em;line-height: 2em}
@media screen and (max-width: 1600px) {
.slogan{width: 60%;margin: 0 20% 20px}
}
@media screen and (max-width: 1280px) {
.top{margin-top:95px;height:70vh;}
.slogan{width: 80%; margin: 0 10% 20px}
.slogan h1{font-size: 32px;}
.cir{position: absolute;bottom: -53%;left: 0}
}
@media screen and (max-width: 980px) {
.top{margin-top:85px;height:35vh;}
.slogan{width: 90%; margin: 0 5% 20px}
.slogan h1{font-size: 30px;margin-bottom: 20px;}
.slogan h2{font-size: 18px;}
.cir{position: absolute;bottom: -55%;height: 66%;}
}
@media screen and (max-width: 767px) {
.top{margin-top:75px;height:28vh;}
.slogan h1{font-size: 26px;margin-bottom: 15px;}
.slogan h2{letter-spacing: 0;line-height: 1.6em}
.cir{position: absolute;bottom: -55%;height: 68%;}
}

.nav-tabs{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:80px;background-color:#2a166d;z-index:5}
.nav-tabs .nav-link{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-transition:all 0.3s;transition:all 0.3s;color:#fff;font-size:1.125rem;font-weight:500;line-height:1.8} 
.nav-tabs .nav-link:after{content:"";display:block;border-style:solid;border-width:10px 10px 0 10px;border-color:transparent;position:absolute;bottom:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);z-index:1}
.nav-tabs .nav-link.active{background-color:#029af0;color:#000;pointer-events:none}
.nav-tabs .nav-link.active:after{border-color:#029af0 transparent transparent transparent}
.tab-pane[data-tab=introduce] .subunit-header .wdd-form{margin-top:40px}
.subunit-header{position:relative;padding:100px 0;text-align:center;background-color:#F1F1F1;z-index:4}
@media only screen and (max-width:768px){.subunit-header{padding:50px 0}}
.subunit-header .title{max-width:1000px;width:calc(100% - 75px);font-size:2rem;font-weight:500;line-height:1.5;margin:0 auto}
@media only screen and (max-width:575px){
.subunit-header .title{font-size:1.5rem}}
.nav-tabs{display:flex;gap:10px;}
.nav-link{cursor:pointer;padding:10px 20px;transition:.3s;}
.nav-link.active{font-weight:600;}
.tab-pane{display:none;}
.tab-pane:first-child{display:block;}