a.icon,.ic-arrow{ display:inline-block; width:18px; height:18px; vertical-align:middle;
	background:url("../images/spritem.png") no-repeat 0 -24px; cursor:pointer;
}
.ic-arrow{ width:8px; height:14px; background-position:0 0; }
.ic-active,.ic-unactive{ width:16px; height:16px; }
.ic-active{ background-position:0 -84px}
.ic-unactive{ background-position:0 -104px}

.TitleM{ padding:15px 15px; text-align:center; background-color:#fff; }
.TitleM span{ color:#b3000a; font-size:22px;  }
.TitleM a.icon{ float:left; margin-top:4px; }
a.ic-back{ background-position:0 -128px; position:absolute; top:12px; left:10px; z-index:101; display:none; }

.title{ padding:25px 0 10px; }
.title span{ color:#222; font-size:18px; }
.Recharge>.title,.AppMain>.title{ padding-top:12px; }

.iteminput { padding:10px 0; float:none; }
.okiafApp .iteminput { float:none; padding:0; }
.iteminput input{ width:100%; border:2px #f2f2f2 solid; background-color:#fafafa; padding:11px 8px; border-radius:3px; box-sizing:border-box; }
.iteminput input:focus{ outline:1px #d48a92 solid; }

/*-----------------------------------
		MenuCredit
------------------------------------*/
.AppMain{ border:1px #dedede solid; padding:0 30px; margin-bottom:30px;}
.MenuCredit{ margin:0; padding:0; list-style:none; }
.MenuCredit li{ background-color:#fff; padding:0; border-top:1px #e5e5e5 solid;}
.AppMain>div>.MenuCredit li:first-child{ border-top:0; }
.MenuCredit li>div,.MenuCredit li>a{ display:block; padding:10px 0; text-decoration:none; cursor:pointer; }
.MenuCredit li .logo{ display:inline-block; vertical-align:middle; margin-right:12px; float:none; width:auto; padding:0;  }
.MenuCredit li .logo img{ width:58px; height:auto; margin-top:2px; }
.MenuCredit li .ic-arrow{ float:right; margin-top:14px;}
.MenuCredit li.liMain .ic-arrow{ margin-top:15px; }
.Accountm{ display:inline-block; vertical-align:middle; }
.Accountm>span{ display:block; padding:2px 0; }
.mnumber{ font-size:16px; color:#636363; }
.liMain .mnumber{ color:#222; }
span.mtest{ font-size:13px; color:#636363; }

.MenuCredit li.liOther{ margin-top:15px; }
.MenuCredit li.liOther>a{ border-top:0; }
.MenuCredit li.liAdd>div{ padding:15px 15px 15px 0; }
.MenuCredit li.liAdd input{ background:none; padding:0; border:0; color:#11445f; cursor:pointer; }
a.ic-add{ width:24px; height:24px; background-position:0 -52px; margin:0 30px 0 17px; }
a.txttext{ color:#11445f; cursor:pointer; }
a.txttext:hover{ color:#b3000a; }

.MenuAcount,.MenuPay{ margin-top:0; }
.MenuAcount li>div,.MenuPay li>div{	padding:12px 15px 12px 0 }
.MenuAcount .mnumber{ color:#222; }
.MenuAcount li a.ic-arrow,.MenuPay li a.ic-arrow{ margin-top:9px; }

/*-----------------------------------
		Paymain
------------------------------------*/
.Paymain{ /*margin-top:10px;*/ background-color:#fff; padding:10px 0; }
.Paymain>div{ padding:10px 15px; text-align:center; }
.Paymain>div.Excess-number{ font-size:18px; }
.Money-number{ font-weight:700; color:#b3000a; font-size:32px; }

/*-----------------------------------
		Paymethod
------------------------------------*/
.Paymethod{ background-color:#fff; padding:8px 8px 8px 0; border-top:1px #e5e5e5 solid; overflow:hidden; }

.pull-right{ float:right; }
.check-btn>span{ display:inline-block; padding-top:6px; color:#222; }
.toggle-switch{ display:none; }
.toggle-switch+label{
	display:inline-block;position:relative;height:28px;cursor:pointer;-webkit-touch-callout:none;
	margin-right:0;margin-bottom:0;padding-left:54px; line-height:28px; vertical-align:top;
}
.toggle-switch+label:before{
	position:absolute;display:inline-block;left:0;content:'';border-style:solid;width:54px;height:28px;border-width:0;
	border-color:transparent;background-color:#afafaf;border-radius:16px;transition:all .3s
}
.toggle-switch+label:after{
	position:absolute;content:'';width:24px;height:24px;top:2px;left:2px;background-color:white;
	box-shadow:0 2px 5px 0 rgba(51,51,51,0.25);border-radius:50%;transition:left .3s,right .3s
}
.toggle-switch:checked+label:before{background-color:#4db446;transition:all .3s}
.toggle-switch:checked+label:after{left:28px;transition:left .3s,right .3s}
.toggle-switch:disabled+label{cursor:no-drop}
.toggle-switch:disabled+label:before{opacity:.3}

/*-----------------------------------
		Recharge
------------------------------------*/
.recharge-main{ background-color:#fff; padding:14px 15px; }
.recharge-items{ border:1px #e5e5e5 solid; border-radius:3px; }
.items-rows>div{ display:inline-block; box-sizing:border-box; vertical-align:top; margin-right:-4px; 
	text-align:center; padding:15px 5px; font-size:18px;
}
.items-three>div,.items-three>li{ width:33.3%; box-sizing:border-box; }
.recharge-items>div{ border-left:1px #e5e5e5 solid; }
.recharge-items>div:first-child{ border-left:0; }
.items-other,.items-text{ margin-top:15px; border:0; }
.items-other input{ border-width:1px; padding:12px 15px; }

.items-rows .one-col{ display:block; text-align:left; padding:10px 0; }
.ROther-items .itemleft{ display:inline-block; }
.ROther-items .itemright{ font-size:18px; float:right; }
.items-text{ margin-top:10px; }
.total{ color:#b3000a }

.mainPay{ padding:15px 10px; background-color:#fff; }
.ItemsPay{ margin:0; padding:0; list-style:none; margin-right:-10px; }
.ItemsPay li{ display:inline-block; vertical-align:top; margin-right:-4px; padding:0 10px 10px 0; }
.ItemsPay li a{ display:table-cell; border:2px #e3e3e3 solid; padding:10px 8px; border-radius:4px; height:60px; 
	text-align:center; vertical-align:middle; position:relative;
}
.ItemsPay li.selected a{ border:2px #59d26b solid; }
.ItemsPay li.selected a:before{ content:""; display:inline-block; width:16px; height:16px; 
		background: url("../images/spritem.png") no-repeat 0 -84px; position:absolute; top:8px; right:8px;
}
.ItemsPay li img{ max-width:100%; }

/*-----------------------------------
		Buttons
------------------------------------*/
.UserInfor .okiafApp .Buttons{ padding:0; text-align:center; }
.okiafApp .Buttons input{  padding:12px 25px; border:0; color:#fff; min-width:200px; border-radius:3px; cursor:pointer; }

/*-----------------------------------
		Addcard
------------------------------------*/
.addcardm,.ROthermain{ background-color:#fff; padding:15px 0;/* margin-top:10px;*/ }
.addcardF input{ background:#fafafa url("../images/addcard.png") no-repeat 2px 2px; padding-left:80px; }
.addcardL,.addcardR{ display:inline-block; vertical-align:top; width:48%; }
.addcardL{ margin-right:-5px; }.addcardR{ margin-left:4%; }
.addcardrow input{ font-style:italic; }
.addcardm .Paymethod{ border-top:0; padding:5px 0; }
.addcardm .check-btn>span{ color:#636363; }

/*-----------------------------------
		Note
------------------------------------*/
.note{ padding:0 15px; text-align:center; line-height:140%; }
.link-info { padding:15px; position:absolute; left:0; bottom:0; width:100%; text-align:center; box-sizing:border-box; line-height:140%; }
.link-info a{ text-transform:uppercase; color:#458ae9; text-decoration:none; font-weight:700; }

/*-----------------------------------
		CardMain
------------------------------------*/
.maincard{ padding:15px 0; }
.maincard .carditem{ margin-top:25px; }
.carditem{ background-color:#fff; padding:15px 0; border-radius:3px; }
.carditem .logo{ display:inline-block; width:auto; float:none; vertical-align:middle; padding:0; }
.cardnumber { padding:30px 0 15px;}
.cardnumber label{ display:inline-block; font-size:32px; padding-right:30px; vertical-align:top;}
.cardnumber span{ display:inline-block; vertical-align:middle; font-size:18px; }
.carditem .Expiration-date span{ display:inline-block; margin-bottom:10px; }
.maincard .Paymethod{ border:0; background-color:transparent; padding:15px 0 0; }
.Expiration-date label{ font-weight:700; font-size:18px; }

/*-----------------------------------
		Recharge Other
------------------------------------*/
.ROthermain{text-align:center; }
.ROthertop { padding-bottom:10px; }
.ROthertop p{margin:20px 0 0; color:#222;}
.ROthertop>div{ display:inline-block; text-align:left;}
.ROthermiddle p{ margin:15px 0; }
.ROthermiddle input{ text-align:center; color:#222;
	background:#fafafa url("../images/spritem.png") no-repeat -370px 12px;
}
.ROtherbottom{ text-align:right; }
.ROtherbottom input{width:48%; text-align:center; padding:13px 8px; font-size:13px; }
.ROtherbottom input:first-child{ float:left; }
.ROtherbottom input.inputnote{background:#fafafa url("../images/spritem.png") no-repeat -374px -36px;
	padding-left:22px;
}

/*-----------------------------------
		Loading
------------------------------------*/
.Loading {
	position:fixed; width:100%; height:100%; background-color:rgba(0,0,0,.5);
	top:0; left:0; z-index:99;
}
.Loading img{ position:absolute; left:48%; top:48%;  }
/*-----------------------------------
		Notify
------------------------------------*/
.Notify{ position:fixed; top:0; left:0; width:100%; padding:10px; box-sizing:border-box; text-align:center; background-color:#fff; z-index:99; }
.Notify:empty{ display:none; }
.msgError{ color:#f00; }

/*-----------------------------------
		Popup
------------------------------------*/
iframe.k-content-frame{ border-radius:4px; }
.AppTop .back .ic-back{ display:none; }
.popupmain{ background-color:#fff; border-radius:6px; min-height:280px; }
.titlepopup{ padding:18px 10px; text-align:center; border-radius:3px 3px 0 0; position:relative; border-bottom:1px #32c0d6 solid}
.titlepopup h1{ margin:0 0 12px 0; font-size:18px; font-weight:normal; text-transform:uppercase; }
.titlepopup p{ margin:0; }
.titlepopup .icon{ position:absolute; left:10px; top:10px; }
.popupmain .buttons{ padding:15px 0 0 10px; }
/*
.mainpopup{ padding:15px; }
.mainpopup .itemrow label{ font-size:16px; }
.titlep{ margin-bottom:15px; }
.titlep h2{ font-size:18px; margin:0; display:inline-block; }
.titlep>span{ float:right; }
.ic-iBanking{ font-size:10px; color:#5c5c5c; border:1px #d4d4d4 solid; padding:6px 6px; border-radius:4px; margin-top:-2px; }
.ic-iBanking:empty{ display:none; }
.itemrow{ padding:10px 0;  }
.itemrow label{ float:right; font-weight:bold; font-size:18px; }
.surplus label{ color:#b3000a; }

.RechargeP .popupmain{ margin-top:-230px; min-height:460px; }
.choosecard{ margin:0; padding:0; list-style:none; white-space:nowrap; padding:20px 0 0 0; }
.choosecard li{  display:inline-block; vertical-align:top; padding:5px; margin-right:-4px; }
.choosecard li a{ display:table-cell; vertical-align:middle; height:44px; border:2px #d3d3d3 solid; padding:5px; position:relative; }
.choosecard li img{ width:70px; }
.choosecard li.selected a{ border:2px #59d26b solid; }
.choosecard li.selected a:before{ content:""; display:inline-block; width:16px; height:16px; 
		background: url("../images/spritem.png") no-repeat 0 -84px; position:absolute; top:8px; right:8px;
}

.mainPay .choosecard{ padding-top:10px; }

.card-row{ padding:10px 5px 10px;  }
.card-row .iteminput input{ text-align:center; }

.Popup .Buttons{ position:absolute; }

/*-----------------------------------
		Kendo
------------------------------------*
div.k-window-iframecontent { width:100%!important; background:none; }
div.k-widget.k-window{ background:none; border:0; box-shadow:none; left:10px!important; right:10px!important; }
div.k-window-titlebar{ background:none; border:0; }
div.k-window-titlebar .k-window-actions{left:15px; top:45px; right:auto; z-index:92;}
div.k-window-titlebar .k-window-action{ width:18px; height:18px; padding:0; }
div.k-window-titlebar .k-state-hover{ background-color:transparent; border:0; }
a.k-window-action .k-icon{ width:18px; height:18px; background: url("../images/spritem.png") no-repeat 0 -24px; }
div.k-window-titlebar a.k-state-hover span.k-icon:hover{ background-position:0 -24px; }
span.k-window-title{ display:none }







/*-- 05/12/2017 --*/