@charset "UTF-8";

p {font-size: 16px; line-height:25px; }

.headline b {color: #E11B00;}

.ui-tab { position:absolute; width:100%; bottom:0; left:0; border-bottom: 10px solid #0d6c29; }
.tab-2 li.green {background-color:#0d6c29;}

.awesome_icon { background-image:url(icon_20px.png); width:20px; height:20px; display:inline-block; vertical-align:middle; margin-top:-3px; margin-right:5px; }
.icon_map { background-position: -60px 0px; }

.boxs {border: 1px solid #bfbfbf; padding:15px; height: 150px; width: 100%; overflow-y: scroll; margin: 0 auto;}
.boxs li {margin-left: 15px;}
.tnc {font-size: 11px; color: #5b605f; vertical-align: middle;}
.top {margin-top: 10px; display: inline-block;}	

.offera {width: 100%; margin-top: 10px;}	
.offer-box {float: left; width: 32%; border: 3px solid #e4e4e4; padding:15px; text-align: center; height: 330px; margin-right: 2%;}
.offer-box:last-child {float: left; width: 32%; border: 3px solid #e4e4e4; padding:15px; text-align: center; height: 330px; margin-right: 0%;}

.offer-box1 {float: left; width: 32%; border: 3px solid #e4e4e4; padding:15px; text-align: center; height: 280px; margin-right: 2%;}
.offer-box1:last-child {float: left; width: 32%; border: 3px solid #e4e4e4; padding:15px; text-align: center; height: 280px; margin-right: 0%;}

.icon img {width: 160px; text-align: center;}

.word p {font-size: 16px; line-height:25px;}

.pic {width: 60%; margin: 0 auto;}

.act {width: 350px;}
.act b {color: #0d6c29;}
.greenc b {color: #0d6c29;}
.lity {margin-left: 0; }
.lity1 {margin-top: -10px;}
.call_act_content {text-align: center;}
.call_for_act_area {width: 95%;}

.offer-box:after{display:table; clear:both; content:"";}
.offer-bo1x:after{display:table; clear:both; content:"";}

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


 @media screen and (max-width: 970px) {
.desktop2 {display: none;}
.mobile2 {display: block;}	 
.banner_title h1 {font-size: 26px; line-height:33px;}
.offer-box {float: none; width: 100%; border: 3px solid #e4e4e4; padding:15px; text-align: left; height: auto; margin-top: 10px; margin-right: 0%;}
.offer-box:last-child {float: none; width: 100%; border: 3px solid #e4e4e4; padding:15px; text-align: left; height: auto;  margin-top: 10px; margin-right: 0%;}	
	 
.offer-box1 {float: none; width: 100%; border: 3px solid #e4e4e4; padding:15px; text-align: left; height: auto; margin-top: 10px; margin-right: 0%;}
.offer-box1:last-child {float: none; width: 100%; border: 3px solid #e4e4e4; padding:15px; text-align: left; height: auto; margin-top: 10px; margin-right: 0%;}	 
.offer-box1:after{display:table; clear:both; content:"";}
.ptop {padding-top: 30px;} 
.icon img {width: 110px; text-align: left; float: left; margin-right: 5px;}	 
.top {margin-top: 0px; display: inline-block;}	
.top1 {margin-top: 10px; display: inline-block;}	
}

.ui-table th { padding: 5px 5px; font-size: 16px; text-align:center; font-weight:bold; background-color:#0d6c29; }
.ui-table th:first-child {border-left: 1px solid #0d6c29; border-top: 1px solid #0d6c29; }
.ui-table th:last-child {border-right: 1px solid #0d6c29; border-top: 1px solid #0d6c29; }
.ui-table td { padding: 5px 5px; font-size: 16px; line-height: 21px; text-align:center; background-color:#ffffff; border-bottom: 1px solid #0d6c29; border-left: 1px solid #0d6c29; border-right: 1px solid #0d6c29;}
.ui-table td.redfont { font-weight: bold;}

.ui-tab li a { display: block; padding: 0.7rem 1rem; color:#ffffff; max-width:260px; min-width:260px; font-weight:bold; line-height:18px; }

@media screen and (max-width: 970px){
.ui-tab li a, .tab-5.ui-tab li a, .tab-6.ui-tab li a { max-width:inherit; min-width:inherit; }	
}

.m {display: none;}
.mc {display: block;}

@media screen and (max-width: 700px){
.m {display: block;}
.mc {display: none;}
}


.btn-large.ui-silver {
	margin-top: 0;
	margin-bottom: 0;
	position: relative;
	
}


.btn-large.ui-silver{
	font-size: 16px; color:#0d6c29;
/*	width: 212px;*/
	margin-top: 1.3em;
	margin-bottom: 1em;
	height: 50px;
	line-height: 50px;
}

.btn-large.ui-silver:before{
	width: 15px;
	height: 15px;
	background-image: url("ico_more.png");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	vertical-align: text-bottom;
	margin-right: 10px; margin-top: -5px;

}

.btn-large.ui-silver:after{
	content: "";
	width: 15px;
	height: 15px;
	background-image: url(ico_linkout.svg);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	margin-right: 5px;
	display: inline-block;
	margin-left: 12px;
}


.btn-large.ui-silver:hover{
	-webkit-transition: 300ms color;
	transition: 300ms color;
}

.btn-large.ui-silver:hover:before{
	background-image: url("ico_more_hover.png");
	-webkit-transition: 300ms background;
	transition: 300ms background;
}

.btn-large.ui-silver:hover:after{
	background-image: url("ico_linkout_hover.svg");
	-webkit-transition: 300ms background;
	transition: 300ms background;
}

.oliveapp:after{display:table; clear:both; content:"";}
.oliveapp {border: 2px solid #068A0C;  padding: 10px 85px; margin: 20px 0;}
.oliveapp img {height: 80px; float: right; margin: 0 5px; margin-top: 0px;}
.oliveapp p {padding-top: 10px;}
.search {width: 160px;}

.point-area { width: 100%; max-width: 450px; margin: 0 auto;}
.point:after{display:table; clear:both; content:"";}
.point {margin-top: 20px;}
.picon img {width: 70px; float: left;}
.pword {padding-left: 80px; font-size: 16px; }
.pword b {font-size: 22px; color: #0d6c29; font-weight: bold;}
.ptop {padding-top: 20px;}
.ptop1 {padding-top: 10px;}
.tips {margin-top: 65px; margin-bottom: 35px;}
.tips img {width: 40px; float: left;}
.tword {padding-left: 50px; font-size: 16px; width: 100%; padding-top: 10px;}

 @media screen and (max-width: 970px) {
.oliveapp {border: 2px solid #068A0C;  padding: 10px 10px; margin: 20px 0;}
}

.sample img {max-width: 850px; width: 100%;}

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

@media screen and (max-width: 635px){
.desktop1 {display: none;}
.mobile1 {display: block;}
.awesome_icon { background-image:url(icon_20px.png); width:20px; height:20px; display:inline-block; vertical-align:top; margin-top:-3px; margin-right:5px; }	
.call_act_content i { position: relative; left: 0; top: 1%; margin: 0px 0 0; }
.mobtext span { font-size: 15px; line-height: 20px; font-weight: bold;}	
}

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