@charset "utf-8";
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.2/font/bootstrap-icons.css");
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url("search.css");

/* CSS Document */

body{ font-family: "Noto Sans TC", sans-serif; font-optical-sizing: auto; font-style: normal; font-size: 18px; color:var(--text); line-height: 32px; font-weight: 400; background-color: #fdfdff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

/**color**/
:root {
	--text:#2c3e53;
	--black:#050505;
	--white:#feffff;
	--grey:#7b7b7b;
	--bule:#009fe8;
	--deep_bule:#025994;
	--royal_blue:#2955af;
	--strong:#4e7db5;
	--bi_color: #00a0e9;
	--foot_bg:#091d3e;
	--foot_company:#43aefe;
	--foot_i:#88c7ff;
/**menu**/
	--link:#343434;
	--hover:#1a274f;
	--active:#1a274f;
	--underline: #6b8fc5;
	--list_link:#f8f8f8;
	--list_hover:#1a274f;
	--list_active:#1a274f;
	--list_active_bg:#cee0f3;
	--list_area:#1a274f;
	--dots:#f6ee7d;
	/**online_scroll_foot**/
	--online_bg:#264575;
	--online_link:#f8f8f8;
	/**in_area**/
	--menu_link:#003c58;
	--menu_bg:#d9f3ff;
	--menu_hover_bg:#1a274f;
	--light_blue:#e9f9ff;
	--dec_text:#515151;
}

a, a:hover{	transition: 0.3s ease-in-out; text-decoration: none;}
img { max-width:100%; height: auto;}

.imageCenter, .imageCenter a{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; line-height: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;  z-index: 10;}
.imageCenter img { max-height: 100%;}
p, td, li, label { font-weight: 400; font-size: 18px; line-height: 32px;}
::marker{ color: var(--strong); font-size: 1.2rem;}

/**online_valuation**/
.online_valuation{ 
	position: fixed; 
	display: flex; 
	align-items: center; 
	flex-direction: row;
	z-index: 99; 
	bottom: 12%; 
	width: 100px; 
	padding: 10px 0px;
	background: var(--online_bg);
	border-radius: 10px 0px 0px 10px;
	right: -50px; 
	transition: 0.3s;
}
.online_valuation:hover{ right: 0px; cursor: pointer;}
.online_valuation .title{ 
	width: 50%; 
	text-align: center; 
	font-size: 22px; 
	font-weight: 700; 
	color: var(--online_link); 
	display: inline-flex;
	align-items: center; 
	gap: 8px;
	writing-mode: vertical-lr;
}
.online_valuation .title span{ display: inline-flex; align-items: center; line-height: 1; margin-top: 20px;}
.online_valuation .title .bi{ vertical-align: middle; line-height: 1;}
.online_valuation .title span .bi-arrow-right-circle-fill::before{ font-size: 26px;}
/****/
.online_valuation .smo_area { max-width: 32px; margin: auto; text-align: center;}
.online_valuation .smo_area .bi { color: var(--online_link); font-size: 27px; transition: all 0.4s ease-out 0s;}
.online_valuation .smo_area .bi:hover { opacity: 0.5;}
.smo_area .line_n, .smo_area .wechat, .smo_area .linkedin, .smo_area .facebook { padding: 8px 0px 8px 0px; border-bottom: 1px solid var(--online_link);}
.smo_area .youtube{ padding: 8px 0px;}

/**top**/
.scrollToTop { display: inline-block; background-color: var(--online_bg); width: 50px; height: 50px; border-radius: 10px; text-align: center; position: fixed; bottom: 5%; right: 0px; transition: background-color .3s, opacity .5s, visibility .5s; opacity: 0; visibility: hidden; z-index: 999;}
.scrollToTop::after { content: "\F145";	font-family: bootstrap-icons !important; font-weight: 600; font-size: 2em; line-height: 54px; color: var(--online_link);}
.scrollToTop:hover { cursor: pointer; text-decoration: none; background-color: var(--list_active_bg);}
.scrollToTop:hover::after {color: var(--list_active)!important;}
.scrollToTop:active { background-color: var(--list_active_bg);}
.scrollToTop.show {	opacity: 1;	visibility: visible;}
/****/


/**index_main**/
.index_main_area{ overflow: hidden;}

/**pro**/
.index_pro_area { overflow: hidden; padding-top: 5%; background: url("../images/index_pro_bg.jpg") no-repeat center top; background-size: cover;}
.index_pro_main{ max-width: 1440px; width: 90%; margin: auto; position: relative;}
.index_pro_title, 
.appilication_title,
.about_title,
.index_knowledge_title { display: flex; flex-direction: column; align-items: flex-start; max-width: 150px; width: 100%; margin: auto; font-size: 36px; color:var(--black); font-weight: 600; line-height: 38px; margin-bottom: 2%;}
.index_pro_title span, 
.appilication_title span,
.about_title span,
.index_knowledge_title span { display: block; position: relative; font-size: 18px; font-weight: 400; color: var(--grey); line-height: 16px; padding-left: 20px; margin-bottom: 10px;}
.index_pro_title span::before, 
.appilication_title span::before, 
.about_title span::before,
.index_knowledge_title span::before{ position: absolute; content: ""; background: url("../images/title_line.png") no-repeat left top; width: 14px; height: 16px; left: 0px;}

/**pro_main**/
.index_pro_text{ text-align: center;}
.index_pro_main .slick-carousel{ padding: 5%;}

.slide-content{ max-width: 400px; width: 100%; margin: auto;}
.index_proitem_photo{ overflow: hidden; position: relative; padding-bottom: 100%; height: 0; line-height: 0; z-index: 1;}
.index_proitem_photo img { transform: scale(1.0, 1.0); transition: all 0.5s ease 0s;}
.index_proitem_photo:hover img {transform: scale(0.95, 0.95);}

/**pro_item**/
.index_proitem_all{ margin-top: 20px;}
.index_proitem_item{ text-align: center;}
.index_proitem_item a{ color: var(--grey); font-size: 16px;}
.index_proitem_item a:hover, .index_proitem_item a:focus{color: var(--black); text-decoration: none;}
.index_proitem_title{ text-align: center; width: 80%; margin: auto;}
.index_proitem_title a{ display: block; color: var(--list_link); font-size: 20px; line-height: 20px; padding: 8px 0px; font-weight: 500; background-color: #1b2850; border-radius: 18px; border:1px solid var(--list_active);}
.index_proitem_title a:hover, .index_proitem_title a:focus{ color: var(--list_active); background-color: var(--list_active_bg); text-decoration: none;}

/****/
.index_pro_area .slick-slide .slide-content { transition: transform 0.3s ease-in-out; padding-bottom: 100px;}
.index_pro_area .slick-slide:nth-child(odd) .slide-content { transform: translateY(100px);}

.index_pro_area .slick-prev,
.index_pro_area .slick-next, 
.index_appilication_area .slick-prev, 
.index_appilication_area .slick-next, 
.related_products .slick-prev, 
.related_products .slick-next
{ width: 42px; height: 42px; top: inherit; top: 50%; background-color: var(--white); border:1px solid var(--bule); border-radius: 100px; transition: all 0.5s ease 0s;}

.index_pro_area .slick-prev, .index_appilication_area .slick-prev, .related_products .slick-prev{ left: 0px;}
.index_pro_area .slick-next, .index_appilication_area .slick-next, .related_products .slick-next { right: 0px;}

.index_pro_area .slick-prev:hover,
.index_pro_area .slick-next:hover,
.index_appilication_area .slick-prev:hover,
.index_appilication_area .slick-next:hover, 
.related_products .slick-prev:hover, 
.related_products .slick-next:hover{ background-color: #f0f0f0;}

.index_pro_area .slick-prev:before,
.index_pro_area .slick-next:before,
.index_appilication_area .slick-prev:before,
.index_appilication_area .slick-next:before,
.related_products .slick-prev:before, 
.related_products .slick-next:before
{ color: #282828; font-size: 24px; line-height: 36px; font-family: bootstrap-icons !important;}

.index_pro_area .slick-next:before, .index_appilication_area .slick-next:before, .related_products .slick-next:before{ content: "\F138";}
.index_pro_area .slick-prev:before, .index_appilication_area .slick-prev:before, .related_products .slick-prev:before{ content: "\F12F";}


/**pro_points**/
.index_pro_points{ position: relative; max-width: 1280px; width: 90%; margin: 2% auto auto auto;}
.pro_points_area{ display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: #f0f0f0; border: 3px solid #a9dbef; border-radius: 20px; text-align: center; margin:10px auto; max-width: 270px; width: 96%; min-height: 210px;}
.pro_points_title{font-size: 20px; color: #0e3547; font-weight: 600;}
.pro_points_text{ color: var(--bule); font-size: 16px; padding: 3px 0px;}

/**appilication**/
.index_appilication_area{ background: url("../images/index_appilication_area_bg.jpg") no-repeat center top; margin: 5% auto auto auto; padding: 5% 0px; background-size: cover;}
.index_appilication_area .row{ max-width: 1440px; width: 90%; margin: auto; flex-direction: row-reverse; align-items: center;}
.appilication_title { margin: 0px;}

.appilication_main_info .text{ color: var(--text); max-width: 420px; width: 100%; margin-top: 24px;}
.appilication_main_info .text p{ margin-top: 24px;}

.index_appilication_area .slick-carousel{ padding:0px 5%;}
.appilication_item_photo{ overflow: hidden; position: relative; padding-bottom: 88%; height: 0; line-height: 0; z-index: 1;}
.appilication_item_photo img{ border-radius: 10px; transform: scale(1.0, 1.0); transition: all 0.5s ease 0s;}
.appilication_item_photo:hover img { transform: scale(0.95, 0.95);}

.index_app_title{ margin-top: 20px;}
.index_app_title a span.short_bg { text-align: center; display: block; width: 32px; line-height: 5px; color: var(--white); background-color:var(--online_bg); height: 18px; border-radius: 20px; margin-left: 10px; transition: all 0.3s ease;}
.index_app_title a span.short_bg .bi-arrow-right-short::before{ font-size: 18px; line-height: 18px;}
.index_app_title a{ display: flex; justify-content: center; align-items: center; color: var(--online_bg); font-size: 24px; font-weight: 700;}
.index_app_title a:hover span.short_bg{ background-color: #b2b1b1;}
.index_app_title a:hover, .index_app_title a:focus{ color: var(--black);}
.index_app_dec{ font-size: 16px; line-height: 26px; max-width: 360px; width: 96%; margin: 15px auto auto auto;}

/**about**/

.index_about_area { overflow: hidden; position: relative; 
	background-image: url("../images/index_about_bg01.png"), url("../images/index_about_bg02.png");
	background-repeat: no-repeat, no-repeat;
	background-position: left 36% top, calc(100% + 25%) bottom; margin:auto; z-index: 1;}

.index_about_main{ max-width: 1280px; width: 90%; margin:7% auto 8% auto; position: relative; display: flex; flex-direction: row-reverse; align-items: center; justify-content: space-between; }
.index_about_main::before{ position: absolute; content: ""; background-color: var(--light_blue); width: 760px; height: 630px; right: 0px; top: 70px; z-index: -1;}

h1.about_title { display: flex; flex-direction: column; align-items: flex-start; max-width: 150px; width: 100%; margin: auto auto auto 0px;font-family: 'Noto Sans TC', sans-serif; font-size: 36px; font-weight: 600; color:var(--black); line-height: 38px; margin-bottom: 2%;}
h1.about_title span { display: block; position: relative; font-size: 18px; font-weight: 400; color: var(--grey); line-height: 16px; padding-left: 20px; margin-bottom: 10px;}
h1.about_title span::before { position: absolute; content: ""; background: url("../images/title_line.png") no-repeat left top; width: 14px; height: 16px; left: 0px;}

.index_about_photo{ max-width: 700px; width: 100%; position: relative; text-align: center;}
.index_about_slogin{ font-size: 28px; font-weight: 600; color:var(--text); margin: 5% auto; text-align: center;}

.index_about_area .about_text { margin: 50px 80px 0px 0px;}
.index_about_area .about_text .text_info{ max-width: 440px;}
.index_about_area .about_text .text_info p{ font-size: 24px; font-weight: 600; color: var(--deep_bule);}

/**more**/
.arr_more a { display: inline-flex; justify-content: center; align-items: center; gap: 5px; transition: all 0.3s ease-in-out;}
.arr_more a span.text { font-size:16px; color: var(--black); font-weight: 500; display: block; position: relative; transition: all 0.3s ease-in-out;}
.arr_more a span.icon{ display: block; overflow: hidden; width: 28px; height: 28px; border: 1px solid var(--blue); background-color: var(--white); border-radius: 40px; text-align: center; transition: all 0.3s ease-in-out;}
.arr_more a:hover span.text, .arr_more a:focus span.text  { color: var(--blue);}
.arr_more .bi-arrow-right-short::before { font-size: 1.3em; line-height: 30px; color: var(--black);}
.arr_more a:hover { gap: 10px;}
.index_about_area .arr_more{display: flex; justify-content: flex-end;}


/**index_knowledge_area**/
.index_knowledge_area{ overflow: hidden; position: relative; margin: 3% auto 0px auto;}
.index_knowledge_main{ max-width: 1280px; width: 90%; margin:auto; overflow: hidden;}
.index_knowledge_all{max-width: 100%;}
.index_knowledge_title{ margin: auto auto auto 0px;}
.index_knowledge_text{ font-weight: 500; color: var(--deep_bule); line-height: 24px; margin: 20px 0px;}
.index_knowledge_photo{ text-align: center;}


.knowledge_list{ display: flex; align-items: center; justify-content: flex-start; margin: 10px auto;}
.knowledge_photo{ overflow: hidden; position: relative; padding-bottom: 60%; height: 0; line-height: 0; z-index: 1;}

.knowledge_info .date{ color: var(--deep_bule); font-size: 15px; line-height: 20px;}
.knowledge_info .text_info{ border-bottom: 1px solid #aae5fc; padding-bottom: 10px; max-width: 620px; width: 100%;}
.knowledge_info .text_info .name{ font-size: 18px; font-weight: 600; line-height: 26px; }
.knowledge_info .text_info .name a{ color: var(--black);}
.knowledge_info .text_info .name a:hover, .knowledge_info .text_info .name a:focus{ color: var(--bule);}
.knowledge_info .text_info .contact{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; font-size: 16px; line-height: 24px; margin:5px 0px 8px 0px;}

/***/
.index_knowledge_area .slick-carousel{ position: relative; padding-bottom: 60px;}
.index_knowledge_area .slick-arrow{ position: absolute; bottom: 0; top: auto; transform: none; width: 40px; height: 40px; border-radius: 50%; border: none; outline: none; cursor: pointer; display: flex !important; justify-content: center; align-items: center; transition: all 0.3s ease;}
.index_knowledge_area .slick-prev{ right: 50px; left: auto; background-color: #a8cbd9; color: var(--white);}
.index_knowledge_area .slick-prev::before { content: "\F284";}
.index_knowledge_area .slick-next{ right: 0; background-color: #1a3b70; color: var(--white);}
.index_knowledge_area .slick-next::before { content: "\F285";}
.index_knowledge_area .slick-prev:hover { background-color: #8cb6c9;}
.index_knowledge_area .slick-next:hover { background-color: #0f2752;}
.index_knowledge_area .slick-arrow::before { font-size: 20px; line-height: 1; opacity: 1; color: var(--white); font-family: bootstrap-icons !important;}


/**index_other_area**/
.index_other_area{ padding: 5% 0px 6% 0px;}
.index_other_area .row{ max-width: 1320px; width: 90%; margin: auto;}

.global_bases_area{ background: url("../images/global_bases_bg.jpg") no-repeat center top; }
.agent_area{background: url("../images/agent_bg.jpg") no-repeat center top;}
.global_bases_area, .agent_area{ overflow: hidden; background-size: cover; max-width: 670px; width: 100%; min-height: 270px; margin:0px auto 15px auto; border-radius: 20px; display: flex; flex-direction: column; justify-content: center; padding: 0px 40px;}

.global_bases_area .title, .agent_area .title{ font-size: 36px; font-weight: 700; color: var(--white);}
.global_bases_area .dec, .agent_area .dec{ color: var(--white); font-size: 17px; line-height: 24px; margin: 15px 0px 30px 0px; max-width: 330px; width: 96%;}
.global_bases_area .arr_more a span.text, .agent_area .arr_more a span.text { color: var(--white);}
.global_bases_area .arr_more a:hover span.text, .global_bases_area .arr_more a:focus span.text  { color: var(--blue);}
.agent_area .arr_more a:hover span.text, .agent_area .arr_more a:focus span.text  { color: var(--blue);}

/****/
/****/
@media all and (max-width: 1366px) {
	.arr_more .bi-arrow-right-short::before{ line-height: 32px;}
}

@media all and (max-width: 1024px) {
	.pro_points_text{ padding: 3px 10px; line-height: 24px; font-size: 15px;}
	.index_pro_area .slick-prev, .index_appilication_area .slick-prev, .index_pro_area .slick-next, .index_appilication_area .slick-next{ width: 35px; height: 35px;}
	.index_appilication_area .slick-next, .index_appilication_area .slick-prev{top: 30%;}
	.index_appilication_area .slick-next{ right: -5px;}
	.index_appilication_area .slick-prev{left: -5px;}
	.index_pro_area .slick-prev:before, .index_pro_area .slick-next:before, .index_appilication_area .slick-prev:before, .index_appilication_area .slick-next:before{ line-height: 34px;}
	.index_about_area{ background-position: left 36% top, calc(100% + 0%) bottom; background-size: 80% auto;}
	.index_about_photo{max-width: 450px;}
	.index_about_main::before{ top: 20px; width: 570px; height: 580px;}
	.index_pro_title span, .appilication_title span, .about_title span, .index_knowledge_title span, h1.about_title span{ ont-size: 16px; margin-bottom: 2px;}
	.index_pro_title, .appilication_title, .about_title, .index_knowledge_title, h1.about_title { font-size: 30px;}
	.index_about_area .about_text{ margin: 50px 10px 0px 20px;}
	.index_knowledge_main{ position: relative;}
	.index_knowledge_photo{position: absolute; left: 0px; top: 0px; width: 130px;}
	.index_knowledge_text{ margin: 10px 0px 10px 10px;}
	.index_knowledge_text br{ display: none;}
	.index_knowledge_title, .index_knowledge_text, .index_knowledge_main .arr_more{ margin-left: 150px;} 
	.knowledge_info .arr_more{ margin-left: 0px;} 
	.arr_more .bi-arrow-right-short::before{ line-height: 24px;}
}
@media all and (max-width: 991px) {
	.online_valuation{ width: 90px; right: -50px; padding: 3px 0px 3px 3px;}
	.online_valuation .title{ width: 42px; font-size: 20px;}
	.online_valuation .title span .bi-arrow-right-circle-fill::before { font-size: 20px; margin-left: 3px;}
	.online_valuation .title span{ margin-top: 0px;}
	.online_valuation .smo_area .bi{ font-size: 22px; line-height: 22px;}
	.smo_area .line_n, .smo_area .wechat, .smo_area .linkedin, .smo_area .facebook, .smo_area .youtube{ padding: 0px 0px 5px 0px;}
	.scrollToTop{ width: 40px; height: 40px;}
	.index_pro_area .slick-prev::before, .index_pro_area .slick-next::before, .index_appilication_area .slick-prev::before, .index_appilication_area .slick-next::before{ font-size: 20px;}
	.index_pro_area .slick-next, .index_appilication_area .slick-next{ right: 5px;} 
	.index_pro_text{ text-align: left!important;}
	.appilication_main_info .text{ max-width: 100%;}
	.index_about_area{ background: none;}
	.index_about_photo{ max-width: 100%;}
	.index_about_slogin{ margin: 3% auto;}
	.index_about_main{ flex-direction: column; margin: 3% auto;}
	.index_about_area .about_text{ width: 100%; margin: auto; padding: 20px;}
	.index_about_area .about_text .text_info{ max-width: 100%;}
	.index_about_main::before{ left: 0px; top: 0px; width: 100%; }
}

@media all and (max-width: 853px) {
	.index_pro_area .slick-slide:nth-child(odd) .slide-content { transform: translateY(0);}
	/*****/
	.index_pro_area .slick-slide .slide-content{ padding-bottom: 0px;}
}
@media all and (max-width: 800px) {
	.arr_more .bi-arrow-right-short::before{ line-height: 28px;}
	.scrollToTop::after{line-height: 45px;}
}
@media all and (max-width: 712px) {
	.scrollToTop::after{ line-height: 45px;}
	.knowledge_photo{ padding-bottom: 28%;}
}
@media all and (max-width: 767px){
	.knowledge_info{ margin-top: 20px;}
	.index_knowledge_area .slick-carousel{ padding-bottom: 30px;}
}
@media all and (max-width: 640px) {
	.index_knowledge_area .slick-carousel { padding-bottom: 50px;}
}
@media all and (max-width: 600px) {
	.index_pro_main, .index_appilication_area .row, .index_other_area .row { width: 80%;}
	.index_pro_area .slick-prev { left: 25px;}
	.index_pro_area .slick-next { right: 25px;}
	.index_appilication_area .slick-prev{ left:0px;}
	.index_appilication_area .slick-next { right: 0px;}
	.index_pro_area .slick-prev, .index_appilication_area .slick-prev, .index_pro_area .slick-next, .index_appilication_area .slick-next { width: 30px; height: 30px;}
	.index_pro_area .slick-prev:before, .index_pro_area .slick-next:before, .index_appilication_area .slick-prev:before, .index_appilication_area .slick-next:before { line-height: 28px;}
	.knowledge_list{ margin: 5% auto;}
	.knowledge_photo{ padding-bottom: 35%;}
	.knowledge_info .text_info .name{ font-size: 17px;}
	.arr_more .bi-arrow-right-short::before { line-height: 30px;}
}

@media all and (max-width: 540px) {	
	body, p, td, li, label{font-size: 16px; line-height: 28px;}
	.online_valuation{ width: 80px; bottom:20%;}
	.online_valuation .title{width: 28px; font-size: 17px;}
	.scrollToTop{width: 30px; height: 30px; bottom:15%;border-radius: 5px;}
	.scrollToTop::after{ line-height: 40px;}
	.index_pro_main, .index_appilication_area .row, .index_other_area .row{ width: 80%;}
	.index_about_slogin { font-size: 24px;}
	.index_pro_area .slick-prev, .index_appilication_area .slick-prev{ left: -10px;}
	.index_pro_area .slick-next, .index_appilication_area .slick-next { right: -10px;}
	.index_about_main::before{ height: 100%;}
	.index_about_slogin span{ display: block;}
	.index_knowledge_photo{ width: 100px;}
	.index_knowledge_title, .index_knowledge_text, .index_knowledge_main .arr_more { margin-left: 100px;}
	.text_info .arr_more{ margin-left: 0px!important;}
	.global_bases_area, .agent_area{ min-height: inherit; padding:30px;}
	.global_bases_area .title, .agent_area .title{ font-size: 30px;}
	.index_appilication_area{ padding: 8% 0px;}
	.arr_more .bi-arrow-right-short::before{ line-height: 28px;}
	.index_about_area .about_text .text_info p{ font-size: 18px;}
}
@media all and (max-width: 480px) {
	.scrollToTop { bottom: 14%; }
}
@media all and (max-width: 414px) {
	.knowledge_photo { padding-bottom: 50%;}
}
@media all and (max-width: 412px) {
	.index_knowledge_area .slick-carousel { margin-top: 20px;}
	.online_valuation { bottom: 23%;}
	.knowledge_photo { padding-bottom: 57%; }
	.knowledge_list{ width: 96%;}
}
@media all and (max-width: 384px) {
	.index_pro_main, .index_appilication_area .row, .index_other_area .row { width: 75%;}
	.index_knowledge_area .slick-arrow{ width: 30px; height: 30px;}
	.index_knowledge_area .slick-next{ right: 15px;}
	.global_bases_area .title, .agent_area .title { font-size: 26px;}
	.arr_more .bi-arrow-right-short::before { line-height: 30px;}
}
@media all and (max-width: 360px) {
	.online_valuation { bottom: 22%;}
	.global_bases_area .title, .agent_area .title{ font-size: 25px;}
	.global_bases_area, .agent_area{ padding: 20px;}
}
@media all and (max-width: 320px) {
	.scrollToTop { bottom: 10%;}
	.index_pro_area .slick-prev, .index_appilication_area .slick-prev{ left: -20px;}
	.index_pro_area .slick-next, .index_appilication_area .slick-next { right: -20px;}
	.global_bases_area .title, .agent_area .title { font-size: 24px; }
	.index_knowledge_title, .index_knowledge_text, .index_knowledge_main .arr_more { margin-left: 0px;}
	.index_knowledge_photo{ position: inherit; left: inherit; right: inherit; width: 80%;margin: auto;}

}
@media all and (max-width: 280px) {
	.online_valuation .title span .bi-arrow-right-circle-fill::before { margin-left: 2px;}
}
@media all and (max-width: 240px) {
	.scrollToTop { bottom: 5%;}
	.online_valuation{bottom: 16.5%;}
	.index_app_title a{font-size: 20px;}
	.index_appilication_area .slick-next, .index_appilication_area .slick-prev{ top: 20%;}
	.index_app_title a span.short_bg .bi-arrow-right-short::before{ line-height: 23px;}
}