@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosanslao.css);
	html, body {width: 100%; height: 100%; padding:0; margin:0;}
	img{ display:block;  padding:0; margin:0; text-align: center; margin: 0 auto; }
	ul, li, div{padding:0; margin:0}
	li{ list-style:none; }
	a{cursor: pointer}


	#content {width: 100%; background: #e6e5e5;}
	#content img{width: 100%}
	#content .active {z-index: 1;opacity: 1;}
	.btn-bottom{padding-top: 15px}
	.img_tab{ width:1170px; float:left; margin:0; padding:0;}
	.img_tab li{ list-style:none; float:left;}
	.img_tab1{ float:left;}
	.img_tab2{ float:right;}

	.card-box{background: #152055; width: 100%; }
	.cardimg{width: 100%; margin: 0 auto;}
	.cardimg img{width: 50%; margin: 0 auto; text-align: center;}
	.card-btn{ width: 418px; margin: 0 auto; text-align: center;}
	.btn-main{background: #fff; padding: 50px 0;}
	.card-title{padding: 50px 0 20px 0; width: 80%}
	.card-benefit{padding: 20px 0 20px 0; }
	.card-hr{border-bottom: 1px solid #d8d8d8; padding: 10px 0;}
	.end{padding-bottom: 40px;}

	.btn{ width:100%; margin: 0 auto; background: #fff;}
	.btn-padding{ padding: 50px 0;}
	.btn-main{width: 100%; background: #333; border-radius: 8px; padding: 15px 0; margin: 0 auto; text-align: center; text-decoration: none; }
	.btn-main:hover, .btn-tex:hover {background: #555; }
	.btn-tex{font-size: 17px; font-weight: 800; color: #fff; text-align: center; text-decoration:none; letter-spacing: -1.5px; }

	.btn-2-box{background:#e6e5e5; width: 100%;}
	.btn-2 {width: 985px; margin: 0 auto;}
	.btn-2-box ul{padding: 0; margin: 0;}
	.btn-2-box li{float: left; }
	.btn-2-box .btn-right{float: right;}



@media all and (max-width: 700px) {	
	body{ background: #fff;}
	img{width: 100%;}	
	#content {width: 100%;}	
	.btn{border-radius: 0 !important; width: 100%;}
	.btn-img{ width:75%;}
	.btn-img2-bg{width:100%;}
	.btn-img2{width:57%; }
	.card-btn{width: 50%; }
	.btn-main-go{width: 72%; margin: 0 auto;}
	.btn-2 {width: 44%;}
	.btn-2-box .btn-right{padding-top:10px; }
}