body{background: #f6f6f6;}
.hidden {
    display: none !important;
}
.g980{
    width: 1200px; margin: 0 auto;
}
.g630{
    width: 630px; margin: 0 auto;
}
.u:hover{
    text-decoration: underline;
}
.formError .formErrorContent, .formError .formErrorArrow div{
    border-radius: 0!important;
}
#showCarrier{
    display: block;
    padding: 5px 0 0 0;
    font-size: 12px;
    font-weight: bold;
}
#formCheckOut .wrapper {
    clear:both;
}
#showCarrier img {
    vertical-align: middle;
}
#showCarrier .changeOrtherShipFee {
    font-weight: normal;
}
#tableShipFee {
    display: none;
}
.table-bordered {
    border: 1px solid #ddd;
    width: 100%;
    line-height: 25px;
}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td{
    border: 1px solid #ddd;
}
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
    border-bottom-width: 2px;
    font-weight: bold;
    padding: 10px;
}
.table-bordered > tbody > tr > td{
    padding: 5px;
}
#tableShipFee > div >p{
    font-size: 16px;
    font-weight: bold;
}
    /*-------------------------------------------------------------header-------------*/
#topHeader{
    background: #f2f2f2; height: 25px; border-bottom: 1px solid #e5e5e5;
}
#topHeader>.g1180>div>a{
    display: inline-block; line-height: 25px; color: #999;
    margin-left: 10px;
}
#topHeader>.g1180>div>a:hover{
    text-decoration: underline;
}
#topHeader .account{
    display: inline-block; position: relative;
}
#topHeader .account:hover>a{
    background: #fff; box-shadow: 0 0 2px 1px #ccc; border-top: 2px solid #f04e23;
}
#topHeader .account:hover>form{
    display: block;
}
#topHeader .account>a{
    display: block; line-height: 23px; color: #999; padding: 0 15px;
    border-top: 2px solid transparent;
}
#topHeader .account>form{
    position: absolute; top: 24px; left: 0; background: #fff; z-index: 101;
    padding: 15px; width: 225px; box-shadow: 0 3px 2px 1px #ccc; display: none;
}
#topHeader .account>form label{
    display: block; margin-bottom: 5px;
}
#topHeader .account>form>a{
    display: block; margin-bottom: 10px ; color: #2199CB;
}
#topHeader .account>form a:hover{
    text-decoration: underline;
}
#topHeader #accDropdown{
    right: 0; left: inherit; padding: 15px 0 0 0; width: 215px;
}
#topHeader #accDropdown label{
    margin-bottom: 10px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;
    padding: 0 15px;
}
#topHeader #accDropdown>a{
    margin-bottom: 10px; padding: 0 15px;
}
/*------------------------------------------------------------------------------*/

.g980.box{
    background: #fff; border: 1px solid #ccc;
    padding: 20px;
}
.g980.box .title{
    font-size: 17px;
    padding: 5px 0;
}
.g980.box .title .add{
    color: #188bb8; float: right; font-size: 11px;
}
.g980.box .title .add span{
    background: #188bb8;
    color: #fff;
    padding: 0 4px;
    font-size: 14px;
    border-radius: 3px;
}

.fInputOrder li{
    padding: 7px 0;
    float: left;
    width: 100%;
}
.location-selector .input-wrapper{
    padding: 0 !important;
}
.fInputOrder li span{
    display: inline-block;
    /*width: 110px;*/
    margin-bottom: 5px;
}
.fInputOrder li .input{
    display: inline-block; width: 100%; height: 28px; padding: 0 5px;
}

/*-------------------------*/
.b{
	margin: 15px 0;
}
#paymentMethod{
	padding-left: 10px;
}
.listBank span {
	float: left;
	width: 50px;
	height: 34px;
	overflow: hidden;
	margin: 2px;
	cursor: pointer;
	padding: 2px;
}
.listBank span:hover{
	background: #ccc;
}
.listBank.bank-method span {
    float: unset;
    margin: 2px;
    width: auto;
    height: auto;
    display: block;
    cursor: auto;
}
.listBank.bank-method span:hover {
    background: transparent;
}
.listBank{
	display: none;
}
.tbCheckout{
	margin-left: 17px;
}
.tbCheckout tr td{
	text-align: center;
}
#ck-tt{
	font-weight: bold;
	text-align: center;
}
.cart-info thead .name, .cart-info thead .model, .cart-info thead .quantity{
	text-align: center !important;
}
.cart-info tbody .name, .cart-info tbody .model, .cart-info tbody .quantity{
	text-align: center !important;
}
.tRight{
	text-align: right !important;
}
.cart-info table.tbcheckout{
	border: none;
}
.cart-info thead.thcheckout td{
	background: none;
}
.listBank span.active{
	background: #ccc;
}
/*----------table -------------*/

.thcheckout tr{
	border-bottom: 1px solid #ccc;
	padding: 0 0 10px 0;
	font-weight: bold;
	text-align: center;
}
.tbcheckout tr{
	border-bottom: 1px solid #ccc;
}
.tbcheckout td{
	padding: 8px 0;
	text-align: center;
}
#step{
    display: block;
    float: left;
    margin-right: 5%;
    padding-bottom: 10px;
    width: 30%;
}
#step:last-child{
    margin-right: 0;
}
.pd10{
	padding-left: 10px;
}
#step .title{
	background: #F4F2F3;
	border-top: 1px solid #ccc;
	font-size: 14px;
	padding-left: 5px;
	margin-bottom: 10px;
}
#img-cart img{
	width: 80px;
	height: 100px;
	padding: 0;
}
.boder-none{
	border-bottom: none !important;
}
.logoOrder{
	padding: 15px 0;
	text-align: center;
}
.logoOrder img{
	max-width: 220px;
	max-height: 100px;
}
.btnCK{
	padding: 10px 10px;
	font-weight: bold;
}
#cartReview {
    border-bottom: 2px solid #333;

    margin: 20px 0 0;
    max-height: 225px;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
}
.cartItemProd {
    min-height: 120px;
    min-width: 310px;
}
.cartItemProd > a {
    float: left;
    height: 105px;
    margin-top: 5px;
    overflow: hidden;
    width: 75px;
}
.cartItemProd > a > img {
    min-height: 105px;
    width: 100%;
}
.cartItemProdInfo {
    float: left;
    height: 100%;
    padding: 3px 0 0 10px;
    width: 225px;
}
.cartItemProdInfo > p {
    display: block;
    line-height: 1.3em;
    overflow: hidden;
    text-align: left;
}
.listBankCustomer{
    display: none;
}
.listBankCustomer ul{
    padding: 10px 10px 10px 25px;
    line-height: 20px;
}
.listBankCustomer ul li{
    list-style: disc;
}
#formCheckOut{
    font-size: 14px;
}
.momo-payment label {
    display: flex;
    align-items: center;
}
.momo-payment img {
    width: 20px;
    margin: 0 5px;
}
.fInputOrder .location-selector .input-wrapper{
    padding: 0;
}
.fInputOrder .location-selector .main-input{
    margin: 10px 0;
    border-radius: 0;
    padding: 5px 20px 5px 30px !important;
}
.fInputOrder .location-selector .location-icon{
    width: 15px;
    height: 15px;
    left: 7px;
}
.fInputOrder .location-selector .search-icon{
    display: none !important;
}
.fInputOrder .location-selector .level-selector{
    padding: 0 5px;
}