@charset "utf-8";
/* CSS Document */
.exploreArea{font-family:'Roboto',sans-serif;color:#fff;font-weight:400;background:#24a9f4;background:-moz-linear-gradient(top,#24a9f4 0%,#22a5ed 26%,#22a2e9 28%,#21a0e5 42%,#239ee2 42%,#209adb 63%,#2198da 70%,#2396d7 71%,#2090cf 98%,#2290cd 100%);background:-webkit-linear-gradient(top,#24a9f4 0%,#22a5ed 26%,#22a2e9 28%,#21a0e5 42%,#239ee2 42%,#209adb 63%,#2198da 70%,#2396d7 71%,#2090cf 98%,#2290cd 100%);background:linear-gradient(to bottom,#24a9f4 0%,#22a5ed 26%,#22a2e9 28%,#21a0e5 42%,#239ee2 42%,#209adb 63%,#2198da 70%,#2396d7 71%,#2090cf 98%,#2290cd 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#24a9f4',endColorstr='#2290cd',GradientType=0)}
.exploreCurve{background-image:url(../../resource/images/banner/curve.png);background-position:70% top;background-repeat:no-repeat;padding:16px 0 14px}
.upTo{border-radius:5px;background:#f9991e;background:-moz-linear-gradient(top,#f9991e 0%,#f5971d 15%,#ef9219 28%,#ef921b 32%,#da8310 74%,#d27d10 100%);background:-webkit-linear-gradient(top,#f9991e 0%,#f5971d 15%,#ef9219 28%,#ef921b 32%,#da8310 74%,#d27d10 100%);background:linear-gradient(to bottom,#f9991e 0%,#f5971d 15%,#ef9219 28%,#ef921b 32%,#da8310 74%,#d27d10 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9991e',endColorstr='#d27d10',GradientType=0);height:83px;max-width:218px;width:100%;float:left;padding:4px}
.upToBrd{border:2px dashed #fff;height:100%}
.upToBox{margin-left:36px}
.upToBox span{display:block;font-size:18px;color:#fff;line-height:18px;padding:9px 0 5px}
.upToBox strong{display:block;font-size:30px;color:#fff;font-weight:700;text-transform:uppercase;line-height:30px}
.exploreMiddle{float:left;max-width:430px;width:100%;margin:13px 0 0 34px}
.exploreMiddle h2{font-size:22px;color:#fff;font-weight:700;line-height:22px;padding:0;margin:0 0 11px}
.exploreMiddle span{font-size:16px;font-weight:300;color:#fff}
.exploreMiddle span strong{font-weight:700}
.exploreRight{float:right;max-width:250px;width:100%;text-align:right;margin:12px 0 0}
.find{background:#f89a1e;background:-moz-linear-gradient(top,#f89a1e 0%,#f1921a 31%,#dc8713 69%,#d17f11 97%,#d37d10 100%);background:-webkit-linear-gradient(top,#f89a1e 0%,#f1921a 31%,#dc8713 69%,#d17f11 97%,#d37d10 100%);background:linear-gradient(to bottom,#f89a1e 0%,#f1921a 31%,#dc8713 69%,#d17f11 97%,#d37d10 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f89a1e',endColorstr='#d37d10',GradientType=0);height:34px;line-height:34px;color:#fff;font-size:14px;font-weight:600;padding:0 18px;display:inline-block;border-radius:3px; box-shadow:0 1px 4px #666;}
.find:hover{text-decoration:none;color:#fff}
.rewards{display:block;font-size:24px;color:#fff;font-weight:400;margin:0 0 5px;line-height:24px}
.rewards small{font-weight:300}
.rewards:hover{text-decoration:none;color:#fff}
.forRes{display:none}

/**			==============	Responsive style start	============================---------------------------------------------------------------****
*********************************************--------------------------------------------------------------------------------------------------***/
@media only screen and (max-width: 991px) {
.exploreArea .container{position:relative}
.find{display:none}
.upTo{width:200px}
.upToBox{margin-left:25px}
.exploreMiddle{max-width:305px;margin:8px 0 0 15px}
.exploreMiddle h2{font-size:20px;margin-bottom:5px}
.exploreMiddle span{font-size:15px}
.exploreRight{max-width:190px;margin-top:8px}
.rewards{font-size:21px}
.exploreRight{max-width:100%;margin-top:0;float:none;position:absolute;left:0;right:0;top:0;bottom:0;text-align:right;vertical-align:bottom;width:100%}
.rewards{display:block;margin:0;height:100%;padding-top:60px;padding-right:15px}
}
/*******		end 991		*/

@media only screen and (max-width: 767px) {
.upTo{display:none}
.upTo.forRes{display:block;float:none;max-width:100%;margin:15px auto 10px;width:300px;height:auto}
.upToBrd{padding:5px 0 10px}
.exploreRight{display:none}
.exploreMiddle{max-width:100%;text-align:center;margin:0}
.upToBox{margin-left:0}
.upToBox .rewards{padding:0;font-size:18px}
.exploreMiddle span{font-size:16px;padding:0;display:block;margin-bottom:8px}
.upToBox strong{font-size:24px;line-height:24px}
.exploreCurve{background-size:cover}
.find.forRes{display:inline-block}
.exploreMiddle .upToBox span{font-size:18px;margin:0 0 5px}
}
/*******		end 767		*/