body{
font-family: 'Microsoft JhengHei','微軟正黑體', arial;
}
.f12 {font-size: 12px; line-height: 16px;}
.f13 {font-size: 13px; line-height: 15px;}
.f15 {font-size: 15px; line-height: 24px;}
.f14 {font-size: 14px; line-height: 22px;}
.f16 {font-size: 16px; line-height: 24px;}
.f17 {font-size: 17px; line-height: 20px;}
.f18 {font-size: 18px; line-height: 26px;}
.f20 {font-size: 20px; line-height: 28px;}
.f21 {font-size: 21px; line-height: 30px;}
.f22 {font-size: 22px; line-height: 30px;}
.f23 {font-size: 23px; line-height: 30px;}
.f24 {font-size: 24px; line-height: 35px;}
.f25 {font-size: 25px;}
.f26 {font-size: 26px; line-height: 40px;}
.f27 {font-size: 27px; line-height: 40px;}
.f28 {font-size: 28px; line-height: 40px;}
.f30 {font-size: 30px; line-height: 40px;}
.f35 {font-size: 35px; line-height: 45px;}
.td-35 {width: 35%;}
.td-30 {width: 30%;}
.td-25 {width: 25%;}
.td-20 {width: 20%;}
.td-15 {width: 20%;}
.td-40 {width: 40%;}
.list-disc {
    list-style-type: disc;
}
.list-disc>li {
    list-style-type: disc;
}
.list-decimal {
    list-style-type: decimal;
}
.list-decimal>li {
    list-style-type: decimal;
}
.list-lower-alpha {
    list-style-type: lower-alpha;
}
.list-lower-alpha>li {
    list-style: lower-alpha;
}
.list-decimal, .list-upper-roman, .list-lower-roman, .list-lower-alpha, .list-disc {
    margin: 0;
    padding-left: 20px;
}
.list-decimal>li, .list-upper-roman>li, .list-lower-roman>li, .list-lower-alpha>li, .list-disc>li {
    margin: 3px 0;
    position: relative;
}

.bcolor {color: #005bac;}
.pcolor {color: #de4083;}
.landing {margin-bottom: 20px;}
.btn-area {text-align: center;}
.btn1 { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; padding: 13px 40px; height: 60px; line-height: 30px; font-weight: bold; display: inline-block; background-color: #005bac; color: #ffffff; min-width: 100px; text-align: center;}
.btn1:hover {color: #ffffff; background-color: #00388e; }
.btn1 img {float: right; margin-left: 10px; width: 40px; margin-top: -5px;}	 

.btn2 { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; padding: 13px 20px; height: 60px; line-height: 30px; font-weight: bold; display: inline-block; background-color: #e3740c; color: #ffffff; min-width: 380px; text-align: center;}
.btn2:hover {color: #ffffff; background-color: #d94514; }
.btnarr img {float: right; margin-left: 0px; width: 35px; margin-top: 0px;}	 

.offer-area {margin-top: 50px;}
.offer:after{display:table; clear:both; content:"";}
.oicon {width: 110px; float: left;}
.oicon img {width: 100px; text-align: left; margin-top: -25px;}
.oword {width: 100%; padding-left: 110px;}
.headtop {color: #005bac; font-weight: bold;}
.dec {margin-top: 10px;}
.offer:last-child {margin-top: 50px;}

.stable {border-spacing: 0; border: 1px solid #fff; border-collapse: collapse; margin-top: 20px; margin-bottom: 0px; text-align: center; }
.stable th { background-color: #fff;  border-top: 1px solid #fff; padding: 10px; font-weight: bold;}
.stable td {padding: 10px;}
.stable .bg {background-color: #0167b0; border-top-left-radius: 30px; border-left: 1px solid #fff;  color: #ffffff;   border-right: 1px solid #fff; padding-top: 20px;}
.stable .bg1 {background-color: #0167b0; color: #fff; border-top-right-radius: 30px;}
.stable .bg2 {background-color: #004a8f; color: #fff;}
.stable .bg3 {background-color: #00426b; color: #fff;}
.stable tr td {border-bottom: 1px solid #0167b0;}
.stable .bottom {border-bottom: 3px solid #0167b0;}

.ptable {border-spacing: 0; border: 1px solid #fff; border-collapse: collapse; margin-top: 20px; margin-bottom: 0px; text-align: center; }
.ptable th { background-color: #fff;  border-top: 1px solid #de4083; padding: 10px; font-weight: bold;}
.ptable .bg {background-color: #de4083; border-top-left-radius: 30px; border-left: 1px solid #fff;  color: #ffffff;   border-right: 1px solid #fff; padding-top: 20px;}

.ptable .bg4 {background-color: #de4083; color: #fff; border-bottom-right-radius: 30px; border-bottom-left-radius: 30px; padding-bottom: 20px;}
.ptable .bg4 img {width: 25px; margin-bottom: 10px;margin-top: 10px;}
.ptable tr td {border-top: 1px solid #de4083;}
.ptable td {padding: 10px;}

.backgroundba {background: rgb(230,241,255); background: linear-gradient(180deg, rgba(230,241,255,1) 0%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 100%); margin-top: 50px;}
.outside {background-color: #de4083; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; padding: 0 8px; width: 450px; margin: 0 auto;}
.outside1 {background-color: #de4083; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; padding: 0 8px; width: 350px; margin: 0 auto;}
.wside {background-color: #ffffff; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; padding: 0 5px;}
.inside {background: rgb(0,66,107); background: linear-gradient(0deg, rgba(0,66,107,1) 0%, rgba(1,103,176,1) 100%); border-bottom-left-radius: 25px; border-bottom-right-radius: 25px;  text-align: center; color: #ffffff; font-weight: bold; }



@keyframes animation-shine {
  0% {
    background-position: 130%;
  }
  100% {
    background-position: -100%;
  }

}
.oarea {margin-top: 40px;}
.offera:after{display:table; clear:both; content:"";}
.offera {width: 410px; margin: 0 auto; margin-top: 40px;}
.giftbox {width: 50px; float: left;}
.giftbox img {width: 40px;}
.giftword {width: 100%; padding-left: 50px;}
.ghead {color: #005bac; font-weight: bold;}
.bfont {font-size: 36px;}
.offertable {margin-top: 20px;}

table.dltrc {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0px;
  border: solid #de4083 1px;
  border-radius: 15px;
}
tr.dlinfo, td.dlinfo {text-align: center; padding: 10px}
td.lefeline {border-right: 1px solid #de4083;}
td.topline {border-top: 1px solid #de4083;}
td.bg:first-child {background-color: #de4083; border-bottom-left-radius: 14px; border-right: 1px solid #ffffff; color: #ffffff; font-weight: bold;}
td.bg:last-child {background-color: #de4083; border-bottom-right-radius: 14px; color: #ffffff; font-weight: bold;}
td.dlinfo:first-child, 
td.dlheader:first-child {border-left: none;}
td.dlheader:first-child {border-radius: 15px 0 0 0;}
td.dlheader:last-child {border-radius: 0 15px 0 0;}
td .pfont {color: #de4083; font-size: 21px; line-height: 30px;}
td .pfont1 {color: #de4083; font-size: 28px; line-height: 30px;}
.sicon {float: left; }
.sicon img {width: 30px; margin-left: -26px;}
.sicon1 {float: right;}
.sicon1 img {width: 30px; margin-right: -26px;}

.offerarea {display: flex; flex-wrap: wrap; margin-top: 20px;}
.offerside {width: 50%;}
.offerside:first-child {padding-right: 10px;}
.offerside:last-child {padding-left: 10px;}
.pbox {border: 2px solid #de4083; border-radius: 12px; width: 100%; padding: 20px;}
.offerword {padding: 10px; text-align: center;}
.offerdollar {padding: 10px; background-color: #de4083; border-radius: 10px; text-align: center; color: #ffffff;}

.leftword {width: 25%; float: left;}
.leftborder {border-right: 2px solid #de4083;}
.midword {width: 25%; text-align: center; float: left; padding-top: 20px;}
.midplus {width: 5%; text-align: center; float: left; padding-top: 20px;}
.rightword {width: 45%; text-align: center; float: left;}
.pline {border-top: 1px solid #949598; margin: 5px 10px;}
.bword {text-align: center;}

.point-area:after{display:table; clear:both; content:"";}
.point-area {display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.point-col {width: 33.33%; height: 360px;}
.point-col a {text-decoration: underline; color: #005bac;}
.point-col .phead a:hover {color: #2b4e97;}
.point1 {text-align: center;}
.point1 img {width: 140px;}
.phead {text-align: center; font-weight: bold; margin: 10px 0;}
.pdec {text-align: center;  line-height: 30px;}
.pdec a {text-decoration: underline; color: #000000;}
.pdec a:hover {color: #2b4e97;}
.pdec b {font-size: 25px;}
.pborderr {border-right: 1px solid #8e8e8e; }
.pborderl {border-left: 1px solid #8e8e8e; }
.topmp {margin-top: 40px;}

.backgroundga {background: rgb(236,236,236); background: linear-gradient(180deg, rgba(236,236,236,1) 0%, rgba(255,255,255,1) 46%, rgba(255,255,255,1) 100%); margin-top: 120px; border-top: 2px solid #e3740c; }
.outhead {height: 92px; border-radius: 46px; border: 2px solid #e3740c; background-color: #ffffff; padding: 4px; width: 550px; margin: 0 auto; margin-top: 50px;}
.outheado {height: 92px; border-radius: 46px; border: 2px solid #de4083; background-color: #ffffff; padding: 4px; width: 450px; margin: 0 auto; margin-top: 50px;}
.insdheao {height: 80px;  border-radius: 40px; background: rgb(0,66,107); background: linear-gradient(0deg, rgba(0,66,107,1) 0%, rgba(1,103,176,1) 100%); text-align: center; color: #ffffff;  font-weight: bold; }
.insdhead {height: 80px;  border-radius: 40px; background: rgb(0,66,107); background: linear-gradient(0deg, rgba(0,66,107,1) 0%, rgba(1,103,176,1) 100%); text-align: center; color: #ffffff; padding-top: 20px; font-weight: bold; }
.insdhead img {width: 110px; margin-top: -10px;}

.outhead-step {height: 92px; border-radius: 46px; border: 2px solid #e3740c; background-color: #ffffff; padding: 4px; width: 380px; margin: 0 auto; margin-top: 50px;}
.insdhead-step {height: 80px;  border-radius: 40px; background: rgb(0,66,107); background: linear-gradient(0deg, rgba(0,66,107,1) 0%, rgba(1,103,176,1) 100%); text-align: center; color: #ffffff; padding-top: 5px; font-weight: bold; }


.shine-animation {
  background-color: rgba(255,255,255, 0.0);
  background: linear-gradient(135deg, rgba(255,255,255, 0.0) 0%, rgba(255,255,255, 0.0) 40%, rgba(255,255,255, 0.7) 50%, rgba(255,255,255, 0.0) 60%, rgba(255,255,255, 0.0) 100%);
  background-size: 150% 100%;
  background-position: 100% 10%;
  animation: animation-shine 2s 0s infinite; text-align: center; height: 80px; border-radius: 40px; padding-top: 20px;
}

.step-area {margin-top: 40px;}
.step-area:after{display:table; clear:both; content:"";}
.step {width: 29%; float: left;}
.stepm {width: 6.5%; float: left;}
.sbox {width: 100%; border-radius: 20px; box-shadow:0 0 10px rgba(0, 0, 0, 0.3); padding: 15px 20px;  position: relative;  transition: transform .2s; /* Animation */ height: 300px;}
.sbox:hover {transform: scale(1.1);}
.cicon img {width: 80px;}
.cdec {margin-top: 20px;}
.circle {height: 46px; width: 46px; border: 2px solid #005bac; border-radius: 23px; text-align: center; font-size: 20px; line-height: 42px; color: #e3740c; font-weight: bold;  position: absolute;  right: 20px; bottom: 20px;}
.arro {text-align: center; padding-top: 130px;}
.arro img {width: 30px;}

.bgm {margin-top: 20px;}
.bgm:after {display:table; clear:both; content:"";}	
#faq .head {
    font-size: 20px;
    color: #000000;
    font-weight: bold;
    background-color: #ffffff;
    width: 100%;
    padding: 20px 30px;
    border: 1px solid #bfbfbf;
    border-radius: 10px;
    transition: background-color -0.3s, color -0.3s;
}

#faq .arr {height: 15px; float: right;  margin-top: 10px; transition: transform 0.5s;}
#faq .rotate {
    transform: rotate(180deg); /* Change this value to adjust the rotation angle */
}
#faq .open {
    background-color: #005bac; /* Change to your desired background color */
    color: #ffffff; /* Change to your desired text color */
	border: 1px solid #005bac;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}
#faq .circleo {height: 30px; width: 30px; background-color: #e3740c; color: #ffffff; border-radius: 15px; text-align: center; font-size: 18px; line-height: 30px;  font-weight: bold; float: left; margin-right: 10px; margin-top: 5px;}
#faq .borderdown {border-bottom: 1px solid #005bac; border-left: 1px solid #005bac; border-right: 1px solid #005bac;  border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; padding: 20px;}
#faq .qdec {padding-left: 40px; margin-top: 5px; padding-right: 40px;}
#faq .farr {margin-top: 0px; float: right;}

.offer-Remark a {color: #005bac; text-decoration: underline;}
#shareContent{margin-top: 20px; border-top: 0px solid #666; padding-top: 20px;}

.tr {width: 15px; float: left;}
.tl {width: 100%; padding-left: 15px;}

.mtop2 {margin-top: 20px;}	

.desktop1 {display: block;}
.mobile1 {display: none;}

.desktop2 {display: block;}
.mobile2 {display: none;}


 @media screen and (max-width: 1023px) {
.mtop1 {margin-top: 30px;}
.midword {width: 25%; text-align: center; float: left; padding-top: 30px;}
.midplus {width: 5%; text-align: center; float: left; padding-top: 30px;}
.point-col {width: 33.33%; height: 380px;}
.sbox {height: 350px;}	 
}

 @media screen and (max-width: 768px) {
.desktop2 {display: none;}
.mobile2 {display: block;}		 
.oicon {width: 80px; float: left;}
.oicon img {width: 70px; text-align: left; margin-top: -10px;}
.oword {width: 100%; padding-left: 80px;}	
.offerside {width: 100%;}
.offerside:first-child {padding-right: 0px;}
.offerside:last-child {padding-left: 0px; margin-top: 20px;}
.point-col {width: 100%; height: auto;}	
.pborderr {border-right: 0px solid #8e8e8e;}
.pborderl {border-left: 0px solid #8e8e8e;}
.pbordert {border-top: 1px solid #8e8e8e; padding-top: 20px;}
.step {width: 100%; float: none;}
.stepm {width: 100%; float: none;}	
.sbox {height: 260px;}
.arro {text-align: center; padding-top: 20px; padding-bottom: 20px;}
.arro img {width: 30px;}
.arr {height: 15px; float: right; margin-top: 10px; transition: transform 0.5s;}	
	 
.leftword {width: 100%; float: none; padding-bottom: 20px; text-align: center;}
.leftborder {border-right: 0px solid #de4083; border-bottom: 2px solid #de4083;}
.midword {width: 100%; text-align: center; float: none; padding-top:20px;}
.midplus {width: 100%; text-align: center; float: none; padding-top: 10px; padding-bottom: 10px;}
.rightword {width: 100%; text-align: center; float: none;}
.pline {border-top: 1px solid #949598; margin: 5px 10px;}
.bword {text-align: center;}	 
}
 @media screen and (max-width: 468px) {
.f30 {font-size: 27px; line-height: 38px;}	 
.ptop1 {padding-top: 20px;}	 
.outhead {width: 320px; height: 102px;}
.insdhead {padding-top: 5px; height: 90px;}
.outheado {width: 320px; height: 102px;}
.insdheao {height: 90px; }
.outhead-step {width: 320px; height: 102px;}
.insdhead-step {padding-top: 10px; height: 90px;}	 
.shine-animation {height: 90px;  padding-top: 25px;}
.outside {width: 320px;}	 
.desktop1 {display: none;}
.mobile1 {display: block;}	 
.stable th {padding: 5px;}
.stable td {padding: 2px;} 
.ptable th {padding: 5px;}
.ptable td {padding: 2px;} 	
.btn2 { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; padding: 10px 20px; height: 80px; line-height: 30px; font-weight: bold; display: inline-block; background-color: #e3740c; color: #ffffff; min-width: 260px; text-align: center;}
#faq .head {
    font-size: 18px;
    color: #000000;
    font-weight: bold;
    background-color: #ffffff;
    width: 100%;
    padding: 20px 15px;
    border: 1px solid #bfbfbf;
    border-radius: 10px;
    transition: background-color -0.3s, color -0.3s;
}
#faq .rotate {
    transform: rotate(180deg); /* Change this value to adjust the rotation angle */
}
#faq .open {
    background-color: #005bac; /* Change to your desired background color */
    color: #ffffff; /* Change to your desired text color */
	border: 1px solid #005bac;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}
#faq .arrtop1 {margin-top: 10px;}
#faq .arrtop2 {margin-top: 10px;}	 
.mtop4 {margin-top: 10px}
.oicon {width: 100%; float: none; text-align: center;}
.oicon img {width: 70px; text-align: left; margin-top: 0px;}
.oword {width: 100%; padding-left: 0px; }
.headtop {text-align: center;}
.giftbox {width: 40px; float: left;}
.giftbox img {width: 30px;}
.giftword {width: 100%; padding-left: 40px;}	 
}

 @media screen and (max-width: 385px) {
#faq .arrtop2 {margin-top: 25px;}	 
	 
}

.subhead {text-align: center; margin-top: 30px; font-size: 36px;}
.subhead .bgp {background: rgb(0,66,107); background: linear-gradient(0deg, rgba(0,66,107,1) 0%, rgba(1,103,176,1) 100%); border-radius: 10px; padding: 5px 15px; color: #ffffff; font-size: 30px;}
.topborder {border-top: 3px solid #de4083;}
.tborder { border-bottom: 3px solid #de4083;}
.borderrr {border-right: 1px solid #de4083;}

.plus {text-align: center;}
.plus img {width: 80px; margin-top: 30px;}
.supfont {font-size: 14px; vertical-align: super;}
.break {display: none;}
.wordb {white-space: nowrap;}


 @media screen and (max-width: 1023px) {
.subhead {text-align: center; margin-top: 30px; font-weight: bold; font-size: 36px;}
.subhead .bgp  {font-size: 36px;}	 
}

 @media screen and (max-width: 768px) {
.break {display: block;}	 
}

.bg1 {background-color: #eefeff; padding: 30px 0px 0px ;}
.bg2 {background-color: #eefeff; padding: 30px 0px 30px ;}
.newland {color: #0767a6; font-weight: bold; }
.newbfont {font-size: 36px;}
.newofferarea {margin-top: 60px; margin-bottom: 80px;}
.newofferarea:after{display:table; clear:both; content:"";}
.newoffer {width: 460px; float: left; }
.newoffer:first-child {padding-right: 10px;}
.newoffer:last-child {padding-left: 10px;}
.newplus {width: 40px; float: left; text-align: center; padding-top:80px;}
.newofferbox1 {width: 396px; height: 195px; background:url("offer1.png"); background-position: no-repeat center fixed; background-size: cover; position: relative; float: right;}
.newofferbox2 {width: 396px; height: 195px; background:url("offer2.png"); background-position: no-repeat center fixed; background-size: cover; position: relative; float: left;}

.ptable-new {border-spacing: 0; border: 3px solid #de4083; border-collapse: collapse; margin-top: 20px; margin-bottom: 0px; text-align: center;  border-top-left-radius: 20px; border-top-right-radius: 20px;}
.ptable-new th { border: 1px solid #de4083; padding: 10px; font-weight: bold;}
.ptable-new td {border: 1px solid #de4083; padding: 10px;}

.ptable-new table {border-style: hidden;}
.mboxarea:after {display:table; clear:both; content:"";}
.mboxarea {margin-top: -30px;}
.people1 {position: relative; padding-bottom: 70px;}
.people1:after {display:table; clear:both; content:"";}	
.nonbox {width: 195px; float: left;}
.pofferbox {width: 382px; float: left; padding-left:10px; padding-right:10px;}
.pinkbox {width: 320px; background: rgb(239,164,193);
background: radial-gradient(circle at 50% -20%, rgba(239,164,193,1) 0%, rgba(228,96,152,1) 20%, rgba(206,25,114,1) 100%); text-align: center; border-radius: 20px; box-shadow:3px 6px 15px rgba(0, 0, 0, 0.7); padding: 25px; margin: 0 auto;}
.pinkbox img {width: 260px;}
.stockword {padding: 20px 20px 10px ; }

.man {position: absolute; bottom: 0px; left: 0px;}
.man img {height: 280px;}
.otheroffer-area {margin-top: 60px; position: relative; padding-bottom: 40px;}
.woman {position: absolute; bottom: 0px; right: 0px;}
.tcword {padding-right: 200px;}

.offer-a {text-align: center;}
.offer-a img {width: 500px; margin: 20px 0;}
.table-a {position: relative;}
.ptable-off table {border-style: hidden;}
.ptable-off {border-spacing: 0; border: 3px solid #0167b0; border-collapse: collapse; margin-top: 20px; margin-bottom: 0px; text-align: center;  border-radius: 30px;}
.ptable-off th {padding: 10px 10px; font-weight: bold;}
.ptable-off td {padding: 15px 10px; }
.ptable-off .bg {background-color: #0167b0; color: #fff; border-top-left-radius: 26px; border-right: 1px solid #fff;}
.ptable-off .bg1 {background-color: #0167b0; color: #fff; border-top-right-radius: 26px;}
.ptable-off .bg2 {background-color: #004a8f; color: #fff;}
.ptable-off .bg3 {background-color: #00426b; color: #fff;}
.ptable-off .bg4 {background-color: #00426b; color: #fff;  border-bottom-left-radius: 26px;}
.ptable-off .bright {border-right: 1px solid #fff;}
.ptable-off .btop {border-top: 1px solid #fff;}
.ptable-off .blueline {border-right: 1px solid #0167b0;}
.ptable-off .bm {margin-bottom: 50px;}

.offera { margin-left: 290px; margin-top: 60px;}	 

.coins1 {position: absolute; top: 75px; left: 35px;}
.coins1 img {height: 40px;}
.coins1 {-webkit-animation: action1 1.5s infinite  alternate; animation: action1 1.5s infinite  alternate; }
@-webkit-keyframes action1 {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}

@keyframes action1 {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}

.coins2 {position: absolute; top:75px; left: 130px;}
.coins2 img {height: 55px;}
.coins2 {-webkit-animation: action2 2s infinite  alternate; animation: action2 2s infinite  alternate; }
@-webkit-keyframes action2 {
    0% { transform: translateY(0); }
    50% { transform: translateY(10px); }
}

@keyframes action2 {
    0% { transform: translateY(0); }
    50% { transform: translateY(10px); }
}

.coins3 {position: absolute; top: -10px; right: 110px;}
.coins3 {-webkit-animation: action3 2s infinite  alternate; animation: action3 2s infinite  alternate; }
@-webkit-keyframes action3 {
    10% { transform: translateY(0); }
    100% { transform: translateY(8px); }
}

@keyframes action3 {
    10% { transform: translateY(0); }
    70% { transform: translateY(5px); }
}

.coins4 {position: absolute; top: -20px; left: 95px;}
.coins4 img {height: 75px;}
.coins4 {-webkit-animation: action4 1.5s infinite  alternate; animation: action4 1.5s infinite  alternate; }
@-webkit-keyframes action4 {
    100% { transform: translateY(0); }
    0% { transform: translateY(-10px); }
}

@keyframes action4 {
    100% { transform: translateY(0); }
    0% { transform: translateY(-10px); }
}

.chart1 {position: absolute; bottom: 0px; left: 85px;}
.chart1 img {height: 75px;}
.chart1 {-webkit-animation: Rotate 3s infinite  alternate; animation: Rotate 3s infinite  alternate; }
@-webkit-keyframes Rotate {
  0%, 100% {
    -webkit-transform:  rotate(0deg);
            transform:  rotate(0deg);
  }
  50% {
    -webkit-transform:  rotate(5deg);
            transform:  rotate(5deg);
  }
}

@keyframes Rotate {
  0%, 100% {
    -webkit-transform: rotate(0deg);
            transform:  rotate(0deg);
  }
  50% {
    -webkit-transform:  rotate(5deg);
            transform: rotate(5deg);
  }
}

.chart2 {position: absolute; top: 135px; right: -25px;}
.chart2 img {height: 155px;}
.chart2 {-webkit-animation: action3 2s infinite  alternate; animation: action3 2s infinite  alternate; }
@-webkit-keyframes action3 {
    10% { transform: translateY(0); }
    100% { transform: translateY(8px); }
}

@keyframes action3 {
    10% { transform: translateY(0); }
    70% { transform: translateY(5px); }
}

.desktop {display: block;}
.mobile {display: none;}

 @media screen and (max-width: 1023px) {
.newoffer {width: 340px; float: left; }
.newofferbox1 {width: 340px; height: 168px;}	
.newofferbox2 {width: 340px; height: 168px;}
.nonbox {width: 20%;}
.pofferbox {width: 40%;} 
.pinkbox {width: 240px; padding: 15px;}	
.bottombox img {width: 200px;}
.man img {height: 220px;}
.offera { margin-left: 220px;}	
.chart2 {position: absolute; top: 165px; right: -25px;}
.chart2 img {height: 125px;}	 
.chart1 {position: absolute; bottom: 0px; left: 55px;}
.chart1 img {height: 65px;}	 
.coins1 {position: absolute; top: 75px; left: 25px;}	 
.coins2 {position: absolute; top:75px; left: 90px;}
.coins4 {position: absolute; top: -20px; left: 85px;}	
.pinkbox img {width: 200px;}
.otheroffer-area {margin-top: 60px; position: relative; padding-bottom: 40px;}	
.desktop {display: none;}
.mobile {display: block;}	 
}

 @media screen and (max-width: 750px) {
.newoffer {width: 340px; float: none; margin: 0 auto;  }
.newplus {width: 40px; float: none; text-align: center; padding-top:40px; padding-bottom: 40px; margin: 0 auto;}
.newofferbox1 {float: none; margin: 0 auto;}	
.newofferbox2 {float: none; margin: 0 auto;}	 
.nonbox {width: 20%;}	 
.pofferbox {width: 40%;}
.bottombox {padding:5px;}	 
.bottombox img {width: 100%;}
.man img {height: 220px; display: none;}
.offera { margin-left: 0px; margin: 0 auto; margin-top: 30px;}
.pinkbox {width: 100%; padding: 15px;}
.pinkbox img {width: 100%;}	 
}


 @media screen and (max-width: 680px) {
.woman {position: absolute; bottom: 0px; right: 0px; display: none;}
.tcword {padding-right: 0px;} 
.stockword {padding: 5px ; }	 
 
}

.desk {display: block;}
.mobi {display: none;}

 @media screen and (max-width: 550px) {
.desk {display: none;}
.mobi {display: block;}	 
.f25 {font-size: 21px; line-height: 30px;}	 	 
.f35 {font-size: 26px; line-height: 40px;}	 
.newofferarea {margin-top: 30px; margin-bottom: 60px;}
.offer-a img {width: 100%; margin: 20px 0;}	 
.ptable-off th {padding: 5px; font-weight: bold;}
.ptable-off td {padding: 5px; } 
}
 @media screen and (max-width: 450px) {
.td-20 {width: 20%;}
.nonbox {width: 23%;}		 
.f25 {font-size: 19px; line-height: 26px;}	
.f35 {font-size: 23px; line-height: 26px;}	
.pofferbox {width: 38%;}	 
}