@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--------------------------------------------------------------------*/
.banner{
	padding-top:80px;
	position: relative;
    width: 100%;
	background-color:#e9f2f4;
}
.maskImg{
	background-image: url(../images/mask.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 155vh;
    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;
}
.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;
}
.silderHref {
    position: absolute;
    top: 10%;
    left: 50%;
    transform: translateX(-50%);
	width: calc(100% - 750px);
    height: 60%;
}
/*part2-試算--------------------------------------------------------------------*/
.con{
	width: 100%;
	position: relative;
}
.bg-gradient{
	background: linear-gradient(#e9f2f4 50%, #fdf8f7 100%);
	position:relative;
}
.absolute-move{
	position: relative;
    height: auto;
    margin: 0 auto;
	display: inline-block;
}
.border-tl{
	border-top-left-radius: 20px;
}

.border-br{
	border-bottom-right-radius: 20px;
}
.card-header-con:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}
.card-header-con {
	padding: 1.1rem 1.25rem 0.2rem 1.25rem;
    margin-bottom: 0;
    color: inherit;
}
.card-header-con p.font-title{
	font-weight: bolder;
    font-size: 1.38rem;
    text-align: center;
	word-break:normal;
	margin-bottom: 0.1rem;
	color:#222222;
}
.card-header-con p.subtitle{
	font-weight: bold;
    font-size: 1.2rem;
	color:#919191;
	margin-bottom: 0.7rem;
}
.card.card_height{
	height:80%;
}
.card-deck .img_con{
	width:100%;
	position:relative;
	display:block;
}
.card-deck .img_con img.img_fix{
	width:100%;
	position:relative;
	display:block;
}
.shadow-box {
    box-shadow: 0 .125rem .85rem rgba(0,0,0,.095)!important;
}
.btn-primary-blue-text{
	color:#254a8a;
	background-color:#fff;
	border-bottom-right-radius: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 0px;
	padding: 0.75rem 1.25rem 0.75rem 1.25rem;
	font-weight:600;
	font-size: 1rem;
}
.btn-primary-blue-text:hover{
	color:red;
}
.arrow-right-blue{
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 10px solid #254a8a;
    display: inline-block;
    margin-left: 12px;
}
.red-border{
	border: 1px solid red!important;
	transition: all .2s ease-in-out;
	border-top-left-radius: 20px!important;
}
.btn-primary-red{
	color:#fff!important;
	background-color:red;
	border-bottom-right-radius: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 0px;
	padding: 1.1rem 1.25rem 1.1rem 1.25rem;
	font-weight:600;
}
.arrow-right-red{
    border-left: 10px solid #fff;
}
.card{
	margin-right:5.65px!important;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border: 1px solid transparent;
	height:100%;
	display:block;
	flex-direction:unset;
}
a.remove_hover_class{
	text-decoration:none;
	width: 33.33%;
}

.part2{
	width: calc((100% - 66px)/3);
    float: left;
    background-color: #fff;
    display: inline-block;
    margin-left: 15px;
    margin-right: 5px;
}
.part2_con:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}
.part2_con {
	padding: 1.1rem 1.25rem 0.2rem 1.25rem;
    margin-bottom: 0;
    background-color: #ffffff;
    text-align: left;
}
.part2_con h3.font-title{
	font-weight: bolder;
    font-size: 1.2rem;
    text-align: left;
    word-break: normal;
    margin-bottom: 0.1rem;
    color: #222222;
    letter-spacing: -0.1em;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.part2_con p.subtitle{
	font-weight: bold;
    font-size: 1rem;
    color: #919191;
    margin-bottom: 0rem;
    letter-spacing: -0.05rem;
	margin-top: 10px;
	max-height: 45px;
	min-height: 45px;
	line-height: 21px;
	overflow:hidden;
	text-overflow:ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.part2 .img_con{
	width:100%;
	position:relative;
	display:block;
}
.part2 .img_con img.img_fix{
	width:100%;
	position:relative;
	display:block;
}
owl-carousel .nav-btn{
  height: 47px;
  position: absolute;
  width: 26px;
  cursor: pointer;
  top: 100px !important;
}
.owl-carousel.top  .owl-nav.disabled{
	display:none;
}
.top_con {
    width: 100%;
    position: relative;
	margin-top: -100px;
}
span.img-tag{
	background-color: #7493c2;
    color: #fff;
    position: absolute;
    top: 40px;
    right: 10px;
    font-size: 1rem;
    padding: 5px 10px;
    border-radius: 50px;
}
.btn.focus, .btn:focus {outline:0;box-shadow: none;}
/*part3-3大加值--------------------------------------------------------------------*/
.con_part3{
	width: 100%;
    position: relative;
	height:auto;
	margin-top: 0px;
}
.main_title{	
	text-align: center;
	width: 100%;
}
.main_title .main_title_part3{
	color:#bb4109;
	font-size: 2.5rem;
	font-weight: bolder;
	margin-bottom: 0px;
}
.main_title .main_title_part3 span.big_font-title{
	padding-left: 25px;
	font-size: 3rem;
}
.main_title  .sub_con{
	display: inline-block;
    position: relative;
    width: 100%;
}
.main_title .subtitle_con{
	background: url(../images/ribbon_landing_web.png) no-repeat center top;
    width: 100%;
    background-size: contain;
    height: 108px;
}
.con_part_info{
	width: 100%;
    position: relative;
    display: inline-block;
    height: auto;
    margin-left: 10px;
}
.shadow-box-red {
    box-shadow: 0.15rem 0.25rem 0.95rem rgba(224,26,15,.25)!important;
	border-radius:20px;
}
.shadow-box-orange {
    box-shadow: 0.15rem 0.25rem 0.95rem rgba(224,128,15,.25)!important;
	border-radius:20px;
}
.shadow-box-blue {
    box-shadow: 0.15rem 0.25rem 0.95rem rgba(16,168,222,.25)!important;
	border-radius:20px;
}
.arrow-circle-grey{
	background: url(../images/arrow-circle-grey.png) no-repeat left top;
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-left: 5px;
	vertical-align: text-top;
	background-size:contain;
	margin-top: 2px;
}
.card-header-con-area3:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}
.card-header-con-area3 {
	padding: 1.5rem 1.85rem 1.5rem 1.85rem;
    margin-bottom: 0;
    color: inherit;
}
.card-header-con-area3 p.font-title-left{
	font-weight: bolder;
	font-size: 1.38rem;
	text-align: left;
	word-break:normal;
	margin-bottom: 0.1rem;
	color:#222222;
	line-height: 38px;
}
.card-header-con-area3 p.red{
	color:#e01a0f;
	background: url(../images/red_main_title.png) no-repeat left top;
	padding-left: 45px;
}
.card-header-con-area3 p.orange{
	color:#e0800f;
	background: url(../images/orange_main_title.png) no-repeat left top;
	padding-left: 45px;
}
.card-header-con-area3 p.blue{
	color:#214781;
	background: url(../images/blue_main_title.png) no-repeat left top;
	padding-left: 49px;
}
.card-header-con-area3 p.subtitle-left{
	font-weight: bold;
	font-size: 1.2rem;
	color:#6d6d6d;
	margin-bottom: 0.7rem;
	text-align: left;
	margin-top: 15px;
	margin-bottom: 8px;
}
.btn-style{
	color:#888;
	font-size:0.95rem;
	text-align:right;
	font-weight:600;
}
.btn-style:hover{
	color:#888;
	text-decoration:underline;
}
.no-border-pd{
	border:none;
	margin-right: 15px!important;
	margin-left: 15px!important;
}
.bg_cloud{
	background: url(../images/bg_cloud.png) no-repeat center bottom;
	background-size: cover;
}
.part3_con{
	width: 100%;
    margin: 0px auto;
}
.part3_con .part3-info{
	width: calc((100% - 90px)/3);
    float: left;
    background-color: #fff;
	margin-left: 20px;
}
.part3_con .img_con{
	width:100%;
	position:relative;
	display:block;
}
.part3_con .img_con img.img_fix{
	width:100%;
	position:relative;
	display:block;
}
/*awards----------------------------------------------------------------------------*/
.awards{
	width:100%;
	position:relative;
	display:inline-block;
	text-align:center;
	margin-bottom: 8rem;
}
.awards p.award_text{
	display:inline-block;
	font-weight:bolder;
	background: linear-gradient(to right, #ba7500, #ba7500,#a26a00, #f8ba38);	
	background: -moz-linear-gradient(left, #ba7500 0%, #ba7500 50%, #a26a00 51%, #f8ba38 100%); /* FF3.6+ */	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ba7500), color-stop(50%,#ba7500), color-stop(51%,#a26a00), color-stop(100%,#f8ba38)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #ba7500 0%,#ba7500 50%,#a26a00 51%,#f8ba38 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ba7500 0%,#ba7500 50%,#a26a00 51%,#f8ba38 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ba7500 0%,#ba7500 50%,#a26a00 51%,#f8ba38 100%); /* IE10+ */
    -webkit-background-clip: text;
    color: transparent;
	vertical-align: bottom;
	font-size: 1.6rem;
}
.awards p.award_text span.blue{
	background: linear-gradient(to right, #e71a0f, #a61a0f);
    -webkit-background-clip: text;
    color: transparent;
}
.awards .img_award{
	background: url(../images/award_web.png) no-repeat center top;
	background-size: contain;
	width:100%;
	height:133px;
} 
/*part4-comment--------------------------------------------------------------------*/
.goodcomment{
	background-color:#f2e6d6;
}
.white_bg{
	background: url(../images/comment_bg_white.png) no-repeat center bottom;
	background-size: cover;
}
.main_title_comment{
	width:100%;
	position:relative;
	display: block;
}
.main_title_comment .comment_bg{
	background: url(../images/comment_bg.png) no-repeat center top;
	width: 100%;
	height: 136px;
}
.main_title_comment .comment_bg p.comment_title{
	color: #c54a00;
    font-size: 1.95rem;
    text-align: right;
    font-weight: bolder;
    display: inline-block;
    position: absolute;
    right: 20.5%;
    bottom: 16%;
}
.comment_con{
	padding-top: 20px;
    padding-bottom: 100px;
}
.comment_con .card-text-3{
	font-size:1.2rem;
	font-weight:bolder;
	padding-top: 25px;
    position: relative;
    display: block;
	color:#000;
	min-height:115px;
}
.comment_con span.orange{
	color:#e0800f;
}
.comment_con span.blue{
	color:#214781;
}
.comment_con span.red{
	color:#e01a0f;
}
.card-border-radius{
	border-radius:12px;	
	margin-top: 70px;
}
.comment_con .up_con{
	width: 100%;	
}
.owl-stage {

}
.owl-item{

    height: auto !important;
}
.comment_con .people_info{
  
}
.comment_con .people_info img.img-style-comment{
    margin-top: -23%;
}
.comment_con .people_info .text_info{
    position: relative;
    margin-left: 10px;
    margin-top: 20%;
}
.comment_con .people_info .text_info p.amount_info{
    margin:0px;
    font-size: 1.0rem;
    font-weight: bolder;
	color:#1a1a1a;
}
.comment_con .people_info .text_info p.job_info{
    margin:0px;
    font-size: 0.80rem;
    font-weight: bolder;
	color:#525252;
}
.comment_con img.img-style-line{
	position:absolute;
	top: 48px;
	left:-5px;
}
.card-body{
	padding: 1.6rem 1.8rem 1.0rem 1.8rem;
}
a.btn_comment{
	display: inline-block;
}
.btn_con{
	margin-top: 30px;
	position: relative;
	display: block;
	width: 100%;
	text-align: center;
}
.item-space{
	margin-left: 10px;
    margin-right: 10px;
}
/*part5-廣告輪播--------------------------------------------------------------------*/
.ad_area{
	background-color:#f2e6d6;
}
.ad_con{
	padding-top: 80px;
	width: 100%;
	position: relative;
	overflow: hidden;
}
.ad_con .ad_item{	
	display: block;	
	width: 100%;
}
.ad_con .ad_item a{
	display:block;
}
.ad_con .ad_item img.img_ad{
	display:block;
}
.ad_con .item{
  opacity:0.4;
  transition:.4s ease all;
  margin:0 0px;
  transform:scale(1);
}
.ad_con .active .item{
  opacity:1;
} 
.owl-item {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(0, 0);
}
.owl-controls{position:absolute; margin-top:40px;}

.ad_con  .owl-dots{
	position:absolute;
	bottom:11px;
	left: 50%;
    transform: translateX(-50%);
}
.ad_con  .owl-dot{
	height: 10px;
    border-radius: 50%;
    background-color: #fff!important;
    -webkit-transition: background-color 1s ease-out;
    transition: background-color 1s ease-out;
    width: 10px;
    border: none;
	margin:0px 5px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
}
.ad_con  .owl-dot.active{
	background-color: red!important;
    width: 60px!important;
    border-radius: 30px!important;
}
.ad_con .owl-theme .owl-dots .owl-dot span{
	display:none;
}
.owl-theme .owl-dots .owl-dot.active span{
	background-color: red;
    width: 60px;
    border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot span{
	background-color: #ccc;
}
/*rightbutton----------------------------------------------------------------------------*/
.wrapper_float {
	display: block;
	position: fixed;
	z-index: 999;
	cursor: pointer;
	top: 40%;
	margin-left: 0;
	right:1%;
}
a.floating{
	padding-bottom: 10px;
    display: block;
}
a.floating img{
	width:80%;
	height:auto;
}
a.floating:hover{
    transition: all .2s ease-in-out;
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
    transform: scale(1.1);
}
.back-to-top {
	display: none;
    position: fixed;
    border-radius: 50%;
    right: 2.2%;
    bottom: 3%;
    text-align: center;
    padding: 5px 15px 14px 15px;
    background: hsla(0, 0%, 52%, 0.5);
    color: #FAFCFD;
    cursor: pointer;
    z-index: 1000;
	border: none;
	font-weight:bolder;
}
.back-to-top:hover {
	background-color: #e54f51; 
	color: #fff;
}
/*footer----------------------------------------------------------------------------*/
.footer_in{
	position:relative;
	bottom:0; 
	text-align:center;
	background-color:#254a91;
	width:100%;
	min-height:50px;
	padding:3px 20px;
}
.footer_in p.footer_con{
	margin-bottom: 0.25rem;
    vertical-align: baseline;
    display: block;
    margin-top: 0.25rem;
}
.footer_in span.text_footer{
	color:#fff;
	line-height:20px;
	font-size:0.8em;
	margin-right:20px;
}
.footer_in span.underline{
	text-decoration:underline;
}
/*buyhouse_page----------------------------------------------------------------------------*/
.paddingtop{
	padding-top:30px;
}
.paddingtop_breadcrumb{
	padding-top:90px;
}
ul.breadcrumb_nav a{
	color:#5b5b5b;
}
ul.breadcrumb_nav a:hover{
	color:#e75c00;
	text-decoration:underline;
}
ul.breadcrumb_nav span{
	padding: 0px 10px;
}
ul.breadcrumb_nav {
	display: -ms-flexbox; 
    display: flex;
    flex-wrap: wrap; 
	-ms-flex-wrap: wrap;
    padding: 0px 40px;
    margin-bottom: 0px;
    list-style: none;
    font-weight:bold;
    font-size: 0.8em;
}
.inside_banner{
	position:relative;
	display:block;
	width:100%;
	text-align:center;
}
.inside_banner .title_con.buy{
	background: url(../images/buyhouse_banner.jpg) no-repeat center center;
	background-size:cover;
	width: 100%;
	height:421px;
}
.inside_banner .title_con h1.main_title_inside {
    font-size: 2.9rem;
    color: #bd4a10;
    padding: 52px 0px 30px 0px;
	font-weight:bold;
}
.inside_banner .title_text{
	display:inline-block;
}
/*content_main highlight_con*/
.highlight_con{
	background-color:#fffde3;
	position:relative;
	display:block;
	width:100%;
}
.highlight_con .cloud_img.buyhouse{
	background: url(../images/cloud-buyhouse.png) no-repeat center bottom;
	background-size:cover;
	width: 100%;
}
.highlight_con .container.absolute-move{
	position: absolute;
    height: auto;
    margin: 0 auto;
    display: block;
    top: -16%;
    left: 50%;
    transform: translate(-50%);
}

.highlight_box{
    width: 70%;
    margin: 0 auto;
	position:relative;
}
.highlight_con .card-highlight{
	position: relative;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border-radius: 2rem;
}
.highlight_con .highlight_title_con{
	width:70%;
	margin:0 auto;
	display:block;
}
.highlight_con p.highlight_title{
	font-size: 2rem;
	font-weight: bolder;
	color: #525252;
	text-align: center;
	vertical-align: middle;
	display: block;
	padding:0px 0px 10px 0px;
}
.highlight_con p.highlight_title span.red{
	color:#e34f51;
}
.highlight_con .highlight_content{
	text-align:center;
	padding-top: 35px;
}
.highlight_con .card-header-con-highlight{
	padding: 15px;
    display: block;
    position: relative;
    width: 100%;
}
.highlight_con .hint{
	width: 70%;
	margin: 10px auto;
	font-size: 1.1rem;
}
.highlight_con .hint span.texth_left{
	color:#d55009;
	font-weight:bold;
	display: grid;
	float: left;
}
.highlight_con .hint span.texth_right{
	text-align: left;
	display: grid;
	padding-left: 10px;
	line-height: 28px;
}
.highlight_con img.chart_buyhouse{
    width: 70%;
}
.button_box{
	width: 90%;
	position: relative;
	text-align: center;
	margin: 25px auto;
	display: inline-block;
}
.button_box_2{
	width: 60%;
	position: relative;
	text-align: center;
	margin: 25px auto;
	display: inline-block;
}
.button_box a{
	display: block;
	width: 33%;
	float: left;
}
.button_box_2 a{
	display: block;
	width: 50%;
	float: left;
}
.button_box a:last-child,.button_box_2 a:last-child{
	padding-left:18px;
}
.button_box a img,.button_box_2 a img{
	display: block;
	width: 100%;
}
.button_box a:hover,.button_box_2 a:hover{
	transition: all .2s ease-in-out;
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
    transform: scale(1.1);
}
.button_bottom{
	text-align: center;
    margin: 0px auto;
	width: 71%;
}
/*content*/
.sub_layout_con{
	background-color:#f4ebde;
	position:relative;
	display:block;
	width:100%;
}
.sub_layout_con .element_img_buyhouse{
	background: url(../images/sub-buyhouse.png) no-repeat center top;
	background-size:cover;
	width: 100%;
}
.content_main, .content{
	text-align:center;
	display:block;
	position:relative;
	width:70%;
	margin:0 auto;
}
.sub_layout_con .content_main{
	margin-bottom:4rem;
	margin-top: 3.5rem;
}
.sub_layout_con .content_main p.big_title{
	color:#e07e10;
	font-size:2.78rem;
	font-weight:bold;
}
.sub_layout_con .content_main h2.big_title{
	color:#e07e10;
	font-size:2.78rem;
	font-weight:bold;
}
.sub_layout_con .content_main p.sub_text{
	color: #444;
	font-size: 1.48rem;
	font-weight: bold;
	text-align: left;
	margin-top: 1.5rem;
}
.sub_layout_con .content .title_content_bg {
	background: url(../images/content_title_bg.png) no-repeat center;
    background-size: contain;
    width: calc(100% - 10px);
    display: inline-block;
    margin-bottom: 30px;
	padding-top: 15px;
}
.sub_layout_con .content .title_content_bg.long {
	background: url(../images/content_title_bg_long.png) no-repeat center;
    background-size: contain;
    width: calc(100% - 10px);
    display: inline-block;
    margin-bottom: 30px;
	padding-top: 15px;
}
.sub_layout_con .content .title_content_bg p.content_title{
	font-size: 1.8rem;
    color: #e07e10;
    font-weight: bolder;
}
.sub_layout_con .content .title_content_bg h3.content_title{
	font-size: 1.8rem;
    color: #e07e10;
    font-weight: bolder;
    display: block;
    margin-bottom: 1.5rem;
}
.sub_layout_con .content .title_content_bg p.sub_content_text{
	font-size: 1.5rem;
    color: #e07e10;
    line-height: 75px;
    font-weight: bolder;
}
.sub_layout_con .content ul{
	font-weight: bold;
	color: #444;
	font-size: 1.3rem;
	width: 70%;
	margin: 0 auto;
	padding-inline-start: 16%;
}
.sub_layout_con .content ul li{
	list-style-type: none;
    text-indent: -38px;
    text-align: left;
    padding-bottom: 15px;
}
.sub_layout_con .content ul.ul_buyhouse li:before {
	content: '';
	display: inline-block;
	height: 23px;
	width: 23px;
	background-size: 23px;
	background-image: url("../images/buyhouse.png");
	background-repeat: no-repeat;
	margin-right:15px;
}
.img_dotted{
	margin: 40px auto;
	width: 100%;
}
p.sub_text{
	margin-bottom:0px;
	font-weight: bold;
	font-size: 1.3rem;
}
/*table*/
.table_content{
	position: relative;
    width: 100%;
    display: inline-block;
}
.table_content img.table_bird{
	left: 0%;
    position: absolute;
    top: -16%;
    z-index: 0;
}
.hint_table_inline {
    width: 93%;
    padding: 0px 18px 0px 20px;
    text-align: left;
    margin: 0 auto;
}
.hint_table_inline span.hint_text_small_orange{
	color: #de800f;
	font-size: 1rem;
	font-weight: bolder;
	display:grid;
	margin-bottom: 0rem;
	float: left;
}
.hint_table_inline span.hint_text_small{
	font-size: 1rem;
	color: #606060;
	display:grid;
	line-height:28px;
	margin-bottom: 0rem;
	padding-left: 10px;
}
.card-header-con-table{
	padding: 0rem;
    margin-bottom: 0;
    color: inherit;
}
.card-header-con-table:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}
.sub_layout_con .content ol li.list_text_table{
	padding-left:10px;
	margin-bottom: 15px;
	color: #444;
	font-size: 1.2rem;
	text-align:left;
	font-weight:bold;
}
.table_title{
	background-color: #de800f;
    color: #fff;
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
    text-align: center;
    padding: 20px 0px;
    display: block;
    width: 100%;
	font-size:1.2rem;
	font-weight: 600;
}
h3.table_title{
	background-color: #de800f;
    color: #fff;
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
    text-align: center;
    padding: 20px 0px;
    display: block;
    width: 100%;
	font-size:1.2rem;
	font-weight: 600;
	margin-bottom: 0px;
}
.table_row{
	display: inline-flex;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
    width: 100%;
    height: auto;
}
.pt-15{
	padding-top:10px;
}
.pb-15{
	padding-bottom:10px;
}
.left_table{
	background-color: #fff;
	padding-right: 0px;
	padding-left: 50px;
	display: flex;
	display: -ms-flexbox; 
}
.left_table.bordertl-radius{
	border-top-left-radius:18px;
}
.left_table.borderbl-radius{
	border-bottom-left-radius:18px;
}
.left_table .left_tb_con{
	text-align: left;
    border-bottom: 1pt solid #de800f;
    padding: 16px 0px;
    width: 100%;
	font-weight: bold;
	color:#de800f;
	font-size: 1.2rem;
}
.left_table .left_tb_con_no{
	text-align: left;
    padding: 16px 0px;
    width: 100%;
	font-weight: bold;
	color:#de800f;
	font-size: 1.2rem;
}
.right_table{
	background-color: #ffeec7;
	padding-right: 0px;
	padding-left: 50px;
	display: flex;
	display: -ms-flexbox; 
}
.right_table.bordertr-radius{
	border-top-right-radius:18px;
}
.right_table.borderbr-radius{
	border-bottom-right-radius:18px;
}
.right_table .right_tb_con{
	text-align: left;
	border-bottom: 1pt solid #aaaaaa;
	padding: 16px 0px;
	width: 100%;
	font-weight: 600;
	color:#545454;
	font-size: 1.2rem;
}
.right_table .right_tb_con_no{
	text-align: left;
	padding: 16px 0px;
	width: 100%;
	font-weight: 600;
	color:#545454;
	font-size: 1.2rem;
}
.card-deck.content_fit{
	margin: 15px 43px 15px 35px;
}
.card-deck.content_fit_small{
	margin: 15px 32px 15px 0px;
}
.hint_table{
	width: 100%;
	display: inline-block;
	padding: 0px 18px 30px 20px;
	text-align: left;
}
.hint_table p.hint_table_orange{
	margin-bottom: 6px;
	color: #de800f;
	font-size: 1rem;
	font-weight: bolder;
}
.hint_table ol.hint_info{
	list-style-type:none;
	font-size: 1rem;
	color: #606060;
	counter-reset:sectioncounter;
	padding-inline-start: 26px;
}
.hint_table ol.hint_info li.hint_text_tb{
	padding-left: 15px;
	margin-bottom: 2px;
	text-indent: -40px;
	line-height: 26px;
}
.hint_table ol.hint_info li.hint_text_tb::before { 
  content: "("counter(sectioncounter)")";
  counter-increment:sectioncounter;
}
.hint_table ol.hint_info li.hint_text_tb span{
	padding-left: 15px;
}
.left_table.border-left-table{border-top-left-radius:18px;}
.right_table.border-right-table{border-top-right-radius:18px;}
.shadow-box-orange-table {
    box-shadow: 0.15rem 0.25rem 0.95rem rgba(224,128,15,.25)!important;
    border-radius: 20px;
	border:none;
}
.margin-bottom-end{
	height: 80px;
    display: block;
    position: relative;
    width: 100%;
}
span.break_title_financial{
	display:block;
}

/*transferloan_page----------------------------------------------------------------------------*/
.inside_banner .title_con.transfer{
	background: url(../images/transferloan_banner.jpg) no-repeat center center;
	background-size:cover;
	width: 100%;
	height:421px;
}
.highlight_con .cloud_img.transferloan{
	background: url(../images/cloud-transferloan.png) no-repeat center bottom;
	background-size:cover;
	width: 100%;
}
.sub_layout_con .element_img_transferloan{
	background: url(../images/sub-transferloan.png) no-repeat center top;
	background-size:cover;
	width: 100%;
}
.sub_layout_con .content ul.ul_transferloan{
	width: 80%;
}
.sub_layout_con .content ul.ul_transferloan li:before {
	content: '';
	display: inline-block;
	height: 23px;
	width: 23px;
	background-size: 23px;
	background-image: url("../images/transferloan.png");
	background-repeat: no-repeat;
	margin-right:15px;
	vertical-align: text-top;
}
.table_content img.table_money{
	left: 1%;
    position: absolute;
    top: -11%;
    z-index: 0;
}
.highlight_con p.highlight_title span.blue{
	color:#254a8a;
}
/*financialloan_page----------------------------------------------------------------------------*/
.inside_banner .title_con.financial{
	background: url(../images/financialloan_banner.jpg) no-repeat center center;
	background-size:cover;
	width: 100%;
	height:421px;
}
.sub_layout_con .element_img_financial{
	background: url(../images/sub-financialloan.png) no-repeat center top;
	background-size:cover;
	width: 100%;
}
.table_content img.table_financial{
	left: 0%;
	position: absolute;
	top: -10%;
	z-index: 0;
	width: 12%;
}
.highlight_con p.highlight_title span.orange{
	color:#c37900;
}
.button_box a.financial_btn_con..button_box a.financial_btn_con,.button_box_2 a.financial_btn_con..button_box a.financial_btn_con{
	width:54%;
}
.button_box a.register_con_short,.button_box a.register_con_short{
	width: 33%;
}
/*3benefit_pages----------------------------------------------------------------------------*/
.highlight_con.white{
	background-color:#fdfdfd;
}
.inside_banner .title_con.card{
	background: url(../images/card_banner.jpg) no-repeat center center;
	background-size:cover;
	width: 100%;
	height:470px;
	border:none;
}
.button_top_con{
	width: 70%;
	position: relative;
	display: block;
	margin: 0 auto;
}
.button_top{
	position: absolute;
	width: 100%;
	display: inline-block;
	text-align: center;
	bottom: 18px;
}
.button_top img.button_top_img{	
	width: calc((100% - 20px)/3);	
	margin: 0 auto;	
	display: inline-block;	
	position: relative;
}
.sub_layout_con.white {
    background-color: transparent;
}
.sp_box{	
	width: 100%;	
	position: relative;	
	display: inline-block;
}
.sp_con{	
	display: inline-block;	
	width: calc((100% - 20px)/2);
	border-right:1pt dashed #cc7900;
}
.sp_con:last-child{	
	border-right:none;
}
.sp_con p.sp_title{	
	color: #c37900;	
	font-weight: bold;	
	font-size: 1.75rem;	
	margin-bottom: 5px;
}
.sp_con p.sp_subtitle{	
	color: #4c4c4c;	
	font-weight: bold;	
	font-size: 1.55rem;
	background: url(../images/benefit_line.png) no-repeat left bottom;
    background-size: contain;
    width: 100%;
    display: inline;
    padding-bottom: 12px;
}
.sp_con img.sp_img{	
	width:70%;
	margin: 35px auto 0px auto;
	display:block;
}
.sub_layout_con .content ul.ul_card{
	width: 75%;
}
.sub_layout_con .content ul.ul_card li:before {
	content: '';
    display: inline-block;
    height: 40px;
    width: 37px;
    background-size: 36px;
    background-image: url(../images/card_ic.png);
    background-repeat: no-repeat;
    margin-right: 15px;
    vertical-align: text-top;
}
.sub_text_no{
	margin-bottom: 0px;
    font-weight: bold;
    font-size: 1.2rem;
	text-align:left;
}
.sub_layout_con .content .title_content_bg_no p.content_title {
    font-size: 1.65rem;
    color: #e07e10;
    font-weight: bolder;
}
.inside_banner .title_con h1.main_title_inside_benefit {
    font-size: 2.9rem;
    color: #bd4a10;
    padding: 70px 0px 30px 0px;
	font-weight:bold;
}
.sub_layout_con .element_img_benefit_card{
	background: url(../images/sub-benefit-card.png) no-repeat center top;
	background-size:cover;
	width: 100%;
}
.sub_layout_con .element_img_benefit_online{
	background: url(../images/sub-benefit-online.png) no-repeat center top;
	background-size:cover;
	width: 100%;
}
.sub_layout_con .element_img_benefit_pay{
	background: url(../images/sub-benefit-pay.png) no-repeat center top;
	background-size:cover;
	width: 100%;
}
.sub_layout_con .content ul.ul_online li:before {
    content: '';
    display: inline-block;
    height: 32px;
    width: 23px;
    background-size: 20px;
    background-image: url(../images/benefit_online_ic.png);
    background-repeat: no-repeat;
    margin-right: 15px;
    vertical-align: text-top;
}
.button_top_con .button_top img.button_top_img:hover{
	transition: all .2s ease-in-out;
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
    transform: scale(1.05);
}
.sp_con_single{	
	display: inline-block;	
	width: calc(100% - 100px);
	border-bottom:1pt dashed #cc7900;
	margin:0 auto;
}
.sp_con_single:last-child{	
	border-right:none;
}
.sp_con_single p.sp_title{	
	color: #c37900;	
	font-weight: bold;	
	font-size: 1.75rem;	
	margin-bottom: 5px;
}
.sp_con_single p.sp_subtitle{	
	color: #4c4c4c;	
	font-weight: bold;	
	font-size: 1.55rem;
	background: url(../images/benefit_line.png) no-repeat left bottom;
    background-size: contain;
    width: 100%;
    display: inline;
    padding-bottom: 12px;
}
.sp_con_single img.sp_img.online{	
	width:60%;
	margin: 22px auto 0px auto;
	display:block;
}
.highlight_box.benefit{
    width: 90%;
    margin: 0 auto;
    position: relative;
}
.hint.benefit{
	width:60%;
	margin-bottom:10px;
}
.hint.benefit:first-of-type{
	margin-bottom:0px;
}
.hint.benefit span.texth_right{
	font-size:1.05rem;
}
.shadow-box-orange-benefit {
    box-shadow: 0.1rem 0.05rem 1rem rgba(224,128,15,.25)!important;
    border-radius: 20px;
    border: none;
}
.sp_con_single img.sp_img.pay{	
	width:62%;
	margin: 30px auto 20px auto;
	display:block;
}
.sp_con_single.benefit{
	border:none;
}
.sp_con_single.benefit:last-of-type{
	margin-top:10px;
	margin-bottom:10px;
}
.button_box.benefit,.button_box_2.benefit{
    width: 47%;
}
.right_table .right_tb_con_no span{
	display:block;
}
.highlight_con .cloud_img.benefit_short {
    background: url(../images/cloud-benefit-short.png) no-repeat center bottom;
    background-size: cover;
    width: 100%;
}
.highlight_con .cloud_img.benefit_long {
    background: url(../images/cloud-benefit-long.png) no-repeat center bottom;
    background-size: cover;
    width: 100%;
}
.details{
	text-decoration:underline;
	color:#e07e10;
	font-size:1.1rem;
	word-break: keep-all;
    white-space: pre-wrap;
    word-wrap: break-word;
	cursor:pointer;
	display: inline;
	
}
/*-----popup------*/
.popup{
	background: rgba(0,0,0,0.5);
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 180;
	display: none;
}
.popup > div{
	position: relative;
    background: #fff;
    width: 55%;
    margin: 0 auto;
    margin-top: 10%;
    text-align: center;
    box-shadow:  0.1rem 0.05rem 0.941rem rgba(224,128,15,.25);
    border-radius: 10px;
    padding: 30px;
    text-align: left;
    color: #3c3c3c;
    font-size: 0.8em;
    line-height: 26px;
	margin-bottom: 8%;
}
.popclose{
	position: absolute;
	right: 30px;
	top:30px;
	color: #666666;
	font-weight:bold;
	font-size: 1.2em;
	cursor: pointer;
	transition: 0.3s;
}
.popclose:hover{
	text-decoration: underline;
}
.popimg{	
	display: block;	
	position: relative;	
	width: 90%;	
	margin: 40px auto 10px auto;
}
.popimg img{	
	width: 100%;	
	margin: 0 auto;
}

/*calc_buyhouse--------------------------------------------------------------------*/
.inside_banner .title_con.calc{
	background: url(../images/calc_banner.jpg) no-repeat center center;
	background-size:cover;
	width: 100%;
	height:421px;
}
.inside_banner .title_con h1.main_title_inside.blue{
	color:#254a88;
}
.highlight_calc{
	background-color:#fcfcfc;
	position:relative;
	display:block;
	width:100%;
}
.shadow-box-blue {
    box-shadow: 0.15rem 0.25rem 0.95rem rgba(46,86,255,.25)!important;
    border-radius: 20px;
	border:none;
}
.tab_box{
    width: 75%;
    position: relative;
    text-align: center;
    margin: auto auto 2rem auto;
}
.tab_box .tab_content{
	display: inline-block;
    background-color: #fff;
    border-radius: 10px;
    width: 100%;
    position: absolute;
    left: 50%;
    bottom: 0px;
    transform: translate(-50%, 0%);
}
.tab_content .tab{
	position: relative;
	width: calc((100% - 35px)/6);
	color:#707070;
	display: inline-block;
}
.tab_content .tab.active{	
	color: #fff;
	background-color: #4f77b2;	
	border-radius: 10px;
	border-right:none;
	box-shadow: 0.15rem 0.25rem 0.95rem rgba(224,128,15,.25);
}
.tab_content .tab.active:after{	
    content:'';
    position: absolute;
    top: 98%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-top: solid 15px #4f77b2;
    border-left: solid 15px transparent;
    border-right: solid 15px transparent;
}
.tab_content .tab h3.tab_text{
	margin: 30px 0px;
	font-weight: 600;
	font-size: 1.2rem;
}
.tab_content .tab h3.tab_text.border-right-dash{
	border-right: 1pt dashed #aaaaaa;
}
.calc_box{
    width: 75%;
    position: relative;
    text-align: center;
    margin: auto auto 3rem auto;
}
.calc_box .calc_content{	
    background-color: #fff;
    border-radius: 10px;
    width: 100%;
	box-shadow: 0.15rem 0.25rem 0.95rem rgba(224,128,15,.25);
}
.calc_box .calc_content .calc_info_con{
	padding:15px 45px;
}
.calc_box .calc_content .calc_info_con .calc_main_title{
	width:100%;
	display:block;
	position: relative;
	text-align:left;
}
.calc_box .calc_content .calc_info_con .calc_main_title h2.calc_title{
	font-size: 1.5rem;
	font-weight:bold;
	color:#254a88;
}
.calc_box .calc_content .calc_info_con .calc_main_title h1.calc_title{
	font-size: 1.5rem;
	font-weight:bold;
	color:#254a88;
}
.calc_box .calc_content .calc_info_con span.calc_buy_ic{
	background: url(../images/calc_buy_ic.png) no-repeat center center;
	background-size:contain;
	width: 38px;
	height:38px;
	display: inline-block;
	vertical-align: sub;
	margin-right: 10px;
}
.calc_box .calc_content .button_box_calc{
	width: 100%;
    position: relative;
    text-align: center;
    margin: 0px auto;
    display: inline-block;
}
.calc_box .calc_content .button_box_calc a{
	display: inline-block;
    width: 27%;
    margin: 0px auto;
}
.calc_box .calc_content .button_box_calc  img.start_calc_button{
	width: 100%;
    margin: 0px auto;
    display: block;
}
.calc_box .calc_content .button_box_calc  img.start_calc_button:hover{
	transition: all .2s ease-in-out;
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
    transform: scale(1.1);
}
.calc_part_con{
	display:block;
	padding: 12px 20px 12px 36px;
	text-align:left;
}

.calc_part_con label.title{
	text-align: left;
	display: inline-block;
	position: relative;
	font-size: 1.3rem;
	font-weight: bold;
	width: 20%;
	vertical-align: top;
	padding-top: 4px;
}
.calc_part_con .calc_form{
	display:inline-block;
	width:35%;
	padding-left:15px;
}
.form-control-calc{
    display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: 0.15rem .75rem .375rem 0rem;
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1.5;
    color: #254a88;
    background-color: #fff;
    background-clip: padding-box;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #ced4da;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.calc_part_con .calc_form_text{
	display: inline-block;
    width: 32%;
    padding-left: 15px;
    vertical-align: top;
}
.form-control-calc-text {
    display: inline-block;
    width: 55%;
    height: calc(2.25rem + 2px);
    padding: 0.15rem 0rem .375rem 0rem;
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1.5;
    color: #254a88;
    background-color: #fff;
    background-clip: padding-box;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #ced4da;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.calc_form_text span.text_back{
	padding-left:10px;
	font-size: 1.2rem;
	padding-top: 4px;
	font-weight: 600;
	color: #3f3f3f;
}
.slider-handle.custom::before {
	content: url(../images/calc_money_icon.png); 
	position: absolute;
    top: -3px;
    left: -13px;
}
#ex1Slider .slider-selection,#ex2Slider .slider-selection {
	background: #254a88;
}
.slider.slider-horizontal{
	position: relative;
    display:inline-block;
	width: 45%;
	margin-top: 10px;
}
.calc_part_con label.title_slider{
	text-align: left;
	display: inline-block;
	position: relative;
	font-size: 1.3rem;
	font-weight: bold;
	width: 20%;
	vertical-align: top;
	padding-top: 5px;
}
span.text_hint{
	color: #de800f;
    font-size: 0.8rem;
    display: block;
	padding-top:3px;
}
span.text_hint_red{
	color: #e01a0f;
    font-size: 0.8rem;
    display: block;
	padding-top:3px;
}
.calc_part{
	padding-top:15px;
	border-bottom: 1pt dashed #de800f;
}
.calc_part:last-child{
	border-bottom: none	;
	margin-top: 15px;
}
.info_content{
	margin-bottom: 20px;
}
.result_content{	
	position: relative;	
	display: block;	
	width: 100%;
	margin-bottom: 20px;
}
.result_content .result_text{	
	display: block;	
	background-color: #f7faff;		
	width: 94%;	
	margin: 1.5rem auto 0rem auto;
	text-align: left;
    padding: 26px 50px;
	border-radius:10px;
}
.result_content .result_text p.result_main_text{
	font-size: 1.3rem;
	font-weight:bold;
	color:#303030;
	margin-bottom: 12px;
}
.result_content .result_text p.result_main_text:last-child{
	margin-bottom: 0px;
}
.result_content .result_text p.result_main_text span.result_orange{
	color: #de800f;
	padding: 0px 5px;
	font-size: 1.5rem;
}
.bold{font-weight:600;}
.button_box_calc_two {
    width: 60%;
    position: relative;
    text-align: center;
    margin: 20px auto 25px auto;
    display: flex;
	display: -ms-flexbox; 
}
.button_box_calc_two a{
	display: block;
	width: 50%;
	float: left;
}
.button_box_calc_two a:first-child{
	padding-right:18px;
	padding-top: 10px;
}
.button_box_calc_two a img{
	display: block;
	width: 100%;
}
.button_box_calc_two a:hover{
	transition: all .2s ease-in-out;
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
    transform: scale(1.1);
}

.button_box_calc_three {
	width: 90%;
    position: relative;
    text-align: center;
    display: flex;
    display: -ms-flexbox;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 20px;
}
.button_box_calc_three a{
	display: block;
	width: 33%;
	float: left;
}
.button_box_calc_three a:nth-child(1){
	padding-left:10px;
	padding-right:10px;
	padding-top: 10px;
}
.button_box_calc_three a:nth-child(2){
	padding-left: 0px;
	padding-right: 10px;
	padding-top: 0;
}
.button_box_calc_three a:nth-child(3){
	padding-left: 2px;
	padding-right: 3px;
	padding-top: 0;
}
.button_box_calc_three a img{
	display: block;
	width: 100%;
}
.button_box_calc_three a:hover{
	transition: all .2s ease-in-out;
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
    transform: scale(1.1);
}

.hint_calc{
	text-align:left;
	font-size: 1.1rem;
	color:#606060;
}
.hint_calc .note{
	display: flex;
	display: -ms-flexbox; 
    width: 94%;
    margin: 0 auto;
}
.hint_calc .note span:first-child {
    padding-right: 8px;
}
.calc_box .calc_content .calc_info_con span.calc_result_ic {
    background: url(../images/calc_result_ic.png) no-repeat center center;
    background-size: contain;
    width: 38px;
    height: 38px;
    display: inline-block;
    vertical-align: sub;
    margin-right: 10px;
}
/*-----------------------------*/
.calc_box .calc_content .calc_info_con span.calc_transfer_ic {
    background: url(../images/calc_transfer_ic.png) no-repeat center center;
    background-size: contain;
    width: 38px;
    height: 38px;
    display: inline-block;
    vertical-align: sub;
    margin-right: 10px;
}
.calc_box .calc_content .calc_info_con span.calc_financial_ic {
    background: url(../images/calc_financial_ic.png) no-repeat center center;
    background-size: contain;
    width: 38px;
    height: 38px;
    display: inline-block;
    vertical-align: sub;
    margin-right: 10px;
}
.calc_box .calc_content .calc_info_con span.calc_online_ic {
    background: url(../images/calc_online_ic.png) no-repeat center center;
    background-size: contain;
    width: 38px;
    height: 38px;
    display: inline-block;
    vertical-align: sub;
    margin-right: 10px;
}
.calc_box .calc_content .calc_info_con span.calc_card_ic {
    background: url(../images/calc_card_ic.png) no-repeat center center;
    background-size: contain;
    width: 38px;
    height: 38px;
    display: inline-block;
    vertical-align: sub;
    margin-right: 10px;
}
.calc_box .calc_content .calc_info_con span.calc_pay_ic {
    background: url(../images/calc_pay_ic.png) no-repeat center center;
    background-size: contain;
    width: 38px;
    height: 38px;
    display: inline-block;
    vertical-align: sub;
    margin-right: 10px;
}
.bolder{
	font-weight: bolder!important;
    font-size: 1.4rem!important;
    margin-left: -11px;
}
.select_part_con{
	display: inline-block;
	width: 100%;
	position: relative;
	padding: 12px 20px 12px 36px;
}
.select_part{
	display: inline-block;
	border: 1pt solid #cecece;
	border-radius: 8px;
	font-weight: bold;
	float: left;
}
a.tab_select_less{	
	display: inline-block;
	cursor:pointer;
}
.active_calc{	
	background-color: #4f77b2;	
	border-radius: 6px;	
	color: #fff!important;
}
a.active_calc:hover{	
	color: #fff!important;
}
a.tab_select_more{	
	display: inline-block;
	cursor:pointer;
}

p.tab_select_text{	
	margin: 10px 15px;
}
p.bolder_blue{
	color:#254a88!important;
	font-weight:bolder!important;
	font-size:1.4rem!important;
}
.custom-control-label::before {
    top: 0.5rem;
    left: -1.8rem;
    width: 1.5rem;
    height: 1.5rem;
    border: #cecece solid 1px;
}
.custom-control-label::after {
    top: 0.5rem;
    left: -1.8rem;
    width: 1.5rem;
    height: 1.5rem;
}
.custom-control-label {
    padding-top: 4px;
	padding-left: 5px;
}
.custom-radio .custom-control-input:checked~.custom-control-label::after{
	   background-color: #f29b44;
    border-radius: 50%;
    background-image: none;
    border: 3pt solid #fff
}
.hidden_block{display:none;}
.view{display:block;}

input[type='number'] {
    -moz-appearance:textfield;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
.result_content .result_text p.result_main_text.no{
	line-height:40px;
}
.btn_con a:hover{
	transition: all .2s ease-in-out;
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
    transform: scale(1.05);
}
.tooltip {
    z-index: 0;
}
.custom-control-inline{
		display:inline-block;
}
.wrapper_float.increaseloan{
	top: 70%;
	right: 0;
	z-index: 10;
}
.wrapper_float.increaseloan a.floating{
	float:right;
	width:75%;
}
.wrapper_float.increaseloan a.floating img {
    width: 100%;
    height: auto;
    display: inline-block;
}
a.sub_text_link{
	color:#e51b0f;
	text-align:center;
	text-decoration:underline;
}
a.sub_text_link:hover{
	text-decoration:none;
}
li.link_text {
    list-style-type: none;
    text-indent: -39px;
    text-align: left;
    padding-bottom: 15px;

}
li.link_text:before{
	content: '';
    display: inline-block;
    height: 30px;
    width: 30px;
    background-size: 30px;
    background-image: url(../images/increase_note.png);
    background-repeat: no-repeat;
    margin-right: 10px;
    vertical-align: text-top;
}
.sub_layout_con .content_main .sub_text_note {
    color: #444;
    font-size: 1.48rem;
    font-weight: bold;
    margin-top: 1.5rem;
	display:inline-block;
	animation: growing_add_mobile 1800ms infinite;

}
@keyframes growing_add_mobile {
    0% { transform: scale(1); }
    30% { transform: scale(1); }
    40% { transform: scale(1.08); }
    50% { transform: scale(1); }
    60% { transform: scale(1); }
    70% { transform: scale(1.05); }
    80% { transform: scale(1); }
    100% { transform: scale(1); }
}


.hot {
    display: block;
    margin-top: -22px;
    margin-left: 3px;
    position: absolute;
    z-index: -1;
}
/*-----線上試算目錄頁------------------------*/
h1.hidden_con{
	 display:none;
 }
.calc_button_con{
	display:block;
	position:relative;
	width: 90%;
	margin: 0 auto;
	margin-bottom: 4em;
}
a.calc_bt_box{
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0.15rem 0.25rem 0.95rem rgb(224 128 15 / 25%);
	display: inline-block;
	width: calc((95% - 10px)/3);
	margin-right: 8px;
    margin-left: 8px;
	padding:10px 5px 15px 5px;
	margin-top: 5px;
    margin-bottom: 30px;
	color:#212529;
	transition: transform .2s; 
}
a.calc_bt_box:hover {
	text-decoration:none;
	transform: scale(1.08);
}
a.calc_bt_box:last-child{
	margin-right: 0px;
}
.left_calc_icon{	
	display: inline-block;
	width:100px;
	height:85px;
}
.left_calc_icon.financial{	
	background: url(../images/bt_financial.png) no-repeat center center;
	background-size: contain;
}
.left_calc_icon.buy{	
	background: url(../images/bt_buy.png) no-repeat center center;
	background-size: contain;
}
.left_calc_icon.online{	
	background: url(../images/bt_online.png) no-repeat center center;
	background-size: contain;
}
.left_calc_icon.card_ic{	
	background: url(../images/bt_card.png) no-repeat center center;
	background-size: contain;
}
.left_calc_icon.pay{	
	background: url(../images/bt_pay.png) no-repeat center center;
	background-size: contain;
}
.left_calc_icon.transfer{	
	background: url(../images/bt_transfer.png) no-repeat center center;
	background-size: contain;
}
.right_calc_text{
	width: calc(100% - 120px);
	display: inline-block;
	position: relative;
}
h2.calc_bt_title{
	font-size: 1.4rem;
    font-weight: 800;
    color: #254a88;
	letter-spacing: -0.05em;
	line-height:1.2;
}
img.bt_arrow{
	position:absolute;
	right:-5px;
	top:0px;
}
.calc_bt_text{
	font-size: 1rem;
	line-height: 1.4;
	font-weight: 600;
}
.highlight_con h2.highlight_title{
	font-size: 2rem;
	font-weight: bolder;
	color: #525252;
	text-align: center;
	vertical-align: middle;
	display: block;
	padding:0px 0px 10px 0px;
}
.highlight_con h2.highlight_title span.red{
	color:#e34f51;
}
.highlight_con .hint h3.texth_left{
	color:#d55009;
	font-weight:bold;
	display: grid;
	float: left;
	font-size: 1.1rem;
	line-height:unset;
}
h1.h1_hidden,h2.h2_hidden,h3.h3_hidden{
	display:none;
}
.highlight_con h2.highlight_title span.blue{
	color:#254a8a;
}
.highlight_con h2.highlight_title span.orange{
	color:#c37900;
}
span.break-counter{
	display:none;
}
.top a.item:hover{
	text-decoration:none;
}
.bx-wrapper .bx-viewport {
	background-color: #e9f2f4;
}
.inside_banner .title_con.buy h1.main_title_inside,.inside_banner .title_con.transfer h1.main_title_inside {
	padding: 25px 0px 30px 0px;
}
.inside_banner .title_con h3.main_title_inside.blue{
	color:#254a88;
}
.inside_banner .title_con h3.main_title_inside {
    font-size: 2.9rem;
    color: #bd4a10;
    padding: 52px 0px 30px 0px;
	font-weight:bold;
}
/*-----20220415------------------------*/
.calc_top_hint{
	display: block;
    background-color: #fffbee;
    width: 94%;
    margin: 1.5rem auto 1.5rem auto;
    text-align: left;
    padding: 20px 35px;
    border-radius: 10px;
}
.calc_top_hint .top_hint_txt{
	color: #de800f;
	font-weight:bold;
}
.calc_result_esg{
	display: block;
    width: 94%;
	margin: 1rem auto 0rem auto;
}
.calc_result_esg p{
	text-align: left;
    font-size: 1.3rem;
    color: #254a88;
	width: 90%;
    margin: 0 auto;
    padding-top: 20px;
	padding-bottom: 10px;
	font-weight: bold;
}