@charset "utf-8";
/* CSS Document */
.wrContentBox{margin:124px 0 0;}
.wrContentBox .contentWraper{max-width:1360px; width:100%; margin:0 auto 25px; position:relative; background:#FFFFFF;}
.wrBanner .pageNameType2 h1{margin-bottom:10px;}
.wrBanner .pageNameType2 strong{display:block;}
.wrBanner .pageNameType2 span{display:block}
.amc-register{max-width:764px; width:90%; margin:0 auto; padding:50px 0 50px; position:relative;}
.amc-register.dealer_login{padding:70px 0 85px;}
.wrNb{padding:30px 0; border-top:1px solid #ebebeb; text-align:center; background:#fdfdfd; font-style:italic; color:#242424; font-size:14px; overflow:hidden; margin-bottom:26px;}
.wrTabRow{display:flex; flex-wrap:wrap; margin-bottom:20px;}
.wrTabRow .wrTabcol{width:33.3333333333%; float:left; position:relative; padding-top:50px; border-bottom:2px solid #c5c5c5;}
.wrTabRow .wrTabcol a{display:block; padding:0 10px; height:100%;}
.wrTabRow .wrTabcol:before{content:''; position:absolute; left:0; top:9px; right:0; margin:auto;}
.wrTabRow .wrTabcol.rybIcon:before{background:url(../images/ryb-icon-gray1.png) no-repeat 0 0; width:54px; height:42px; -webkit-transition:all 0.5s ease-in; -moz-transition:all 0.5s ease-in; -o-transition:all 0.5s ease-in; transition:all 0.5s ease-in-out;}
.wrTabRow .wrTabcol.rybIcon:hover:before{background:url(../images/ryb-icon-gray1.png) no-repeat 0 100%;}
.wrTabRow .wrTabcol.upsIcon:before{background:url(../images/ryb-icon-gray2.png) no-repeat 0 0; width:58px; height:42px; -webkit-transition:all 0.5s ease-in; -moz-transition:all 0.5s ease-in; -o-transition:all 0.5s ease-in; transition:all 0.5s ease-in-out;}
.wrTabRow .wrTabcol.upsIcon:hover:before{background:url(../images/ryb-icon-gray2.png) no-repeat 0 100%;}
.wrTabRow .wrTabcol.view_hupsIcon:before{background:url(../images/ryb-icon-gray3.png) no-repeat 0 0; width:55px; height:42px; -webkit-transition:all 0.5s ease-in; -moz-transition:all 0.5s ease-in; -o-transition:all 0.5s ease-in; transition:all 0.5s ease-in-out;}
.wrTabRow .wrTabcol.view_hupsIcon:hover:before{background:url(../images/ryb-icon-gray3.png) no-repeat 0 100%;}
.wrTabRow .wrTabcol a span{display:block; text-align:center; font-size:12px; font-style:italic;line-height:17px; color:#7b7b7b; max-width:100px; margin:0 auto; padding:14px 0 22px; font-weight:500;}
.wrTabRow .wrTabcol.active a span{color:#c58923;}
.wrTabRow .wrTabcol.active{border-bottom:2px solid #dbac32; }
.wrTabRow .wrTabcol:hover a span{color:#c58923;}
.wrSec1{text-align:center; margin-bottom:55px;}
.wrRadioBtn{position:relative; display:inline-block !important; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; cursor:pointer; margin-right:-6px;} .wrRadioBtn span{display:inline-block !important; font-size:12px; font-weight:500; color:#787677; padding:14px 50px; background:#FFF; z-index:1; transform:skew(-10deg); box-shadow:0px 3px 10px 0px rgb(0,0,0,0.1);}
.wrRadioBtn input{position:absolute; opacity:0; cursor:pointer; left:0; top:0; z-index:2;}
.wrRadioBtn input:checked ~ span{color:#FFF; background:#dbac32; z-index:2;}
.wrSec1 .wrRadioBtn:first-of-type span{border:1px solid #e9e9e9; border-right:none; }
.wrSec1 .wrRadioBtn:last-of-type span{border:1px solid #e9e9e9; border-left:none; }
.wrFrom>li{margin:0px 0 40px; }
.wrFrom li:after{content:''; display:block; clear:both;}
.wrFrom_2col{position:relative; z-index:5;}
.wrFrom_2col aside:first-of-type{float:left; width:48%;}
.wrFrom_2col aside:last-of-type{float:right; width:48%;}
.styled-input{width:100%; position:relative; padding:25px 20px 12px; border:1px solid #e0e0e0; background:#FFF; transition:all 0.3s ease-in-out;}
.styled-input label{font-size:13px; line-height:18px; font-weight:600; color:#373737; position:absolute; top:30px; left:20px; -webkit-transition:all 0.25s ease; transition:all 0.25s ease; pointer-events:none;}
.styled-input input{font-size:14px; color:#4f4f4f; position:relative; top:5px; height:25px; padding-left:0;font-size:13px; line-height:18px; font-weight:600; color:#373737; z-index:2;}
.styled-input.activeBox{border:1px solid #3fa6c9; background:#d2f0fb;}
.styled-input.activeBox label{font-size:11px; color:#4f4f4f; font-weight:400; top:15px; -webkit-transition:all 0.125s ease; transition:all 0.125s ease;}
.styled-input.activeBox input[type=text]:focus{border:none!important;}
.styled-input textarea{font-size:14px; color:#4f4f4f; position:relative; top:5px; height:25px; padding-left:0;font-size:13px; line-height:18px; font-weight:600; color:#373737; z-index:2; padding-top:7px }
.styled-input.activeBox textarea:focus{border:none!important;}

.styled-input2{width:100%; position:relative; padding:0 0 0; border:0 solid #e0e0e0; background:#FFF; transition:all 0.3s ease-in-out;}
.styled-input2 label{font-size:13px; line-height:18px; font-weight:600; color:#373737; position:absolute; top:30px; left:20px; -webkit-transition:all 0.25s ease; transition:all 0.25s ease; pointer-events:none;}
.styled-input2 input{font-size:14px; color:#4f4f4f; position:relative; top:5px; height:25px; padding-left:0;font-size:13px; line-height:18px; font-weight:600; color:#373737; z-index:2;}
.styled-input2.activeBox{border:1px solid #3fa6c9; background:#d2f0fb;}
.styled-input2.activeBox label{font-size:11px; color:#4f4f4f; font-weight:400; top:15px; -webkit-transition:all 0.125s ease; transition:all 0.125s ease;}
.styled-input2.activeBox input[type=text]:focus{border:none!important;}
.styled-input2 textarea{font-size:14px; color:#4f4f4f; position:relative; top:5px; height:25px; padding-left:0;font-size:13px; line-height:18px; font-weight:600; color:#373737; z-index:2; padding-top:7px }
.styled-input2.activeBox textarea:focus{border:none!important;}

.or-text{background:url(../images/sep.gif) repeat-x 0 100%; text-align:center; margin-bottom:50px!important;}
.or-text span{display:inline-block; width:35px;height:35px; border-radius:50%; text-align:center; line-height:35px; font-style:italic; background:#FFF; color:#c58923; border:1px solid #EEE; font-weight:600; top:15px; position:relative; text-transform:uppercase;}
.captcha{padding:15px 0 0;}
.captcha:after{content:''; display:block; clear:both;}
.captcha aside{float:left; padding:0  20px 0 0; margin-right:10px; }
.captcha{display:inline-block; position:relative; }
.captcha a.captchaChangeBtn{background:url(../images/refresh.png) no-repeat 0 0; height:21px; line-height:21px; padding-left:35px; font-size:12px; font-weight:500; display:inline-block; cursor:pointer;}
.wrFrom li.captchaCode{margin:0px 0 60px;}
.captchaCode em{position:absolute; left:15px; bottom:-25px; font-size:10px; font-weight:500; }
.wrBtn .btn2{display:block; padding:0 20px;}
.wrBtn .btn2 span{width:100%; text-align:left;}
.wrBtn:after{content:''; display:block; clear:both;}
.wrBtn aside{float:left; width:50%;}
.wrBtn aside:first-of-type{padding-right:10px;}
.wrBtn aside:last-of-type{padding-left:10px;}
.wrMsg{margin-bottom:30px;font-style:italic; font-size:18px; font-weight:500; color:#c58923; display:block; text-align:center;}
.success{max-width:540px; width:90%; margin:0 auto; padding:70px 50px; position:relative; text-align:center;}
.success strong{display:block; margin-bottom:50px; font-size:18px; font-weight:400; color:#000; padding-top:120px; background:url(../images/success-icon.png) no-repeat 50% 0;}
.success strong span{color:#c58923;}
.showSearch{display:inline-block; border:1px solid #DDD; padding:10px 20px 10px 35px; background:url(../images/search-icon.png) no-repeat 15px 50%; margin-top:25px; cursor:pointer;}
.exportexcel{position:absolute; top:0; right:0; background:url(../images/export.png) no-repeat 0px 1px; padding-left:24px; color:#282828; font-weight:400; font-size:14px;}
.exportexcel:hover{text-decoration:underline;}
.CustomerRegBatDetails{width:100%; max-width:750px; margin:0 auto; padding-top:50px;}
.CustomerRegBatDetails h3{margin-bottom:25px; font-style:italic; font-size:18px; font-weight:500; color:#c58923; } 
.CustomerRegBatDetails h3.vbHead span{display:inline-block; background:#c58923; width:20px; height:20px;text-align:center; color:white; border-radius:50%; font-size:12px; line-height:20px; position:relative; top:-2px;}
.registered_batteries_list{margin-bottom:45px;border-top:1px solid #DDD;}
.registered_batteries_list>li{border-bottom:1px solid #DDD; padding:15px 15px 15px 0;}
.registered_batteries_list>li:nth-of-type(even){background:#f1f1f8;}
.registered_batteries_list>li:first-child{background:#dbac32!important; color:#FFF; border-radius:7px 7px 0 0;}
.registered_batteries_list>li:after{content:''; display:block; clear:both;}
.registered_batteries_list>li>strong{float:left; width:33.333333333%; color:#FFF; font-size:13px; font-weight:600; padding-right:10px;}
.registered_batteries_list>li>strong:last-of-type, .registered_batteries_list li span:last-of-type{padding-right:15px;}
.registered_batteries_list>li>strong:first-of-type, .registered_batteries_list li span:first-of-type{padding-left:15px;}
.registered_batteries_list>li>span{float:left; width:33.333333333%; font-size:13px; font-weight:500;}
.registered_batteries_list>li>span:empty:after{content:'-'; color:transparent;}
.registered_batteries_list.col2-a li strong{width:50%;}
.registered_batteries_list.col2-a li span{width:50%;}
.registered_batteries_list.col3-a>li>strong{width:33.333333333%;}
.registered_batteries_list.col3-a>li>span{width:33.333333333%;}
.registered_batteries_list.col4-a>li>strong{width:25%;}
.registered_batteries_list.col4-a>li>span{width:25%;}
.detailsTable{}
.detailsTable li:after{content:''; display:block; clear:both;}
.detailsTable li{border-bottom:1px solid #DDD; padding-bottom:10px; margin-bottom:10px; font-size:13px;}
.detailsTable li:last-of-type{border:none;}
.detailsTable strong{float:left; width:50%; font-weight:500;}
.detailsTable span{float:left; width:50%; font-size:13px;}
.know_more{display:inline-block; font-size:13px; line-height:18px; color:#444444; font-weight:400; padding:0 13px 0 0; position:relative; cursor:pointer;}
.know_more:after{content:''; background:url(../images/arrow3.gif) no-repeat 100% 0; width:8px; height:10px; position:absolute; right:0; top:5px; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
.know_more:hover:after{background:url(../images/arrow3.gif) no-repeat 0 0;}
.error_msg{font-size:13px; font-style:italic; line-height:17px;color:#c58923; margin-bottom:30px; font-weight:600;}
.dealerBtn{display:block; font-size:18px; color:#26297b; padding:14px 50px; background:#FFF; z-index:1; transform:skew(-10deg); box-shadow:0px 3px 10px 0px rgb(0 0 0 / 10%); border:1px solid #e9e9e9; position:relative; width:221px; margin:30px auto;}
.dealerBtn:after{content:''; position:absolute; right:25px; top:20px; width:11px; height:10px; background:url(../images/arrow-set1.png) no-repeat -22px -19px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; cursor:pointer;}
.dealerBtn:hover:after{background:url(../images/arrow-set1.png) no-repeat 0 -19px;}

ul.wrFrom{display:flex; flex-wrap:wrap; margin:0 -32px;}
ul.wrFrom li.per100 {
    padding: 0 32px;
    float: left;
    width: 100%;
    box-sizing: border-box;
}
ul.wrFrom li.per50 {
    padding: 0 32px;
    float: left;
    width: 50%;
    box-sizing: border-box;
}

.checkbox2{ position:relative; display:inline-block !important; padding-left:35px; margin-right:20px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor:pointer;} 
.checkbox2 span{ display:inline-block !important; z-index: 1; font-size:11px; line-height:20px; color:#0581ff; font-style:italic; text-decoration:underline;}
.checkbox2 span:before{content:''; position:absolute; top:2px; left:0; height:21px; width:22px; background:url(../images/checkbox2.png) no-repeat 0 100%;}
.checkbox2 input{ position:absolute; opacity:0; cursor: pointer; left:0; top:0; z-index: 2;}
.checkbox2 input:checked ~ span:before { background:url(../images/checkbox2.png) no-repeat 0 0;}

.tabBtnRow{display:flex; flex-wrap:wrap; padding:0 0;}
.tabBtnRow .tabBtnCol{border-bottom:3px solid #ebebeb;}
.tabBtnRow .tabBtnCol:first-child{padding-right:50px;}
.tabBtnRow .tabBtnCol a{display:block; padding:0 25px 0 75px; height:100%; position:relative;}
.tabBtnRow .tabBtnCol a i{width:56px; height:56px; border:1px solid #d9d9d9; display:block; border-radius:50%; margin:0 auto; position:absolute; left:0; top:0;}
.tabBtnRow .tabBtnCol a i:before{content:''; width:7px; height:11px; background:#FFFFFF; position:absolute; left:-1px; top:9px;}
.tabBtnRow .tabBtnCol a i:after{content:''; width:3px; height:3px; background:#8f8f8f; position:absolute; left:1px; top:13px; border-radius:50%;}
.tabBtnRow .tabBtnCol a i.upsIcon em{background:url(../images/batteryUpsIcon.png) no-repeat 0 100%; width:28px; height:20px; display:block;  margin:17px auto 0;}
.tabBtnRow .tabBtnCol a i.hupsIcon em{background:url(../images/batteryHupsIcon.png) no-repeat 0 100%; width:30px; height:20px; display:block;  margin:17px auto 0;}
.tabBtnRow .tabBtnCol a span{display:block; text-align:left; font-size:14px; line-height:18px; color:#454545; margin:0 auto; padding:17px 0 40px; font-weight:400;}
.tabBtnRow .tabBtnCol a:hover{}
.tabBtnRow .tabBtnCol a:hover:after{content:''; width:100%; height:3px; position:absolute; left:0; bottom:-3px; background:#170f69;}
.tabBtnRow .tabBtnCol a:hover i{border:1px solid #ec3439;}
.tabBtnRow .tabBtnCol a:hover i:after{background:#ec3439;}
.tabBtnRow .tabBtnCol a:hover i.upsIcon em{background:url(../images/batteryUpsIcon.png) no-repeat 0 0;}
.tabBtnRow .tabBtnCol a:hover i.hupsIcon em{background:url(../images/batteryHupsIcon.png) no-repeat 0 0;}
.tabBtnRow .tabBtnCol a:hover span{color:#1c166a;}
.tabBtnRow .tabBtnCol.active a{}
.tabBtnRow .tabBtnCol.active a:after{content:''; width:100%; height:3px; position:absolute; left:0; bottom:-3px; background:#170f69;}
.tabBtnRow .tabBtnCol.active a i{border:1px solid #ec3439;}
.tabBtnRow .tabBtnCol.active a i:after{background:#ec3439;}
.tabBtnRow .tabBtnCol.active a i.upsIcon em{background:url(../images/batteryUpsIcon.png) no-repeat 0 0;}
.tabBtnRow .tabBtnCol.active a i.hupsIcon em{background:url(../images/batteryHupsIcon.png) no-repeat 0 0;}
.tabBtnRow .tabBtnCol.active a span{color:#1c166a;}

.wrMsg5{margin-bottom: 30px; font-size: 16px; font-weight: bold; color: #2f2f2f; display: block; text-align: left; padding:49px 0 9px 0;}

.wrFrom.middlePart{margin-bottom: 30px;}
.wrFrom.middlePart li{margin: 0px 0 10px;}

.leftToRight {
    margin-left: auto;
    order: 2;
}

.wrBtn .btn2{ display: block; padding: 0 20px;}
.wrBtn .btn2 span{ width: 100%; text-align: left;}
.wrBtn:after{content: ''; display: block; clear: both;}
.wrBtn aside{ float: left; width: 50%;}
.wrBtn aside:first-of-type{ padding-right: 10px;}
.wrBtn aside:last-of-type{ padding-left: 10px;}

.per50.or{position:relative;}
.per50.or:after{content:'Or'; font-size:14px; line-height:18px; color:#ff0000; font-weight:400; position:absolute; right:-8px; top:25px;}


@media all and (max-width:800px){	
.wrContentBox{padding:0 0;}
.contentBanner.wrBanner{padding:35px 0 25px;}
.contentBanner.wrBanner figure{position:relative; z-index:1; display:none;}
.contentBanner.wrBanner .center{position:relative; left:auto; right:auto; bottom:auto; z-index:2; color:#FFF;}
.wrBanner .pageNameType2 h1{margin-bottom:7px; color:#262680;}
.wrBanner .pageNameType2 strong{color:#000;}	
.wrBanner .pageNameType2 span{color:#000;}	
.wrFrom{margin-bottom:50px;}
.wrTabRow{position:relative; left:0; top:auto; width:auto; margin:0 -5%; background:#FFF;}
.wrTabRow .wrTabcol:before{top:23px;}
.wrTabRow .wrTabcol{width:33.3333333333%; float:left; padding-top:70px; position:relative; border-bottom:none; border-top:2px solid transparent;}
.wrTabRow .wrTabcol.active{border-bottom:none; border-top:2px solid #26287a;}
.amc-register{padding:50px 0 30px; max-width:100%;}
.amc-register.dealer_login{padding:0;}
.wrSec1{margin:0 -5% 50px; box-shadow:0px 3px 10px 0px rgb(0,0,0,0.1); overflow:hidden;}
.wrSec1:after{content:''; display:block; clear:both;}
.wrRadioBtn{}
.wrRadioBtn span{padding:14px 40px;border:none;box-shadow:none; }
.wrRadioBtn input:checked ~ span{color:#FFF; background:#26297d; z-index:2;}
.wrSec1 .wrRadioBtn:first-of-type span{border:none; }
.wrSec1 .wrRadioBtn:last-of-type span{border:none;}
.wrSec1 .wrRadioBtn:first-of-type samp{content:''; display:block; height:44px; width:50vw; position:absolute; top:0; right:100%; margin-right:-10px; background:#FFF; z-index:2;}
.wrSec1 .wrRadioBtn:last-of-type samp{content:''; display:block; height:44px; width:50vw; position:absolute; top:0; left:100%; margin-left:-10px; background:#FFF; z-index:2;}
.wrSec1 .wrRadioBtn:first-of-type input:checked ~ samp{display:block; height:44px; width:50vw; position:absolute; top:0; right:100%; background:#26297d; z-index:2;}
.wrSec1 .wrRadioBtn:last-of-type input:checked ~ samp{display:block; height:44px; width:50vw; position:absolute; top:0; left:100%; background:#26297d; z-index:2;}
.wrFrom_2col aside:first-of-type{float:none; width:100%; margin-bottom:28px;}
.wrFrom_2col aside:last-of-type{float:none; width:100%;}
.success{width:auto;}
.exportexcel{position:relative; display:inline-block; margin-top:20px;}
}
@media screen and (max-width:700px){
.captcha a.captchaChangeBtn {
    text-indent: -99999px;
}
}

@media screen and (max-width:640px){
ul.wrFrom li.per50 {
    padding: 0 32px;
    float: left;
    width: 100%;
    box-sizing: border-box;
}
.leftToRight {
    order: unset;
    margin-bottom: 20px !important;
}
.captcha {
    padding: 0 0 0;
}
	.per50.or{padding-bottom:8px !important;}
	.per50.or:after{right: unset; top: unset; bottom: -26px;}

}
@media screen and (max-width:600px){


.tabBtnRow .tabBtnCol a span{text-align:center;}
.tabBtnRow .tabBtnCol a {
    padding: 56px 15px 0 15px;
    width: 100%;
}
.tabBtnRow .tabBtnCol:first-child {
    padding-right:10px;
}
.tabBtnRow .tabBtnCol a i {right:0;}
.tabBtnRow .tabBtnCol a span {
    padding: 17px 0 25px;}
	.tabBtnRow .tabBtnCol{width:50%;}
	.wrContentBox {
    margin:70px 0 0;
}

}