@charset "utf-8";

/* CSS Document */

/**
 * @created - 22.12.2022
 * @edited - 22.12.2022
 */

html,
body {
    margin: 0px;
}

body {
    width: 100%;
    margin: 0px;
    font-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    background: #9f9f9f;
    font-size: 100%;
    /*font-family:"Microsoft JhengHei", "微軟正黑體", Arial, Helvetica, sans-serif;*/
}

a {
    text-decoration: none;
    outline: none;
}

img {
    border: none;
}

ul,
ol {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

li {
    vertical-align: top;
}

h2,
h3,
h4,
p {
    margin: 0px;
    padding: 0px;
}

input {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}

select {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}

textarea {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}

.noSelect {
    user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
}

.form_select select {
    height: 20px;
    border: 0px;
}

.form_select .cjbox_select {
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: middle;
    position: relative;
    color: #333333;
    font-size: 14px;
}

.form_select .cjbox_select .head {
    width: 100%;
    height: 27px;
    line-height: 25px;
    border: 1px solid #a2a2a2;
    background-color: #ffffff;
    box-sizing: border-box;
    text-align: center;
}

.form_select .cjbox_select .selected {
    padding: 2px 5px;
}

.form_select .cjbox_select .triangle {
    float: right;
    width: 31px;
    height: 23px;
    background: url(../img/select_row.jpg) no-repeat left center;
    cursor: pointer;
}

.form_select .cjbox_select .select_list {
    position: absolute;
    left: 0px;
    top: 29px;
    width: 100%;
    border: 1px solid #a2a2a2;
    background-color: #ffffff;
    box-sizing: border-box;
}

.form_select .cjbox_select .select_list .scrollbar {
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 20;
    width: 2px;
    margin-left: 3px;
    margin-right: 22px;
    background-color: #a2a2a2;
}

.form_select .cjbox_select .select_list .thumb {
    height: 20px;
    width: 8px;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    top: 0px;
    right: -3px;
    background: #a2a2a2;
}

.form_select .cjbox_select .select_list .thumb .end {
    overflow: hidden;
    height: 7px;
    width: 8px;
    background: #a2a2a2;
}

.form_select .cjbox_select .select_list .disable {
    display: none;
}

.form_select .cjbox_select .select_list .viewport {
    width: 100%;
    height: 180px;
    overflow: hidden;
    position: relative;
}

.form_select .cjbox_select .select_list .overview {
    list-style: none;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
    margin: 0;
    width: 100%;
}

.form_select .cjbox_select .select_list .overview .option {
    padding: 3px 5px;
    color: #333333;
    line-height: 15px;
    cursor: pointer;
    margin-top: 1px;
    font-size: 14px;
    text-align: center;
}


/* ---------------- language ---------------- */

body.tc_format button,
body.tc_format input[type=button],
body.tc_format input[type=submit],
body.tc_format input[type=reset],
body.tc_format {
    font-family: "Microsoft JhengHei", "微軟正黑體", Arial, Helvetica, sans-serif !important;
}

body.sc_format button,
body.sc_format input[type=button],
body.sc_format input[type=submit],
body.sc_format input[type=reset],
body.sc_format {
    font-family: "Microsoft JhengHei", "微軟正黑體", Arial, Helvetica, sans-serif !important;
}

body.en_format button,
body.en_format input[type=button],
body.en_format input[type=submit],
body.en_format input[type=reset],
body.en_format {
    font-family: Arial, Helvetica, sans-serif !important;
}


/* ---------------- clear fix ---------------- */

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}


/*-------------------------------------------------------------------------------------*/


/* LAYOUT */

#wrap {
    width: 100%;
    min-width: 1024px;
    background-color: #ffffff;
    position: relative;
    z-index: 5;
    overflow: hidden;
}

#wrap .overlay {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5000;
    width: 0;
    height: 0;
    background-color: rgba(0, 0, 0, 0.3);
    opacity: 0;
}

#adv_img {
    position: fixed;
    right: 52px;
    top: 50%;
    z-index: 100;
    /*width: 236px; */
    transform: translateY(-50%);
}

#adv_img img {
    display: block;
    width: 100%;
}

#adv_img .close_btn {
    position: absolute;
    right: -13px;
    top: -13px;
    width: 26px;
    height: 26px;
}

#top {
    width: 100%;
    background: url(../img/top_bg.jpg) repeat-x #ffffff center top;
}

#top .top_area {
    width: 1024px;
    xheight: 134px;
    margin: 0px auto;
    background: url(../img/top_bg.jpg) repeat-x #ffffff center top;
    position: relative;
}

#top .logo {
    float: left;
    width: 321px;
    padding: 25px 0 23px 43px;
}

#top .logo img {
    width: 100%;
}

#top .top_menu {
    float: right;
    width: 562px;
    height: 114px;
    padding-top: 3px;
    /*background:url(../img/top_solgan.png) no-repeat 204px bottom;*/
}

.tc_format #top .top_menu {
    background: url(../tc/images/wingfung_new_top.png?r=2) no-repeat right bottom;
}

.sc_format #top .top_menu {
    background: url(../sc/images/wingfung_new_top.png?r=2) no-repeat right bottom;
}

.en_format #top .top_menu {
    background: url(../en/images/top_tel_eng.v1.png?r=1) no-repeat right bottom;
}

#top .top_menu ul {
    text-align: left;
    float: right;
}

#top .top_menu ul li {
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: top;
    margin: 7px 3px 0px 3px;
    *margin: 7px 5px 0px 5px;
}

#top .top_menu ul li.line {
    width: 1px;
    background-color: #333333;
    height: 12px;
    margin-top: 9px !important;
}

#top .top_menu ul li a {
    display: block;
    font-size: 13px;
    color: #333333;
}

#top .top_menu ul li a:hover {
    color: #087686;
    xtext-decoration: underline;
}

#top .top_menu ul li a#fb {
    display: block;
    margin-top: -7px;
    width: 25px;
    height: 25px;
    background: url(../img/icon_fb.jpg) no-repeat left top;
}

#top .top_menu ul li a#ig {
    display: block;
    margin-top: -7px;
    width: 25px;
    height: 25px;
    background: url(../img/icon_ig.jpg) no-repeat left top;
}

#top .top_menu ul li a#youtube {
    display: block;
    margin-top: -7px;
    width: 25px;
    height: 25px;
    background: url(../img/icon_youtube.png) no-repeat left top;
}

#top .top_menu .lang_area {
    float: right;
    margin-top: 4px;
}

#top .top_menu .lang_area a.lang {
    display: inline-block;
    width: 22px;
    margin: 0px 2px;
    height: 25px;
    background: url(../img/lang_buttons.png) no-repeat left top;
}

#top .top_menu .lang_area a.lang.on_lang {
    background: url(../img/lang_buttons_mouseover.png) no-repeat left top;
}

#top .top_menu .lang_area a.lang:hover {
    background: url(../img/lang_buttons_mouseover.png) no-repeat left top;
}

#top .top_menu .lang_area a#en_lang {
    background-position: center top;
}

#top .top_menu .lang_area a#sc_lang {
    background-position: right top;
}

#top .top_menu ul li img {
    margin-top: -7px;
    margin-right: 6px;
}

#top .mobile_btn {
    position: absolute;
    right: 15px;
    top: 50%;
    display: none;
    margin-top: -20px;
}

#top .mobile_btn a {
    display: block;
    width: 40px;
    height: 40px;
    background-color: #087687;
    box-sizing: border-box;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 20px;
    color: #ffffff;
    line-height: 40px;
}

#top .mobile_btn a i {
    margin-right: 6px;
}

#top .mobile_btn a:hover {
    text-decoration: none;
}

#menu {
    width: 100%;
    background: url(../img/menu_bg.jpg) repeat-x #ffffff center top;
    position: relative;
    z-index: 100;
}

#menu .menu_area {
    width: 1024px;
    height: 50px;
    xheight: 57px;
    margin: 0px auto;
    background: url(../img/menu_bg.jpg) repeat-x #ffffff center top;
}

#menu ul.menu_list {
    text-align: center;
    font-size: 0;
}

#menu ul.menu_list>li {
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: top;
    height: 44px;
    position: relative;
}

#menu ul.menu_list>li.line {
    width: 2px;
    height: 15px !important;
    margin-top: 17px !important;
    background-color: #333333;
}

#menu ul.menu_list>li.mobile_only {
    display: none;
}

#menu ul.menu_list>li a.lv1 {
    display: block;
    height: 44px;
    xpadding: 0px 30px;
    /*background:url(../img/menu.jpg) no-repeat;*/
}

#menu ul.menu_list>li a.lv1 span {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 0;
}

.tc_format #menu ul.menu_list>li a.lv1 {
    background: url(../tc/images/menu.jpg) no-repeat;
}

.sc_format #menu ul.menu_list>li a.lv1 {
    background: url(../sc/images/menu.jpg) no-repeat;
}

.tc_format #menu ul.menu_list>li a.lv1 span {
    background: url(../tc/images/menu.jpg) no-repeat;
}

.sc_format #menu ul.menu_list>li a.lv1 span {
    background: url(../sc/images/menu.jpg) no-repeat;
}

.en_format #menu ul.menu_list>li a.lv1 {
    background: url(../en/images/menu.jpg) no-repeat;
}

.en_format #menu ul.menu_list>li a.lv1 span {
    background: url(../en/images/menu.jpg) no-repeat;
}

li#menu_1 a.lv1 {
    width: 77px;
    background-position: 0px -50px !important;
}

li#menu_1 a.lv1 span {
    background-position: 0px 0 !important;
}

li#menu_2 a.lv1 {
    width: 115px;
    background-position: -81px -50px !important;
}

li#menu_2 a.lv1 span {
    background-position: -81px 0 !important;
}

li#menu_3 a.lv1 {
    width: 116px;
    background-position: -199px -50px !important;
}

li#menu_3 a.lv1 span {
    background-position: -199px 0 !important;
}

li#menu_4 a.lv1 {
    width: 114px;
    background-position: -318px -50px !important;
}

li#menu_4 a.lv1 span {
    background-position: -318px 0 !important;
}

li#menu_5 a.lv1 {
    width: 115px;
    background-position: -550px -50px !important;
}

li#menu_5 a.lv1 span {
    background-position: -550px 0 !important;
}

li#menu_6 a.lv1 {
    width: 114px;
    background-position: -669px -50px !important;
}

li#menu_6 a.lv1 span {
    background-position: -669px 0 !important;
}

li#menu_7 a.lv1 {
    width: 114px;
    background-position: -788px -50px !important;
}

li#menu_7 a.lv1 span {
    background-position: -788px 0 !important;
}

li#menu_8 a.lv1 {
    width: 114px;
    background-position: -906px -50px !important;
}

li#menu_8 a.lv1 span {
    background-position: -906px 0 !important;
}

li#menu_9 a.lv1 {
    width: 115px;
    background-position: -434px -50px !important;
}

li#menu_9 a.lv1 span {
    background-position: -434px 0 !important;
}

.en_format li#menu_1 a.lv1 {
    width: 73px;
    background-position: 0 -50px !important;
}

.en_format li#menu_1 a.lv1 span {
    background-position: 0 0 !important;
}

.en_format li#menu_2 a.lv1 {
    width: 98px;
    background-position: -73px -50px !important;
}

.en_format li#menu_2 a.lv1 span {
    background-position: -73px 0 !important;
}

.en_format li#menu_3 a.lv1 {
    width: 117px;
    background-position: -172px -50px !important;
}

.en_format li#menu_3 a.lv1 span {
    background-position: -172px 0 !important;
}

.en_format li#menu_4 a.lv1 {
    width: 131px;
    background-position: -290px -50px !important;
}

.en_format li#menu_4 a.lv1 span {
    background-position: -290px 0 !important;
}

.en_format li#menu_5 a.lv1 {
    width: 90px;
    background-position: -567px -50px !important;
}

.en_format li#menu_5 a.lv1 span {
    background-position: -567px 0 !important;
}

.en_format li#menu_6 a.lv1 {
    width: 175px;
    background-position: -657px -50px !important;
}

.en_format li#menu_6 a.lv1 span {
    background-position: -657px 0 !important;
}

.en_format li#menu_7 a.lv1 {
    width: 60px;
    background-position: -832px -50px !important;
}

.en_format li#menu_7 a.lv1 span {
    background-position: -832px 0 !important;
}

.en_format li#menu_8 a.lv1 {
    width: 111px;
    background-position: -891px -50px !important;
}

.en_format li#menu_8 a.lv1 span {
    background-position: -891px 0 !important;
}

.en_format li#menu_9 a.lv1 {
    width: 144px;
    background-position: -422px -50px !important;
}

.en_format li#menu_9 a.lv1 span {
    background-position: -422px 0 !important;
}


/* padding 22px
li#menu_1 a.lv1 { width:93px; background-position:-1px -50px !important; }
li#menu_1 a.lv1 span { background-position:-1px 0 !important; }
li#menu_2 a.lv1 { width:131px; background-position:-95px -50px !important; }
li#menu_2 a.lv1 span { background-position:-95px 0 !important; }
li#menu_3 a.lv1 { width:131px; background-position:-228px -50px !important; }
li#menu_3 a.lv1 span { background-position:-228px 0 !important; }
li#menu_4 a.lv1 { width:130px; background-position:-362px -50px !important; }
li#menu_4 a.lv1 span { background-position:-362px 0 !important; }
li#menu_5 a.lv1 { width:131px; background-position:-495px -50px !important; }
li#menu_5 a.lv1 span { background-position:-495px 0 !important; }
li#menu_6 a.lv1 { width:130px; background-position:-629px -50px !important; }
li#menu_6 a.lv1 span { background-position:-629px 0 !important; }
li#menu_7 a.lv1 { width:130px; background-position:-762px -50px !important; }
li#menu_7 a.lv1 span { background-position:-762px 0 !important; }
li#menu_8 a.lv1 { width:130px; background-position:-895px -50px !important; }
li#menu_8 a.lv1 span { background-position:-895px 0 !important; }

.en_format li#menu_1 a.lv1 { width:91px; background-position:-1px -50px !important; }
.en_format li#menu_1 a.lv1 span { background-position:-1px 0 !important; }
.en_format li#menu_2 a.lv1 { width:110px; background-position:-94px -50px !important; }
.en_format li#menu_2 a.lv1 span { background-position:-94px 0 !important; }
.en_format li#menu_3 a.lv1 { width:132px; background-position:-206px -50px !important; }
.en_format li#menu_3 a.lv1 span { background-position:-206px 0 !important; }
.en_format li#menu_4 a.lv1 { width:148px; background-position:-340px -50px !important; }
.en_format li#menu_4 a.lv1 span { background-position:-340px 0 !important; }
.en_format li#menu_5 a.lv1 { width:145px; background-position:-490px -50px !important; }
.en_format li#menu_5 a.lv1 span { background-position:-490px 0 !important; }
.en_format li#menu_6 a.lv1 { width:182px; background-position:-637px -50px !important; }
.en_format li#menu_6 a.lv1 span { background-position:-637px 0 !important; }
.en_format li#menu_7 a.lv1 { width:74px; background-position:-824px -50px !important; }
.en_format li#menu_7 a.lv1 span { background-position:-824px 0 !important; }
.en_format li#menu_8 a.lv1 { width:118px; background-position:-902px -50px !important; }
.en_format li#menu_8 a.lv1 span { background-position:-902px 0 !important; }
*/

#menu ul.menu_list>li .drop_area {
    position: absolute;
    left: 0px;
    top: 44px;
    z-index: 5000px;
    min-width: 131px;
    background-color: #087687;
    text-align: left;
    display: none;
}

#menu ul.drop_menu {
    padding-top: 5px;
}

#menu ul.drop_menu>li {
    position: relative;
}

#menu ul.drop_menu>li a.lv2 {
    display: block;
    padding: 5px 29px;
    background-color: #087687;
    white-space: nowrap;
    font-size: 16px;
    color: #ffffff;
    font-weight: bold;
}

#menu ul.drop_menu>li:hover a.lv2 {
    background-color: #11ab87;
}

#menu ul.drop_menu>li .sub_drop_area {
    position: absolute;
    left: 154px;
    top: 0px;
    z-index: 5001px;
    background-color: #087687;
    text-align: left;
    display: none;
}
#menu ul.drop_menu>li .sub_drop_menu_tc {
    left: 230px;
}

#menu ul.drop_menu>li .sub_drop_menu_sc {
    left: 230px;
}

.en_format #menu ul.drop_menu>li .sub_drop_area {
    left: 315px;
}

#menu ul.drop_menu>li:hover .sub_drop_area {
    display: block;
}

#menu ul.sub_drop_menu {}

#menu ul.sub_drop_menu>li {}

#menu ul.sub_drop_menu>li a.lv3 {
    display: block;
    padding: 5px 29px;
    background-color: #087687;
    white-space: nowrap;
    font-size: 16px;
    color: #ffffff;
    font-weight: bold;
}

#menu ul.sub_drop_menu>li:hover a.lv3 {
    background-color: #11ab87;
}

#menu .other_area {
    display: none;
}

#mobile_menu {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    visibility: hidden;
    width: 280px;
    height: 100%;
    padding-bottom: 37px;
    margin: 0;
    background-color: #087687;
    transition: all 0.5s ease;
    overflow: hidden;
    box-sizing: border-box;
    transform: translate3d(-280px, 0, 0);
    -webkit-transform: translate3d(-280px, 0, 0);
    -moz-transform: translate3d(-280px, 0, 0);
}

#mobile_menu .menu_area {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    box-sizing: border-box;
    background: none;
}

#mobile_menu .menu_area ul.menu_list {}

#mobile_menu .menu_area ul.menu_list>li {
    display: block;
    border-bottom: 1px solid #ffffff;
    position: relative;
    box-sizing: border-box;
}

#mobile_menu .menu_area ul.menu_list>li.line {
    display: none;
}

#mobile_menu .menu_area ul.menu_list>li>a.lv1 {
    display: block;
    width: 100%;
    padding: 15px 60px 15px 15px;
    margin: 0;
    background-color: #087687;
    box-sizing: border-box;
    position: relative;
    font-size: 18px;
    color: #ffffff;
    line-height: 20px;
}

#mobile_menu .menu_area ul.menu_list>li>a.lv1 span {}

#mobile_menu .menu_area ul.menu_list>li>a.lv1 i {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 20px;
    color: #ffffff;
    font-style: normal;
}

#mobile_menu .menu_area .drop_area {
    display: none;
    padding: 8px 0 12px 0;
    background-color: #11ab87;
    border-top: 1px solid #ffffff;
    display: none;
}

#mobile_menu .menu_area ul.drop_menu {}

#mobile_menu .menu_area ul.drop_menu>li {
    display: block;
    position: relative;
}

#mobile_menu .menu_area ul.drop_menu>li>a.lv2 {
    display: block;
    padding: 6px 15px;
    margin: 0;
    box-sizing: border-box;
    font-size: 16px;
    color: #ffffff;
}

#mobile_menu .menu_area .sub_drop_area {
    display: none;
}

#mobile_menu .menu_area ul.sub_drop_menu {}

#mobile_menu .menu_area ul.sub_drop_menu>li {
    display: block;
    position: relative;
}

#mobile_menu .menu_area ul.sub_drop_menu>li:before {
    position: absolute;
    left: 15px;
    top: 0;
    content: ">";
    color: #ffffff;
}

#mobile_menu .menu_area ul.sub_drop_menu>li>a.lv3 {
    display: block;
    padding: 2px 15px 2px 32px;
    margin: 0;
    box-sizing: border-box;
    font-size: 14px;
    color: #ffffff;
}

#mobile_menu .other_area {
    width: 100%;
    height: 37px;
    padding-left: 78px;
    text-align: center;
    font-size: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #11ab87;
    border-top: 1px solid #ffffff;
    box-sizing: border-box;
}

#mobile_menu .social_btn {
    position: absolute;
    left: 0;
    top: 0;
    width: 37px;
    height: 100%;
    border-right: 1px solid #ffffff;
    box-sizing: border-box;
}


#mobile_menu .social_btn a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 36px;
    font-size: 22px;
    color: #ffffff;
}

#mobile_menu .social_btn a i {
    font-style: normal;
}

#mobile_menu .social_btn2 {
    position: absolute;
    left: 37px;
    top: 0;
    width: 37px;
    height: 100%;
    border-right: 1px solid #ffffff;
    box-sizing: border-box;
}


#mobile_menu .social_btn2 a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 36px;
    font-size: 22px;
    color: #ffffff;
}

#mobile_menu .social_btn2 a i {
    font-style: normal;
}

#mobile_menu .social_btn3 {
    position: absolute;
    left: 74px;
    top: 0;
    width: 37px;
    height: 100%;
    border-right: 1px solid #ffffff;
    box-sizing: border-box;
}

#mobile_menu .social_btn3 a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 36px;
    font-size: 22px;
    color: #ffffff;
}

#mobile_menu .social_btn3 a i {
    font-style: normal;
}


#mobile_menu .lang_area {
    width: 100%;
    height: 100%;
    padding: 6px 10px 6px 45px;
   /* box-sizing: border-box; */
    position: relative;
}

#mobile_menu .lang_area label {
    position: absolute;
    left: 40px;
    top: 5px;
    font-size: 12px;
    color: #ffffff;
    line-height: 24px;
}

#mobile_menu .lang_area select {
    width: 65px;
    height: 24px;
    padding: 0;
  
    border: none;
    border: 0;
}

#mobile_menu .lang_area option[disabled] {
    display: none;
}

#banner {
    width: 100%;
    background: url(../img/banner_bg.jpg) repeat-x center top;
    position: relative;
    z-index: 1;
}

#banner .banner_show {
    width: 100%;
}

#banner .banner_show .bnr_img {
    display: block;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: auto 100%;
    text-align: center;
}

#banner .banner_show .bnr_img img {
    width: 100%;
    max-width: 1024px;
}

.tc_format #banner .banner_show .bnr_img#bnr_1 {
    background-image: url(../tc/images/home_banner/banner_1.jpg);
}

.tc_format #banner .banner_show .bnr_img#bnr_2 {
    background-image: url(../tc/images/home_banner/banner_2.jpg);
}

.tc_format #banner .banner_show .bnr_img#bnr_3 {
    background-image: url(../tc/images/home_banner/banner_3.jpg);
}

.tc_format #banner .banner_show .bnr_img#bnr_4 {
    background-image: url(../tc/images/home_banner/banner_4.jpg);
}

.sc_format #banner .banner_show .bnr_img#bnr_1 {
    background-image: url(../sc/images/home_banner/banner_1.jpg);
}

.sc_format #banner .banner_show .bnr_img#bnr_2 {
    background-image: url(../sc/images/home_banner/banner_2.jpg);
}

.sc_format #banner .banner_show .bnr_img#bnr_3 {
    background-image: url(../sc/images/home_banner/banner_3.jpg);
}

.sc_format #banner .banner_show .bnr_img#bnr_4 {
    background-image: url(../sc/images/home_banner/banner_4.jpg);
}

.en_format #banner .banner_show .bnr_img#bnr_1 {
    background-image: url(../en/images/home_banner/banner_1.jpg);
}

.en_format #banner .banner_show .bnr_img#bnr_2 {
    background-image: url(../en/images/home_banner/banner_2.jpg);
}

.en_format #banner .banner_show .bnr_img#bnr_3 {
    background-image: url(../en/images/home_banner/banner_3.jpg);
}

.en_format #banner .banner_show .bnr_img#bnr_4 {
    background-image: url(../en/images/home_banner/banner_4.jpg);
}


#page_title_area {
    width: 100%;
    background: url(../img/title_bg.jpg) repeat-x center top;
    position: relative;
    z-index: 1;
}

#page_title_area .page_title_deep {
    position: absolute;
    left: 0px;
    top: 29px;
    z-index: 1;
    width: 50%;
    height: 74px;
    background: url(../img/page_title_deep_repeat.png) repeat-x right top;
}

#page_title_area .sp_btn_line {
    position: absolute;
    right: 0px;
    top: 98px;
    z-index: 1;
    width: 50%;
    height: 5px;
    background-color: #469c9b;
}

#page_title_area .page_title {
    width: 1024px;
    height: 103px;
    padding-top: 29px;
    margin: 0px auto;
    position: relative;
    z-index: 2;
    background: url(../img/title_bg.jpg) repeat-x center top;
    font-size: 0;
}

#page_title_area .page_title:before {
    position: absolute;
    right: 0;
    bottom: 29px;
    content: "";
    width: 100%;
    height: 5px;
    background: url(../img/sp_btn_line.png) no-repeat right top;
}

#page_title_area .title_bg {
    position: absolute;
    left: -188px;
    top: 29px;
    width: 188px;
    height: 68px;
    xmargin-left: -188px;
    background: url(../img/page_title_deep.png) no-repeat left top;
}

#page_title_area .title {
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: top;
    width: 299px;
    height: 74px;
    background: url(../img/title_bg.jpg) repeat-x center -29px;
    position: relative;
}

#page_title_area .title:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
}

.tc_format #page_title_area .title:before {
    background: url(../tc/images/title.png) no-repeat;
}

.sc_format #page_title_area .title:before {
    background: url(../sc/images/title.png) no-repeat;
}

.en_format #page_title_area .title:before {
    background: url(../en/images/title.png) no-repeat;
}

#about_us_title:before {
    background-position: 0 0 !important;
}

#news_title:before {
    background-position: 0 -80px !important;
}

#products_title:before {
    background-position: 0 -160px !important;
}

.en_format #products_title:before {
    background-position: 0 -159px !important;
}

#gift_title:before {
    background-position: 0 -240px !important;
}

#application_title:before {
    background-position: 0 -320px !important;
}

#faq_title:before {
    background-position: 0 -400px !important;
}

#contact_us_title:before {
    background-position: 0 -480px !important;
}

#loan_calculator_title {
    width: 330px !important;
}

#loan_calculator_title:before {
    background-position: 0 -560px !important;
}

#valuation_title {
    width: 380px !important;
}

#valuation_title:before {
    background-position: 0 -640px !important;
}

#jobs_title:before {
    background-position: 0 -720px !important;
}

.en_format #jobs_title {
    width: 284px !important;
}

#sitemap_title:before {
    background-position: 0 -800px !important;
}

#inquiries_title {
    width: 330px !important;
}

#inquiries_title:before {
    background-position: 0 -880px !important;
}

#disclaimer_title {
    width: 380px !important;
}

#disclaimer_title:before {
    background-position: 0 -1360px !important;
}

.en_format #disclaimer_title {
    width: 300px !important;
}

.en_format #disclaimer_title:before {
    background-position: 0 -1360px !important;
}

#privacy_policy_title:before {
    background-position: 0 -1040px !important;
}

#ordinance_title {
    width: 330px !important;
}

#ordinance_title:before {
    background-position: 0 -1120px !important;
}

.en_format #ordinance_title:before {
    background-position: 0 -1119px !important;
}

#cookies_title {
    width: 330px !important;
}

#cookies_title:before {
    background-position: 0 -1440px !important;
}

.en_format #cookies_title:before {
    background-position: 0 -1440px !important;
}

#personal_loan_title:before {
    background-position: 0 -1200px !important;
}

.en_format #personal_loan_title:before {
    background-position: 0 -1200px !important;
}

#sme_loan_title:before {
    background-position: 0 -1280px !important;
}

.en_format #sme_loan_title:before {
    background-position: 0 -1280px !important;
}

#page_title_area .sp_btn_list {
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: top;
    height: 53px;
    padding-top: 21px;
    padding-left: 40px;
    margin-left: -26px;
    background: url(../img/sp_btn_line.png) no-repeat left bottom;
    position: relative;
    z-index: 3;
}

#page_title_area .sp_btn_list ul {}

#page_title_area .sp_btn_list ul li {
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: top;
    height: 22px;
    padding: 0 18px;
    border-right: 1px solid #9a8244;
}

#page_title_area .sp_btn_list ul.form_list li:first-child+li,
#page_title_area .sp_btn_list ul li:last-child {
    border-right: none;
}

#page_title_area .sp_btn_list ul li a {
    display: block;
    font-size: 21px;
    color: #333333;
    line-height: 22px;
}

#page_title_area .sp_btn_list ul li a img {
    margin: -2px 0;
    vertical-align: top;
}


/*
#page_title_area .sp_btn_list { position:absolute; right:0px; top:35px; width:698px; height:68px; padding-left:54px; background:url(../img/sp_btn_line.png) no-repeat left bottom; }
#page_title_area .sp_page .sp_btn_list { width:661px !important; }
#page_title_area .sp_page_2 .sp_btn_list { width:622px !important; }
#page_title_area .sp_btn_list a { float:left; display:block; height:46px; margin-right:20px; }
.tc_format #page_title_area .sp_btn_list a { background:url(../tc/images/sp_btn.jpg) no-repeat; }
.en_format #page_title_area .sp_btn_list a { background:url(../en/images/sp_btn.png) no-repeat; margin-right:18px;}
#page_title_area .sp_btn_list a#spBtn1 { width:200px; background-position:0 0 !important; }
.en_format #page_title_area .sp_btn_list a#spBtn1 { width:220px;}
#page_title_area .sp_btn_list a#spBtn2 { width:229px; background-position:0 -50px !important; }
.en_format #page_title_area .sp_btn_list a#spBtn2 { width:203px;}
#page_title_area .sp_btn_list a#spBtn3 { width:172px; background-position:0 -100px !important; }
.en_format #page_title_area .sp_btn_list a#spBtn3 { width:184px;}
*/

#main {
    width: 100%;
    background-color: #ffffff;
    position: relative;
}

#main .main_area {
    width: 1024px;
    padding-bottom: 30px;
    background-color: #ffffff;
    margin: 0px auto;
    position: relative;
    z-index: 5;
}

#main .content {
    width: 1000px;
    min-height: 300px;
    padding-left: 24px;
    xpadding-bottom: 103px;
    xbackground: url(../img/inner_content_tel.png) no-repeat right bottom;
}

#main .none {
    background: none !important;
}

#main .sub_title {
    height: 52px;
    padding-top: 31px;
    border-bottom: 2px solid #9a8244;
    margin: 0px 23px;
    position: relative;
}

#main .sub_title span {
    position: absolute;
    right: 0;
    top: 31px;
    line-height: 44px;
    font-size: 18px;
    color: #008000;
}

#main .sub_title p {
    font-size: 0;
    color: #000000;
    font-weight: bold;
}

#main .sub_title p span {
    display: block;
    /*width:254px;*/
    height: 44px;
    background-repeat: no-repeat;
    position: static;
}

.tc_format #main .sub_title p span {
    background-image: url(../tc/images/sub_title.png);
}

.sc_format #main .sub_title p span {
    background-image: url(../sc/images/sub_title.png);
}

.en_format #main .sub_title p span {
    background-image: url(../en/images/sub_title.png);
}

#news_cate_1_title {
    background-position: 0 0 !important;
}

#news_cate_2_title {
    background-position: 0 -50px !important;
}

#prd_mortgage_title {
    background-position: 0 -100px !important;
}

#prd_owners_loans_title {
    background-position: 0 -150px !important;
}

#prd_installment_loans_title {
    background-position: 0 -200px !important;
}

#prd_sme_loans_title {
    background-position: 0 -250px !important;
}


/*
#main .left_side { float:left; width:570px; }
#main .right_side { float:right; width:421px; padding-top:46px; padding-bottom:63px; }
.tc_format #main .right_side { background:url(../tc/images/inner_content_tel.png) no-repeat right bottom; }
.en_format #main .right_side { background:url(../en/images/inner_content_tel.png) no-repeat right bottom; }
#main .right_side ul { padding-bottom:6px; }
#main .right_side ul > li { width:221px; padding-bottom:24px; position:relative; }
#main .right_side ul > li > a { display:block; height:37px; }
.tc_format #main .right_side ul > li > a { background:url(../tc/images/right_sub_cate.png) no-repeat; }
.en_format #main .right_side ul > li > a { height:47px; background:url(../en/images/right_sub_cate.png) no-repeat; }
#main .sub_drop_area { position:absolute; left:220px; top:-6px; z-index:2000; width:184px; height:106px; padding-left:23px; padding-top:14px; background:url(../img/right_sub_drop_bg.png) no-repeat left top; display:none; }
#main .sub_drop_area ol { width:127px; }
#main .sub_drop_area ol > li { padding:5px 5px; border-top:1px solid #8ec63b; }
#main .sub_drop_area ol > li:first-child { border-top:none !important; }
#main .sub_drop_area ol > li > a { font-size:16px; color:#ffffff; font-weight:bold; }
.en_format #main .sub_drop_area ol > li > a { font-size: 12px !important; }
#main .sub_drop_area ol > li > a:hover { color:#8bc53b; }
*/

#main .left_side {
    float: left;
    width: 700px;
}

#main .right_side {
    float: right;
    width: 228px;
    padding: 74px 24px 63px 0;
}

#main .right_side ul {
    padding-bottom: 6px;
    border-top: 1px dotted #9d8549;
}

#main .right_side ul>li {
    padding: 13px 20px 10px 24px;
    text-align: left;
    position: relative;
    border-bottom: 1px dotted #9d8549;
}

#main .right_side ul>li>a {
    display: block;
    padding-left: 22px;
    background: url(../img/right_menu_row.png) no-repeat left 5px;
    font-size: 18px;
    color: #333333;
}

#main .sub_drop_area {
    padding-left: 24px;
    padding-top: 10px;
    display: none;
}

#main .sub_drop_area ol {
    width: 100%;
}

#main .sub_drop_area ol>li {
    padding: 2px 0;
}

#main .sub_drop_area ol>li>a {
    font-size: 16px;
    color: #333333;
    font-weight: bold;
}

.en_format #main .sub_drop_area ol>li>a {
    font-size: 14px !important;
}

#main .sub_drop_area ol>li>a:hover {
    color: #8bc53b;
}


/*#footer { width:100%; background:url(../img/footer_line.jpg) repeat-x #9f9f9f center top; }
#footer .footer_area { width:1024px; padding:19px 0 10px 0; margin:0px auto; background:url(../img/footer_line.jpg) repeat-x #9f9f9f center top; position:relative; }*/


/*#footer { width:100%; background-color: #fcfcfc; }*/

#footer {
    width: 100%;
    background-color: #c8c8c8;
}

#footer .footer_area {
    width: 1024px;
    padding: 19px 0 10px 0;
    margin: 0px auto;
    position: relative;
}

#footer .footer_remark {
    position: absolute;
    left: 0;
    top: 19px;
    xfloat: left;
    width: 324px;
}

#footer .footer_remark .ssl_info {
    width: 100%;
    max-width: 274px;
    min-height: 50px;
    padding-left: 44px;
    background: url(../img/footer_lock_img.png) no-repeat left top;
    box-sizing: border-box;
    font-size: 12px;
    color: #000000;
    line-height: 15px;
}

#footer .copyright {
    float: left;
    width: 324px;
    padding-top: 60px;
    font-size: 11px;
}

.en_format #footer .copyright {
    float: none;
    padding-top: 60px;
    font-size: 11px;
}


/*
#footer .footer_logo { float:left; padding:15px 0px 5px 19px; }
#footer .footer_logo a { display:block; width:161px; height:76px; }
.tc_format #footer .footer_logo a { background:url(../tc/images/footer_logo.png) no-repeat left top; }
.en_format #footer .footer_logo a { background:url(../en/images/footer_logo.png) no-repeat left top; }
*/

#footer .footer_right {
    float: right;
    width: 690px;
    padding-top: 2px;
    text-align: right;
}

#footer .footer_right .licence {
    float: right;
    width: 340px;
    padding-top: 10px;
    font-size: 13px;
    color: #000000;
    font-weight: bold;
    line-height: 1;
}

#footer .slogan {
    padding-top: 100px;
    font-size: 36px;
    color: #998148;
    font-weight: bold;
}

#footer .slogan span {
    color: black;
    font-size: 28px;
}

#footer .footer_img {
    float: left;
    width: 370px;
    margin-top: -10px;
    margin-right: -20px;
    text-align: left;
    font-size: 0;
}

#footer .footer_img img {
    vertical-align: middle;
    box-sizing: border-box;
}

#footer .footer_img img.smart_img {
    max-width: 50%;
}

#footer .footer_img img.caring_img {
    max-width: 40%;
    padding-left: 3px;
}

#footer .footer_img2 {
    float: left;
    width: 680px;
    /*margin-left: 200px; */
    margin-right: -20px;
    text-align: left;
    font-size: 0;
}

#footer .footer_img2 img {
    vertical-align: middle;
    box-sizing: border-box;
}

#footer .footer_img2 img.smart_img {
    max-width: 50%;
}

#footer .footer_img2 img.caring_img {
    max-width: 40%;
	margin-right: 15px;
}

#footer .footer_img3 {
    float: left;
    width: 370px;
    margin-left: 200px;
    margin-right: -20px;
    text-align: left;
    font-size: 0;
}

#footer .footer_img3 img {
    vertical-align: middle;
    box-sizing: border-box;
}

#footer .footer_img3 img.smart_img {
    max-width: 50%;
}

#footer .footer_img3 img.caring_img {
    max-width: 40%;
}


#footer .footer_menu {
    float: right;
    width: 360px;
}

#footer .footer_menu ul {
    font-size: 0;
    text-align: right;
}

#footer .footer_menu ul li {
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: top;
    height: 9px;
    padding: 0 10px;
    border-left: 1px solid #000000;
}

#footer .footer_menu ul li:first-child {
    border-left: none;
}

#footer .footer_menu ul li:first-child+li+li+li {
    padding-right: 2px;
}

#footer .footer_menu ul li a {
    display: block;
    margin-top: -2px;
    font-size: 13px;
    color: #000000;
    font-weight: bold;
    line-height: 1;
}

#footer .footer_menu ul li a:hover {
    text-decoration: underline;
}

.en_format #footer .footer_remark .copyright {
    padding-top: 44px;
}

.en_format #footer .footer_remark .ssl_info {
    width: 100%;
    max-width: 320px;
}

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

.en_format #footer .footer_right .licence {
    width: 100%;
}

.en_format #footer .footer_right .slogan {
    width: 100%;
}

.en_format #footer .footer_img {
    float: left;
    margin-top: 0;
    padding-top: 10px;
}
.en_format #footer .footer_img2 {
    
    margin-top: 0;
    padding-top: 10px;
	
}



.en_format #footer .footer_menu {
    width: 100%;
}

.en_format #footer .slogan {
    font-size: 30px;
    padding-top: 28px;
}

#captcha_reload {
    cursor: pointer;
}

.openResponsive,
.openResponsive body {
    height: 100%;
}

.openResponsive #wrap {
    position: fixed;
    height: 100%;
    transform: translate3d(280px, 0, 0);
    -webkit-transform: translate3d(280px, 0, 0);
    -moz-transform: translate3d(280px, 0, 0);
}

.openResponsive #wrap .overlay {
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: opacity 0.5s ease;
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
}

.openResponsive #mobile_menu {
    visibility: visible;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}


/*-------------------------------------------------------------------------------------*/


/* INDEX */

.indexType #main {
    background: url(../img/index_main_bg.jpg) repeat-x #ffffff center top;
}

.indexType .main_area {
    xheight: 398px;
    padding-left: 275px;
    padding-top: 18px;
    padding-bottom: 0px !important;
    background: url(../img/index_main_bg.jpg) repeat-x #ffffff center top;
    position: relative;
    box-sizing: border-box;
}


/*
.indexType .main_area:before { position:absolute; left:7px; bottom:19px; content:""; width:552px; height:31px; background-repeat:no-repeat; background-position:left top; }

.tc_format .indexType .main_area:before { background-image:url(../tc/images/index_tel.jpg); }
.en_format .indexType .main_area:before { bottom:9px; height:45px; background-image:url(../en/images/index_tel.jpg); }
*/

.index_box {
    float: left;
    height: 380px;
    xheight: 425px;
    background: url(../img/index_box_shadow_line.png) no-repeat right top;
}

.index_box .index_box_title {
    height: 48px;
    padding-top: 17px;
    border-bottom: 2px solid #9a8244;
    position: relative;
}

.index_box .index_box_title span {
    display: block;
    width: 140px;
    height: 42px;
    /*background:url(../img/index_title.png) no-repeat;*/
}

.tc_format .index_box .index_box_title span {
    background: url(../tc/images/index_title.png) no-repeat;
}

.sc_format .index_box .index_box_title span {
    background: url(../sc/images/index_title.png) no-repeat;
}

.en_format .index_box .index_box_title span {
    width: 172px;
    background: url(../en/images/index_title.png) no-repeat;
}

.index_box .index_box_title a {
    position: absolute;
    right: 0px;
    top: 32px;
    display: block;
    width: 43px;
    height: 19px;
    height: 18px \9;
    padding-top: 1px \9;
    border: 1px solid #9d8549;
    border-radius: 4px;
    behavior: url(pie/PIE.php);
    text-align: center;
    line-height: 19px;
    font-size: 12px;
    color: #666666;
}

.index_box .index_box_title a:hover {
    background-color: #9d8549;
    border-radius: 4px;
    behavior: url(pie/PIE.php);
    color: #ffffff;
}

.index_box .index_box_content {
    position: relative;
}

#index_btn_box {
    float: none;
    position: absolute;
    left: 0;
    top: 18px;
    width: 275px;
}

#index_btn_box .index_box_content {
    width: 100%;
}

#index_btn_box .index_btn_list {
    width: 249px;
    padding-top: 27px;
    padding-bottom: 3px;
}

.en_format #index_btn_box .index_btn_list {
    padding-top: 12px;
}

#index_btn_box .index_btn_list ul {}

#index_btn_box .index_btn_list ul li {
    width: 100%;
    padding-bottom: 12px;
}

.en_format #index_btn_box .index_btn_list ul li {
    padding-bottom: 8px;
}

#index_btn_box .index_btn_list ul li a {
    display: block;
    padding: 0 0 12px 11px;
    background: url(../img/index_btn_line.png) no-repeat left bottom;
    margin-right: -10px;
    box-sizing: border-box;
    color: #333333;
}

.en_format #index_btn_box .index_btn_list ul li a {
    padding: 0 0 8px 11px;
}

#index_btn_box .index_btn_list ul li a h4 {
    font-size: 19px;
    font-weight: bold;
}

#index_btn_box .index_btn_list ul li a p {
    padding-top: 5px;
    font-size: 13px;
}

.en_format #index_btn_box .index_btn_list ul li a p {
    padding-top: 2px;
}

#index_btn_box .index_btn_list ul li a img {
    vertical-align: middle;
}

.en_format #index_btn_box .index_btn_list ul li a img {
    vertical-align: text-top;
}

#index_btn_box .index_btn_list ul li a:hover {}

#index_btn_box .index_btn_app_area {
    min-height: 102px;
    padding-left: 80px;
    background: url(../img/index_app_img.png) no-repeat 1px top;
    position: relative;
    font-size: 13px;
    color: #111416;
    line-height: 19px;
    text-align: left;
}

.en_format #index_btn_box .index_btn_app_area {
    xfont-size: 12px;
    line-height: 17px;
}

#index_btn_box .index_btn_app_area p {
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: middle;
}

#index_btn_box .index_btn_app_area b {
    font-weight: bold;
    color: #000000;
}

#index_btn_box .index_btn_app_area span {
    color: #ea2f25;
}

#index_btn_box .index_btn_app_area img {
    margin: 3px 0;
    vertical-align: middle;
}

.en_format #index_btn_box .index_btn_app_area img {
    margin: 2px 0;
}

#index_btn_box .index_tel_mobile {
    display: none;
    width: 100%;
    padding-top: 20px;
    text-align: center;
}

#index_btn_box .index_tel_mobile img {
    max-width: 100%;
}


#floating_tab_bar {display: none;}
 

/*
#index_btn_box { width:275px; height:340px !important; }
#index_btn_box .index_box_content { padding-top:21px; }
#index_btn_box .index_box_content a { display:block; }
#index_btn_box .index_box_content a.indexBtn1 { width:262px; height:63px; margin-bottom:28px; }
#index_btn_box .index_box_content a.indexBtn2 { width:262px; height:82px; margin-bottom:20px; }
.en_format #index_btn_box .index_box_content a.indexBtn2 { height:95px;}
#index_btn_box .index_box_content a.indexBtn3 { width:242px; height:128px; margin-left:12px; }
.en_format #index_btn_box .index_box_content a.indexBtn3 { height:151px;}

.tc_format #index_btn_box .index_box_content a.indexBtn1 { background:url(../tc/images/index_btn_1.png) no-repeat left top; }
.tc_format #index_btn_box .index_box_content a.indexBtn2 { background:url(../tc/images/index_btn_2.png) no-repeat left top; }
.tc_format #index_btn_box .index_box_content a.indexBtn3 { background:url(../tc/images/index_btn_3.png) no-repeat left top; }
.en_format #index_btn_box .index_box_content a.indexBtn1 { background:url(../en/images/index_btn_1.png) no-repeat left top; }
.en_format #index_btn_box .index_box_content a.indexBtn2 { background:url(../en/images/index_btn_2.png) no-repeat left top; }
.en_format #index_btn_box .index_box_content a.indexBtn3 { background:url(../en/images/index_btn_3.png) no-repeat left top; }
*/

#index_news_box {
    width: 289px;
    padding-left: 19px;
    padding-right: 24px;
}

#index_news_box .index_box_title span {
    background-position: 0 0 !important;
}

#index_news_box .index_box_content {
    width: 100%;
    padding-top: 2px;
}

#index_news_box .index_box_content ul.index_news_list {}

#index_news_box .index_box_content ul.index_news_list li {
    padding: 12px 7px 10px 15px;
    border-bottom: 1px solid #e2dcca;
    background: url(../img/index_news_row.png) no-repeat 5px 17px;
}

#index_news_box .index_box_content ul.index_news_list li.last {
    border-bottom: none;
}

#index_news_box .index_box_content ul.index_news_list li a {
    font-size: 12px;
    color: #333333;
    line-height: 15px;
}

#index_news_box .index_box_content ul.index_news_list li a span {
    display: block;
    color: #339966;
}

#index_news_box .index_box_content ul.index_news_list li a:hover {
    color: #339966;
}

#index_video_box {
    width: 399px;
    padding-left: 18px;
    background: none !important;
}

#index_video_box .index_box_title span {
    background-position: 0 -50px !important;
}

#index_video_box .index_box_content {
    width: 382px;
    xheight: 278px;
    padding: 17px 8px 10px 8px;
    margin-top: 14px;
    background-color: #000000;
    border-radius: 12px;
    behavior: url(pie/PIE.php);
}

#index_video_box .index_box_content a {
    display: block;
}

#index_video_box .index_video {
    width: 100%;
    position: relative;
}

#index_video_box .index_video img {
    width: 100%;
}

#index_video_box .index_video iframe#youtubeplayer {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

#index_video_box .video_btn {
    padding-left: 10px;
    padding-top: 8px;
}

#index_video_box .video_btn a {
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: top;
    height: 18px;
    padding: 2px 10px;
    margin-right: 8px;
    border: 1px solid #000000;
    border-radius: 6px;
    line-height: 18px;
    font-size: 12px;
    color: #ffffff;
    transition: all 0.2s ease;
}

#index_video_box .video_btn a:hover {
    border: 1px solid #666666;
}

#index_video_box .video_title {
    padding-bottom: 10px;
    color: #ffffff;
    font-size: 16px;
}


/*-------------------------------------------------------------------------------------*/


/* NEWS */

.news_content {}

.news_content .right_side {}


/*
.news_content .right_side ul li#subCate1 a { background-position:0 0 !important; }
.news_content .right_side ul li#subCate2 a { background-position:0 -50px !important; }
*/

.news_list {
    padding-top: 32px;
    padding-left: 3px;
}

.news_list .news {
    width: 656px;
    xwidth: 500px;
    height: 180px;
    padding: 23px 16px 20px 28px;
    margin-bottom: 14px;
    background: url(../img/news_box.png) no-repeat left top;
    background-size: 100% 100%;
    border-radius: 10px;
    box-shadow: 0 0 5px rgba(153, 204, 0, 0.5);
    behavior: url(pie/PIE.php);
    position: relative;
}

.news_list .news .no_photo {
    float: left !important;
    width: 656px !important;
}

.news_list .news_photo {
    float: left;
    width: 129px;
    height: 175px;
    xborder: 2px solid #d0d0d0;
    xbackground-color: #ffffff;
    xbox-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2) inset;
    text-align: center;
}

.news_list .news_photo i {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.news_list .news_photo img {
    vertical-align: middle;
}

.news_list .news_info {
    float: right;
    width: 500px;
    xwidth: 344px;
    padding-top: 4px;
}

.news_list .news_date {
    padding-bottom: 6px;
    font-size: 14px;
    color: #333333;
}

.news_list .news_title {
    padding-bottom: 6px;
    font-size: 19px;
    font-weight: bold;
    color: #087686
}

.news_list .news_desc {
    max-height: 66px;
    font-size: 17px;
    color: #333333;
    line-height: 22px;
}

.news_list .news_more_btn {
    padding-top: 8px;
}

.news_list .news_more_btn a {
    display: block;
    width: 43px;
    height: 19px;
    height: 18px \9;
    padding-top: 1px \9;
    position: relative;
    background-color: #ececec;
    border: 1px solid #9d8549;
    border-radius: 4px;
    behavior: url(pie/PIE.php);
    text-align: center;
    line-height: 19px;
    font-size: 12px;
    color: #666666;
}

.news_list .news_more_btn a:hover {
    background-color: #9d8549;
    border-radius: 4px;
    behavior: url(pie/PIE.php);
    color: #ffffff;
}

.news_detail {
    width: 100%;
    xwidth: 562px;
    padding-top: 44px;
}

.news_detail .news_detail_date {
    padding-left: 10px;
    font-size: 17px;
    color: #333333;
}

.news_detail .news_detail_title {
    padding: 8px 10px;
    font-size: 19px;
    font-weight: bold;
    color: #087686;
}

.news_detail .news_detail_desc {
    padding: 8px 10px 48px 10px;
    border-top: 1px solid #c8c8c8;
    font-size: 17px;
    color: #333333;
}

.news_detail .news_detail_photo_area {
    width: 486px;
    xheight: 540px;
    margin-left: 42px;
    padding-bottom: 20px;
    position: relative;
}

.news_detail .news_detail_photo_area a.news_photo_prev {
    position: absolute;
    left: 0px;
    top: 0px;
    xtop: 245px;
    display: block;
    width: 39px;
    height: 39px;
    background: url(../img/news_detail_photo_row.png) no-repeat left top;
}

.news_detail .news_detail_photo_area a.news_photo_next {
    position: absolute;
    right: 0px;
    top: 0px;
    xtop: 245px;
    display: block;
    width: 39px;
    height: 39px;
    background: url(../img/news_detail_photo_row.png) no-repeat right top;
}

.news_detail .news_detail_photo_list {
    width: 377px;
    xheight: 534px;
    margin: 0px auto;
    xborder: 3px solid #cccccc;
    position: relative;
    overflow: hidden;
}


/*
.news_detail .news_detail_photo_list a { position:absolute; left:-377px; top:0px; margin-right:23px; }
.news_detail .news_detail_photo_list img { max-width:100%; }
*/


/*-------------------------------------------------------------------------------------*/


/* PRODUCTS */

.prd_main_area {
    background: none !important;
}

.prd_content .left_side {
    padding-top: 37px;
}

.prd_title_area {
    width: 100%;
    height: 173px;
    padding-left: 325px;
    background: #69c14d;
    background: -moz-linear-gradient(top, #69c14d 0%, #108b78 100%);
    background: -webkit-linear-gradient(top, #69c14d 0%, #108b78 100%);
    background: linear-gradient(to bottom, #69c14d 0%, #108b78 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#69c14d', endColorstr='#108b78', GradientType=0);
    position: relative;
    box-sizing: border-box;
    font-size: 0;
}

.prd_title_area:after {
    content: "";
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: middle;
    height: 100%;
}

.prd_title_area .prd_title_img {
    position: absolute;
    left: 0;
    top: 0;
    width: 291px;
    height: 100%;
}

.prd_title_area .prd_title_img img {
    width: 100%;
}

.prd_title_area .prd_title {
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: middle;
    font-size: 26px;
    color: #ffffff;
    font-weight: bold;
}

.prd_slogan {
    padding-top: 32px;
}

.prd_slogan img {
    max-width: 100%;
}

.prd_info {
    padding: 22px 2px;
    font-size: 15px;
    color: #333333;
    text-align: justify;
    line-height: 22px;
}

.prd_info h2 {
    padding-bottom: 22px;
    font-size: 30px;
    font-weight: bold;
    color: #087686;
    line-height: 30px;
}

.prd_info h3 {
    padding-bottom: 12px;
    font-size: 30px;
    font-weight: bold;
    color: #1daf60;
    line-height: 30px;
}

.prd_info h4 {
    padding-bottom: 10px;
    font-size: 20px;
    font-weight: bold;
    color: #087686;
    line-height: 20px;
}

.prd_info p {}

.prd_info span {
    color: #1dac63;
}

.prd_info img {
    max-width: 100%;
    box-sizing: border-box;
}

.prd_info ol {
    padding-left: 26px;
    list-style: decimal;
}

.prd_info ol li {
    padding: 8px 0;
    position: relative;
    font-size: 15px;
    color: #333333;
}

.prd_info ul {
    padding-left: 26px;
    list-style: disc;
}

.prd_info ul li {
    padding: 8px 0;
    position: relative;
    font-size: 15px;
    color: #9a8244;
}

.prd_info ul li span {
    color: #333333;
}

.prd_section {
    padding: 20px 0;
}


/*.prd_section#prdCate3 { padding-top:34px; background:url(../img/prd_line.png) no-repeat center top; }*/

.prd_section .prd_section_title {
    padding-bottom: 10px;
    font-size: 21px;
    color: #333333;
    font-weight: bold;
}

.prd_section .prd_section_title.sub_style {
    height: 28px;
    padding-left: 12px;
    padding-bottom: 0;
    background: url(../img/prd_sub_title_bar.png) repeat-y left top;
    box-sizing: border-box;
    border-radius: 4px;
    font-size: 21px;
    color: #ffffff;
    font-weight: bold;
    line-height: 28px;
}

.prd_section .prd_section_info {
    padding-top: 10px;
    border-top: 1px solid #9a8244;
}

.prd_section .prd_section_info p.remark {
    padding-top: 14px;
    padding-left: 26px;
    position: relative;
    font-size: 13px;
    color: #333333;
}

.prd_section .prd_section_info p.remark:before {
    position: absolute;
    left: 9px;
    top: 14px;
    content: "*";
}

.prd_section .prd_section_title.sub_style+.prd_section_info {
    border-top: none;
}

.prd_service {
    padding: 20px 0;
}

.prd_service .prd_service_title {
    height: 28px;
    padding-left: 12px;
    background: #1dac63;
    background: -moz-linear-gradient(left, #1dac63 8%, #ffffff 91%);
    background: -webkit-linear-gradient(left, #1dac63 8%, #ffffff 91%);
    background: linear-gradient(to right, #1dac63 8%, #ffffff 91%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#1dac63', endColorstr='#ffffff', GradientType=1);
    box-sizing: border-box;
    border-radius: 4px;
    font-size: 21px;
    color: #ffffff;
    font-weight: bold;
    line-height: 28px;
}

.prd_service .prd_service_info {
    padding: 10px 0;
}

.prd_service .prd_service_low {
    padding: 12px 0 10px 100px;
    background: url(../img/prd_low_img.png) no-repeat 12px 10px;
}

.prd_service .prd_service_low p {
    font-size: 17px;
    color: #333333;
    line-height: 27px;
}

.prd_service .prd_service_low span {
    font-size: 23px;
    color: #1dac63;
    font-weight: bold;
}

.prd_service .prd_service_low b {
    font-size: 19px;
    font-weight: bold;
    font-style: italic;
}

.prd_service .prd_service_tel {
    width: 541px;
    padding-left: 14px;
    margin-top: 40px;
    position: relative;
}

.prd_service .prd_service_tel_title {
    position: absolute;
    left: 0;
    top: -13px;
    width: 100%;
    text-align: center;
}

.prd_service .prd_service_tel_title p {
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: top;
    padding: 0 6px;
    background-color: #ffffff;
    font-size: 20px;
    color: #339966;
    font-weight: bold;
}

.prd_service .prd_service_tel_img {
    padding: 16px;
    border: 3px solid #339966;
    border-radius: 8px;
}

.prd_service .prd_service_tel_img img {
    max-width: 100%;
}

.prd_remark {
    padding: 8px 36px 0 60px;
    position: relative;
    font-size: 0;
    color: #333333;
    text-align: left;
}

.prd_remark .prd_remark_title {
    position: absolute;
    left: 16px;
    top: 8px;
    font-size: 15px;
}

.prd_remark .prd_remark_info {
    display: block;
    width: 582px;
    font-size: 15px;
}

.prd_remark .prd_remark_num1 {
    position: absolute;
    left: 45px;
    top: 10px;
    font-size: 15px;
}

.prd_remark .prd_remark_num0 {
    position: absolute;
    left: 45px;
    font-size: 15px;
}

.prd_remark .prd_remark_num2 {
    position: absolute;
    left: 45px;
    top: 69px;
    font-size: 15px;
}

.prd_remark .prd_remark_num3 {
    position: absolute;
    left: 65px;
    top: 8px;
    font-size: 15px;
}

.prd_remark .prd_remark_num4 {
    position: absolute;
    left: 65px;
    top: 76px;
    font-size: 15px;
}

.en_format .prd_remark {
    padding: 8px 36px 0 80px;
}

.en_format .prd_remark .prd_remark_info {
    width: 578px;
}

.prd_remark .prd_remark_info p {}

.prd_remark .prd_remark_info ol {
    padding-left: 20px;
    list-style: decimal;
}

.prd_remark .prd_remark_info ol li {
    padding-bottom: 16px;
    position: relative;
}


/*
.prd_mortgage_img { position:absolute; left:0px; top:301px; width:100%; height:663px; }
.tc_format .prd_mortgage_img { background:url(../tc/images/products_mortgage_img.png) no-repeat center top; }
.en_format .prd_mortgage_img { background:url(../en/images/products_mortgage_img.png) no-repeat center top; }
.prd_owners_loans_img { position:absolute; left:0px; top:311px; width:100%; height:530px; }
.tc_format .prd_owners_loans_img { background:url(../tc/images/products_owners_loans_img.jpg) no-repeat center top; }
.en_format .prd_owners_loans_img { background:url(../en/images/products_owners_loans_img.jpg) no-repeat center top; }
.prd_installment_loans_img_1 { position:absolute; left:0px; top:281px; width:100%; height:396px; background:url(../img/products_installment_loans_img.png) no-repeat center top; }
.prd_installment_loans_img_2 { position:absolute; left:0px; top:281px; width:100%; height:396px; background:url(../img/products_installment_loans_img2.png) no-repeat center top; }
.tc_format .prd_installment_loans_img_1 { background:url(../tc/images/products_installment_loans_img.png) no-repeat center top; }
.tc_format .prd_installment_loans_img_2 { background:url(../tc/images/products_installment_loans_img2.png) no-repeat center top; }
.en_format .prd_installment_loans_img_1 { background:url(../en/images/products_installment_loans_img.png) no-repeat center top; }
.en_format .prd_installment_loans_img_2 { background:url(../en/images/products_installment_loans_img2.png) no-repeat center top; }

.prd_main_area { background:none !important; }
.prd_content { }
.prd_content .left_side { padding-top:29px; }
.prd_content .right_side ul li#subCate1 a { background-position:0 -100px !important; }
.prd_content .right_side ul li#subCate2 a { background-position:0 -150px !important; }
.prd_content .right_side ul li#subCate3 a { background-position:0 -200px !important; }
.prd_content .right_side ul li#subCate4 a { background-position:0 -250px !important; }
.en_format .prd_content .right_side ul li#subCate1 a { background-position:0 -93px !important; }
.en_format .prd_content .right_side ul li#subCate2 a { background-position:0 -147px !important; }
.en_format .prd_content .right_side ul li#subCate3 a { background-position:0 -193px !important; }

.prd_mortgage_img_space { width:100%; height:659px !important; }
.prd_owners_loans_img_space { width:100%; height:530px !important; }
.prd_installment_loans_img_space { width:100%; min-height:381px !important; }

.prd_slogan { padding-bottom:32px; }
.prd_sub_title { width:546px; padding-bottom:6px; border-bottom:1px solid #9a8244; }
.prd_sub_title h3 { padding-left:4px; font-size:30px; font-weight:bold; color:#1daf60; line-height:30px; }
.prd_remark { width:528px; padding:12px 9px; border-top:1px solid #9a8244; font-size:16px; color:#333333; text-align:justify; }
.prd_remark .remark_star { float:left; width:18px; }
.prd_remark .remark_txt { float:left; width:500px; padding-bottom:16px; }
.prd_info { width:516px; padding:24px 26px 16px 4px; line-height:22px; text-align:justify; }
.prd_info h2 { padding-bottom:22px; font-size:30px; font-weight:bold; color:#087686; line-height: 30px;}
.prd_info h3 { padding-bottom:12px; font-size:30px; font-weight:bold; color:#1daf60; line-height: 30px;}
.prd_info h4 { padding-bottom:10px; font-size:20px; font-weight:bold; color:#087686; line-height: 20px;}
.prd_info p { font-size:18px; color:#333333; }
.prd_info span { font-size:16px; color:#333333; }
.prd_info img { }
.prd_info ol { list-style:decimal; padding-left:22px; }
.prd_info ol li { font-size:18px; color:#333333; }
.prd_info ul.tick { }
.prd_info ul.tick li { min-height:28px; padding-top:4px; padding-left:45px; padding-bottom:12px; background:url(../img/prd_info_tick_icon.png) no-repeat left top; font-size:19px; }
*/


/*-------------------------------------------------------------------------------------*/


/* GIFT */

.gift_content {
    padding-top: 28px;
}

.gift_content table {
    width: 500px;
    text-align: center;
    border-spacing: 2px;
}

.gift_content table td {
    padding: 10px;
    background-color: #E7E7E7;
    vertical-align: top;
}

.gift_content table tr:first-child td {
    background-color: #087686;
    color: #ffffff;
    font-weight: bold;
}

.gift_content .gift_promo {}

.gift_content .gift_promo .btn {
    width: 100px;
    text-align: center;
    border: 2px solid #000;
    border-radius: 5px;
    padding: 5px 10px;
    color: #fff;
    background-color: #087686;
    font-weight: bold;
    margin-right: 30px;
}

.gift_content .gift_promo span {
    font-size: 23px;
    color: #084086;
    font-weight: bold;
    font-style: italic;
}

.gift_card {
    xwidth: 950px;
    xheight: 363px;
    /*background:url(../img/gift_card.jpg) no-repeat left top;*/
}

.gift_card img {
    max-width: 100%;
    border-radius: 14px;
    box-shadow: 0 0 5px rgba(153, 204, 0, 0.5);
    behavior: url(pie/PIE.php);
    position: relative;
}

.tc_format .gift_card {
    xbackground: url(../tc/images/gift_card.jpg) no-repeat left top;
}

.sc_format .gift_card {
    xbackground: url(../sc/images/gift_card.jpg) no-repeat left top;
}

.en_format .gift_card {
    xbackground: url(../en/images/gift_card.jpg) no-repeat left top;
}


/*-------------------------------------------------------------------------------------*/


/* ONLINE APPLICATION */

.application_area,
.application_content {}


/*
.application_content .right_side { width:362px !important; }
.tc_format .application_content .right_side { background:url(../tc/images/inner_content_tel_s.png) no-repeat left bottom !important; }
.en_format .application_content .right_side { background:url(../en/images/inner_content_tel_s.png) no-repeat left bottom !important; }
.application_content .right_side ul li#subCate1 a { background-position:0 -100px !important; }
.application_content .right_side ul li#subCate2 a { background-position:0 -150px !important; }
.application_content .right_side ul li#subCate3 a { background-position:0 -200px !important; }
.application_content .right_side ul li#subCate4 a { background-position:0 -250px !important; }
.en_format .application_content .right_side ul li#subCate1 a { background-position:0 -93px !important; }
.en_format .application_content .right_side ul li#subCate2 a { background-position:0 -147px !important; }
.en_format .application_content .right_side ul li#subCate3 a { background-position:0 -193px !important; }
.application_content .right_img  { width:381px; height:382px; xmargin-left:38px; margin-top:22px; xpadding-bottom:30px; background:url(../img/application_img.jpg) no-repeat left top; }

.application_form_border { width:610px; margin-top:39px; border:3px solid #cccccc; background:url(../img/hbg.jpg) no-repeat #ffffff left top; border-radius:10px; box-shadow:0 0 5px rgba(153,204,0,0.5); behavior:url(pie/PIE.php); position:relative; }
.application_form { width:610px; min-height:660px; box-shadow:3px 3px 3px rgba(0,0,0,0.2) inset; border-radius:6px; behavior:url(pie/PIE.php); position:relative; }
.application_form .form_remark { width:556px; height:74px; padding:27px 27px 0px 27px; font-size:25px; font-weight:bold; color:#666666; }
.en_format .application_form .form_remark {font-size:18px;}
.application_form .form_remark span { color:#19ca6c; }

.app_form .form_title { padding:8px 16px; margin-top:12px; margin-bottom:24px; background-color:#78777c; font-size:16px; color:#ffffff; font-weight:bold; }
.app_form .form_star { margin-top:-4px; padding-bottom:20px; padding-left:16px; font-size:16px; color:#78777c; }
.app_form .form_star em { color:#cc0000; font-style:normal; }
.app_form .form_row { padding-bottom:14px; padding-left:16px; color:#78777c; }
.app_form .form_row.form_declaration{ padding-bottom:20px;}
.app_form .form_checkbox { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:420px; }
.app_form .form_btn { text-align:center; padding-top:10px; padding-bottom: 20px;}

.app_form .form_row p { font-size:14px; line-height:20px; padding-right:16px; xtext-align:justify; }
.app_form .form_row em { color:#cc0000; font-style:normal; }
.app_form .form_row label, 
.app_form .form_row font { display:inline-block; font-size:17px; vertical-align:top; }
.app_form .form_row label { width:160px; }
.app_form .form_row font { width:110px; }
.app_form .form_row font.small { width:60px; }
.en_format .app_form .form_row font { margin-bottom: 12px; }
.app_form #captcha {width:118px; display: block;}
.app_form .form_row input[type='text'] { width:394px; padding:3px 5px; border:1px solid #a2a2a2; background-color:#ffffff; box-shadow:3px 3px 3px rgba(0,0,0,0.2) inset; font-size:14px; color:#333333; }
.app_form .form_row input[type='radio'] { }
.app_form .form_row input[type='checkbox'] { display:inline-block; zoom:1; *display:inline; vertical-align:middle; width:19px; height:19px; padding:0px; margin:0px; margin-bottom:12px; border:1px solid #a2a2a2; background-color:#ffffff; }
.app_form .form_checkbox font.frm_other { width:60px !important; }
.app_form .form_checkbox input[type='text'] { width:290px; }
.app_form .form_row font.frm_agree { width:auto !important; font-size:14px !important; }
.app_form .form_row select { width:294px; height:28px; border:1px solid #a2a2a2; background-color:#ffffff; }
.en_format .app_form .form_row select { width:394px;}
.app_form .form_row .selected { width:266px; }
.en_format .app_form .form_row .selected { width:366px; }
.app_form .form_row .select_list { z-index:200; }
.app_form .form_btn input[type='submit'],
.app_form .form_btn input[type='reset'] { width:113px; height:31px; padding:0px; margin:0px 10px; border:1px solid #ffffff; border-radius:8px; box-shadow:5px 5px 5px rgba(0,0,0,0.3); behavior:url(pie/PIE.php); position:relative; cursor:pointer; }
.app_form .form_btn input[type='submit'] { background:url(../img/application_btn_submit.jpg) no-repeat left center; }
.tc_format .app_form .form_btn input[type='submit'] { background:url(../tc/images/application_btn_submit.jpg) no-repeat left center; }
.en_format .app_form .form_btn input[type='submit'] { background:url(../en/images/application_btn_submit.jpg) no-repeat left center; }
.tc_format .app_form .form_btn input[type='reset'] { background:url(../tc/images/application_btn_reset.jpg) no-repeat left center; }
.en_format .app_form .form_btn input[type='reset'] { background:url(../en/images/application_btn_reset.jpg) no-repeat left center; }
*/

.application_method_list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -10px;
}

.application_method_list .application_method_item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    width: 100%;
    max-width: 50%;
    padding: 10px;
    box-sizing: border-box;
}

.application_method_list .application_method {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    padding: 28px 20px;
    border: 1px solid #a2a2a2;
    background-color: #ffffff;
    box-sizing: border-box;
}

.application_method_list .application_method_header,
.application_method_list .application_method_info,
.application_method_list .application_method_btn,
.application_method_list .application_method_note {
    /*-ms-flex:0 0 100%; flex:0 0 100%; width:100%; max-width:100%;*/
    position: relative;
    box-sizing: border-box;
}

.application_method_list .application_method_header {
    padding-bottom: 10px;
    border-bottom: 1px solid #b5b5b5;
    text-align: center;
}

.application_method_list .application_method_icon {
    height: 62px;
    padding-bottom: 10px;
}

.application_method_list .application_method_icon img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
}

.application_method_list .application_method_title {
    width: 100%;
    padding-bottom: 4px;
    font-size: 34px;
    color: #0c991b;
}

.application_method_list .application_method_sub_title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 35px;
    padding-bottom: 4px;
    box-sizing: border-box;
    font-size: 24px;
    color: #0c991b;
    font-style: italic;
    font-weight: bold;
}

.application_method_list .application_method_info {
    min-height: 226px;
    padding: 16px 0 20px 0;
    box-sizing: border-box;
}

.application_method_list .application_method_info ul {}

.application_method_list .application_method_info ul li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 12px;
    position: relative;
    font-size: 16px;
    color: #000000;
    text-align: justify;
}

.application_method_list .application_method_info ul li img {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: 30px;
    padding-right: 10px;
}

.application_method_list .application_method_info ul li p {
    -ms-flex: 0 0 calc(100% - 40px);
    flex: 0 0 calc(100% - 40px);
    width: 100%;
    max-width: calc(100% - 40px);
    -ms-flex-item-align: center;
    align-self: center;
}

.application_method_list .application_method_btn {
    text-align: center;
}

.application_method_list .application_method_btn a {
    display: inline-block;
    vertical-align: top;
    padding: 10px 26px;
    background-color: #1dae61;
    border-radius: 5px;
    font-size: 16px;
    color: #ffffff;
    font-weight: bold;
}

.application_method_list .application_method_note {
    padding-top: 8px;
}

.application_method_list .application_method_note p {
    font-size: 12px;
    color: #000000;
}

.application_method_list .application_method_note p:first-child {
    text-align: center;
    font-size: 14px;
}

.application_method_list .application_method_item:nth-child(even) .application_method_title {
    color: #0c7785;
}

.application_method_list .application_method_item:nth-child(even) .application_method_sub_title {
    color: #0c7785;
}

.application_method_list .application_method_item:nth-child(even) .application_method_btn a {
    background-color: #108c9c;
}

.en_format .application_method_list .application_method_title {
    font-size: 30px;
}

.en_format .application_method_list .application_method_sub_title {
    height: 60px;
    font-size: 20px;
    font-weight: normal;
}

.en_format .application_method_list .application_method_info {
    min-height: 280px;
}

.en_format .application_method_list .application_method_info ul li {
    font-size: 14px;
}

.en_format .application_method_list .application_method_btn a {
    padding: 10px 26px;
    font-size: 20px;
}

.application_content {}

.application_content .left_side {
    padding-top: 33px;
}

.application_content .right_side {}

.application_title_area {
    width: 100%;
    height: 173px;
    padding-left: 325px;
    padding-right: 25px;
    background: #69c14d;
    background: -moz-linear-gradient(top, #69c14d 0%, #108b78 100%);
    background: -webkit-linear-gradient(top, #69c14d 0%, #108b78 100%);
    background: linear-gradient(to bottom, #69c14d 0%, #108b78 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#69c14d', endColorstr='#108b78', GradientType=0);
    position: relative;
    box-sizing: border-box;
    font-size: 0;
}

.application_title_area:after {
    content: "";
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: middle;
    height: 100%;
}

.application_title_area .application_title_img {
    position: absolute;
    left: 0;
    top: 0;
    width: 291px;
    height: 100%;
}

.application_title_area .application_title_img img {
    width: 100%;
}

.application_title_area .application_title {
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: middle;
    font-size: 18px;
    color: #ffffff;
    font-weight: bold;
}

.application_form {
    width: 100%;
}


/*
.app_form_type { padding-top:24px !important; padding-bottom:0px !important; }
.app_form_type label { vertical-align:middle !important; }
*/

.app_form {
    font-size: 14px;
}

.app_form .form_section_area {
    padding-top: 26px;
    padding-bottom: 30px;
    border-top: 1px solid #9a8244;
}

.app_form .form_section_area:first-child {
    border-top: none;
}

.app_form .form_section {}

.app_form .form_common {
    padding-top: 10px;
    padding-bottom: 30px;
}

.app_form .form_common_topic {
    padding: 0 4px 8px 4px;
    border-bottom: 1px solid #9a8244;
    font-size: 20px;
    color: #177e8c;
    font-weight: bold;
}

.app_form .form_common_title {
    height: 28px;
    padding: 0 8px;
    background: #b1b1b1;
    background: -moz-linear-gradient(left, #b1b1b1 8%, #ffffff 91%);
    background: -webkit-linear-gradient(left, #b1b1b1 8%, #ffffff 91%);
    background: linear-gradient(to right, #b1b1b1 8%, #ffffff 91%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#b1b1b1', endColorstr='#ffffff', GradientType=1);
    box-sizing: border-box;
    border-radius: 4px;
    font-size: 21px;
    color: #ffffff;
    font-weight: bold;
    line-height: 28px;
}

.app_form .form_common_info {
    padding: 14px 4px 0 4px;
    color: #333333;
    text-align: justify;
}

.app_form .form_common_info p {
    font-size: 17px;
}

.app_form .form_common_info p.remark {
    font-size: 13px;
}

.app_form .form_common_info u {
    text-decoration: underline;
}

.app_form .form_common_info ol {
    padding-bottom: 10px;
    padding-left: 24px;
    list-style: decimal;
    font-size: 17px;
}

.app_form .form_common_info ol li {
    padding-bottom: 10px;
}

.app_form .form_common_info.req_doc {
    padding: 14px 4px 0 4px;
    color: #333333;
    text-align: justify;
    font-size: 17px;
}

.app_form .form_common_info.req_doc ol {
    padding-bottom: 0;
    padding-left: 24px;
    list-style: decimal;
}

.app_form .form_common_info.req_doc ol li {
    padding: 4px 0;
}

.app_form .form_common_info input[type='checkbox'] {
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: text-top;
    width: 18px;
    height: 18px;
    padding: 0px;
    margin: 0px;
    border: 1px solid #a2a2a2;
    background-color: #ffffff;
}

.app_form .form_verification {
    padding: 34px 4px 0 4px;
}

.app_form .form_verification label {
    margin-right: 100px;
}

.app_form .form_verification .form_captcha {
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: top;
    width: 420px;
}

.app_form .form_verification .captcha {
    display: inline-block;
}

.app_form .form_verification #captcha {
    display: block;
    width: 118px;
    padding: 3px 5px;
    border: 1px solid #a2a2a2;
    background-color: #ffffff;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2) inset;
    font-size: 14px;
    color: #333333;
}

.app_form .form_verification #captcha_reload {
    display: inline-block;
    vertical-align: top;
    padding-top: 10px;
    padding-left: 8px;
}

.app_form .form_verification #captcha_reload img {
    width: 20px;
}

.app_form .form_btn {
    text-align: center;
    padding: 10px 0;
}

.app_form .form_row {
    padding-bottom: 14px;
    padding-left: 4px;
    position: relative;
    color: #333333;
    font-size: 0;
}

.app_form .form_row p {
    font-size: 17px;
}

.app_form .form_remark {
    text-align: right;
    font-size: 15px;
}

.app_form .form_remark em {
    color: #cc0000;
    font-style: normal;
}

.app_form .form_title {
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: top;
    width: 160px;
    min-height: 27px;
    padding-right: 20px;
    font-size: 0;
}

.app_form .form_title:after {
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: middle;
    height: 27px;
    content: "";
}

.app_form .form_title label {
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: middle;
    font-size: 17px;
    line-height: 19px;
}

.app_form .form_title em {
    color: #cc0000;
    font-style: normal;
}

.app_form .form_field {
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: top;
    width: 416px;
    font-size: 17px;
}

.app_form .form_field input[type='text'],
.app_form .form_field select {
    width: 100%;
    height: 27px;
    background-color: #ffffff;
    box-sizing: border-box;
    font-size: 14px;
    color: #333333;
}

.app_form .form_field input[type='text'] {
    vertical-align: top;
    padding: 2px 5px;
    border: 2px solid #cccccc;
    border-radius: 4px;
}

.app_form .form_field input[type='checkbox'] {
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: top;
    width: 18px;
    height: 18px;
    padding: 0px;
    margin: 0px;
    margin-bottom: 12px;
    border: 1px solid #a2a2a2;
    background-color: #ffffff;
}

.app_form .form_field .selected {
    width: 100%;
}

.app_form .form_field input#expect_date {
    width: 208px;
    margin-right: 8px
}

.app_form .form_field select#expect_time {
    width: 195px;
}


/*
.app_form .form_field input[type='radio']+font { padding-right:20px; }
*/

.app_form .form_field label {
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: top;
    padding-right: 20px;
}

.app_form .form_checkbox {
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: top;
    width: 100%;
}

.app_form .form_checkbox font {
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: middle;
    min-width: 90px;
    margin-right: 10px;
    font-size: 17px;
}

.app_form .form_checkbox font.frm_other {
    min-width: 10px;
}

.app_form .form_checkbox #other+font {
    min-width: 10px;
}

.app_form .form_checkbox #other_text {
    width: 346px;
}

.en_format .app_form .form_checkbox #other_text {
    width: 328px;
}

.en_format .app_form .form_checkbox font {
    min-width: 55px;
    margin-right: 6px;
}

.app_form .form_btn button,
.app_form .form_btn input[type='button'],
.app_form .form_btn input[type='submit'],
.app_form .form_btn input[type='reset'] {
    width: 118px;
    height: 31px;
    padding: 0px;
    margin: 0px 10px;
    background-color: #177e8c;
    border: none;
    position: relative;
    cursor: pointer;
    font-size: 17px;
    color: #ffffff;
    font-weight: bold;
}


/*-------------------------------------------------------------------------------------*/


/* INQUIRIES */

.enquiry_content {
    padding-bottom: 20px;
}

.enquiry_content .right_side {
    padding-bottom: 0px !important;
    background: none !important;
}

.enquiry_content .right_img {
    width: 376px;
    height: 398px;
    margin-right: -148px;
    background: url(../img/enquiry_img.png) no-repeat left top;
}

.enquiry_form_area {
    padding-top: 34px;
    padding-left: 16px;
}

.enquiry_form_area em {
    color: #cc0000;
    font-style: normal;
}

.enquiry_remark {
    font-size: 16px;
    color: #333333;
    line-height: 30px;
}

.enquiry_form {
    padding-top: 24px;
}

.enquiry_form .form_row {
    padding-bottom: 10px;
}

.enquiry_form .form_row label {
    display: inline-block;
    width: 132px;
    font-size: 16px;
    color: #333333;
    vertical-align: top;
}

.en_format .enquiry_form .form_row label {
    width: 147px;
}

.enquiry_form .form_row input[type='text'] {
    width: 274px;
    height: 18px;
    padding: 5px;
    border: 1px solid #a2a2a2;
    background-color: #ffffff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4) inset;
    font-size: 14px;
}

.enquiry_form .form_row input[type='text']#captcha {
    width: 118px;
}

.enquiry_form .form_row textarea {
    width: 323px;
    height: 100px;
    padding: 5px;
    border: 1px solid #a2a2a2;
    background-color: #ffffff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4) inset;
    font-size: 14px;
    overflow: hidden;
}

.enquiry_form .form_captcha {
    display: inline-block;
    zoom: 1;
    vertical-align: top;
    width: 400px;
}

.enquiry_form .form_captcha .captcha {
    display: inline-block;
}

.enquiry_form .form_captcha #captcha_reload {
    display: inline-block;
    vertical-align: top;
    padding-top: 10px;
    padding-left: 8px;
}

.enquiry_form .form_captcha #captcha_reload img {
    width: 20px;
}

.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;
    height: 31px;
    padding: 0px;
    margin: 0px;
    border: 1px solid #ffffff;
    border-radius: 8px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
    behavior: url(pie/PIE.php);
    position: relative;
    cursor: pointer;
}

.enquiry_form .form_btn input[type='submit'] {
    /* background:url(../img/application_btn_submit.jpg) no-repeat left center; */
    margin-right: 7px;
}

.tc_format .enquiry_form .form_btn input[type='submit'] {
    background: url(../tc/images/application_btn_submit.jpg) no-repeat left center;
}


.sc_format .enquiry_form .form_btn input[type='submit'] {
    background: url(../sc/images/application_btn_submit.jpg) no-repeat left center;
}

.en_format .enquiry_form .form_btn input[type='submit'] {
    background: url(../en/images/application_btn_submit.jpg) no-repeat left center;
}


/*.enquiry_form .form_btn input[type='reset'] { background:url(../img/application_btn_reset.jpg) no-repeat left center; }*/

.tc_format .enquiry_form .form_btn input[type='reset'] {
    background: url(../tc/images/application_btn_reset.jpg) no-repeat left center;
}

.sc_format .enquiry_form .form_btn input[type='reset'] {
    background: url(../sc/images/application_btn_reset.jpg) no-repeat left center;
}

.en_format .enquiry_form .form_btn input[type='reset'] {
    background: url(../en/images/application_btn_reset.jpg) no-repeat left center;
}


/*-------------------------------------------------------------------------------------*/


/* JOB */

.non_job {
    font-size: 24px;
    color: #008000;
    font-weight: bold;
}

.job_date {
    padding-bottom: 20px;
    color: #008000;
    text-align: right;
}

.job_slogan {
    padding-bottom: 20px;
    font-size: 16px;
    color: #008000;
}

.job_slogan b {
    display: block;
    padding-bottom: 12px;
    font-size: 26px !important;
    font-style: italic;
    font-weight: bold;
    color: #008000 !important;
}

.job {
    font-size: 16px;
    color: #333333;
}

.job .job_title {
    text-align: center;
    background-color: #d9d9d9;
    padding: 8px 20px;
    font-size: 20px;
    color: #333333;
    font-weight: bold;
}

.job .job_desc {
    padding: 20px 0px;
    font-size: 16px;
    color: #333333;
    line-height: 22px;
}

.job .job_desc p {
    padding-bottom: 8px;
    color: #008000;
}

.job .job_desc i {
    font-style: normal;
    text-decoration: underline;
}

.job .job_desc span {
    font-size: 14px;
    color: #333333;
}

.job .job_desc ul {
    list-style: disc;
    padding-left: 22px;
}

.job .job_desc ul li {
    padding-bottom: 2px !important;
}

.job .job_desc a {
    color: #008000;
    text-decoration: underline;
}

.job .job_desc a:hover {
    color: #087686;
    text-decoration: underline;
}


/*-------------------------------------------------------------------------------------*/


/* LOAN CALCULATOR */

.calc_form {}

.calc_form .form_header {
    padding-bottom: 10px;
    font-size: 21px;
    color: #177685;
}

.calc_form .form_row {
    width: 100%;
    padding: 9px 0;
    font-size: 0;
    text-align: left;
}

.calc_form .form_title {
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: top;
    min-height: 1px;
    line-height: 30px;
    font-size: 17px;
    color: #333333;
}

.calc_form .form_title em {
    color: #ff0000;
    font-style: normal;
}

.calc_form .form_field {
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: top;
    position: relative;
}

.calc_form .form_field font {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 30px;
    font-size: 16px;
    color: #333333;
}

.calc_form .form_field input[type=text],
.calc_form .form_field select {
    width: 100%;
    height: 30px;
    padding: 0 8px;
    background-color: #ffffff;
    border: 1px solid #a2a2a2;
    box-sizing: border-box;
    font-size: 16px;
    color: #333333;
}

.calc_form .form_field input[type=text] {
    box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.3);
}

.calc_form .form_field input[type=checkbox] {
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: bottom;
    width: 19px;
    height: 19px;
    padding: 0;
    margin: 0;
    margin-right: 6px;
    border: 1px solid #a2a2a2;
    background-color: #ffffff;
    text-align: center;
}

.calc_form .form_select {}

.calc_form .form_select select {
    padding: 0;
    border: none;
}

.calc_form .form_select .cjbox_select .head {
    height: 30px;
    line-height: 28px;
}

.calc_form .form_check {}

.calc_form .form_check ul {
    font-size: 0;
    text-align: left;
}

.calc_form .form_check ul li {
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: top;
    padding-right: 18px;
    padding-bottom: 15px;
    box-sizing: border-box;
}

.calc_form .form_check ul li span {
    font-size: 16px;
    color: #333333;
}

.calc_form .form_btn button,
.calc_form .form_btn input[type=button],
.calc_form .form_btn input[type=reset],
.calc_form .form_btn input[type=submit] {
    width: 118px;
    height: 31px;
    padding: 0px;
    margin-right: 4px;
    background-color: #177e8c;
    border: none;
    border-radius: 6px;
    position: relative;
    cursor: pointer;
    font-size: 17px;
    color: #ffffff;
    font-weight: bold;
}

.calculator_area {
    width: 697px;
    padding-top: 38px;
    margin-left: -6px;
}

.calculator_area .calculator_info {
    padding: 4px 0 8px 40px;
    background: url(../img/sp_btn_icon_1.png) no-repeat 10px 4px;
    font-size: 19px;
    color: #333333;
    font-weight: bold;
    line-height: 26px;
}

.calculator_area .calculator_section {
    padding: 0 10px;
    border-top: 1px solid #998247;
}

.calculator_area .calculator_form {
    padding: 20px 0;
}

.calculator_area .calculator_result {
    padding-top: 20px;
}

.calculator_area .form_field font.hkdollar {
    left: 9px;
    right: auto;
}

.calculator_area .form_field input.txt_dollar {
    padding-left: 42px;
}

.calculator_area .form_btn {
    padding-top: 24px;
}

.tc_format .calculator_area .calculator_form,
.tc_format .calculator_area .calculator_result {
    width: 515px;
}

.tc_format .calculator_area .form_title {
    width: 119px;
}

.tc_format .calculator_area .form_field {
    width: 396px;
}

.tc_format .calculator_area .form_field input.txt_apr {
    width: 374px;
}

.tc_format .calculator_area .form_field input.txt_times {
    width: 374px;
}


.sc_format .calculator_area .calculator_form,
.sc_format .calculator_area .calculator_result {
    width: 515px;
}

.sc_format .calculator_area .form_title {
    width: 119px;
}

.sc_format .calculator_area .form_field {
    width: 396px;
}

.sc_format .calculator_area .form_field input.txt_apr {
    width: 374px;
}

.sc_format .calculator_area .form_field input.txt_times {
    width: 374px;
}

.en_format .calculator_area .calculator_form,
.en_format .calculator_area .calculator_result {
    width: 545px;
}

.en_format .calculator_area .form_title {
    width: 189px;
}

.en_format .calculator_area .form_field {
    width: 356px;
}

.en_format .calculator_area .form_field input.txt_apr {
    width: 334px;
}

.en_format .calculator_area .form_field input.txt_times {
    width: 274px;
}

.valuation_area {
    width: 697px;
    padding-top: 33px;
    margin-left: -6px;
}

.valuation_area .valuation_tab {
    font-size: 0;
    text-align: left;
}

.valuation_area .valuation_tab a {
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: top;
    height: 38px;
    background-color: #e2e2e2;
    border: 1px solid #998247;
    border-bottom: none;
    margin-left: 6px;
    text-align: center;
    font-size: 0;
    color: #177685;
    font-weight: bold;
    transition: all 0.2s ease;
}

.valuation_area .valuation_tab a:first-child {
    margin-left: 0;
}

.valuation_area .valuation_tab a:before {
    content: "";
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: middle;
    height: 38px;
}

.valuation_area .valuation_tab a span {
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: middle;
}

.valuation_area .valuation_tab a.onCate,
.valuation_area .valuation_tab a:hover {
    background-color: #646464;
    color: #a5d153;
}

.valuation_area .valuation_section {
    padding-left: 18px;
    border-top: 1px solid #998247;
}

.valuation_area .valuation_form {
    min-height: 343px;
    padding: 30px 0 25px 0;
    box-sizing: border-box;
}

.valuation_area .valuation_form .form_btn {
    padding-top: 0;
}

.valuation_area .valuation_submit .form_row {
    text-align: right;
}

.valuation_area .valuation_argee {
    width: 100%;
}

.valuation_area .valuation_argee h4 {
    padding-bottom: 20px;
    font-size: 18px;
    color: #177685;
}

.valuation_area .valuation_argee p {
    padding-bottom: 20px;
}

.valuation_area .valuation_argee font {
    display: block;
    padding-left: 27px;
    position: relative;
}

.valuation_area .valuation_argee input[type=checkbox] {
    position: absolute;
    left: 0;
    top: 0;
    width: 19px;
    height: 19px;
    padding: 0;
    margin: 0;
    margin-right: 6px;
    border: 1px solid #a2a2a2;
    background-color: #ffffff;
    text-align: center;
}

.valuation_area .valuation_result {
    width: 100%;
}

.valuation_area .valuation_result h4 {
    padding-bottom: 20px;
    font-size: 18px;
    color: #177685;
}

.valuation_area .valuation_result table {}

.valuation_area .valuation_result table td {
    padding-top: 8px;
    padding-right: 12px;
    vertical-align: top;
}

.valuation_area .valuation_result .table {
    display: table;
}

.valuation_area .valuation_result .table_tr {
    display: table-row;
}

.valuation_area .valuation_result .table_td {
    display: table-cell;
    vertical-align: top;
    padding-top: 8px;
    position: relative;
}

.valuation_area .valuation_result .table_td:first-child {
    padding-right: 28px;
}

.valuation_area .valuation_result .table_td:first-child:after {
    position: absolute;
    right: 12px;
    top: 8px;
    content: ":";
}

.valuation_area .valuation_info {
    min-height: 43px;
    padding: 22px 0 6px 0px;
    background: url(../img/valuation_icon.png) no-repeat left 24px;
    font-size: 16px;
    color: #333333;
    line-height: 24px;
}

.valuation_area .valuation_info em {
    color: #ff0000;
    font-style: normal;
}

.valuation_area .valuation_form_2 {
    min-height: 100px;
    padding: 18px 0;
    box-sizing: border-box;
}

.valuation_area .valuation_form_2 .form_row {
    padding: 7px 0;
}

.valuation_area .valuation_form_2 .form_btn {
    padding-top: 19px;
}

.tc_format .valuation_area .valuation_tab a {
    width: 214px;
}

.tc_format .valuation_area .valuation_tab a span {
    font-size: 21px;
}

.tc_format .valuation_area .valuation_form {
    width: 502px;
}

.tc_format .valuation_area .valuation_form .form_title {
    width: 110px;
}

.tc_format .valuation_area .valuation_form .form_field {
    width: 392px;
}

.tc_format .valuation_area .valuation_submit {
    width: 506px;
}

.tc_format .valuation_area .valuation_result table td:first-child {
    width: 150px;
}

.tc_format .valuation_area .valuation_form_2 {
    width: 549px;
}

.tc_format .valuation_area .valuation_form_2 .form_title {
    width: 177px;
}

.tc_format .valuation_area .valuation_form_2 .form_field {
    width: 372px;
}

.tc_format .valuation_area .valuation_form_2 .form_check ul li {
    min-width: 98px;
}

.sc_format .valuation_area .valuation_tab a {
    width: 214px;
}

.sc_format .valuation_area .valuation_tab a span {
    font-size: 21px;
}

.sc_format .valuation_area .valuation_form {
    width: 502px;
}

.sc_format .valuation_area .valuation_form .form_title {
    width: 110px;
}

.sc_format .valuation_area .valuation_form .form_field {
    width: 392px;
}

.sc_format .valuation_area .valuation_submit {
    width: 506px;
}

.sc_format .valuation_area .valuation_result table td:first-child {
    width: 150px;
}

.sc_format .valuation_area .valuation_form_2 {
    width: 549px;
}

.sc_format .valuation_area .valuation_form_2 .form_title {
    width: 177px;
}

.sc_format .valuation_area .valuation_form_2 .form_field {
    width: 372px;
}

.sc_format .valuation_area .valuation_form_2 .form_check ul li {
    min-width: 98px;
}

.en_format .valuation_area .valuation_tab a {
    width: 234px;
}

.en_format .valuation_area .valuation_tab a span {
    font-size: 15px;
}

.en_format .valuation_area .valuation_form {
    width: 562px;
}

.en_format .valuation_area .valuation_form .form_title {
    width: 220px;
}

.en_format .valuation_area .valuation_form .form_field {
    width: 342px;
}

.en_format .valuation_area .valuation_submit {
    width: 566px;
}

.en_format .valuation_area .valuation_result table td:first-child {
    width: 180px;
}

.en_format .valuation_area .valuation_form_2 {
    width: 589px;
}

.en_format .valuation_area .valuation_form_2 .form_title {
    width: 220px;
}

.en_format .valuation_area .valuation_form_2 .form_field {
    width: 369px;
}

.en_format .valuation_area .valuation_form_2 .form_check ul li {
    min-width: 180px;
}


/*-------------------------------------------------------------------------------------*/


/* OTHER CONTENT PAGE */

.remove_bg {
    padding-bottom: 20px !important;
}

.common_content {
    width: 976px !important;
    padding-top: 30px;
    padding-right: 24px;
    padding-bottom: 20px;
    line-height: 24px;
    font-size: 16px;
    text-align: justify;
}

.common_content h4 {
    padding: 0px 5px 7px 5px;
    margin-bottom: 12px;
    border-bottom: 1px solid #9a8244;
    font-size: 20px;
    font-weight: bold;
    color: #087686;
}

.en_format .common_content h4 {
    font-size: 19px !important;
}

.common_content p {
    padding: 0px 5px;
    font-size: 16px;
    color: #333333;
}

.common_content b {
    font-size: 16px;
    font-weight: bold;
    color: #087686;
}

.common_content span {
    font-size: 14px;
}

.common_content span.red {
    font-size: 16px;
    color: red;
}

.common_content a {
    color: #087686;
}

.common_content a:hover {
    text-decoration: underline;
}

.common_content ul {
    list-style: lower-alpha;
    padding-left: 34px;
    text-align: left;
}

.common_content ul>li {
    padding-bottom: 12px;
}

.common_content ul>li:last-child {
    padding-bottom: 0px;
}

.common_content ol {
    list-style: decimal;
    padding-left: 32px;
}

.common_content_privacy ol {
    list-style: none!important;
    padding-left: 10px!important;
}

.common_content.privacy_content ol>li {
    padding-bottom: 24px;
}

.common_content.privacy_content ol>li:last-child {
    padding-bottom: 0px;
}

.common_content ol.lower-roman {
    list-style: lower-roman;
}

.common_content ol.lower-roman>li {
    padding-bottom: 12px;
}

div.row_12 {
    height: 12px;
}

table.addition tr td {
    vertical-align: top;
}

.top_border_brown {
    border-top: 1px solid #9a8244;
}


/* FAQ */

.qa {
    cursor: pointer;
}

.qa:hover {
    text-decoration: underline;
}

.ans {
    display: none;
}

.ans table {
    max-width: 100%;
}

.ans table td {
    vertical-align: top;
}

.ans table td:first-child {
    white-space: nowrap;
}

.ans .table {
    display: table;
    max-width: 100%;
}

.ans .table .table_tr {
    display: table-row;
}

.ans .table .table_td {
    display: table-cell;
    vertical-align: top;
    padding-left: 5px;
}

.ans .table .table_td:first-child {
    padding-left: 0;
    white-space: nowrap;
}


/* CONTACT US */

.contact_us_info {
    float: left;
    width: 570px;
}

.contact_us_info .table {
    display: table;
    line-height: 30px;
}

.contact_us_info .table .table_tr {
    display: table-row;
}

.contact_us_info .table .table_td {
    display: table-cell;
    vertical-align: top;
    text-align: left;
}

.contact_us_info .table .table_td.space {
    height: 30px;
}

.contact_us_info .table .table_td:first-child {
    width: 120px;
}

.en_format .contact_us_info .table .table_td:first-child {
    width: 200px;
}

.google_map {
    float: right;
    width: 400px;
    xmargin-right: 22px;
    position: relative;
}

.google_map img {
    width: 100%;
}

.google_map iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/*-------------------------------------------------------------------------------------*/

/* OPTOUT */

.flex-col {
    height: 100%;
    min-height: 1260px;
    display: flex;
    flex-direction: column;
}

.flex-col .optout-container {
    flex: 1;
}

.flex-col .optout-container .main_area .content-container  {
    margin: 80px auto;
    padding: 30px;
    max-width: 500px;
    background-color: #f4f4f4;
}

.flex-col .optout-container .main_area .content-container .intro-box  {
    color: #46ad5e;
    text-align: center;
    font-weight: 500;
    font-size: 1.8em;
}

.flex-col .optout-container .main_area .content-container .split-line-box  {
    height: 2px;
    width: 100%;
    background: #0000001f;
    margin: 0 auto;
    margin-top: 10px;
}

.flex-col .optout-container .main_area .content-container .email-input  {
    width: 100%;
    margin-top: 10px;
    padding: 10px;
    font-size: 100%;
}

.flex-col .optout-container .main_area .content-container .email-input:focus-visible  {
    outline: #46ad5e auto 1px;
}

.flex-col .optout-container .main_area .content-container .email-input.err:focus-visible  {
    outline: red auto 1px;
}

.flex-col .optout-container .main_area .content-container .input-wrapper  {
    text-align: center;
}

.flex-col .optout-container .main_area .content-container .input-wrapper input   {
    background-color: #377e8c;
    color: white;
    border: none;
    border-radius: 4px;
    padding: 12px 60px;
    font-size: 18px;
    cursor: pointer;
    user-select: none;
}

.flex-col .optout-container .complete-box {
    display: none;
}

.flex-col .optout-container .complete-box .circle-tick-box {
    width: 100%;
    text-align: center;
}

.flex-col .optout-container .complete-box .circle-tick-box svg polyline {
    -webkit-animation: checkmark 0.25s ease-in-out 0.7s backwards;
    animation: checkmark 0.25s ease-in-out 0.7s backwards;
}

.flex-col .optout-container .complete-box .circle-tick-box svg circle {
    -webkit-animation: checkmark-circle 0.6s ease-in-out backwards;
    animation: checkmark-circle 0.6s ease-in-out backwards;
}

.flex-col .optout-container .complete-box .circle-tick-box svg circle#colored {
    -webkit-animation: colored-circle 0.6s ease-in-out 0.7s backwards;
    animation: colored-circle 0.6s ease-in-out 0.7s backwards;
}

@-webkit-keyframes checkmark {
    0% {
        stroke-dashoffset: 100px;
    }
    100% {
        stroke-dashoffset: 0px;
    }
}

@keyframes checkmark {
    0% {
        stroke-dashoffset: 100px;
    }
    100% {
        stroke-dashoffset: 0px;
    }
}

@-webkit-keyframes checkmark-circle {
    0% {
        stroke-dashoffset: 480px;
    }
    100% {
        stroke-dashoffset: 960px;
    }
}

@keyframes checkmark-circle {
    0% {
        stroke-dashoffset: 480px;
    }
    100% {
        stroke-dashoffset: 960px;
    }
}

@-webkit-keyframes colored-circle {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 100;
    }
}

@keyframes colored-circle {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 100;
    }
}

.flex-col .optout-container .complete-box span {
    display: block;
    text-align: center;
}
  


/*-------------------------------------------------------------------------------------*/


/* SITEMAP */

.sitemap_content {}

.sitemap_content .right_side {
    padding-bottom: 0px !important;
    background: none !important;
}

.sitemap_content .right_img {
    width: 289px;
    height: 501px;
    margin-left: 72px;
    margin-top: 20px;
    background: url(../img/sitemap_img.png) no-repeat left top;
}

.sitemap_list {
    width: 564px;
    padding-left: 2px;
    padding-top: 32px;
}

.sitemap_list .sitemap_left {
    float: left;
    width: 263px;
}

.sitemap_list .sitemap_right {
    float: right;
    width: 263px;
}

.sitemap_list a.sitemap_btn {
    display: block;
    width: 263px;
    height: 44px;
    margin-bottom: 9px;
    /*background:url(../img/sitemap_btn.jpg) no-repeat;*/
    font-size: 0;
    color: #097c83;
    font-weight: bold;
}

.tc_format .sitemap_list a.sitemap_btn {
    background: url(../tc/images/sitemap_btn.jpg) no-repeat;
}

.sc_format .sitemap_list a.sitemap_btn {
    background: url(../sc/images/sitemap_btn.jpg) no-repeat;
}

.en_format .sitemap_list a.sitemap_btn {
    background: url(../en/images/sitemap_btn.jpg) no-repeat;
}

.sitemap_list a#sitemap_home {
    background-position: 0 0 !important;
}

.sitemap_list a#sitemap_about_us {
    background-position: 0 -60px !important;
}

.sitemap_list a#sitemap_news {
    background-position: 0 -120px !important;
}

.sitemap_list a#sitemap_products {
    background-position: 0 -180px !important;
}

.sitemap_list a#sitemap_gift {
    background-position: 0 -240px !important;
}

.sitemap_list a#sitemap_application {
    background-position: 0 -300px !important;
}

.sitemap_list a#sitemap_faq {
    background-position: 0 -360px !important;
}

.sitemap_list a#sitemap_contact_us {
    background-position: 0 -420px !important;
}

.sitemap_list a#sitemap_job {
    background-position: 0 -480px !important;
}

.sitemap_list a#sitemap_inquiries {
    background-position: 0 -540px !important;
}

.sitemap_list a#sitemap_disclaimer {
    background-position: 0 -600px !important;
}

.sitemap_list a#sitemap_privacy {
    background-position: 0 -660px !important;
}

.sitemap_list a#sitemap_ordinance {
    background-position: 0 -720px !important;
}

.sitemap_list a#sitemap_cookies {
    background-position: 0 -900px !important;
}

.sitemap_list a#sitemap_personal_loans {
    background-position: 0 -780px !important;
}

.sitemap_list a#sitemap_sme_loans {
    background-position: 0 -840px !important;
}

.sitemap_list .sitemap_btn_list {
    padding-left: 4px;
    padding-right: 6px;
    padding-bottom: 10px;
    margin-top: -2px;
}

.sitemap_list .sitemap_btn_list ul.lv1 {}

.sitemap_list .sitemap_btn_list ul.sub_line>li {
    padding-bottom: 10px !important;
    margin-bottom: 6px;
    border-bottom: 1px solid #d2d2d2;
}

.sitemap_list .sitemap_btn_list ul.sub_line>li.last {
    border-bottom: none !important;
}

.sitemap_list .sitemap_btn_list ul.lv1>li {
    padding: 2px 0px 2px 55px;
    background: url(../img/sitemap_row_1.jpg) no-repeat 38px 7px;
    font-size: 18px;
    font-weight: bold;
}

.en_format .sitemap_list .sitemap_btn_list ul.lv1>li {
    font-size: 15px;
}

.sitemap_list .sitemap_btn_list ul.lv2 {}

.sitemap_list .sitemap_btn_list ul.lv2>li {
    padding: 3px 0px 3px 17px;
    background: url(../img/sitemap_row_2.jpg) no-repeat 2px 9px;
    font-size: 15px;
    font-weight: bold;
}

.en_format .sitemap_list .sitemap_btn_list ul.lv2>li {
    font-size: 13px;
}

.sitemap_list .sitemap_btn_list a {
    color: #333333;
}

.sitemap_list .sitemap_btn_list a:hover {
    color: #008000;
}


/*-------------------------------------------------------------------------------------*/


/* MULTIPAGE */

.multipage {
    max-width: 100%;
    width: 544px;
    height: 20px;
    padding: 3px 0px 4px 0px;
    margin: 0px auto;
    background-color: #989898;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    behavior: url(../pie/PIE.php);
    position: relative;
    text-align: center;
}

.multipage a {
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: top;
    width: 20px;
    height: 20px;
    margin: 0px 6px;
    text-align: center;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 20px;
}

.multipage a:hover {
    text-decoration: underline;
    font-weight: bold;
}

.form_row.req_doc label {
    width: 100%;
}

.app_form .form_row.del_style label {
    width: 100%;
}

/*

.iframe_style_prd {
    text-align: center;
     margin: 20px 0px 0px 0px;
    min-height: 105px;
    padding: 10px;
    /* padding-left: 12px; */

padding-bottom: 0;

/* background: url(../img/prd_sub_title_bar.png) repeat-y left top; 
    background-color: orange;
    box-sizing: border-box;
    border-radius: 4px;
    font-size: 21px;
    color: white;
    font-weight: bold;
	line-height: 28px;
	
}
.iframe_style_prd a{
	color:white;
	font-weight: bold;
	text-decoration-line: underline;

}
.iframe_style_prd a:hover{
	color:green;
	font-weight: bold;
	transition: 0.5s;


}
.iframe_style_prd_en {
    text-align: center;
    margin: 20px 0px 0px 0px;
    min-height: 105px;
    padding-top: 10px;
    /* padding-left: 12px; */

padding-bottom: 10
/* background: url(../img/prd_sub_title_bar.png) repeat-y left top; 
    background-color: orange;
    box-sizing: border-box;
    border-radius: 4px;
    font-size: 21px;
    color: white;
    font-weight: bold;
	line-height: 28px;
	
}
.iframe_style_prd_en a{
	color:white;
	font-weight: bold;
	text-decoration-line: underline;

}
.iframe_style_prd_en a:hover{
	color:green;
	font-weight: bold;
	transition: 0.5s;


}
*/