* {font-family:'Noto Sans TC';}

html, body{height:100%;}

body{overflow-x:hidden;}

header{position:relative; max-height:920px;}
header ._video{position:absolute; top:18vw; left:5vw; z-index:2; padding:10px 10px 10px 10px; width:44vw; height:29vw; border-radius:10px;
	background:rgba(13,65,147,1);
}
/*header ._video #_vid{position:relative; background:#000; height:85%;}
header ._video #_vid iframe{position:absolute; top:0; right:0; bottom:0; left:0; height:100%;}*/
header ._video h4{color:rgb(255,255,255); text-align:center; font-size:1.3rem; font-weight:normal; margin:0 0 5px 0;}
header ._video p{color:rgb(255,255,255); text-align:center; font-size:.8rem; font-weight:normal; margin:-10px 0 2px 0;}
#_intro{position:relative; overflow:hidden;}
#_intro::after{position:absolute; content:''; top:0; right:0; bottom:0; left:0; z-index:-1;
	background:rgba(39,43,167,1.00);
	background: linear-gradient(90deg, rgba(39,43,167,1) 0%, rgba(0,113,187,1) 100%);
}
#_intro{background:url("../img/header.svg") left top no-repeat; background-size:100vw;}
#_intro .container{margin-top:0;}
#_intro img{position:absolute;}
#_intro h3{font-size:2em; color:rgba(255,255,255,1); font-weight:bolder;}
#_intro p{font-size:1em; color:rgba(255,255,255,.9); text-shadow:rgba(39,43,167,1) 1px 1px 3px;}
#_intro a._regA{padding:.5em 1em; color:rgb(255,255,255); position: absolute; right:0; background:rgba(182,229,106,1); font-size:1.2em; display:inline-block; border-radius:0; position:relative; border-radius:5px; color:rgba(9,49,62,1);
 animation:_regA infinite 1s linear alternate;}
@keyframes _regA{
	0%{opacity:.6; left:0;}
	100%{opacity:1; left:10px;}
}
#_intro a._regA::after{content:''; display:block; width:35px; height:35px; position:absolute; background:rgb(182,229,106); right:-15px; top:6px; transform:rotate(45deg); z-index:-1; border-radius:5px;}


a{text-decoration:none;}
h2{text-align:center; color:rgb(0, 57,193); font-weight:bold; letter-spacing:.1em;}
h2::after{content:''; display:block; width:60%; height:3px; margin:.5em auto;
	background: rgb(39,43,167);
	background: linear-gradient(90deg, rgba(0,113,187,1) 0%, rgba(39,43,167,1) 100%);
}
#_Nav{
	background: rgb(39,43,167);
	background: linear-gradient(90deg, rgba(0,113,187,1) 0%, rgba(39,43,167,1) 100%);
}
#_Nav .navbar-brand img{
	filter:drop-shadow(rgba(0,0,0,.3) 2px 2px 0);
}

#_info-sort a.active{border:rgb(0,43,167) 1px solid; color:rgb(255,255,255);
	background:rgba(0,43,167,1); position:relative;
}
#_info-sort a.active:hover{border:rgb(0,43,167) 1px solid; color:rgb(255,255,255);
	background:rgba(0,43,167,1); position:relative; cursor:default;
}
/*#_info-sort a.active::after{content:''; display:block; width:20px; height:20px; position:absolute; background:rgba(0,43,167,1); transform:rotate(45deg); left:calc(50% - 10px); bottom:-10px; z-index:-1;}*/
#_info-sort a{color:rgb(0,43,167); border:rgb(0,43,167) 1px solid; font-size:1.2em; padding:.5em;}
#_info-sort a:hover{border:rgb(106,20,153) 1px solid; cursor:pointer; color:rgb(255,199,18);
	background: rgb(0,57,193);
	background: linear-gradient(45deg, rgba(0,173,239,1) 10%, rgba(0,57,193,1) 100%);
}

#_info-content div{position:relative;}
/*#_info-content div._WhitePaper::before{content:'White Paper'; position:absolute; z-index:999; background-color:rgba(106,20,153,1); padding:10px 20px; color:rgba(255,255,255,1);}
#_info-content div._Webinar::before{content:'Webinar'; position:absolute; z-index:999; background-color:rgba(0,178,80,1); padding:10px 20px; color:rgba(255,255,255,1);}
#_info-content div._Video::before{content:'Video'; position:absolute; z-index:999; background-color:rgba(255,118,0,1); padding:10px 20px; color:rgba(255,255,255,1);}*/

#_info-content img{filter:brightness(1); border:rgba(51,51,51,1) 1px solid;}
#_info-content a:hover img{filter:brightness(.7); margin:-5px 5px 5px -5px; box-shadow:rgba(0,0,0,.3) 5px 5px 0;}
#_info-content i{color:rgba(255,255,255,.5); font-size:3em; position:absolute; z-index:99; top:calc(50% - .5em); left:calc(50% - .5em);}
#_info-content a:hover i{color:rgba(0,0,0,1); text-shadow:rgba(255,255,255,1) 0 0 10px;}
#_info-content a h5{color:rgba(0,0,0,1); margin-top:.5em;}

#_news>div{background:rgba(204,204,204,.3);
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(204,204,204,.3) 10%);
}
#_news .card{padding:1em; border:rgba(0,173,239,1) 1px solid;
	background: rgb(204,204,204);
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(204,204,204,1) 100%);
}
#_news .card h4{color:rgba(39,43,167,1); margin-bottom:1em; line-height:1.5em; font-weight:bolder;}
#_news .card a:hover h4{color:rgba(106,20,153,1); margin-bottom:1em; line-height:1.5em; font-weight:bolder;}
#_news .card p{color:rgba(51,51,51,1); line-height:1.5em;}
#_news .card a:hover p{color:rgba(0,0,0,1); line-height:1.5em;}
#_news .card img{mix-blend-mode:darken; width:200px; margin:auto;}

#_openRAN h3{text-align:center; color:rgb(0, 57,193); text-shadow:rgba(0,178,239,.6) 2px 2px 0; font-weight:bold; letter-spacing:.1em;}
#_openRAN ._video{position:relative; display:block;}
#_openRAN img{filter:brightness(.7);}
#_openRAN a:hover img{filter:brightness(1); margin:-5px 5px 5px -5px; box-shadow:rgba(0,0,0,.3) 5px 5px 0;}
#_openRAN i{color:rgba(255,255,255,.5); font-size:3em; position:absolute; z-index:99; top:calc(50% - .5em); left:calc(50% - .5em);}
#_openRAN a:hover i{color:rgba(0,0,0,1); text-shadow:rgba(255,255,255,1) 0 0 10px;}

#_openRAN a._ALL_video h4{color:rgb(39,43,167); margin-top:.8em; line-height:1.5em; padding-left:1.2em; text-indent:-.65em;}
#_openRAN a._ALL_video:hover h4{color:rgb(106,20,153);}
#_openRAN a._ALL_video h4 i{position:relative; color:rgb(39,43,167); left:0; top:0; font-size:1.2em; margin-right:.3em;}
#_openRAN a._ALL_video:hover h4 i{color:rgb(106,20,153);}
#_openRAN p{color:rgb(51,51,51); padding-left:.8em; margin-left:.9em; border-left:rgba(204,204,204,1) 3px solid;}

#_gift{text-align:right;}
#_gift a._reg{padding:.5em 1em; color:rgb(255,255,255); background:rgb(255,0,0); font-size:1.2em; display:inline-block; border-radius:0; position:relative; border-radius:5px;
 animation:_reg infinite 1s linear alternate;}
@keyframes _reg{
	0%{margin-right:0px;}
	100%{margin-right:10px;}
}
#_gift a._reg::after{content:''; display:block; width:35px; height:35px; position:absolute; background:rgb(255,0,0); right:-15px; top:6px; transform:rotate(45deg); z-index:-1; border-radius:5px;}

#_gift h4{text-align:left; color:rgba(82,46,144,1); font-weight:bolder; border-bottom:rgba(82,46,144,1) 2px solid; padding-bottom:5px;}
#_gift p{text-align:left;}
#_gift i{display:block; color:rgb(51,51,51); text-align:left; margin-top:1em;}


footer{padding:30px 0; margin-bottom:-30px; position:relative;
	background: rgb(0,113,187);
	background: linear-gradient(90deg, rgba(0,172,239,1) 0%, rgba(0,113,187,1) 100%);
}
footer::after{content:''; display:block; position:absolute; width:30vw; height:5vw; right:0; top:-5vw; background:url('../img/footer.png') right bottom no-repeat; background-size:cover;}
footer a{color:rgba(255,255,255,1); padding:30px 0; font-size:1.5em; margin:0 .3em;}
footer a:hover{color:rgba(0,0,0,1);}

#backTop{padding:0 .05em 0 .05em; border-radius:1em; font-size:3em; cursor:pointer; z-index:999999999; display:none; color:#fff; background:rgba(0,0,0,0.8); text-align:center; opacity:.5;}
#backTop:hover{opacity:1; padding:.1em;}
#backTop .fas.fa-arrow-alt-circle-up{display:none;}
#backTop:hover .fas.fa-arrow-alt-circle-up{display:block;}
#backTop:hover .far.fa-arrow-alt-circle-up{display:none;}