@media (max-width: 1599px), (max-height: 865px){
	.visible-xlg{
		display: block;
	}
	.visible-xlg-inline{
		display: inline-block;
	}
	.hidden-xlg{
		display: none;
	}
	.header_menu{
		padding-top: 160px;
	}
	.main_menu{
		margin-bottom: 90px;
	}
	.hmenu_div{
		width: 100%;
	}
	.hmenu_box{
		padding-left: 40px;
		padding-right: 40px;
	}
	.hmenu_title{
		font-size: 26px;
	}
	.hmi_left{
		padding-left: 40px;
	}
	.hmi_right{
		padding-right: 40px;
	}
	.spz_main{
		padding-top: 100px;
	}
	.spz_treel{
		width: 500px;
	}
	.spz_treer{
		width: 500px;
	}
	.title_type_lr{
		width: 1200px;
	}
	.lf2_page_sub{
		margin-bottom: 15px;
	}
	.lf2_page_text h1{
		font-size: 36px;
	}
	.lf2s_page_info{
		background-size: 350px auto;
		background-position: bottom -80px left -40px;
	}
	.lf2sp_info_unit{
		padding-top: 80px;
	}
	.lf2sp_info_title{
		height: 100px;
		margin-bottom: 5px;
	}
	.lf2sp_info_title > div{
		font-size: 26px;
		line-height: 30px;
	}
	.lf2sp_info_text > div{
		height: 400px;
	}
	.lf2_menu{
		bottom: 0;
	}
	.lf2_menu_btn{
		padding: 3px 0;
	}
	.plan_title{
		padding-top: 100px;
		margin-bottom: 20px;
	}
	.plan_hr{
		margin-bottom: 15px;
	}
	.plan_sub{
		margin-bottom: 30px;
	}
	.plan_video{
		width: 642px;
		height: 362px
	}
	.plan_video iframe{
		width: 640px;
		height: 360px
	}
	.plan_bar_bg{
		top: 285px;
	}
	.plan_treel{
		width: 500px;
	}
	.plan_treer{
		width: 500px;
	}
	.landscape_main{
		padding-top: 100px;
	}
	.bfs_unit_main{
		padding-top: 80px;
	}
	.bfs_unit h2{
		font-size: 32px;
		margin-bottom: 10px;
	}
	.bfs_unit p{
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.bfu_con{
		margin-top: 30px;
	}
	.bfu_right{
		right: 80px;
		padding-left: 50px;
	}
	.bfu_p1_img{
		flex: 0 0 310px;
		padding-left: 50px;
	}
	.bfu_p1_rdiv{
		padding-left: 20px;
	}
	.bfu_p2_img01{
		width: 300px;
	}
	.bfu_p2_img02{
		width: 400px;
	}
	.team_title h1{
		font-size: 32px;
	}
	.team_box{
		padding-top: 180px;
	}
	.tb_name{
		font-size: 22px;
	}
	.tb_company{
		font-size: 20px;
	}
	.team_photo img{
		width: 350px;
		bottom: -35px
	}
	#team_photo_01{
		width: 450px;
	}
	#team_photo_02{
		bottom: -80px;
	}
	#team_photo_03{
		bottom: -80px;
	}
	#team_photo_04{
		left: -60px;
		bottom: 0;
	}
	#team_photo_05{
		left: -50px;
		bottom: -35px;
	}
	#team_photo_06{
		left: -80px;
	}
	.eva_main{
		margin-top: 20px;
	}
	.eva_video{
		width: 1100px;
	}
	.eva_video .slick-dots{
		bottom: -110px;
	}
	/*
	.eva_slick{
		width: 1100px;
		height: 320px;
	}
	.es_unit{
		height: 320px;
	}
	*/
	.eva_slick_info{
		transform: translateY(-85px);
	}
	.ht_slick_div{
		position: relative;
	}
	.home_type_left{
		padding-top: 140px;
		padding-right: 100px;
	}
	.home_type_right{
		padding-top: 80px;
		padding-left: 20px;
	}
	.ht_title{
		font-size: 24px;
		margin-bottom: 5px;
	}
	.ht_sub{
		font-size: 20px;
	}
	.ht_sub span{
		font-size: 34px;
	}
	.home_type_right hr{
		padding-right: 40px;
		margin: 10px 0;
	}
	.home_type_right p{
		margin: 10px 0;
	}
	.ht_slogan_div{
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.ht_room{
		width: 300px;
		transform: translateX(-100px);
	}
	#news{
		padding-top: 90px;
	}
	.news_title{
		margin-bottom: 20px;
	}
	.news_div{
		width: 760px;
	}
	.news_box{
		margin-bottom: 20px;
	}
	.news_img{
		flex: 0 0 160px;
	}
	.news_img img{
		width: 160px;
		height: 160px;
		object-fit: cover;
	}
	.news_con{
		height: 140px;
		padding: 20px 20px 0px 20px;
	}
	.news_con .title{
		font-size: 20px;
		height: 32px;
		-webkit-line-clamp: 1;
	}
	.news_con .sub{
		font-size: 16px;
	}
	.bs_right{
		top: 150px;
		right: 40px;
	}
	.bs_main h1{
		margin-bottom: 15px;
	}
	.bs_main .bsm_sub{
		font-size: 24px;
		margin-bottom: 0;
	}
	
	/* contact */
	.contact_main{
		width: 400px;
		padding-top: 70px;
	}
	.contact_form{
		padding: 100px 50px 30px 50px;
		height: 560px;
		margin-top: 5px;
		background-image: url(../img/form_bg.png);
		background-size: 400px auto;
	}
	.contact_title{
		top: 30px;
		font-size: 24px;
		letter-spacing: 2px;
		line-height: 30px;
	}
	.contact_info_div{
		padding-left: 0px;
		padding-right: 0px;
	}
	.contact_info{
		margin-bottom: 0;
	}
	.contact_info .title{
		flex: 0 0 85px;
		font-size: 13px;
		padding-left: 15px;
	}
	.contact_info .tel{
		font-size: 33px;
		padding-left: 3px;
		letter-spacing: 3px;
		text-align: center;
	}
	.contact_info .address{
		font-size: 16px;
		padding-left: 5px;
		text-align: center;
	}
	.contact_info .icon{
		text-align: right;
		padding-right: 10px;
	}
	.contact_info .title span{
		padding-left: 5px;
	}
	.contact_form input[type="text"],.contact_form input[type="tel"]{
		padding-left: 0;
		height: 50px;
	}
	.contact_form select{
		padding-left: 0;
		height: 50px;
	}
	.contact_form textarea{
		padding-left: 0;
		height: 60px;
		margin-top: 5px;
	}
	.ctf_title{
		padding-left: 0;
	}
	
	.map{
		height: calc(100% - 160px);
		/*
		background-size: 1600px auto;
		background-position: bottom left;
		*/
	}
	.map_layout{
		background-size: 1600px auto;
		background-position: bottom left;
	}
	.map_footer{
		height: 160px;
	}
	.mf_main{
		padding: 13px 30px;
	}
	.mf_lg_ul1{
		flex: 0 0 40%;
	}
	.mf_lg_ul2{
		flex: 0 0 30%;
	}
	.mf_title{
		font-size: 18px;
	}
	.mfli_title{
		flex: 0 0 70px;
		font-size: 14px;
	}
	.mfli_text{
		font-size: 14px;
	}
	.mf_main hr{
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.mf_logo{
		flex: 0 0 300px;
	}
	.mf_logo img{
		top: -15px;
	}
	.popup_ad{
		width: 1080px;
		padding-left: 30px;
		padding-right: 30px;
		margin-left: auto;
		margin-right: auto;
	}
	.popup_ad img{
		width: 100%;
	}
	.popup_close{
		right: 30px;
	}
	.clause_main{
		height: calc(100% - 80px);
	}
}

@media (max-width: 1599px){
	.bs_title{
		margin-bottom: 20px;
	}
	.bs_case{
		height: 500px;
	}
	.bs_case_box.active{
		flex: 0 0 50%;
	}
	.map_menu{
		bottom: 100px;
	}
}

/* nb only */
@media (min-width: 1000px) and (max-width: 1599px){
	.bf_slick_nav{
		bottom: 20px;
	}
	.bs_title{
		margin-bottom: 10px;
	}
	.bsm_sub{
		font-family: 'Noto Sans TC', sans-serif;
	}
	#bsc02 {
		background-position: top left -170px;
	}
	#bsc03{
		background-position: top left -210px;
	}
}