#wrap {
	position: relative;
	max-width: none;
	overflow:hidden;
	padding-bottom: 0px !important;
}
#top_banner_area {
    margin-top: 0px;
}

#main_content_area, .footer_bot_area, .sticky-bar {zoom:80%;}


.isDaaSC #logo_area.mobile {
    height: 0px;
}

.isDaaSC .view_d2g, .isDaaSC .view_p2g {display:none !important;}
.isDaaSC .view_daasc {display:block !important;}


.row {
	max-width: none;
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.HSB_logo {
	margin-left: 25px;
	width: 360px;
	height: 80px;
}

#logo_area {
	/*position: absolute;*/
	z-index: 1;
	width: 100%;
	max-width: none;
    height: 80px;
    line-height: 80px;
}

.lan_area {    
    top: 12px;    
}

.top_banner { text-align: center;}
.top_banner img { width: 100%; }
.top_banner .floatBtn {position: absolute; left: 0; right: 0;}

.text-left {
	text-align:left;
}

.mt20 {
	margin-top: 20px !important;
}

.mt30 {
	margin-top: 30px !important;
}

.mt40 {
	margin-top: 40px !important;
}
span.nowrap, .nowrap { white-space: nowrap !important; }

.section_padding_bottom {
	padding-bottom: 80px;
}

.container,
.middle_container,
.small_container {
	padding-left: 20px;
	padding-right: 20px;
	margin-left: auto;
	margin-right: auto;
}

.container {
	max-width: 1340px;
}

.middle_container {
	max-width: 1240px;
}

.small_container {
	max-width: 140px;
}


.landing {
	padding: 60px 0 50px;
	font-size:22px;
	text-align: center;
}

.landing p {
	margin-bottom: 20px;
	font-size:22px;
	line-height: 1.6;
	
	    color: #000000;
}
.landing p:last-child {margin-bottom: 0px;}

.landing strong {
	/*font-size: 135%;*/
	color: #f68b1f;
}

.account h3, .landing h3, .concert h3, .student h3, .MGM h3, .paydayOffer h3 {
	font-size:45px;
	color:#186841;
	/*padding-bottom:10px;*/
	line-height: 1.3;
	text-align: center;
}
.concert h3 {font-size:42px;}
.MGM h3.white_bg, .paydayOffer h3.white_bg {line-height: 0.8; padding: 25px 10px;}
.MGM h3 span, .paydayOffer h3 span {font-size:24px;}
.white_bg {background: linear-gradient(90deg, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0.8) 44%, rgba(255, 255, 255, 0.8) 52%, rgba(255, 255, 255, 0) 90%); padding: 15px 10px;}

.paydayOffer {padding-bottom:40px;}



.landing_br {
	display: none;
}

.concert {  background:  linear-gradient(180deg, rgba(216, 238, 161, 1) 0%,  rgba(216, 238, 161, 1) 90%); padding: 50px 0 50px;}
.concert h3 strong, .student h3 strong {color: #f68b1f;}
.concert_title, .student_title { text-align: center; margin-bottom: 30px;}
.concert_wrap, .student_wrap  { display: flex;}
.concert_img { width: 35%; text-align: center;}
.concert_cont {width: 65%; padding-left: 40px; font-size:22px;	line-height: 1.6;}
.concert_cont h3, .student_cont h3 {font-size:30px;	color:#186841; line-height: 1.2; margin-bottom: 0px; padding-bottom: 0px; font-weight: normal;}
.concert_cont ul, .student_cont ul {list-style: none; margin-left: 30px;    margin-top: 0px;}
.concert_cont ul li, .student_cont ul li {margin-bottom: 10px;}
.concert_cont ul li::before, .student_cont ul li::before {    content: "•";    color: #f68b1f;    font-size: 30px;    line-height: 1;    padding-right: 15px;    vertical-align: middle;    margin-left: -25px; }
.target_wrap { display: flex; align-items: center;}
.target_icon { width: 60px; flex: none;}
.target_cont {padding-left: 15px;}
.target_flex { display: flex; margin-top: 10px;}

/*.student { background:  linear-gradient(0deg, rgba(198, 229, 180, 1) 0%, rgba(251, 253, 242, 1) 100%); padding: 50px 0 0px;}*/ 
.student { background-color:#f5fae6; padding: 50px 0 0px;}
.student_img { width: 30%; display: flex; align-items: flex-end}
.student_cont {width: 70%; padding-left: 40px; padding-bottom: 30px; font-size:22px;	line-height: 1.6;}
.student_cont .target_wrap {align-items: flex-start;}
.student_img_mob {display: none;}






/*.preferred_offer_bg {	background-color:#e9f6ca;}
.payday_offer_bg {	background:  url("../images/cloud-1.png") no-repeat calc(50% + 100px) calc(100% + 30px), linear-gradient(180deg, rgba(233, 246, 202, 1) 0%,  rgba(216, 238, 161, 1) 90%); background-size: 1920px;  position: relative; }*/
.payday_offer_bg {position: relative;}

.paydayOffer h3 .visibleDesktop {display:inline-block;}

.account {
	padding: 90px 0 0 0;
	text-align: center;	
	/*background:  url("../images/cloud-2.png") no-repeat center bottom -20px, linear-gradient(180deg, rgba(216, 238, 161, 1) 0%, rgba(229, 243, 191, 1) 50%, rgba(208, 235, 142, 1) 100%);*/
	position: relative;
	background-size: 1520px;  
}
.account .container, .MGM .container {
	padding-bottom:150px;
	/*padding-top:50px;*/
    max-width: 1120px;	
	position: relative;
}

.referral .sectionTitle, .MGM .sectionTitle {margin:150px 0 80px;}

.sectionSubTitle { font-size:30px; text-align:center; color:#186a42;}

.coin_item1 { 
    position: absolute;
    width: 215px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
	top: 0px;
}
.coin_item1 img {
	position: absolute;
    right: 450px;
	top:  130px;
    width: 215px;	
}
.coin_item2 { 
    position: absolute;
    margin-top: 50px;
    width: 183px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
	top: 0px;
}
.coin_item2 img {
	position: absolute;
    left: 450px;
	top:  50px;
    width: 215px;		
}

.ppl_item1 {
    position: absolute;
    width: 460px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
	top: 20%;
}

.ppl_item1 img {
	position: absolute;
    left: -750px;
    top: -100px;
    width: 460px;		
}

.ppl_item2 {
    position: absolute;
    width: 460px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
	top: 40%;
}

.ppl_item2 img {
	position: absolute;
    right: -650px;    
    width: 460px;		
}

.ppl_item3 {
    
    width: 460px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
	
}

.head_item1 {
    position: absolute;
    width: 249px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;	
}

.head_item1 img {
    position: absolute;
    left: -550px;
    top: 80px;
    width: 249px;	
}
.head_item2 {
    position: absolute;
    width: 207px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;	
}

.head_item2 img {
    position: absolute;
    right: -600px;
    top: 100px;
    width: 207px;		
}

.coin_item3 { 
    position: absolute;
    width: 1120px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
	bottom: 230px;
}
.coin_item3 img {
	position: absolute;
    left: -205px;
    width: 273px;
}

.coin_item4 { 
    position: absolute;
    width: 1120px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
	top: 33%;
}
.coin_item4 img {
	position: absolute;
   right: -204px;
    width: 164px;
}

.kot_item { 
    position: absolute;    
    width: 1120px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.kot_item img {
	position: absolute;
    right: -200px;
    width: 600px;
    bottom: 0;	
}

.sticky-bar__col strong {color: #f68b1f; font-size: 150%;}



.paydayOffer .container {
	max-width: 1160px;
}

.preferred_bg { background:linear-gradient(180deg, rgba(255, 255, 255, 1) 5%, rgba(222, 239, 199, 1) 90%, rgba(132, 217, 127, 1) 100%);background-size: 2000px;  }

.preferred_bg {text-align:center;}

.leadin h3 {font-size:38px;}


.main_tab_bg { background: #ffffff; padding-top: 50px;}
.main_tab {	width: 100%;	max-width: 1440px;	margin-left: auto;	margin-right: auto;		display: flex;	align-items: flex-end;	justify-content: space-around;	}
.main_tab_btn {
	background: linear-gradient(180deg, rgba(148, 252, 108, 1) 0%, rgba(32, 166, 1, 1) 100%);
	cursor: pointer; 
	width:100%;
	max-width:474px;
	border-radius:30px;
	color:#ffffff;
	font-size:36px;
	font-weight:bold;
	padding:10px 5px;
	margin:10px 20px;
	line-height:1.1;
}
.main_tab_btn.twoCol {
    padding: 29px 5px;
}
.main_tab_btn.orange {
	background: linear-gradient(180deg, rgba(255, 182, 53, 1) 0%, rgba(248, 139, 33, 1) 100%);
	width:100%;
	max-width:320px;
	color:#ffffff !important;
	margin:50px auto;
}

.sectionTitle {	
	font-size:56px;
	border-bottom:5px solid #00d817;
	font-weight:bold;
	padding:0px 35px;
	display:inline-block;
	margin:0 auto;
	line-height:1.2;
}
.sectionTitle.green {	
	color:#39b41f !important; 	
}

.sectionTitle.white {	
	color:#ffffff !important; 	
}

.account .container.acc_firstStep, .account .container.acc_kickStart {max-width:1640px; display:flex;justify-content: space-around;}
.account .container.acc_firstStep strong, .account .container.acc_kickStart strong {font-weight:bold;}
.account .firstStepImage, .account .kickStartImage {display:inline-block; width:40%;}
.account .firstStepImage img {
	    max-width: 520px;
}
.main_tab_btn.ml0 {
	text-align:center;
	margin-left:0;
	    padding: 10px;
}
.account .firstStepSlide, .account .kickStartSlide {
	display:inline-block;
    text-align: left;
	font-size:30px;
	width:60%;
    overflow: hidden;
	padding-bottom:80px;
}
.account .container.acc_kickStart {
    flex-direction: row-reverse;
}
.swiper-container .slideContainer {
	padding-left:8%;	
	color:#005e38;
}
#acc_startSwiper.swiper-container .slideContainer {
    max-width: 750px;    
}


.slideContainer p {font-size:30px;line-height:1.3;color:#005e38 !important; padding-bottom:30px;}
.slideContainer .slideTitle {font-size:42px;line-height:1.3; color:#005e38 !important; padding:40px 0 25px;}

img.accTitle { padding-left: 8%;}

.account .swiper-pagination-bullets.swiper-pagination-horizontal:after {
	content:"View more offer details";
	font-size:20px;
	padding-left:10px;
}

.account .swiper-pagination-bullet {
	width:20px;
	height:20px;
}

.account .swiper-pagination-bullet-active {
	background-color:#005e38;
}

.account .swiper-pagination-bullets.swiper-pagination-horizontal {
	bottom:-80px;
	text-align:left;
	padding-left:8%;
}

.account .acc_firstStep .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: -115%;
    text-align: left;
    padding-left: 8%;
}

.firstStepSlide .swiper-slide {
    height: auto !important;
}

.firstStepSlide .slide_nav {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 10;
    height: 40%;
    top: 20%;
}


.slideContainer table {
	color:#ffffff; width:85%;
    border-collapse: separate;
    border-spacing: 0 10px;
	padding-bottom:30px;
	line-height:1.2;
}

.slideContainer table td, .slideContainer table th {
	padding:15px 30px; 
}

.slideContainer table td:nth-child(odd),
.slideContainer table th:nth-child(odd) {
    background-color: #009114;
}

.slideContainer table td:nth-child(even),
.slideContainer table th:nth-child(even) {
    background-color: #00b814;
}

.slideContainer ul {
	margin-left:30px;
}

.icon-text-row {
    display: flex;
    align-items: flex-start;  /* 圖文頂部對齊 */
    gap: 15px;               /* 圖文間距 */
    margin-bottom: 20px;
}

.icon-text-row img {
    flex-shrink: 0;          /* 圖片不縮小 */
    width: 40px;             /* 固定寬度 */
    height: auto;
    margin: 0;               /* 移除預設margin */
}
.icon-text-row strong {
	color:#f4912e;
}
.icon-text-row div {
    flex: 1;                 /* 文字佔剩餘空間 */
    text-align: left;
    line-height: 1.4;
}

.slideSubTitle {font-size:34px; font-weight:bold;}
.slideSubTitle strong {color:#f89335;}

.left-margin {
	margin-left:-20px;	
}

/******************************Switch Btn*********************************************/
.switch {
  position: relative;
  display: inline-flex;
  width: 720px;
  /*height: 110px;*/
  border-radius: 45px;
  background: linear-gradient(180deg, rgba(147, 148, 148, 1) 0%, rgba(234, 233, 233, 1) 100%);
  overflow: hidden;
    border: 6px solid #eae9e9;
  margin-bottom: 10px;
      z-index: 2;
}

.switch-bg {
  position: absolute;
	top: 0;
    left: 0;
    width: calc(50% + 1px);
    height: calc(100% - 0px);
  background: linear-gradient(180deg, rgba(146, 250, 106, 1) 0%, rgba(42, 170, 14, 1) 100%);
  border-radius: 40px;
  transition: transform 0.25s ease;
  z-index: 1;
}

.switch-btn {
  flex: 1;
  position: relative;
  z-index: 2;
  display: flex;              /* 開啟 flex */
  align-items: center;        /* 垂直置中 */
  justify-content: center;    /* 水平置中 */
  cursor: pointer;
  user-select: none;
  color: rgba(255,255,255,0.85);
  font-size: 38px;
  font-weight:bold;
  padding: 20px 0;                 /* 確保無多餘 padding 影響 */
  border: 0;
  background: transparent;
      line-height: 1;
}

.open-account__content .switch-btn {
	padding: 20px 20px;
}

.switch-btn.active {
  color: #fff;
}

/* 透過 class 控制 BG 位置 */
.switch.btn2-active .switch-bg { transform: translateX(100%); }
.switch.btn1-active .switch-bg { transform: translateX(0%); }

/* panel 基本樣式（可自訂） */
.switch-panel { margin: 5px 0 15px; }

/***************************************************************************/


.tab3-head {
	width: 90%;
	max-width: 1160px;
	margin-left: auto;
	margin-right: auto;	
	display: flex;
	align-items: flex-end;
	/*justify-content: center;	*/
	justify-content: space-around;	
}

.tab3-btn {
	font-size: 25px;
	font-weight: bold;	
	padding:0px;
	margin:20px 0 0 0;	
	color: #ffffff;	
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	text-align: center;
}

.tab3-btn img {max-width:90%;}

.tab3-body {
	background-color:#6dc8a9;
	padding:30px 0;
	border-top: #ffffff 10px solid;
	border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}


.tab-head {
	width: 100%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;	
	display: flex;
	align-items: flex-end;
	justify-content: center;		
    position: relative;
    z-index: 2;
}

.tab-head .tab-image {
	position: absolute;
    width: 100%;
    max-width: 1080px;
}
.tab-head .tab-image img{
	right: 30px;
    position: absolute;
    bottom: 0px;
}
.tab-head.orange {
	background: linear-gradient(90deg, rgba(253, 240, 165, 1) 0%, rgba(246, 139, 31, 1) 50%);
	border-bottom: #f68b1f 3px solid;
}
.tab-head.orange p {
	color:#ffffff;
	font-size:35px;
    line-height: 1.5;
	font-weight:bold;
    padding: 15px 25px 10px 25px;
    margin: 10px 0px;
    margin-left: 15%;
}
.tab-head.orange .tab-image {
	position: absolute;
    width: 100%;
    max-width: 1080px;
}
.tab-head.orange .tab-image img{
	left: 30px;
    position: absolute;
    bottom: 0px;
}

.tab-btn {
	font-size: 25px;
	font-weight: bold;	
	padding:0;
	margin:0;	
	color: #ffffff;
	/*background-color: #f2f2f2;*/
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	text-align: center;
}
.tab-btn img {margin: auto 12px; height: auto !important;}

.tab-btn.active {	
	font-size: 35px;	
	/*color: #fdf0a5;
	padding:10px 15px 10px 15px;
	text-shadow: #054936 1px 0 15px;
	background-color: #186841;*/
}

.tab-btn:last-child {margin-left:initial;}
.tab-btn.active .btnAcc, .tab-btn .btnAcc_off {display:inline-block;}
.tab-btn .btnAcc, .tab-btn.active .btnAcc_off {display:none;}

  
.container.luckydraw h3 {
    font-size: 30px;
    color: #186841;
  
}
.container.luckydraw p {
    font-size: 16px;    
}
.container.luckydraw a {
	text-decoration:underline;
	color:#186841;
}


.container.luckydraw {
	text-align:center;
	padding: 60px 0;	
}

.open-account p.qr_text {font-size:18px; padding:15px 0; color:#186841; font-weight:bold;}

sup.reduceSpace {margin-left:-1em;} 
.accordion-head h3 sup {top:-1.3em;}
h3 sup.reduceSpace {top:-1.3em;}
.tab-head.orange sup {top:-1em;font-size: 0.5em; margin-right:0.2em; }
sup.largeFont {font-size: 1em; top: -0.2em;} 


/********luckydraw******************/

.luckydraw .container {max-width:1520px; padding-left:0px; padding-right:0px;}

.draw__detail {
	max-width:1520px;
	background: url('../images/luckydraw_bg1.png') center bottom;	
	background-repeat:no-repeat;
	margin:0 auto;
	padding-top:80px;
	padding-bottom:180px;
	padding-left:20px;
	padding-right:20px;
}


.draw__title {
	max-width:1100px;	
	margin:0 auto;
}

.draw__title h3 {
	font-size:48px;
	font-weight:bold;
	color:#186841;
	text-align:center;
	line-height:1.2;
	padding-bottom:20px;
}

.draw__title p {
	font-size:30px;
	font-weight:bold;
	color:#186841;
	text-align:center;
	line-height:1.2;
	padding-bottom:40px;
}

.draw__title p strong {
	color:#f68b1f;
}

.draw__subtitle3 strong {
	color:#96d200;
}


.draw__des {
	max-width:1100px;
	margin:0 auto;	
	font-size:22px;
	text-align:center;	
}
.draw__missionTable {
	font-size:22px;
	text-align:center;
	
}
.draw__missionTable td, .draw__des .desTable td {
	border: 1px solid #96d200;
}
.draw__missionTable th, .draw__des .desTable th {
    border-bottom: 1px solid #f68b1f;
}

.draw__missionTable, .draw__des .desTable {
	max-width:1000px;
	margin:0 auto;
}

.draw__missionTable table, .draw__des .desTable table {
		width:100%;
        border-collapse: collapse;
        border-radius: 20px;
        border-style: hidden; /* hide standard table (collapsed) border */
        box-shadow: 0 0 0 1px #f68b1f; /* this draws the table border  */ 
}

.draw__missionTable tbody, .draw__des .desTable tbody {
	border:none;	
}

.draw__des strong {
	color:#f68b1f;
}

.draw__missionTable th:first-child, .draw__missionTable td:first-child {
	width:40%;
}


.draw__missionTable th:last-child, .draw__missionTable td:last-child {
	text-align:left;
}
.draw__missionTable tr:first-child th:last-child {
	text-align:center;
}
.draw__missionTable th, .draw__des .desTable th {
	background-color:#f68b1f;	
	color:#ffffff;
}
.draw__des .desTable td {
	background-color:#ffffff;	
	color:#000000;
}
.draw__missionTable td {
	background-color:#ffffff;	
	color:#186841;
}

.draw__missionTable th:first-child, .draw__des .desTable th:first-child {	
	border-top-left-radius: 20px;	
}
.draw__missionTable th:last-child, .draw__des .desTable th:last-child {	
	border-top-right-radius: 20px;	
}
.draw__missionTable .remark, .draw__des .desTable .remark {
	font-size:14px;
}
.draw__missionTable tbody th, .draw__missionTable tbody td,
.draw__des .desTable tbody th, .draw__des .desTable tbody td {
    padding: 15px 15px;
	line-height:1.2;	
}

.draw__missionTable tr:last-child td:first-child,
 .draw__des .desTable tr:last-child td:first-child {
	 border-bottom-left-radius: 20px;	
 }
 .draw__missionTable tr:last-child td:last-child,
 .draw__des .desTable tr:nth-child(2) td:last-child {
	 border-bottom-right-radius: 20px;	
 }

.draw__qna {
	max-width:1520px;
	background: url('../images/luckydraw_bg2.png') center top;	
	background-repeat:no-repeat;
	margin:0 auto;		
	text-align:center;
	padding-left:20px;
	padding-right:20px;	
}

.draw__subtitle1, .draw__subtitle2, .draw__subtitle3 {
	font-size:30px;
	font-weight:bold;
	color:#fff;
	background-color:#f68b1f;
	border-radius:50px;
	padding:8px 50px 5px;
	margin: 0 auto;
    display: inline-block;
}
.draw__subtitle1 { 
	margin-top:-30px;
	margin-bottom:20px;
}
.draw__subtitle3, .draw__subtitle2 { 
	margin-top:60px;
	margin-bottom:20px;
}

.draw__step {
	max-width:1000px;
	background-color:#fff;
	border-radius:20px;
	margin:0 auto;
	text-align:center;
	padding: 20px;
}

.draw__step .stepTable {
	width:85%;
	margin:0 auto;
	font-size:22px;	
	text-align:left;
}

.draw__step .stepTable td {
	background-color:#fff;
	padding: 5px;
	vertical-align:baseline;
}

.draw__step .stepTable td:first-child {
	width:30px;
	padding: 0px;
}

.draw__step .stepTable td:last-child {
	padding-left: 20px;
}

.draw__step .stepTable tbody {
	border:none;
}

.draw__step .stepTable strong{
	color:#186841
}
.draw__mission {
	max-width:1000px;
	margin: 0 auto;
}

.drawqna, .drawqna-item {
    margin-bottom: 2px;
    overflow: hidden;    
    background-color: #fff;
}

.drawqna-item.btmradius {
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;
    padding-bottom: 10px;
}

.topradius {
	border-top-left-radius:20px;
	border-top-right-radius:20px;
	padding-top:10px;
}

.drawqna_h2, .drawqna-head {
    display: flex;
    align-items: center;
    position: relative;    
    padding: 12px;
}
.drawqna-head {
    cursor: pointer;
}


.drawqna-item.active .drawqna-head {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;	
}

.drawqna-titles {
    display: flex;
    flex: 1;
    /* justify-content: center; */
    align-items: baseline;
    margin-left: 20px;
}

.drawqna_h2 h3, .drawqna-head h3 {
    font-size:22px;
    font-weight: normal;
    color: #186841;
    margin-left: 15px;
    margin-bottom: 0px;
    margin-top: 5px;
    text-align: left;
    line-height: 1.2;
}
.drawqna-body {
    display: none;
    padding: 5px 60px 40px 30px;
    font-size:22px;
    text-align: left;
    line-height: 1.6;
}
.drawqna-holder .drawqna-item.active .drawqna-body {
    display: block;
}

.drawqna-cwrap {
    width: 100%;
    display: table;
    margin-left: 5px;
}
.drawqna-num {
    width: 63px;
    display: table-cell;
}
.drawqna-num2 {
    width: 33px;
    display: table-cell;
}
.drawqna-cont {
    width: auto;
    display: table-cell;
    vertical-align: middle;
    padding-left: 7px;
}
.drawqna-head span {
    display: block;
    margin-left: 15px;
    margin-right: 20px;
    position: relative;
    width: 16px;
    height: 16px;
}
.drawqna-body .remark {
	font-weight:normal;
	line-height:1.2;
}
.drawqna-body .remark.ml-20 {
	margin-left:-20px;
}

.drawqna-head span::before {    
	content: url('../images/downarrow.png');
	display:block;
}
.drawqna-head span:after {
    content: url('../images/uparrow.png');    	
	display:none;
}
.drawqna-item.active .drawqna-head span:before  {
	display:none;
}
.drawqna-item.active .drawqna-head span:after  {
	display:block;
}

.draw__qna .section_remark {
	max-width:1000px;	
	padding-bottom:80px;
	width:unset;
}


.artist_item1 { 
	position: absolute;    
    width: 1050px;
	left:0;
	right:0;
	margin-inline: auto;
}

.artist_item1 img {
	position: absolute;
    right: -350px;
	bottom:0;	
    width: 350px;	
}

.artist_item2 { 
	position: absolute;    
    width: 1300px;
	left:0;
	right:0;
	margin-inline: auto;
}

.artist_item2 img {
	position: absolute;
    right: 60px;
	bottom:0;	    
	display: none;		
}

.gift_item {
	position:relative;    
    max-width:1000px;
	min-width:900px;
	width:100%;
	left:0;
	right:0;
	margin-inline: auto;	
	z-index:6;
}
.gift_item img {
	position: absolute;
	right:200px;
	bottom:-100px;	 
	margin-right:-250px;
}
.artistGroup_item  { 
	position: absolute;    
    width: 580px;
	left:0;
	right:0;
	margin-inline: auto;
}
.artistGroup_item img {
	position: absolute;    
	bottom:-220px;	  
	width:520px;
	margin-left:-520px;
}
.artist_item2 img.active {
	display:block;
}
.artist_item2 img[data-tag="des1"] {
	width:240px;
	margin-right:-250px;
}
.artist_item2 img[data-tag="des2"] {
	width:250px;
	margin-right:-250px;
}
.artist_item2 img[data-tag="des3"] {
	width:220px;
	margin-right:-220px;
}



/*
@media (max-width:1920px) {
	   .artist_item1 { width: 100%; }
	   .artist_item2 { width: 100%; }
}
@media (max-width:1280px) {
	   .artist_item1 { width: 1260px; }
	   .artist_item2 { width: 1260px; }
}*/

.draw_result {
	padding-bottom:380px;
	position:relative;
	z-index:5;
}
.draw_result .result-container {
	margin: 0 auto;
    position: relative;
    min-height: 320px;
	width:100%;
    max-width: 980px;
    background-color: #FFFFFF;
    border: 2px #f68b1f solid;
    border-left: 15px #f68b1f solid;
    padding: 40px 10px ;
}

.result_title {
	font-size: 30px;
    font-weight: bold;
    color: #fff;
    background-color: #f68b1f;
    border-radius: 50px;
    padding: 8px 50px 5px;
    margin: 0 auto;
    margin-bottom: 20px;
    display: inline-block;
}

.result-container .result_btn {
	color:#e6f0be;
	background-color:#186841;
	display: inline-block;
    padding: 10px 50px;
    border-radius: 50px;
    font-size: 32px;	
	font-weight:bold;
    margin: 0 0 20px 0;
}

.result-container .result_text {
	font-size:24px;
	line-height:1.2;
	margin:10px 0 20px;
}

.result-container .result_remark {
	font-size:16px;	
}

.result-container .result_remark a {
    color: #000;
    text-decoration: underline;
}

.draw_result .result-container:after {
    content: '';
    position: absolute;
    top: 15px;
    left: 5px;
    bottom: -15px;
    right: -15px;
    border: 2px #f68b1f solid;
    background-color: #e6f0be;
    z-index:-1;
    
}


/***********************************************************/

.open-account__tab {
	font-size: 30px;
	font-weight: bold;
	min-width: 250px;
	border-top-left-radius: 15px;
	padding: 15px 15px;
	border-top-right-radius: 15px;
	color: #666666;
	background-color: #f2f2f2;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	text-align: center;
}

.open-account__tab.active {
	font-size: 35px;
	padding: 20px 15px;
	color: #ffffff;
	background-color: #186841;
}


    

.tab-body {
	background-color:#b8dd80;
	padding: 75px 0 30px 0;
	margin-top:-60px;
	/*border-top: #ffffff 10px solid;*/
	border-radius:40px;
	z-index:1;
	position:relative;
}
.tab-body2 {
	background-color: #afd69d;
	padding: 30px 0px;
	border-radius:40px;
	z-index:1;
	position:relative;
}
.tab-body3 {
	background-color: #fff;
	padding: 30px 0px;
	border-radius:40px;
	z-index:1;
	position:relative;
}
.referral .tab-body {
	background-color: rgba(255, 255, 255, 0.6);
	padding: 75px 0 30px 0;
	margin-top:-60px;	
	border-radius:40px;
	z-index:1;
	position:relative;
	margin-bottom:60px;
}
.smart-tips-body,
.open-account__content {
	margin-top: 20px;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
.tab-body-text {font-size:30px; line-height: 1.6; font-weight:bold; color:#ffffff; padding-top: 40px;}
.tab-body-text strong {color: #f68b1f;}

.threetab-inner, .tab3-inner, .tab-inner  {
	display: none;
}
.open-account__content {
	/*display: flex;*/
	text-align:center;
}
.tab3-inner.active, .threetab-inner.active, .tab-inner.active,
.open-account__content.active {
	display: block;
}

.tab-body ul li {font-size:22px;}

.tab-body.orange ul li {
	margin-bottom: 0px;
}

.tab-body.orange .remark {
	margin-left:25px;
}
.tab-body.orange .accordion-cont .remark {
	margin-left:0px;
}


.tab-body.orange ul  li::before {
	content: "•"; 
	color: #f68b1f;
	font-size:30px;
    line-height: 1;
    padding-right: 15px;
    vertical-align: middle;	
	margin-left:-25px;
}

.tab3-body ul {
    margin-left: 30px;
    margin-top: 0px;
}

.tab3-body ul li::before {
    content: "•";
    color: #f68b1f;
    font-size: 30px;
    line-height: 1;
    padding-right: 15px;
    vertical-align: middle;
    margin-left: -25px;
}

.tab-body.orange ul {
    margin-left: 30px;
	margin-top: 0px;    
}

.tab-body.orange .accordion-cwrap {
	margin-left:0px;	
}

.tab-body.orange .accordion-cont {
	padding-left:0px;	
}

.accordion-item, .accordion-item-static {
	margin-bottom: 20px;
	overflow: hidden;
	border-radius: 10px;
}

/*
.accordion-cont ul ul li::marker {
	content:url('../images/bullet_arrow.png');	
}*/
.accordion-cont ul ul li::before {
	content:url('../images/bullet_arrow.png');	
    margin-left: -20px;
    padding-right: 10px;
}
.accordion-cont ul ul li {
	padding-left: 10px;
}

.remark a, .accordion-cont a {
	text-decoration: underline;
	color:#000000;
}

.accordion-static, .accordion-head {
	display: flex;
	align-items: center;
	position: relative;
	cursor: pointer;
	/*border-top-left-radius: 10px;  border-top-right-radius: 10px;  border-bottom-left-radius: 10px;  border-bottom-right-radius: 10px;   background-color: #ffffff;*/
	padding: 8px;
}

.accordion-static {
    cursor: default;
}

.accordion-titles {
	display: flex;
	flex: 1;
	/*justify-content: center; */
	align-items: center;
	margin-left: 20px;
}


.accordion-titles .imgLabel {
	position:absolute;
	right:60px;
}

.accordion-head h3 {
	font-size: 30px;
	font-weight: bold;
	color: #186841;
	margin-left: 15px;
	margin-bottom: 0px;
	margin-top:5px;
	text-align: left;
	line-height: 1.2;
}
.accordion-head h3 small, .offerSubtitle small {  color: #186841; font-size: 73%;}

.accordion-static tbody, .accordion-head tbody {
	border:none;
}

.accordion-static td, .accordion-head td, .accordion-static p, .accordion-head p {
	font-size: 22px;		
	margin-left: 15px;
	margin-bottom: 0px;
	margin-top:5px;
	text-align: left;
	line-height: 1.3;
	padding:0px;
	vertical-align:top;
}

.accordion-head span {
	display: block;
	margin-left: 15px;
	margin-right: 20px;
	position: relative;
	width: 16px;
	height: 16px;
}

.accordion-head span::before {
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	background-color: #186841;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.accordion-head span:after {
	content: "";
	display: block;
	width: 2px;
	height: 100%;
	background-color: #186841;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: rotate .3s ease;
	opacity: 1;
}

.accordion-item.active .accordion-head {
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}

.accordion-item.active .accordion-head span::after {
	opacity: 0;
}

.accordion-body {
	display: none;
	padding: 0px 60px 10px 30px;
	font-size:22px;
	text-align: left;
	line-height: 1.6;
	/*background-color: #ffffff;  border-bottom-left-radius: 10px;  border-bottom-right-radius: 10px;*/
}

.tab-body.orange .accordion-body {
	padding: 0px 60px 10px 28px;
}

.accordion-body strong, .accordion-head strong, .MGM_cont strong {
	color: #f68b1f;
}
.accordion-body strong.black {color: #000000;}

.accordion-holder .accordion-item.active .accordion-body {
	display: block;
}

.accordion-holder {margin-left: 15px;    margin-right: 15px;}
.accordion-holder .accordion-item, .accordion-holder .accordion-item-static {
	max-width:1000px;
    margin: auto;
    margin-bottom: 20px;
    border-radius: 20px;
    background-color: #ffffff;	
}


.accordion-body tbody {border:none;}

.accordion-body th,
.accordion-body td {
	padding: 10px 5px;
	font-size:22px;
	text-align: center;
	line-height: 1.2;
}

.accordion-body th {
	background-color: #e6f0be;
	color: #186841;
	font-weight:normal;
}



.accordion-body td {	
	color: #186841;
	border-bottom: #ffffff 2px solid;
}

.accordion-body td, .accordion-body th  {
	border: #ffffff 8px solid;
	
}
.accordion-body td, .accordion-body th {
	color: #186841;
	padding: 30px 0;
	line-height:1.5;
	width:50%;
}

.accordion-body .fourCol td {width:unset;}

.account .accordion-body td, .accordion-body th {
	width:unset;
	padding: 10px 0;
}

.paydayOffer .accordion-body td span {font-size:16px; color:#333333;}


.accordion-body td:last-child, .accordion-body th:last-child  {
	border-right: #ffffff 2px solid;
}
.accordion-body td:first-child, .accordion-body th:first-child {
	border-left: #ffffff 2px solid;
}
.accordion-body tr:last-child td {
	border-bottom: #ffffff 2px solid;
}

.accordion-body table tr:first-child th:last-child  {
	border-right: #ffffff 2px solid;
}
.accordion-body table tr:first-child th:first-child  {
	border-left: #ffffff 2px solid;
}
.accordion-body table tr {
    background-color: #f9fcf0;	
}
.accordion-body td b{
	color:#186841;
}
.green {color:#186841 !important;}
.orange {color:#f68b1f !important;}

.accordion-body ul {
	/*margin-left: 20px;*/
	list-style:none;
}

.accordion-body li {
	margin-bottom: 10px;
}
.accordion-body .more {text-align: right; text-decoration: underline; color: #222222; float: right;}

.accordion-cwrap {
	width: 100%;
	display: table;
	margin-left: 5px;
}

.accordion-num {
	width: 63px;
	display: table-cell;
}
.tab-body.orange .accordion-num {
	width: 78px;
}
.accordion-cont {
	/*width: auto;
	display: table-cell;
	vertical-align: middle;*/
	padding-left: 10px;    
	padding-bottom:30px;
}

.accordion-titles .icon {
	max-width:63px;
}

.accordion-cont img {
	display: flex;
    margin: 0 auto;
}

.accordion-cont .offerSubtitle {
	border-bottom:1px solid #186841;
	color:#186841;
	font-size:30px;
	font-weight:bold;
	padding-top:20px;
}
.accordion-cont .offerSubtitle.row2Txt {
	padding-left:38px;
	line-height:1.3;
	padding-bottom:6px;
}
.accordion-cont .offerSubtitle.row2Txt span {
	margin-left:-38px;
	min-width: 38px;
    display: inline-block;
}
.row2Txt .imgLabel {
	position:revert; margin-top:-30px; float:right;
}

.accordion-cont .offerSubContent ol {padding-left:30px;}

.accordion-cont .offerSubContent {
	padding-left:38px;
	padding-bottom:20px;
	padding-top:6px;
}	
.num {
	max-width: 38px;
	max-height: 38px;
	background-color: #fab979;
	border-radius: 50%;
	font-size:22px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	line-height: 38px;
	margin: auto;
}

.accordion-remark {    display: flex;    align-items: end;    justify-content: space-between;}
.accordion-remark-btn {margin-left: 10px; white-space: nowrap;}

sup {
	top: -0.6em;
}


sub,
sup {
	font-size: 75%;

}
sup.payday {
	font-size: 75%;
	top: -0.5em !important;
}

.MGM { text-align: center; position: relative;
	background: #0ab42a url(../images/line01.png) no-repeat center 80%;
}
.MGM_box {display: flex; align-items: center; flex-direction: row; padding: 30px 20px;}
.MGM_img { width: 60%; margin-right: 30px;}
.MGM_img img { max-width: 100%; }
.MGM_cont { width: 40%; font-size: 22px; text-align: left; line-height: 1.6;}
.MGM_festive { display: block; padding-right: 30px;}
.MGM_festive .MGM_box {  padding: 20px 0px;}
.MGM_festive .MGM_img { width: 40%;}
.MGM_festive .MGM_cont { width: 60%; }
.MGM_festive_btn { text-align: center;}
.accordion-contbox {max-width:1000px;    margin: auto;}
.accordion-contbox .remark { color: #ffffff; text-align: left; }

.payday_cta {/*background-color:#f4fae5;*/ padding-top:50px; text-align:center;}
.payday_cta img { margin: auto}
.payday_cta .remark {max-width: 1074px; margin: auto; padding-top: 15px; /*border-top: #086f43 1px solid; */font-size: 14px;}


.app-details {background: linear-gradient(90deg, rgba(242, 248, 222, 1) 0%, rgba(221, 244, 185, 1) 100%);}



.thematic-video_title .icon {margin-right:5px;}
.thematic-video_title h3 {text-align:center;}

.thematic-video .container {max-width:1100px; padding-bottom:0px;}

.thematic-video, .open-account, .smart-tips {
	padding: 90px 0;
}
.thematic-video {
    padding: 140px 0 110px;
	/*background-color: #eaf6cc;
	background-image:url("../images/payday_video_bg01.jpg") no-repeat;
	background-position:top center;
	background-size:cover;*/
}
.app-details {
	padding: 160px 0 0 0;
}
.app-details .container {
	padding-bottom:90px;
}


    .threetab-container {
      max-width:1150px;
	  margin:50px auto 0;
	}
	.threetab-container .threetab-btn {
		min-width: 31%;
		margin-right:5px;
		padding:0px;
		cursor: pointer;
		display: flex;
		align-items: self-start;
		justify-content: center;
	}
	
	.threetab-container .threetab-btn .tab-title {
		font-size:22px;
		font-weight: bold;		
		border-top-left-radius: 0px;
		padding: 15px 15px 15px 5px;
		border-top-right-radius: 15px;
		color: #666666;
		background-color: #f2f2f2;
		cursor: pointer;
		display: table;		
		line-height: 1.1;
		text-align: center;		
		min-height:78px;
		margin-left:-5px;
		width:100%;
		margin-top:29px;
	}
		
	.threetab-container .threetab-btn.active .tab-title {
		font-size:22px;
		padding: 20px 15px 20px 5px;
		color: #96d200;
		background-color: #186841;
		min-height:90px;
	}
	.threetab-container .threetab-btn{
		box-shadow: 0 -50px 0 0px #f2f2f2 inset;
	}	
	.threetab-container .threetab-btn.active {
		box-shadow: 0 -50px 0 0px #186841 inset;
	}
	
	.threetab-container .threetab-btn .tab-title span {
		vertical-align: middle;
		display: table-cell;
	}
	
	.threetab-container .threetab-btn .tab-icon1a, .threetab-container .threetab-btn .tab-icon2a, .threetab-container .threetab-btn .tab-icon3a, .threetab-container .threetab-btn.active .tab-icon1, .threetab-container .threetab-btn.active .tab-icon2, .threetab-container .threetab-btn.active .tab-icon3 {
			display:none;
	}
	.threetab-container .threetab-btn .tab-icon1, .threetab-container .threetab-btn .tab-icon2, .threetab-container .threetab-btn .tab-icon3, .threetab-container .threetab-btn.active .tab-icon1a, .threetab-container .threetab-btn.active .tab-icon2a, .threetab-container .threetab-btn.active .tab-icon3a {
			display:inline-block;
	}	
	
	.threetab-container .tab-head {
		border:none;    
		justify-content: left;
		margin-left:0px;
		margin-right:0px;
		max-width:unset;
	}
	
	
	.threetab-container .tab-body {
		margin:0px;
		padding:40px 60px; 
		background-color:#ffffff;
		border-top-right-radius: 20px;
		border-bottom-right-radius: 20px;
		border-bottom-left-radius: 20px;
	}
	
	.threetab-inner h3 {
		font-size:30px;
		font-weight:bold;
	    
	}
	
	.threetab-cont ul, .threetab-inner ul {
		margin-left:10px;
		margin-top:20px;
		list-style: none;
	}
	
	.threetab-cont ul li::marker, .threetab-inner ul li::marker {
		content:'';	
	}
	.threetab-cont ul li::before, .threetab-inner ul li::before {
		content:url('../images/bullet_arrow.png');	
	    margin-left: -20px;
		padding-right: 10px;
	}	

.threetab-cont ul li, .threetab-inner ul li {
	padding-left: 10px;
}	

	.threetab-inner .moreBtn {
		background-color: #f68b1f;
		display: inline-block;
		padding: 10px 50px;
		border-radius: 50px;
		font-size:22px;
		color: #ffffff;
		font-weight: bold;
		margin-top: 20px;
		margin-right:10px;
	}
	
	.threetab-item.active .tab-icon1, .threetab-item.active .tab-icon2, .threetab-item.active .tab-icon3, .threetab-item .tab-icon1a, .threetab-item .tab-icon2a, .threetab-item .tab-icon3a {
		display:none;
	}
	.threetab-item.active .tab-icon1a, .threetab-item.active .tab-icon2a, .threetab-item.active .tab-icon3a, .threetab-item .tab-icon1, .threetab-item .tab-icon2, .threetab-item .tab-icon3 {
		display:inline-block;
	}	
	
	.threetab-body {
		display: none;
	}
	.threetab-item.active .threetab-body {
		display: block;
	}
	
	.threetab-titles {
		display: flex;
		align-items: flex-end;
	}
	
	.threetab-item .tab-title {
		width: 100%;
		text-align: left;
		font-size:22px;
		color: #666666;
		background-color: #ffffff;
		padding: 10px 15px;
		line-height: 1.2;
		margin-left: -5px;
		border-top-right-radius: 20px;	
		min-height:78px;
		display:table
	}
	
	.threetab-item .tab-title span {
    display:table-cell;
	vertical-align:middle;
}

.threetab-inner img.icon, .threetab-cont img.icon {
    width: 35px;
	padding: 0 5px 5px 5px;
}

.threetab-item .tab-title span::after {
    content: url('../images/downarrow.png');
    display: inline-block;
    float: right;
}
	
	.threetab-item.active .tab-title {
		color: #96d200;
		background-color: #186841;
		padding: 15px 15px;
		line-height: 1.2;
		margin-left: -5px;
		border-top-right-radius: 20px;	
	}	
	
	.threetab-head {margin-top:20px;}

	.threetab-body {
		background-color:#ffffff;
		padding:15px 20px;
		border-bottom-left-radius:20px;
		border-bottom-right-radius:20px;
	}
	
	.threetab-body .threetab-cont {
		font-size:22px;
	}

	.threetab-body .threetab-cont h3 {
		font-size:30px;
		font-weight:bold;
		text-align:center;
		
	}
	
	.threetab-body .threetab-cont .section_remark {
		font-size:14px;
	}
	
	.threetab-cont .moreBtn {
		background-color: #f68b1f;
		display: inline-block;
		padding: 10px 50px;
		border-radius: 50px;
		font-size:22px;
		color: #ffffff;
		font-weight: bold;
		margin: 20px 0;
	}
	
.open-account .container {text-align:center;}
.open-account__app_container {
	display: inline-block;
	margin-bottom:20px;
	margin-top:60px;
}

.smart-tips { background-color: #f5faf0;}

.thematic-video_title, .app-details_title , .open-account_title, .smart-tips_title {
	display: flex;
	flex: 1;
	justify-content: center;
	align-items: center;	
}

.app-details_title .visibleDesktop {
	display:inline-block;
}

.thematic-video_title {margin-bottom:60px;}

.thematic-video_title h3, .app-details_title h3{
	font-size:30px;
	font-weight: bold;
	color: #186841;
	
	margin-bottom: 0px;
	line-height: 1.2;
}
.open-account_title h3, .smart-tips_title h3 {
	font-size: 45px;
	font-weight: bold;
	color: #186841;
	margin-left: 5px;

	line-height: 1.2;
}
.en .open-account_title h3 {font-size: 40px;}

.thematic-video .video_container {	
	/*max-width:950px;		*/
	margin:auto;	    
	padding-right:10px;
}

.thematic-video .video_container .iframe-container{
	/*padding-bottom: 55.9%;*/
    position: relative;		
	text-align:left;
}

.video_container iframe {
    /*border: 2px solid #f68b1f;
	box-shadow:
	10px 12px 0 0px #e6f0be,
	8px 14px 0 0px #f68b1f,
	12px 14px 0 0px #f68b1f,
	12px 10px 0 0px #f68b1f;*/
	position: absolute;
    width: 100%;
    height: 100%;
}



.smart-tips h4 { color: #186841;	font-size: 30px;	font-weight: bold;	line-height: 1.2; text-align: center;}
.smart-tips .sm-txt { font-size: 16px;}
.open-account {
	background: #d4e8c3 url("../images/bg_circle01.png") no-repeat center center;
	background-blend-mode: screen; /* Darkens/transparencifies image over color */
    /*background: linear-gradient(180deg, rgba(208, 235, 142, 1) 0%, rgba(235, 244, 200, 1) 40%, rgba(227, 238, 155, 1) 60%, rgba(228, 223, 133, 1) 73%, rgba(242, 224, 149, 1) 97%);*/
}
.open-account__wrap.active {
	display: contents;	
	align-items:center;
}
.open-account__wrap {
	display: none;	
}
.open-account__wrap.nonStep.active  {
	display: flex !important;
}

.open-account_button {
	margin-bottom:50px;
	display: inline-flex;
	border-bottom: #ffffff 10px solid;
}
.open-account__image, .open-account__des {width:50%;}

.open-account__des {color:#055541;}

/*.open-account_button .open-account__vLine {
	width:1px; background-color:#4d4d4d;
}*/

.reward-step .diamond-list-2.slide-list li {
	font-weight:normal;	
}

.reward-step .diamond-list-2.slide-list li .list-number {
	font-weight:bold;	
}

.open-account_button .open-account__name {
	/*margin-left:40px;
	margin-right:40px;*/
	cursor:pointer;	
}
	
.open-account__name {
    display: inline-block;
    margin: auto 10px;
}
/*.open-account__name.active {   
    color: #ffffff;
    background-color: #f68b1f;
	border:none;
}*/

.open-account__name.active .btnAcc, .open-account__name .btnAcc_off {display:inline-block;}
.open-account__name .btnAcc, .open-account__name.active .btnAcc_off {display:none;}

.reward-step .diamond-list-2.slide-list li {
	display:none;
	text-align:left;
	cursor:default;
	line-height:1.3;
	font-size: 22px;
}

.reward-step .diamond-list-2.slide-list li.active {
	display:block;
}
.accordion-body {border:none !important;}
.reward-step .diamond-list-2.slide-list li td {
	background-color:transparent;
	vertical-align:top;
	padding:3px 5px 3px 0px;  
}

.reward-step .left .step-by-step-swiper .swiper-slide {
	padding-bottom:50px;
}
.reward-step .step-by-step-swiper .swiper-pagination {
	
	display:block;
}
.reward-step .swiper-slide td {
	font-size:20px;
	vertical-align:top;
	text-align:left;
    padding: 0px 3px;	
}

.reward-step .swiper-slide tbody, .reward-step .swiper-slide tbody tr, 
.reward-step .diamond-list-2.slide-list li tbody, .reward-step .diamond-list-2.slide-list li tbody tr {
	background-color:transparent;
	border:none;
}

.reward-step .diamond-list-2.slide-list li.active .list-number {
	display:inline-block;
	color:#055541;
	margin-left:-1.3em;
}

.reward-step img.bullet {max-width:unset;    vertical-align: text-top;}
/*
.reward-step .left {
        width: 40%;
        margin-right: 30px;
        margin-bottom: 0px;
    }
}
.reward-step .left {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40%;
    margin-bottom: 30px;
}
.reward-step .right {
        display: flex;
        justify-content: left;
        align-items: center;
        width: 60%;
}*/
.open-account__image img {
	display: block;
	max-width: 340px;
	margin: 0 auto;
    max-width: 275px;
}

.open-account__des {	
	text-align: left;
	margin-top: 60px;
	
}

.open-account__title {
	font-size:30px;
	font-weight:bold;
	text-align:center;
	color:#055541;
	padding-bottom:30px;
}

.open-account__des p.sm-txt {font-size:14px;}

.open-account__des h3 {
	color: #186841;
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 16px;
}

.open-account__des p {
	font-size: 22px;
	line-height: 1.3;
	color:#086f43;
}

.open-account__app {
	justify-content: center;
	display: flex;
	column-gap: 24px;
	margin: 0 auto ;
}
.open-account__app.daasc {    margin-left: 0;    max-width: 305px;    justify-content: center;}

.open-account__app .hase-app-icon {
	width: 140px;
}

.open-account__app .hase-app-store a {
	display: block;
}

.open-account__app .hase-app-store img {
	display: block;
}

.open-account__app .hase-app-store a:last-child {
	margin-top: 12px;
}

.open-account__app .hase-qr {
	width: 140px;
}

.open-account__app2 {
	margin: 20px 0;
}

.open-account__app2 a {
	margin-top: 12px;
	transition: transform .3s ease;
}

.open-account__content .tab-head {
	margin-bottom:50px;
}


.btn {
	display: block;
	position: relative;
	max-width: 200px;
	margin: 0 auto;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	line-height: 24px;
	text-align: center;
	padding: 8px 24px;
	background-color: #f68b1f;
	border-radius: 30px;
	cursor: pointer;
	transition: opacity .3s ease;
}

.task_wrap {    border-radius: 10px; border: #96d200 1px solid; overflow: hidden; margin: 10px auto 5px;}
.task_step_wrap {display: flex;    height: 100%;}
.task_step {display: flex;    align-items: center; /*justify-content: center;*/ flex: 1; background: #ffffff; border-right: #96d200 1px solid; padding: 70px 10px 10px; position: relative;  text-align: center; flex-direction: column; min-height: 100%;}
.task_step:last-child {border-right: #96d200 0px solid;}
.task_num { min-width: 180px; padding: 5px 5px;  position: absolute; top: 0; left: 50%; transform: translate(-50%, 0%);  background: #96d200; font-size: 28px; font-weight: bold; text-align: center; color: #ffffff; line-height: 1.2; border-bottom-left-radius: 10px;  border-bottom-right-radius: 10px; }
.task_step p {font-size:22px; line-height: 1.6; margin-bottom: 0px;}
.task_step strong {font-size: 28px; color: #186841; line-height: 1.2;}
.task_step strong span, .task_total_wrap strong { color: #f68b1f; }
.task_step .tick { vertical-align: text-top; }
.task_total_wrap { background-color: #d5ed99; padding: 5px 10px; display: flex;  justify-content: center; align-items: center; }
.task_total_wrap h3 {font-size: 36px; font-weight: bold; color: #186841; text-align: center;  margin:auto 15px;   line-height: 1.2;}

.modal-popup {
	display: flex;
	width: 100%;
	height: 100%;
	padding-left: 15px;
	padding-right: 15px;
	align-items: center;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 15;
}

.warn-modal.modal-popup .modal-content {
	    top: 0;
		    padding: 40px 15px 15px;
}

#appModal .modal-popup-btn a {
    display: block;
    color: #005642;
    padding: 2px 18px;
    font-size: 14px;
    line-height: 24px;
    border: 1px solid #005642;
    border-radius: 4px;
    margin-bottom: 10px;
    width: 100%;
    text-align: center;
}

#appModal .modal-popup-btn {
    max-width: 768px;
    background-color: #fff;
    border-radius: 14px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 2;
	display: block;
}

.modal-popup .bg-overlay {
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .5);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	cursor: pointer;
}

.modal-popup .modal-popup-box {
	width: auto;
	max-width: 768px;
	background-color: #fff;
	border-radius: 14px;
	padding: 15px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 2;
}

.modal-popup .modal-popup-box .close {
	display: block;
	width: 16px;
	height: 16px;
	position: relative;
	transform: rotate(45deg);
	margin-left: auto;
	margin-bottom: 10px;
}

.modal-popup .modal-popup-box .close::before {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background-color: #000;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.modal-popup .modal-popup-box .close::after {
	content: "";
	display: block;
	width: 1px;
	height: 100%;
	background-color: #000;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.modal-popup .modal-popup-box .modal-popup-heading {
	color: #0f4b41;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	line-height: 28px;
	margin-bottom: 12px;
}

.modal-popup .modal-popup-box .modal-popup-desc {
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 12px;
}

.modal-popup .modal-popup-box .modal-popup-btn {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}

.modal-popup .modal-popup-box .modal-popup-btn a {
	color: #0f4b41;
	padding: 2px 18px;
	font-size: 14px;
	line-height: 24px;
	border: 1px solid #0f4b41;
	border-radius: 4px;
	margin-bottom: 10px;
    width: 100%;
    text-align: center;
}

.modal-popup .modal-popup-box .modal-popup-btn a:first-child {
	margin-left: 0;
}

.modal-popup .modal-popup-box .modal-popup-btn a.btn-continue {
	color: #fff;
	background-color: #0f4b41;
}

.sticky-bar {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 10;
}

.sticky-bar__inner {
	display: flex;
}

.sticky-bar__inner.container {
	max-width: unset;
	padding-left:0px;
	padding-right:0px;
}

.sticky-bar__col {
	display: flex;
    flex-direction: column;
	align-items: center;
	justify-content: center;
	flex: 1;
	/*border-top-left-radius: 20px;
	border-top-right-radius: 20px;*/
	padding: 20px 10px 0 10px;
	background-color: #96d200;
}

.sticky-bar__col img {
	/*margin-bottom:-20px;*/
	    margin-bottom: 10px;
	max-height: 76px;
}

/*.sticky-bar__col:last-child { background-color: #f68b1f;}*/


.sticky-bar__col h3 {
	font-size: 30px;
	color: #186841;
	font-weight: bold;
	
	/*flex: 1;*/
	line-height: 1.1;
	text-align: center;
	margin-bottom:5px;
	margin-top:5px;
}
/*.sticky-bar__col:last-child h3 {color:#ffffff;}*/
.payroll .sticky-bar__col:last-child { background-color: #eaf6cc;}
.payroll .sticky-bar__col:last-child h3 {color:#186841;}
 

.btn_apply_wrap {
	min-width: 145px;
}

.en .btn_apply_wrap {
	min-width: 220px;
}

.section_remark {padding-left: 10px; width:80%; margin:40px auto 0;}
.threetab-inner .section_remark {padding-left: 0px; width:unset; margin:unset;}
.threetab-body .section_remark {padding-left: 0px; width:unset; margin:unset;}
.section_remark p { margin-bottom: 5px; text-align:left;}
.section_remark sup {position: relative;  margin-left: -5px;}

.section_remark a {
	color: #000;
    text-decoration: underline;
}

.section_remark tbody {
	border:none;
	/*background-color:#f9fcf0;*/
	background-color: transparent;
	vertical-align: top;
    text-align: left;
}
.section_remark tbody tr:nth-child(even) {background-color: transparent;}

.section_remark td, .section_remark tr {
	/*background-color:#f9fcf0;*/
	background-color: transparent;
	padding:2px;
}


.luckydraw .section_remark tbody, .luckydraw .section_remark td, .luckydraw .section_remark tr {
	background-color:transparent;	
}

.remark,
#footer .remark p {
	font-size: 16px;
	line-height: 1.3;
}

.remark li {
	line-height: 1.6;
	padding-bottom: 5px;
}



#footer .remark td { border:1px solid #000000 !important; padding:5px 8px;}

.border-content {
	border: 1px solid #000;
	padding: 15px;
}

#footer {
	/*padding-bottom: 90px;*/
}

.en #footer {
	/*padding-bottom: 130px;*/
}
#footer .footer_bot_area a:hover { color:#000;}
.tncfont {
	font-size: 18px;
	line-height: 20px;
	margin-top: 55px;
}

.remark td, .remark th, .remark tr, .remark tbody {
	background-color:transparent !important;
	font-size:14px;
	border:none !important;
	text-align: left;
	padding:3px;
	vertical-align:top;
}

a.remark {
	text-align: left; text-decoration: underline; color: #222222; float: left; font-size:14px;
}

.slide_wrap {position: relative;}
#payday_slide .swiper-slide {    display: flex; justify-content: center;  align-items: center;    position: relative;}
.payday_slidenext, .payday_slideprev { position: absolute; bottom: 5px; width: 70px; height: 90px; z-index: 10; cursor: pointer; background-size: contain; background-position: center; background-repeat: no-repeat;}
.payday_slidenext { right: -20px;     background-image: url(../images/slide_next.png);}
.payday_slideprev { left: -20px;     background-image: url(../images/slide_prev.png);}
.payday_slide_img img {max-width: 340px;}



#acc_firstSwiper .swiper-slide {    display: inline; justify-content: center;  align-items: center;    position: relative;}
.firstSwiper_slidenext, .firstSwiper_slideprev { position: absolute; bottom: 5px; width: 70px; height: 90px; z-index: 10; cursor: pointer; background-size: contain; background-position: center; background-repeat: no-repeat;}
.firstSwiper_slidenext { right: -10px;     background-image: url(../images/arrow_right.png); top:50%;}
.firstSwiper_slideprev { left: -10px;     background-image: url(../images/arrow_left.png); top:50%;}
.firstSwiper_slidenext.hidden, .firstSwiper_slideprev.hidden {display: none !important;}

#acc_startSwiper .swiper-slide {    display: inline; justify-content: center;  align-items: center;    position: relative;}
.startSwiper_slidenext, .startSwiper_slideprev { position: absolute; bottom: 5px; width: 70px; height: 90px; z-index: 10; cursor: pointer; background-size: contain; background-position: center; background-repeat: no-repeat;}
.startSwiper_slidenext { right: 60px;     background-image: url(../images/arrow_right.png); top:50%;}
.startSwiper_slideprev { left: -10px;     background-image: url(../images/arrow_left.png); top:50%;}
.startSwiper_slidenext.hidden, .startSwiper_slideprev.hidden {display: none !important;}

#haro-step-section {padding-top:120px;}

.referral {
	background: #b5d99c url("../images/bg_circle02.png") no-repeat center bottom;
	background-blend-mode: screen;	
}
.referral .container {
	text-align:center; 
}
.referral .tab-body-text {
	color:#186a42;
}

.referral .ref_whitebg {
	padding-bottom:60px;
    background-color: rgba(255, 255, 255, 0.2);
}

.referral .container.moreRewards {
	padding: 60px 0;
}
.referral .moreRewards .tab-body2 {
	 background-color: #70bb66;
}

.referral .moreRewards .accordion-holder .accordion-item {
	max-width:unset;
	margin:0 30px;
}
.sticky-bar .main_tab_btn.orange {
	margin:0;
    width: 420px;
    max-width: unset;
    text-align: center;
}
.cta {
	display: inline-block;    
}

.cta .main_tab_btn {
	max-width:430px;
	text-align:center;
	padding:10px;
	    display: inline-block;
    width: 48%;
	
}
.cta .leadin {
	font-size:24px;
	display:inline;	
	    display: inline-block;
       padding-top: 20px;
} 
	ol.numberLetter {
      counter-reset: main-item; 
      list-style-type: none; 
    }

    #footer .footer_bot_area ol.numberLetter > li {
      counter-increment: main-item; 
	  margin-left: 28px;
    }
    ol.numberLetter > li::before {
      content: counter(main-item) ". ";
		margin-left: -28px;
		    min-width: 28px;
    display: inline-block;
    }
    ol.numberLetter li ol {
      counter-reset: sub-item;
      list-style-type: none;
		margin-left: 0px;
    }
   #footer .footer_bot_area ol.numberLetter li ol > li {
      counter-increment: sub-item; 
	   margin-left: 28px;
    }
    ol.numberLetter li ol > li::before {
      content: counter(main-item) counter(sub-item, lower-alpha) ". "; 
		margin-left: -28px;
		min-width: 28px;
    	display: inline-block;
    }
	ol.numberLetter > li.no_num {    margin-left: 0px !important; }
	ol.numberLetter > li.no_num::before {  display: none;}
	ul.alpha {list-style-type: lower-alpha;}
	.href_in-block { display: inline-block;}

@media (min-width: 1024px) {
    .HSB_logo img {
        margin-top: 0px;
    }
}

@media (min-width: 1150px) {
	.landing_br {
		display: block;
	}

}

@media (min-width: 768px) {
	#top_banner_area {
    	margin-top: 0px;
	}
	.visibleDesktop {
		display: block;
	}
	
	.href_in-block {
    display: inline-block;
}

	.visibleMobile {
		display: none !important;
	}

	.btn {
		padding: 14px 24px;
	}
}
@media (max-width: 1400px) {
	#footer {
		/*padding-bottom:120px;*/
	}
}
@media (max-width: 1024px) {
.reward-step .step-by-step-swiper .swiper-slide {
    display: inline-block;
	height: unset !important;
}
.swiper-button-next, .swiper-button-prev {top:35% !important;}	

.open-account__wrap.active {
	display: block;	
	align-items:center;
}
.open-account__image, .open-account__des {
	width:80%;
	margin:auto;
}	
	

.reward-step .step-by-step-swiper .swiper-slide .img-phone {
    max-height: 488px;
}

.reward-step .step-by-step-swiper .swiper-slide {
    display: inline-block;
	height: unset !important;
}

.reward-step .step-by-step-swiper .swiper-slide .h-full  {
	height: unset ;
}
.reward-step .step-by-step-swiper {
	padding-bottom:0px;
}
.reward-step .step-by-step-swiper .swiper-slide .step {
	text-align: left;
	padding:60px 0px 0 ;
	line-height:1.3;
	color:#086f43;
}	
.reward-step .step-by-step-swiper .swiper-slide .step .list-number{
    display: inline-block;
    margin-left: -20px;
}
.reward-step .left .step-by-step-swiper .swiper-slide {
	padding-bottom:0px;
}
.reward-step .step-by-step-swiper .swiper-pagination {
	top:560px;
}	
	.open-account__des {		
		padding: 60px 0px;
	}

.open-account__wrap.nonStep.active  {
	display: block !important;
}	
	
}
@media (max-width: 1000px) {
	.tab-head .tab-image img {	
		width: 300px;
	}
	.tab-head.orange .tab-image img {	
		width: 250px;
	}
	.tab-head.orange p {	
		margin-left: 20%;
	}	
}

@media (max-width: 900px) {
	.tab-head .tab-image img {	
		width: 250px;
	}
	.tab-head.orange .tab-image img {	
		width: 200px;
	}
	.tab-head.orange p {	
		margin-left: 20%;
	}	
}


@media (max-width: 800px) {
	#footer {
		/*padding-bottom:150px;*/
	}
}
@media (max-width: 767px) {
	
#main_content_area, .footer_bot_area, .sticky-bar {zoom:100%;}
/********** element image ***********************/

.tab-head .tab-image img {
        bottom: 87px;
        width: 280px;
}	
	
.account, .MGM {
	padding: 0px 10px 0;
}	

.account .container, .MGM .container {
        padding: 0 0 20px 0;
}

.coin_item{
	width:100%;
	margin-top:0px;
}

	
.coin_item img {
    width: 180px;
    left: 0px;
}




.tab-head.orange .tab-image img {
        width: 260px;
}	
.tab-head.orange {	
    margin-top: 250px;	
}
.tab-head.orange .tab-image img {
    bottom: 58px;
}

.tab-head.orange p {
	font-size: 28px;
	line-height:1.2;
	margin:0px;	
}


/*******************************************/
	
.main_tab_btn {
	font-size:24px;
    max-width: 300px;
    margin: 10px auto;
}

	
sup {
	top: -0.6em;
}	
h3 sup.reduceSpace {top:-1em;}	
.accordion-head h3 sup {top:-1.0em;}
	.visibleDesktop {
		display: none !important;
	}

	.HSB_logo {
		margin-left: 10px;
		width: 235px;
	}


	.tab-btn,
	.open-account__tab {
		min-width: 50%;
	}
	.landing p{
		font-size: 16px;
		line-height: 1.3;
	}

	.landing h3, .landing p.green {
		text-align:left;
		padding-bottom:20px;
	} 
	
	.accordion-body,
	.accordion-body th,
	.accordion-body td,
	.tab-body ul li,
	.task_step p,
	.MGM_cont{
		font-size: 16px;
		line-height: 1.3;
	}

	.tab-body-text {
		/*line-height:normal;*/
		line-height: 1.3;
		font-size: 24px;
	}

	.landing h2 {
		font-size:48px;
	}
	
	.account h3, .paydayOffer .container > h3, .concert h3, .student h3, .MGM h3, .paydayOffer h3 { font-size: 28px;}
	.concert h3 {font-size:34px;}
	.landing h3  {font-size:24px;}
	.MGM h3 span, .paydayOffer h3 span {font-size:20px;}

	.sectionTitle {
		font-size:42px;
		padding:0;
		width: 80%;
	}
	img.accTitle { height:42px;}

.account .firstStepImage, .account .kickStartImage { 
    width: 100%;
	padding-top:40px;
}
.account .container.acc_firstStep, .account .container.acc_kickStart {
	max-width: unset;
    display: inline;
}
.account .firstStepSlide, .account .kickStartSlide {
    width: 100%;
	text-align: center;
 }
img.accTitle {
    padding-left: 0;
}
.account .slide_wrap {text-align: left;}

.slideContainer .slideTitle {
	font-size:24px;
}
.slideContainer .left-margin {
	margin-left: -12px;
}
.swiper-container .slideContainer {
	font-size:16px;
	padding-left: 30px;
}
.slideContainer p {
	font-size:16px;
}
.slideContainer table td, .slideContainer table th {
    padding: 10px 15px;
}
.startSwiper_slidenext, .firstSwiper_slidenext {
    right: 0px; 
}
.startSwiper_slideprev, .firstSwiper_slideprev {
    left: 0px; 
}
.startSwiper_slidenext, .startSwiper_slideprev, .firstSwiper_slidenext, .firstSwiper_slideprev {
    width: 25px;    
}
.sectionSubTitle {
	    font-size: 24px;
}

.cta {
    display: inline-block;
}
.cta .main_tab_btn {
    display: block;
    width: 100%;
}
.cta .main_tab_btn {
    max-width: 400px;
    margin-left: -10px;
}
.cta .leadin {
    display: block;
    width: 100%;	
	font-size:16px;
	padding:0;
}
.account .slide_wrap {
    margin-bottom: 50px;
}
.slideSubTitle {
	font-size:16px;
}
.referral .sectionTitle, .MGM .sectionTitle {
    margin: 50px 0 30px;
}
.switch {
    width: 340px;	
	border-radius: 28px;
}
.switch-bg {
    border-radius: 25px;
}
.switch-btn { font-size: 18px;}

.main_tab_btn.orange {
    margin: 30px auto 0;
}
.account .swiper-pagination-bullets.swiper-pagination-horizontal:after { 
    font-size: 16px; 
}
.coin_item1 img { 
    right: 280px;
    top: 40px;
    width: 110px;
}
.coin_item2 img { 
    left: 250px;
    top: 0px;
    width: 100px;
}
.referral .ref_whitebg {
    padding-bottom: 10px; 
}
.referral .moreRewards .accordion-holder .accordion-item { 
    margin: 0 ;
}
.referral .moreRewards .tab-body2{
    margin: 0 10px;
}
.referral .container.moreRewards {
    padding: 10px 0 50px;
}
.referral .tab-body-text { padding:0 20px;}
	.tab-btn,
	.open-account__tab {
		font-size: 28px;
       /* padding: 10px 0px;*/
	}

	.tab-btn.active,
	.open-account__tab.active {
		font-size: 28px;
        /*padding: 10px 0px;*/
	}



	.accordion-head h3 {
		font-size:24px;
		margin-left: 10px;
		line-height: 1.3;
	}

	.accordion-titles {
		margin-left: 5px;
	}

	.open-account__content { display:block;}
	
.thematic-video, .app-details, .open-account, .smart-tips {
    padding: 80px 0;
}
	
	.open-account_title h3, .smart-tips_title h3, .en .open-account_title h3 {
		margin-left: 0px;
		font-size:36px;
	}
.open-account_button {
	margin-bottom:30px;
}	
.open-account__name {
    font-size:22px;
	margin-bottom:0px;
	/*padding: 10px 0px;*/
	padding-top: 10px;
}

.open-account__des h3 {
    font-size:22px;
}

.open-account__content {
    margin-top: 0px;
}

	.open-account__content.active .open-account__app {
		justify-content: center;
		margin: 18px auto 0;
	}
	.open-account__app.daasc {    margin-left: auto; }

	.accordion-head span {
		margin-right: 10px;
		margin-left: 10px;
		margin-top:5px;
	}

	.open-account__des h4{
		font-size: 26px;
	}


	.accordion-head {
		padding: 10px 5px;
		align-items: flex-start;
	}
	.accordion-head h3 {
		margin-top:0px;
	}
	
	.accordion-body {
		padding: 0px 20px 20px;
	}

	.accordion-cwrap {
		margin-left: -10px;
	}

	.accordion-num {
		width: 54px;
	}
	
	.smart-tips h4 { font-size: 20px; }
	.smart-tips .sm-txt { font-size: 14px;}
	.task_step_wrap {flex-direction: column;}
	.task_step { border-right: #96d200 0px solid; border-bottom: #96d200 1px solid; padding-bottom: 31px;}
	.task_step:last-child {border-bottom: #96d200 0px solid;}
	.task_num, .task_step strong { font-size:22px;}
	.task_total_wrap h3 {font-size: 30px;}
	.task_total_wrap img {max-width: 80px;}
	.task_step .tick { vertical-align: baseline; max-width: 15px; }
	.scroll-table .accordion-num { display: none;}
	.remark-scroll-table, .scroll-table .accordion-cwrap { overflow-y: scroll; display: block; margin-left: 0px;}
	.scroll-table .accordion-cwrap.h_icon { display: table; }
	.scroll-table .accordion-cwrap.h_icon .accordion-num { display: table-cell;}
	.remark-scroll-table table{ width:550px;}
	.scroll-table .accordion-cont { padding-left: 0px;}
	.scroll-table .accordion-cont table{ width:550px;}






	.remark,
	#footer .remark p {
		font-size: 14px;
	}

	.border-content {
		padding: 15px;
	}

	#footer {
		padding-bottom: 0px;
	}

	.en #footer {
		padding-bottom: 0px;
	}

	.sticky-bar__inner {
		padding: 0px;
	}

	.sticky-bar__col {
		flex-direction: column;
		text-align: center;
		padding: 10px 10px 5px;
	}

	.sticky-bar__col h4 {
		font-size:22px;
		margin-right: 0px;
		margin-bottom: 10px
	}

	.sticky-bar__col img {
	/*margin-bottom:-10px;*/
		margin-bottom: 5px;
		max-height: 50px;
}
	.btn_apply {
		/*height: 40px;*/
	}

	.btn .left,
	.btn .right {
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto 0;
		height: fit-content;
	}

	.btn .left {
		left: 10%;
	}

	.btn .right {
		right: 10%;
	}

	.open-account__app .hase-qr {
		width: 120px;
	}
	
	.accordion-holder {
		padding: 0px;
	}
	
	.thematic-video_title h3, .app-details_title h3 {		
		text-align:center;
	}
	
	.thematic-video .container {
		padding:0px;
	}
	.open-account__image img {		
		max-width: 270px;		
	}

	.open-account__des p {text-align:left; padding-bottom:10px;}
	.open-account__des p.sm-txt {font-size:14px;}
	
	.section_remark {
		width: 100%;	
		padding-left:0px;
		padding-bottom: 10px;
		font-size:14px;
	}
	
	.draw__qna .section_remark {    padding-bottom: 40px;}
	
	.sticky-bar__col h3 {font-size:18px; margin-right:0px;margin-bottom:0px;}
	
	.open-account__app2 {/*text-align:left;*/}
	

	.thematic-video {
		padding: 50px 0 20px;
	}
	
	
	
	.threetab-body .threetab-cont h3 {
		font-size:22px;   
		text-align:left;
	}
	.threetab-body .threetab-cont ul li {
		font-size: 18px;    
	}
	


	

/*.payday_offer_bg {	
    background: url("../images/payday_bg01_m.jpg") no-repeat, #c8df94;
    background-position: top center;
    background-size: 100%;
}*/
	/*.preferred_bg { background-size: 480px; }*/
	#main_content_area { background-size: 540px; }

	.landing {
		padding: 40px 0;			
	}	


.paydayOffer h3 .visibleMobile {display:inline-block;}

.paydayOffer .accordion-body td span { font-size:14px;}

.paydayOffer .scroll-table .accordion-cont table {width:100%;}

.paydayOffer .scroll-table .accordion-cwrap .accordion-cont, .account .scroll-table .accordion-cwrap .accordion-cont {padding-bottom:0px;}

.accordion-body td, .accordion-body th {
    border: #ffffff 4px solid;
}

.accordion-holder {margin-left: 10px;    margin-right: 10px;}


.tab3-body {    padding: 5px 0; }

.accordion-titles .imgLabel {width: 130px;}
.accordion-head h3.paydayLabel { padding-right: 150px;}

.accordion-cont .offerSubtitle {font-size:22px;}
.accordion-cont .offerSubtitle.row2Txt, .accordion-cont .offerSubContent {
	padding-left:25px;
}
.accordion-cont .offerSubtitle.row2Txt span {
	margin-left:-25px;
	min-width: 25px;
}

.row2Txt .imgLabel {width:130px;}

.tab-head {margin-top:10px;}

.tab-body {padding: 55px 0 30px 0; }
.tab-body, .tab-body2, .tab-body3 {
	border-radius: 20px;
}

.thematic-video_title, .app-details_title, .open-account_title, .smart-tips_title {    display: inline-block;    text-align: center;}

#haro-step-section {
    padding: 30px 0;
}

.tncfont {
    font-size: 16px; 
	line-height:1.3;
}
	
.main_tab_bg {padding-top: 0px;}
.main_tab {flex-direction: column;}
.MGM_box {flex-direction: column;}
.main_tab_btn, .main_tab_btn img { width: 100%;}
.MGM_img, .MGM_cont { width: 100% !important;}
.MGM_img {margin-right: 0px; margin-bottom: 30px;}
.tab-body2 {padding: 15px 0px;}
.MGM_festive .MGM_box { padding: 0px;}

.payday_cta { padding-top:30px; }
.concert{ padding: 30px 0 30px;}
.concert_wrap, .target_wrap, .student_wrap {flex-direction: column;}
.concert_img, .concert_cont, .student_img, .student_cont { width: 100%;}
.concert_cont {padding-left: 0px; padding-top: 40px; }
.concert_cont h3, .student_cont h3 { font-size: 22px; text-align: center;}
.concert_cta { text-align: center;}
.target_cont {padding-left: 0px;}
.target_icon {width: auto; margin-bottom: 5px;}
.target_icon img { margin-right: 10px;}

.student { padding: 30px 0 0px;}
.student_cont {padding-left: 0px;  }
.student_cont .target_wrap {align-items: center;}
.student_img {display: none;}
.student_img_mob {display: block; text-align: center;}
.student_img_mob img {width: 70%;}
	
	.draw__subtitle3 {
		    padding: 8px 40px 5px;
	}


.draw_result { margin-left:-10px; padding-bottom:300px;}	
.draw_result .result-container {
	padding-top: 80px;
}	

.result_title {
	font-size: 22px;		
}

.result-container .result_btn {	
    font-size: 22px;		
}

.result-container .result_text {
	font-size:20px;
}

.result-container .result_remark {
	font-size:14px;
}
	

	.threetab-cont .moreBtn {
		margin:10px 0;
		width:100%;
       text-align: center;
	}

	.thematic-video_title {
		margin-bottom: 30px;
	}
	
	.threetab_artist {
		margin-bottom:-15px;
		text-align:right;
		overflow:hidden;
	}
	.threetab_artist img {
		width: 130px;
	}
	.threetab_artist img.des1 {
       margin-bottom: -28px;
	}
	.threetab_artist img.des2 {
       margin-bottom: -50px;
	}
	.threetab_artist img.des3 {
       margin-bottom: -45px;
	}	
	
	 #footer .footer_bot_area ol.numberLetter > li {
	  margin-left: 20px;
    }
    ol.numberLetter > li::before {
		margin-left: -20px;
		    min-width: 20px;
    }
   #footer .footer_bot_area ol.numberLetter li ol > li {
	   margin-left: 20px;
    }
    ol.numberLetter li ol > li::before {
		margin-left: -20px;
		min-width: 20px;
    }
	
}