:root{
    --btn-color1:#474F61;
    --btn-color2:#4DAAD2;
    --btn-color3:#96C44E;
    --btn-color4:#F76D82;
    --btn-color5:#FC8370;
    --btn-color6:#F299CD;
    --table-color1:#474F61;
    --table-linecolor:#ffffff;
    --table-linecolor0:#474F61;
    --table-linecolor1:#A1A2A7;
    --table-linecolor2:#9BA6A6;
    --table-linecolor3:#D4D7DC;
    --table-linecolor4:#EFF0F3;
    --table-linecolor5:#F5F7FA;
}

.textLeft{text-align: left;}
.textCenter{text-align: center;}
.textRight{text-align: right;}

.width_5{width:5%;}
.width_10{width:10%;}
.width_15{width:15%;}
.width_20{width:20%;}
.width_25{width:25%;}
.width_30{width:30%;}
.width_35{width:35%;}
.width_40{width:40%;}
.width_49{width:49%;}
.width_50{width:50%;}
.width_60{width:60%;}
.width_70{width:70%;}
.width_80{width:80%;}
.width_90{width:90%;}
.width_100{width:100%;}
.btnColor1{background-color: var(--btn-color1); color:#fff;}
.btnColor2{background-color: var(--btn-color2); color:#fff;}
.btnColor3{background-color: var(--btn-color3); color:#fff;}
.btnColor4{background-color: var(--btn-color4); color:#fff;}
.btnColor5{background-color: var(--btn-color5); color:#fff;}
.btnColor6{background-color: var(--btn-color6); color:#fff;}

.btn_box{padding: 10px;}

.center {    position: absolute;    left: 50%;    top: 50%;    transform: translate(-50%, -50%);    }
.arrowSet::after{clear:both;content: ' ';display: block;}
.arrow_1 {float: left; background:var(--btn-color1); position:relative;}
.arrow_2 {float: left; background:#fff; color:#000; position:relative; }

.arrow_1.step_1,.arrow_2.step_2 {width:50%; height:50px;}
.arrow_1.step_1,.arrow_2.step_2{box-shadow: 1px 0 0 0 var(--btn-color1), -1px 0 0 0 var(--btn-color1), 0 1px 0 0 var(--btn-color1), 0 -1px 0 0 var(--btn-color1) ;}

.arrow_1:after {content:''; position:absolute; width:0; height:0; border-style:solid;}

.arrow_1.step_1:after {border-width:25px 20px;}

.arrow_1.step_1:after {z-index:1000; border-color:transparent transparent transparent var(--btn-color1); left: 100%; top:0PX}





.arrow_4 {float: left; background:var(--btn-color1); position:relative;}
.arrow_3 {float: left; background:#fff; color:#000; position:relative; }

.arrow_4.step_1,.arrow_3.step_2 {width:50%; height:50px;}
.arrow_4.step_1,.arrow_3.step_2{box-shadow: 1px 0 0 0 var(--btn-color1), -1px 0 0 0 var(--btn-color1), 0 1px 0 0 var(--btn-color1), 0 -1px 0 0 var(--btn-color1) ;}

.arrow_4:after {content:''; position:absolute; width:0; height:0; border-style:solid;}

.arrow_4.step_1:after {border-width:25px 20px;}

.arrow_4.step_1:after {z-index:1000; border-color:var(--btn-color1) var(--btn-color1) var(--btn-color1) transparent; left: -20px; top:0PX}








.arrowindiv{position: absolute;    left: 50%;    top: 50%;    transform: translate(-50%, -50%); font-weight: 700; font-size: 15px; line-height: 150%;}
.arrowindiv span{ font-weight: 700; font-size: 12px;}

.paymentNotice_li{float: left; width:50%;}
.left_shadow{box-shadow: -1px 0 0 0 var(--btn-color1)}
.right_shadow{box-shadow: 1px 0 0 0 var(--btn-color1)}
.side_shadow{box-shadow: 1px 0 0 0 var(--btn-color1),-1px 0 0 0 var(--btn-color1)}
.paymentNotice_li_Div{padding: 30px; line-height: 150%; }
.point{  font-weight: 500; color: #da2b89;}

.divTableTitle{ margin-bottom: 10px;}
.divTableRight{float: right;}


.no-border { border:0px !important; box-shadow: none !important;}

.mt-20{margin-top: 20px;}
.mt-30{margin-top: 30px;}
.mt-40{margin-top: 40px;}
.mt-50{margin-top: 50px;}
.mt-10{margin-top: 10px;}

.fs-13 {font-size: 13px}


.divTable{display: table;}

.divTableRow {display: table-row;}

.divTableRowMsg {display: table-row; vertical-align: middle; box-shadow: 0 1px 0 0 var(--table-linecolor0), 0 -1px 0 0 var(--table-linecolor0), 1px 0 0 0 var(--table-linecolor0), -1px 0 0 0 var(--table-linecolor0);}

.divTableHead{display: table-row; vertical-align: middle; box-shadow: 0 1px 0 0 var(--table-linecolor0), 0 -2px 0 0 var(--table-linecolor0);}
.divTableHead2{display: table-row; vertical-align: middle; box-shadow: 0 1px 0 0 var(--table-linecolor3), 0 -2px 0 0 var(--table-linecolor0);}
.fontWeight700{font-weight: 700}
.divTableBottom{display: table-row; vertical-align: middle; box-shadow: 0 2px 0 0 var(--table-linecolor0)}
.divTableMiddle{display: table-row; vertical-align: middle; box-shadow: 0 -1px 0 0 var(--table-linecolor0);}

.divTableHeadBottom{display: table-row; vertical-align: middle; box-shadow: 0 2px 0 0 var(--table-linecolor0), 0 -2px 0 0 var(--table-linecolor0);}


.divTableCell{display: table-cell; padding: 10px; vertical-align: middle; cursor: default; }
/*.divTableCellColor1{background-color: #eee; }*/
.divTableCellMsg{display: table-cell; vertical-align: middle; cursor: default; }
.divTableCellMsgTitle{display: table-cell; padding:10px 10px 0px 10px; vertical-align: middle; cursor: default; }


.tableLineColor0{box-shadow: 0 1px 0 0 var(--table-linecolor);}

.tableLineColor0{box-shadow: 0 1px 0 0 var(--table-linecolor0);}
.tableLineColor1{box-shadow: 0 1px 0 0 var(--table-linecolor1);}
.tableLineColor2{box-shadow: 0 1px 0 0 var(--table-linecolor2);}
.tableLineColor3{box-shadow: 0 1px 0 0 var(--table-linecolor3);}

.tableLineColor3_downleft{box-shadow: 0 1px 0 0 var(--table-linecolor3), -1px 0 0 0 var(--table-linecolor3), 1px 0 0 0 var(--table-linecolor3) ;}
.tableLineColor3_left{box-shadow: -1px 0 0 0 var(--table-linecolor3);}

.tableLineColor33{box-shadow: 0 -1px 0 0 var(--table-linecolor3);}

.tableLineColor4{box-shadow: 0 1px 0 0 var(--table-linecolor4);}
.tableLineColor5{box-shadow: 0 1px 0 0 var(--table-linecolor5);}

.payment_step input[type=text] {
    width: 100%;
    height: 34px;
    border: 0;
    padding: 0 10px 0 36px;
    color: #000;
    vertical-align: top;
    outline: 0;
}

.sl_search_box {
    width: 238px;
    height: 34px;
    border: 1px solid #dbdbdb;
    border-radius: 4px;
    overflow: hidden;
}
.sl_search_box.floatLeft{float: left; width:100px;}
.deliveryMsg{color: #da2b89; margin-top: 10px;}

.boxMsg{line-height: 150%;}

.cal:after {
    content: '';
    position: absolute;
    top: 5px;
    right: 0;
    width: 25px;
    height: 25px;
    background: url(/handle_/images/glyphicons-halflings.png) no-repeat -187px -115px;
}

.cubeNum_li,.cubeNum_li2,.cubeNum_li3{display: inline-block;
    padding: 10px;
    margin-left:10px;
    box-shadow: 0 1px 0 0 var(--table-linecolor3), 0 -1px 0 0 var(--table-linecolor3), -1px 0 0 0 var(--table-linecolor3), 1px 0 0 0 var(--table-linecolor3);

}

ul.cubeNum_ui5 li,ul.cubeNum_ui6 li,ul.cubeNum_ui7 li{padding: 5px;}

ul.cubeNum_ui5 li:before,ul.cubeNum_ui6 li:before,ul.cubeNum_ui7 li:before{
    width:60px;
    height:40px;
    /*border-radius: 70%;*/
    /*overflow: hidden;*/
    /*-moz-border-radius: 5px;*/
    /*-webkit-border-radius: 5px;*/
    padding:2px;
    margin-right:5px;
    box-shadow: 0 1px 0 0 var(--table-linecolor3), 0 -1px 0 0 var(--table-linecolor3), -1px 0 0 0 var(--table-linecolor3), 1px 0 0 0 var(--table-linecolor3);
}

ul.cubeNum_ui5 li.num1:before,ul.cubeNum_ui6 li.num1:before,ul.cubeNum_ui7 li.num1:before{content: '1';}
ul.cubeNum_ui5 li.num2:before,ul.cubeNum_ui6 li.num2:before,ul.cubeNum_ui7 li.num2:before{content: '2';}
ul.cubeNum_ui5 li.num3:before,ul.cubeNum_ui6 li.num3:before,ul.cubeNum_ui7 li.num3:before{content: '3';}
ul.cubeNum_ui5 li.num4:before,ul.cubeNum_ui6 li.num4:before,ul.cubeNum_ui7 li.num4:before{content: '4';}
ul.cubeNum_ui5 li.num5:before,ul.cubeNum_ui6 li.num5:before,ul.cubeNum_ui7 li.num5:before{content: '5';}
ul.cubeNum_ui5 li.num6:before,ul.cubeNum_ui6 li.num6:before,ul.cubeNum_ui7 li.num6:before{content: '6';}

ul.cubeNum_ui5 li.active:before{background-color: var(--btn-color3); color:#fff;}
ul.cubeNum_ui6 li.active:before{background-color: var(--btn-color3); color:#fff;}
ul.cubeNum_ui7 li.active:before{background-color: var(--btn-color3); color:#fff;}


.divTableCellMain{}
.divTableCellMain2{margin-top: 10px;}
.divTableCellMain3{margin-bottom: 10px;}
.divTableCellSub{font-size: 12px; color: #999; margin-top: 5px;}