@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+TC&display=swap');

body {
  font-family: 'Noto Sans TC', "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#commtiva{
	background-image: url("../../img/about.png");
}

#rattan{
	background-image: url("../../img/rattanbg.jpg");
}

.bg-light .navbar-toggler:hover {
	border: 1px solid #6db131;
	border-radius: 0.25rem;
}

.dropdown-item:hover{
	background-color: #6db131;
	color: white;
}

#cv, #success, #contact{
	min-height:900;
	box-shadow: none;
}

#robin{
	display: block;
	margin-top: 72px;
}

.text-cv{
	color: #6db131;
}

.text-rattan{
	color: #af0f17;
}

#side-bar{
	z-index: 9998;
	position: fixed;
	right: 0px;
	top: 36vh;
	transform: translateY(-50%);
	background-color: rgba(198,229,217,0.30);
	padding: 8px;
	border-radius: 8px 0 0 8px;
}

#side-bar a{
	display: grid;
	margin-bottom: 6px; 
}

hr{
	border-top: 1px dotted #808080;
	margin: 24px 0px 24px 0px;
}

.section {
	display: block;
	padding: 70px 16px;
}

.title{
	margin: 36px 0 24px 0;
}

.s-title{
	margin: 12px 0 24px 0;
}

.sec2 { 
	background: #1b3550 fixed; 
	height: auto;
	margin: 0 auto; 
	width: 100%; 
	position: relative; 
	box-shadow: 0 0 50px rgba(0,0,0,0.8);
	padding: 50px 0 100px 0;
	color: #fff;
	}

.sec3 { 
	background: #6fb62c; 
	height: auto;  
	margin: 0 auto; 
	width: 100%; 
	position: relative; 
	box-shadow: 0 0 50px rgba(0,0,0,0.8);
	padding: 0 0 80px 0;
	}

footer {
	background-color: rgba(255,255,255,1.00);
	font-size: 16px;
}

.gotop{
	margin-bottom: -5px;
	text-align: center;
}

.gotopbtn{
	width: 72px;
	height: 38px;
	background: url("../../img/gotop.png") no-repeat 0px 0px;
	display: inline-block;
}

.gotopbtn:hover{
	background-position: 0px -38px;

}