@charset "UTF-8";
body{
font-family: 'arial';
}
b {color: #0d6c29;}
.desktop {display: block;}
.mobile {display: none;}
.font23 {font-size:23px;}
.font20 {font-size:20px; line-height: 32px;}
.font22 {font-size:22px; line-height: 28px;}
.font25 {font-size:25px; line-height: 36px;}
.font18 {font-size:18px; line-height: 24px;}
.font17 {font-size:17px; line-height: 24px;}
.font50 {font-size:50px; line-height: 60px;}
.font43 {font-size:43px; line-height: 50px;}
.inword {font-size:20px; line-height: 32px; text-align: justify; color: #19553b;  max-width:970px; font-weight: bold; text-align: center;margin: 0 auto;}

@media (max-width: 970px) {
.desktop {display: none;}
.mobile {display: block;}
}
.bmg {max-width: 1200px; margin: 0 auto; padding-bottom: 30px; padding-top: 30px;}
.headline {color: #19553b; text-align: center; font-weight: bold; margin-top: 30px;}
.reward-area {margin-top: 60px; padding-left: 55px;}
.gbox {background-color: #f7f8f8; border: 1px solid #c9caca; padding: 30px; border-bottom-right-radius: 40px;}
.headbox {background: rgb(19,115,42);
background: linear-gradient(0deg, rgba(19,115,42,1) 0%, rgba(103,165,118,1) 100%); height: 70px; border-radius: 35px; width: 300px; padding: 5px; text-align: center; color: #fff; font-weight: bold;
margin-top: -65px; margin-left: -90px; font-size:23px; line-height: 65px;}
.headbox img {height: 54px; margin-right: 10px; margin-top: -10px;}
.gdec {margin-top: 20px;}
.gdec p {margin-top: 15px;}
.ghead {color:#0c6c29; font-weight: bold;}
.logoarea {margin-top: 30px;}
.logoarea:after{display:table; clear:both; content:"";}
.logobbox {width: 33%; float: left;}
.logowbox {background-color: #ffffff; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 20px 0 rgba(0, 0, 0, 0.15); padding: 20px; border-radius: 20px; width: 90%; text-align: center; height: 330px;}
.logo img {width: 100%;}
.logodec {margin: 20px 0;}
.bg {background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(226,244,242,1) 82%); margin-top: 60px;}
.subhead {text-align: center; margin-top: 30px; background: rgb(19,115,42);
background: linear-gradient(0deg, rgba(19,115,42,1) 0%, rgba(103,165,118,1) 100%);  color: #fff; width: 380px; height: 70px; border-radius: 35px; margin: 0 auto; margin-top: 20px; line-height: 70px;}


.pointleft {width: 50%; float: left;}
.pointleft:first-child {padding-right: 20px;}
.pointleft:last-child {padding-left: 20px;}
.point {margin-top: 30px;}
.point:after{display:table; clear:both; content:"";}
.picon6 {width: 60px; float: left;}
.pdec {padding-left: 80px;}
.phead {color: #0d6c29; font-weight: bold; }
.mtop {margin-top: 30px;}
.pointarea:after{display:table; clear:both; content:"";}
.pointarea {margin-top: 0px; margin-bottom: 60px;}
.pointicon {text-align: center; font-size: 30px; color: #ca9a13; font-weight: bold;}
.pointicon img {width: 80px;}
.pointborder {border-left: 1px solid #5bb297}

.offer-area {margin-top: 30px;}
.tab-offers {margin-top: 20px;}	
.tab-offers:after{display:table; clear:both; content:"";}
.tab-offers button {float:left; width: 32%; padding: 15px 10px; font-size: 20px; line-height:23px; color: #0f6355; font-weight: bold; text-align: center; background-color:#fff; border: 2px solid #0f6355; height: 70px; border-radius: 35px;}
.tab-offers button:first-child {margin-right: 2%;}
.tab-offers button:last-child {margin-left: 2%;}
.w3-red,.w3-hover-red:hover{color:#fff!important; background-color:#0f6355!important}
.stepcontact { position:relative; margin-top: 20px; }
.stepcontact:after{display:table; clear:both; content:"";}

.w3-btn,.w3-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}

.buss-area {padding-left: 100px; margin-top: 80px;}
.dgbox:after{display:table; clear:both; content:"";}
.dgbox {background-color: #0f6355; border: 1px solid #c9caca; padding: 30px; border-bottom-right-radius: 40px;}
.pica {width: 350px; float: left; margin-left: -130px; margin-top: -80px; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.4), 0 2px 20px 0 rgba(0, 0, 0, 0.4);}
.picdec {padding-left: 260px;}
.psubhead {font-weight: bold; margin-bottom: 10px; color: #fff; }
.picdecw {color: #fff;}
.picdecg {color: #e5ff78; margin-top: 15px; font-weight: bold;}


.point8 {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin-top: 30px;}
.p-col {width: 50%; padding-left: 50px; margin-top: 80px; position:relative;}
.linebox {border: solid 2px #149334; border-radius: 30px; height: 160px;}
.lineboxgold {border: solid 2px #ca9a13; border-radius: 30px; height: 160px;}
.pheadline {color: #0c6c29; font-weight: bold; margin-top: -40px; margin-left: -40px;}
.pheadlinegold {color: #9b6f00; font-weight: bold; margin-top: -40px; margin-left: -40px;}
.picon {width: 100px; float: left;}
.picon img {margin-top: -5px;}
.pheadword {padding-left: 110px; padding-top: 25px;}
.phead1 {background-color: #fff; width: 420px;}
.phead2 {background-color: #fff; width: 390px;}
.phead3 {background-color: #fff; width: 400px;}
.phead4 {background-color: #fff; width: 340px;}
.phead5 {background-color: #fff; width: 380px;}
.phead6 {background-color: #fff; width: 550px;}
.phead7 {background-color: #fff; width: 430px;}
.phead8 {background-color: #fff; width: 500px;}
.ptop {margin-top: 30px;}
.pword {padding: 5px 30px;}

.exoffer {position:absolute; bottom:-20px; right: 30px; background: rgb(202,154,19);
background: linear-gradient(90deg, rgba(202,154,19,1) 0%, rgba(162,111,0,1) 100%); font-size: 20px; font-weight: bold; padding: 5px 30px; height: 40px; color: #ffffff; border-radius: 20px;}
.btnarea {position:absolute; bottom:-10px; right: 30px;}

.btnarea a {padding: 5px 20px; background-color: #0d6c29; height: auto; font-size: 18px; color: #fff; border-radius: 10px; font-weight: bold;}
.btnarea a img {height: 13px; margin-top: -2px;}
.btnarea a:hover {background-color: #0f4546;}
.tapline {border-top: 4px solid #0f6355;}
.arrbar {width: 50%; text-align: center;}
.arrbar img {height: 15px; margin-top: -10px;}
.btnb {text-align: center;}
.btnb:after {display:table; clear:both; content:"";}
.btnleft {width: 50%; float: left;}
.btnleft  .btn_action {min-width: 430px;}
.btnword a {text-decoration: underline; color: #000;}
.btnword a:hover {color: #0d6c29;}


.down1 {margin-top: 30px;}
.head {
    font-size: 20px;
    color: #ffffff;
    font-weight: bold;
    background: rgb(202,154,19);
background: linear-gradient(180deg, rgba(202,154,19,1) 0%, rgba(163,115,0,1) 100%);
    width: 100%;
    padding: 20px 30px;
    
    border-radius: 5px;
    transition: background-color -0.3s, color -0.3s;
}

.arr {height: 15px; float: right;  transition: transform 0.5s;}
.rotate {
    transform: rotate(180deg); /* Change this value to adjust the rotation angle */
}
.open {
    background-color: #005bac; /* Change to your desired background color */
    color: #ffffff; /* Change to your desired text color */
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}
.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;}
.borderdown {background-color: #f7f8f8; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; padding: 20px 30px;}
.borderdown:after {display:table; clear:both; content:"";}
.qdec {padding-left: 80px; margin-top: 5px; padding-right: 40px;}
.qdec b {color: #ffffff; font-size: 35px;}
.farr { float: right;  margin-top: 15px;  transition: transform 0.3s ease; }
.rotate {transform: rotate(180deg);      /* 旋轉 180 度 */}
.icona {float: left;}
.icona img {width: 60px; margin-top: -5px; margin-right: 15px;}
.downcontact {width: 50%; float: left;}
.downcontact:first-child {padding-right: 20px;}
.downcontact:last-child {padding-left: 20px;}
.downdec  {text-align: center;}
.downborder {border-right: 1px solid #565656}
.downdec span {font-size: 150%;}
.line01 {background: rgb(13,108,41);
background: linear-gradient(90deg, rgba(13,108,41,0) 0%, rgba(13,108,41,1) 15%, rgba(13,108,41,1) 87%, rgba(13,108,41,0) 100%); height: 1px; width: 100%; margin: 10px 0;}

.aTable {border: none; margin: 0 auto; width: 100%; margin-top: 10px; }
.aTable th { padding-left: 10px; font-size: 18px; line-height: 26px;  background-color: #f7f8f8;  border-bottom: 2px solid #6d6d6d;  border-top: 1px solid #f7f8f8; border-right: 1px solid #f7f8f8; border-left: 1px solid #f7f8f8;}
.aTable td { padding-left: 10px; font-size: 18px; line-height: 26px;  background-color: #f7f8f8;  border-right: 1px solid #f7f8f8; border-left: 1px solid #f7f8f8;}
.aTable tr { border-bottom: 1px solid #d9d9d9;}
.aTable .bottom { border-bottom: 2px solid #6d6d6d; }
.aTable .bigfont {font-size: 150%;}

.tl {width: 13px; float: left;}
.tr {width: 100%; padding-left: 13px;}
.tnc a {color: #000; text-decoration: underline;}
.tnc a:hover {color: #0d6c29;}


@media (max-width: 1152px) {
.pdec {padding-left: 80px; height: auto;}	
}
@media (max-width: 925px) {
.pdec {padding-left: 80px; height: auto;}	
}
@media (max-width: 1020px) {
.phead6 {background-color: #fff; width: auto;}
.mtop1 {padding-top: 5px;}
.tab-offers button { padding: 10px 5px; }	
}
@media (max-width: 970px) {
.linebox {height: 220px;}
.lineboxgold {height: 220px;}	
}
@media (max-width: 970px) {
.p-col {width: 100%;}
.linebox {height: auto; padding-bottom: 30px;}	
.lineboxgold {height: auto; padding-bottom: 30px;}		
.logobbox {width: 100%; float: none;}	
.logowbox {height: auto; margin-bottom: 30px; width: 100%;}
.logo img {width: 300px;}	
.buss-area {padding-left: 0px; margin-top: 80px;}	
.pica { float: none; margin-left: 0px;  margin-top: -80px;}
.picdec {padding-left: 0px; margin-top: 20px;}
.tab-offers button {font-size: 16px; line-height: 20px; padding: 10px 5px; }	
}

@media (max-width: 970px) {
.pointleft {width: 100%; float: none;}
.pointleft:first-child {padding-right: 0px; padding-bottom: 30px;}
.pointleft:last-child {padding-left: 0px; padding-top: 30px;}
.pointborder {border-left: 0px solid #5bb297; border-top: 1px solid #5bb297}
.font43 {font-size:36px; line-height: 40px;}
.icona img {width: 50px; margin-top: -5px; margin-right: 10px;}	
.qdec {padding-left: 60px; margin-top: 5px; padding-right: 20px;}	
.qdec b {color: #ffffff; font-size: 32px;}	
.head {padding: 20px;}
.ptop {margin-top: 30px;}	
.phead8 {background-color: #fff; width: 330px;}	
}

@media (max-width: 550px) {
.tab-offers button {font-size: 16px; line-height: 20px; padding: 10px 5px;  height: 90px; border-radius: 25px;}	
}


@media (max-width: 970px) {
.btnleft {width: 100%; float: none;}
}