@charset "utf-8";
/* CSS Document */
/*landing page--------------------------------------------------------------------*/
body{
	font-family: 微軟正黑體, 新細明體, Arial, Helvetica, sans-serif!important;
	/*color:#444;
	font-size:20px;*/
	box-sizing: border-box;
	margin:0;
	border:0;
	padding:0;
	position: relative;
	width:100%;
}
.container.new{
	width: 100%;
    padding-right: 0px; 
    padding-left: 0px;
    margin-right: 0px;
    margin-left: 0px;
	position:relative;
}
/*header--------------------------------------------------------------------*/
.header{
	box-shadow: 0.15rem 0.25rem 0.95rem rgba(0,0,0,.10);
	position: fixed;
    background: #fff;
    width: 100%;
    height: 85px;
    z-index: 1200;
}
.w1000 {
    width: 1080px;
    margin: 14px auto;
}
a.logo_inside{
	display: inline-block;
	background: url(../images/logo.png) no-repeat;
	width: 196px;
	height: 50px;
	margin: 5px 0 0 15px;
	vertical-align: middle;
	background-size:contain;
}
ul.nav{
    display: inline-block;
    vertical-align: middle;
    float: right;
    position: relative;
}
ul.nav li.li_main a.nav_btn_1,ul.nav li.li_main a.nav_btn_2,ul.nav li.li_main a.nav_btn_3,ul.nav li.li_main a.nav_btn_4,ul.nav li.li_main a.nav_btn_5{
	display: inline-block;
	color: #636363;
	margin: auto 0;
	transition: 0.3s;
	text-align: left;
	font-weight:bold;
	vertical-align: middle;
	font-size:16px;
}
ul.nav li.li_main{
    display: inline-block;
}
ul.dropdown-menu{
	padding: .5rem 1.2rem;
}
ul.dropdown-style{
	border:none;
	box-shadow: 0 .125rem .85rem rgba(0,0,0,.035)!important;
}
ul.dropdown-style a.li_sub li{
	display: block;
    line-height: 40px;
	width:100%;
	text-align:left;
	color:#636363;
	text-decoration:none;
	font-weight:bold;
}
ul.dropdown-style a.li_sub li:hover{
	text-decoration: none;
	color:#de0012;
	text-align:left;
	width:100%;
}
ul.dropdown-style a:hover{
	text-decoration: none;
}
.mobile_header,.toggle,.mobile_nav{
	display: none;
}
.header .nav span.line_style{
	color:#d6d6d6;
}
.header .nav a.nav_btn_1{
	background-image:url("../images/home.png");
	background-repeat: no-repeat;
	width:24px;
	height:24px;
	margin: 0 10px!important;
}
.header .nav a.nav_btn_2{
	line-height:22px;
	padding:0 12px 0 10px;
	font-weight:bolder;
}
.header .nav a.nav_btn_3{
    font-size: 12pt;
	color:#254a8a;
	font-weight:bolder;
	padding: 0 10px 0 8px;
}
.header .nav a.nav_btn_3 i.home_calc{
	background-image:url("../images/home_calc.png");
	background-repeat: no-repeat;
	width:60px;
	height:62px;
	line-height:26px;
	display: block;
}
.header .nav a.nav_btn_4{
    font-size: 12pt;
	color:#254a8a;
	font-weight:bolder;
	padding: 0 10px;
}
.header .nav a.nav_btn_4 i.calc_money{
	background-image:url("../images/calc_money.png");
	background-repeat: no-repeat;
	width:60px;
	height:62px;
	line-height:26px;
	display: block;
}
.header .nav a.nav_btn_5{
    font-size: 12pt;
	color:#e01a0f;
	font-weight:bolder;
	padding: 0 10px;
}
.header .nav a.nav_btn_5 i.call{
	background-image:url("../images/call.png");
	background-repeat: no-repeat;
	width:60px;
	height:62px;
	line-height:26px;
	display: block;
}
.header .nav a.nav_btn_2:hover{
	text-decoration:none;
	color:#de0012;
}


/*main_con--------------------------------------------------------------------*/
.main_con{
	position: relative;
    width: 100%;
}

/*banner--------------------------------------------------------------------*/
.banner1126{
	position: relative;
    width: 100%;
}
.maskImg{
	background-image: url(../images/mask.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 150vh;
    position: absolute;
    top: 0;
}
.inner{
	position: relative;
    width: 100%;
    overflow: hidden;
}
.inner .banner_box{
	width:100%;
	display:block;
	position:relative;
}
.inner .banner_box ul.bannerSlider{
	width: 100%!important;
    list-style-type: none;
    padding-inline-start: 0px;
}
.bannerSlider{ padding-left:0px;}

.inner .banner_box ul.bannerSlider li{
	text-align:center;
}
.inner .banner_box ul.bannerSlider li img{
	width:100.05%;
	height:100%;
	object-fit:cover;
}
/*0918-----------------------*/
.inner .banner_box ul.bannerSlider_mv{
	width: 100%!important;
    list-style-type: none;
    padding-inline-start: 0px;
}
.bannerSlider{ padding-left:0px;}

.inner .banner_box ul.bannerSlider_mv li{
	text-align:center;
}
.inner .banner_box ul.bannerSlider_mv li img{
	width:100.05%;
	height:100%;
	object-fit:cover;
}
/*-----------------------*/
.inner.mobile{
	display:none;
}
#bx-pager a.silderBtn{
	height: 10px;
    border-radius: 50%;
    background-color: #fff;
    font-size: 0;
    -webkit-transition: background-color 1s ease-out;
    transition: background-color 1s ease-out;
    width: 10px;
    border: none;
	margin:0px 2px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
}
#bx-pager a.silderBtn.active{
    background-color: red;
    /*width: 60px;*/
    border-radius: 30px;
}
/*0918------------------------------------*/
#bx-pager_mv a.silderBtn_mv{
	height: 10px;
    border-radius: 50%;
    background-color: #fff;
    font-size: 0;
    -webkit-transition: background-color 1s ease-out;
    transition: background-color 1s ease-out;
    width: 10px;
    border: none;
	margin:0px 2px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
}
#bx-pager_mv a.silderBtn_mv.active{
    background-color: red;
    /*width: 60px;*/
    border-radius: 30px;
}
/*----------------------------------------*/
.silderHref {
    position: absolute;
    top: 10%;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 450px);
    height: 75%;
}
/*0918-------------------------*/
.silderHref_mv{
    position: absolute;
    top: 10%;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 450px);
    height: 75%;
}
/*-------------------------*/
@charset "utf-8";
/* CSS Document */
@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;
	}
}
	

/* 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;
	}
}
@media screen and (max-width: 1025px) and (min-width: 481px){
		.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 p.main_title_inside{
			font-size: 2.5rem;
		}
		.highlight_con p.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 p.sub_text{
			font-size: 1.25rem;
		}
		.sub_layout_con .content .title_content_bg p.content_title{
			font-size: 1.4rem;
		}
		.inside_banner .title_con p.main_title_inside_benefit {
			font-size: 2.5rem;
			padding: 40px 0px 30px 0px;
		}
}
@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.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: #e75c00;
		text-decoration: none;
	}
	/* banner --------------------------------------*/

	/* part1 --------------------------------------*/
	.banner1126{
		padding:80px 0 10px 0;
	}
	/* 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;
	}
}
@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: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%;
	}
}
@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;
	}
}

@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%;
	}
}
/* 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%;
	}
	/*0918---------------------*/
	.silderHref_mv{
		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_con{
		float:right;
		width: 60%;
	}
	.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;
	}
	.btn-primary-blue-text {
		width: 60%;
		text-align: left;
		line-height: 30px;
		display: block;
		padding: 10px 20px;
	}
	.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;
	}

	
	/*buyhouse----------------------------------------------------------*/
	.card-deck.content_fit {
		margin: 15px -29px 15px 10px;
	}
	.highlight_con .hint span.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%;
	}
}
@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 p.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;
	}
}


@media screen and (max-width:640px) {
	
	.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 p.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 p.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%;
	}
	.img_left{
		
		
	}
}
@media screen and (max-width:600px) {
	.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%;
	}
}

@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% - 70px)/3);
		background-color: #fff;
		border-radius: 10px;
		margin-top: 15px;
		margin-left: 5px;
		margin-right: 5px;
	}
	.tab_content .tab p.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;
	}
}

/* phone */
@media screen and (max-width:480px) {
	.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;
	}
	a.btn_comment {
		height: 95px;
	}
	.img_bird {
		width: 20%;
		margin-bottom:10px;
	}
	.maskImg {
		background-image: url(../images/mask_mobile.png);
		height: 50vh;
	}
	.inner .banner_box {
		max-height:300px;
	}
	.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: #FFF;
		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;
	}
		.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 p.main_title_inside{
			font-size: 2.3rem;
			font-weight:bold;
		}
		.highlight_con p.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 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;
		}
		.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;
	}
}

@media screen and (max-width:460px) {
	.inner .banner_box {
		max-height:285px;
	}
	.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;
	}
}

/* phone */
@media screen and (max-width: 427px) and (min-width: 381px) {
	.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%;
	}
}
@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;
	}
}
/* 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: 35%;
		height: 140px;
	}
	.part2_con {
		width: 65%;
		padding: 0.8rem 0.6rem 0rem 0.9rem;
	}
	.btn-primary-blue-text {
		width: 65%;
		padding: 8px 13px;
		font-size: 1.05rem;
	}
	.main_title .main_title_part3 {
		font-size: 2rem;
		line-height:40px;
	}
	.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;
	}
	a.btn_comment {
		height: 85px;
	}
	.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%;
	}
}
@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;
	}
}
@media screen and (max-width:340px) {
	.form-control-calc-text {
		width: 65%;
	}
}



/* 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;
	}
	.inner .banner_box {
		max-height:212px;
	}
	a.btn_comment {
		height: 70px;
	}
	.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%;
	}
	
}