.helpYou{position: relative;}
.helpYou_image{overflow: hidden; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1;}
.helpYou_image img{display: block; width: auto; height: 100%; position: absolute; left: 50%; top: 0; transform: translate(-50%, 0);}
.helpYou_content{height: 756px; padding: 88px 0px 0px;}
.helpYou_content h2{font-size: 80px; line-height: 80px; text-align: center; padding-bottom: 40px;}

.helpYou_frame{padding: 0px; margin: 0px auto; max-width: 1004px; position: relative; overflow: hidden;}
.helpYou_list{display: flex;}
.helpYou_frame ul{display: flex; flex-wrap: wrap; margin-top: -9px; width: 50%;}
.helpYou_frame li{width: 50%; padding: 9px;}
.helpYou_frame li a{display: flex; height: 164px; flex-direction: column; align-items: center; justify-content: flex-end; padding-bottom: 16px; background-color: #fbb903; transition: all 0.3s ease-in-out; transform: scale(1);}
.helpYou_frame li a div{display: flex; align-items: center; justify-content: center; height: 54px;}
.helpYou_frame li a span{font-weight: 600; font-size: 20px; line-height: 22px; min-height: 64px; text-align: center; display: block; padding-top: 20px; width: 170px; margin: 0px auto 0px;}
.helpYou_frame li a i{color: white;}
.helpYou_frame li a i.icon-credit_pay{font-size: 54px;}
.helpYou_frame li a i.icon-car{font-size: 54px;}
.helpYou_frame li a i.icon-printer{font-size: 44px;}
.helpYou_frame li a i.icon-discuss{font-size: 54px;}
.helpYou_frame li a i.icon-credit_edit{font-size: 32px;}
.helpYou_frame li a i.icon-query{font-size: 40px;}
.helpYou_frame li a i.icon-bill{font-size: 45px;}
.helpYou_frame li a i.icon-email{font-size: 45px;}
.helpYou_frame li a:hover, .helpYou_frame li a:focus{transform: scale(1.06);}

.helpYou_toggle{display: none; text-align: center; padding-top: 66px;}
.helpYou_toggle a{display: inline-block; font-size: 14px; font-weight: 700; padding-left: 16px; position: relative;}
.helpYou_toggle a span:nth-child(2){display: none;} 
.helpYou_toggle a:after{content: '\e900'; font-family: 'icomoon' !important; font-size: 10px; transform: rotate(90deg); position: absolute; left: 0; top: 2px; transition: all 0.3s ease-in-out;}
.helpYou_toggle a[aria-expanded="true"] span:nth-child(1){display: none;}
.helpYou_toggle a[aria-expanded="true"] span:nth-child(2){display: inline;}
.helpYou_toggle a[aria-expanded="true"]:after{transform: rotate(-90deg);}

.helpYou_more{text-align: center; padding-top: 32px;}
.helpYou_more a{font-weight: 700; font-size: 24px; display: flex; align-items: center; justify-content: center; width: 280px; height: 63px; margin: 0px auto; background-color: #1e2b51; color: #fbb903;}
.helpYou_more a:hover, .helpYou_more a:focus{color: #1e2b51; background-color: #fbb903;}

.helpYou_pop{position: absolute; right: -100%; top: 0; opacity: 0; width: 100%; height: 100%;background-color: #fbb903; transition: all 0.3s ease-in-out;}
.helpYou_pop.active{right: 0; opacity: 1;}
.helpYou_popFlex{display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
a.helpYou_close{position: absolute; right: 0; top: 0; width: 84px; height: 84px; display: flex; align-items: center; justify-content: center; font-size: 20px;}
a.helpYou_close i{font-size: 20px; padding-left: 4px;}
.helpYou_popFrame{text-align: center; max-width: 540px; margin: 0px auto;}
.helpYou_popFrame h4{font-size: 48px; line-height: 48px;}
.helpYou_popFrame P{font-size: 36px; line-height: 42px; font-weight: 300; padding-top: 24px;}
.helpYou_popFrame a{display: block; width: 340px; height: 63px; border: 1px solid #ffffff; margin: 30px auto 0px; display: flex; align-items: center; justify-content: center; font-size: 36px; font-weight: 700;}
.helpYou_popFrame a:hover, .helpYou_popFrame a:focus{background-color: #1e2b51; color: #fbb903; border-color: #1e2b51;}

.helpYou_man{position: absolute; right: 0; bottom: 0; z-index: 2; width: 125px; display: none;}
.helpYou_man img{display: block; width: 100%;}

.helpYou_trapFocus{width: 0; height: 0; overflow: hidden; font-size: 0;}

@media screen and (min-width: 1950px) { /* large screens and zoom out*/
    .helpYou_image img{position: static; transform: none;}
}

@media screen and (max-width: 1400px) {
    .helpYou_content{height: 545px; padding: 44px 0px 0px;}
    .helpYou_content h2{font-size: 64px; line-height: 64px; padding-bottom: 28px;}
    .helpYou_frame{max-width: 880px;}
    .helpYou_frame li a{height: 112px; padding-bottom: 5px;}
    .helpYou_frame li a div{height: 44px;}
    .helpYou_frame li a span{font-size: 18px; line-height: 20px; min-height: 52px; padding-top: 6px; width: 150px;}

    .helpYou_frame li a i.icon-credit_pay{font-size: 44px;}
    .helpYou_frame li a i.icon-car{font-size: 44px;}
    .helpYou_frame li a i.icon-printer{font-size: 34px;}
    .helpYou_frame li a i.icon-discuss{font-size: 44px;}
    .helpYou_frame li a i.icon-credit_edit{font-size: 22px;}
    .helpYou_frame li a i.icon-query{font-size: 30px;}
    .helpYou_frame li a i.icon-bill{font-size: 35px;}
    .helpYou_frame li a i.icon-email{font-size: 35px;}
}

@media screen and (max-width: 1024px) {
    .helpYou_content{height: 470px; padding: 28px 0px 0px;}
    .helpYou_content h2{font-size: 54px; line-height: 54px;}
    .helpYou_frame ul{margin-top: -5px;}
    .helpYou_frame li{padding: 5px;}
    .helpYou_more a{font-size: 24px; width: 240px; height: 54px;}
    .helpYou_frame li a:hover, .helpYou_frame li a:focus{transform: scale(1);}
    
    a.helpYou_close{width: 64px; height: 64px;}
    a.helpYou_close i{font-size: 24px;}
    .helpYou_popFrame{max-width: 480px;}
    .helpYou_popFrame h4{font-size: 42px; line-height: 42px;}
    .helpYou_popFrame P{font-size: 32px; line-height: 36px; padding-top: 24px;}
    .helpYou_popFrame a{width: 280px; height: 54px; margin: 30px auto 0px; font-size: 32px;}
}

@media screen and (max-width: 800px) {
    .helpYou_content{padding: 36px 0px 0px;}
    .helpYou_content h2{font-size: 48px; line-height: 44px;}
    .helpYou_image img{left: auto; right: -110px; top: 0; transform: none;}
    .helpYou_frame li a{padding-bottom: 0;}
    .helpYou_frame li a span{font-size: 15px; line-height: 18px; max-width: 150px; width: auto;  padding: 6px 10px 0px; margin: 0px auto;}
}

@media screen and (max-width: 600px) {
    .helpYou_man{display: block;}
    .helpYou_image img{right: 0px;}
    .helpYou_content{height: auto; min-height: 525px; padding: 36px 0px 30px;}
    .helpYou_content h2{font-size: 40px; line-height: 44px; text-align: center;}
    
    .helpYou_frame{max-width: 480px;}
    .helpYou_list{display: block;}
    .helpYou_list ul{width: auto;}
    .helpYou_frame .helpYou_list ul:nth-child(2){margin-top: 0; display: none; max-height: 0; transition: all 0.4s ease-in-out; overflow: hidden;}
    .helpYou_frame .helpYou_list ul:nth-child(2)[aria-hidden="false"]{display: flex;}
    .helpYou_frame .helpYou_list ul:nth-child(2).opened{max-height: 900px;}
    
    .helpYou_toggle{display: block; padding-top: 40px;}
    .helpYou_more{padding-top: 28px;}

    .helpYou_popFrame{max-width: 410px; padding: 0px 20px;}
    .helpYou_popFrame h4{font-size: 36px; line-height: 40px;}
    .helpYou_popFrame P{font-size: 24px; line-height: 30px; padding-top: 8px;}
    .helpYou_popFrame a{width: 240px; height: 54px; font-size: 24px; margin: 24px auto 0px;}
}

@media screen and (max-width: 432px) {
    .helpYou_content h2{font-size: 30px; line-height: 36px; padding-bottom: 18px;}
    .helpYou_frame li a span{font-size: 14px; line-height: 16px; max-width: 140px; padding: 6px 10px 0px;}
   .helpYou_more a{font-size: 18px; width: 224px; height: 42px;}

    .helpYou_popFlex{align-items: flex-start; padding-top: 66px;}
    .helpYou_popFrame{max-width: 360px; padding: 0px 20px;}
    .helpYou_popFrame h4{font-size: 32px; line-height: 36px;}
    .helpYou_popFrame P{font-size: 21px; line-height: 25px; padding-top: 8px;}
    .helpYou_popFrame a{width: 240px; height: 42px; font-size: 18px; margin: 24px auto 0px;}
}

@media screen and (max-width: 375px) {
    .helpYou_popFrame{max-width: 310px; padding: 0px 20px;}
    .helpYou_popFrame h4{font-size: 24px; line-height: 30px;}
    .helpYou_popFrame P{font-size: 18px; line-height: 22px; padding-top: 8px;}
    .helpYou_popFrame a{width: 224px;}
}

/* obj on the left col */
.contentPage_leftSection .helpYou{background-color: #f1f1f1;}
.contentPage_leftSection .helpYou_image{display: none;}
.contentPage_leftSection .helpYou_content{height: auto; padding: 32px 0px 40px;}
.contentPage_leftSection .helpYou_content h2{font-size: 30px; line-height: 30px; padding-bottom: 12px;}
.contentPage_leftSection .helpYou_list{display: block; margin: 0px -5px;}
.contentPage_leftSection .helpYou_frame ul{width: auto; margin: 0px;}
.contentPage_leftSection .helpYou_frame li{width: 50%; padding: 5px;}
.contentPage_leftSection .helpYou_frame li a{height: 126px; padding: 0px 0px 8px;}
.contentPage_leftSection .helpYou_frame li a:hover,
.contentPage_leftSection .helpYou_frame li a:focus{transform: scale(1);}
.contentPage_leftSection .helpYou_frame li a span{font-size: 18px; line-height: 20px; padding-top: 2px; width: 140px; min-height: 48px;}

.contentPage_leftSection .helpYou_frame li a i.icon-credit_pay{font-size: 44px;}

.contentPage_leftSection .helpYou_more{padding-top: 10px;}
.contentPage_leftSection .helpYou_more a{font-size: 18px; width: 100%; max-width: 234px; height: 40px; color: #fbb903;}
.contentPage_leftSection .helpYou_more a:hover, .contentPage_leftSection .helpYou_more a:focus{color: #1e2b51; background-color: #fbb903;}

.contentPage_leftSection a.helpYou_close{width: 72px; height: 54px; font-size: 18px;}
.contentPage_leftSection a.helpYou_close i{font-size: 18px;}
.contentPage_leftSection .helpYou_popFrame{padding: 0px 15px; max-width: none;}
.contentPage_leftSection .helpYou_popFrame h4{font-size: 32px; line-height: 36px;}
.contentPage_leftSection .helpYou_popFrame P{font-size: 24px; line-height: 30px; padding-top: 18px;}
.contentPage_leftSection .helpYou_popFrame a{width: 100%; max-width: 300px; height: 48px; margin: 30px auto 0px; font-size: 24px;}

@media screen and (max-width: 1150px) {
    .contentPage_leftSection .helpYou_popFrame h4{font-size: 30px; line-height: 30px;}
    .contentPage_leftSection .helpYou_popFrame P{font-size: 21px; line-height: 25px; font-weight: 400;}
}

@media screen and (max-width: 1024px) {
    .contentPage_leftSection .helpYou_content .centeredContent{padding: 0px 15px;}
    .contentPage_leftSection .helpYou_frame li a span{font-size: 16px; width: 120px;}
}

@media screen and (max-width: 768px) {
    .contentPage_leftSection .helpYou_frame li a span{font-size: 14px; line-height: 18px; width: 110px;}
}

@media screen and (max-width: 767px) {
    .contentPage_leftSection .helpYou_man{display: none;}
    .contentPage_leftSection .helpYou_image{display: none;}
    .contentPage_leftSection .helpYou_content .centeredContent{padding: 0px 25px;}
    .contentPage_leftSection .helpYou_content h2{font-size: 48px; line-height: 44px;}
    
    .contentPage_leftSection .helpYou_list{display: flex;}
    .contentPage_leftSection .helpYou_frame ul:nth-child(1){width: calc(200% / 3);}
    .contentPage_leftSection .helpYou_frame ul:nth-child(2){width: calc(100% / 3);}
    .contentPage_leftSection .helpYou_frame ul:nth-child(2) li{width: 100%;}
    .contentPage_leftSection .helpYou_frame li a span{font-size: 16px; line-height: 20px; max-width: 150px; width: auto;  padding: 6px 10px 0px; margin: 0px auto;}
}

@media screen and (max-width: 600px) {
    .contentPage_leftSection .helpYou_content{height: auto; min-height: 525px; padding: 36px 0px 30px;}
    .contentPage_leftSection .helpYou_content h2{font-size: 40px; line-height: 44px;}
    .contentPage_leftSection .helpYou_frame{max-width: 480px;}
    .contentPage_leftSection .helpYou_list{display: block;}
    .contentPage_leftSection .helpYou_list ul{width: auto;}
    .contentPage_leftSection .helpYou_frame ul:nth-child(1){width: auto;}
    .contentPage_leftSection .helpYou_frame ul:nth-child(2){width: auto;}
    .contentPage_leftSection .helpYou_frame ul:nth-child(2) li{width: 50%;}
}

@media screen and (max-width: 480px) {
    .contentPage_leftSection .helpYou_content .centeredContent{padding: 0px 20px;}
    
}

@media screen and (max-width: 432px) {
    .contentPage_leftSection .helpYou_content h2{font-size: 30px; line-height: 36px; padding-bottom: 18px;}
    .contentPage_leftSection .helpYou_frame li a span{font-size: 14px; line-height: 16px; max-width: 140px; padding: 6px 10px 0px;}
   .contentPage_leftSection .helpYou_more a{font-size: 18px; width: 224px; height: 42px;}

    .contentPage_leftSection .helpYou_popFrame h4{font-size: 32px; line-height: 36px;}
    .contentPage_leftSection .helpYou_popFrame P{font-size: 21px; line-height: 25px; padding-top: 8px;}
    .contentPage_leftSection .helpYou_popFrame a{width: 240px; height: 42px; font-size: 18px; margin: 24px auto 0px;}
}

@media screen and (max-width: 375px) {
    .contentPage_leftSection .helpYou_popFrame h4{font-size: 24px; line-height: 30px;}
    .contentPage_leftSection .helpYou_popFrame P{font-size: 18px; line-height: 22px; padding-top: 8px;}
    .contentPage_leftSection .helpYou_popFrame a{width: 224px;}
}