@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1366px) {
	.top_con {
		margin-top:-62px!important;
		width: 90%;
		margin: 0 auto;
	}
	#bx-pager {
		bottom: 17%;
	}
}
@media screen and (max-width:1199px) {
	.main_title_comment .comment_bg p.comment_title {
		right: 14.5%;
	}
	.card-header-con p.font-title {
		font-size: 1.2rem;
	}
	.card-header-con p.subtitle {
		font-size: 1.1rem;
	}
	.part2 p.font-title {
		font-size: 1.1rem;
	}
	.part2 p.subtitle {
		font-size: 1.1rem;
	}
	.sub_layout_con .content ul {
		padding-inline-start: 11%;
	}
	.calc_part_con label.title_slider {
		font-size: 1.1rem;
	}
	.calc_form_text span.text_back {
		font-size: 1.1rem;
	}
	.form-control-calc-text {
		width: 59%;
		font-size: 1.1rem;
	}
	.sub_layout_con .content_main p.sub_text_note{
		font-size: 1.35rem;
	}
	.footer_in a > span.text_footer{display:inline-block;}
	a.calc_bt_box {
		margin-right: 5px;
		margin-left: 5px;
		padding: 2px 5px 15px 5px;
	}
	.left_calc_icon {
		width: 90px;
	}
	h2.calc_bt_title {
		font-size: 1.2rem;
	}
	.calc_bt_text {
		font-size: 0.85rem;
	}
	img.bt_arrow {
		right: -17px;
		top: -2px;
	}
	.maskImg {
		background-image: url(../images/mask_mid.png);
		height: 68vh;
	}
	.owl-carousel.top  .owl-nav.disabled{
		display:block;
	}
	.top_con .owl-carousel .owl-nav button.owl-prev span{
		position: absolute;
		top: 50%;
		left: -38px;
		font-size: 0px;
		transform: translatey(-150%);
		background-image: url(../images/top_prev.png);
		background-repeat: no-repeat;
		width: 22px;
		height: 40px;
	}
	.top_con .owl-carousel .owl-nav button.owl-next span{
		position: absolute;
		top: 50%;
		right: -38px;
		font-size: 0px;
		transform: translatey(-150%);
		background-image: url(../images/top_next.png);
		background-repeat: no-repeat;
		width: 22px;
		height: 40px;
	}
	.top_con .owl-carousel .owl-nav button.owl-prev span:hover{
		background-image: url(../images/top_prev_hover.png);
	}
	.top_con .owl-carousel .owl-nav button.owl-next span:hover{
		background-image: url(../images/top_next_hover.png);	
	}
}
	

/* ipad pro */
@media screen and (max-width:1025px) {
	.wrapper_float {
		display: none;
	}
	.w1000 {
		width: 980px;
	}	
	.inside_banner .title_con.buy {
		background: url(../images/buyhouse_banner_1025.jpg) no-repeat center top;
	}
	.inside_banner .title_con.transfer {
		background: url(../images/transferloan_banner_1025.jpg) no-repeat center top;
	}
	.inside_banner .title_con.financial{
		background: url(../images/financialloan_banner_1025.jpg) no-repeat center top;
	}
	.inside_banner .title_con.calc{
		background: url(../images/calc_banner_1025.jpg) no-repeat center top;
	}
	.inside_banner .title_con.card {
		background: url(../images/card_banner_1025.jpg) no-repeat center top;
	}
	span.break_title_benefit{
		display:block;
	}
	.hint.benefit {
		width: 80%;
	}
	.sp_con_single img.sp_img.pay {
		width: 70%;
		margin: 50px auto 20px auto;
	}
	.wrapper_float.increaseloan {
		display: inline-block;
		top: 75%;
	}
	.wrapper_float.increaseloan a.floating{
		width:50%;
	}.footer_in a > span.text_footer{display:inline-block;}
	.top_con {
		margin-top: -40px!important;
		width: 80%;
		margin: 0 auto;
	}
}
@media screen and (max-width: 1025px) and (min-width: 481px){
		h3.table_title{
			font-size: 1.05rem;
		}
		.table_title, .left_table .left_tb_con_no, .right_table .right_tb_con_no, .left_table .left_tb_con, .right_table .right_tb_con, .sub_layout_con .content ol li.list_text_table, p.sub_text, p.sub_text_no{
			font-size: 1.05rem;
		}
		.sub_layout_con .content ul{
			font-size: 1.15rem;
			line-height: 40px;
		}
		.inside_banner .title_con h1.main_title_inside{
			font-size: 2.5rem;
		}
		.inside_banner .title_con h3.main_title_inside{
			font-size: 2.5rem;
		}
		.highlight_con p.highlight_title{
			font-size: 1.8rem;
		}
		.highlight_con h2.highlight_title{
			font-size: 1.8rem;
		}
		.highlight_con .hint{
			font-size: 1.05rem;
		}
		.highlight_con .hint span.texth_right{
			font-size: 1.05rem;
			line-height:25px;
		}
		.sub_layout_con .content_main p.big_title{
			font-size: 2.4rem;
		}
		.sub_layout_con .content_main h2.big_title{
			font-size: 2.4rem;
		}
		.sub_layout_con .content_main p.sub_text{
			font-size: 1.25rem;
		}
		.sub_layout_con .content .title_content_bg p.content_title{
			font-size: 1.4rem;
		}
		.sub_layout_con .content .title_content_bg h3.content_title{
			font-size: 1.4rem;
		}
		.inside_banner .title_con h1.main_title_inside_benefit {
			font-size: 2.5rem;
			padding: 40px 0px 30px 0px;
		}.footer_in a > span.text_footer{display:inline-block;}

}
@media(max-width:1000px){
	.ad_con .item{
		margin:0; 
		transform:scale(1)
	}
}

@media screen and (max-width:992px) {
	.container .logo img{
		width:20%;
	}
	.header{
		display: none;
	}
	.mobile_header,.toggle{
		display: block;
	}
	.mobile_header{
		position: fixed;
		top: 0;
		background: #fff;
		z-index: 120;
		width: 100%;
		height: 70px;
		box-shadow: 2px 0 7px rgba(0,0,0,0.3);
		padding-top: 6px;
	}
	a.logo_inside{
		background-size: contain;
		width: 120px;
		height: 40px;
		margin: 12px 0 0 15px;
	}
	.toggle{
		position: fixed;
		top:14px;
		right:14px;
		z-index:130;
		background:url(../images/m_nav.png);
		height: 45px;
		width: 45px;
	}
	.active_mobile{
		background:url(../images/m_close.png);
		background-repeat:no-repeat;
	}
	.mobile_nav{
		position: fixed;
		right:0;
		top:59px;
		z-index:140;
		height:100%;
		width:100%;
		font-size: 1.5em;
		font-weight: bold;
		background: rgba(248,248,248,0.95);
		margin-top: 10px;
		}
	.mobile_nav ul{
		margin: 0;
		padding: 0;
	}
	.mobile_nav li{
		position: relative;
		color: #636363;
		list-style: none;
		border-bottom: 1px solid #ccc;
		padding: 10px 0px 10px 0px;
		vertical-align: middle;
		text-align: left;
		font-size: 20px;
	}
	.mobile_nav li.pd{
		padding-left:49px;
	}
	.mobile_nav li.blue{
		color:#254a8a;
		padding-left:35px;
	}
	.mobile_nav li.red{
		color:#e01a0f;
		padding-left:35px;
	}
	.mobile_nav li span.home_calc{
		width: 60px;
		height: 37px;
		display: inline-block;
		background: url(../images/home_calc_mobile.png) no-repeat;
		vertical-align: middle;
		line-height: 40px;
		margin-right: 10px;
	}
	.mobile_nav li span.calc_money{
		width: 60px;
		height: 37px;
		display: inline-block;
		background: url(../images/calc_money_mobile.png) no-repeat;
		vertical-align: middle;
		line-height: 40px;
		margin-right: 10px;
	}
	.mobile_nav li span.call{
		width: 60px;
		height: 37px;
		display: inline-block;
		background: url(../images/call_mobile_2.png) no-repeat;
		vertical-align: middle;
		line-height: 40px;
		margin-right: 10px;
	}
	.mobile_nav li span.home{
		width: 60px;
		height: 37px;
		display: inline-block;
		background: url(../images/home_mobile.png) no-repeat;
		vertical-align: middle;
		line-height: 40px;
		margin-right: 10px;
	}
	.mobile_nav ul{list-style: none}li.mnav::before {
		content: "";
		display: inline;
		vertical-align: text-top;
		padding-left:0;
	}
	.mobile_nav a {
		display: block;
		color: #636363;
		text-decoration: none;
		font-size: 20px;		
	}
	a.nav_btn_2.dropdown-toggle2 {padding: 0px 0px 10px 49px;border-bottom: 1px solid #ccc;}
	a.li_sub > li{display:block;position:relative;width: 100%;}
	a.li_sub:nth-child(1) li{}
	a.li_sub:nth-child(4) li{border: none;padding-bottom:0px;}
	.dropdown2.li_main{position:relative;padding: 10px 0px 10px 0px;display: block;}
	.dropdown-menu2{width:100%;background:none;margin:0;padding:0;border-radius: 0;}
	.dropdown-toggle2::after{
	display:inline-block;
	margin-left:.255em;
	vertical-align:.255em;
	content:"";
	border-top:.3em solid;
	border-right:.3em solid transparent;
	border-bottom:0;
	border-left:.3em solid transparent;
	}
	.dropdown-menu2 .li_sub{padding-left:49px;}
	.dropdown-menu2 .li_sub li{color:#254a8a;font-size:0.9em}
	/* banner --------------------------------------*/

	/* part1 --------------------------------------*/
	.banner{
		padding-top:70px;
	}
	/* part2 --------------------------------------*/
	.card-header-con p.font-title {
    font-size: 1.1rem;
	}
	.card-header-con p.subtitle {
		font-size: 1.1rem;
	}
	.part2_con p.font-title {
    font-size: 1rem;
	}
	.part2_con p.subtitle {
		font-size: 1.1rem;
	}
	/* part3 --------------------------------------*/
	.main_title .main_title_part3 {
		font-size: 2.3rem;
		font-weight: bolder;
		margin-bottom: 0px;
	}
	.main_title .main_title_part3 span.big_font-title {
		padding-left: 0px;
		font-size: 2.2rem;
	}
	.main_title .subtitle_con p.subtitle {
		font-size: 1.8rem;
		margin-top: 1.29rem;
		border-top: 2pt solid #c57900;
		border-bottom: 2pt solid #c57900;
		line-height: 39px;
		padding: 15px 78px 15px 80px;
	}
	.awards{
		margin-bottom: 6rem;
	}
	.img_bird{
		width: 10%;
		display: block;
		margin: 0 auto;
	}
	/* buyhouse_page --------------------------------------*/
	ul.breadcrumb_nav{
		display:none;
	}

	.hot {
    display: inline-block;
    margin-top: 0px;
    margin-left: 0;
    margin-right: 3px;
    position: relative;
    z-index: -1;
}.footer_in a > span.text_footer{display:inline-block;}
}
@media screen and (max-width:992px) {
	.part3_con .part3-info{
		width: 100%;
		float: left;
		background-color: #fff;
		margin-left: 0px;
	}
	.part3_con .text_con{
		display:block;
		float:right;
		position:relative;
		width:60%;
		padding-left: 20px;
	}
	.part3_con .img_con {
		width: 40%;
		position: relative;
		display: block;
	}
	.con_part_info {
		margin-left: 0px;
	}
	.con{
		padding-right: 0px;
	}
}
@media screen and (max-width:960px) {
	.left_calc_icon {
		width: 80px;
	}
	img.bt_arrow {
		right: -25px;
		top: -3px;
	}
	h2.calc_bt_title {
		font-size: 1.1rem;
	}
}
@media screen and (max-width:920px) {
	a.calc_bt_box {
		width: calc((95% - 10px)/2);
		margin-bottom: 10px;
	}
	.left_calc_icon {
		width: 110px;
		vertical-align: bottom;
	}
	img.bt_arrow {
		right: 13px;
		top: -3px;
	}
}
@media screen and (max-width:912px) {
	.content_main, .content {
		width: 80%;
	}
	.highlight_box {
		width: 80%;
	}
	.card-deck.content_fit .card{
		margin-left:0px;
	}
	.hint_table {
		padding: 0px 18px 20px 2px;
	}
	.button_bottom {
		width: 81%;
	}.footer_in a > span.text_footer{display:inline-block;}
}
@media screen and (max-width: 992px) and (min-width: 769px) {
	.container {
		max-width: 950px;
	}
	.sub_layout_con .content ul{
		padding-inline-start: 16%;
		width:80%;
	}
	.part2_con p.font-title {
		font-size: 1.1rem;
	}
	.part2_con p.subtitle {
		font-size: 1rem;
	}
	.part2_con {
		padding: 1.1rem 1rem 0.2rem 1rem;
		min-height: 108px;
	}.footer_in a > span.text_footer{display:inline-block;}
}

@media screen and (max-width:912px){
	.tab_box {
		width: 90%;
	}
	.calc_box {
		width: 90%;
	}
	span.break_title_financial{
		display:none;
	}
	.button_box.benefit {
		width: 54%;
	}.footer_in a > span.text_footer{display:inline-block;}
}
/* ipad */
@media screen and (max-width:768px) {
	.absolute-move {
		display:inline-block;
		position:relative;
	}
	.silderHref {
		position: absolute;
		top: 10%;
		left: 50%;
		transform: translateX(-50%);
		width: calc(100% - 330px);
		height: 65%;
	}
	.awards{
		margin-bottom: 8rem;
	}
	.awards .img_award{
		background: url(../images/award_laptop.png) no-repeat center top;
		background-size: contain;
		width:100%;
		height: 100px;
		margin-bottom: 30px;
	}
	.card-deck .card{
		display:block;
		width: 96%;
	}
	.card-header-con{
		float:right;
		text-align:left;
		width:60%;
	}
	.card-deck .img_con{
		width:40%;
		float:left;
		height: 177px;
	}
	.card-deck .img_con img.img_fix{
		border-top-left-radius:20px;
		width:100.05%;
		height:100%;
		object-fit:cover;
	}
	.card-header-con p.font-title {
		font-size: 1.35rem;
		text-align:left;
		min-height: 68px;
	}
	.part2{
		text-align:left;
		width:95%;
	}
	.part2 .img_con{
		width:40%;
		float:left;
		height: 180px;
	}
	.part2 .img_con img.img_fix{
		border-top-left-radius:20px;
		width:100.05%;
		height:100%;
		object-fit:cover;
	}
	.part2_con p.font-title {
		font-size: 1.35rem;
		text-align:left;
		min-height: 68px;
	}
	.card .text_con{
		display:block;
		float:right;
		position:relative;
		width:60%;
		padding-left: 20px;
	}
	.card-header-con-area3 {
		padding: 1.5rem 1.5rem 0.5rem 1rem;
		width: 100%;
		display: inline-block;
	}
	.main_title_comment .comment_bg{
		background: url(../images/comment_bg_mobile.png) no-repeat center top;
		background-size: contain;
		height:140px;
	}
	.main_title_comment .comment_bg p.comment_title {
		font-size: 1.75rem;
		text-align: left;
		right: 20%;
		bottom: 17%;
		margin-bottom: 0px;
	}
	.top_con {
		margin-top:0px!important;
	}
	#bx-pager {
		bottom: 10%;
	}
	
	/*buyhouse----------------------------------------------------------*/
	.card-deck.content_fit {
		margin: 15px -12px 15px 10px;
	}
	.highlight_con .hint span.texth_left {
		float: none;
		display: block;
		text-align: left;
		font-size: 1.1rem;
	}
	.highlight_con .hint h3.texth_left {
		float: none;
		display: block;
		text-align: left;
		font-size: 1.1rem;
	}
	.button_box{
		width: 80%;
	}
	.sub_layout_con .content ul{
		line-height: 36px;
		padding-inline-start: 9%;
		width:80%;
	}
	.paddingtop{
		padding-top:50px;
	}

	.card-deck.content_fit_small {
		margin: 15px 0px 15px -37px;
	}
	.left_table .left_tb_con , .right_table .right_tb_con, .left_table .left_tb_con_no , .right_table .right_tb_con_no{
		padding:15px 10px 15px 0px;
	}
	.left_table, .right_table{
		padding-left:25px;
	}
	.highlight_con .highlight_title_con{
		width:80%;
	}
	span.hidden{
		display:none!important;
	}
	.highlight_con .hint span.texth_right{
		line-height: 22px;
		padding-top: 10px;
		padding-left: 0px;
		width: 100%;
	    text-align: left;
		display: block;
	}
	.table_content img.table_bird {
		left: -7%;
		top: -19%;
	}
	.button_bottom {
		width: 100%;
	}
	.button_box.benefit {
		width: 88%;
	}
	/*calc_buy----------------------------------------------------------*/
	.calc_part_con {
		padding: 12px 10px 12px 10px;
	}
	.result_content .result_text {
		width: 100%;
	}
	.select_part_con {
		padding: 12px 10px 12px 10px;
	}
	.sub_layout_con .content ul.ul_card li {
		text-indent: -52px;
	}
	.sub_layout_con .content ul.ul_card {
		padding-inline-start: 12%;
	}
	.button_top_con {
		width: 80%;
	}
	.sub_layout_con .content ul.ul_online{
		width: 70%;
	}
	.sp_con p.sp_title.online {
		font-size: 1.2rem;
	}
	.sp_con p.sp_subtitle.online{
		font-size: 1.2rem;
	}
	.hint.benefit {
		width: 90%;
	}
	.form-control-calc-text {
		width: 59%;
		font-size: 1.1rem;
	}.footer_in a > span.text_footer{display:inline-block;}
	.button_box_calc_three {
		width: 100%;
	}
	.button_box_calc_three a:nth-child(1){
		padding-left:6px;
		padding-right:6px;
		padding-top: 3px;
	}
	.button_box_calc_three a:nth-child(2){
		padding-left:5px;
		padding-right:5px;
		padding-top: 0;
	}
	.button_box_calc_three a:nth-child(3){
		padding-left:5px;
		padding-right:5px;
		padding-top: 0;
	}
	.calc_top_hint{
		padding: 20px 20px 20px 25px;
		}	
	.calc_top_hint .top_hint_txt{
		font-size: 1rem;
	}
	.calc_result_esg p{
		font-size: 0.95rem;
	}
}
@media screen and (max-width:767px) {	
	.content_main, .content {
		width: 100%;
	}
	.highlight_box {
		width: 100%;
	}
	.tab_content .tab p.tab_text {
		margin: 20px 0px;
		font-size: 0.85rem;
	}
	.calc_box .calc_content .calc_info_con {
		padding: 15px 30px;
	}
	.calc_box .calc_content .button_box_calc a{
		width: 40%;
	}
	.calc_part_con label.title_slider, .calc_part_con label.title{
		width: 32%;
		font-size: 1.1rem;
	}
	.calc_part_con .calc_form_text, .calc_part_con .calc_form{
		width:65%;
	}
	.slider.slider-horizontal{
		position: relative;
		display:block;
		width: 98%;
		margin-top: 40px;
	}
	.form-control-calc-text{
		width:78%;
		font-size: 1.1rem;
	}
	.result_content .result_text {
		padding: 20px 30px;
	}
	.result_content .result_text p.result_main_text{
		font-size:0.95rem;
		margin-bottom: 8px;
	}
	.result_content .result_text p.result_main_text span.result_orange{
		font-size:1.1rem;
	}
	.button_box_calc_two {
		width: 94%;
	}
	.hint_calc{
		font-size:0.85rem;
	}
	.calc_box .calc_content .calc_info_con .calc_main_title h2.calc_title{
		font-size:1.1rem;
	}
	.calc_box .calc_content .calc_info_con .calc_main_title h1.calc_title{
		font-size:1.1rem;
	}
	.calc_form_text span.text_back {
		font-size: 1.1rem;
	}
	.button_top_con {
		width: 100%;
	}
	.sp_con p.sp_subtitle {
		font-size: 1.15rem;
	}
	.sp_con p.sp_title {
		font-size: 1.3rem;
	}
	span.break_online{
		display:block;
	}
	span.break_pay{
		display:block;
	}
	.sp_con_single p.sp_subtitle.pay{
		font-size:1.25rem;
		padding-bottom: 6px;
	}
	.sp_con_single p.sp_title.pay{
		font-size: 1.4rem;
	}
	.sp_con_single img.sp_img.pay {
		width: 100%;
		margin: 40px auto 20px auto;
	}
	.sp_con img.sp_img {
		width: 95%;
		margin: 35px auto 0px auto;
		display: block;
	}.footer_in a > span.text_footer{display:inline-block;}
	.calc_button_con {
		width: 100%;
	}
	.left_calc_icon {
		width: 100%;
		display: block;
	}
	img.bt_arrow {
		display:none;
	}
	.right_calc_text {
		width: 90%;
		display: block;
		margin: 0 auto;
		text-align: center;
	}
	h2.calc_bt_title {
		font-size: 1.1rem;
		margin-top:10px;
	}
	a.calc_bt_box {
		width: calc((95% - 25px)/3);
		margin-bottom: 10px;
		margin-right: 6px;
		margin-left: 6px;
	}
}


@media screen and (max-width:640px) {
	span.break-counter{
		display:block;
	}
	.container .button_nav{
		width: 100%;
		margin: 0% 0% 0% 0%;
	}
	.container a.btn2,.container a.btn1,.container a.btn3,.container a.btn2:hover,.container a.btn1:hover,.container a.btn3:hover {
		width: calc(100% - 2px);
		height:90px;
		background-position: center top;
	}
	.main_title .subtitle_con p.subtitle {
		padding: 15px 23px 15px 23px;
	}
	.awards .img_award{
		background: url(../images/award_mobile.png) no-repeat center top;
		background-size: contain;
		width:100%;
		height:195px;
	}
	.card-header-con p.font-title {
		font-size: 1.22rem;
		min-height: 65px;
	}
	.card-deck .img_con {
		height: 178px;
	}
	.part2_con p.font-title {
		font-size: 1.22rem;
		min-height: 65px;
	}
	.part2_con .img_con {
		height: 178px;
	}
	.main_title_comment .comment_bg p.comment_title {
		right: 16%;
	}
	.comment_con {
		width: 100%;
		overflow: hidden;
		position: relative;
	}
	.goodcomment .container{
		width: 100%;
		max-width: unset;
		padding-right: 0px;
		padding-left: 0px;
		position:relative;
		display:block;
	}
	.comment_con .item{
		margin:0px;
		transform:scale(1);
	}
	.main_title .subtitle_con{
		background: url(../images/ribbon_landing_mobile.png) no-repeat center center;
		width: 100%;
		background-size: contain;
		height: 96px;
	}
	span.break{
		display:block;
	}
	.part3_con{
		width:90%;
		margin:0 auto;
	}
	.part3_con .text_con{
		float:none;
		width:100%;
	}
	.part3_con .img_con {
		width: 95%;
	}
	.con{
		width:100%;
		padding-right: 13px;
		padding-left:10px;
	}
	/*buyhouse_page-------------------------------------------------*/
	.inside_banner .title_con.buy {
		background: url(../images/buyhouse_banner_768.jpg) no-repeat center top;
		height: 368px;
	}
	.inside_banner .title_con h1.main_title_inside {
		padding: 0px 0px 30px 0px;
	}
	.inside_banner .title_con h3.main_title_inside {
		padding: 0px 0px 30px 0px;
	}
	/*transferloan_page-------------------------------------------------*/
	.inside_banner .title_con.transfer {
		background: url(../images/transferloan_banner_768.jpg) no-repeat center top;
		height: 368px;
	}
	/*financialloan_page-------------------------------------------------*/
	.inside_banner .title_con.financial {
		background: url(../images/financialloan_banner_768.jpg) no-repeat center top;
		height: 368px;
	}
	/*calc_page-------------------------------------------------*/
	.inside_banner .title_con.calc{
		background: url(../images/calc_banner_768.jpg) no-repeat center top;
		height: 368px;
	}
	.tab_box .tab_content {
		display: inline-block;
		background-color: #fff;
		border-radius: 10px;
		width: 100%;
		position: relative;
	}
	.select_part {
		float:none;
	}
	.inside_banner .title_con.card {
		background: url(../images/card_banner_768.jpg) no-repeat center top;
		height: 446px;
	}

	.button_top{
		position: relative;
		bottom: 0px;
	}
	.inside_banner .title_con h1.main_title_inside_benefit {
		padding: 0px 0px 30px 0px;
	}
	span.break_title{
		display:none;
	}
	.sp_con{
		width: 88%;
		border-right: none;
		border-bottom: 1pt dashed #cc7900;
		padding-bottom: 40px;
		margin: 0 auto;
	}
	.sp_con:last-child{
		border-bottom: none;
		padding-top:50px;
		padding-bottom:0px;
	}
	.sp_con p.sp_title.online {
		font-size: 1.4rem;
	}
	.sp_con p.sp_subtitle.online{
		font-size: 1.25rem;
	}
	span.break_online{
		display:none;
	}
	.popup > div{
		width: 85%;
		margin: 0 auto;
		margin-top: 10%;
		margin-bottom: 8%;
	}
	.sub_layout_con .content_main .sub_text_note {
		font-size: 1.3rem;
	}
	a.sub_text_link i.increase_note{
		height: 25px;
		width: 25px;
		background-size: 25px;
	}.footer_in a > span.text_footer{display:inline-block;}
	.top_con {
		margin-top: -80px;
		width: 90%;
		margin: 0 auto;
	}
	.top_con .owl-carousel .owl-nav {
		display:none;
	}
	.top_con .owl-carousel .owl-dots {
		display:block;
		margin-top: -10px;
		margin-bottom: 75px;
		z-index: 111;
	}
	.btn-primary-blue-text{
		padding: 1.25rem 1.25rem 1.25rem 1.25rem;	
	}
	.inside_banner .title_con.buy .title_text,.inside_banner .title_con.transfer .title_text{
		margin-top: -33px;
	}
	.inside_banner .title_con.buy h1.main_title_inside,.inside_banner .title_con.transfer h1.main_title_inside {
		padding: 0px 0px 30px 0px;
	}
}
@media screen and (max-width:600px) {
	.silderHref {
		position: absolute;
		top: 10%;
		left: 50%;
		transform: translateX(-50%);
		width: calc(100% - 100px);
		height: 60%;
	}
	.maskImg {
		background-image: url(../images/mask_mobile.png);
		height: 68vh;
	}
	#bx-pager {
		bottom: 14%;
	}
	.bx-wrapper .bx-viewport{
		min-height: 48vh;
	}
	.content_main, .content {
		width: 86%;
	}
	.highlight_box {
		width: 92%;
	}
	.sub_layout_con .content ul {
		width: 90%
	}
	.img_dotted {
		margin: 40px auto;
		width: 100%;
		object-fit:cover;
	}
	.table_content img.table_bird {
		top: -18%;
	}
	span.ribbon_break{
		word-break:break-all;
		display:block;
	}
	.highlight_con img.chart_buyhouse {
		width: 86%;
	}
	.highlight_con .hint {
		width: 86%;
	}
	.button_box {
		width: 88%;
	}
	.hint_table {
		padding: 0px 17px 20px 2px;
		margin-left: -11px;
	}
	.highlight_con .highlight_title_con{
		width:92%;
	}
	.button_bottom {
		width: 94%;
	}
	/*transferloan--------------------------------------------------*/
	.table_content img.table_money {
		top: -4%;
		width: 26%;
		left: -2%;
	}
	/*financialloan--------------------------------------------------*/
	.table_content img.table_financial {
		top: -4%;
		width: 26%;
		left: -2%;
	}
	.button_top_con {
		width: 90%;
	}
	span.break_title{
		display:none;
	}
	.sub_layout_con .content ul.ul_online{
		width: 80%;
	}.footer_in a > span.text_footer{display:inline-block;}
}

@media screen and (max-width:580px) {
	.tab_box .tab_content {
		background-color: transparent;
	}
	.tab_content .tab.active {
		width: calc((100% - 40px)/3);
	}
	.tab_content .tab {
		width: calc((100% - 40px)/3);
		background-color: #fff;
		border-radius: 10px;
		margin-top: 15px;
		margin-left: 5px;
		margin-right: 5px;
	}
	.tab_content .tab h3.tab_text.border-right-dash{
		border-right:none;
	}
	.tab_content .tab.active:after {
		display:none;
	}
	.tab_content .tab p.tab_text {
		margin: 20px 0px;
		font-size: 0.9rem;
		line-height: 22px;
	}
	.tab_box {
		margin: auto auto 1.5rem auto;
	}.footer_in a > span.text_footer{display:inline-block;}
	.calc_button_con {
		width: 90%;
	}
	a.calc_bt_box {
		width: calc((90% - 10px)/2);
		margin-right: 10px;
		margin-left: 10px;
	}
}
@media screen and (max-width:540px) {
	#bx-pager {
		bottom: 10%;
	}
	.bx-wrapper .bx-viewport{
		min-height: 45vh;
	}
}
@media screen and (max-width:500px) {
	#bx-pager {
		bottom: 14%;
	}
	.bx-wrapper .bx-viewport{
		min-height: 43vh;
	}
}
/* phone */
@media screen and (max-width:480px) {
	.bx-wrapper .bx-viewport{
		min-height: none;
	}
	.container .logo img{
		width:30%;
	}
	.mobile_nav{
		font-size: 1em;
	}
	.footer_in{
		position:relative;
		padding: 8px 20px;
	}
	.footer_in span.text_footer{
		line-height:23px;
		font-size:0.75em;
		display: grid;
		text-align:center;
	}
	.main_title_comment .comment_bg {
		height: 112px;
	}
	.main_title_comment .comment_bg p.comment_title {
		right: 10%;
		bottom: 19%;
		font-size: 1.6rem;
		line-height: 33px;
	}
	.btn_con img{
		width:90%;
	}
	.img_bird {
		width: 20%;
		margin-bottom:10px;
	}
	.bx-wrapper {
		margin: 0 auto 25px;
	}
	#bx-pager {
		bottom: 21%;
	}
	.card-header-con {
		padding: 1.25rem 0.6rem 0.2rem 0.9rem;
	}
	.card-deck .card {
		margin-left:5px;
	}
	.con_part_info {
		margin-left: 0px;
	}
	.card .text_con {
		display: block;
		position: relative;
		float:none;
		width: 100%;
		padding-left: 20px;
	}
	.card-deck .img_con.part3 {
		width: 100%;
		float: none;
		height: 200px;
	}
	.card-deck .img_con.part3 img.img_fix {
		border-top-left-radius: 20px;
		width: 100.05%;
		height: 100%;
		object-fit: contain;
	}
	.part2_con {
		padding: 1.25rem 0.6rem 0.2rem 0.9rem;
	}
	.part2 .text_con {
		display: block;
		position: relative;
		float:none;
		width: 100%;
		padding-left: 20px;
	}
	.part2 .img_con.part3 {
		width: 100%;
		float: none;
		height: 200px;
	}
	.part2_con .img_con.part3 img.img_fix {
		border-top-left-radius: 20px;
		width: 100.05%;
		height: 100%;
		object-fit: contain;
	}
	.part2_con p.font-title {
		font-size: 1.18rem;
		min-height: 55px;
	}
	.part2_con .img_con {
		height: 169px;
	}
	.btn-primary-blue-text {
		padding-left:13px;
	}
	.bx-wrapper .bx-viewport {
		height: 320px!important;
		background-color: #e9f2f4;
		display: inline-block;
	}
	.card-header-con p.font-title {
		font-size: 1.18rem;
		min-height: 55px;
	}
	.card-deck .img_con {
		height: 169px;
	}
	.part2 .img_con {
		height: 169px;
	}
	.awards {
		margin-top: 1rem;
	}
	.sub_layout_con .content_main {
		margin-top: 2rem;
	}
	.table_title{
		padding:20px 15px;
	}
	h3.table_title{
		padding:20px 15px;
		font-size: 0.95rem;
	}
		.table_title, .left_table .left_tb_con, .right_table .right_tb_con, .left_table .left_tb_con_no, .right_table .right_tb_con_no, .sub_layout_con .content ol li.list_text_table, p.sub_text, p.sub_text_no{
			font-size: 0.95rem;
		}
		.sub_layout_con .content ul{
			font-size: 1.1rem;
			line-height: 35px;
		}
		.inside_banner .title_con h1.main_title_inside{
			font-size: 2.3rem;
			font-weight:bold;
		}
		.inside_banner .title_con h3.main_title_inside{
			font-size: 2.3rem;
			font-weight:bold;
		}
		.highlight_con p.highlight_title{
			font-size: 1.6rem;
		}
		.highlight_con h2.highlight_title{
			font-size: 1.6rem;
		}
		.highlight_con .hint{
			font-size: 1.05rem;
		}
		.highlight_con .hint span.texth_right{
			font-size: 1rem;
		}
		.sub_layout_con .content_main p.big_title{
			font-size: 2rem;
		}
		.sub_layout_con .content_main h2.big_title{
			font-size: 2rem;
		}
		.sub_layout_con .content_main p.sub_text{
			font-size: 1.15rem;
		}
		.sub_layout_con .content .title_content_bg p.content_title, .sub_layout_con .content .title_content_bg_no p.content_title{
			font-size: 1.25rem;
		}
		.sub_layout_con .content .title_content_bg h3.content_title, .sub_layout_con .content .title_content_bg_no h3.content_title{
			font-size: 1.25rem;
		}
		.hint_table_inline{
			width:100%;
		}
	.table_content img.table_bird {
		top: -9%;
		width: 24%;
	}
	/*transferloan--------------------------------------------------*/
	.table_content img.table_money {
		width: 15%;
	}
	.sub_layout_con .content ul.ul_transferloan {
		width: 90%;
	}
	/*financialloan--------------------------------------------------*/
	.table_content img.table_financial {
		width: 21%;
		top: -9%;
		left: -9%;
	}
	.sub_layout_con .content ul.ul_card {
		width: 90%;
	}
	span.break_480{
		display:block;
	}.footer_in a > span.text_footer{display:inline-block;}
}

@media screen and (max-width:460px) {
	.inner .banner_box {
		max-height:330px;
	}
	.form-control-calc-text {
		width: 65%;
	}
	.calc_part_con label.title_slider, .calc_part_con label.title {
		width: 32%;
		font-size: 1rem;
	}
	.calc_part_con .calc_form_text, .calc_part_con .calc_form {
		width: 66%;
	}
	.calc_box .calc_content .calc_info_con {
		padding: 15px 20px;
	}
	.calc_form_text span.text_back {
		font-size: 1rem;
	}
	.form-control-calc {
		font-size: 1.2rem;
	}
	.button_top img.button_top_img {
		width: 60%;
		margin: 0 auto;
		display: inline-block;
		position: relative;
		margin-bottom:10px;
	}
	.button_top {
		margin-bottom:20px;
	}
	.comment_con .card-text-3{
		min-height:135px;
	}.footer_in a > span.text_footer{display:inline-block;}
	#bx-pager {
		bottom: 12%;
	}
}
@media screen and (max-width:430px) {
	#bx-pager {
		bottom: 19%;
	}	
}
/* phone */
@media screen and (max-width: 427px) and (min-width: 381px) {
	#bx-pager {
		bottom: 0%;
	}
	.main_title .subtitle_con p.subtitle {
		padding: 15px 0px 15px 0px;
		font-size: 1.4rem;
	}
	.main_title .main_title_part3 {
		font-size: 2.2rem;
		line-height: 48px;
	}
	.card-header-con p.font-title {
		font-size: 1.18rem;
	}
	.card-header-con p.font-title.sp_line {
		line-height:26px;
	}
	.card-header-con p.subtitle {
		font-size: 0.95rem;
	}
	.card-header-con p.subtitle.no_pd {
		margin-bottom:0px;
	}
	.part2 p.font-title {
		font-size: 1.18rem;
	}
	.part2 p.font-title.sp_line {
		line-height:26px;
	}
	.part2 p.subtitle {
		font-size: 0.95rem;
	}
	.part2 p.subtitle.no_pd {
		margin-bottom:0px;
	}
	.btn-primary-blue-text.st_mobile {
		padding: 7px 13px 7px 15px;
		display: inline-block;
	}
	.btn-primary-blue-text.sm_mobile {
		padding: 8px 13px 8px 15px;
		margin-top: 10px;
		display: inline-block;
	}
	.card-deck .img_con {
		height: 144px;
	}
	.part2 .img_con {
		height: 146px;
	}
	.inner .banner_box {
		max-height:260px;
	}
	.ad_con {
		padding-top: 50px;
	}
	.main_title_comment .comment_bg p.comment_title {
		right: 6%;
	}
	.con {
		min-height: 320px;
	}
	.button_box{
		width: 75%;
		display: block;
		padding-bottom: 22px;
	}
	.button_box a{
		width: 80%;
		float: none;
		margin: 0 auto;
		text-align: center;
	}
	.button_box a:last-child{
		padding-right: 18px;
		padding-left: 0px;
		padding-top: 10px;
	}
	.button_box a.financial_btn_con{
		width:92%;
	}
	.btn-primary-blue-text {
		padding-left: 13px;
		font-size: 1.1rem;
		line-height: 22px;
	}
	.button_box a.register_con_short {
		width: 93%;
	}
	.button_box.benefit {
		width: 74%;
	}.footer_in a > span.text_footer{display:inline-block;}
}
@media screen and (max-width:400px) {
	.calc_part_con label.title_slider, .calc_part_con label.title {
		width: 40%;
	}
	.calc_part_con .calc_form_text, .calc_part_con .calc_form {
		width: 57%;
		padding-left: 8px;
	}.footer_in a > span.text_footer{display:inline-block;}
	a.calc_bt_box {
		width: calc((90% - 10px)/2);
		margin-right: 6px;
		margin-left: 10px;
	}
	#bx-pager {
		bottom: 8%;
	}
}
/* phone */
@media screen and (max-width:380px) {
	.card-deck .img_con {
		width: 35%;
		height: 134px;
	}
	.card-header-con {
		width: 65%;
		padding: 0.8rem 0.6rem 0rem 0.9rem;
	}
	.part2 .img_con {
		width: 100%;
		height: 140px;
	}
	.part2_con {
		width: 100%;
		padding: 0.8rem 0.6rem 0rem 0.9rem;
	}
	.btn-primary-blue-text {
		width: 100%;
		padding: 8px 13px;
		font-size: 1.05rem;
	}
	.main_title .main_title_part3 {
		font-size: 2rem;
		line-height:40px;
	}
	.btn_con img{
		width:85%;
	}
	.con_part_info {
		padding-right: 0px;
		padding-left: 0px;
	}
	.inner .banner_box {
		max-height:246px;
	}
	.main_title_comment .comment_bg {
		height: 95px;
	}
	.main_title_comment .comment_bg p.comment_title {
		right: 9%;
		bottom: 16%;
		font-size: 1.3rem;
		line-height: 28px;
	}
	.awards p.award_text {
		font-size: 1.4rem;
	}
	.ad_con {
		padding-top: 40px;
	}
	.card-border-radius{
		margin-top: 60px;
	}
	.card-header-con-area3 {
		padding: 1.5rem 1rem 0.8rem 1rem;
	}
	.card-deck .img_con.part3 {
		width: 80%;
		margin: 0 auto;
	}
	.card .text_con {
		padding-left: 15px;
	}
	.part2 .text_con {
		padding-left: 15px;
	}
	.part2 p.font-title {
		font-size: 1.18rem;
	}
	.part2 p.font-title.sp_line {
		line-height:26px;
	}
	.part2 p.subtitle {
		font-size: 0.95rem;
	}
	.part2 p.subtitle.no_pd {
		margin-bottom:0px;
	}	
	.card-header-con p.font-title {
		font-size: 1.18rem;
	}
	.card-header-con p.font-title.sp_line {
		line-height:26px;
	}
	.card-header-con p.subtitle {
		font-size: 0.95rem;
	}
	.card-header-con p.subtitle.no_pd {
		margin-bottom:0px;
	}
	.btn-primary-blue-text.st_mobile {
		padding: 7px 13px 7px 15px;
		display: inline-block;
	}
	.btn-primary-blue-text.sm_mobile {
		padding: 8px 13px 8px 15px;
		margin-top: 10px;
		display: inline-block;
	}
	.awards {
		margin-top:0.5rem;
		margin-bottom: 8rem;
	}
	.card-deck .img_con.part3 {
		height:165px;
	}
	.button_box{
		width: 75%;
		display: block;
		padding-bottom: 22px;
	}
	.button_box a{
		width: 80%;
		float: none;
		margin: 0 auto;
		text-align: center;
	}
	.button_box a:last-child{
		padding-right: 18px;
		padding-left: 0px;
		padding-top: 10px;
	}
	.button_box a.financial_btn_con{
		width:92%;
	}
	.button_box a.register_con_short {
		width: 93%;
	}
	.card-deck.content_fit {
		margin: 15px -4px 15px 10px;
	}
	.comment_con .card-text-3{
		font-size:1rem;
	}
	.card.card_height{
		height:75%;
	}
	.button_box_calc_two{
		width: 75%;
		display: block;
	}
	.button_box_calc_two a{
		width: 80%;
		float: none;
		margin: 0 auto;
		text-align: center;
	}
	.button_box_calc_two a:last-child{
		padding-right: 18px;
		padding-left: 0px;
		padding-top: 10px;
	}
	.calc_box .calc_content .button_box_calc a{
		width: 50%;
	}
	.table_content img.table_bird {
		top: -6%;
	}
	.con{
		padding-left:0px;
	}
	.button_box.benefit {
		width: 74%;
	}.footer_in a > span.text_footer{display:inline-block;}
	.calc_bt_text {
		font-size: 0.75rem;
	}
	h2.calc_bt_title {
		font-size: 1rem;
	}
	.tab_content .tab h3.tab_text{
		font-size: 1rem;
	}
}
@media screen and (max-width:360px) {
	.inner .banner_box {
		max-height:230px;
	}
	.calc_form_text span.text_hint {
		font-size: 0.88rem;
	}
	.comment_con .card-text-3{
		min-height:122px;
	}.footer_in a > span.text_footer{display:inline-block;}
}
@media screen and (max-width:340px) {
	.form-control-calc-text {
		width: 65%;
		font-size: 1rem;
	}
	.form-control-calc {
		font-size: 1rem;
	}.footer_in a > span.text_footer{display:inline-block;}
}



/* phone */
@media screen and (max-width:330px) {
	.comment_con .people_info img{
		width: 90%;
	}
	.card-header-con p.subtitle {
		font-size: 0.85rem;
	}
	.part2 p.subtitle {
		font-size: 0.85rem;
	}
	.main_title .subtitle_con p.subtitle {
		font-size: 1.1rem;
		line-height: 28px;
		padding: 20px 0px 22px 0px;
	}
	.main_title .main_title_part3 {
		font-size: 1.8rem;
	}
	.main_title .main_title_part3 span.big_font-title {
		font-size: 1.8rem;
	}
	.card-deck .img_con.part3 {
		height: 155px;
	}
	.comment_con .card-text-3 {
		font-size: 0.85rem;
	}
	.main_title_comment .comment_bg p.comment_title {
		right: 4%;
		bottom: 19%;
		font-size: 1.25rem;
		line-height: 25px;
	}
	.btn_con img{
		width:90%;
	}
	.inner .banner_box {
		max-height:212px;
	}
	.awards p.award_text {
		font-size: 1.2rem;
	}
	.awards {
		margin-top: 1rem;
		margin-bottom: 8rem;
	}
	.card-deck .card.info {
		margin-left: 9px!important;
	}
	.button_box{
		width: 90%;
		display: block;
	}
	.highlight_con img.chart_buyhouse {
		width: 90%;
	}
	.highlight_con .highlight_content{
		margin-top: 35px;
	}
	.left_table, .right_table{
		padding-left:18px;
	}
	.button_box_calc_two{
		width: 100%;
	}
	.button_box_calc_two a:first-child{
		padding-right: 16px;
		padding-left: 8px;
		padding-top: 10px;
	}
	.calc_box .calc_content .button_box_calc a{
		width: 70%;
	}
.footer_in a > span.text_footer{display:inline-block;}
}