@font-face {
    font-family: 'ProximaNova-Regular';
    src: url("font/ProximaNova-Regular.otf") format("opentype");
}

body{
	font-family: 'ProximaNova-Regular','Microsoft JhengHei';
	background-color: #f5f5f5;
}

.homeBannerContainerImg{
	width:100%;
	height: 600px;
    object-fit: cover;
    object-position: 30% 30%;
}

.homeBannerContainer{
	max-width:1200px;
	margin:0px auto;
	position:relative;
	min-height: 582px;
	width:100%;
}

.homeBody1Container{
	max-width:2000px;
	margin:0px auto;
	position:relative;
	/*margin-top:40px;*/
	width:100%;
}

.homeBody2Container{
	max-width:2000px;
	margin:0px auto;
	position:relative;
	width:100%;
	margin-top:75px;
	margin-bottom: 50px;
}

.homeBody3Container{
	max-width:2000px;
	margin:0px auto;
	position:relative;
	width:100%;
	margin-top:75px;
	margin-bottom:50px;
	
}

.homeBody4Container{
	margin:0px auto;
	position:relative;
	width:100%;
	background-color:#e4e4e4;
	height:300px;
}

.homeBannerContainerImgDiv{
	position:relative;
}

.homeBannerContainerImg_text_con{
	max-width:650px;
	width:100%;
	position:absolute;
	left:50%;
	top:0px;
	transform:translateX(-50%);
}

.homeBannerContainerImg_text_con_text1{
	font-size:35px;
	color:#263238;
	line-height:1.1;
	margin-top:135px;
}

.homeBannerContainerImg_text_con_text2{
	color:#979797;
	margin-top:10px;
}

.homeBannerContainerImg_text_con_button{
	color:#008EEC;
	font-size:15px;
	padding:10px 35px;
	border:1px solid #008EEC;
	border-radius:5px;
	display:inline-block;
	margin-top:50px;
}

.homeBannerContainerImg_text_con_a:hover{
	opacity:0.5;
}

.homeBannerContainerImg_text{
	position:absolute;
	/* max-width:830px; */
	/* width:100%; */
	bottom:0px;
	top:0px;
	/* left:50%; */
	z-index:1;
	/* transform:translateX(-50%); */
}

.homeBannerContainerImg_text1{
	margin-top:125px;
	font-size:40px;
	color:#263238;
}

.homeBannerContainerImg_text2{
	margin-top:58px;
}

.homeBannerContainerImg_text2_try{
	display:inline-block;
	font-size:10px;
	color:#008EEC;
	padding:12px 40px;
	border:1px solid #008EEC;
	border-radius:6px;
}

.homeBannerContainerImg_text2_try_a:hover{
	opacity:0.5;
}

.homeBannerContainerNav{
	position:absolute;
	/* padding:30px; */
	height:90px;
	max-width:650px;
	width:100%;
	background-color:#FFF;
	left:50%;
	z-index:1;
	transform:translateX(-50%);
	bottom:24px;
	border-radius:4px;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.2);
	box-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.2);
}

.homeBannerContainerNav_0{
	display:inline-block;
	vertical-align:top;
	padding:15px;
	font-size:13px;
	color:#707070;
}

.homeBannerContainerNav_1{
	display:inline-block;
	vertical-align:top;
	width:80px;
	padding:14px;
	font-size:13px;
	color:#008EEC;
}

.homeBannerContainerNav_img{
	height:28px;
	margin:0px auto;
	margin-top:5px;
	display:block;
}

.homeBannerContainerNav_text{
	margin-top:8px;
	width:80px;
	font-size:14px;
	color:#000000;
	text-align:center;
}

/*
.homeBannerContainerNav_line{
	display:inline-block;
	vertical-align:top;
	margin-top:15px;
	margin-bottom:15px;
	height:80px;
	border-left:1px solid #E4E4E4;
}
*/

/*
.homeBannerContainerNav_a:hover{
	opacity:0.5;
}
*/

.homeBannerContainerNav_1:hover .homeBannerContainerNav_text, .homeBannerContainerNav_1.active .homeBannerContainerNav_text{ /*∆*/
	color: #008EEC;
}

.homeBannerContainerNav_1:hover .homeBannerContainerNav_img, .homeBannerContainerNav_1.active .homeBannerContainerNav_img{ /*∆*/
    filter: invert(37%) sepia(69%) saturate(3368%) hue-rotate(185deg) brightness(95%) contrast(101%);
}

.homeBody1ContainerDiv{
	max-width: 830px;
    width: 100%;
	margin:0px auto;
	margin-bottom:85px;
	margin-top: 80px;
}

.homeBody2ContainerDiv{
	max-width: 830px;
    width: 100%;
	margin:0px auto;
	margin-bottom:85px;
}

.homeBody3ContainerDiv{
	max-width: 830px;
    width: 100%;
	margin:0px auto;
	margin-bottom:85px;
}

.homeBody1ContainerDiv_text{
	display:inline-block;
	margin-top:80px;
	width:400px;
	float:left;
}

.homeBody1ContainerDiv_text_title{
	font-size:40px;
	color:#263238;
}

.homeBody1ContainerDiv_text_body{
	margin-top:40px;
	margin-bottom:40px;
	/* font-family:'Adobe Garamond Pro'; */
	font-family: 'EB Garamond', serif, ,'Microsoft JhengHei';
	font-size:16px;
	color:#263238;
}

.homeBody1ContainerDiv_text_button{
	display:inline-block;
	vertical-align:top;
	font-size:18px;
	color:#008EEC;
	border:1px solid #008EEC;
	padding:10px 25px;
	border-radius:5px;
}

.homeBody1ContainerDiv_image{
	display:inline-block;
	width:320px;
	float:right;
}

.homeBody1ContainerDiv_img{
	width:320px;
}

.homeBody1ContainerDiv2 .homeBody1ContainerDiv_text{
	float:right;
}

.homeBody1ContainerDiv2 .homeBody1ContainerDiv_image{
	float:left;
}

.homeBody1ContainerDiv4 .homeBody1ContainerDiv_text{
	float:right;
}

.homeBody1ContainerDiv4 .homeBody1ContainerDiv_image{
	float:left;
}

.homeBody2ContainerDiv_title{
	text-align:center;
	width:100%;
	font-size:30px;
}

.homeBody2ContainerDiv_box{
	display:inline-block;
	vertical-align:top;
	width:32%;
	text-align:center;
	margin:0px auto;
	margin-top:60px;
}

.homeBody2ContainerDiv_img{
	height:106px;
}

.homeBody2ContainerDiv_text{
	font-size:15px;
	color:#263238;
	width:60%;
	display:block;
	margin:0px auto;
	margin-top:36px;
}

.homeBody2ContainerDiv_box_line3{
	display:block;
	position:relative;
	left:-20px;
}

.homeBody3ContainerDiv_title{
	text-align:center;
	width:100%;
	font-size:30px;
	color:#263238;
}

.homeBody3ContainerDiv_box{
	display:inline-block;
	vertical-align:top;
	width:32%;
	text-align:center;
	font-size:30px;
	color:#263238;
	margin-top:85px;
	margin-bottom:35px;
}

.homeBody3ContainerDiv_button{
	display:inline-block;
	margin:0px auto;
	color:#3CA8EE;
	border:1px solid #3CA8EE;
	font-size:20px;
	padding:10px 30px;
	position:relative;
	left:50%;
	transform:translateX(-50%);
	border-radius:5px;
}

.homeBody1ContainerDiv_text_button_a:hover{
	opacity:0.5;
}

.homeBody3ContainerDiv_a:hover{
	opacity:0.5;
}

.homeBannerContainerImg_text_container {
    display: block;
    background: #FFF;
    margin-top: 40px;
    margin-left: -32px;
    width: 400px;
    /* height: 300px; */
    border-radius: 4px;
    padding: 32px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05), 0 1px 2px rgba(0,0,0,0.1);
}

.homeBannerContainerImg_text1_b{
	font-size:40px;
	font-weight:bold;
	line-height: 1.25; /*∆*/
    color: black;
}

.homeBannerContainerImg_text2_b{
	margin-top:16px;
	color:#9e9e9e;
	font-size:14px;
	line-height:1.75;
}

.homeBannerContainerImg_text3_b{
	margin-top:16px;
	color:#aaaaaa;
	font-size:13px;
	line-height:1.8;
	font-weight: bold;
}

.homeBannerContainerImg_a{
	color:#0085e3;
}

.homeBannerContainerImg_a:hover{
	opacity:0.5;
	color:#0085e3;
	text-decoration:none;
}

.homeBannerContainerImgDiv0b{
}

@media screen and (max-width: 1300px) {
	.homeBannerContainerImg_text_container{
		margin-left: 24px;
	}
	
	.homeBannerContainer {
		max-width: 1300px;
	}
}


@media screen and (max-width: 880px) {
	.homeBannerContainerImg_text{
		/* width:calc(100% - 50px);
		padding:0px 25px; */
		width:100%;
	}
	
	.homeBannerContainerNav{
		width:calc(100% - 50px);
		margin:0px auto;
	}
	
	.homeBody1ContainerDiv{
		width:calc(100% - 50px);
		margin:0px auto;
		margin-bottom:85px;
	}
	
	.homeBody2ContainerDiv_title{
		width:calc(100% - 50px);
		margin:0px auto;
	}
}

@media screen and (max-width: 823px) {
	
	.homeBannerContainerNav_text{
        font-size: 14px;
    }
	
	/*
	.homeBannerContainerNav{
		bottom:0px;
	}
	*/
	
	.homeBody1Container{
		margin-top:10px;
	}
	
	/*
	.homeBannerContainerNav_0{
		width:80px;
	}
	*/
}

@media screen and (max-width: 769px) {
	.homeBody1ContainerDiv_text{
		width:100%;
		margin-bottom:20px;
	}
	
	.homeBody1ContainerDiv_image{
		text-align:center;
		width:100%;
	}
	
	.homeBody1ContainerDiv{
		margin-bottom:20px;
	}
	
	.homeBannerContainer{
		/* min-height:700px; */
	}
	
	.homeBannerContainerImg_text_container {
		width: calc(100% - 64px);
		margin-left: 0px;
		max-width: 700px;
		border-radius: 0;
		position: relative;
		bottom: 0;
	}
	
	.homeBannerContainerNav {
		bottom: 0px;
		max-width: none;
		box-shadow: none;
		border-bottom: 1px solid #e4e4e4;
		border-radius: 0px;
		width: calc(100% - 60px);
		max-height: inherit;
		word-break: keep-all;
		overflow-x: auto;
		overflow-y: hidden;
		white-space: nowrap;
		height: 90px;
		padding-left: 60px;
	}
	
	.homeBannerContainerImg_text_con{
		padding:0px 25px;
		width:calc(100% - 50px);
	}
	
	.homeBannerContainerNav::-webkit-scrollbar {
		display: none;
	}
}

@media screen and (max-width: 520px) {
	.homeBannerContainerImg_text1{
		margin-top:60px;
		font-size:30px;
	}
	
	.homeBody2ContainerDiv_box{
		width:49%;
	}
	
	.homeBannerContainerImg_text_container{
		width:calc(100% - 60px);
	}
	
	.homeBannerContainerImg_text1_b{
		font-size:20px;
		line-height:1.2;
	}
	
	.homeBannerContainerImg_text2_b,.homeBannerContainerImg_text3_b{
		font-size:12px;
		line-height:1.5;
	}
}

@media screen and (max-width: 390px) {
	.homeBannerContainer{
		min-height:700px;
	}
	
	.homeBannerContainerNav{
		/* bottom:-126px; */
	}
}

@media screen and (max-width: 361px) {
	
	
	.homeBody1Container{
		/* margin-top:136px; */
	}
	
	.homeBody1ContainerDiv_img{
		width:100%;
	}
	
	.headerMenuUi{
		display:none;
	}
}