.nav-dwn a,#btmBar .btm-dwn a{width:auto}
.dwn-priv{margin:10px 0}
.cmnFormArea{box-sizing:border-box!important;max-width:550px!important}
@media screen and (max-width:500px){
.cmnFormArea{padding:5px!important}
.cmnFormArea table td input[type="submit"],.cmnFormArea table td input[type="reset"]
{width:100%;box-sizing:border-box;margin:5px 0}
.cmnFormArea table td{padding:5px;width:100%!important;display:block}
}

/* Index Page */
.NewBan{position:relative}
.innerOpt{bottom:-70px;margin:0 20%;position:absolute;width:60%}
.innerOpt p{color:#fff;font-size:38px;font-weight:100;line-height:55px;margin:0 0 60px}
.innerOpt img{width:719px}
.colDivider .container{max-width:500px;padding:5px;width:90%}
.oraCol{background:#f78f1f;height:255px}
.bluCol{background:#05a8e6;height:255px}
.colDivider p{color:#fff;font-size:17px;font-weight:100;line-height:30px}
.colDivider p.hea{font-size:24px;font-weight:400}
.colDivider p a{color:#fff;opacity:.6;filter:alpha(opacity=60);position:relative}
.colDivider p a:hover{text-decoration:none}
.colDivider p a img{width:5px}
.colDivider p a::before {background-color:#fff;bottom:0;content:"";height:1px;left:0;position:absolute;transform:scaleX(0);transition:all 0.3s ease-in-out 0s;visibility:hidden;width:100%;}
.colDivider p a:hover::before{transform:scaleX(1);visibility:visible;}
.feaCont p{font-weight:100}
.feaCont .hea{font-size:16px;font-weight:400}
.feaCont .per30{padding:3%;width:25%}
.feaCont .per50{padding:0 2%}

.feaBgCol{background:#e7eaee;}
.feaCloBg{background:#e7eaee;height:150px;width:100%}
.feaCloBg img{height:150px;width:100%}
.imgTrans{background:#000;display:noneheight:500px;left:63px;position:absolute;top:55px;width:768px;opacity:0.2;filter:alpha(opacity=20);}
.oraColSec p,
.bluColSec p{font-size:16px;font-weight:100}
.oraColSec{border-bottom:1px solid #e5e5e5;margin:0 0 30px;padding:0 0 30px}
.oraColSec .hea{color:#000;font-size:22px;font-weight:bold}
.bluColSec .hea{color:#000;font-size:22px;font-weight:bold}
.oraColSec p{color:#8d8d8d;position:relative;}
.per80{float:left;margin:0 1%;width:78%}
.oraColSec .per50,
.bluColSec .per50{padding:10px 0 0 20px}
.oraColSec .per50 ul li,
.bluColSec .per50 ul li{padding:0 0 5px 0}
#feaSlider{margin:0 auto;max-width:800px;position:relative}
#feaSlider ul{margin:0;padding:0}
#feaSlider ul li{display:inline-block;font-weight:600;list-style:none;position:relative;text-align:left;}
.arrowAnimation1{animation-name:ani1;animation-duration:3s;-webkit-animation-name:ani1;-webkit-animation-duration:3s;left:-27%;position:absolute;top:56px;}
.arrowAnimation1 .ima img{width:90px}
.arrowAnimation1 .txt{margin:0 10px 0 0;width:220px;}
.arrowAnimation2{position:absolute;left:-20%;top:56px;-webkit-animation-name:ani1;animation-name:ani1;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-delay:2s;animation-delay:2s;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;opacity:0;filter: alpha(opacity=0);}
.arrowAnimation2 .ima img{width:234px}
.arrowAnimation2 .txt{margin:94px 10px 0 0;width:165px}
.arrowAnimation3{position:absolute;left:-23%;top:265px;opacity:0;filter: alpha(opacity=0);-webkit-animation-name:ani1;animation-name:ani1;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-delay:4s;animation-delay:4s;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;}
.arrowAnimation3 .ima img{width:197px}
.arrowAnimation3 .txt{margin:0 10px 0 0;width:195px}
.arrowAnimation4{position:absolute;right:-26%;top:39px;opacity:0;filter: alpha(opacity=0);-webkit-animation-name:ani1;animation-name:ani1;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-delay:6s;animation-delay:6s;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;}
.arrowAnimation4 .ima img{margin:17px 0 0 0;width:116px}
.arrowAnimation4 .txt{margin:0 0 0 10px;width:195px}
.arrowAnimation5{position:absolute;right:-27%;top:240px;opacity:0;filter: alpha(opacity=0);-webkit-animation-name:ani1;animation-name:ani1;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-delay:8s;animation-delay:8s;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;}
.arrowAnimation5 .ima img{margin:17px 0 0 0;width:219px}
.arrowAnimation5 .txt{margin:0 0 0 10px;width:195px}
.arrowAnimation6{position:absolute;right:-26%;top:329px;opacity:0;filter: alpha(opacity=0);-webkit-animation-name:ani1;animation-name:ani1;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-delay:10s;animation-delay:10s;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;}
.arrowAnimation6 .ima img{margin:17px 0 0 0;width:112px}
.arrowAnimation6 .txt{margin:0 0 0 10px;width:195px}

.upgradeTbl{width:100%}
.upgradeTbl td{padding:5px 10px;border:1px solid #ddd;border-collapse:collapse}
.upgradeTbl tr.headTbl{background:#efefef}

@-webkit-keyframes ani1{
from{opacity:0;filter: alpha(opacity=0);}
to{opacity:1;filter: alpha(opacity=100);}
}
@keyframes ani1{
from{opacity:0;filter: alpha(opacity=0);}
to{opacity:1;filter: alpha(opacity=100);}
}

.dwn-menu{display:block}
.dwn-menu > span{margin:0 0 0 1px;padding:8px 0;width:24.8%;position:relative;float:left;background:#C4C8CC;text-align:center;font-size:18px;cursor:pointer;display:inline-block}
.dwn-menu > span:first-child{margin:0;}
.dwn-menu > span a{display:block;color:#000}
.dwn-menu > span.act{background:#f1f1f1}
.dwn-cont-div{padding:40px}
[data-dirshow]{display:none;text-align:center}
[data-dirshow].dirshow{display:block}
.percent{margin:0 auto;width:60%}
.other-option-head span{padding:5px 20px;font-size:18px;line-height:28px;cursor:pointer;display:inline-block}
.other-option-head span.act{background:#fff}
.other-option{background:#fff;padding:20px 2%}
.other-option-cont{display:none}
.other-option-cont .otr-dwn-cont li{font-size:14px}

.dsk-spa{background:none repeat scroll 0 0 #ECEDEE;margin:50px 0;width:100%}
.dsk-spa td{background:none repeat scroll 0 0 #fff;padding:10px; border:1px solid #efefef; vertical-align:middle}
.dsk-spa th{ padding:10px 0}

@media screen and (max-width:1020px){
.homefeaBox{width:calc(50% - 2px);border:none;border-top:#ddd solid 1px!important}
}
@media screen and (max-width:767px){
.per50{width: 100%;height: auto;float: left;box-sizing: border-box;text-align:center;}
.per30{padding: 5% 3px 3% 3px;width: 100% !important;float: left;text-align: center;border: 1px solid #f3f3f3;box-sizing: border-box;margin-bottom: 20px;background: #f7f7f7;border-radius: 3px;}
}
@media screen and (max-width:620px){
.homefeaBox{width:calc(100% - 2px);}
}