@charset "UTF-8";
/* CSS Document */
.banner_kv { background:url(top_banner.jpg) center left; background-size: cover;}
@media (max-width: 780px) {
.banner_kv{ background:url(top_banner_m.jpg) center center;}
}
.word-area {width: 87%; margin: 0 auto; }
.word-area p { color: #666666; font-size: 18px; line-height: 24px; text-justify: distribute-all-lines;}
.word-top {margin-top: 20px;}

h1 {color: #685e4d; text-align: center; margin-bottom: 20px; font-size: 26px;}
b {color: #7a2120;}
.offer-area {width: 87%; border: 1px solid black; margin: 0 auto; }
.offer-area:after {display:table; clear:both; content:"";}
.headpic {width: 100%; height: 120px; background:url("giftbox.jpg") top left; background-size: cover; padding-left: 200px; font-size: 34px; color: white; font-weight: bold; padding-top: 35px;}
.headword {padding-left: 39%; background: #666666; height: 140px; font-size: 34px; color: white; font-weight: bold; padding-top: 50px;}


.head {height: 110px; }
.hpa {padding: 30px 0 0;}
.hpa1 {padding: 5px 0 0;}
.pic {width: 100%; text-align: center; margin-top: 20px;}
.pic img {width: 420px;}


.tableall {width: 100%; margin-top: 30px;}
.tableall:after {display:table; clear:both; content:"";}

.apparea {margin-bottom: 10px;}
.apparea:after {display:table; clear:both; content:"";}
.photo {width: 100%; text-align: center; margin-top: 10px;}
.photoall {width: 250px; float: left;}


.tabarea:after {display:table; clear:both; content:"";}
.picdecall {color: #666666; font-size: 18px; line-height: 24px; padding-left: 280px;}
.picdecall h2 {color: #685e4d; margin: 10px 0;  font-size: 22px;}

.tableft {width: 49.5%; float: left; margin-right: 1%;}
.tableft:last-child {width: 49.5%; float: left; margin-right: 0%;}

.actleft {width: 33%; float: left; margin-right: 0%; text-align: center; height:120px; }

.oliveapp  {width: 100%; margin: 10px 0; text-align: left;}
.oliveapp img {width: 300px; float: none;}
.hotel {width: 400px;}

.tableft h2 {color: #685e4d; margin: 10px 0; text-align: center; font-size: 22px;}
.picdec {color: #666666; font-size: 18px; line-height: 24px; height: 130px;}

.headword1 {padding: 20px; background: #575756; font-size: 34px; color: white; font-weight: bold; }
.pointarea {padding: 10px 20px;}
.pointarea:after {display:table; clear:both; content:"";}


.olive { border: 1px solid #666666;; margin: 0 auto;  padding: 15px; margin-top: 50px;}
.olive-head {background-color: #ffffff; font-size: 26px; color: #685e4d; font-weight: bold; width: 350px; margin: 0 auto; margin-top: -35px; text-align: center; margin-bottom: 10px;}
.oliveact {color: #666666; font-size: 18px; line-height: 24px;}
.pic5 {width: 240px; float: left;}
.olive:after {display:table; clear:both; content:"";}
.olive-word {color: #666666; font-size: 18px; line-height: 24px; padding-left: 280px;}

.act-area {background:url(bg.jpg) center left; background-size: cover; width: 100%; height: 100px; color: #fff; font-size: 18px; line-height: 24px;  padding: 15px; text-align: center; background-color: #000000;}

.app-area:after {display:table; clear:both; content:"";}
.app-area {width: 370px; margin: 20px auto 20px auto;}
.appicon {float: left; width: 90px;}
.appicon1 {padding-left: 100px;}
.app1 {float: left; margin-top: 10px;}
.app2 {margin-top: 10px; text-align: right;}
.appheadline {font-size: 20px; line-height:30px; font-weight: bold; text-align: center; margin-bottom: 20px;}
.app1 img {height: 38px;} 
.app2 img {height: 38px;}
.appsearch img {height: 37px;} 
.url {text-align: center;}

.break1 {display: block;}
.break {display: none;}

.hotline {color: #685e4d; font-size: 34px; font-weight: bold;}
.hotline img {height: 30px; margin-right: 5px;}
.hotword {color: #685e4d; font-size: 17px; padding-left: 0px;}
.hotword1 {color: #685e4d; font-size: 16px; padding: 0 20px; }
.laptop {font-size: 23px; color: #6C665C; font-weight: 600; text-align: center; margin-top: 10px;}
.laptop img {width: 60px;}
.hsapp {width: 100%; text-align: center;}
.hsapp img { width: 700px;}
.border-right {border-right: 1px solid #6C665C;}

.border-top {border-top: 1px solid #6C665C; width: 85%; margin: 0 auto; margin-top: 20px; margin-bottom: 20px;}





 @media screen and (max-width: 970px) {
	 
.picdecall {color: #666666; padding-left: 0px;}	 
.photoall {width: 100%; text-align: center; margin-top: 10px; margin-bottom: 10px;} 	 
.photoall {width: 100%; text-align: center; margin-top: 10px;} 
.photoall img  {width: 420px; } 	 
.break {display: block;}
.break1 {display: none;}	 
.tableft {width: 100%; float: none; margin-right: 0;}
.tableft:last-child {width: 100%; float: none; margin-right: 0%;}
.actleft {width: 100%; float: none; margin-right: 0%; text-align: center; height:auto; }	 
.picdec {color: #666666; font-size: 18px; line-height: 24px; height: auto;}
.pic5 {width: 100%; float: none; margin-bottom: 10px; text-align: center;}	
.pic5 img {width: 420px;}	 
.olive-word {color: #666666; font-size: 18px; line-height: 24px; padding-left: 0px;}
.photo {width: 100%; text-align: center; margin-top: 10px;} 
.photo img  {width: 420px; } 
.hsapp img { width: 300px;; margin-top: 15px;}
.border-right {border-right: 0px solid #6C665C; margin-bottom: 10px;}	
.act-area {background:url(bg.jpg) center left; background-size: cover; width: 100%; height: 145px; color: #fff; font-size: 18px; line-height: 24px;  padding: 15px; text-align: center; background-color: #000000;}	 
} 

 @media screen and (max-width: 580px) {
.photoall img  {width: 100%; } 	 
.photo img  {width: 100%; } 
.app-area {width: 350px; margin: 20px auto 40px auto;}
.appicon {float: left; width: 90px;}
.appicon1 {padding-left: 100px;}
.app1 {float: left; margin-top: 8px;}
.app2 {margin-top: 8px; text-align: right;}
.app1 img {height: 35px;} 
.app2 img {height: 35px;}	
} 

.aTable {border: none; margin: 0 auto; width: 100%; margin-top: 10px;}

.aTable td {padding-left: 10px; font-size: 19px; background-color: #fff; color: #666666; height: 50px; border-left: 1px solid #fff; border-right: 1px solid #fff; }
.aTable tr { border-bottom: 1px solid black;}
.aTable td b { olor: #7a2120;}
.aTable .topw {border-top: 1px solid #fff;}

.line {border-top: 1px solid #575756; margin: 15px 0px; }
.leftline {border-right: 1px solid #575756; }

.leftnew {width: 50%; float: left; padding-right: 20px;}
.leftnew:last-child {width: 50%; float: left; padding-left: 20px;}

.hdec1 {font-size: 19px; color: #575756; height: auto; }
.pointarea1 {padding: 10px 20px 30px;}
.pointarea1:after {display:table; clear:both; content:"";}

.offer:after {display:table; clear:both; content:"";}
.dec {font-size: 18px; line-height: 24px; margin-top: 10px;}
.dec b {color: #95701b; font-size: 130%;}

.dec2 {font-size: 18px; line-height: 24px; margin-top: 0px;}
.dec2 b {color: #95701b; font-size: 130%;}


.tnc {font-size: 13px; line-height: 18px; margin: 10px 0px;}
.tnc1 {font-size: 13px; margin-top: 30px;}
.show {display: block;}

.secondTable .gold img {width: 110px; float: right;}

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


.left {width: 50%; float: left; padding-right: 10px;}
.left:last-child {width: 50%; float: left; padding-left: 10px;}

.hword {font-size: 22px; color: #575756; font-weight: bold;}
.hdec {font-size: 19px; color: #575756; height: 130px; }
.pointb {margin-bottom: 10px;}
.pointt {margin-top: 10px;} 
.bar {width: 100%;}

.act {  font-size: 23px; color: #6C665C; font-weight: 600; line-height: 30px; text-align: center; margin-bottom: 20px;}

.mtop {padding-top: 90px;}

.offer-area .thBackground2 {
  background: url("tableImage_new.jpg") center no-repeat;
  background-size: cover;
  width: 25%; height: 100px; float: left;
}

.offer-area .thBackground1 {
  background: url("tableImage_new1.jpg") center no-repeat;
  background-size: cover;
  width: 25%; height: 100px; float: left;
}

.offer-area .thBackground3 {
  background: url("tableImage_new2.jpg") center no-repeat;
  background-size: cover;
  width: 25%; height: 100px; float: left;
}

.offer-area .tableTitle2 {
  font-size: 28px; background-color: #575756; padding-top: 1.7%;
  color: white; font-weight: bold; padding-left: 30%;
	height: 100px;
	width: 100%;
}

.offer-area .tableTitle2 p {font-size: 23px; font-weight: normal;}

.offer-area .tableTitle3 {
  font-size: 28px; background-color: #575756; padding-top: 4%;
  color: white; font-weight: bold; padding-left: 30%;
	height: 100px;
	width: 100%;
}

.offer-area .tableTitle4 {
  font-size: 28px; background-color: #575756; padding-top: 4%;
  color: white; font-weight: bold; padding-left: 30%;
	height: 100px;
	width: 100%;
}

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

@media (max-width: 768px) {
.desktop {display: none;}
.mobile {display: block;}	
	
.show {display: none;}	
.aTable strong {font-size: 18px;}
.aTable td { font-size: 16px; line-height: 28px;  color: #575756; height: auto;}
.word-area {width: 100%; margin: 0 auto;}
.word-area p { color: #575756; font-size: 18px; line-height: 24px;}	
.offer-area {width: 100%; border: 1px solid black; margin: 0 auto; }
.headpic {width: 100%; height: 120px; background:url("giftbox.jpg") top left; background-size: cover; padding-left: 180px; font-size: 30px; color: white; font-weight: bold; padding-top: 35px;}
.headword {padding-left: 33%; background: #575756; height: 100px; font-size: 25px; color: white; font-weight: bold; padding-top: 35px;}
.mtop {padding-top: 0px;}
.pic1 {width: 30%; height: 360px; background:url("sandFilter.jpg") top left; background-size: cover; float: left;}
.pic2 {width: 30%; height: 300px; background:url("gta.jpg") top left; background-size: cover; float: left;}	
.picword-area {padding-left: 20px; padding-right: 20px; padding-top: 20px; font-size: 19px; color: #575756;}	
.picword-area .headline {font-size: 25px; font-weight: bold;}
.picword-area .subhead {font-size: 22px; font-weight: normal;}	
	
.left {width: 100%; float: none; padding-right: 0px; margin: 0px 0;}
.left:last-child {width: 100%; float: none; padding-left: 0px; margin: 20px 0;}
	
.ltop {margin-top: 20px;}	
.pointarea {padding: 0px 20px;}	
.pointb {margin-bottom: -10px;}
.pointt {margin-top: 0px;} 
.hdec {font-size: 19px; color: #575756; height: auto;}	
.bar {width: 100%; margin-top: 10px;}

.offer-area .thBackground2 {
  background: url("tableImage_new.jpg") center no-repeat;
  background-size: cover;
  width: 25%; height: 100px; float: left;
}

.offer-area .thBackground1 {
  background: url("tableImage_new1.jpg") center no-repeat;
  background-size: cover;
  width: 25%; height: 100px; float: left;
}

.offer-area .thBackground3 {
  background: url("tableImage_new2.jpg") center no-repeat;
  background-size: cover;
  width: 25%; height: 100px; float: left;
}

.offer-area .tableTitle2 {
  font-size: 23px; background-color: #575756; padding-top: 5%;
  color: white; font-weight: bold; padding-left: 30%;
	height: 100px;
	width: 100%;
}

.offer-area .tableTitle2 p {font-size: 20px; font-weight: normal;}

.offer-area .tableTitle3 {
  font-size: 23px; background-color: #575756; padding-top: 4%;
  color: white; font-weight: bold; padding-left: 30%;
	height: 100px;
	width: 100%;
}	
.offer-area .tableTitle4 {
  font-size: 23px; background-color: #575756; padding-top: 8%;
  color: white; font-weight: bold; padding-left: 30%;
	height: 100px;
	width: 100%;
}		

.leftnew {width: 100%; float: none; padding-right: 0px; padding-bottom: 15px;}
.leftnew:last-child {width: 100%; float: none; padding-left: 0px; padding-top: 15px;}	
.leftline {border-right: 0px solid #575756;  border-bottom: 1px solid #575756; }	
	
}

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

.box1 {border: 2px solid #7f5429; padding: 3px; margin-bottom: 20px;}
.box2 {border: 1px solid #7f5429; padding: 10px;  text-align: center; font-size: 16px; font-weight: bold;}
.box2 a:hover {color: #7f5429;}
.watsapp {height: 25px; margin-top: -3px;}