@charset "utf-8";
/* CSS Document */

/*-------------------------------------------------------------------------------------*/
/* LAYOUT */

@media screen and (max-width: 1023px){
/* desktop to ipad */
#wrap { min-width:100px; transition:transform 0.5s ease; -webkit-transition:transform 0.5s ease; -moz-transition:transform 0.5s ease; }
#wrap .container { max-width:none; padding:0 15px; }

/* #adv_img { right:30px;  width:266px;  } */
#adv_img { display: none; }
#wtsapp_img { display: none; }

#top .top_area { width:100%; padding:0 15px; box-sizing:border-box; }
#top .logo { width:241px; padding:15px 0; }
#top .top_menu { display:none; }
#top .top_tel_wtsapp { display:none; }	
#top .mobile_btn { display:block; }

#menu { display:none; }

#banner .banner_show .bnr_img { padding:0px 26px; box-sizing:border-box; }

#page_title_area .page_title_deep { display:none; }
#page_title_area .sp_btn_line { display:none; }
#page_title_area .page_title { width:100%; height:auto; padding:10px 0; background:#0e857c; background:-moz-linear-gradient(left,  #0e857c 0%, #1dae61 100%); background:-webkit-linear-gradient(left,  #0e857c 0%,#1dae61 100%); background:linear-gradient(to right,  #0e857c 0%,#1dae61 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e857c', endColorstr='#1dae61',GradientType=1 ); }
#page_title_area .page_title:before { display:none; }
#page_title_area .title_bg { display:none; }
#page_title_area .title { display:block; width:100%; height:auto; padding:0 15px; background-image:none; box-sizing:border-box; font-size:30px; color:#ffffff; xcolor:#1dae61; font-weight:bold; }
#page_title_area .title:before { background-image:none; }
.tc_format #page_title_area .title:before { background-image:none; }
.sc_format #page_title_area .title:before { background-image:none; }
.en_format #page_title_area .title:before { background-image:none; }
#page_title_area .sp_btn_list { display:none; }

#main .main_area { width:100%; padding-left:15px; padding-right:15px; box-sizing:border-box; }
#main .content { width:100%; min-height:100px; padding-left:0; }
#main .sub_title { height:auto; padding-bottom:6px; margin:0; }
#main .sub_title p { font-size:26px; line-height:28px; }
#main .sub_title p span { display:inline-block; vertical-align:bottom; width:54px; }
#main .left_side { width:100%; }
#main .right_side { display:none; }

#footer .footer_area { width:100%; padding:22px 15px 12px 15px; box-sizing:border-box; }
#footer .footer_remark { left:15px; top:22px; }
#footer .footer_right { width:calc(100% - 324px); }
#footer .footer_right .licence { float:right; width:100%; padding-top:0; }
#footer .footer_img { float:right; width:100%; max-width:340px; margin-top:0; padding:10px 0; text-align:right; }
#footer .footer_img2 { float:right; width:100%; max-width:340px; margin-top:0; padding:10px 0; text-align:right;margin-left: none!important; }
#footer .footer_menu { width:100%; display:none; }

#footer .slogan { float:right; width:100%; padding-bottom:6px; text-align:center; }
#footer .slogan img { width:100%; }
.tc_format #footer .slogan img { max-width:336px; }
.sc_format #footer .slogan img { max-width:336px; }
.en_format #footer .slogan img { max-width:588px; }

#footer .copyright { width:100%; padding-top:6px!important; text-align:center; }
	



.en_format #footer .footer_right { width:400px; }
}

@media screen and (max-width: 767px){
/* ipad to iphone 6 plus */
/*#adv_img { width:126px; } */
/*#adv_img { width:226px; }*/
#adv_img { display: none; }
#wtsapp_img { display: none; }

#top .logo { width:201px; }
#top .mobile_btn { margin-top:-17px; }
#top .mobile_btn a { width:34px; height:34px; font-size:18px; line-height:34px; }

#footer .footer_remark { position:static; width:100%; padding:6px 0; clear:both; margin:0 auto; }
#footer .footer_remark .ssl_info { margin:0 auto; }
#footer .footer_right { width:100%; padding-bottom:4px; }
#footer .footer_right .licence { float:none; text-align:center; padding-top:0; }
#footer .footer_img { float:none; text-align:center; margin:0 auto; padding-bottom:0; }
#footer .footer_img2 { float:none; text-align:center; margin:0 auto; padding-bottom:0; margin-left: none!important;}
#footer .footer_img img.smart_img { max-width:40%; }
	#footer .footer_img {padding-left: 0px!important; padding-top: 20px!important;}
#footer .footer_menu { display:none; }
#footer .slogan { padding-top:6px; }
#footer .award_logo .caring_img_holder {  float: none!important; width: 100%; padding: 20px 0px 20px 20px!important;}
.en_format #footer .footer_img { float:none; }
.en_format #footer .footer_right { width:100%; }
}

@media screen and (max-width: 620px){
#adv_img { display: none; }
#wtsapp_img { display: none; }
#mobile_menu { width:250px; transform:translate3d(-250px, 0, 0); -webkit-transform:translate3d(-250px, 0, 0); -moz-transform:translate3d(-250px, 0, 0); }
.openResponsive #wrap { transform:translate3d(250px, 0, 0); -webkit-transform:translate3d(250px, 0, 0); -moz-transform:translate3d(250px, 0, 0); }
}

@media screen and (max-width: 479px){
/* below iphone 6 plus */
#footer .award_logo .caring_img_holder {  float: none!important; width: 100%; padding: 20px 0px 20px 20px!important;}

}

@media screen and (max-width: 413px){
/* #adv_img { width:45%; } */
#adv_img { display: none; }
#wtsapp_img { display: none; }

#top .logo { width:181px; }
#footer .award_logo .caring_img_holder {  float: none!important; width: 100%; padding: 20px 0px 20px 20px!important;}

}

@media screen and (max-width: 374px){
#footer .slogan { font-size:20px; }
#footer .award_logo .caring_img_holder {  float: none!important; width: 100%; padding: 20px 0px 20px 20px!important;}

}

/*-------------------------------------------------------------------------------------*/
/* INDEX */

@media screen and (max-width: 1023px){
#index_btn_box { position:static; height:auto; padding:20px 0; background:none !important; clear:both; margin:0 auto; }
#index_btn_box .index_btn_list { display:none; }
#index_btn_box .index_tel_mobile { display:block; }
#index_news_box { width:calc(100% - 450px); padding-left:0; }
#index_video_box { padding-left:26px; }
#index_video_box .index_box_content { behavior:none; }
#floating_tab_bar {display: block;}
}

@media screen and (max-width: 767px){
.indexType .main_area { padding-top:0; }

.index_box { float:none; height:auto; max-width:500px; background-image:none; margin:0 auto; }

#index_news_box { width:100%; padding-right:0; }
#index_video_box { width:100%; padding-left:0; }
#index_video_box .index_box_content { width:100%; padding:17px 10px 10px 10px; box-sizing:border-box; }
}

/*-------------------------------------------------------------------------------------*/
/* NEWS */

@media screen and (max-width: 1023px){
.news_list { width:100%; xmax-width:700px; padding-left:0; margin:0 auto; }
.news_list .news { width:100%; height:auto; border:3px solid #d8d8d8; background-image:none; background:#fcfcf6; background:-moz-linear-gradient(top, #fcfcf6 15%, #f3f3f0 84%); background:-webkit-linear-gradient(top, #fcfcf6 15%,#f3f3f0 84%); background:linear-gradient(to bottom, #fcfcf6 15%,#f3f3f0 84%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcf6', endColorstr='#f3f3f0',GradientType=0 ); box-sizing:border-box; box-shadow:inset 3px 3px 3px rgba(0,0,0,0.3); border-radius:14px; behavior:none; }
.news_list .news .no_photo { width:100% !important; }
.news_list .news_photo { height:auto; }
.news_list .news_photo i { display:none; }
.news_list .news_info { width:calc(100% - 150px); }
.news_list .news_desc { max-height:88px; }

.news_detail .news_detail_photo_area { width:100%; max-width:486px; height:auto; padding:0 36px; margin:0 auto; box-sizing:border-box; }
.news_detail .news_detail_photo_area a.news_photo_prev { width:30px; height:30px; background-size:cover; }
.news_detail .news_detail_photo_area a.news_photo_next { width:30px; height:30px; background-size:cover; }
.news_detail .news_detail_photo_list { width:100%; height:auto; }
}

@media screen and (max-width: 620px){
#main .sub_title span { top:16px; line-height:normal; }
}

@media screen and (max-width: 413px){
.news_list .news_photo { width:100%; }
.news_list .news_info { width:100%; }
#footer .award_logo .caring_img_holder {  float: none!important; width: 100%; padding: 20px 0px 20px 20px!important;}

}

/*-------------------------------------------------------------------------------------*/
/* PRODUCTS */

@media screen and (max-width: 1023px){
.prd_section .prd_section_title.sub_style { height:auto; padding:3px 0 3px 12px; background-image:none; background-color:#1cac63; line-height:normal; }
}

@media screen and (max-width: 767px){
.prd_title_area { height:auto; padding:0; }
.prd_title_area:after { display:none; }
.prd_title_area .prd_title_img { display:block; width:100%; height:auto; position:static; }
.prd_title_area .prd_title_img img { width:100%; }
.prd_title_area .prd_title { display:block; padding:15px; }

.prd_service .prd_service_tel { width:100%; max-width:541px; padding:0 14px; }

.prd_remark { padding:8px 16px 0 42px; }
.prd_remark .prd_remark_info { width:100%; }
.en_format .prd_remark { padding:8px 16px 0 80px; }
.en_format .prd_remark .prd_remark_info { width:100%; }
}

@media screen and (max-width: 479px){
.prd_service .prd_service_low { padding-left:68px; background-size:44px auto; }
.prd_service .prd_service_tel { padding:0; }

.prd_remark { padding:8px 16px 0 16px !important; }
.prd_remark .prd_remark_title { position:static; padding-bottom:16px; }
#footer .award_logo .caring_img_holder {  float: none!important; width: 100%; padding: 20px 0px 20px 20px!important;}

}

@media screen and (max-width: 413px){
.prd_info img { padding:0 !important; }
#footer .award_logo .caring_img_holder {  float: none!important; width: 100%; padding: 20px 0px 20px 20px!important;}

}

/*-------------------------------------------------------------------------------------*/
/* GIFT */

@media screen and (max-width: 1023px){
.gift_content table { width:100%; max-width:500px; }
.gift_content table td { padding:6px; }

.gift_content .gift_promo span { display:block; padding-top:20px; }

.gift_card { min-height:360px; }
}

@media screen and (max-width: 767px){
.gift_content table td:first-child { min-width:180px; }
}

@media screen and (max-width: 479px){
.gift_content table { width:calc(100% + 18px); margin:0 -9px; }
#footer .award_logo .caring_img_holder {  float: none!important; width: 100%; padding: 20px 0px 20px 20px!important;}

}

/*-------------------------------------------------------------------------------------*/
/* ONLINE APPLICATION */

@media screen and (max-width: 1023px){
.application_content .left_side { padding-top:33px; }

.application_form { max-width:738px; margin:0 auto; }

.app_form .form_row { padding-left:0; }
.app_form .form_field { width:calc(100% - 180px); }
}

@media screen and (max-width: 767px){
.application_method_list .application_method_item { -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; }
.application_method_list .application_method_title { font-size:30px; }
.application_method_list .application_method_sub_title { height:auto; font-size:20px; }
.application_method_list .application_method_info { min-height:10px; }

.en_format .application_method_list .application_method_title { font-size:28px; }
.en_format .application_method_list .application_method_sub_title { height:auto; font-size:18px; }
.en_format .application_method_list .application_method_info { min-height:10px; }

.application_title_area { height:auto; padding:0; }
.application_title_area:after { display:none; }
.application_title_area .application_title_img { display:block; width:100%; height:auto; position:static; }
.application_title_area .application_title_img img { width:100%; }
.application_title_area .application_title { display:block; padding:15px; }

.app_form .form_common_title { height:auto; padding:4px 8px; background:#b1b1b1 !important; line-height:normal; }
.app_form .form_field select { display:block !important; width:100% !important; padding:2px 5px; border:2px solid #cccccc; border-radius:4px; }
.app_form .form_field .cjselectbox { display:none; }
.app_form .form_field input#expect_date { width:calc(50% - 8px); }
.app_form .form_field select#expect_time { display:inline-block !important; width:calc(50% - 6px) !important; }

.app_form .form_checkbox #other_text { width:calc(100% - 70px); }
.en_format .app_form .form_checkbox #other_text { width:calc(100% - 83px); }
}

@media screen and (max-width: 479px){
.app_form .form_title { display:block; width:100%; padding-bottom:4px; line-height:normal; }
.app_form .form_title label br { display:none; }
.app_form .form_field { display:block; width:100%; }

.app_form .form_checkbox font { margin-right:20px; }
.app_form .form_checkbox #other_text { width:calc(100% - 84px); }
.en_format .app_form .form_checkbox #other_text { width:calc(100% - 83px); }
#footer .award_logo .caring_img_holder {  float: none!important; width: 100%; padding: 20px 0px 20px 20px!important;}

}

/*-------------------------------------------------------------------------------------*/
/* INQUIRIES */

@media screen and (max-width: 1023px){
.enquiry_content .left_side	{ display:block !important; width:400px !important; }
.enquiry_content .right_side { display:block !important; width:306px !important; padding-right:0 !important; }
.enquiry_content .right_img { width:100%; margin-right:0; background-size:100% auto; }

.enquiry_form_area { padding-left:0; }
.enquiry_form .form_row label { width:132px; line-height:26px; }
.enquiry_form .form_row input[type='text'] { width:calc(100% - 136px); height:26px; }
.enquiry_form .form_row input[type='text']#captcha { margin-top:6px; }
.enquiry_form .form_row textarea { width:calc(100% - 136px); resize:none; }
.enquiry_form .form_captcha { width:calc(100% - 136px); }

.en_format .enquiry_form .form_row label { width:147px; }
.en_format .enquiry_form .form_row input[type='text'],
.en_format .enquiry_form .form_row textarea { width:calc(100% - 151px); }

.enquiry_form .form_btn { padding-top:20px; padding-left:132px; }
.enquiry_form .form_btn input[type='submit'],
.enquiry_form .form_btn input[type='reset'] { width:113px; behavior:none; }
}

@media screen and (max-width: 767px){
.enquiry_content .left_side	{ width:100% !important; }
.enquiry_content .right_side { display:none !important; }
}

@media screen and (max-width: 479px){
.enquiry_remark p br { display:none; }

.enquiry_form .form_row label { display:block; }
.enquiry_form .form_row input[type='text'] { width:100%; }
.enquiry_form .form_row textarea { width:100%; }
.enquiry_form .form_captcha { width:100%; }

.en_format .enquiry_form .form_row input[type='text'],
.en_format .enquiry_form .form_row textarea { width:100%; }

.enquiry_form .form_btn { padding-left:0; text-align:center; }
#footer .award_logo .caring_img_holder {  float: none!important; width: 100%; padding: 20px 0px 20px 20px!important;}

}

/*-------------------------------------------------------------------------------------*/
/* LOAN CALCULATOR */

@media screen and (max-width: 1023px){
.calculator_area { width:100%; margin-left:0; }

.tc_format .calculator_area .calculator_form,
.tc_format .calculator_area .calculator_result { width:100%; max-width:515px; }
.tc_format .calculator_area .form_field { width:calc(100% - 119px); }
.tc_format .calculator_area .form_field input.txt_apr { width:calc(100% - 22px); }
.tc_format .calculator_area .form_field input.txt_times { width:calc(100% - 22px); }
    
.sc_format .calculator_area .calculator_form,
.sc_format .calculator_area .calculator_result { width:100%; max-width:515px; }
.sc_format .calculator_area .form_field { width:calc(100% - 119px); }
.sc_format .calculator_area .form_field input.txt_apr { width:calc(100% - 22px); }
.sc_format .calculator_area .form_field input.txt_times { width:calc(100% - 22px); }

.en_format .calculator_area .calculator_form,
.en_format .calculator_area .calculator_result { width:100%; max-width:545px; }
.en_format .calculator_area .form_field { width:calc(100% - 189px); }
.en_format .calculator_area .form_field input.txt_apr { width:calc(100% - 22px); }
.en_format .calculator_area .form_field input.txt_times { width:calc(100% - 82px); }

.valuation_area { width:100%; margin-left:0; }
.valuation_area .valuation_section { padding:0 18px; box-sizing:border-box; }

.tc_format .valuation_area .valuation_result .table .table_td:first-child { width:150px; }
.sc_format .valuation_area .valuation_result .table .table_td:first-child { width:150px; }
.en_format .valuation_area .valuation_result .table .table_td:first-child { width:180px; }
#footer .award_logo .caring_img_holder {  float: none!important; width: 100%; padding: 20px 0px 20px 20px!important;}

}

@media screen and (max-width: 767px){
.calc_form .form_select select { display:block !important; width:100% !important; padding:0 8px; border:1px solid #a2a2a2; box-shadow:inset 1px 1px 5px rgba(0,0,0,0.3); }
.calc_form .form_select .cjselectbox { display:none; }

.tc_format .valuation_area .valuation_form_2 { width:100%; }
.tc_format .valuation_area .valuation_form_2 .form_title { width:177px; }
.tc_format .valuation_area .valuation_form_2 .form_field { width:calc(100% - 177px); }

.sc_format .valuation_area .valuation_form_2 { width:100%; }
.sc_format .valuation_area .valuation_form_2 .form_title { width:177px; }
.sc_format .valuation_area .valuation_form_2 .form_field { width:calc(100% - 177px); }

.en_format .valuation_area .valuation_form_2 { width:100%; }
.en_format .valuation_area .valuation_form_2 .form_title { width:220px; }
.en_format .valuation_area .valuation_form_2 .form_field { width:calc(100% - 220px); }
#footer .award_logo .caring_img_holder { position: inherit; float: none!important;}
}

@media screen and (max-width: 620px){
.tc_format .valuation_area .valuation_form { width:100%; }
.tc_format .valuation_area .valuation_form .form_field { width:calc(100% - 120px); }
.tc_format .valuation_area .valuation_submit { width:100%; }

.sc_format .valuation_area .valuation_form { width:100%; }
.sc_format .valuation_area .valuation_form .form_field { width:calc(100% - 120px); }
.sc_format .valuation_area .valuation_submit { width:100%; }
    
.en_format .valuation_area .valuation_form { width:100%; }
.en_format .valuation_area .valuation_form .form_field { width:calc(100% - 230px); }
.en_format .valuation_area .valuation_submit { width:100%; }
#footer .award_logo .caring_img_holder { position: inherit; float: none!important;}
}

@media screen and (max-width: 520px){
.valuation_area .valuation_tab a { height:50px; box-sizing:border-box; }
.valuation_area .valuation_tab a:before { height:50px; }
.valuation_area .valuation_tab a span { padding:0 10px; }
.tc_format .valuation_area .valuation_tab a, 
.sc_format .valuation_area .valuation_tab a, 
.en_format .valuation_area .valuation_tab a { width:calc(50% - 3px); line-height:1; }
#footer .award_logo .caring_img_holder { position: inherit; float: none!important;}
}

@media screen and (max-width: 479px){
.calc_form .form_title { display:block; width:100% !important; padding-bottom:4px; line-height:normal; }
.calc_form .form_field { display:block; width:100% !important; }

.tc_format .calculator_area .form_field input.txt_apr { width:calc(100% - 22px); }
.tc_format .calculator_area .form_field input.txt_times { width:calc(100% - 22px); }
.sc_format .calculator_area .form_field input.txt_apr { width:calc(100% - 22px); }
.sc_format .calculator_area .form_field input.txt_times { width:calc(100% - 22px); }
.en_format .calculator_area .form_field input.txt_apr { width:calc(100% - 22px); }
.en_format .calculator_area .form_field input.txt_times { width:calc(100% - 82px); }

.valuation_area .valuation_result .table { display:block; }
.valuation_area .valuation_result .table_tr { display:block; padding-top:8px; }
.valuation_area .valuation_result .table_td { display:block; width:100%; padding-top:0; }
.valuation_area .valuation_result .table_td:first-child { padding-right:0; }
.valuation_area .valuation_result .table_td:first-child:after { position:static; padding-left:8px; }

.tc_format .valuation_area .valuation_result .table .table_td:first-child, 
.sc_format .valuation_area .valuation_result .table .table_td:first-child, 
.en_format .valuation_area .valuation_result .table .table_td:first-child { width:100%; }
#footer .award_logo .caring_img_holder {  float: none!important; width: 100%; padding: 20px 0px 20px 20px!important;}

}

@media screen and (max-width: 413px){
.calc_form .form_title { display:block; width:100%; padding-bottom:4px; line-height:normal; }
.calc_form .form_field { display:block; width:100%; }

.tc_format .calculator_area .form_field { width:100%; }
.sc_format .calculator_area .form_field { width:100%; }
.en_format .calculator_area .form_field { width:100%; }

.tc_format .valuation_area .valuation_form .form_field { width:100%; }
.sc_format .valuation_area .valuation_form .form_field { width:100%; }
.en_format .valuation_area .valuation_form .form_field { width:100%; }
#footer .award_logo .caring_img_holder {  float: none!important; width: 100%; padding: 20px 0px 20px 20px!important;}

}

@media screen and (max-width: 374px){
.tc_format .valuation_area .valuation_tab a { font-size:17px; }
.sc_format .valuation_area .valuation_tab a { font-size:17px; }
.en_format .valuation_area .valuation_tab a { font-size:13px; }
#footer .award_logo .caring_img_holder {  float: none!important; width: 100%; padding: 20px 0px 20px 20px!important;}

}

/*-------------------------------------------------------------------------------------*/
/* OTHER CONTENT PAGE */

@media screen and (max-width: 1023px){
.common_content { width:100% !important; padding-right:0; }

.common_content h4 { padding:0px 5px 7px 5px; }
.common_content p { padding:0px 5px; }

.contact_us_info { width:100%; padding-bottom:30px; }
.google_map { width:100%; }
.google_map img { max-height:300px; }
}

@media screen and (max-width: 767px){
.common_content h4 { text-align:left; }

.qa { display:block; text-align:left; }
.ans { text-align:left; }
}

@media screen and (max-width: 479px){
.ans .table { display:block; width:100%; }
.ans .table .table_tr { display:block; padding-bottom:10px; }
.ans .table .table_td { display:block; padding-left:0; }
.ans .table .table_td:first-child { white-space:normal; }

.contact_us_info .table { display:block; width:100%; line-height:normal; }
.contact_us_info .table .table_tr { display:block; padding-bottom:10px; }
.contact_us_info .table .table_td { display:block; width:100%; }
.contact_us_info .table .table_td.space { height:0; }
.contact_us_info .table .table_td:first-child { width:100%; }
}

/*-------------------------------------------------------------------------------------*/
/* SITEMAP */

@media screen and (max-width: 1023px){
.sitemap_content .left_side	{ width:100% !important; }
.sitemap_content .right_side { display:none !important; }

.sitemap_list { width:100%; max-width:604px; padding-left:0; }
.sitemap_list .sitemap_left { width:100%; max-width:283px; padding:0 10px; box-sizing:border-box; }
.sitemap_list .sitemap_right { width:100%; max-width:283px; padding:0 10px; box-sizing:border-box; }
}

@media screen and (max-width: 767px){
.sitemap_list a.sitemap_btn { width:100%; height:auto; padding:6px 10px 6px 34px; border:3px solid #e5f1c9; border-radius:10px;  box-sizing:border-box; font-size:22px; }
.tc_format .sitemap_list a.sitemap_btn { background-image:none; background-color:#e5e5e5; }
.sc_format .sitemap_list a.sitemap_btn { background-image:none; background-color:#e5e5e5; }
.en_format .sitemap_list a.sitemap_btn { background-image:none; background-color:#e5e5e5; }
}

@media screen and (max-width: 620px){
.sitemap_list { max-width:none; }
.sitemap_list .sitemap_left { max-width:none; }
.sitemap_list .sitemap_right { max-width:none; }
}