@import url("https://fonts.googleapis.com/css?family=Noto+Sans+TC:100,300,400,500,700,900&display=swap");
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css");

*{
    margin: 0;
    padding: 0;
    list-style: none;
    font-family: 'Noto Sans TC', sans-serif;
}
.header{
    background: linear-gradient(0deg,#fe70d8,#3713c1);
}
.header .container{
    display: flex;
    margin: auto;
    max-width: 1200px;
    align-items: center;
    padding: 20px;
}
.header .header_logo{
    width: 100px;
}
.header .header_logo img{
    width: 100%;
    vertical-align: middle;
}
.header .header_navbar{
    display: flex;
    margin: auto;
}
.nav-link{
    font-family: 'Noto Sans TC', sans-serif;
	text-decoration: none;
	color: #fff;
	padding: 5px 1em;
    position: relative;
    transition: .3s;
}
.nav-link:hover{
   transform: translateY(-10px) ; 
}

.nav-link::after{
    content: '';
	position: absolute;
	left: 50%;
	right: 50%;
	bottom: -5px;
	border-bottom: 1px solid #fff;
    transition: .3s;
}
.nav-link:hover::after{
    left: 1em;
    right: 1em;
}
.header_search{
    display: flex;
}
.header_search button:focus,.header_search input:focus{
    outline: none;
}
.header_search button{
    border-radius: 0 200px 200px 0;
}
.header_search input{
    border-radius: 200px 0 0 200px;
}