html, body {
		width:100%;
		max-width:1024px;
		margin: 0px;
		padding: 0px;
		font-family: "Arial", "PingFang SC", "微軟正黑體", "Roboto", "Helvetica Neue", sans-serif;
		margin-left: auto;
		margin-right: auto;
        margin-bottom: 50px;
	}

	html {
		scroll-behavior: smooth;
		-webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */		
	}
	
	input {
		height:44px;
		font-size:19px;
		box-sizing:border-box;
	}
	
	select {
		height:44px;
		font-size:19px;
		margin-right:5px;
	}
	
	footer {
      background-color: #FE0042;
	  font: normal normal bold 22px/18px Arial;
	  color: #FFFFFF;
      clear: both;
	  position: fixed;
      right: 0;
      bottom: 0;
      left: 0;
      padding: 1rem;
      text-align: center;
    }

	.title {
		<% if (!bIsEn) { %>
		display: flex;
		justify-content: flex-start;
		align-self: flex-start;
		<% } %>		
	}
		

	.selectedProduct {
		display:none;
	}
	
	.unselectedProduct {
		display:block;
	}
	
	.productBtn2Year {
		display:flex;
		align-items:center;
		justify-content:center;
		flex-direction:row;
	}
	
	.productBtns1 {
	}
	
	.largeBtn {
		display:flex;
		text-align: center;
	}
	
	.mobileBtn {
		display:none;
	}
	
	.stepMonthADiv {
		display:flex;
		align-items:center;
		padding-left:63px;		
	}
	
	.stepDiv {
		display:flex;
		align-items:center;
		padding-left:63px;
	}
	
	.descDiv {
		display: flex;
        flex-wrap: wrap;
        justify-content: left;
		padding-left: 103px;
		padding-right:103px;
	}
	
	.stepText {
        margin-left:10px;
        text-align: left;
        font: normal normal bold 22px/57px Arial;
        letter-spacing: 0px;
        color: #00338A;
        opacity: 1;
		padding-top: 1px;
	}
	
	.titleText {
		font-size:35px;
		color:#000000;
		font-weight:900;
		text-align:left;
		padding-left:61px;
		display:flex;
		align-items:center;
	}

	.bankInData {
		font-weight:bold;
	}
	
	.bankInRow {
		padding-top:10px;
	}
	
	.aliPayRow {
		padding-top:10px;
		padding-bottom:10px;
	}
	
	.otherPaymentMethod {
		color: black;
		font-size: 50px;
		line-height:70px;
		padding: 3px;
		padding-left: 10px;
		font-weight:bold;
		padding-top:50px;
	}
	
	.referralImg {
		display:block;
	}		
	
	.referralImgMP {
		display:none;
	}		

	.referralImgML {
		display:none;
	}	
	
	.referralExpiryText {
		color:#F92A00;
		text-align:center;		
		font-size:18px;
		line-height:40px;
	}
	
    .productBtns {
        display: flex;
        flex-wrap: wrap;
        justify-content: left;
        flex-direction: row;
		margin-right: auto;
		margin-left: 92px;
    }
	

	.btn{
		display: flex;
		flex-direction:column;
		margin-bottom: 5px;
	}
	
	.methodDivClass {
		margin-top:15px;
	}
	
	form{
		width: 100%;
	}
	
	.mainContainer {
		width: 100%;
		margin-right: auto;
		margin-left: auto;
		justify-content: center;
	}
	
	.coupon {
		display: flex;
		align-items:center;
		justify-content:center;
		flex-wrap:wrap;
	}
	
	.limitedToday {
		font-size: 16px;
		margin-top: 10px;
		text-align:center;
	}
	
	.stepImg {
		height:29px;
	}
	
	.instData {
		padding-left:30px;	
        padding-right:30px;			
	}
	
	.instInfoDiv {
		display:flex; 
		flex-direction:row;
		flex-wrap:wrap;
	}
	
	.instText1 {
      text-align: center;
      font: normal normal bold 18px/57px Arial;
      letter-spacing: 0px;
      color: #000000;
      opacity: 1;
	}
	
	.cardNumBox {
		margin-right:5px;
		width:75px;
	}
	
	.monthAutoBtn {
		display:flex;
		flex-direction:row;
		padding-top:19px;
	}
	
	.monthAutoMobileBtn {
		display:none;
	}
	
	.monthAutoBtnNSel {
		display:block;
	}

	.monthAutoBtnN {
		display:none;
	}
	
	.monthAutoBtnYSel {
		display:none;
	}

	.monthAutoBtnY {
		display:block;
	}	
			
	.monthAutoBanner {
		display:flex; 
		flex-direction:row;
		align-items:center;
		justify-content:flex-start;
		padding-left:2%;
	}
	
	.monthAutoBanner1 {
		font-size:50px;
		color:#00338A;
		padding-left:2%;
		font-weight:900;
		white-space:nowrap;
	}

	.monthAutoBanner12 {
		display:flex;
		flex-direction:row;
		align-items:center;
		justify-content:center;
	}
	
	.monthAutoDollar {
		font-size:30px;
	}
	
	.monthAutoPrice {
	}
	
	.monthAutoBanner2 {
		font-size:32px;
		color:#00338A;
		font-weight:bold;
		white-space:nowrap;
		padding-left:8px;
	}
	
	.monthAutoDayDollar {
		font-size:18px;
	}
	
	.monthAutoBanner3 {
		font-size:33px;
		color:#FF0D73;
		font-weight:bold;
		width:100%;
		padding-left:2px;
	}
	
	.monthAutoBannerLink {
		width:33%;
		color:#1F75D2;
		font-size:19px;
		white-space:nowrap;
		text-align:right;
		padding-right:10px;
		display:none;
	}
	
	.monthAutoBannerLink > a:link {
		color:#1F75D2;
	}
	
	.monthAutoBannerLink > a:visited {
		color:#1F75D2;
	}
	
	.monthAutoTypeTitle {
		display:block;
	}
	
	.monthAutoArrow {
		display:flex;
		flex-direction:row;
		align-items:center;
		justify-content:center;
		font-size:10px;
	}
	
	.monthAutoArrowSpace {
		width:236px;
		text-align:center;
		padding-left:10px;		
	}
	
	.monthAutoArrowOtherSpace {
		width:213px;
		padding-left:10px;		
	}
	
	.monthAutoTypeNote {
		display:flex;
		justify-content:flex-start;
		padding-left:710px;
		font-size:11px;
		color:#858585;
	}
	
	.monthAutoContactText {
		font-size:16px;
		color:#858585;
		padding-left:8px;
		padding-top:5px;
		padding-bottom:5px;
	}
	
	.instInfoRow {
		display:flex;
		align-items:center;
		padding-top:10px;
		padding-bottom:10px;
	}
	
	.instInput {
		width:250px;
	}
	
	.monthAutoInfoRow {
		display:flex;
		align-items:center;
		padding-top:5px;
		padding-bottom:5px;
	}
	
	.monthAutoInfoTitle2 {
		width:100px;
	}
	
	.instInfoTitle	{
		padding-right:10px;
	}
	
	.monthAutoInfoTitle	{
		width:120px;
	}
	
	.monthAutoInfoItem {
		padding-left:5px;
		white-space:nowrap;
		width:310px;
	}
	
	.cardNameBox {
		width:100%;
	}
	
	.monthAutoBtnDiv {
		display:flex;
		align-items:center;
		justify-content:center;
		padding-top:80px;
		padding-bottom:20px;
	}

	.monthAutoNote {
		font-size:14px;
		color:#858585;
		text-align:center;
		padding-bottom:30px;
	}
	
	.monthAutoContactText > a:link {
		color:#1F75D2;
	}
	
	.monthAutoContactText > a:visited {
		color:#1F75D2;
	}	

	.monthAutoNote > a:link {
		color:#1F75D2;
	}
	
	.monthAutoNote > a:visited {
		color:#1F75D2;
	}		
	
	.tcTitle {
		font-size:33px;
		color:#000000;
		font-weight:900;
	}
	
	.tcDiv {
		background-color:#ECECEC;
		margin-left:5px;
		margin-right:5px;
		padding:10px;
		font-size:15px;
		color:#707070;
		border-radius:10px;
	}
	
	.tcSubTitle1 {
		font-weight:bold;
		font-size:25px;
		color:#000000;
	}
	
	.tcDiv li {
		margin-top:5px;
		margin-bottom:5px;
	}
	
	.tcDiv > div {
		margin-top:5px;
		margin-bottom:5px;	
	}
	
	.endSubDiv {
		display:flex;
		flex-direction:row;
		align-items:center;
		justify-content:center;
	}
	
	.endSubBtn {
		background-color:#06B2D6;
		color:#FFFFFF;
		padding:2px;
		margin-left:2px;
		border-radius:5px;
	}
	
	.endSubBtn > a:link {
		color:#FFFFFF;
		text-decoration:none;
	}
	
	.endSubBtn > a:visited {
		color:#FFFFFF;
		text-decoration:none;
	}	

  <%-- product --%>
  
  .selectedPaymentText {
	  color:#FFFFFF;
  }
  
  .productText {
	  height:24px;
	  font-size:19px;
	  line-height:17px;
	  color:#FFFFFF;
	  display:flex;
	  align-items:center;
	  justify-content:center;
  }
  
  .methodBtn {
	 display:inline;
	 flex-direction:row;
	 padding:10px;
	 
  }
  
  .methodSelected {
	  padding: 5px;
	  background-color:#EEEEEE;
	  border-radius:10px;
	  width:92px;
	  height:90px;
	  display:flex;
	  justify-content:center;
	  align-items:center;
	  flex-direction:column;
  }
  
  .methodAtmSelected {
	  padding: 5px;
	  background-color:#EEEEEE;
	  border-radius:10px;
	  height:90px;
	  display:flex;
	  justify-content:center;
	  align-items:center;
	  flex-direction:column;
  }
  
  .selectedMethod {
	background-color:#00338A;
	border-radius:10px;
  }
  
  .methodText {
	  padding-top:5px;
	  font-size:16px;
	  text-align:center;
	  white-space:nowrap;
  }
  
  .methodTextS {
	  padding-top:5px;
	  font-size:14px;
	  text-align:center;
	  white-space:nowrap;	  
  }
  
  .bottomText {
	padding-top:30px;
	font-size:16px;
	color:#000000;
	padding-bottom:60px;
	text-align:center;
  }
  
  .not2YearDiv {
	  display:flex; 
	  align-items:center;
	  justify-content:center;
	  flex-direction:column;
	  padding-top:30px;
	  color:#00338A;
	  font-size:19px;
	  font-weight:bold;
	  padding-left:20px;
	  padding-right:20px;
	  text-align:center;	  
  }
  
  .not2YearDiv > img {
	  padding-top:20px;
	  padding-bottom:20px;
  }
  
  .product2Year2Div {
	  display:flex;
	  flex-direction:row;
	  margin-left:15px;
  }
  
  .totalPriceDiv {
     letter-spacing: 0px;
     opacity: 1;
	 align-items:center;
	 padding: 5px;
  }
  
  .productPriceDiv {
     font:  font: normal normal bold 22px/57px Arial;
     letter-spacing: 0px;
     opacity: 1;
  }
  
  .productPriceAverageDiv {
    font: normal normal bold 18px/57px Arial;
    letter-spacing: 0px;
    opacity: 1;
  }
  
  
<%-- credit card --%>
<%--
	#creditCardDiv {
		padding:10px;
		background-color:#EFEFEF;
		margin:10px;
		border-radius:5px;
	}
--%>
	
	.creditCardText {
		background-color:#EFEFEF;
		font-size:16px;
	}
	
  .inputBox {
	  border: none;
	  border-bottom: 2px solid #1F75D2;
	  border-top: 0px;
	  border-left: 0px;
	  border-right: 0px;
	  width: 95%;
	  height: 36px;
	  border-radius:0px;
  }
  
  .inputBox:focus {
	  outline: none;
	  /* border-bottom: 2px solid #f53d3d; */
	  border-bottom: 2px solid #1F75D2;
	  border-top: 0px;
	  border-left: 0px;
	  border-right: 0px;
  }
  
  .item {
	  margin: 20px 0px 20px 0px;
  }
  
  .daySelectBox {
	  border: 1px solid #1F75D2;
	  width: 70px;
	  height: 36px;
	  padding: 0 0 0 16px;
	  -moz-appearance:menulist-button;
	  -webkit-appearance:menulist-button;
	  font-size:16px;
	  margin-left:5px;
  }
  
  .yearSelectBox {
	  margin-left: 10px;
	  border: 1px solid #1F75D2;
	  width: 90px;
	  height: 36px;
	  padding: 0 0 0 16px;
	  -moz-appearance:menulist-button;
	  -webkit-appearance:menulist-button;
	  font-size:16px;
  }
  
  .validDate {
	  display: flex;
	  align-items: center;
  }	
  
<%-- bank in --%>
  .bank{
	  margin-top: 5px;
  	  border: 1px solid #1F75D2;
	  width: 250px;
	  height: 36px;
	  padding: 0 0 0 16px;
	  -moz-appearance:menulist-button;
	  -webkit-appearance:menulist-button;
  }
  
  .lowerContainer{
	  text-align: center;
  }
  

  .uploadBtn {
		width:200px;
		margin-bottom:15px;
  }
  
  #uploadId{
	  opacity: 0;
	  display: none;
  }
  
  .submitBtn{
	  background-color: #2EA9FF;
	  color:#FFFFFF;
      font: normal normal bold 22px/57px Arial;
	  height: 60px;
	  width: 124px;
	  border-radius: 40px;
	  -webkit-appearance: none;
	  margin-top:30px;
	  border: none;
	  display:flex;
	  justify-content:center;
	  align-items:center;
	  letter-spacing: 0px;
      opacity: 1;
  	  vertical-align: middle;
  }

  #submitBtn:disabled{
		opacity: 0.4;
  }
	
  .couponBtn{
	  background-color: #1f75d2;
	  color:#fff;
	  font-size: 25px;
	  height: 48px;
	  width: 124px;
	  border-radius: 40px;
	  -webkit-appearance: none;
	  margin-top:30px;
	  border: none;
	  display:flex;
	  justify-content:center;
	  align-items:center;
  }

  .couponBtn:disabled{
		opacity: 0.4;
  }
  
  .lowerContainer > .uploadProof > .uploadContainer >.innerUpContainer > .proof {
	  color:red;
  }
  
 .uploadProof{
	 margin:10px;
	 border-radius: 10px;
	 background-color:#EFEFEF;
	 display: flex;
	 padding:10px;
  }

  .notes{
	  padding-top:20px;
	  font-size: 14px;
	  text-align:center;
  }

  .detail{
	  font-size: 19px;
	  line-height: 24px;
	  padding-top: 10px;
	  padding-left: 50px;
	  padding-bottom: 5px;
  }
  
  .inputValue{
	  margin-top: 5px;
  }
  
  .proofContainer > #pPhoto{
	  width: 150px;
  }
  
  .proofContainer{
	  width:60%;
	  padding: 5px;
	  background-color:#E1E1E1;
	  display:flex;
	  align-items:center;
	  justify-content:center;
	  color:#9A9A9A;
	  border-radius:10px;
  }
  
  .uploadContainer{
	width:60%;
	flex-basis:35%;
	align-items: center;
	display:flex;
	align-items:center;
	justify-content: center;
  }
  
 .uploadContainer > .innerUpContainer{
	  display:block;
	  padding-left:30px;
  }

  .bankDiv {
	  background-color:#EFEFEF;
	  border-radius:10px;
	  flex-direction:row;
	  margin:10px;
	  padding-top:10px;
	  padding-bottom:10px;
  }  
  
  .selectedBank {
	background-color:#3388E5;
  }
  
  .bankSelectedFrame {
	  margin:10px;
	  padding:10px;
	  border-radius:10px;
  }
  
  .priceDiv {
	font-size:25px;
	font-weight:bold;
	padding-left:27px;
	text-align:center;
	padding-bottom:20px;
  }
  
  .bankInStatusDiv {
	padding-left:27px;
	font-size:20px;
  }
  
  #selectBankDiv {
	  width:60%;
  }
  
  .bankImg {
	  width:200px;
  }
  
  .productImg {
	  
  }
  
  .paymentImg {
	text-align:center;
    width: 95px;
    height: 103px;
	padding:10px;
	opacity: 1;
  }
  
  .productDayImg {
  }
  
  .productBottomImg {
  }
  
  .pendingImg {
	  text-align:center;
	  width:120px;
	  height:120px;
	  padding:10px;
  }
  
  .pendingTitle {
	  font-size:25px;
	  font-weight:bold;
  }
  
  .pendingText {
	  font-size:14px;
	  padding-top:7px;
	  padding-left:30px;
	  padding-right:30px;
  }
	
	.paymentImgL {
		width:80px;
	}
	
	.paymentImgBankIn {
		width:50px;
	}	
	
	.paymentImgFps {
		width:65px;
	}	
	
	.paymentImgAliPay {
		width:60px;
	}	
	
	.aliPayQRImg {
		width:300px;
	}
	
	#emptyProduct {
		display:none;
	}
	
	.applyCouponText {
		text-align:center;
		font-size:20px;
		color:#969696;
		padding-bottom: 5px;
		margin-left:-70px;
	}
	
	.couponInput {
		font-size:20px;
		width:200px;
		height:48px;
		border-color:#191919;
		border-width:1px;
		border-radius:5px 0px 0px 5px;
		padding-top:0px;
		padding-bottom:0px;
		padding-left:5px;
	}
	
	.couponSubmit {
		height:50px;
		border-radius:0px 5px 5px 0px;
	}
	
	.monthAutoYRow {
		padding-right:20px;
		display:flex;
		align-items:center;
	}
	
	.contactPhone {
		width:100%;
	}	
	
	.contactName {
		width:100%;
	}		
	
	.monthAutoBannerLinkM {
		display:none;
	}
	
	.monthAutoBannerLinkM > a:link {
		color:#1F75D2;
	}
	
	.monthAutoBannerLinkM > a:visited {
		color:#1F75D2;
	}
	
	.monthAutoBannerLinkS {
		display:block;
		color:#1F75D2;
		font-size:19px;
		white-space:nowrap;
		text-align:center;
		padding-bottom:20px;
	}
	
	.monthAutoBannerLinkS > a:link {
		color:#1F75D2;
	}
	
	.monthAutoBannerLinkS > a:visited {
		color:#1F75D2;
	}
	
	.monthAutoType {
		display:flex;
		flex-direction:row;
		color:#002D50;
		font-size:30px;
		font-weight:900;
		align-items:center;
		justify-content:flex-start;
	}
	
	.loginDiv {
		padding-top:10px;
		padding-bottom:10px;		
		text-align:center;
		display:flex;
		flex-direction:column;
		align-items:center;
		justify-content:center;
	}
	
	.selectedPaymentText {
		color:#FFFFFF;
	}
	
	.instFormDiv {
		padding-top:5px;
		padding-bottom:5px;		
		color: #002D50;
		font-size:19px;
		font-weight:500;		
	}

	.monthAutoFormDiv > div {
		padding-top:5px;
		padding-bottom:5px;		
		color: #002D50;
		font-size:19px;
		font-weight:500;
		display:flex;
		flex-direction:row;
	}	
	
	.instAutoForm {
		border-color:#858585;
		margin-top:10px;
		padding-top:10px;
	}	

    .productDescrptionText {
		letter-spacing: -0.31px;
        text-align: left;
        color: #FE0042;
        opacity: 1;
	}	
		
	.area-code-select {
      top: 963px;
      left: 16px;
      width: 120px;
      height: 39px;
      background: #FFFFFF 0% 0% no-repeat padding-box;
      border: 1px solid #A1A1A1;
      border-radius: 8px;
      opacity: 1;
    }

    .number-input {
      top: 963px;
      left: 166px;
      width: 160px;
      height: 39px;
      background: #FFFFFF 0% 0% no-repeat padding-box;
      border: 1px solid #A1A1A1;
      border-radius: 8px;
      opacity: 1;
    }

	.forgotPwdDiv {
	  top: 7px;
      position: absolute;
      right: 5%;
      cursor: pointer;
      font: normal normal medium 18px/57px PingFang SC;
      letter-spacing: 0px;
      color: #1F75D2;
      opacity: 1;
    }
	
    .number-box {
       margin: 0 0 10px 0;
       padding: unset;
       text-align: center;
	   padding-top:10px;
	   padding-bottom:10px;
     }

    .password-input {
       top: 20px;
       left: 16px;
       width: 351px;
       height: 39px;
       background: #FFFFFF 0% 0% no-repeat padding-box;
       border: 1px solid #A1A1A1;
       border-radius: 8px;
       opacity: 1;
    }
	
	.confirm-box {	  
       display:flex;
	   align-items:center;
	   justify-content:center;
	   padding-top:10px;
	   padding-bottom:10px;
	}
	
	.confirm-btn {
	   width: 170px;
       height: 48px;
       background: #1F75D2 0% 0% no-repeat padding-box;
       border-radius: 8px;
       opacity: 1;
       display:flex;
       align-items:center;
	   font: normal normal bold 22px/57px Arial;
       letter-spacing: 0px;
       color: #FFFFFF;
       justify-content:center;
    }

    .confirm-agreement-btn {
	   width: 250px;
       height: 58px;
       background: #1F75D2 0% 0% no-repeat padding-box;
       border-radius: 8px;
       opacity: 1;
       display:flex;
       align-items:center;
	   font: normal normal bold 22px/57px Arial;
       letter-spacing: 0px;
       color: #FFFFFF;
       justify-content:center;
    }

    .userInfoText{
      text-align: center;
      font: normal normal medium 18px/57px PingFang SC;
      letter-spacing: 0px;
      color: #000000;
      opacity: 1;
    }
	
	.agreementBtns {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
		margin-right: auto;
		margin-left: auto;
    }
	
	.agreementTitle{
      text-align: center;
      font: normal normal bold 22px/33px Arial;
      letter-spacing: 0px;
      color: #000000;
      opacity: 1;
	}
	
	.agreementTerms{
      text-align: left;
      font: normal normal bold 14px/24px Arial;
      letter-spacing: 0px;
      color: #000000;
	}

	.agreementText{
      text-align: left;
      font: normal normal normal 14px/24px Arial;
      letter-spacing: 5px;
      color: #000000;
      vertical-align: text-top;
	}
	
	.agreementTextRed{
      text-align: left;
      font: normal normal normal 14px/24px Arial;
      letter-spacing: 0px;
      color: #FF0023;
	  vertical-align: text-top;
	}
	
    #creditCard {
	 padding:1px;
	 text-align: center;
     font: normal normal bold 18px/22px PingFang SC;
     letter-spacing: 0px;
     color: #000000;
     opacity: 1;
    }
	
	#termAndCondition {
   	 text-align: center;
     font: normal normal medium 14px/28px PingFang SC;
     letter-spacing: -0.31px;
     opacity: 1;
	}
	
	 .priceInfo{
	 text-align: center;
     font: normal normal bold 22px/18px Arial;
     letter-spacing: 0px;
	 padding: 1rem;
     opacity: 1;
    }
	@media (max-width:835px) and (orientation: landscape) {
		.monthAutoBtn {
			flex-direction:row;
		}
	
		.productBtns1 {
			margin-left:20px;
		}
	}
	
	@media (max-width:835px) {
		.instInfoDiv {
			flex-direction:column;
		}
	
		.largeBtn {
			display:none;
		}
		
		.mobileBtn {
			display:flex;
		}	
		
		.monthAutoArrowSpace {
			width:160px;
		}
		
		.monthAutoArrowOtherSpace {
			width:160px;
		}
		
		.monthAutoBtnDiv {
			padding-top:20px;
		}
		
		.productText {
			font-size:15px;
		}	
		
		.referralImg {
			display:none;
		}		
		
		.referralImgMP {
			display:block;
		}		

		.referralImgML {
			display:none;
		}		
		
		.referralExpiryText {
			font-size:14px;
			line-height:40px;
		}		
		
		.otherPaymentMethod {
			color: black;
			font-weight:bold;
			font-size: 30px;
			line-height:17px;
			padding: 3px;
			padding-left: 10px;
			padding-top:30px;
		}
	
		.productBtns {
			margin-right: auto;
			margin-left: auto;
		}
		
		.mainContainer {
			width:100%;
			margin-right: auto;
			margin-left: auto;
		}

		.btn {
			display: flex;		  
		}	
		
		.bankDiv {
			flex-direction:column;
		}
			
		#selectBankDiv {
			width:100%;
		}
		  
		.bankImg {
			width:120px;
		}	

		.productImg {
		}
		  
		.productDayImg {
		}	
		
		.productBottomImg {
		}		
		
		.uploadBtn {
			width:130px;
		}	
		
		.uploadContainer{
			width:45%;
		}	
		
		.monthAutoBannerLink {
			display:none;
		}
		
		.monthAutoBannerLinkM {
			display:none;
			color:#1F75D2;
			font-size:19px;
			white-space:nowrap;
			text-align:right;
			width:100%;
		}		
		
		.monthAutoBannerLinkS {
			display:block;
		}
	}  
	
	@media (max-width:900px) {		
		.instInfoRow {
			flex-direction:column;
			align-items:flex-start;
		}
		
		.titleText {
			padding-left:6px;
		}

		.stepMonthADiv {
			padding-left:6px;
		}
		
		.stepDiv {
			padding-left:10px;
			padding-right: 10px;
		}
		
				
		.descDiv {
			padding-left:10px;
			padding-right: 10px;
		}
		
		.monthAutoType {
			flex-direction:column;
			align-items:flex-start;
			justify-content:center;
			font-size:19px;
			padding-top:15px;
			padding-left:5px;
		}		
		
		.monthAutoForm {
			margin-right:unset;
		}
		
		.instData {
			padding-left:10px;
		}
		
		.monthAutoData {
			padding-left:0px;
		}
		
		.monthAutoBtn {
			padding-top:5px;
		}
		
		.monthAutoTypeNote {
			padding-left:570px;
		}
		
		.monthAutoFormData {
			display:flex;
			flex-direction:column;
		}
		
		.monthAutoYInfo {
			flex-direction:column;
		}		
		
		.monthAutoInfoTitle {
			width:150px;
		}
		
		.monthAutoInfoTitle2 {
			width:150px;
		}	

		.monthAutoYRow {
			padding-bottom:5px;
		}		
	}
	
	@media (max-width:900px) and (orientation: landscape) {
		.productBtns {
			flex-wrap: nowrap;			
		}
		
		.productBtns1 {
			margin-left:unset;
		}
		
		.referralImg {
			display:none;
		}		
		
		.referralImgMP {
			display:none;
		}		

		.referralImgML {
			display:block;
		}					
			
		.productText {
			font-size:15px;
		}		
	  
		.largeBtn {
			display:none;
		}
		
		.mobileBtn {
			display:flex;
		}	

		.monthAutoArrowSpace {
			width:160px;
		}
		
		.monthAutoArrowOtherSpace {
			width:160px;
		}		
		
		.methodBtn {
			width:30%;
			height:160px; 
			align-items:center;
			justify-content:center;
		}
	}
		
	@media (max-width:600px) and (orientation: landscape) {
		#emptyProduct {
			display:block;
		}
		
		.productBtn2Year {
			flex-direction:column;
		}
		
		.productBtns {
			justify-content: flex-start;
			padding-left:20px;
		}
	
		.paymentImgL {
			width:60px;
		}
		
		.paymentImgBankIn {
			width:40px;
		}	
		
		.paymentImgFps {
			width:45px;
		}	
		
		.paymentImgAliPay {
			width:40px;
		}	
	
		.methodSelected {
			width:80px;
		}
		
		.methodText {
			font-size:14px;
		}
	}
	
	@media (max-width:700px) {
		.instInput {
			width:100%;
		}
	
		.instText1 {
			text-align:center;
		}
	
		.productBtn2Year {
			flex-direction:column;
		}
		
		.product2Year2Div {	
			margin-left:unset;
		}
		
		.productBtns {
			flex-wrap: wrap;	
            margin-left: 20px;			
		}
		
		.productBtns1 {
			margin-left:unset;
		}
		
		.monthAutoBanner12 {
			width:100%;
			justify-content:flex-start;
		}	
		
		.monthAutoBanner1 {
			padding-left:0px;
		}
		
		.instData {
			margin-left:10px;
			margin-right:10px;
			padding-left:0px;			
		}
		
		.monthAutoData {
			margin-left:0px;
			margin-right:0px;
			border-radius:5px;
			padding-left:0px;
		}
		
		.monthAutoArrow {
			display:none;
		}
				
		.monthAutoBtn {
			display:none;
		}
		
		.monthAutoType {
			align-items:center;
			padding-left:0px;
		}
		
		.monthAutoDollar {
			font-size:25px;
		}
		
		.monthAutoDayDollar {
			font-size:15px;
		}
		
		.monthAutoBanner1 {
			font-size:35px;
		}
		
		.monthAutoPrice {
			font-size:40px;
		}
		
		.monthAutoBanner2 {
			font-size:22px;
		}
		
		.monthAutoBanner3 {
			font-size:22px;
		}
		
		.monthAutoMobileBtn {
			display:flex;
			flex-direction:column;
			align-items:center;
			justify-content:center;
		}		
		
		.monthAutoTypeTitle {
			display:none;
		}		
		
		.monthAutoTypeNote {
			padding-left:220px;
		}
		
		.monthAutoForm {
			border-top:unset;
			margin-right:unset;
			padding-left:10px;
			padding-right:10px;
			margin-right:unset;
		}
		
		.instFormDiv {
			padding-left:unset;
			padding-top:5px;
			padding-bottom:5px;		
			color: #002D50;
			font-size:19px;
			font-weight:500;			
		}
		
		.monthAutoFormDiv {
			padding-left:unset;
		}
		
		.monthAutoContactText {
			padding-left:6px;
		}
		
		.monthAutoInfoRow {
			display:flex;
			align-items:flex-start;
		}
	
		.monthAutoFormDiv > div {
			padding-top:5px;
			padding-bottom:5px;		
			color: #002D50;
			font-size:19px;
			font-weight:500;
			display:flex;
			flex-direction:column;
		}		
		
		.monthAutoInfoTitle2 {
			width:unset;
		}
		
		.monthAutoInfoTitle {
			width:unset;
		}
		
		.monthAutoInfoItem {
			padding-left:0px;
			padding-bottom:5px;
			width:100%;
		}
	
		
		.contactPhone1 {
			width:170px;
		}
		
	    .notes{
	     padding-left:10px;
		 padding-right:10px;
         }
	}
	
	@media (max-width:500px) {
		.monthAutoBanner {
			flex-direction:column;
		}
		
		.largeBtn {
			display:none;
		}
		
		.mobileBtn {
			display:flex;
			align-items:center;
			justify-content:center;
		}			
		
		.productText {
			  font-size:15px;
		}		
		
		.btn {
			padding-left:0px;
		}
		
		.titleText {
			padding-left:6px;
		}
		
		.monthAutoBanner1 {
			font-size:30px;
		}
		
		.monthAutoPrice {
			font-size:35px;
		}
		
		.monthAutoBannerLink {
			display:none;
		}
		
		.monthAutoBannerLinkM {
			display:none;
		}
		
		.monthAutoBannerLinkS {
			display:block;
			color:#1F75D2;
			font-size:19px;
			white-space:nowrap;
			text-align:center;
			padding-bottom:20px;
		}

		
		.monthAutoYRow {
			padding-right:20px;
			display:flex;
			flex-direction:column;
			align-items:flex-start;
			justify-content:center;
		}			
	}