@import url('https://fonts.googleapis.com/css?family=Noto+Sans+TC:300,700,900&display=swap');

*{
	/* margin: 0;
	padding: 0;
	list-style: none; */
	font-family: 'Noto Sans TC', sans-serif;
}
#tpn01  .banner{
	width: 100%;
	height: 70vh;/*篇幅高佔比*/
	background-color: #ccc;
	background:
	   linear-gradient(115deg, #7bf 50%, transparent 50%) center center / 100% 100%,
	   url("../images/210232.jpg") right center / auto 100%;
}
/* .container{
	width: 100%;
	max-width: 1440px;
	height: 100%;
	margin: auto;
} */
#tpn01 .banner-txt{
	height: 100%;
	 display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start; 
	padding-top: 5vh;
	padding-left: 2vw;
}
#tpn01  .banner-txt h1{
	font-size: 7vw;
	border-bottom: 1px solid #333;
	font-weight: 900;
	padding-bottom: .3em;
	margin-bottom: .3em;
}

#tpn01 .banner-btn{
	padding-left: 2vw;
}

#tpn01 .banner-hr{/*沒用*/
	border-top: 1px ;
	color:#000000;
	width:70vw;
	text-align:left;
	margin-left:0;
  }




#tpn01 .banner-txt h1 small{
	display: block;
	font-size: 4vw;
	font-weight: 700;
	
}
#tpn01 .banner-txt h2{
	font-size: 3vw;
	font-weight: 700;
}
#tpn01 .banner-txt p{
	/* font-size: 20px; */
	font-size: 1vw;
	font-weight: 300;
}

#tpn01 .btn-set{
	width:125px;
	height:50px;
	font-size:16px;
    font-weight:600;
}

@media only screen and (max-width: 768px) {

	#tpn01 .banner-txt h1{
		font-size: 9vw;
	}
	#tpn01 .banner-txt h1 small{
		font-size: 7vw;
	}
	#tpn01 .banner-txt h2{
		font-size: 6vw;
	}
    #tpn01 .banner-txt p{
		font-size: 4vw;
		background-color: rgba(255, 255, 255, 0.3);
		padding: 5px;
	}
	#tpn01 .banner{
		height: 55vh;/*篇幅高佔比*/
}