@charset "UTF-8";

.wrap1{
	padding: 30px 0;
}

.wrap1 img{
	width: 400px;
}

.wrap2{
	text-align: right;
	padding-top: 20px;
}

.wrap2 img{
	width: 150px;
}

.wrap3 h1{
    font-weight: 500;
    font-size: 2rem;
    color: #003926;
}

.wrap3 h2{
    font-weight: 400;
    font-size: 1.4rem;
    color: #000000;
    padding: 10px 0;
}

.wrap3 h5{
	padding: 5px 0;
	font-weight: 300;
	font-size: 1rem;
	color: #000000;
	line-height: 2;
	text-align: justify;
}

.wrap4 {
	text-align: right;
}

.wrap4 img{
	width: 240px;
}

.wrap5 img{
	width: 100%;
}

.wrap6{
	display: none;
}

.wrap6 img{
	width: 100%;
}

.wrap7 img{
	width: 100%;
}

.wrap3 .btn{
	border: 1px solid #c0a470;
	padding: 10px 30px;
	width: 100%;
	margin-top: 10px;
	border-radius: 0;
}

.btn .flex{
	display: flex;
	width: 200px;
    margin: auto;
}

.btn .flex .item1{
	flex: 0 0 30%;
}

.btn .flex .item2{
	flex: 0 0 70%;
	text-align: left;
}

.wrap3 .btn img{
	width: 40px;
}

.wrap8{
	margin-top: 10px;
	text-align: center;
}

.wrap8 img{
	width: 200px;
	border: 1px solid #a5a5a5;
}

.wrap9{
	position: relative;
	width: 200px;
	margin: auto;
	padding: 10px;
}

.wrap9 .left{
	position: absolute;
	left: 0;
}

.wrap9 .right{
	position: absolute;
	right: 0;
}

.wrap9 .center{
	position: absolute;
	left: 35%;
}

.wrap9 .left img{
	width: 30px;
}

.wrap9 .right img{
	width: 30px;
}

.wrap9 .center img{
	width: 50px;
}

.section-topic {
    margin: 0 0;
    padding: 10px 0 10px 0;
}

.h{
	top: 70px;
}

.arrow-left:hover,
.arrow-right:hover{
    cursor: pointer;
}

.timeline-box{
	border: 1px solid #ad8537;
	/* height: 300px; */
	padding: 10px;
}

.timeline-box .tp{
	padding: 15px 15px 10px 15px;
	font-size: 1.4rem;
	color: #003926;
}

.timeline-box .desc{
	padding: 0 15px 10px 15px;
	line-height: 2;
}


.download-fr{
	position: absolute;
	bottom: 25px;
}

.btn.fr{
    
    width: 100%;
    border: 1px solid #c0a470;
    margin-top: 10px;
    color: #003926;
    border-radius: 0;
}

.btn.fr .item2{
	font-size: .8rem;
}

.btn.fr .item1 img{
	width: 30px;
}


ol{
	padding-left: 0;
}

.hda{
	display: none;
}

.hdb{
	display: block;
}

.texta-r{
	display: none;
}

@media (max-width: 767.9px) {
	.wrap1{
		padding: 0 10px;
	}

	.wrap3.t1{
		/* width: 250px!important; */
	}

	.wrap3.t1 .btn1{
		display: none;
	}

	.wrap4{
		display: none;
	}

	.wrap5{
		display: none;
	}	

	.wrap6{
		display: block;
	}

	.wrap8 img {
	    width: 100%;
	}

	.hda{
		display: block;
		position: relative;
	}

	.hdb{
		display: none;
	}

    .texta-r{
    	position: relative;
    	height: 200px;
    	display: block;
    }

    .texta h5{
        position: absolute;
        right: 0;
        /* width: 230px; */
        padding: 5px 10px 40px 5px;
        font-weight: 300;
        font-size: 1rem;
        color: #000000;
        line-height: 2;
        text-align: justify;
    }
}

@media (max-width: 576px) {

	.wrap1 img {
		width: 100%;
	}

	.wrap2 img {
		width: 120px;
	}

	.wrap3 h1 {
		font-size: 1.8rem;
	}
	
	.wrap3 h2 {
		font-size: 1.2rem;
	}
}