#contribTop{position: relative; margin-top:170px; display: flex; flex-direction: column; justify-content: center; padding-bottom: 100px;}
#btn_top{position: absolute; display: block; bottom: 100px; left:18px;}
#btn_top span{width:15px; height: 100px;}
#btn_top a{cursor:default; font-size:12px; transform:rotate(90deg); display:block;}

#contribTop .tabs_wrap{position: relative; margin: 0 auto; width:20%; margin-top: -3%;}
#contribTop .tabs_title{display: flex; justify-content: space-around; margin-bottom: 50px;}
#contribTop .tabs_title li{position: relative;  transition-duration: 0.3s;}
#contribTop .tabs_title li a{text-align: center; font-weight: bold; font-size: 1.5vw; color: #03318C;}
#contribTop .tabs_title li a::after{content: ""; position: absolute; width: 100%; height: 20px; background-color: #28FFAF; bottom: 0; left: 0; opacity: 0; transition-duration: 0.5s; z-index: -1;}
#contribTop .tabs_title li a.select{background-color: #28FFAF;}
#contribTop .tabs_title li:hover a::after{opacity: 1;}
#contribTop .tabs_title li.select a::after{opacity: 1;}
#contribTop .page_title{position: relative; left: 5%; width: 95%;}
#contribTop .title_bg img{width: 100%;}
#contribTop .page_title .title_text{position: absolute; left: 8%; top:20%;}
#contribTop .page_title h2{font-weight: bold; font-size: 2vw; text-align: left; position: relative; opacity: 0; top: 100px;}
#contribTop .page_title h3{font-size: 1vw; color:#FFF; position: relative; opacity: 0; top: 100px;}

#contribute{padding: 10% 0; background-image: url(../img/contribute_bg.jpg); background-repeat: no-repeat; background-position: 50%; background-attachment: fixed; background-size: cover;}

#contribute .logo{position: relative; margin: 0 auto; width: 10%;}
#contribute .logo img{width: 100%;}

#contribute .section-container{padding: 0 5%; word-break: keep-all; word-wrap: break-word;}
.section-title{font-size: 2vw;}

#contribute .text-wrap{margin-top: 5%; font-size:1.5vw; line-height: 1.7em; font-family: 'S-CoreDream-3Light', 'Montserrat', sans-serif;}
#contribute .text-wrap p{margin-bottom: 1.5em  0;}
#contribute .text-wrap h3{margin-top: 5%; font-size: 1.5vw; font-weight: bold; color: #2564f7; text-shadow: 1px 1px 1px black;}

#contribute .text-wrap--center{text-align: center; margin-left: auto;}



#about{position: relative;  padding:5% 0; }
#about h1{position: relative; margin: 3% auto; text-align: center; font-size: 3vw;}
#about .about_inner{position: relative; width: 92%; max-width: 1300px; margin: 0 auto; display: flex; overflow: hidden;}
#about .about_inner>div{position: relative; width: 50%; box-sizing: border-box;}
#about .about_inner .about_img{left: -300px; opacity: 0; transition-duration: 0.5s;}
#about .about_inner .about_img img{width: 100%;}
#about .about_inner .about_text{padding: 50px; background-color: #FFF; right: -300px; opacity: 0; transition-duration: 0.5s; transition-delay: 0.3s;}
#about .about_inner .about_text h2{position: relative; font-size: 1vw; margin-bottom: 50px; color: #333;}
#about .about_inner .about_text div{position: relative;}
#about .about_inner .about_text p{font-size: 1vw; line-height: 1.6em; text-align: justify; margin-top: 20px;color: #333;}
#about .about_inner .about_text p:first-child{margin-top: 0;}
#about .about_inner .about_text p::first-letter{margin-left: 7px;}