﻿/* Desktop 1024px and up */
/* Start Fonts */
.mp_SubFonts{font-family: "db_heaventlight" !important;}
.mp_FontContent p, .mp_FontContent span{
  font-family: "db_heaventregular" !important;
}
/* End Fonts */
/* Start Css Menu */
.tabs-panel{padding: 0px;}
.mp_MenuPartner{background-color: #b3d236;position: absolute;right: 10px;width: 185px;height: 38px;margin: 5px 0;border-radius: 5px;text-align: center;}
.mp_MenuPartner a{line-height: 20px !important;font-size: 24px !important;}
.mp_MenuLogin_main{display: none;position: absolute;right: -40px;top: -50px;}
.mp_PopupLogin{height: 245px; width: 299px;background-color: #ffffff;position: absolute;z-index: 3;right: 50px;top: 170px;border-radius: 8px;overflow: hidden;box-shadow: 0px 3px 15px -4px #000000;}
.mp_HeadLogin{text-align: center;background-color: #b4d237;height: 36px;}
.mp_HeadLogin p{font-size: 27px; line-height: 40px;margin-bottom: 0;}
.mp_NameLogin p{margin-bottom: 0px;font-size: 20px;border-bottom-style: solid;border-bottom-width: 1px;margin: 0 10px;}
.mp_NameLogin p:last-child{border-bottom-style: none;}
.mp_Martop{margin-top: 0px;}
.mp_PopupLogin p{font-size: 27px; font-family: "db_heaventregular" !important;}
.mp_PopupLogin p a{font-size: 24px;}
.mp_NameLogin{text-align: left;}
.mp_ArrowLogin{position: absolute;right: 130px;top: 143px;}
.mp_ArrowFront{z-index: 4;}
.mp_ArrowFront i{text-shadow: none !important;}
.mp_ArrowLogin i{font-size: 42px;color: #b4d237;text-shadow: 0px 2px 5px #000000;}
#ais_topbar.custom-menu .js-custom-header{background-color: #ffffff;}
#ais_topbar.custom-menu #ais_topbar_top .menu__link{color: #000000;}
#ais_topbar.custom-menu .js-custom-header{height: auto;}
.mp_MenuPartner:hover{background-color: #e6e3e2;}
#ais_topbar.custom-menu .js-custom-header .js-content-custom{text-align: left;max-width: 1000px;}
#ais_topbar.custom-menu #ais_topbar_top .menu__link{font-family: "db_heaventregular" !important;}
.mp_MenuActive{background-color: #e6e3e2;}
.menu__link{font-size: 24px !important;}
.js-primary-nav .menu__link{font-size: 17px !important;}
.js-primary-nav .mp_MenuPartner{text-align: left;}
.js-primary-nav .mp_MenuLogin_main{display: block !important;}
/* End Css Menu */
/* Start Menu Login Popup */
/* .hamburger .secondary-link{height: 460px;} */
.hamburger .js-secondary-link .mp_MenuPartner{position: inherit;background-color: transparent;width: 100%;}
.hamburger .js-secondary-link .mp_MenuLogin_main{display: block;position: initial;}
.hamburger .js-secondary-link .mp_PopupLogin{position: inherit;width: 100%;box-shadow: none;overflow: visible;}
.hamburger .js-secondary-link .mp_HeadLogin{text-align: left;padding: 0 12px;background-color: transparent;}
.hamburger .js-secondary-link .mp_HeadLogin p{font-size: 24px;}
.hamburger .js-secondary-link .mp_NameLogin a{font-size: 24px !important;}
.hamburger .js-secondary-link .mp_NameLogin p{margin: 0 25px;border-bottom-style: none;}
.hamburger .js-secondary-link .mp_HeadLogin p:before{content: '• ';}
.hamburger .js-secondary-link .mp_NameLogin a:before{content: '• ';}
.hamburger .js-secondary-link .mp_ArrowLogin{display: none;}
/* End Menu Login Popup */
/* Start Important */
/* .mp_Important_Green{background-color: rgba(222, 238, 159, 0.5);}
.mp_Important_purple{background-color: rgba(130, 42, 121, 0.5);}
.mp_Important_orange{background-color: rgba(207, 93, 52, 0.5);}
.mp_Important_blue{background-color: rgba(0, 87, 117, 0.5);}
.mp_Important_pink{background-color: rgba(179, 31, 94, 0.5);}
.mp_Important_yellow{background-color: rgba(236, 150, 16, 0.5);} */
/* End Important */
/* .mp_Important_Green, .mp_Important_orange, .mp_Important_blue, .mp_Important_pink, .mp_Important_yellow{font-size: 35px;} */
/* .mp_Important_Green span, .mp_Important_orange span, .mp_Important_blue span, .mp_Important_pink span, .mp_Important_yellow span{color: red;} */
.mp_MenuSubTab{display: inline-block;margin-right: 25px;}
.mp_ContentSubTabs th{background-color: #822a79 !important;}
.tabs-title{text-align: center;}
.tabs-title a{font-size: 24px;}
.mp_MenuSubTabs{margin-bottom: 20px;}
.mp_MenuSubActive{background-color: #822a79;border-radius: 8px;}
.mp_MenuSubActive a{color: #ffffff;}
.mp_RowWhatPay{user-select: text;}
.mp_BannerSlide .slick-dots li{margin: 0 3px !important;}
.slick-dots{right: 0;}
.tabs-title > a:focus, .tabs-title > a[aria-selected='true']{background-color: transparent;}
.tabs{border: none;}
.tabs-content{border: none;}
.tabs-title{float: none;display: inline-block;width: 185px;position: relative;}
.slick-prev{left: 0 !important;z-index: 2;}
.slick-next{right: 0 !important;z-index: 2;}
.slick-dots li.slick-active button:before{color: #b4d237 !important;opacity: 1 !important;}
.slick-dots li button:before{color: #ffffff !important;opacity: 1 !important;font-size: 15px !important;}
.mp_slide_index{background-image: url(../images201907/ais_BannerMpay_index.jpg);background-size: cover;height: 500px !important;background-position: right;width: 100%;position: relative;}
.mp_slide_01{background-image: url(../images201907/ais_BannerMpay_index.jpg);background-size: cover;height: 500px !important;background-position: right;width: 100%;position: relative;}

.mp_BanenrText_table{display: table;height: 390px;width: 100%;padding-left: 15px;}
.mp_BanenrText_TableCell{display: table-cell;vertical-align: bottom;padding: 0 50px;}
.mp_BanenrText_TableCell h1{color: #ffffff;font-size: 67px;position: relative;display: inline-block;line-height: 85px;}
.mp_BanenrText_TableCell .mp_banner_SubText_green{color: #b3d334;}
.mp_banner_ImageText p, .mp_banner_ImageText span{color: #ffffff;font-size: 52px;display: inline-block;vertical-align: bottom;line-height: 50px;margin-bottom: 0;}
.mp_banner_ImageText span{font-weight: bold;}
.mp_BannerNote{position: absolute;bottom: 5px;}
.mp_ImageLogo{display: inline-block;vertical-align: top;}
.mp_ImageLogo img{width: 170px; box-shadow: 9px 14px 13px -13px; border-radius: 38px;}
.mp_TextBanner{display: inline-block;margin-left: 25px;}
.mp_TextBanner_index{display: inline-block;margin-left: 25px;}
.mp_TextBanner h1{
  font-size: 58px;
  color: #ffffff;line-height: 1;
  text-shadow: 0px 0px 25px #000000;
  font-family: "db_heaventbold_cond" !important;
}
.mp_TextBanner_index h1{
  font-size: 58px;
  color: #000;
  line-height: 1;
  font-family: "db_heaventbold_cond" !important;
}

.mp_BgTextMpay{text-align: center;}
.mp_BgTextMpay h1{font-size: 105px;font-weight: bold;}
.mp_TextIndent{padding-left: 52px;}
.mp_TextIndent_index{padding-left: 52px; color:#000;}
.mp_TextReady{line-height: 1px !important;}
.mp_TextBottom{font-family: "db_heaventregular" !important;color: #000;font-size: 58px;display: inline-block;vertical-align: bottom;line-height: 65px;margin-bottom: 0;}
.mp_TextBottom_index{font-family: "db_heaventregular" !important;color: #000;font-size: 58px;display: inline-block;vertical-align: bottom;line-height: 65px;margin-bottom: 0;}

.mp_TextBold{font-weight: bold;}
.mp_arrow_up {width: 0;height: 0;border-left: 15px solid transparent;border-right: 15px solid transparent;border-top-style: solid;border-top-width: 15px;border-top-color: #aed032;transition: border-bottom-color 0.3s;}
.mp_BannerSlide{width: 100%;height: 500px;}.mp_SectionIntro{margin: 65px 0;}
#mobileBG.mobileBG1{background-color:transparent;}
.mp_SectionIntro_Bg{height: 386px;width: 100%;}
.mp_SectionIntro{margin: 10px 0 10px 0;}
.mp_SectionIntro h2{font-size: 70px;line-height: 75px;font-family:'db_heaventbold_cond' !important;}
.mp_SectionIntro h2 span{font-family:'db_heaventbold_cond' !important;}
.mp_SectionIntro p{font-size: 27px;line-height: 30px;}
.mp_SectionIntro b{color: #aed032;}
.mp_section_What_to_Pay h2{font-size: 70px;font-weight: bold;}
.mp_background_ContentTabs_table{margin-top: 35px;}
.mp_PayAisBills th{color: #ffffff;background-color: #aed032;border-bottom-style: none;font-size: 26px;border-left-style: none;padding: 10px 0 10px 0px;font-family: "db_heaventregular" !important;text-align: center;}
.mp_PayAisBills tr{text-align: center;font-size: 24px;}
.mp_PayAisBills td{
  padding: 8px 5px;
  height:85px;
  font-family: "db_heaventregular" !important;
  border: 1px solid #e5e5e5;
  /* border-style: solid;
  border-width: 1px;
  border-color: #e5e5e5;
  border-top: none; */
}
.mp_PayAisBills tr td:first-of-type img {
  mix-blend-mode: multiply;
  max-width:65px;
  max-height:65px;
}
.mp_PayAisBills tr td.sn_bg_img {
  background-image:url('../images201907/home/greycircle.svg');
  background-size: 80px 80px;
  background-position:center center;
  background-repeat:no-repeat;
}
.mp_BlogSlide_content table{width: 100%;}
table tbody{background-color: #ffffff;}
table tbody tr:nth-child(even){background-color: #ffffff;}
.mp_SlideImage_WhatToPay_device{margin-bottom: 10px;}
/* .mp_ImagePoint p{font-size: 23px;line-height: 23px;} */
.mp_ImageSlide_WhatPay p, .mp_ImagePoint p{
  font-size: 23px;
  margin-bottom: 0;
  line-height: 25px;
  font-family: "db heavent med cond" !important;
}
.mp_ImageSlide_WhatPay{position:relative;padding: 12px 0;margin-bottom:15px;cursor: pointer;opacity: 0.5;height: 190px !important;border-style: solid;border-width: 1px;/*width: 192px !important;*/border-color: #d3d3d3;}
.mp_ArrowTabs{position:absolute;left:calc(50% - 15px);bottom:-15px;}
.mp_DisOpacity_tabs{opacity: 1;}
.mp_DisOpacity_tabs_02{opacity: 999;text-align: center;}
.mp_TextWhite{color: #ffffff !important;}
.mp_ImageSlide_WhatPay img{display: inline-block !important;}
.mp_SlideContent_WhatToPay_device{position: relative;width: 100%;height: 100%;}
.mp_SlideTop{position: absolute;right: 20px;bottom: 20px;z-index: 2;}
.mp_SlideTop i{font-size: 32px;color: #ffffff;}
.mp_ArrowPayBill_AisDefault{position: absolute;top: 190px;left: 80px;}
.mp_ArrowPayBill{position: absolute;top: 190px;left: 270px;}
.mp_Arrow_MoneyTransfer{position: absolute;top: 190px;left: 460px;}
.mp_ArrowGame{position: absolute;top: 190px;left: 655px;}
.mp_ArrowTell{position: absolute;top: 190px;left: 845px;}
.mp_ArrowInternet{position: absolute;top: 190px;left: 1035px;}
.mp_BlockWhat_to_Pay{padding: 30px 0;height: 100%;}
.mp_WidthThead{width: 100%;display: inherit;border: none;}
.mp_WidthThead_DisBorder_left{border-left-style: none !important;}
.mp_WidthThead th p{margin-bottom: 0px;border-left-style: solid;border-left-width: 1px;}
.mp_WidthTbody{width: 100%;display: inherit;position: relative;}
.mp_WidthTbody img{margin: auto;}
.mp_WidthThead .mp_HeadImage{width: 97px;}
.mp_WidthTbody .mp_TableImage{width: 77px;}
.mp_ImageShadow{position: absolute;top: 111px;z-index: 1;left: 0;right: 0;}
.mp_ImageShadow img{margin: auto;width: 60%;}
.mp_WidthTbody .mp_ImageHeadTable{position: absolute;top: -1px;left: -18px;z-index: 2;}
.mp_section_PointMPay h2{font-size: 96px;line-height: 1;}
.mp_ImagePoint{display:inline-block;}

.mp_ImagePoint img{vertical-align: top; width: 155px; margin-bottom: 10px;}

.mp_ImagePoint.medium_size img{width: 105px;}

.mp_SectionNews{background-image: url('../images201907/ais_BgNews.jpg');background-size: 100% 260px;background-repeat: no-repeat;width: 100%;/*padding-bottom: 70px;*/}
.mp_HeadNews h3{font-size: 70px;font-weight: bold;color: #000000;}
.mp_section_blog{text-align: center;}
.mp_BlogNews:first-child{margin-left: 0;}
.mp_BlogNews{border-width: 1px;overflow: hidden;margin-left: 20px;display: inline-table;text-align: left;position: relative;border-style: solid;border-color: #efefef;margin-bottom: 20px;}
.mp_BolckContentNews{text-align: center;}
.mp_BolckContentNews a{display: inline-block;color: #aed032;}
.mp_BolckContentNews a:hover{color: #ffffff;}
.mp_BlogNews_HeadContent{height: 120px;}

.mp_BlogNews_HeadContent b{
  font-size: 22px;
  margin-bottom: 15px;
  display: inline-block;
  font-family: "db_heaventbold_cond" !important;
}
.mp_BlogNews_HeadContent p{font-size: 20px;line-height: 1;}
.mp_button_ReadMore{background-color: #aed032;width: 135px;height: 42px;margin: auto;border-radius: 5px;transition: background-color 0.3s;}
.mp_button_ReadMore p{line-height: 42px;margin-bottom: 0;font-size: 20px;color: #000000;}
.mp_button_ReadMore i{font-size: 12px;}
.mp_button_ReadMore:hover{background-color: #000000;}
.mp_button_ReadMore:hover p{color: #ffffff;}
.mp_BigButton_ReadMore:hover{color: #000000;}
.mp_BigButton_ReadMore img{vertical-align: middle;padding-left: 5px;}
.mp_BlockReadmore{text-align: center;}
.mp_BlockReadmore a{display: inline-block;}
.mp_BigButton_ReadMore {color: #ffffff;font-size: 32px;line-height: 53px;position: absolute;right: -45px;bottom: 12px;}
.mp_BigButton_ReadMore:hover p{color: #ffffff;line-height: 50px;}
.mp_BigButton_ReadMore i{vertical-align: middle;font-size: 28px;padding-bottom: 5px;}
.mp_SubTabs li{width: auto;padding: 0 15px;}
.mp_SubTabs_active{background-color: rgb(130, 42, 121) !important;color: #ffffff !important;border-radius: 8px;}
.mp_SubTabs a{font-size: 24px;padding: 12px 15px 10px 15px;color: #000000;font-weight: bold;}
.tabs-title a:hover{background-color: rgb(130, 42, 121) !important;color: #ffffff !important;border-radius: 8px;}
.mp_BannerAgent{background-image: url(../images201907/ais_banner_agent_demo.jpg);height: 400px;width: 100%;background-size: 100% 100%;background-position: left center;}
.mp_IntroAgent{margin: 20px 0px 30px 0;}
.mp_IntroAgent p{font-size: 24px;line-height: 30px;}
.mp_CheckIntro{margin: 20px 0;}
.mp_CheckIntro p{display: inline-block;width: 325px;}
.mp_CheckIntro i{color: #b2d234;vertical-align: middle;}
.mp_BlockWays{height: 32px;width: 645px;background-color: #b2d234;border-radius: 8px;margin-bottom: 10px;padding: 0 18px;margin-left: auto;margin-right: auto;}
.mp_BlockWays p{line-height: 35px;font-size: 22px;margin-bottom: 0;}
.mp_BlockWays i{font-size: 6px;vertical-align: middle;}
.mp_BlockWays .mp_NameWays{display: inline-block;float: left;width: 230px;}
.mp_BlockWays .mp_PointWays{display: inline-block;}
.mp_BlockWays img{vertical-align: middle;}
.mp_BlockWays .mp_MoreDetail_ways{color: #ffffff;transition: color 0.5s;}
.mp_BlockWays a{float: right;}
.mp_BlockWays a:hover .mp_MoreDetail_ways{color: #000000;}
.mp_SectionElement{background-image: url(../images201907/ais_background_element.jpg);height: 688px;width: 100%;background-size: cover;background-position: left top;padding: 40px 0;}
.mp_background_HeadElement{width: 500px;height: 42px;background-color: #000000;border-radius: 8px;margin: auto;text-align: center;}
.mp_background_HeadElement b{color: #ffffff;font-weight: bold;margin-bottom: 0px;line-height: 46px;font-size: 30px;}
.mp_background_BlockElement p{text-align: left;font-size: 24px;line-height: 1;}
.mp_background_BlockElement strong{font-size: 24px;}
.mp_background_DetailElement{padding: 25px 0 35px 55px;}
.mp_background_BlockElement ul{padding: 25px 0 0px 75px;}
.mp_background_BlockElement li{font-size: 24px;list-style-type: decimal;line-height: 28px;}
.mp_background_BlockElement li a{font-weight: bold;color: #000000;transition: color 0.5s;}
.mp_background_BlockElement li a:hover{color: #ffffff;}
.mp_background_BlockElement .mp_NoteElement{padding: 0px 0 35px 60px;}
.mp_ContentBorderLeft{border-left-style: solid;padding-left: 10px;margin-left: 3px;margin-bottom: 12px;border-left-width: 3px;}
.mp_ContentBorderLeft strong{font-size: 24px;}
.mp_SuccessElement{text-align: center;}
.mp_SuccessElement p{font-size: 24px;line-height: 30px;}
.mp_commission{padding: 40px 0 0 0;}
.mp_HeadCommission{width: 500px;height: 42px;background-color: #b2d234;border-radius: 8px;margin: auto;text-align: center;}
.mp_HeadCommission b, .mp_HeadMcash b{color: #000000;font-weight: bold;margin-bottom: 0px;line-height: 46px;font-size: 30px;}
.mp_DetailCommission{padding: 25px 0 35px 55px;}
.mp_DetailCommission p{font-size: 24px;line-height: 1;}
.mp_DetailCommission strong{font-size: 24px;padding: 15px 0px 26px 0;display: inline-block;}
.mp_block_CheckSteps{margin-bottom: 30px;}
.mp_block_CheckSteps p{display: inline-block;padding-left: 20px;vertical-align: bottom;}
.mp_block_CheckSteps strong{padding: 0px 0px 0px 0;}
.mp_block_CheckSteps .mp_IconPhone{vertical-align: baseline;}
.mp_SectionMcash{padding: 0px 0 40px 0;}
.mp_HeadMcash{width: 1065px;height: 42px;margin: auto;background-color: #b2d234;text-align: center;border-radius: 8px;}
.mp_Mcash_HowStep{text-align: center;padding: 35px 0 20px 0;border-bottom-style: solid;border-bottom-color: #b2d234;border-bottom-width: 1px;width: 962px;margin: auto;}
.mp_Mcash_HowStep:last-child{border-bottom-style: none;}
.mp_Mcash_HowStep strong{font-size: 24px;}
.mp_Mcash_HowStep small{font-size: 20px;padding-top: 14px;display: inline-block;}
.mp_Mcash_HowStep .mp_McashLogo{vertical-align: middle;}
.mp_LineStep_Mcash{width: 962px;}
.mp_Section_BankList{margin-top: 15px;}
.mp_ListBank{width: 440px;height: 40px;background-color: #f5f4f2;margin: auto;margin-bottom: 5px;}
.mp_Mcash_HowStep .mp_HeadStep{display: inline-block;}
.mp_ListBank p{display: inline-block;font-size: 24px;margin-bottom: 0rem;}
.mp_ListBank .mp_LogoBank{display: inline-block;width: 65px;text-align: left;}
.mp_ListBank .mp_LogoBank img{vertical-align: middle;}
.mp_ListBank .mp_NameBank{display: inline-block;width: 145px;text-align: left;font-weight: bold;}
.mp_ListBank .mp_Mcash_ReadMore{display: inline-block;}
.mp_ListBank .mp_Mcash_ReadMore i{font-size: 20px;vertical-align: middle;}
.mp_ColorBank_01{color: #1c2081;}
.mp_ColorBank_02{color: #2b9229;}
.mp_ColorBank_03{color: #fcb623;}
.mp_ColorBank_04{color: #05194e;}
.mp_ColorBank_05{color: #471b5e;}
.mp_ColorBank_06{color: #43caef;}
.mp_ColorBank_07{color: #0a478e;}
.mp_HeadNews{margin-top: 30px;position: relative;margin-bottom: 10px;}
.mp_BannerNews{background-image: url(../images201907/ais_banner_agent_demo.jpg);height: 400px;width: 100%;background-size: 100% 100%;background-position: left center;}
.mp_HeadNews_page{margin: 20px 0;}
.mp_BannerContact{background-image: url(../images201907/banner-contact.jpg);height: 500px;width: 100%;background-size: cover;background-position: center;display: table;}
.mp_FontContent span{color: #aed032;}
.mp_SectionContact{background-image: url('../images201907/contact_BySunny/contact_problem_notice_bg.jpg'); height: 610px;width: 100%;background-repeat: no-repeat;background-position: center top;}
.mp_HeadContact{padding: 30px 0 10px 0;}
.mp_HeadContact{text-align: left;}
.mp_HeadContact strong{font-size: 70px;font-weight: bold;}
.mp_ContentContact{margin-bottom: 40px;text-align: center;display: table-cell;vertical-align: middle;}
.mp_GoogleMap{text-align: left;display: inline-block;margin-left: 50px;}
.mp_address{text-align: left;display: inline-block;vertical-align: top;margin-right: 50px;}
.mp_address .mp_AddrrssTitle_Contact{color: #000000;font-size: 28px;}
.mp_address p{font-size: 22px;line-height: 24px;margin-bottom: 0;}
.mp_address span{display: inline-block;width: 100px;}
.mp_ContactCenter{margin-top: 20px;display: inline-block;}
.mp_GoogleMap iframe{height: 335px;width: 590px;margin-top: 20px;}
.mp_HeadContent{margin-bottom: 40px;}
/* .mp_RegisSection{background-image: url('../images201907/ais_Bg_AgentRegis.jpg');background-size: 100% 437px;background-repeat: no-repeat;width: 100%;padding: 40px 0;margin-top: 60px;margin-bottom: 50px;} */
.mp_RegisSection{background-image: url('../images201907/ais_Bg_AgentRegis.jpg');background-size: 100% 100%;background-repeat: no-repeat;width: 100%;padding: 40px 0;margin-top: 60px;margin-bottom: 50px;}
.mp_HeadContent h2{
  font-size: 62px;
  font-family: 'db_heaventbold_cond' !important;
  line-height: 55px;
}
.mp_HeadContent h2{color: #000000;}
.mp_ReportLeft{text-align: center;}
.mp_TextReport{text-align: left; padding-top: 20px; padding-left: 35px;}
.mp_TextReport i{color: #000000;}
.mp_ReportRight{text-align: center;}
.mp_ReportLeft img, .mp_ReportRight img{vertical-align: middle;}
.mp_Contact{border-left-style: solid;border-left-width: 4px;padding: 0 10px;margin: 20px 0 0 0;}
.mp_Contact strong{font-size: 28px;}
.mp_ArrowStep{position: relative;}
.mp_Arrowposition{position: absolute;top: 60px;left: -15px;}
.mp_SetpRegis{margin-bottom: 40px;}
.mp_SetpRegis .slick-slide img{margin: auto;}

.mp_Contact_left{border-left-style: solid;border-left-width: 4px;border-right: none;}
.mp_TextReport strong{font-size: 22px;display: inline-block;color: #000000;}
.mp_TextReport p{font-size: 22px;line-height: 24px;margin-bottom: 25px;}
.mp_TitleIntro p{font-size: 24px;margin-bottom: 0;}
.mp_BlockWays_HowService{margin-left: auto;margin-right: auto;}
.mp_download{margin: 40px 0;}
.mp_BlockDownload{width: 290px;height: 50px;margin: auto;border-style: solid;border-color: #000000;border-width: 2px;position: relative;margin-bottom: 20px;}
.mp_BlockDownload p{font-size: 24px;}
.mp_BlockDownload a{font-weight: bold;line-height: 50px;transition: color 0.5s;}
.mp_BlockDownload a:hover{color: #000000;}
.mp_BlockDownload .mp_IconPDF{position: absolute;top: 6px;left: -12px;}
.mp_download p{font-size: 24px;line-height: 30px;}
.mp_SmsRight{text-align: right;}
.mp_PartnerIntro{text-align: center;}
.mp_ContentCheck_partner p{font-size: 24px;line-height: 30px;}
.mp_ContentCheck_partner i{vertical-align: top;color: #b2d234;}
.mp_ContentCheck_partner span{display: inline-block;}
.mp_DisOpacity{opacity: 1;}

.mp_AgentGood{margin-top:40px;}
.mp_AgentGood .mp_Content_AgentGood img{max-width:100px;}
.mp_Content_AgentGood p{font-size: 22px;line-height: 1;padding-top: 20px;}
.mp_RegisText_Step p{color: #000000;}
.mp_AgentIntro p{font-size: 24px;line-height: 1;}
.mp_AgentIntro{padding-top: 50px;}
.mp_IntroReegis p{font-size: 24px;color: #000000;}
.mp_RegisText{display: inline-block;text-align: left;margin-top: 20px;margin-bottom: 55px;}
.mp_RegisText p{font-size: 24px;line-height: 24px;margin-bottom: 0;}
.mp_download_button{background-color: #000000;padding: 2px 15px;border-radius: 5px;color: #daf374;transition: all 0.75s;margin-left: 8px;}
.mp_download_button:hover{background-color: #daf374;color: #000000;}
.mp_ContentBorderLeft{margin-top: 30px;}
.mp_RegisText i{color: #daf374;font-size: 18px;padding-right: 5px;vertical-align: sub;}
.mp_RegisCheck p{margin-bottom: 0;}
.mp_RegisRight .mp_PaddRegis{margin: 25px 0;}
.mp_PinPass p, .mp_PinPass strong{font-size: 24px;}
.mp_PinPass img{float: left;margin-right: 20px;}
.mp_PinPass_image{display: inline-block;vertical-align: middle;}
.mp_PinPass_Text{display: inline-block;vertical-align: middle;}
.mp_PinPass{margin-bottom: 20px;}
.mp_NoteRight{background-color: #b2d234;display: inline-block;padding: 10px 20px;border-radius: 8px;}
.mp_NoteRight p{color: #000000;}
.mp_BolckContentNews{margin: 20px 0;}
.mp_SectionNP{margin-top: 30px;margin-bottom: 50px;}
.mp_SectionNP i{vertical-align: middle;padding-bottom: 3px;}
.mp_SectionNP .mp_prev, .mp_SectionNP .mp_next, .mp_SectionNP .mp_NumberPage{display: inline-block;}
.mp_SectionNP .mp_NumberPage{text-align: center;width: 87%;}
.mp_SectionNP .mp_prev{float: left;}
.mp_SectionNP .mp_next{float: right;}
.mp_SectionNP a{color: #afafaf;font-size: 18px;font-weight: bold;}
.mp_SectionNP a:hover{color: #000000;font-weight: bold;border-right-color: #afafaf;}
.tabs-content{background-color: transparent;}
.tabs{background-color: transparent;}
.mp_SubTabs{width: 977px;margin: auto;margin-bottom: 10px;}
.mp_ContentIntro{text-align: center;display: inline-block;}
.mp_DisBorder_left{border-left: none;}
.mp_BackgroundColor_00{background-color: #aed032;border-color: #aed032;}
.mp_BackgroundColor_01{background-color: #822a79;border-color: #822a79;}
.mp_BackgroundColor_Rabbit{background-color: #00c63c;border-color: #00c63c;}
.mp_BackgroundColor_02{background-color: #cf5d34;border-color: #cf5d34;}
.mp_BackgroundColor_03{background-color: #005775;border-color: #005775;}
.mp_BackgroundColor_04{background-color: #b31f5e;border-color: #b31f5e;}
.mp_BackgroundColor_05{background-color: #ec9610;border-color: #ec9610;}
.mp_CustomRow{max-width: 1249px;}
/* .mp_TextPadding_Top{padding-top: 236px !important;} */
.mp_TitleReporn {background-color: #b2d234;margin-bottom: 25px;height: 40px;}
.mp_TitleReporn strong {color: #000000;font-size: 26px;font-weight: 500;line-height: 43px;}
/* Start Manual */
.mp_Manual{background-image: url('../images201907/ais_bgintro_manual.jpg');background-size: cover;width: 100%;padding: 5px 0;background-repeat:no-repeat;}
.mp_Manual .row{max-width:1200px;}
.mp_HeadManual{margin-bottom:120px;}
.mp_HeadManual strong{font-size: 70px;}
.mp_Manual_wallet_button{color:#ffffff;}
.mp_Manual_wallet_button button{
  padding:10px 5px;font-size:24px;width:80%;border-radius:9px;background-color:#000000;
  font-family: "db_heaventregular" !important;
}
.mp_Manual_wallet_button button:hover{background-color:#aed032;}
.mp_HeadManual_Step{padding-top: 10px;padding-bottom: 10px;padding-left:calc(50% - 600px);padding-right: 100px;margin-top: -110px;background-color:#000000;position:absolute;left:0;}
.mp_HeadManual_Step p{color:#ffffff;}
.mp_ManualNumStrep .mp_ManulNumber{
  font-family: "db_heaventbold_cond" !important;
  font-size: 56px;
  vertical-align: 
  middle;line-height: 1;
}
.mp_ManualNumStrep .mp_ManulName, span.mp_ManulName, .mp_FontContent .font_B, p.mp_font_b_small_title{
  font-family: "DB Heavent Med Cond" !important;
  font-size: 22px;
  vertical-align: middle;
  padding-left: 0px;
}
p.mp_font_b_small_title{margin-bottom: 0px;}
span.mp_ManulName{padding-left: 0px;}
.mp_ManualBlock_Content{margin-bottom: 30px;}
.mp_ManualIcon{display: inline-block;vertical-align: top;padding-right: 8px;padding-top: 10px;}
.mp_ManualText{display: inline-block;}
/* .mp_ManualText span{
  font-size: 28px;
  margin-bottom: 5px;
  display: inline-block;
  font-weight: bold;
} */

.mp_ManualStep_Second img{vertical-align: middle;}
.mp_ManualStep_Second p{font-size: 22px;line-height: 1;margin-bottom: 0;}
.mp_ManualStep_Second span{padding: 2px 0;display: inline-block;}
.mp_Manual_wrapper{padding:0;text-align:center;}
.mp_ManualBanking{margin-bottom: 20px;}
.mp_ManulButton_Banking{background-color: #ffffff;width: 240px;height: 37px;margin: 15px 0;border-radius: 5px;text-align: center;cursor: pointer;}
.mp_ManulButton_Banking:hover{background-color: #000000;color: #ffffff;}
.mp_ManulButton_Banking p{font-size: 22px;margin-bottom: 0;line-height: 37px;line-height: 40px;}
.mp_ManualBanking a{color: #000000;}
.mp_ManualBlock_Content ul{list-style-type: decimal;margin-left: 15px;}
/* .mp_ManualBlock_Content ul li{
  font-size: 24px;
  padding-bottom: 5px;
  font-family: "db_heaventregular";
} */
.mp_ManualBlock_Content ul li a{color: #000000;}
.mp_ManualBlock_Content ul li a:hover{color: #73a434;}
.mp_Rewards{width:100%;padding:50px 0;background-image:url('../images201907/manual/reward_bg.jpg');background-size:cover;}
.mp_Rewards strong{display:block;font-family:'db_heaventbold_cond' !important;text-align:center;font-size:70px;margin-bottom:20px;}
.mp_Rewards p{
  font-size:24px;
  margin-bottom:0;
  font-family: "db_heaventregular" !important;
}
.mp_Rewards img{vertical-align:middle;}
.mp_Wallet{padding:30px 0;}
.mp_Wallet h2{font-size:70px;font-family:'db_heaventbold_cond' !important;}
.mp_Wallet p{
  font-size: 28px;
  line-height: 1;
  font-family: "db_heaventregular" !important;
}
.mp_Wallet_buttons_container{margin:20px 0;}
.mp_Wallet_buttons a{color:#ffffff; margin-top: 15px;}
.mp_Wallet_buttons a button{background-color:#adc42b;font-size:33px;font-family:'db_heaventbold_cond' !important;padding:6px 0px;width:100%;border-radius:5px;}
.mp_Wallet_buttons a button:hover{background: #000000;}
.mp_SelectBanking{height: 520px;width: 100%;display: table;}
.mp_SelectBanking-TableCell{width: 100%;height: 100%;display: table-cell;vertical-align: middle;position: relative;}
.mp_SelectBanking_Left strong, .mp_AtmBlock strong, .mp_InternetBlock strong{font-size: 50px;}
/* .mp_SelectBanking_Left p, .mp_AtmBlock p, .mp_InternetBlock p{
  font-size: 24px;margin-bottom: 0;line-height: 1;
  font-family: "db_heaventregular";
} */
.mp_mPAYBlock{padding-left: 45px;}
.mp_SelectLogoBanking{margin: 10px 0;}
.mp_SelectLogoBanking img{cursor: pointer;box-shadow: 0 0 2px rgba(0,0,0,0.5); border-radius: 8px; }
.mp_SelectBanking_List strong.sn_condition{font-size: 28px;}
.mp_SelectBanking_List ul{list-style-type: disc;margin-left: 16px;}
.mp_SelectBanking_List strong{
  font-size: 24px;
  font-family: "db_heaventregular" !important;
}
.mp_SelectBanking_Left{display: inline-block;vertical-align: middle;margin-top: 140px;}
.mp_AtmBlock{display: table;height: 510px;width: 100%;}
.mp_AtmBlock_TableCell{display: table-cell;width: 100%;height: 100%;vertical-align: middle;}
.mp_SelectBanking_Center{width: 330px;height: 625px;top: 0px;display: inline-block;margin: 0 35px;}
.mp_BgHeadmobile{
  position:absolute;
  background:#000000;
  color:#ffffff;
  right:0;
  top: 70px;
  padding-right:calc(50% - 540px);
  padding-top:10px;
  padding-bottom:10px;
  padding-left:100px;
}
.mp_ManualMobile_note{
  margin:10px 0;padding:15px 0;font-size:28px;font-family:'db_heaventbold_cond' !important;text-align:center;background-color:#adc42b;border-radius:12px;
  font-weight: bold;
}
p.sn_receiving_rewards{padding: 0px 300px;}
p.sn_receiving_rewards span{
  line-height: 28px;
}
.mp_SelectBanking_Right{padding-top:80px;margin-bottom:100px;}
.mp_SelectBanking_Right strong, .mp_SelectBank_DetailPass strong{font-size: 30px;}
.mp_SelectBank_IconPass{display: inline-block;vertical-align: top;margin-right: 15px;}
.mp_SelectBank_DetailPass{display: inline-block;}
.mp_SelectBank_DetailPass .tell{line-height: 75px;}
.mp_SelectBank_Bonus strong{font-size: 28px;margin-bottom: 12px;display: inline-block;}
.mp_SelectBank_Bonus p{font-size: 22px;margin-bottom: 6px;line-height: 22px;}
.mp_SelectBank_Bonus img{vertical-align: top;}
.mp_SelectBank_Bonus span{display: inline-block;}
.mp_AtmSec, .mp_NotebookSec{height: 100%;width: 100%;padding: 50px 0;overflow: hidden;}
.mp_AtmSec_01{background-color: #eaeaea;}
.mp_AtmSec_02{background-color: #ffffff;}
.mp_AtmBlock_Margin{margin-left: 25px;}
.mp_AtmTableCell{width: 100%;height: 100%;}
/* .mp_AtmBlock span{
  font-size: 24px;
  font-family: "db_heaventregular";
} */
.mp_MobileDisplay{position:absolute;z-index:2;top:88px;left:10px;width:94%;}
.mp_AtmDisplay{position: absolute;
  z-index: 6;
  top: 56px;
  left: 57px;
  width: 460px;
}
.atm_first{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 460px;
}
.mp_InternetDisplay{
  position: absolute;
  top: 35px;
  left: 71px;
  width: 554px;
  height: 355px;
}
.mp_MpayCase{left: 0;}
.mp_AtmCase{position: relative;}
.mp_NotebookCase{
  width: 694px;
  height: 443px;
  overflow: hidden;
  position: relative;
}
.ais_AtmBox_Front{position: absolute;z-index: 3;left: 0;}
.ais_AtmBox_Back{position: absolute;top: 0;z-index: 1;left:0;}
.mp_InternetBlock{display: table;height: 436px;width: 100%;}
.mp_InternetTableCell{display: table-cell;width: 100%;height: 100%;vertical-align: middle;}
.mp_NotebookDisplaySlide img{height: auto;}
.slick-next .mp_ArrowNext_manual{position: absolute;right: -75px;max-width: 42px;}
.slick-prev .mp_ArrowPrev_manual{max-width: 42px;position: absolute;left: -80px;}
#mp_atm_arrows .arrowNext{position: absolute;right: 52px;top: 0;bottom: 0;}
#mp_atm_arrows .arrowPrev{position: absolute;left: 52px;top: 0;bottom: 0;}
#mp_phone_arrows .arrowNext{position: absolute;right: -50px;top: 0;bottom: 0;}
#mp_phone_arrows .arrowPrev{position: absolute;left: -60px;top: 0;bottom: 0;}
#mp_mpay_arrows .arrowNext{position: absolute;right: 0px;top: 0;bottom: 0;}
#mp_mpay_arrows .arrowPrev{position: absolute;left: 0px;top: 0;bottom: 0;}
#mp_notebook_arrows .arrowNext{position: absolute;right: 0;top: 0;bottom: 0;}
#mp_notebook_arrows .arrowPrev{position: absolute;left: 0;top: 0;bottom: 0;}
#mp_mpay_arrows{position:absolute;z-index:5;width: 100%;height: 565px;}
#mp_atm_arrows{position:absolute;z-index:5;width: 100%;height: 565px;}
#mp_phone_arrows{position:absolute;z-index:5;width: 100%;height: 565px;}
#mp_notebook_arrows{position:absolute;z-index:5;width: 100%;height: 320px;}
.slick-next .mp_ArrowNext_Notebookmanual{max-width: 42px;position: absolute;right: -135px;}
.slick-prev .mp_ArrowPrev_Notebookmanual{max-width: 42px;position: absolute;left: -150px;}
.slick-next::before{display: none;}
.slick-prev::before{display: none;}
.mp_RelativeDesktop{position: relative;}
.mp_LogoBank_Active{background-color: #adc42b;border-radius: 5px;}
.mp_LogoBank{width: 55px;height: 55px;display: inline-block;padding: 4px 4px;}
.mp_SlideDisplay_Phone{margin: 0px 25px 0 16px;}
.mp_manual_condition_hidden{display: none;}
.mp_manual_condition_show{display: block;}
.mp_sunny_btn_ais_service{border: 2px solid #adc42b; border-radius: 18px; width: 180px;} .mp_sunny_btn_ais_service:hover{border: 2px solid #000;}
.mp_sunny_box_ais_service_other{padding-top: 50px; padding-bottom: 50px;}
.mp_sunny_btn_ais_service_other{border: 2px solid #adc42b; border-radius: 18px;height: 90px; width: 140px; background-color: #fff}
/*.mp_LogoBank a{pointer-events: none;}*/
/* End Manual */
/* Start Rabit */
.mp_StepRabbit{margin-top: 15px;background-image:url('../images201907/rabbitlinepay/rabbit_linepay_bg.jpg');background-size:100% auto;background-position:center 190px;background-repeat:no-repeat;}
.mp_IntroRabit_Block{margin-bottom:30px;}
.img_ais_logo_rabbit img{vertical-align: -22px;padding-right: 5px;}
.img_ais_logo_rabbit span{
  font-family: "DB Heavent Med Cond" !important;
  font-size: 22px; 
  vertical-align: middle;
} 
.mp_BlockStepRabbit{
  width: 695px;
  height: 60px;
  margin: auto;
  margin-top: 30px;
  position: relative;
}
.mp_NumberStep_Rabbit{background-color: #00c33e;width: 70px;height: 70px;line-height:70px;text-align: center;border-radius: 50px;position: absolute;top: -10px;left: -20px;}
.mp_NumberStep_Rabbit strong{color: #ffffff;font-size: 60px;}
.mp_BlockStepRabbit p{
    margin-left: 65px;
    text-align: left;
    font-family: "DB Heavent Med Cond" !important;
    font-size: 22px;
    vertical-align: middle;
    margin-bottom: 0px;
    line-height: 55px;
}
.mp_BlockStepRabbit img{display: inline-block;vertical-align: middle;}
.mp_ImageStep{display: inline-block;position: relative;}
.mp_CirclePhoneLeft{width: 60px;height: 60px;border-radius: 50px;border-style: solid;border-width: 3px;border-color: #00c33e;position: absolute;bottom: 136px;left: 19px;}
.mp_CirclePhoneRight{width: 170px;height: 72px;border-radius: 25px;border-style: solid;border-width: 3px;border-color: #00c33e;position: absolute;top: 132px;right: 34px;}
.mp_TextScan{position: absolute;top: 128px;right: -115px;}
.mp_TextScan p{
  color: #ffffff;
  text-align: left;
  line-height: 1;
  font-family: "DB Heavent Med Cond" !important;
  font-size: 21px;
}
.mp_ImageStepSec{margin: 50px 0;}
.mp_ConditionRabbit p{
  margin-bottom: 0;
  text-align: left;
  font-family: "DB Heavent Med Cond" !important;
  font-size: 22px;
}
.mp_ConditionRabbit li{
    font-size: 22px;
    line-height: 24px;
    margin-bottom: 0px;
    font-family: "db_heaventregular" !important;
}
.mp_ConditionRabbit ul{list-style-type: disc;}
.mp_ConditionRabbit{display: inline-block;text-align: left;margin-left: 75px;margin-top: 15px;}
.mp_SectionCondition{padding: 0px 210px;}
.mp_LastStep_Rabbit{color:#ffffff;width: 835px;height: 80px;margin: 70px auto;border-radius: 50px;border-style: solid;border-width: 5px;border-color: #00c33e;background-color:#00c33e;text-align: center;padding: 10px 0;}
.mp_LastStep_Rabbit img{vertical-align: sub;margin: 0 10px;}
.mp_LastStep_Rabbit .mp_LasrStepFont_Left{font-size: 54px;display: inline-block;vertical-align: super;font-family:'db_heaventbold_cond' !important;}
.mp_LastStep_Rabbit .mp_LasrStepFont_Right{font-size: 24px;line-height: 1;margin-bottom: 0;display: inline-block;text-align: left;font-family:'DB Heavent Med Cond' !important;}
.mp_rlp_imgLlp{width: 380px;}
/* End Rabit */
/* edit by sunny 6-9-16 */
.sunny_new_index img{
  width: 291px;
}
p.sn_contact_title, p.sn_contact_subtitle, .mp_HeadNews_page h1{
  font-size: 56px;
  text-align: center;
  font-family: "db_heaventbold_cond" !important;
  line-height: 35px;
}
p.sn_contact_title.sn_manual_how_to{
  text-align: left;
}
.mp_sunny_box_ais_service_other p.sn_contact_title{line-height: 55px;}
p.sn_contact_title{padding-top: 20px;}
p.sn_contact_subtitle{
  text-align: center;
  background-color: #aed032;
  line-height: 1.2;
}
.mp_TitleCheck img{
  width: 15px;
  margin-bottom: -7px;
  margin-right: 5px;
}
/* ####### pop-up ######## */
body.sn_overlay::after {
  content: "";
  display: block;
  position: fixed; /* could also be absolute */ 
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 0;
  background-color: rgba(0,0,0,0.5);
}
.section_news_popup{
    display: none;
    position: fixed;
    height: 470px;
    width: 60%;
    top: 130px;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    border: 3px solid #aed032;
    background-color: white;
    border-radius: 10px;
    padding: 10px;
    z-index: 1;
}
.close{position: absolute; top: -2px;right: 9px;font-size: 30px; cursor: pointer;}
.section_news_popup p{
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: left;
    padding-left: 100px;
    font-size: 25px;
    line-height: 26px;
    margin-bottom: 0px;
}
.section_news_popup span{margin-left: 30px;}
#sn_new3 p, #sn_new4 p{padding-left: 160px;}
#sn_new5 p, #sn_new6 p, #sn_new7 p, #sn_new8 p{
    padding-left: 0px;
    transform: unset;
    top: unset;
    left: unset;
}
.new_5, .new_8{
  height: 410px;
  overflow: auto;
}
.new_5{padding-top: 70px;}
.new_8{margin-top: 20px;}

.hide_for_small_only{display: block;}
.hide_for_ipadmini_only{display: block;}

/* --------------------------- set text page manual ---------------------- */
.mp_ManualText p, .mp_ManualBlock_Content ul li, .mp_SelectBank_DetailPass p, p.sn_receiving_rewards span,
p.mp_Wallet_detail, .mp_AtmBlock span, .mp_SelectBanking_List ul li{
  font-size: 22px;
  line-height: 24px;
  margin-bottom: 0px;
  font-family: "db_heaventregular" !important;
}
.mp_ManulName.sn_mp_ManualBlock_Content{line-height: 75px;}
/* update 02-05-19 */
.mp_banner_rabbit{
  background-image: url(../images201907/banner_rabbit/BannerRabbit.jpg);
  position: relative;
}
.mp_TextBanner.rabbit{
  position: absolute;
  text-align: center;
  top: 50%;  
  transform: translate(-90%, -40%);
  right: 0px;
}
img.sn_rabbit_m{
  margin: 0px -40px 0px 0px;
}
.padd-10 {
	padding: 10px !important;
}
.img_download_application {
  margin: auto;
  display: block;
  max-width: 150px;
  width: 100%;
}

/* Desktop 1180px and up */
@media screen and (min-width: 1180px) {}
/* Desktop 1280px and up */
@media screen and (min-width: 1280px){}
/* Desktop 1380px and up */
@media screen and (min-width: 1380px) {}
/* Desktop 1480px and up */
@media screen and (min-width: 1480px) {}
/* Desktop 1600px and up */
@media screen and (min-width: 1600px) {
    .mp_banner_X_large{max-width: 1200px;margin: auto;}
    .mp_BannerImage .mp_BannerImage_telewiz{left: 970px;}
    .mp_BannerImage .mp_BannerImage_fiber{left: 900px;}
    .mp_BannerImage .mp_BannerImage_cenpay{left: 820px;}
    .mp_BannerImage .mp_BannerImage_card_02{left: 835px;}
    .mp_BannerImage .mp_BannerImage_card_03{left: 620px;}
}
/* Devices */
@media screen and (max-width: 1024px) {
  .hide_for_small_only{display: none;}

  .mp_TextBanner_index{display: table;margin-left: unset;}
  .mp_slide_index{height: 656px !important;}
  .mp_TextBanner_index h1{font-size: 90px;}
  .mp_BgMpayText_index{font-size: 54px; line-height: 51px;}
  .mp_BgMpayText_Mobile_index{width: 178px;}
  .mp_TextIndent_index{font-size: 43px; line-height: 38px;}
  .mp_sunny_box_in_mobile{margin-top: 12px; margin-left: -42px;}
  .mp_ImageLogo{margin-top: 18px;}

  /* .mp_SectionIntro p{font-size: 27px;} */
  .mp_ImagePoint img {width: 140px;}

  .mp_BigButton_ReadMore{right: 0;}
  /* edit by sunny 16-1-19 */
  .mp_TextReport {
    padding-left: 20px;
}
/* popup new */
  .section_news_popup{
    width: 78%;
  }
  .mp_AtmDisplay {
      top: 53px;
      left: 55px;
      width: 400px;
  }
  .atm_first{width: 400px;}
  #mp_mpay_arrows .arrowNext {
    /* right: 43px; */
    top: -100px;
  }
  #mp_mpay_arrows .arrowPrev {
    /* left: 40px; */
    top: -100px;
  }
  .mp_NotebookCase {
    width: 600px;
    height: 378px;
  }
  .mp_InternetDisplay {
    width: 480px;
    left: 61px;
    top: 30px;
    height: auto;
  }
  .mp_ManualText p, .mp_ManualBlock_Content ul li, .mp_SelectBank_DetailPass p, 
  p.sn_receiving_rewards span, .mp_AtmBlock span, .mp_SelectBanking_List ul li, .mp_SelectBanking_List strong {
    font-size: 22px;
  }
  /* .mp_Wallet p {
    font-size: 24px;
  } */
  p.sn_receiving_rewards {
    padding: 0px 250px;
  }

  .mp_MobileDisplay{left:8px;}
  .mp_SectionCondition {
    padding: 0px 148px;
  }
}
@media screen and (max-width: 768px) {
  .hide_for_ipadmini_only{display: none;}
  .mp_slide_index{height: 530px !important;}
  .mp_TextBanner_index h1{font-size: 24px;}
  .mp_BgMpayText_index{width: 342px;}
  .mp_BgMpayText_Mobile_index{width: 178px;}
  .mp_TextIndent_index{font-size: 43px; line-height: 38px; margin-left: -23px;}
  .mp_sunny_box_in_mobile{margin-top: 12px; margin-left: -42px;}
  /* edit 16-1-19 */
  .mp_SectionContact {
    height: 100%;
  }

/* popup new */
  .section_news_popup {
    width: 90%;
  }
  .section_news_popup p {
    padding-left: 40px;
  }
  #sn_new3 p, #sn_new4 p {
    padding-left: 100px;
  }
  .mp_ImageLogo img {border-radius: 28px;}
  .mp_ImagePoint.medium_size img { width: 100px; }
  /* หน้า manual.html atm  */
  .mp_AtmDisplay {
    top: 39px;
    left: 40px;
    width: 290px;
  }
  .atm_first{width: 290px;}
  #mp_mpay_arrows .arrowNext {
    /* right: 28px; */
    top: -20px;
  }
  #mp_mpay_arrows .arrowPrev {
    /* left: 28px; */
    top: -20px;
  }
  p.sn_receiving_rewards{padding:0px 120px;}
  .mp_BgHeadmobile {
    top: 173px;
  }
  .mp_SelectBanking_Right {
    margin-bottom: 142px;
}

.mp_MobileDisplay{left:-2px;width:100%;}
.mp_SectionCondition{margin-top: 20px; padding: 0px 20px;}
}
/* Small Landscape & Portrait*/
@media screen and (max-width: 640px) {
    .hamburger .menu__link{font-size: 17px !important;}
    .mp_MenuPartner{text-align: left;}
    .mp_SectionIntro_Bg{height: 100vw;}
    .mp_ImageLogo{padding: 30px 0 20px 0;}
    .mp_ImageLogo img{width: 100px;}
    .mp_TextBanner h1{color: #ffffff;font-size: 46px;padding-left: 25px;}
    .mp_TextBottom{color: #000000;}
    
    .mp_TextBanner_index h1{font-size: 39px; margin-top: 51px; margin-left: -22px;}
    .mp_sunny_box_in_mobile{margin-left: -20px; margin-top: -36px;}
    .mp_TextIndent{color: #ffffff;padding-left: 0;font-size: 36px;line-height: 30px;padding-left: 35px;}
    .mp_TextIndent_index{font-size: 27px; line-height: 10px; padding-left: 44px;}
    .mp_ImageLogo{margin-top: 0px;}
    .mp_TextBanner{margin-left: 0;}
    .mp_BgMpayText_Mobile{width: 280px;margin: 0 0 6px 0;}
    .mp_BgMpayText_Mobile_index{width: 215px;margin: 0 0 6px 0;}
    .mp_SectionIntro h2{font-size: 32px;line-height: 1;margin-bottom: 5px;}
    .mp_ContentIntro{text-align: center;padding: 0 15px;}
    .mp_BlockWhat_to_Pay{margin-top: 40px;padding-top: 10px;}
    .slick-dots li{width: 12px !important;}
    .mp_SlideImage_WhatToPay_device .slick-dots{bottom: -25px !important;}
    .mp_SlideImage_WhatToPay_device .slick-dots li button:before{color: #cccccc !important;}
    .mp_SlideImage_WhatToPay_device .slick-dots li.slick-active button:before{color: #aed032;opacity: 1 !important;}
    .mp_SlideImage_WhatToPay_device .slick-dots li.slick-active .button-0:before{color: #aed032 !important;}
    .mp_SlideImage_WhatToPay_device .slick-dots li.slick-active .button-1:before{color: #822a79 !important;}
    .mp_SlideImage_WhatToPay_device .slick-dots li.slick-active .button-2:before{color: #cf5d34 !important;}
    .mp_SlideImage_WhatToPay_device .slick-dots li.slick-active .button-3:before{color: #005775 !important;}
    .mp_SlideImage_WhatToPay_device .slick-dots li.slick-active .button-4:before{color: #b31f5e !important;}
    .mp_SlideImage_WhatToPay_device .slick-dots li.slick-active .button-5:before{color: #ec9610 !important;}
    .slick-next{z-index: 9999999;color: #000000 !important;width: unset !important;height: unset !important;}
    .slick-prev{z-index: 999999999;color: #000000 !important;width: unset !important;height: unset !important;}
    .slick-prev:before, .slick-next:before{content: none !important;}
    .mp_SlideImage_WhatToPay_device .mp_ArrowNext_mobile{padding: 0 15px 0 0;width: 45px;}
    .mp_SlideImage_WhatToPay_device .mp_ArrowPrev_mobile{padding: 0 0 0 15px;width: 45px;}
    .mp_BannerSlide{height: 100vw;}
    .mp_slide_01{height: 100vw !important;}

    .mp_slide_index{background-image: url(../images201907/ais_BannerMpay_mobile_01.jpg); background-size: 414px 414px; background-repeat: no-repeat; height: 414px !important;}

    .mp_slide_01{background-image: url(../images201907/ais_BannerMpay_mobile_02.jpg);height: 100vw !important;background-position: center;}
    .mp_slide_02, .mp_slide_03, .mp_slide_04{height: 100vw !important;}
    .mp_BanenrText_table{display: inherit;padding-top: 10px;padding-left: 0;}
    .mp_BanenrText_TableCell{padding-left: 0;display: inherit;vertical-align: inherit;text-align: center;margin-top: 0px !important;}
    .mp_banner_ImageText p, .mp_banner_ImageText span{font-size: 28px;}
    .mp_banner_ImageText .mp_BannerNote_mobile{font-size: 12px;line-height: 1;margin-top: -20px;}
    .mp_SectionIntro{margin: 0 0 0 0;padding: 20px 0 10px 0;}
    .mp_SectionIntro p{font-size: 18px;line-height: 20px;}
    .mp_SectionIntro .mp_PointNumber{font-size: 24px;}
    .mp_section_What_to_Pay h2{font-size: 48px;}
    .mp_section_What_to_Pay span{font-size: 74px;}
    .mp_section_PointMPay{margin: 0 0 0 0;}
    .mp_section_PointMPay h2{font-size: 42px;line-height: unset;}
    .mp_section_PointMPay p{font-size: 14px;line-height: 15px;}
    .mp_ImagePoint img{width: 65px;padding: 0px 4px 15px 4px;}
    .mp_HeadNews h3{font-size: 32px;}
    .mp_BlogNews{height: unset;display: inherit;margin-bottom: 10px;}
    .mp_HeadNews{margin-bottom: 15px;}
    .mp_SideBlog_News_mobile{width: 100%;}
    .mp_BlogNews img{width: 100%;}
    .mp_PayAisBills td{padding: 12px 10px;font-size: 22px;}
    .mp_PayAisBills_mobile{width: max-content;margin: 30px 15px 20px 15px;display: inline-block;}
    .mp_ImageSlide_WhatPay img{margin: auto;margin-bottom: 20px;}
    .mp_ImageSlide_WhatPay p{font-size: 28px;color: #ffffff !important;}
    .mp_SlideImage_WhatToPay_device{padding: 20px 0;}
    .mp_SlideContent_WhatToPay_device .slick-slide:nth-of-type(1){overflow-y: scroll;overflow-x: visible;}
    .mp_SlideContent_WhatToPay_device .slick-slide:nth-of-type(2){overflow-y: scroll;overflow-x: visible;}
    .mp_SlideContent_WhatToPay_device .slick-slide:nth-of-type(3){overflow-y: scroll;overflow-x: visible;}
    .mp_SlideContent_WhatToPay_device .slick-slide:nth-of-type(4){overflow-y: scroll;overflow-x: visible;}
    .mp_SlideContent_WhatToPay_device .slick-slide:nth-of-type(5){overflow: scroll;height: unset;max-height: 475px;}
    .mp_SlideContent_WhatToPay_device .slick-slide:nth-of-type(6){overflow: scroll;height: unset;max-height: 475px;}
    .mp_PayAisBills table{width: max-content !important;}
    .mp_PayAisBills th{padding: 15px 0px 15px 0px;font-size: 24px;}
    .mp_WidthTbody .mp_TableImage{width: 77px;}
    .mp_SubTabs li:first-child{padding-left: 15px;}
    .mp_ImageSlide_WhatPay{position:relative;background-color: transparent;opacity: 1;height: auto;margin: 0 0;padding: 0 0;border: none;}
    .mp_ArrowTabs_mobile{position: absolute;bottom: -61px;left: calc(50% - 15px);right: 0;top: auto;}
    .mp_arrow_up{margin: auto;transition: border-bottom-color 0.3s;}
    .mp_TextWhite{color: #b2d235 !important;}
    .mp_BannerAgent{height: 100vw;}
    .mp_AgentHead h1{font-size: 32px;}
    .mp_IntroAgent{margin: 20px 10px 30px 10px;}
    .mp_ContentIntro_agent{text-align: center;margin-top: 20px;}
    .mp_IntroAgent p{font-size: 10px;line-height: 15px;}
    .mp_ContentIntro_agent p{font-size: 18px;line-height: 22px;}
    .mp_CheckIntro{text-align: center;}
    .mp_CheckIntro p{width: 132px;font-size: 11px;margin-bottom: 0;text-align: left;}
    .mp_IntroWays{text-align: center;}
    .mp_IntroWays p{font-size: 14px;}
    .mp_BlockWays{text-align: left;width: 100%;padding: 0 10px;}
    .mp_BlockWays p{font-size: 10px;}
    .mp_BlockWays .mp_NameWays{width: 90px;}
    .mp_BlockWays .mp_PointWays{width: auto;}
    .mp_BlockWays a{float: right;}
    .mp_BlockWays p{line-height: 32px;}
    .mp_background_HeadElement{width: 100%;}
    .mp_background_HeadElement b{font-size: 20px;}
    .mp_background_BlockElement p, .mp_background_BlockElement li, .mp_SuccessElement p, .mp_DetailCommission p{font-size: 16px;line-height: 24px;}
    .mp_background_DetailElement{padding: 25px 20px 20px 30px;}
    .mp_background_BlockElement ul{padding: 25px 0 0px 45px;}
    .mp_background_BlockElement .mp_NoteElement{padding: 0px 0 35px 33px;}
    .mp_SectionElement{height: auto;padding: 40px 20px;}
    .mp_background_BlockElement strong, .mp_Mcash_HowStep strong{font-size: 18px;}
    .mp_ContentBorderLeft{margin-left: 0;padding-left: 8px;}
    .mp_HeadCommission{width: 100%;}
    .mp_HeadCommission b, .mp_HeadMcash b{font-size: 20px;}
    .mp_DetailCommission{padding: 25px 20px 31px 20px;text-align: center;}
    .mp_DetailCommission strong{font-size: 22px;padding: 10px 0px 20px 0;}
    .mp_block_CheckSteps img{float: left;width: 55px;}
    .mp_block_CheckSteps p{padding-left: 15px;text-align: left;font-size: 14px;line-height: 18px;padding-top: 8px;}
    .mp_block_CheckSteps strong{padding: 0 0;font-size: 16px;}
    .mp_block_CheckSteps .mp_IconPhone{width: 12px;float: unset;}
    .mp_HeadMcash{width: 100%;}
    .mp_Mcash_HowStep{width: 100%;}
    .mp_Mcash_HowStep .mp_McashLogo{width: 30px;}
    .mp_ListBank{width: 100%;}
    .mp_commission{padding: 40px 20px 0 20px;}
    .mp_ContentContact{margin: 10px 20px;}
    .mp_GoogleMap{width: 100%;margin-left: 0;}
    .mp_address{display: block;padding-left: 0;margin-right: 0;}
    .mp_TextReport{padding: 0 0px;}
    .mp_GoogleMap iframe{width: 100%;}
    .mp_HeadContact{padding: 40px 0 0 0;}
    .mp_BannerContact{background-image: none;height: unset;padding: 0 20px 40px 20px;}
    .mp_HeadContent h2{font-size: 52px;}
    /* .mp_ReportRight{margin-top: 20px;padding: 0 18px;} */
    /* .mp_ReportLeft{padding: 0 18px;} */
    .mp_ImageBannerMobile{background-image: url(../images201907/banner-contact.jpg);width: 100%;height: 360px;background-position: -380px 0px;background-size: cover;}
    .mp_BlockHead_SMS{height: auto;padding: 20px 20px;}
    .mp_BlockHead_SMS strong{font-size: 24px;line-height: 1;}
    .mp_SmsRight{text-align: center;}
    .mp_SmsLeft{text-align: center;}
    .mp_ContentIntro_partner p{font-size: 20px;line-height: 24px;}
    .mp_TitleReporn strong {font-size: 26px;}
    .mp_ContentCheck_partner span{width: 260px;}
    .mp_ContentCheck_partner p{font-size: 20px;line-height: 24px;}
    .mp_ContentCheck_partner i{padding-top: 5px;padding-right: 5px;}
    .mp_Block_PS img{width: 30px;}
    .mp_Block_PS p{font-size: 13px;line-height: 17px;padding-left: 0;}
    .mp_Block_PS strong{font-size: 20px;padding-bottom: 0px;}
    .mp_HeadMap{margin-top: 0px;}
    .mp_SlideImage_WhatPay .slick-dots{bottom: -25px;}
    .mp_PinPass p, .mp_PinPass strong{font-size: 15px !important;line-height: 16px !important;}
    .mp_Content_AgentGood p, .mp_AgentIntro p, .mp_IntroReegis p, .mp_ContentBorderLeft strong{font-size: 15px;}
    .mp_Content_AgentGood p{padding-top:10px;margin-bottom:20px;}
    .mp_Content_AgentGood img{width: 80px;}
    .mp_RegisText p{font-size: 17px;line-height: 16px;}
    .mp_RegisRight .mp_PaddRegis{margin: 16px 0;}
    .mp_HeadContent h2{font-size: 38px;}
    .mp_IntroReegis p{line-height: 1;}
    .mp_address .mp_AddrrssTitle_Contact{font-size: 24px;}
    .mp_address p{font-size: 19px;line-height: 20px;}
    .mp_HeadContact strong{font-size: 52px;}
    .mp_HeadContact h1{font-size: 72px;}
    .mp_TextReport p{font-size: 18px;}
    .mp_SubTabs{display: none;padding-bottom: 15px;}
    .mp_ToggleButton{display: inline-block;background-color:rgb(130, 42, 121);margin-left: 12px;border-radius: 8px;height: 50px;width: 180px;text-align: center;margin-bottom: 10px;}
    .mp_ToggleButton p{margin-bottom: 0px;font-size: 26px;line-height: 52px;color: #ffffff;}
    .mp_SubTabs a{font-size: 22px;}
    .mp_ToggleButton i{vertical-align: middle;}
    .mp_background_ContentTabs_table{margin-top: 0px;}
    .mp_ImageShadow{width: max-content;top: 98px;}
    .mp_ImageShadow img{width: 90%;}
    .mp_SectionNP .mp_NumberPage{width: 72%;}
    .mp_SectionNP{margin: 30px 10px 0px 10px;}
    .mp_SectionNP a{font-size: 15px;}
    .mp_SectionNP i{padding-bottom: 0px;}
    .mp_RegisText{margin-top: 0;margin-bottom: 0;}
    .mp_HeadContent{margin-top: 0;margin-bottom: 15px;}
    .mp_Arrowposition{top: 30px;left: -22px;}
    .mp_RegisSection{margin: 40px 0;padding: 15px 0px 0px 0;background-size: cover;background-position: center top;}
    
    .mp_HeadContent h2{font-size: 42px;}
    /* .mp_BgContact_Mobile01{padding-bottom: 50px;padding-left: 0;padding-right: 0;background-image: url('../images201907/ais_bg_contact_mobile01.jpg');background-size: cover;width: 100%;height: auto;position: relative;} */
    /* .mp_BgContact_Mobile02{padding-bottom: 50px;padding-left: 0;padding-right: 0;background-image: url('../images201907/ais_bg_contact_mobile02.jpg');background-size: cover;width: 100%;height: auto;position: relative;} */
    .mp_HeadContact_Mobile01{padding: 0 0 0 30px;margin: 25px 0;}
    .mp_HeadContact_Mobile02{padding: 0 30px 0 0;margin: 25px 0;}
    /* .mp_TextPadding_Top{padding-top: 0 !important;} */
    .mp_BanenrText_TableCell{text-align: left;padding: 0px 30px;}
    .mp_BigButton_ReadMore{display: none;}
    .mp_AgentGood{padding: 0 30px;margin-top:10px;}
    .mp_AgentIntro { padding-top: 30px;}
    .mp_Arrowposition img{width: 25px;}
    .mp_NoteRight{margin-bottom: 25px;}
    .mp_ImageHead_Mobile01{width: 330px;float: right;margin-bottom: 20px;}
    .mp_ArrowStep{display: inline-block;vertical-align: top;margin: 0 10px;width: 25vw;}
    .mp_RegisText_Left{width: 280px;margin: auto;}
    .mp_RegisText_Right{padding: 0 25px;}
    .mp_PinPass img{margin-right: 10px;}
    .mp_download_button{margin-left: 0;}
    /* Start Manual */
    .mp_Manual_wrapper{padding:0;text-align:center;}
    #mp_phone_arrows{height: 600px;}
    #mp_phone_arrows .arrowPrev{left:0px;width:40px;}
    #mp_phone_arrows .arrowNext{right:0px;width:40px;}
    .mp_SelectBanking_List{margin-bottom: 20px;}
    #mp_mpay_arrows,#mp_atm_arrows{height: 420px;}
    #mp_mpay_arrows .arrowNext, #mp_atm_arrows .arrowNext{right: 0px;width: 20px;}
    #mp_mpay_arrows .arrowPrev, #mp_atm_arrows .arrowPrev{width: 20px;}
    #mp_notebook_arrows{height: 175px;}
    /* .mp_SelectBanking_List ul li{font-size:17px;} */
    .mp_LogoBank{height:50px;width:50px;}
    .ais_AtmBox_Front{position: absolute;}
    .slick-prev .mp_ArrowPrev_Notebookmanual{left: -68px;max-width: 28px;}
    .slick-prev .mp_ArrowPrev_Atmmanual{left: -45px;top: 30px;}
    .slick-prev .mp_ArrowPrev_manual{top: -45px;left: -72px;}
    .mp_DisPadding{padding-left: 0;padding-right: 0;}
    .mp_Manual{height:auto;background-image:url('../images201907/manual/manual_bg_mobile.jpg');background-size:cover;padding-bottom:0;}
    .mp_SelectBanking{background-image:url('../images201907/manual/manual_bg2_mobile.jpg');background-size:cover;padding-bottom:30px;}
    .mp_HeadManual{margin-bottom: 40px;}
    .mp_HeadManual strong{font-size: 48px;}
    .mp_HeadManual_Step{
      background-color: #000000;
      display: inline-block;
      padding: 6px 30px;
      position: absolute;
      right: 0;left:unset;
      margin-top: -59px;
    }
    .mp_HeadManual_Step strong{color: #ffffff;font-size: 30px;}
    /* .mp_ManualNumStrep .mp_ManulNumber{font-size: 58px;} */
    .mp_ManualNumStrep .mp_ManulName{font-size: 22px;padding-left: 0px;}
    .mp_ManualText p{font-size: 16px;}
    .mp_ManualContent{padding: 0 12px;display: inline-block;text-align: left;}
    .mp_Manual_wallet_button button{width:80vw;}
    .mp_ManualNumStrep{padding: 5px 0 0 10px;}
    .mp_ManualNumStrep_indent{text-indent: 20px;}
    .mp_ManualBlock_Content ul li{font-size: 20px !important;}
    .mp_ManualStep_Second p{font-size: 16px;display: inline-block;}
    .mp_ManulButton_Banking{width: auto;height: auto;margin: 10px 0;padding: 0 30px;}
    .mp_ManualBanking{display: inline-block;margin-left: 15px;}
    .mp_ManulButton_Banking p{line-height: 30px;}
    /* .mp_ManualText p{display: block;font-size: 18px !important;} */
    .mp_ManualText strong{font-size: 22px;width: 100%;}
    .mp_ManualBlock_Content ul{margin: 0 30px;}
    .mp_ManualNumStrep p{margin-bottom: 0;}
    .mp_SelectBanking_Head{display: block;vertical-align: top;padding-top: 10px;}
    .mp_SelectLogoBanking{display: inline-block;}
    .mp_SelectBanking_Center{position: unset;width: 320px;margin:0;}
    .mp_SlideDisplay_Phone{margin: 2px 25px 0px 17px;}
    .slick-next .mp_ArrowNext_manual{margin-left: 0;right: -70px;position: absolute;bottom: 0px;}
    .mp_SelectBanking-TableCell{padding-top:45px;}
    .mp_SelectBanking_Right{position: relative;display: block;float: unset;top: 0;width: 100%;padding-top: 30px;margin-bottom:10px;}
    .mp_SelectBanking_Left{margin-top: 0px;margin-left: 15px;display: block;}
    .mp_SelectBanking_Right strong{font-size: 30px;}
    .mp_BgHeadmobile{background-color: #000000;display: inline-block;padding: 6px 30px;margin-left: -6px;position: unset;}
    .mp_BgHeadmobile strong{color: #ffffff;}
    .mp_MobileDisplay{width:310px;top:80px;left:4px;}
    .mp_SelectBank_DetailPass p{font-size: 18px;}
    .mp_SelectBank_Bonus p{font-size: 16px !important;}
    .mp_SelectBank_PassBlock{text-align: center;margin: 10px 0 20px 0px;}
    .mp_SelectBank_DetailPass p{text-align: left;}
    .mp_SelectBank_DetailPass strong{float: left;}
    .mp_SelectBank_Bonus{margin: 0 15px;}
    .mp_SelectBanking_Left strong, .mp_AtmBlock strong, .mp_InternetBlock strong{font-size: 36px;}
    .mp_SelectBanking_Left p, .mp_AtmBlock p, .mp_InternetBlock p{font-size: 22px;}
    .mp_SelectBanking_List strong{font-size: 24px;}
    .mp_ManualMobile_note{font-size:17px;}
    .mp_Rewards p{font-size:17px;}
    .mp_Wallet h2{font-size:36px;}
    .mp_Wallet_buttons a button{width:80%;margin:10px;}
    .mp_AtmBlock{margin-left: 0;}
    .ais_AtmBox_Back{left:0px;}
    .mp_AtmDisplay {
      top: 34px;
      left: 35px;
      width: 249px;
  }
  .atm_first{width: 249px;}
    .mp_RelativeDesktop{position: unset;}
    .mp_Atm_wrapper{width:320px;height:424px;margin:auto;}
    .mp_AtmDisplaySlide{max-width:100vw;}
    .mp_AtmDisplaySlide img{max-width:100vw;height:auto;}
    
    .mp_AtmSec, .mp_NotebookSec{padding: 45px 0 60px 0;height:auto;}
    .mp_AtmBlock{height: auto;padding: 0 15px;}
    .mp_MpayDisplaySlide img{max-width:100vw;height:auto;}
    .mp_NotebookDisplaySlide img{max-width: 100vw;height: auto;margin-left: 3px;}
    .slick-next .mp_ArrowNext_Atmmanual{position: absolute;top: 30px;right: -40px;}
    .mp_InternetBlock{margin-left: 0;}
    .mp_InternetBlock{height: auto;padding: 0 15px;}
    .mp_BgImageCase_NoteBook{
      position: relative;
      width: 400px;
      height: 247px;
      margin: auto;
    }
    .mp_InternetDisplay{
      width: 322px;
      height: auto;
      left: 38px;
      top: 20px;
    }
    #mp_notebook_arrows .arrowNext, #mp_notebook_arrows .arrowPrev{width:35px;padding:3px;}
    .slick-next .mp_ArrowNext_Notebookmanual{margin-left: 0;max-width: 28px;position: absolute;right: -60px;}
    /* edit 6-9-16 */
    .mp_sunny_btn_ais_service_other {
      margin-bottom: 10px;
  }
    /* End Manual */
    /* Start Rabbit */
    .mp_BlockStepRabbit{
      width: 100%;
      height: auto;
      margin-top: 22px;
    }
    .mp_NumberStep_Rabbit{width: 35px;height: 35px;line-height: 35px;padding:0;left:0;top: 0;}
    .mp_NumberStep_Rabbit strong{font-size: 35px;}
    .mp_BlockStepRabbit img{width: 120px;vertical-align: text-bottom;}
    
    .mp_BlockStepRabbit p{
      font-size: 18px;
      line-height: 33px;
      margin-left: 45px;
    }
    .mp_SectionCondition{margin-top: 20px; padding: 0px 0px;}
    .mp_CirclePhoneLeft{height:30px;width:30px;left: 9px; top: 114px;border-width:2px;}
    .mp_CirclePhoneRight{height:40px;width:100px;right: 8px;top: 62px;}
    .mp_LastStep_Rabbit{width: 100%;margin: 10px auto;padding:0;}
    .mp_ImageStepSec{margin:30px 0;}
    .mp_ImageStep img{width:113px;}
    .mp_TextScan{top:64px;right:-64px;}
    .mp_TextScan p{font-size: 14px;}
    .mp_LastStep_Rabbit .mp_LasrStepFont_Left{font-size: 24px;vertical-align: middle;}
    .mp_LastStep_Rabbit .mp_LasrStepFont_Right{font-size: 12px;vertical-align: middle;}
    .mp_IntroRabit_Block{margin-bottom:0;}
    .mp_LastStep_Rabbit img{vertical-align: middle;margin: 0 5px;width: 120px;}
    .mp_IntroRabit_Block img{width: 215px;}
    .mp_LastStep_Rabbit{height: auto;}
    .mp_LastStep_Rabbit img{height: 22px;width:auto;}
    .mp_ConditionRabbit{margin-left: 60px;    margin-top: 0px;}
    .mp_ConditionRabbit p, .mp_ConditionRabbit li{font-size: 18px;}
    .mp_StepRabbit{padding: 0 5px;background-size:130vw auto;background-position: center 160px;}
    
    /* End Rabbit */

    /* ################# edit 16-1-19 ##############################*/
    .mp_SectionContact{
      background-image: url('../images201907/contact_BySunny/contact_problem_notice_bg.jpg');
      background-repeat: unset;
    }
    p.sn_contact_title, p.sn_contact_subtitle {
      font-size: 42px;
    }
    .mp_TextReport p, .mp_TextReport strong{line-height: 19px;}
    .mp_ContentReport .row{margin: 0px 10px;}
    .mp_TextReport strong {
      font-size: 18px;
  }
  p.sn_contact_subtitle {
    margin-bottom: 20px;
  }
  .mp_BannerContact{
    background-image: url('../images201907/contact_BySunny/banner_contact_mobile.png');
  }
  p.sn_contact_title, p.sn_contact_subtitle {
    line-height: 35px;
  }
  .mp_ManualText p, .mp_ManualBlock_Content ul li, .mp_SelectBank_DetailPass p, p.sn_receiving_rewards span,
  p.mp_Wallet_detail, .mp_AtmBlock span, .mp_SelectBanking_List ul li{
    font-size: 22px;
  }
}
/* Small Landscape*/
/*@media screen and (max-width: 740px) and (orientation : landscape) {*/
    @media screen and (max-width: 840px) and (orientation : landscape) {
    .mp_TitleReporn{margin-bottom: 0;}
    .slick-slide img{width: 100px;}
    .mp_ImageLogo{margin-bottom: 25px;}
    .mp_TextBanner img{width: 385px;}
    .mp_BanenrText_TableCell span{font-size: inherit;}
    .mp_TextIndent{padding-left: 30px;}
    .mp_BanenrText_TableCell h1{font-size: 58px;}
    .mp_TextBottom{font-size: 46px;}
    .mp_AgentGood{padding: 0 100px;}
    .mp_BanenrText_table{height: auto !important;}
    .mp_Content_AgentGood img{width: 80px !important;}
    .mp_Arrowposition img{width: unset !important;}
    .mp_Arrowposition{top: 30px !important;}
    .mp_slide_01{height: auto !important;}
    .mp_BanenrText_TableCell h1{font-size: 52px !important;}
    .mp_TextBottom{font-size: 40px;line-height: 50px;}
    .mp_ImageLogo{width: 100px !important;}
    .mp_slide_01 {padding: 20px 0 40px 0px;}
    .mp_ImageSlide_WhatPay{width: 132px !important;}
    .mp_ImagePoint img{width: 76px !important;}
    .mp_section_What_to_Pay h2{font-size: 62px !important;}
    .mp_HeadNews h3{font-size: 42px !important;}
    .mp_SectionIntro h2{font-size: 52px !important;}
    .mp_download_button{padding: 2px 5px;}
    .mp_BannerContact{padding: 0 0 0 0 !important;}
    .mp_HeadContent h2{font-size: 34px !important;}
}
/* Small Portrait*/
@media screen and (max-width: 640px) and (orientation : portrait) {

}
/* Medium Landscape & Portrait*/
@media only screen and (min-width: 641px) and (max-width: 1023px) {
    .mp_TextReport p{font-size: 20px;}
    .mp_HeadContent h2{font-size: 38px;}
    .mp_BlogSlide_content table{width: 900px;}
    .mp_BannerSlide .slick-dots{top: unset;}
    .slick-dots{top: 195px;}
    .slick-next{width: 50px !important;right: -15px !important;}
    .slick-prev{width: 50px !important;left: -15px !important;}
    .mp_slide_01{background-position: center;}
    .mp_BanenrText_table{height: 385px;}
    .mp_BanenrText_TableCell h1{font-size: 72px;line-height: 60px;}
    .mp_banner_ImageText p, .mp_banner_ImageText span{font-size: 40px;}
    .mp_SectionIntro h2{font-size: 62px;font-size: 58px;}
    .mp_SectionIntro .mp_PointNumber{font-size: 42px;}
    .mp_ImagePoint img{padding: 10px 10px;}
    .mp_section_What_to_Pay h2{font-size: 82px;}
    .mp_section_What_to_Pay span{font-size: 100px;}
    .mp_background_ContentTabs_TableCell{padding: 0 35px;}
    .mp_ArrowPayBill_AisDefault{top: 110px !important;left: 65px;}
    .mp_ArrowPayBill{top: 110px !important;left: 180px;}
    .mp_Arrow_MoneyTransfer{top: 110px !important;left: 305px;}
    .mp_ArrowGame{top: 110px !important;left: 430px;}
    .mp_ArrowTell{top: 110px !important;left: 560px;}
    .mp_ArrowInternet{top: 110px !important;left: 680px;}
    .mp_ImageSlide_WhatPay p{font-size: 32px;}
    .mp_section_PointMPay h2{font-size: 82px;}
    .mp_section_PointMPay p{font-size: 21px; line-height: 19px;}
    .mp_BlogNews img{width: 100%;}
    .mp_section_blog{padding: 0 60px;}
    .mp_BlogNews{margin-bottom: 15px;height: unset;display: block;}
    .mp_table_long_text td{padding: 13px 8px;font-size: 14px;}
    .mp_PayAisBills td{font-size: 26px;}
    .mp_SubTabs li{padding: 0 5px;}
    .mp_IntroAgent{margin: 20px 40px 30px 40px; }
    .mp_ContentIntro_agent{text-align: center;margin-top: 15px;}
    .mp_CheckIntro{text-align: center;}
    .mp_CheckIntro p{width: 290px;text-align: left;}
    .mp_IntroWays p{text-align: center;}
    .mp_BlockWays p{text-align: left;}
    .mp_SectionElement{height: auto;}
    .mp_background_HeadElement b{font-size: 28px;}
    .mp_background_HeadElement{width: 100%;}
    .mp_background_DetailElement{padding: 25px 0 35px 35px;}
    .mp_background_BlockElement ul{padding: 25px 0 0px 55px;}
    .mp_background_BlockElement .mp_NoteElement{padding: 0px 0 35px 40px;}
    .mp_SuccessElement p{font-size: 21px;}
    .mp_HeadCommission{width: 100%;}
    .mp_DetailCommission{padding: 25px 0 35px 35px;}
    .mp_block_CheckSteps img{width: 70px;}
    .mp_block_CheckSteps p{padding-left: 0px;}
    .mp_block_CheckSteps .mp_IconPhone{width: 15px;}
    .mp_HeadMcash{width: 100%;}
    .mp_Mcash_HowStep{width: 100%;}
    .mp_HeadMap{margin-top: 0px;}
    .mp_BannerContact{padding: 0 20px 0 20px;height: unset;}
    .mp_GoogleMap iframe{width: 370px;}
    .mp_GoogleMap{margin-left: 15px;}
    .mp_address{margin-right: 15px;}
    .mp_ImageSlide_WhatPay{width: 125px;height: auto !important;}
    .slick-track{width: 100%;}
    .mp_SlideImage_WhatToPay_device{margin: auto;padding: 0 10px !important;}
    .mp_ImageSlide_WhatPay img{width: 85px;}
    .mp_ImageSlide_WhatPay p{font-size: 18px;}
    .mp_ArrowTabs_mobile {position: absolute;}
    .mp_ArrowPayBill_AisDefault{top: 134px !important;left: 55px;}
    .mp_ArrowPayBill{top: 134px !important;left: 182px;}
    .mp_Arrow_MoneyTransfer{top: 134px !important;left: 308px;}
    .mp_ArrowGame {top: 134px !important;left: 433px;}
    .mp_ArrowTell {top: 134px !important;left: 556px;}
    .mp_ArrowInternet {top: 134px !important;left: 682px;}
    .mp_arrow_up{margin: auto;}
    .mp_SlideImage_WhatToPay_device .slick-dots li button:before{color: #cccccc !important;}
    .mp_SlideImage_WhatToPay_device .slick-dots li.slick-active button:before{color: #088f42;opacity: 1 !important;}
    .mp_SlideImage_WhatToPay_device .slick-dots li.slick-active .button-0:before{color: #088f42 !important;}
    .mp_SlideImage_WhatToPay_device .slick-dots li.slick-active .button-1:before{color: #822a79 !important;}
    .mp_SlideImage_WhatToPay_device .slick-dots li.slick-active .button-2:before{color: #cf5d34 !important;}
    .mp_SlideImage_WhatToPay_device .slick-dots li.slick-active .button-3:before{color: #005775 !important;}
    .mp_SlideImage_WhatToPay_device .slick-dots li.slick-active .button-4:before{color: #b31f5e !important;}
    .mp_SlideImage_WhatToPay_device .slick-dots li.slick-active .button-5:before{color: #ec9610 !important;}
    .mp_RegisText p{font-size: 17px;line-height: 20px;}
    .mp_PinPass p, .mp_PinPass strong{font-size: 18px !important;}
    .mp_PinPass img{margin-right: 8px;}
    .mp_SlideContent_WhatToPay_device .slick-slide:nth-of-type(1){margin-top: 15px;overflow-y: scroll;overflow-x: visible;}
    .mp_SlideContent_WhatToPay_device .slick-slide:nth-of-type(2){margin-top: 15px;overflow-y: scroll;overflow-x: visible;}
    .mp_SlideContent_WhatToPay_device .slick-slide:nth-of-type(3){margin-top: 15px;overflow-y: scroll;overflow-x: visible;}
    .mp_SlideContent_WhatToPay_device .slick-slide:nth-of-type(4){margin-top: 15px;overflow-y: scroll;overflow-x: visible;}
    .mp_SlideContent_WhatToPay_device .slick-slide:nth-of-type(5){margin-top: 15px;overflow: scroll;height: unset;max-height: 475px;}
    .mp_SlideContent_WhatToPay_device .slick-slide:nth-of-type(6){margin-top: 15px;overflow: scroll;height: unset;max-height: 475px;}
    .mp_SectionNP .mp_NumberPage{width: 86%;}
    .mp_AgentBgIntro{background-image: none;}
    .mp_download_button{margin-bottom: 0px;display: inline-block;}
    .mp_RegisText{padding: 0 18px;}
    /* .mp_TextPadding_Top{padding-top: 145px !important;} */
    .mp_TextReport strong{font-size: 20px;}
    .mp_AgentGood{padding: 0 112px;}
    .mp_Content_AgentGood img{width: 100%; max-width: 100px;}
    .mp_Arrowposition img{width: unset;}
    .mp_Arrowposition{top: 40px;}
    .mp_RegisSection{margin-bottom: 40px;}
    .mp_Content_AgentGood p{font-size: 17px;}
    .mp_IntroReegis p{font-size: 22px;margin-bottom: 0;}
    .mp_AgentIntro p{font-size: 21px;}
    .mp_ImageLogo{width: 130px;}
    .mp_SectionContact{margin-top: 40px;}
    .mp_ImagePoint img{padding: 10px 3px;width: 100px;}
    
    /* Start Manual */
    .mp_NotebookDisplaySlide img {max-width: 70vw;height: auto;margin-left: 3px;}
    .ais_AtmBox_Front {position: static;}
    .mp_BgImageCase_NoteBook {position: relative;}
    .mp_HeadManual_Step{padding-left:15px;padding-right:30px;}
    .mp_HeadManual strong{font-size: 52px;}
    .mp_HeadManual_Step strong{font-size: 28px;}
    /* .mp_ManualNumStrep .mp_ManulNumber{font-size: 62px;} */
    .mp_ManualIcon img{width: 40px;}
    .mp_ManualText p{font-size: 13px;}
    .mp_ManualText strong, .mp_ManulButton_Banking p, .mp_SelectBanking_Left p, .mp_AtmBlock p, .mp_InternetBlock p{
      font-size: 19px;
    }
    .mp_ManualStep_Second p, .mp_ManualBlock_Content ul li{font-size: 16px;}
    .mp_Wallet_buttons a button{font-size:26px;}
    .mp_SelectBanking_List ul li{font-size: 18px;}
    .mp_SelectBanking_Left strong, .mp_AtmBlock strong, .mp_InternetBlock strong, .mp_SelectBanking_Right strong{font-size: 28px;}
    .mp_SelectBank_DetailPass p{font-size: 18px;}
    .mp_SelectBank_DetailPass strong{font-size: 32px;}
    .mp_SelectBank_Bonus p{font-size: 18px;line-height: 18px;}
    .mp_SelectBanking_Center{width: 240px;height: 460px;left: 165px;top: 180px;}
    .mp_SlideDisplay_Phone{margin: -8px 25px 0px 20px;}
    .mp_SlideDisplay_Phone img{max-width: 27vw;height: auto;width: 100%;}
    .slick-next .mp_ArrowNext_manual{margin-left: 60px;max-width: 25px;}
    .mp_SelectBanking{height: 725px;}
    .mp_AtmBlock{margin-left: 12px;}
    .mp_RelativeDesktop{position: unset;}
    .mp_BgImageCase{margin-top: 40px;}
    .mp_AtmSec{height: auto;}
    .mp_AtmSec{position: relative;}
    .mp_AtmSec{padding: 0 12px;}
    .mp_SelectLogoBanking img{margin: 0 0 0 0;}
    .mp_AtmBlock span{font-size: 18px;}
    /* .mp_AtmDisplay{top:105px;left:87px;} */
    .slick-next .mp_ArrowNext_Atmmanual{max-width: 35px;margin-left: 42px;}
    .mp_NotebookSec{height:auto;}
    .mp_NotebookCase{width: 440px;height:278px;}
    .mp_InternetDisplay{
      width: 354px;
      left: 42px;
      top: 22px;
      height: auto;
    }
    .mp_InternetBlock{margin-left: 12px;height:auto;}
    .mp_BgHeadmobile{padding: 8px 80px 8px 30px;}
    .mp_AtmDisplaySlide img {max-width: 45vw;height: auto;}
    .mp_MpayDisplaySlide img{max-width: 45vw;height: auto;}
    .mp_RelativeDesktop{position: relative;}
    #mp_atm_arrows, #mp_mpay_arrows{height: 45vw;}
    #mp_notebook_arrows{height: 35vw;}
    #mp_phone_arrows{height: 60vw;}
    #mp_phone_arrows .arrowNext{right: -20px;}
    #mp_phone_arrows .arrowPrev{left: -25px;}
    #mp_phone_arrows .arrowNext img, #mp_phone_arrows .arrowPrev img, #mp_atm_arrows .arrowNext img, #mp_atm_arrows .arrowPrev img, #mp_mpay_arrows .arrowNext img, #mp_mpay_arrows .arrowPrev, #mp_notebook_arrows .arrowNext img, #mp_notebook_arrows .arrowPrev img{width: 25px;}
    #mp_notebook_arrows .arrowNext{right: 25px;}
    #mp_notebook_arrows .arrowPrev{left: 15px;}
    /* End Manual */
    /* Start Rabbit */
    .mp_LastStep_Rabbit{width: 100%;}
    /* End Rabbit */
    /* edit by sunny 16-1-19 */
    p.sn_contact_title, p.sn_contact_subtitle {
      font-size: 45px;
    }
    p.sn_contact_subtitle {
      padding-left: 15px;
    }
    .padd-10 {
      padding: 7px !important;
    }

  /* ------------------- new set text page manual ----------------------- */
  .mp_ManualNumStrep .mp_ManulName, span.mp_ManulName {
    font-size: 20px;
  }
}
/* Medium Landscape*/
@media only screen and (min-width: 641px) and (max-width: 1024px) and (orientation : landscape) {
    .mp_SectionIntro .mp_PointNumber{font-size: 42px;}
    .tabs-title{width: auto;margin: 0 0px;}
    .mp_TabsMenus a{font-size: 22px;}
    .mp_background_ContentTabs_TableCell{padding: 0 35px;}
    .mp_ArrowPayBill_AisDefault{top: 125px;left: 80px;}
    .mp_ArrowPayBill{top: 125px;left: 245px;}
    .mp_Arrow_MoneyTransfer{top: 125px;left: 415px;}
    .mp_ArrowGame{top: 125px;left: 585px;}
    .mp_ArrowTell{top: 125px;left: 745px;}
    .mp_ArrowInternet{top: 125px;left: 920px;}
    .mp_ImagePoint img{width: 100px;}
    .mp_section_PointMPay p{font-size: 24px;}
    .mp_HeadNews h3{font-size: 52px;}
    .mp_HeadNews{margin-bottom: 15px;}
    .mp_BrDis{display: none;}
    .mp_address{margin-right: 0;}
    
    .mp_RowWhatPay{padding: 0 5px 0 5px;}
    .mp_ArrowPayBill_AisDefault{top: 190px;left: 70px;}
    .mp_ArrowPayBill{top: 190px;left: 240px;}
    .mp_Arrow_MoneyTransfer{top: 190px;left: 408px;}
    .mp_ArrowGame {top: 190px;left: 581px;}
    .mp_ArrowTell {top: 190px;left: 752px;}
    .mp_ArrowInternet{top: 190px;}
}
/* Medium Portrait*/
@media only screen and (min-width: 641px) and (max-width: 1023px) and (orientation : portrait) {
}
@media only screen and (min-width: 1025px) and (max-width: 1155px) {
    .mp_RowWhatPay{width: 1050px;margin: auto;}
    .mp_ImageSlide_WhatPay{width: 163px !important;}
    .mp_SlideContent_WhatToPay_device{padding: 0 20px;}
    .mp_SlideImage_WhatToPay_device{padding: 0 20px;}
    .mp_ArrowPayBill_AisDefault{left: 96px;}
    .mp_ArrowPayBill{left: 262px;}
    .mp_Arrow_MoneyTransfer{left: 424px;}
    .mp_ArrowGame{left: 590px;}
    .mp_ArrowTell{left: 752px;}
    .mp_ArrowInternet{left: 916px;}
    .mp_SlideImage_WhatToPay_device{margin: auto;width: 1025px;}
}
/* ----------- iPhone 6+, 7+ and 8+ ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
    .img_ais_logo_rabbit img{vertical-align: -13px;}
}
/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
}
/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
}
/* ----------- iPhone 6, 6S, 7 and 8 ----------- */
/* Portrait and Landscape */

@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
    .img_ais_logo_rabbit img{vertical-align: -13px;}
    /* Start Manual */
    /* End Manual */
}
/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
}
/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
}
/* ----------- iPhone X ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
}
/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
}
/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) {
}
/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
    .img_ais_logo_rabbit img{vertical-align: -13px;}
}
/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
}
/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
}

@media only screen and (max-width: 414px){
  .mp_ImageLogo img { border-radius: 19px; }
  .mp_ImagePoint img { width: 90px; padding: 0px 0px 0px 0px;}

  .mp_ImagePoint.medium_size img { width: 55px; }

  /* popup */
  .section_news_popup p {font-size: 21px; line-height: 23px; padding: 0px 15px;}
  .section_news_popup{top: 20%; border: 2px solid #aed032; width: 100%; height: 435px; padding: 6px;}
  #sn_new3 p { padding:0px 30px;}
  #sn_new4 p {padding-left: 15px;padding-right: 0px;}

  .mp_section_PointMPay p {
    font-size: 18px;
  }
  p.sn_receiving_rewards {
    padding: 0px 0px;
  }
  p.sn_receiving_rewards span{font-size: 18px;}

  .mp_ManualText p, .mp_ManualBlock_Content ul li, .mp_SelectBank_DetailPass p, p.sn_receiving_rewards span,
  p.mp_Wallet_detail, .mp_AtmBlock span, .mp_SelectBanking_List ul li{
    font-size: 18px;
  }

  /* rabbit */
  .mp_banner_rabbit{
    background-image: url(../images201907/banner_rabbit/BannerRabbitMobile_n.jpg);
  }
  .mp_TextBanner.rabbit {
    transform: translate(-7%, -55%);
    width: 38%;
  }
  p.sn_rabbit_m{padding: 10px 0px;}
  img.sn_rabbit_m{
    margin: 0px 5px 7px -15px;
  }
  .mp_TextScan p {
    margin-right: -10px;
  }

  .new_5 .have_img{
    text-align: center!important;
  }

}

@media only screen and (max-width: 375px){
  .mp_BgMpayText_Mobile_index{width: 178px;}
  .mp_TextIndent_index{font-size: 24px;}
  .mp_TextBanner_index h1 { font-size: 36px; margin-left: -29px;}
  .mp_sunny_box_in_mobile{margin-top: -26px;}
  /* edit 16-1-19 */
  .mp_ContentReport .row {
    margin: 0px 12px;
  }
  p.sn_contact_subtitle {
    padding-left: 15px;
  } 
  .mp_ImagePoint img { width: 88px; }
  /* popup */
  .section_news_popup p {font-size: 20px; padding-left: 10px; padding-right: 0px;}
  #sn_new3 p { padding: 0px 20px; }
  #sn_new4 p { padding-left: 5px;}
  p.sn_receiving_rewards span {
    font-size: 15px;
  }

  .mp_BgImageCase_NoteBook {
    width: 370px;
  }
  .mp_InternetDisplay {
    width: 299px;
    height: auto;
    left: 35px;
    top: 18px;
  }
  .mp_TextScan p {
    margin-right: 8px;
    font-size: 12px;
  }
  .mp_BlockStepRabbit .sn_rb_text_m{
    padding-top: 6px;
  }
  .mp_BlockStepRabbit p{
    line-height: 20px;
  }
}

@media only screen and (max-width: 320px){
  .mp_TextIndent {font-size: 24px; line-height: 12px;}

  .mp_ImageLogo img{width: 85px;}
  .mp_BgMpayText_Mobile_index{width: 139px;}
  .mp_TextIndent_index{font-size: 18px; line-height: 1px; margin-left: -29px;}
  .mp_sunny_box_in_mobile{margin-top: 15px; margin-left: -25px;}
  .mp_TextBanner_index h1{font-size: 26px;}
  /* edit 16-1-19 */
  p.sn_contact_title, p.sn_contact_subtitle {
    font-size: 32px;
  }
  .mp_ImagePoint img { width: 70px; }
  .mp_section_PointMPay p {
    font-size: 16px;
}
  /* popup */
  .section_news_popup {padding: 0px; }
  .section_news_popup p { font-size: 18px; padding-left: 5px;  }
  #sn_new3 p { padding: 0px 15px; }
  #sn_new4 p { padding-left: 2px; }

  p.sn_receiving_rewards span {
    font-size: 13px;
  }
  .mp_Wallet p {
    font-size: 22px;
  }

  .mp_BgImageCase_NoteBook {
    width: 310px;
  }
  .mp_InternetDisplay {
    width: 252px;
    left: 29px;
    top: 15px;
  }
  .mp_TextScan p {
    margin-right: 20px;
    font-size: 10px;
    margin-top: 5px;
  }
  .mp_BlockStepRabbit p {
    line-height: 18px;
  }
  .mp_ManualNumStrep .mp_ManulName, span.mp_ManulName {
    font-size: 18px;
  }
  .mp_BlockStepRabbit .sn_rb_text_m {
    padding-top: unset;
  }
}