<style>
	html{
		scroll-behavior: smooth;
	}
	body{
		margin:0;
		padding:0;
	}
	a {
		text-decoration:none;
	}
	.uline {
		position: relative;
		display: inline-block;
		text-decoration: none;
	}
	.uline::after {
		position: absolute;
		bottom: 4px;
		left: 0;
		content: '';
		width: 100%;
		height: 2px;
		background: #ff7f50;
		transform: scale(0, 1);
		transform-origin: right top;
		transition: transform .3s;
	}
	.uline:hover::after {
		transform-origin: left top;
		transform: scale(1, 1);
	}
	.menu_box {
		display:none;
		position:absolute;
		width:160px;
		height:300px;
		background-color:rgba(0,0,0,0.7);
		border-left:1px solid #ccc;
		border-bottom:1px solid #ccc;
	}
	.menu_item {
		width:100%;
		line-height:30px;
		padding-left:10px;
		box-sizing:border-box;
		color:#fff;
		margin-top:5px;
		cursor:pointer;
	}
</style>
