/*============================================
    간편결제 고객용 UI CSS
    최초작성일 : 2015-10-08
    작성자 : 파일럿프로젝트팀 김수정
=============================================*/
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
* {margin:0; padding:0;}
html { overflow: -moz-scrollbars-vertical; margin: 0; padding: 0; }

/************** Body Background ***********/
body { background:#e5e5e5; color: #333; font-family: 'Nanum Gothic', Dotum, 돋움, Arial, 굴림, Gulim; margin: 0px; padding: 0px;line-height:normal; }

body, td, th, input, textarea, select, a { font-size:12px; }
h1{ color: #333;  font-size: 24px; font-weight: bold}
h2 { color: #333; font-size: 20px; font-weight: bold }
h4{color: #555; font-size:16px; font-weight: bold }
h5{color: #555; font-size:14px; font-weight: bold; padding: 15px 0 3px 0;}
h6{color: #666; font-size:12px; font-weight: bold; padding: 8px 0 3px 0;}
p {}
a, a:visited, a b { color: #333; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: none; color:#222; }
a img { border: none; }
img { height: auto;}
.icon img { height: auto;max-width: 100%;}
.clear{clear:both;}
form { padding: 0; margin: 0; display: inline; }
input[type='text'], input[type='password'], textarea {     background: #fff1f1;  border: 1px solid #f1c1c1; padding:7px; padding-left:0\0/IE8+9; padding-right:0\0/IE8+9; margin-left: 0px; margin-right: 0px; font-size:14px; }
input[type='text']:focus, input[type='password']:focus, textarea:focus { border:1px solid #ccc; box-shadow:0 0 2px rgba(0, 0, 0, 0.2) inset; }
select { background: #F8F8F8; border: 1px solid #CCCCCC; padding:7px 2px; }
label { cursor: pointer; }


h1, h2, h3, h4, .box .box-heading, .checkout-heading, #menu > ul > li > a, .htabs a, .accordion-heading{ font-family: 'Nanum Gothic', Dotum, 돋움, Arial, 굴림, Gulim;}

/************** 그리드 ***********/
table .col-lg-1, table .col-lg-10, table .col-lg-11, table .col-lg-12, table .col-lg-2, table .col-lg-3, table .col-lg-4, table .col-lg-5, table .col-lg-7, table .col-lg-8, table .col-lg-9, table .col-md-1, table .col-md-10, table .col-md-11, table .col-md-12, table .col-md-2, table .col-md-3, table .col-md-4, table .col-md-5, table .col-md-6, table .col-md-7, table .col-md-8, table .col-md-9, table .col-sm-1, table .col-sm-10, table .col-sm-11, table .col-sm-12, table .col-sm-2, table .col-sm-3, table .col-sm-4, table .col-sm-5, table .col-sm-6, table .col-sm-7, table .col-sm-8, table .col-sm-9, table .col-xs-1, table .col-xs-10, table .col-xs-11, table .col-xs-12, table .col-xs-2, table .col-xs-3, table .col-xs-4, table .col-xs-5, table .col-xs-6, table .col-xs-7, table .col-xs-8, table .col-xs-9, table.col-lg-6 {
    position: relative;
    min-height: 1px;
    padding-left: 1px;
    padding-right: 1px;
}
.font-13{ font-size: 13px!important;}
.font-14{ font-size: 14px!important;}
.font-16{ font-size: 16px!important;}
.font-18{ font-size: 18px!important;}
.font-20{ font-size: 20px!important; letter-spacing: -1px}
.font-24{ font-size: 24px!important; letter-spacing: -1px}
.bold{ font-weight: bold!important;}
.normal{ font-weight: normal!important;}

.line-h20{ line-height: 20px}
.line-h24{ line-height: 25px}
.width-100{ width: 100%; /*width: 98%\9; width:98%\0/IE11;*/}
.width-90{ width: 90%; /*width: 88%\9; width:88%\0/IE11;*/}
.width-70{ width: 70%; /*width: 68%\9; width:68%\0/IE11;*/}
.width-50{ width: 50%;}
.width-30{ width: 30%;}
.line{ display:block; position: relative;  height: 1px; margin: 0px 0 0 0px; width: 100%; background: #ddd}
.radius-t-l{border-top-left-radius:6px }
.radius-t-r{border-top-right-radius:6px }
.radius-b-l{border-bottom-left-radius:6px }
.radius-b-r{border-bottom-right-radius:6px }

.pd-t5 {padding-top:5px !important}
.pd-t10{padding-top:10px !important}
.pd-t15{padding-top:15px !important}
.pd-t20{padding-top:20px !important}
.pd-t25{padding-top:25px !important}
.pd-t30{padding-top:30px !important}
.pd-t35{padding-top:35px !important}
.pd-t40{padding-top:40px !important}
.pd-t45{padding-top:45px !important}
.pd-t50{padding-top:50px !important}

.pd-l5 {padding-left:5px !important}
.pd-l10{padding-left:10px !important}
.pd-l15{padding-left:15px !important}
.pd-l20{padding-left:20px !important}
.pd-l25{padding-left:25px !important}
.pd-l30{padding-left:30px !important}
.pd-l35{padding-left:35px !important}
.pd-l40{padding-left:40px !important}
.pd-l45{padding-left:45px !important}
.pd-l50{padding-left:50px !important}

.pd-r5 {padding-right:5px !important}
.pd-r10{padding-right:10px !important}
.pd-r15{padding-right:15px !important}
.pd-r20{padding-right:20px !important}
.pd-r25{padding-right:25px !important}
.pd-r30{padding-right:30px !important}
.pd-r35{padding-right:35px !important}
.pd-r40{padding-right:40px !important}
.pd-r45{padding-right:45px !important}
.pd-r50{padding-right:50px !important}

.pd-b5 {padding-bottom:5px !important}
.pd-b10{padding-bottom:10px !important}
.pd-b15{padding-bottom:15px !important}
.pd-b20{padding-bottom:20px !important}
.pd-b25{padding-bottom:25px !important}
.pd-b30{padding-bottom:30px !important}
.pd-b35{padding-bottom:35px !important}
.pd-b40{padding-bottom:40px !important}
.pd-b45{padding-bottom:45px !important}
.pd-b50{padding-bottom:50px !important}

.mg-t5 {margin-top:5px !important}
.mg-t6 {margin-top:6px !important}
.mg-t10{margin-top:10px !important}
.mg-t15{margin-top:15px !important}
.mg-t20{margin-top:20px !important}
.mg-t25{margin-top:25px !important}
.mg-t30{margin-top:30px !important}
.mg-t35{margin-top:35px !important}
.mg-t40{margin-top:40px !important}
.mg-t45{margin-top:45px !important}
.mg-t50{margin-top:50px !important}

.mg-l5 {margin-left:5px !important}
.mg-l10{margin-left:10px !important}
.mg-l15{margin-left:15px !important}
.mg-l20{margin-left:20px !important}
.mg-l25{margin-left:25px !important}
.mg-l30{margin-left:30px !important}
.mg-l35{margin-left:35px !important}
.mg-l40{margin-left:40px !important}
.mg-l45{margin-left:45px !important}
.mg-l50{margin-left:50px !important}

.mg-r5 {margin-right:5px !important}
.mg-r10{margin-right:10px !important}
.mg-r15{margin-right:15px !important}
.mg-r20{margin-right:20px !important}
.mg-r25{margin-right:25px !important}
.mg-r30{margin-right:30px !important}
.mg-r35{margin-right:35px !important}
.mg-r40{margin-right:40px !important}
.mg-r45{margin-right:45px !important}
.mg-r50{margin-right:50px !important}

.mg-b5 {margin-bottom:5px !important}
.mg-b10{margin-bottom:10px !important}
.mg-b15{margin-bottom:15px !important}
.mg-b20{margin-bottom:20px !important}
.mg-b25{margin-bottom:25px !important}
.mg-b30{margin-bottom:30px !important}
.mg-b35{margin-bottom:35px !important}
.mg-b40{margin-bottom:40px !important}
.mg-b45{margin-bottom:45px !important}
.mg-b50{margin-bottom:50px !important}

.pull-right{ float: right}
.pull-left{ float: left}
.border-r{ border-right: 1px solid #ddd }
.border-l{ border-left: 1px solid #ddd }
.border-t{ border-top: 1px solid #ddd }
.border-b{ border-bottom: 1px solid #ddd }



.align-c { text-align: center; }
.align-l{ text-align: left; }
.align-r { text-align: right; }

.bg-default{ background: #fff;}
.bg-primary{ background: #8965c6;}
.bg-success{ background: #28c2b8;}
.bg-info{ background: #9596a4;}

.color-white, .text-fff{color: #fff}
.color-black, .text-000{color: #000}
.color-888, .text-888{color: #888}
.color-666, .text-666{color: #666}
.color-aaa, .text-aaa{color: #aaa}
.color-kyowon, .text-kyowon{color: #f6921d}
.color-default, .text-default{color:#76788f }
.color-primary, .text-primary{color: #8965c6}
.color-success, .text-success{ color: #28c2b8}
.color-info, .text-info{color: #41bce7}
.color-warning, .text-warning{color: #f6921d}
.color-danger, .text-danger{color: #fc6e51}
.color-check {color:#24afd0;} /*20250703 추가*/
.btn-group-vertical>.btn-group:after, .btn-toolbar:after, .clearfix:after, .container:after, .dropdown-menu>li>a, .form-horizontal .form-group:after, .modal-footer:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after {
    clear: both;
}
.row:after, .row:before,
.clearfix:after, .clearfix:before {
    content: " ";
    display: table;
}
.row {
    margin-right: -5px;
    margin-left: -5px;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {

    min-height: 1px;
    padding-left: 5px;
    padding-right: 5px;
    float: left;

}
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    float: left;
}

.container {
    width: 1170px;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
    float: left;

}
/*.col-lg-12 {  width: 100%; }
.col-lg-11 {  width: 91.66666666666666%; width:91%\9; width:91%\0/IE11;}
.col-lg-10 {  width: 83.33333333333334%; width:83%\9; width:83%\0/IE11; }
.col-lg-9 {  width: 75%; width: 72.8%\9; width:72.8%\0/IE11;}
.col-lg-8 {  width: 66.66666666666666%}
.col-lg-7 {  width: 58.333333333333336%}
.col-lg-6 {  width: 50%; width:47.7199999%\9; width:47.7199999%\0/IE11;}
.col-lg-5 {  width: 41.66666666666667%}
.col-lg-4 {  width: 33.33333333333333%; width:32%\9; width:32%\0/IE11;}
.col-lg-3 {  width: 25%; width:22.55%\9; width:22.55%\0/IE11;}
.col-lg-2 {  width: 16.666666666666664%; width:15%\9; width:15%\0/IE11;}
.col-lg-1 {  width: 8.333333333333332%}*/

.col-lg-12 {  width: 100%; }
.col-lg-11 {  width: 91.66666666666666%;}
.col-lg-10 {  width: 83.33333333333334%;}
.col-lg-9 {  width: 75%;}
.col-lg-8 {  width: 66.66666666666666%;}
.col-lg-7 {  width: 58.333333333333336%;}
.col-lg-6 {  width: 50%;}
.col-lg-5 {  width: 41.66666666666667%;}
.col-lg-4 {  width: 33.33333333333333%;}
.col-lg-3 {  width: 25%;}
.col-lg-2 {  width: 16.666666666666664%;}
.col-lg-1 {  width: 8.333333333333332%;}

.col-lg-pull-12 {
    right: 100%}
.col-lg-pull-11 {
    right: 91.66666666666666%}
.col-lg-pull-10 {
    right: 83.33333333333334%}
.col-lg-pull-9 {
    right: 75%}
.col-lg-pull-8 {
    right: 66.66666666666666%}
.col-lg-pull-7 {
    right: 58.333333333333336%}
.col-lg-pull-6 {
    right: 50%}
.col-lg-pull-5 {
    right: 41.66666666666667%}
.col-lg-pull-4 {
    right: 33.33333333333333%}
.col-lg-pull-3 {
    right: 25%}
.col-lg-pull-2 {
    right: 16.666666666666664%}
.col-lg-pull-1 {
    right: 8.333333333333332%}
.col-lg-push-12 {
    left: 100%}
.col-lg-push-11 {
    left: 91.66666666666666%}
.col-lg-push-10 {
    left: 83.33333333333334%}
.col-lg-push-9 {
    left: 75%}
.col-lg-push-8 {
    left: 66.66666666666666%}
.col-lg-push-7 {
    left: 58.333333333333336%}
.col-lg-push-6 {
    left: 50%}
.col-lg-push-5 {
    left: 41.66666666666667%}
.col-lg-push-4 {
    left: 33.33333333333333%}
.col-lg-push-3 {
    left: 25%}
.col-lg-push-2 {
    left: 16.666666666666664%}
.col-lg-push-1 {
    left: 8.333333333333332%}
.col-lg-offset-12 {
    margin-left: 100%}
.col-lg-offset-11 {
    margin-left: 91.66666666666666%}
.col-lg-offset-10 {
    margin-left: 83.33333333333334%}
.col-lg-offset-9 {
    margin-left: 75%}
.col-lg-offset-8 {
    margin-left: 66.66666666666666%}
.col-lg-offset-7 {
    margin-left: 58.333333333333336%}
.col-lg-offset-6 {
    margin-left: 50%}
.col-lg-offset-5 {
    margin-left: 41.66666666666667%}
.col-lg-offset-4 {
    margin-left: 33.33333333333333%}
.col-lg-offset-3 {
    margin-left: 25%}
.col-lg-offset-2 {
    margin-left: 16.666666666666664%}
.col-lg-offset-1 {
    margin-left: 8.333333333333332%}



@media (min-width:768px) and (max-width:992px){
    .col-md-1, .col-md-10, .col-md-11, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
        float: left;
    }
    .col-md-12 {
        width: 100%}
    .col-md-11 {
        width: 91.66666666666666%}
    .col-md-10 {
        width: 83.33333333333334%}
    .col-md-9 {
        width: 75%}
    .col-md-8 {
        width: 66.66666666666666%}
    .col-md-7 {
        width: 58.333333333333336%}
    .col-md-6 {
        width: 50%}
    .col-md-5 {
        width: 41.66666666666667%}
    .col-md-4 {
        width: 33.33333333333333%}
    .col-md-3 {
        width: 25%}
    .col-md-2 {
        width: 16.666666666666664%}
    .col-md-1 {
        width: 8.333333333333332%}
    .col-md-pull-12 {
        right: 100%}
    .col-md-pull-11 {
        right: 91.66666666666666%}
    .col-md-pull-10 {
        right: 83.33333333333334%}
    .col-md-pull-9 {
        right: 75%}
    .col-md-pull-8 {
        right: 66.66666666666666%}
    .col-md-pull-7 {
        right: 58.333333333333336%}
    .col-md-pull-6 {
        right: 50%}
    .col-md-pull-5 {
        right: 41.66666666666667%}
    .col-md-pull-4 {
        right: 33.33333333333333%}
    .col-md-pull-3 {
        right: 25%}
    .col-md-pull-2 {
        right: 16.666666666666664%}
    .col-md-pull-1 {
        right: 8.333333333333332%}
    .col-md-push-12 {
        left: 100%}
    .col-md-push-11 {
        left: 91.66666666666666%}
    .col-md-push-10 {
        left: 83.33333333333334%}
    .col-md-push-9 {
        left: 75%}
    .col-md-push-8 {
        left: 66.66666666666666%}
    .col-md-push-7 {
        left: 58.333333333333336%}
    .col-md-push-6 {
        left: 50%}
    .col-md-push-5 {
        left: 41.66666666666667%}
    .col-md-push-4 {
        left: 33.33333333333333%}
    .col-md-push-3 {
        left: 25%}
    .col-md-push-2 {
        left: 16.666666666666664%}
    .col-md-push-1 {
        left: 8.333333333333332%}
    .col-md-offset-12 {
        margin-left: 100%}
    .col-md-offset-11 {
        margin-left: 91.66666666666666%}
    .col-md-offset-10 {
        margin-left: 83.33333333333334%}
    .col-md-offset-9 {
        margin-left: 75%}
    .col-md-offset-8 {
        margin-left: 66.66666666666666%}
    .col-md-offset-7 {
        margin-left: 58.333333333333336%}
    .col-md-offset-6 {
        margin-left: 50%}
    .col-md-offset-5 {
        margin-left: 41.66666666666667%}
    .col-md-offset-4 {
        margin-left: 33.33333333333333%}
    .col-md-offset-3 {
        margin-left: 25%}
    .col-md-offset-2 {
        margin-left: 16.666666666666664%}
    .col-md-offset-1 {
        margin-left: 8.333333333333332%}

    .border-r-md{ border-right: 1px solid #ddd }
    .border-l-md{ border-left: 1px solid #ddd }
    .border-t-md{ border-top: 1px solid #ddd }
    .border-b-md{ border-bottom: 1px solid #ddd }
}
.box-balance{  position: absolute; top:0; right: 0; height: 100%;}
.box-balance-con{  position: absolute; top:50%; margin-top: -85px; right:50%; margin-right: -45px}
.total-wrap{position: absolute; top:50%;     margin-top: -86px;  left: 50%; }

@media (min-width:480px) and (max-width:767px) {
    .hidden-sm{ display: none!important;}
    .box-balance{  position: relative; top:0; right: 0; height: 100%;}
    .box-balance-con{  position: relative; top:0; margin-top: 0; right:0; margin-right: 0}
    .total-wrap{position: relative;  top:0; margin-top: 0; left: 0; }
    .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
        float: left;
    }
    .col-sm-12 {
        width: 100%;}
    .col-sm-11 {
        width: 91.66666666666666%}
    .col-sm-10 {
        width: 83.33333333333334%}
    .col-sm-9 {
        width: 75%}
    .col-sm-8 {
        width: 66.66666666666666%}
    .col-sm-7 {
        width: 58.333333333333336%}
    .col-sm-6 {
        width: 50%}
    .col-sm-5 {
        width: 41.66666666666667%}
    .col-sm-4 {
        width: 33.33333333333333%}
    .col-sm-3 {
        width: 25%}
    .col-sm-2 {
        width: 16.666666666666664%}
    .col-sm-1 {
        width: 8.333333333333332%}
    .col-sm-pull-12 {
        right: 100%}
    .col-sm-pull-11 {
        right: 91.66666666666666%}
    .col-sm-pull-10 {
        right: 83.33333333333334%}
    .col-sm-pull-9 {
        right: 75%}
    .col-sm-pull-8 {
        right: 66.66666666666666%}
    .col-sm-pull-7 {
        right: 58.333333333333336%}
    .col-sm-pull-6 {
        right: 50%}
    .col-sm-pull-5 {
        right: 41.66666666666667%}
    .col-sm-pull-4 {
        right: 33.33333333333333%}
    .col-sm-pull-3 {
        right: 25%}
    .col-sm-pull-2 {
        right: 16.666666666666664%}
    .col-sm-pull-1 {
        right: 8.333333333333332%}
    .col-sm-push-12 {
        left: 100%}
    .col-sm-push-11 {
        left: 91.66666666666666%}
    .col-sm-push-10 {
        left: 83.33333333333334%}
    .col-sm-push-9 {
        left: 75%}
    .col-sm-push-8 {
        left: 66.66666666666666%}
    .col-sm-push-7 {
        left: 58.333333333333336%}
    .col-sm-push-6 {
        left: 50%}
    .col-sm-push-5 {
        left: 41.66666666666667%}
    .col-sm-push-4 {
        left: 33.33333333333333%}
    .col-sm-push-3 {
        left: 25%}
    .col-sm-push-2 {
        left: 16.666666666666664%}
    .col-sm-push-1 {
        left: 8.333333333333332%}
    .col-sm-offset-12 {
        margin-left: 100%}
    .col-sm-offset-11 {
        margin-left: 91.66666666666666%}
    .col-sm-offset-10 {
        margin-left: 83.33333333333334%}
    .col-sm-offset-9 {
        margin-left: 75%}
    .col-sm-offset-8 {
        margin-left: 66.66666666666666%}
    .col-sm-offset-7 {
        margin-left: 58.333333333333336%}
    .col-sm-offset-6 {
        margin-left: 50%}
    .col-sm-offset-5 {
        margin-left: 41.66666666666667%}
    .col-sm-offset-4 {
        margin-left: 33.33333333333333%}
    .col-sm-offset-3 {
        margin-left: 25%}
    .col-sm-offset-2 {
        margin-left: 16.666666666666664%}
    .col-sm-offset-1 {
        margin-left: 8.333333333333332%}

    .border-r-sm{ border-right: 1px solid #ddd }
    .border-l-sm{ border-left: 1px solid #ddd }
    .border-t-sm{ border-top: 1px solid #ddd }
    .border-b-sm{ border-bottom: 1px solid #ddd }
}



@media (max-width:479px) {
    .hidden-xs{ display: none!important}
    .box-balance{  position: relative; top:0; right: 0; height: 100%;}
    .box-balance-con{  position: relative; top:0; margin-top: 0; right:0; margin-right: 0}
    .total-wrap{position: relative;  top:0; margin-top: 0; left: 0; }
    .panel-member.dirdebit .panel-content .text-totalPrice {
        margin-top: 20px!important;
    }
    .authText > input {
        width: 213px;
        margin: 10px auto 20px!important;
    }
    .col-xs-12 {
        width: 100%
    }

    .col-xs-11 {
        width: 91.66666666666666%
    }

    .col-xs-10 {
        width: 83.33333333333334%
    }

    .col-xs-9 {
        width: 75%
    }

    .col-xs-8 {
        width: 66.66666666666666%
    }

    .col-xs-7 {
        width: 58.333333333333336%
    }

    .col-xs-6 {
        width: 50%
    }

    .col-xs-5 {
        width: 41.66666666666667%
    }

    .col-xs-4 {
        width: 33.33333333333333%
    }

    .col-xs-3 {
        width: 25%
    }

    .col-xs-2 {
        width: 16.666666666666664%
    }

    .col-xs-1 {
        width: 8.333333333333332%
    }

    .col-xs-pull-12 {
        right: 100%
    }

    .col-xs-pull-11 {
        right: 91.66666666666666%
    }

    .col-xs-pull-10 {
        right: 83.33333333333334%
    }

    .col-xs-pull-9 {
        right: 75%
    }

    .col-xs-pull-8 {
        right: 66.66666666666666%
    }

    .col-xs-pull-7 {
        right: 58.333333333333336%
    }

    .col-xs-pull-6 {
        right: 50%
    }

    .col-xs-pull-5 {
        right: 41.66666666666667%
    }

    .col-xs-pull-4 {
        right: 33.33333333333333%
    }

    .col-xs-pull-3 {
        right: 25%
    }

    .col-xs-pull-2 {
        right: 16.666666666666664%
    }

    .col-xs-pull-1 {
        right: 8.333333333333332%
    }

    .col-xs-push-12 {
        left: 100%
    }

    .col-xs-push-11 {
        left: 91.66666666666666%
    }

    .col-xs-push-10 {
        left: 83.33333333333334%
    }

    .col-xs-push-9 {
        left: 75%
    }

    .col-xs-push-8 {
        left: 66.66666666666666%
    }

    .col-xs-push-7 {
        left: 58.333333333333336%
    }

    .col-xs-push-6 {
        left: 50%
    }

    .col-xs-push-5 {
        left: 41.66666666666667%
    }

    .col-xs-push-4 {
        left: 33.33333333333333%
    }

    .col-xs-push-3 {
        left: 25%
    }

    .col-xs-push-2 {
        left: 16.666666666666664%
    }

    .col-xs-push-1 {
        left: 8.333333333333332%
    }

    .col-xs-offset-12 {
        margin-left: 100%
    }

    .col-xs-offset-11 {
        margin-left: 91.66666666666666%
    }

    .col-xs-offset-10 {
        margin-left: 83.33333333333334%
    }

    .col-xs-offset-9 {
        margin-left: 75%
    }

    .col-xs-offset-8 {
        margin-left: 66.66666666666666%
    }

    .col-xs-offset-7 {
        margin-left: 58.333333333333336%
    }

    .col-xs-offset-6 {
        margin-left: 50%
    }

    .col-xs-offset-5 {
        margin-left: 41.66666666666667%
    }

    .col-xs-offset-4 {
        margin-left: 33.33333333333333%
    }

    .col-xs-offset-3 {
        margin-left: 25%
    }

    .col-xs-offset-2 {
        margin-left: 16.666666666666664%
    }

    .col-xs-offset-1 {
        margin-left: 8.333333333333332%
    }
    .border-r-xs{ border-right: 1px solid #ddd }
    .border-l-xs{ border-left: 1px solid #ddd }
    .border-t-xs{ border-top: 1px solid #ddd }
    .border-b-xs{ border-bottom: 1px solid #ddd }

}

/************** login ***********/
.login-wrapper{width:100%; text-align: center; display: block;  position:absolute; top:50%;  margin-top: -180px }
.bg-login{background:#505363 }
.login-box{ background: #fff;margin: 0 auto; padding: 30px 30px 10px 30px; border-radius: 8px; overflow: hidden}


/************** layout ***********/
.main-wrapper{max-width:1170px; margin:90px auto 50px auto; padding:0 15px 80px 15px;}
#container { text-align:left;   overflow:auto;  padding: 0 6px; }
#column-left { float:left; width:235px; padding:0px 0 0 0px; }
#column-right { float: right; width:235px; padding:0px 0px 0 15px; border-left:1px solid #eee; }
#content { min-height: 400px; margin-bottom:10px; padding:0px 0px 0px 0px; }
#column-left + #column-right + #content, #column-left + #content { margin-left:250px; }
#column-right + #content { margin-right:250px; }


/************** column-left input ***********/
.authText > input{width:213px;margin:10px auto 40px;background-color: #56596d !important;color:#fff;border:1px solid #3f485d !important;font-weight:bold;text-align:center;font-size: 18px;}


/********** header *********/
.sub-title-h2{ background: url("../image/title-icon01.png") no-repeat top left;  background-size: 30px 30px; padding: 5px 0 5px 40px; font-size: 24px; display: block; line-height: 20px;  font-weight: bold; margin-bottom: 10px; border: none; letter-spacing: -1px}
.sub-title-h3{ background: url("../image/title-icon02.png") no-repeat 18px 10px;  background-size: 9px 9px; padding: 5px 0 5px 40px; font-size: 18px;display: block; line-height: 20px; font-weight: bold; margin-bottom: 15px}
.header-wrap{background:url(../image/header-bg.png); margin: 0px; padding: 0px; position: fixed; top:0; left: 0; width: 100%; z-index: 1000; }
#header { max-width:1170px; margin:0 auto; padding: 0; position: relative; }
#header #logo { text-align: center; margin: 0 auto; }

#header .links { position:relative; float:left; z-index:1011; margin:0 7px; cursor:pointer; background:url(../image/bullet-d.png) right center no-repeat; padding-right:10px}
#header #cart { position:absolute;  top:10px; right:0px; line-height:32px; }
#header #cart .heading { float: right; padding:0 5px 0 0px; position: relative; }
#header #cart .heading h4 { background:#F15A23; width:32px; height:32px; display:inline-block; float:left; margin:4px 2px 0 0; padding:0; border:none;}
#header #cart .heading a { text-decoration: none; font-size:14px; height:36px; float:left; color:#444; }
#header #cart .heading a span { background:url('../image/bullet-d.png') right 13px no-repeat; padding-right: 12px; display:inline-block; margin-top:5px; }
#header #cart .content { clear: both; display:none; position:absolute; padding:8px; min-height: 150px; border:1px solid #eee; z-index:1011; background: #FFF; width:350px; right:0; top:35px; box-shadow:0 2px 8px rgba(0, 0, 0, 0.2); -moz-box-shadow:0 2px 8px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0 2px 8px rgba(0, 0, 0, 0.2);}
#header #cart.active .heading{}
#header #cart.active .content { display: block; }
.mini-cart-info table { border-collapse: collapse; width: 100%; margin-bottom: 5px; }
.mini-cart-info td { color: #000; vertical-align: top; padding: 10px 5px; border-bottom: 1px solid #EEEEEE; }
.mini-cart-info .image { width: 1px; }
.mini-cart-info .image img { text-align: left; }
.mini-cart-info .name small { color: #666; }
.mini-cart-info .quantity { text-align: right; }
.mini-cart-info td.total { text-align: right; }
.mini-cart-info .remove { text-align: right; }
.mini-cart-info .remove img { cursor: pointer; }
.mini-cart-total { text-align: right; }
.mini-cart-total table { border-collapse: collapse; display: inline-block; margin-bottom: 5px; }
.mini-cart-total td { color: #000; padding:2px; }
#header #cart .checkout { text-align: right; clear: both; line-height:normal; }


/********* menu ***********/
#menu { padding:0; height:auto; text-align:center;}
#menu > ul > li { float:none; padding:0px;}
#menu > span {
    text-transform:uppercase; position:absolute; top:15px; left: 10px; font-size:13px; padding:0px 18px 0px 0px; height:25px;
    line-height:65px; text-align:center; margin:0; cursor: pointer; display:inline-block; color:#b4b7c7; background:url(../image/icon-menu.png) no-repeat left center;}
#menu > ul { display:none; text-align:left; background:#5a5c71!important; box-shadow:0 2px 8px rgba(0, 0, 0, 0.2); position:absolute; z-index:9; width: 100%; list-style: none; padding: 0; width: 100%}
#menu > ul > li{ width: 100%;}
#menu > ul > li:last-child{ margin-bottom: 20px}
#menu > ul > li > a { color:#fff!important; font-weight: bold; line-height:30px; margin:0 0 0 10px; font-size: 14px; }
#menu > ul > li > a:hover{color:#f47f21!important;}


/********* Breadcrumb ***********/
.breadcrumb { color: #c2c2c2; margin-bottom: 10px; }
.breadcrumb a { color:#999; font-size:12px;}
.breadcrumb a:hover { color:#000; }


table.form { width: 100%; border-collapse: collapse; margin-bottom: 20px; }
table.form tr td:first-child { width: 150px; }
table.form > * > * > td { color: #333; }
table.form td { padding: 4px; }
input.large-field, select.large-field { width: 300px; }
table.list { border-collapse: collapse; width: 100%; border-top: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; margin-bottom: 20px; }
table.list td { border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; }
table.list thead td { background-color: #EFEFEF; padding: 0px 5px; }
table.list thead td a, .list thead td { text-decoration: none; color: #222222; font-weight: bold; }
table.list tbody td { vertical-align: top; padding: 0px 5px; }
table.list .left { text-align: left; padding: 7px; }
table.list .right { text-align: right; padding: 7px; }
table.list .center { text-align: center; padding: 7px; }
table.radio { width: 100%; border-collapse: collapse; }
table.radio td { padding: 5px; vertical-align: top; }
table.radio td label { display: block; }
table.radio tr td:first-child { width: 1px; }
table.radio tr td:first-child input { margin-top: 1px; }
table.radio tr.highlight:hover td { background: #f8f6f6; cursor: pointer; }

/********* Pagination ***********/
/*
.pagination {  padding-top: 8px; display: inline-block; width: 100%; margin-bottom: 10px; }
.pagination .links { float: left; }
.pagination .links a { display: inline-block; border: 1px solid #EEEEEE; padding: 4px 10px; text-decoration: none; color: #A3A3A3; }
.pagination .links b { display: inline-block; border: 1px solid #F15A23; padding: 4px 10px; font-weight: normal; text-decoration: none; color: #fff; background: #F15A23; }
.pagination .links a:hover { color:#F15A23; border: 1px solid #ccc; }
.pagination .results { float: right; padding-top: 3px; }
*/
.pagination {  display: inline-block;  padding-left: 0;  border-radius: 4px;  }
.pagination>li {  display: inline;  }
.pagination>li>a, .pagination>li>span {  position: relative;  float: left;  padding: 16px 22px;  margin-left: -1px;  line-height: 1.428571429;  text-decoration: none;  background-color: #fff;  border: 1px solid #ddd;  }
.pagination>li:first-child>a, .pagination>li:first-child>span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.pagination>li>a.hover, .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span.hover, .pagination>li>span:focus, .pagination>li>span:hover {
    background-color: #d5dadf;
}
.pagination .active, .pagination>.active>.hover, .pagination>.active>:focus, .pagination>.active>:hover, .pagination>.active>span, .pagination>.active>span.hover, .pagination>.active>span:focus, .pagination>.active>span:hover {
    position: relative;
    float: left;
    padding: 9px 14px;
    color: #fff;
    font-size: 16px;
    margin-left: -1px;
    line-height: 1.428571429;
    text-decoration: none;
    background-color: #b0b8bf;
    border-color: #a6aeb6;
}

.pagination>.disabled>a, .pagination>.disabled>a.hover, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span.hover, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
    color: #999;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}
.pagination-lg>li>a, .pagination-lg>li>span {
    padding: 20px 26px;
    font-size: 23px;
}
.pagination-lg>li:first-child>a, .pagination-lg>li:first-child>span {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
}
.pagination-lg>li:last-child>a, .pagination-lg>li:last-child>span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
.pagination-sm>li>a, .pagination-sm>li>span {
    padding: 8px 14px;
    font-size: 16px;
}
.pagination-sm>li:first-child>a, .pagination-sm>li:first-child>span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}
.pagination-sm>li:last-child>a, .pagination-sm>li:last-child>span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
.page-footer{ text-align: center; margin-bottom: 20px;}

/************* button ***********/
#button-cart { height:35px; line-height:35px; padding:0 15px; background:#F15A23; color:#fff; font-size:14px; font-weight:normal; text-transform:uppercase; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
#button-cart:hover { background:#444; color:#fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.box-product > div .cart a.button, .box-product > div .cart input.button, .product-grid > div .cart a.button, .product-grid > div .cart input.button, .product-list > div .cart a.button, .product-list > div .cart input.button { background:#eee; color:#555; }
.box-product > div .cart a.button:hover, .box-product > div .cart input.button:hover, .product-grid > div .cart a.button:hover, .product-grid > div .cart input.button:hover, .product-list > div .cart a.button:hover, .product-list > div .cart input.button:hover { background:#F15A23; color:#fff; opacity:1; }
a.button, input.button { cursor: pointer; color:#fff; font-size: 12px; font-weight: bold; background:#F15A23; border:none; -webkit-box-shadow:inset 0px 0px 5px rgba(0, 0, 0, .10); -moz-box-shadow:inset 0 0 5px rgba(0, 0, 0, .10); box-shadow:inset 0 0 5px rgba(0, 0, 0, .10); border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
a.button { display: inline-block; text-decoration: none; padding: 6px 12px 6px 12px; }
input.button { margin:0; height:26px; line-height:26px; padding: 0px 10px; }
a.button:hover, input.button:hover { background:#444; color:#fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.buttons { border-top:1px solid #EEEEEE; overflow: auto; padding: 6px; margin-bottom: 20px; }
.buttons .left { float: left; text-align: left; }
.buttons .right { float: right; text-align: right; }
.buttons .center { text-align: center; margin-left: auto; margin-right: auto; }

/************* Tabs ***********/
.htabs { height: 30px; line-height: 16px; border-bottom: 1px solid #E4E8F1; }
.htabs a { border-top: 1px solid #E4E8F1; border-left: 1px solid #E4E8F1; border-right: 1px solid #E4E8F1; background: #FFFFFF url('../image/tab.png') repeat-x; padding: 7px 15px 6px 15px; float: left; font-size: 13px; font-weight: bold; text-align: center; text-decoration: none; color: #333; margin-right: 2px; display: none; }
.htabs a.selected { padding-bottom: 7px; background: #FFFFFF; }
.tab-content { border-left: 1px solid #E4E8F1; border-right: 1px solid #E4E8F1; border-bottom: 1px solid #E4E8F1; padding: 10px; margin-bottom: 20px; z-index: 2; overflow: auto; line-height:18px; }
.tab-content ul { margin-left:20px; }


/************ box ************/
.box { margin-bottom: 20px; background: #5a5c71}
.box .box-heading{text-transform:uppercase; position: relative;  display: block; background: #494b5a; height:180px; text-align: center;font-size: 16px; line-height: 16px;  border-bottom:1px solid #4c4e60;}
.box .box-heading span{  margin-top: 30px!important; color: #fffff}
.box .box-content { padding:0px; }


/************ panel ************/
.panel {position: relative;  display: block; overflow:hidden; margin:0 0 15px 0; padding:0; width:100%;box-shadow: none;-webkit-box-shadow:none;background-color:transparent;border:none;}
.panel .panel-heading{line-height:normal;}

/************ panel ************/
.panel-default {position: relative;  display: block; overflow:hidden; margin:0 0 15px 0; padding:0; width:100%;}
.panel-default .panel-heading {background: #5a5c71; position: relative;  display: block; overflow:hidden;margin: 0; padding: 8px 3px 8px 8px; }
.panel-default .panel-heading .title{ color: #fff; font-size: 18px; font-weight: bold;}
.panel-default .panel-heading .title .icon{ color: #fff; display: block; float: left;     width: 30px;  padding-top: 8px; height: 40px; margin-right: 5px }
.panel-default .panel-heading .title .text{  display: block; float:left; color: #fff; font-size: 17px; font-weight: bold;line-height: 40px; }
.panel-default .panel-heading .title .panel-options{  display: block; float:right; color: #fff; font-size: 17px; font-weight: bold;line-height: 40px; margin-right:10px;}
.panel-default .panel-heading .title .panel-options a{ color: #63cbc3}
.panel-default .panel-content { padding:0px; border: 1px solid #ddd; background: #fff }
.panel-default .panel-content .panel-content-smtitle{ width: 100%; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background: #f4f5f7; margin: 0; padding: 5px; }
.panel-default .panel-content .panel-content-smtitle .icon{ float: left; width: 16px; height: 16px; margin-right: 5px }
.panel-default .panel-content .panel-content-smtitle .text{  display: block; color: #333; font-size: 13px; font-weight: bold;line-height: 18px; }
.panel-default .panel-content .panel-content-smcontent{padding: 0px; position: relative; display: block; overflow: hidden}
.panel-default .panel-content .panel-content-smcontent p {margin-top: 3px!important; position: relative; display: block; overflow: hidden; font-size: 14px}
.panel-default .panel-content .panel-content-smcontent .icon{ float: left; width: 16px; height: 16px; margin-right: 10px }
.panel-default .panel-content .panel-content-smcontent .text{  display: block; color: #333; font-size: 16px; font-weight: normal; line-height: 17px; }
.panel-default .panel-content .panel-content-smcontent .balance {font-size: 18px; color: #62ebdd; font-weight: bold}
.panel-default .panel-footer { overflow: hidden; background: #f8f8f8; padding:0px; margin: 0;  border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd}

/************ panel ************/
.link-wrap{display: block; padding: 20px; }
.panel-box {position: relative;  display: block; overflow:hidden; margin:0 0 15px 0; padding:0; width:100%; background: #fff; margin-bottom: 15px;  border: 1px solid #ddd; border-radius: 6px}
.panel-box .panel-body { padding:10px 15px; }
.panel-box .panel-body .show-link{ padding: 10px;  color: #1299d3;  font-size: 13px;  overflow: hidden;  background-color: #f1f1f1;  border: 1px solid #ddd; text-align: left; }
.panel-box .panel-body .panel-content-smtitle .icon{ float: left; width: 16px; height: 16px; margin-right: 5px }
.panel-box .panel-body .panel-content-smtitle .text{  display: block; color: #333; font-size: 13px; font-weight: bold;line-height: 18px; }
.panel-box .panel-body .panel-content-smcontent{padding: 0px; position: relative; display: block; overflow: hidden}


.panel-process {position: relative;  display: block; overflow:hidden;  padding:0;}
.panel-process .panel-content .panel-content-smcontent{padding: 0px; position: relative; display: block; overflow: hidden; border-top: 1px solid #ddd}
.panel-process .panel-content .panel-content-smcontent p {margin-top: 3px!important; position: relative; display: block; overflow: hidden; font-size: 14px}
.panel-process .panel-content .panel-content-smcontent .circle-img-wrap{ padding: 20px}
.panel-process .panel-content .panel-content-smcontent .circle-img-wrap .circle-img{ width:100px; height: 100px; border-radius: 50px; border: 3px solid #e2e4e7;  position: relative; overflow: hidden}
.panel-process .panel-content .panel-content-smcontent .circle-img-wrap .circle-img img{ width: 100%;  position: absolute;  top: 20%;}
.panel-process .panel-content .panel-content-smcontent .text-info{ margin: 25px 0 0px 0px }
.panel-process .panel-content .panel-content-smcontent .text-info dd{ padding-top:5px; line-height: 20px; display: block; overflow: hidden}
.panel-process .panel-content .panel-content-smcontent .text-info .orderNum{ color: #69c9bf; font-size: 14px}
.panel-process .panel-content .panel-content-smcontent .text-info .title{ color: #666666; font-weight: bold; font-size: 16px;  width: 100%;  display: block; text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;}
.panel-process .panel-content .panel-content-smcontent .text-info .price{ color: #ff5a00; font-size: 14px}
.panel-process .panel-content .panel-content-smcontent .text-info .partition{ font-size: 14px; padding-left: 10px; padding-right: 10px; color: #aaaaaa}
.panel-process .panel-content .panel-content-smcontent .text-info .date{ color: #aaaaaa; font-size: 14px}
.panel-process .panel-content .panel-content-smcontent .process-bar-wrap{ padding-top:20px; padding-bottom:20px; text-align: center; }
.panel-process .panel-content .panel-content-smcontent .process-bar-wrap .process-bar{ margin: 28px auto; text-align: center}
.panel-process .panel-content .panel-content-smcontent .btnSet-wrap{ padding: 38px 20px 58px 20px}


.panel-search {position: relative;  display: block; overflow:hidden; margin:0 0 15px 0; padding:0; width:100%;padding-right:5px;padding-left:5px;}
.panel-search .panel-heading {background: #5a5c71; position: relative;  display: block; overflow:hidden;margin: 0; padding: 8px 10px 8px 15px; border-radius: 6px 6px 0 0}
.panel-search .panel-heading .title{ color: #fff; font-size: 18px; font-weight: bold;}
.panel-search .panel-heading .title .icon{ color: #fff; display: block; float: left; width: 50px; height: 40px; margin-right: 5px }
.panel-search .panel-heading .title .text{  display: block; float:left; color: #fff; font-size: 17px; font-weight: bold;line-height: 40px; }
.panel-search .panel-heading .title .panel-options{  display: block; float:right; color: #fff; font-size: 17px; font-weight: bold;line-height: 40px; margin-right:10px;}
.panel-search .panel-heading .title .panel-options a{ color: #63cbc3}
.panel-search .panel-content { padding:0px; border: 1px solid #ccc; background: #fff; border-radius: 6px; }
.panel-search .panel-content p { font-size:14px;color:#666;margin:0;}
.panel-search .panel-content table { margin:0;width:auto;}
.panel-search .panel-content .panel-content-smtitle{ width: 100%; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background: #f4f5f7; margin: 0; padding: 5px; }
.panel-search .panel-content .panel-content-smtitle .icon{ float: left; width: 16px; height: 16px; margin-right: 5px }
.panel-search .panel-content .panel-content-smtitle .text{  display: block; color: #333; font-size: 13px; font-weight: bold;line-height: 18px; }
.panel-search .panel-content .panel-content-smcontent{padding: 11px 21px; position: relative; display: block; overflow: hidden;}
.panel-search .panel-content .panel-content-smcontent .label-default{color:#666;width:40px;}
.panel-search .panel-content .panel-content-smcontent p {margin-top: 3px!important; position: relative; display: block; overflow: hidden; font-size: 14px}
.panel-search .panel-content .panel-content-smcontent .icon{ float: left; width: 16px; height: 16px; margin-right: 10px }
.panel-search .panel-content .panel-content-smcontent .text{  display: block; color: #333; font-size: 16px; font-weight: normal; line-height: 17px; }
.panel-search .panel-content .panel-content-smcontent .balance {font-size: 18px; color: #62ebdd; font-weight: bold}
.panel-search .panel-content .panel-content-smcontent table tr th{font-size:14px;padding:0;line-height:0;border:none;}
.panel-search .panel-content .panel-content-smcontent table tr td{font-size:14px;padding:0;line-height:0;border:none;text-align:center;line-height:37px;}
.panel-search .panel-footer { overflow: hidden; background: #f8f8f8; padding:0px; margin: 0; border-radius: 0 0 6px 6px; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd}


.panel-card {position: relative;  display: block; overflow:hidden; margin:0 0 15px 0; padding:0; width:100%;/*min-width:293px;*/}
.panel-card .panel-heading {background: #ededed; position: relative;  display: block; overflow:hidden;margin: 0; padding: 19px 15px; border-radius: 6px 6px 0 0;
    border-bottom: 1px solid #dcdcdc;border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 1px solid #ccc}
.panel-card .panel-heading .member_img{ text-align:center; width: 96%; margin: 0 auto;}
.panel-card .panel-heading .title{ color: #ff7635; font-size: 18px; font-weight: bold;text-align:center;}
.panel-card .panel-heading .order_number{ color: #fff; font-size: 16px; text-align:center;font-weight: bold; border-radius: 16px; background-color:#c7c7c7;padding:6px 10px;margin-top:16px;}
.panel-card .panel-heading .title .icon{ color: #fff; display: block; float: left; width: 50px; height: 40px; margin-right: 5px }
.panel-card .panel-heading .title .text{  display: block; float:left; color: #fff; font-size: 17px; font-weight: bold;line-height: 40px; }
.panel-card .panel-heading .title .panel-options{  display: block; float:right; color: #fff; font-size: 17px; font-weight: bold;line-height: 40px; margin-right:10px;}
.panel-card .panel-heading .title .panel-options a{ color: #63cbc3}
.panel-card .panel-content { padding:0px;/*height:112px;*/line-height: 23px;background: #fff;border-bottom: 1px solid #dcdcdc;border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding:20px;}
.panel-card .panel-content p { font-size:14px;color:#666;margin:0;}
.panel-card .panel-content .title { color:#000;font-weight:bold;margin-right:10px;}
.panel-card .panel-content .price { color:#ff5200;font-weight:bold;}
.panel-card .panel-content .panel-content-smtitle{ width: 100%; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background: #f4f5f7; margin: 0; padding: 5px; }
.panel-card .panel-content .panel-content-smtitle .icon{ float: left; width: 16px; height: 16px; margin-right: 5px }
.panel-card .panel-content .panel-content-smtitle .text{  display: block; color: #333; font-size: 13px; font-weight: bold;line-height: 18px; }
.panel-card .panel-content .panel-content-smcontent{padding: 11px 21px; position: relative; display: block; overflow: hidden;}
.panel-card .panel-content .panel-content-smcontent .label-default{color:#666;width:40px;}
.panel-card .panel-content .panel-content-smcontent p {margin-top: 3px!important; position: relative; display: block; overflow: hidden; font-size: 14px}
.panel-card .panel-content .panel-content-smcontent .icon{ float: left; width: 16px; height: 16px; margin-right: 10px }
.panel-card .panel-content .panel-content-smcontent .text{  display: block; color: #333; font-size: 16px; font-weight: normal; line-height: 17px; }
.panel-card .panel-content .panel-content-smcontent .balance {font-size: 18px; color: #62ebdd; font-weight: bold}
.panel-card .panel-content table { margin:0;width:auto;}
.panel-card .panel-content .panel-content-smcontent table tr th{font-size:14px;padding:0;line-height:0;border:none;}
.panel-card .panel-content .panel-content-smcontent table tr td{font-size:14px;padding:0;line-height:0;border:none;text-align:center;line-height:37px;}
.panel-card .panel-footer { overflow: hidden; height:55px;line-height:55px;background: #ededed; padding:0px; margin: 0; border-radius: 0 0 6px 6px;     border-top: none; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.panel-card .panel-footer .center_con {text-align:center;}
.panel-card .panel-footer .center_con a{display:block;color:#4bc0cc;font-size:16px;font-weight:bold;}


.no-found {
    color: #b0b8bf;
    font-size: 20px;
    text-align: center;
    margin-top: 50px;
}

/***********panel content bg **********/
.bgimg1{
    background:url("../image/img-family.png") no-repeat center center;
    height:287px;
}

.bgimg2{
    background:url("../image/img-cash.png") no-repeat center center;
    height:287px;
}


/***********profile boxes **********/
.panel-member{ background: #5a5c71; }
.panel-member .panel-heading{position: relative;  display: block; overflow:hidden;  background: #494b5a;  height:180px; text-align: center; border-bottom:1px solid #4c4e60; margin: 0; padding: 0;}
.panel-member .panel-heading .title-icon{margin-top: 30px}
.panel-member .panel-heading .eng-title{ margin-top: 15px; color: #4fc1e9; font-size: 13px; }
.panel-member .panel-heading .title{ margin-top: 5px; color: #fff; font-size: 20px; font-weight: bold }
.panel-member .panel-content{padding: 0; margin: 0; background:#5a5c71; text-align: center; }
.panel-member .panel-content .text-totalPrice{ margin-top: 18px; text-align: center;}
.panel-member .panel-content .price{ font-weight: bold; font-size: 30px; color: #ff5a00; letter-spacing: -1px}
.panel-member .panel-content .price span{ color: #fff; font-size: 16px;}
.panel-member .panel-content .line{ width:100%; background: #4c4e60; height: 1px; margin-top: 20px; margin-bottom: 20px}
.panel-member .panel-content table{width: 100%; margin-bottom: 50px}
.panel-member .panel-content table th{ color: #9196a3; font-size: 13px; text-align: left; padding: 8px 0 8px 20px}
.panel-member .panel-content table td{ color: #fff; font-weight: bold; font-size: 16px; padding: 8px 20px 8px 0; text-align: right}


/************Login*********/
.login-content { margin-bottom: 20px; overflow: auto; }
.login-content .left { float: left; width: 48%; }
.login-content .right { float: right; width: 48% }
.login-content .left .content, .login-content .right .content { min-height: 190px; }


/********** content ********/
#content .content { padding: 10px; overflow: auto; margin-bottom: 20px; }
#content .content .left { float: left; width: 49%; }
#content .content .right { float: right; width: 49%; }


/*************** Cart ****************/
.cart-info table { width: 100%;  border-collapse: collapse; }
.cart-info td { padding: 10px; }
.cart-info thead td { color: #919ba7; font-weight: bold; background-color: #edeff2;  font-size: 14px }
.cart-info thead .align-c { text-align: center; }
.cart-info thead .align-l{ text-align: left; }
.cart-info thead .align-r { text-align: right; }
.cart-info tbody tr{ border-top: 1px solid #DDDDDD;}
.cart-info tbody td, .cart-info tbody td a { background: #fff; color: #5a5c71; font-size: 16px; vertical-align: middle; text-decoration: none }
.cart-info tbody .align-c { text-align: center; }
.cart-info tbody .align-l { text-align: left; }
.cart-info tbody .align-r { text-align: right; }
.cart-info tbody td img { position: relative; top: 4px; cursor: pointer; width: 137px; overflow: hidden;  margin-top: -10px;}
.cart-info tbody .post-icon img{ width: 37px; position: relative; top: 2px; cursor: none; }
.cart-info tbody span.stock { color: #F00; font-weight: bold; }
.cart-info tbody .subject a{color: #5a5c71; font-weight: bold; }
.cart-info tbody .num{color: #4fc1e9; }
.cart-info tbody .price{ }
.cart-info tbody .btnwrap{ text-align: center }

.cart-total table {width: 100%; }
.cart-total table { width: 100%;  border-collapse: collapse; }
.cart-total td { padding: 10px; }
.cart-total tbody td, .cart-total tbody td a {color: #5a5c71; font-size: 16px; vertical-align: middle; text-decoration: none }
.cart-total tbody .align-c { text-align: center; }
.cart-total tbody .align-l { text-align: left; }
.cart-total tbody .align-r { text-align: right; }
.cart-total tbody .price{}

.w30{width:30px!important; text-align:center;}

/************** Accordion ************/
.accordion-heading { background: #5a5c71; border: 1px solid #5a5c71; padding: 8px; font-weight: bold; cursor:pointer; font-size: 18px; color: #fff;margin-bottom: 2px;  }
.accordion-content { padding: 0px 0px 15px 0px; display: none; overflow: auto; line-height:18px; }

/*************** info ****************/
.table-info table { width: 100%;  border-collapse: collapse; }
.table-info td { vertical-align: top }



/**************** footer *****************/
.footer-wrap{background:#555; width: 100%; position: fixed; bottom: 0; z-index:1000;}
.footer-wrap.type2 {position:relative;padding-bottom:5px;z-index: 0;}/* 카피라이트 영역 고정 아닌경우 추가 (20170315 안정모) */
#footer { clear: both; overflow:auto; max-width:1170px; margin:0 auto 15px auto; border-radius:0px 0px 5px 5px;  padding:15px 15px 0 15px;}
#footer .copy { color: #acacac; font-size: 11px;  margin:0px; padding:0 10px; text-align: center }




/*imgchg btn1*/
.btn-default.imgchg1 {
    color: #333;
    border: 1px solid #ccc;
    background: #fff;
}
.btn-default.imgchg1 img{ width: 130px; }
.btn-default.imgchg1.active, .btn-default.imgchg1.hover, .btn-default.imgchg1:active, .btn-default.imgchg1:focus, .btn-default.imgchg1:hover {
    color: #333;
    border: 5px solid #ffcc00;
    background: #fff url("../image/pick_btn.png") no-repeat top right;
}

.btn-default.imgchg1, .btn-default.imgchg4{
    background-size: initial !important;
}


/*
p{
.imgchg btn2
.btn-default.imgchg2 {
    color: #333;
    border-color: #ccc;
    background: #fff url("../image/img-smartbook.png") no-repeat center center;
}
.btn-default.imgchg2.active, .btn-default.imgchg2.hover, .btn-default.imgchg2:active, .btn-default.imgchg2:focus, .btn-default.imgchg2:hover {
    color: #333;
    border-color: #adadad;
    background: #fff url("../image/img-smartbook.png") no-repeat center center;
    background-position-y:20px;
}
/*imgchg btn3
.btn-default.imgchg3 {
    color: #333;
    border-color: #ccc;
    background: #ebebeb url("../image/img-doyosebook-off.png") no-repeat center center;
    width: 50%;
}
.btn-default.imgchg3.active, .btn-default.imgchg3.hover, .btn-default.imgchg3:active, .btn-default.imgchg3:focus, .btn-default.imgchg3:hover {
    color: #333;
    border-color: #adadad;
    background: #fff url("../image/img-doyosebook.png") no-repeat center center;
    background-position-y:20px;
}*/
.btn-default.imgchg4 {
    color: #333;
    border: 1px solid #ccc;
    background: #fff;
}
.btn-default.imgchg4 img{ width: 186px;}
.btn-default.imgchg4.active, .btn-default.imgchg4.hover, .btn-default.imgchg4:active, .btn-default.imgchg4:focus, .btn-default.imgchg4:hover {
    color: #333;
    border: 5px solid #ffcc00;
    background: #fff url("../image/pick_btn.png") no-repeat top right;
}
.btn-default.imgchg1, .btn-default.imgchg2, .btn-default.imgchg3, .btn-default.imgchg4 {
    width:50%;
    height:104px;
    /*background-size:70%;*/
    background-position-y:20px;
    font-size:15px;
    font-weight:bold;
    line-height:1;
    padding:10px;
}

.btn-default.imgchg1.active, .btn-default.imgchg1.hover, .btn-default.imgchg1:active, .btn-default.imgchg1:focus, .btn-default.imgchg1:hover, .btn-default.imgchg2.active, .btn-default.imgchg2.hover, .btn-default.imgchg2:active, .btn-default.imgchg2:focus, .btn-default.imgchg2:hover, .btn-default.imgchg3.active, .btn-default.imgchg3.hover, .btn-default.imgchg3:active, .btn-default.imgchg3:focus, .btn-default.imgchg3:hover, .btn-default.imgchg4.active, .btn-default.imgchg4.hover, .btn-default.imgchg4:active, .btn-default.imgchg4:focus, .btn-default.imgchg4:hover{
    color: #333;
}



@media screen and (max-width:1024px) {
    .main-wrapper{margin: 90px 0px 50px 0px;}
}

@media screen and (max-width:960px){
    #menu > ul > li div{display:block!important;}
    body { -webkit-text-size-adjust: auto; }
    .wrapper { margin:0px 0 0 0; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; }
    .wrapper, #footer, #header, .header-top, .fpart { width:auto!important;}
    .panel-default { padding: 0 0px}
    #header { min-height:auto; text-align:center; margin:0 auto; padding:0;}

    .home, #column-right, #column-left{ width: 100%; float: none }


    /* Firefox 3.5+ */
    body:not(:-moz-handler-blocked) #column-left{
        float:none;
    }


    #header #welcome{width:100%; float:none;}
    h1 { text-align:center }
    .login-content .left, .login-content .right, .checkout-content .left, .checkout-content .right { width:auto!important; float:none; }
    .login-content .left .content, .login-content .right .content{min-height:inherit }
    select { width:99%; }
    .breadcrumb a { font-size:11px; margin-bottom:10px; display:inline-block }
    #column-right + #content { margin-right:0!important; }
    #column-left + #content { margin-left:0!important; }
    #column-left + #column-right + #content, #column-left + #content{margin-left:0!important; }

    /***********profile boxes **********/

    .panel-member .panel-heading{width:50%; display: inline-block; height: 240px; float:left; border-bottom:none;border-radius:0px}
    .panel-member.dirdebit .panel-heading{height: 175px;}
    .panel-member .panel-heading .title-icon {  margin-top: 50px;  }
    .panel-member.dirdebit .panel-heading .title-icon {  margin-top: 28px;  }
    .panel-member .panel-content{width: 50%; display: inline-block; }
    .panel-member .panel-content .text-totalPrice{ margin-top: 18px; text-align: center;}
    .panel-member.dirdebit .panel-content .text-totalPrice{ margin-top: 50px; text-align: center;}
    .panel-member .panel-content .price{ font-weight: bold; font-size: 30px; color: #ff5a00; letter-spacing: -1px}
    .panel-member .panel-content .price span{ color: #fff; font-size: 16px;}
    .panel-member .panel-content .line{ width:100%; background: #4c4e60; height: 1px; margin-top: 20px; margin-bottom: 10px}
    .panel-member .panel-content table{width: 100%; margin-bottom: 20px}
    .panel-member .panel-content table th{ color: #9196a3; font-size: 13px; text-align: left; padding: 8px 0 8px 20px}
    .panel-member .panel-content table td{ color: #fff; font-weight: bold; font-size: 16px; padding: 8px 20px 8px 0; text-align: right}

}
@media only screen and (min-width:768px) {

}


@media screen and (max-width:768px) {
    /*.cart-info thead td, .cart-info tbody td{ padding: 3px 10px 3px 20px; display: block;  text-align: left!important; }*/
    .cart-info tbody td.merge{ padding: 3px 10px 3px 20px; display: block;  text-align: left!important; }
    .cart-info tbody .img{ display: table-cell!important; width: 38%;}
    .cart-info tbody .subject {  display: table-cell!important;   }
    .cart-info tbody .num { text-align: right;     line-height: 1;  margin-bottom: -10px;}
    .cart-info tbody .price { padding-bottom: 0px!important;  }
    .cart-info tbody .btnwrap { text-align: right}
    .cart-info tbody td{display: block;}

    .cart-info #tblGiftList td.merge{ padding: 3px 10px 3px 20px; display: block;  text-align: left!important; }
    .cart-info #tblGiftList .img{ display: table-cell!important; width: 40%;}
    .cart-info #tblGiftList .subject {  display: table-cell!important;   }
    .cart-info #tblGiftList .num { display: table-cell!important; text-align: center;     line-height: 1;  margin-bottom: -10px;}
    .cart-info #tblGiftList .price { padding-bottom: 0px!important;  }
    .cart-info #tblGiftList td{display: table-cell!important; }

    .panel-process {position: relative;  display: block; overflow:hidden;  padding:0;}
    .panel-process .panel-content .panel-content-smcontent{padding: 0px; position: relative; display: block; overflow: hidden; border-top: 1px solid #ddd}
    .panel-process .panel-content .panel-content-smcontent p {margin-top: 3px!important; position: relative; display: block; overflow: hidden; font-size: 14px}
    .panel-process .panel-content .panel-content-smcontent .circle-img-wrap{ padding: 20px 20px 0 10px}
    .panel-process .panel-content .panel-content-smcontent .circle-img-wrap .circle-img{ width:100px; height: 100px; border-radius: 50px; border: 3px solid #e2e4e7;  position: relative; overflow: hidden}
    .panel-process .panel-content .panel-content-smcontent .circle-img-wrap .circle-img img{ width: 100%;  position: absolute;  top: 20%;}
    .panel-process .panel-content .panel-content-smcontent .text-info{ margin: 25px 0 0px 0px }
    .panel-process .panel-content .panel-content-smcontent .text-info dd{ padding-top:5px; line-height: 20px ; display:block;}
    .panel-process .panel-content .panel-content-smcontent .text-info .orderNum{ color: #69c9bf; font-size: 14px}
    .panel-process .panel-content .panel-content-smcontent .text-info .title{ color: #666666; font-weight: bold; font-size: 16px; display: block}
    .panel-process .panel-content .panel-content-smcontent .text-info .price{ color: #ff5a00; font-size: 14px}
    .panel-process .panel-content .panel-content-smcontent .text-info .partition{ font-size: 14px; padding-left: 10px; padding-right: 10px; color: #aaaaaa}
    .panel-process .panel-content .panel-content-smcontent .text-info .date{ color: #aaaaaa; font-size: 14px}
    .panel-process .panel-content .panel-content-smcontent .process-bar-wrap{ padding-top:20px; padding-bottom:20px;  text-align: center; }
    .panel-process .panel-content .panel-content-smcontent .process-bar-wrap .process-bar{ margin: 28px auto; text-align: center}
    .panel-process .panel-content .panel-content-smcontent .btnSet-wrap{ padding: 10px 20px 32px 20px}



}

@media screen and (max-width:479px) {
    .main-wrapper{padding:0 10px 80px 10px;}
    /*.cart-info thead td, .cart-info tbody td{ padding: 3px 10px 3px 20px; display: block;  text-align: left!important; }*/
    .cart-info thead td.merge, .cart-info tbody td.merge{ padding: 3px 10px 3px 20px; display: block;  text-align: left!important; }
    .cart-info thead .img, .cart-info tbody .img{}
    .cart-info thead .subject { padding-top: 3px!important;  }
    .cart-info tbody .price {  }


    .border-r{ border-right: 0px solid #ddd; border-bottom: 1px solid #ddd  }
    .border-l{ border-left: 0px solid #ddd; border-top: 1px solid #ddd }

    /***********profile boxes **********/
    .panel-member{ background: #5a5c71;}
    .panel-member .panel-heading{position: relative; float: none; width: 100%;  display: block; overflow:hidden;  background: #494b5a; border-radius: 6px 6px 0 0; height:150px; text-align: center; border-bottom:1px solid #4c4e60; margin: 0; padding: 0;}
    .panel-member .panel-heading .title-icon{margin-top: 20px}
    .panel-member .panel-heading .eng-title{ margin-top: 5px; color: #4fc1e9; font-size: 13px; }
    .panel-member .panel-heading .title{ margin-top: 5px; color: #fff; font-size: 20px; font-weight: bold }
    .panel-member .panel-content{padding: 0; margin: 0; background:#5a5c71; text-align: center; float: none; width: 100%;}
    .panel-member .panel-content .text-totalPrice{ margin-top: 18px; text-align: center;}
    .panel-member .panel-content .price{ font-weight: bold; font-size: 30px; color: #ff5a00; letter-spacing: -1px}
    .panel-member .panel-content .price span{ color: #fff; font-size: 16px;}
    .panel-member .panel-content .line{ width:100%; background: #4c4e60; height: 1px; margin-top: 10px; margin-bottom: 10px}
    .panel-member .panel-content table{width: 100%; margin-bottom: 20px}
    .panel-member .panel-content table th{ color: #9196a3; font-size: 13px; text-align: left; padding: 8px 0 8px 20px}
    .panel-member .panel-content table td{ color: #fff; font-weight: bold; font-size: 16px; padding: 8px 20px 8px 0; text-align: right}


    .panel-process {position: relative;  display: block; overflow:hidden;  padding:0;}
    .panel-process .panel-content .panel-content-smcontent{padding: 0px; position: relative; display: block; overflow: hidden; border-top: 1px solid #ddd}
    .panel-process .panel-content .panel-content-smcontent p {margin-top: 3px!important; position: relative; display: block; overflow: hidden; font-size: 14px}
    .panel-process .panel-content .panel-content-smcontent .circle-img-wrap{ padding: 20px 20px 0 10px;}
    .panel-process .panel-content .panel-content-smcontent .circle-img-wrap .circle-img{ width:100px; height: 100px; border-radius: 50px; border: 3px solid #e2e4e7;  position: relative; overflow: hidden;  margin: 0px auto}
    .panel-process .panel-content .panel-content-smcontent .circle-img-wrap .circle-img img{ width: 100%;  position: absolute;  top: 20%;}
    .panel-process .panel-content .panel-content-smcontent .text-info{ width: 90%; margin: 0 auto }
    .panel-process .panel-content .panel-content-smcontent .text-info dd{ padding-top:5px; line-height: 20px ; display:block;}
    .panel-process .panel-content .panel-content-smcontent .text-info .orderNum{ color: #69c9bf; font-size: 14px}
    .panel-process .panel-content .panel-content-smcontent .text-info .title{ color: #666666; font-weight: bold; font-size: 16px; display: block}
    .panel-process .panel-content .panel-content-smcontent .text-info .price{ color: #ff5a00; font-size: 14px}
    .panel-process .panel-content .panel-content-smcontent .text-info .partition{ font-size: 14px; padding-left: 10px; padding-right: 10px; color: #aaaaaa}
    .panel-process .panel-content .panel-content-smcontent .text-info .date{ color: #aaaaaa; font-size: 14px}
    .panel-process .panel-content .panel-content-smcontent .process-bar-wrap{ padding-top:10px; padding-bottom:10px; text-align: center; }
    .panel-process .panel-content .panel-content-smcontent .process-bar-wrap .process-bar{ margin: 10px auto; text-align: center}
    .panel-process .panel-content .panel-content-smcontent .btnSet-wrap{ padding: 10px 20px 32px 20px}


    .panel-search .panel-heading{position: relative; float: none; width: 100%;  display: block; overflow:hidden;  background: #494b5a; border-radius: 6px 6px 0 0; height:150px; text-align: center; border-bottom:1px solid #4c4e60; margin: 0; padding: 0;}
    .panel-search .panel-heading .title-icon{margin-top: 20px}
    .panel-search .panel-heading .eng-title{ margin-top: 5px; color: #4fc1e9; font-size: 13px; }
    .panel-search .panel-heading .title{ margin-top: 5px; color: #fff; font-size: 20px; font-weight: bold }
    .panel-search .panel-content{padding: 0; margin: 0; text-align: center; float: none; width: 100%;}
    .panel-search .panel-content .text-totalPrice{ margin-top: 18px; text-align: center;}
    .panel-search .panel-content .price{ font-weight: bold; font-size: 30px; color: #ff5a00; letter-spacing: -1px}
    .panel-search .panel-content .price span{ color: #fff; font-size: 16px;}
    .panel-search .panel-content .line{ width:100%; background: #4c4e60; height: 1px; margin-top: 10px; margin-bottom: 10px}
    .panel-search .panel-content table{width: 100%;}
    .panel-search .panel-content table th{ text-align: left; }
    .panel-search .panel-content table td{ font-weight: bold; font-size: 16px; padding: 8px 20px 8px 0; text-align: right}


    .btn-default.imgchg1, .btn-default.imgchg2, .btn-default.imgchg3, .btn-default.imgchg4 {
        width:50%;
        height:104px;
        background-size:70%;
        background-position-y:20px;
        font-size:15px;
        font-weight:bold;
        padding:10px;
    }

    .btn-default.imgchg1.active, .btn-default.imgchg1.hover, .btn-default.imgchg1:active, .btn-default.imgchg1:focus, .btn-default.imgchg1:hover, .btn-default.imgchg2.active, .btn-default.imgchg2.hover, .btn-default.imgchg2:active, .btn-default.imgchg2:focus, .btn-default.imgchg2:hover, .btn-default.imgchg3.active, .btn-default.imgchg3.hover, .btn-default.imgchg3:active, .btn-default.imgchg3:focus, .btn-default.imgchg3:hover, .btn-default.imgchg4.active, .btn-default.imgchg4.hover, .btn-default.imgchg4:active, .btn-default.imgchg4:focus, .btn-default.imgchg4:hover{
        color: #333;
        background-size:70%;
    }



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

}

/****************** button ******************/
button, select {
    text-transform: none;
}
.clear-btn {
    position: absolute;
    right: 5px;
    cursor: pointer;
}
button[disabled], html input[disabled] {
    cursor: default;
}
input[type=checkbox], input[type=radio] {
    padding: 0; margin: 0;
    width:24px; height: 24px;
    background: #fff; float: left;
    box-sizing: border-box;
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
    padding: 0;
    border: 0;
}
textarea {
    overflow: auto;
    vertical-align: top;
}
.text-muted, .v-middle {
    vertical-align: middle;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    max-width: 100%}
.badge, .btn, .dropdown-menu>li>a, .input-group-btn, .label, code {
    white-space: nowrap;
}

.btn {
    display: inline-block;
    padding: 8px 19px;
    margin-top: 2px;
    margin-bottom: 2px;
    font-size: 17.4px;
    font-weight: 400;
    line-height: 1.428571429;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 6px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.btn:focus {
    outline: #333 dotted thin;
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px;
}
.btn-group .dropdown-toggle:active, .btn-group-vertical>.btn:focus, .btn-group.open .dropdown-toggle, .btn-group>.btn:focus, .btn.active, .btn:active, .dropdown-toggle:focus, .modal-content, .open>a {
    outline: 0;
}

.btn-group, .btn-group-vertical {
    display: inline-block;
    vertical-align: middle;
}

.btn-group{
    position: relative;
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: 0;
}

.btn-group>.btn {
    position: relative;
    float: left;
}

.btn-group>.btn-group:last-child>.btn:first-child, .btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group {
    margin-left: -1px;
}

.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn, .btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0;
}

.btn.hover, .btn:focus, .btn:hover {
    color: #333;
    text-decoration: none;
}
.btn.active, .btn:active {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    pointer-events: none;
    cursor: not-allowed;
    opacity: .65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn-group-step>.btn-default.disabled, .btn-group-step>.btn-default.disabled.active, .btn-group-step>.btn-default.disabled.hover, .btn-group-step>.btn-default.disabled:active, .btn-group-step>.btn-default.disabled:focus, .btn-group-step>.btn-default.disabled:hover, .btn-group-step>.btn-default[disabled], .btn-group-step>.btn-default[disabled].active, .btn-group-step>.btn-default[disabled].hover, .btn-group-step>.btn-default[disabled]:active, .btn-group-step>.btn-default[disabled]:focus, .btn-group-step>.btn-default[disabled]:hover, fieldset[disabled] .btn-group-step>.btn-default, fieldset[disabled] .btn-group-step>.btn-default.active, fieldset[disabled] .btn-group-step>.btn-default.hover, fieldset[disabled] .btn-group-step>.btn-default:active, fieldset[disabled] .btn-group-step>.btn-default:focus, fieldset[disabled] .btn-group-step>.btn-default:hover {
    background-color: #fff;
    opacity: 1;
}
.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.btn-default.active, .btn-default.hover, .btn-default:active, .btn-default:focus, .btn-default:hover, .open .dropdown-toggle.btn-default {
    color: #333;
    background-color: #ebebeb;
    border-color: #adadad;
}


.btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled.hover, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], .btn-default[disabled].active, .btn-default[disabled].hover, .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default.active, fieldset[disabled] .btn-default.hover, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
    background-color: #fff;
    border-color: #ccc;
}
.btn-primary {
    color: #fff;
    background-color: #7266ba;
    border-color: #5f4ec3;
    box-shadow: inset 0 -2px 0 #5f4ec3;
}
.btn-primary.active, .btn-primary.hover, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #5f4ec3;
    border-color: #5f4ec3;
}
.btn-primary2 {
    color: #fff;
    background-color: #605E69;
    border-color: #4C4B52;
    box-shadow: inset 0 -2px 0 #4C4B52;
}
.btn-primary2.active, 
.btn-primary2.hover, 
.btn-primary2:active, 
.btn-primary2:focus, 
.btn-primary2:hover, 
.open .dropdown-toggle.btn-primary2 {
    color: #fff;
    background-color: #4C4B52;
    border-color: #4C4B52;
}
.btn-success {
    color: #fff!important;
    background-color: #69c9bf;
    border-color: #44bbaf;
    box-shadow: inset 0 -2px 0 #44bbaf;
}
.btn-success.active, .btn-success.hover, .btn-success:active, .btn-success:focus, .btn-success:hover, .open .dropdown-toggle.btn-success {
    color: #fff;
    background-color: #44bbaf;
    border-color: #44bbaf;
}
.btn-info {
    color: #fff!important;
    background-color: #5bc0de;
    border-color: #46b8da;
    box-shadow: inset 0 -2px 0 #46b8da;
}
.btn-info.active, .btn-info.hover, .btn-info:active, .btn-info:focus, .btn-info:hover, .open .dropdown-toggle.btn-info {
    color: #fff;
    background-color: #46b8da;
    border-color: #46b8da;
}
.btn-warning {
    color: #fff;
    background-color: #efad57;
    border-color: #e49627;
    box-shadow: inset 0 -2px 0 #e49627;
}
.btn-warning.active, .btn-warning.hover, .btn-warning:active, .btn-warning:focus, .btn-warning:hover, .open .dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #e49627;
    border-color: #e49627;
}
.btn-easyorder {
    color: #fff;
    background-color: #fc6e51;
    border-color: #fc6e51;
    box-shadow: inset 0 -2px 0 #e55031;
}
.btn-easyorder.active, .btn-easyorder.hover, .btn-easyorder:active, .btn-easyorder:focus, .btn-easyorder:hover, .open .dropdown-toggle.btn-easyorder {
    color: #fff;
    background-color: #fc6e51;
    border-color: #fc6e51;
}
.btn-danger {
    color: #fff!important;
    background-color: #f76e7a;
    border-color: #e45965;
    box-shadow: inset 0 -2px 0 #e45965;
}
.btn-danger.active, .btn-danger.hover, .btn-danger:active, .btn-danger:focus, .btn-danger:hover, .open .dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #e45965;
    border-color: #e45965;
}
.btn-blocked {
    color: #fff!important;
    background-color: #6e7a85;
    border-color: #576069;
    box-shadow: inset 0 -2px 0 #576069;
}
.btn-blocked.active, .btn-blocked.hover, .btn-blocked:active, .btn-blocked:focus, .btn-blocked:hover, .open .dropdown-toggle.btn-blocked {
    color: #fff;
    background-color: #576069;
    border-color: #576069;
}
.btn-spstyle {
    color: #fff!important;
    background-color: #a7b1ba;
    border-color: #90979e;
    box-shadow: inset 0 -2px 0 #90979e;
}
.btn-spstyle.active, .btn-spstyle.hover, .btn-spstyle:active, .btn-spstyle:focus, .btn-spstyle:hover, .open .dropdown-toggle.btn-spstyle {
    color: #fff;
    background-color: #90979e;
    border-color: #90979e;
    box-shadow: inset 0 0 0 #90979e;
}
.btn-flat {
    box-shadow: none;
}

.btn-lg {
    padding: 15px 20px!important;
    font-size: 20px; font-weight: bold;
    line-height: 1.33;
    border-radius: 6px!important;
}
.btn-lgFt {
    padding: 15px 20px!important; vertical-align: middle;
    font-size: 20px; font-weight: bold;
    line-height: 1.24;
    height: 80px;
    border-radius: 6px!important;
}
.btn-sm {
    padding: 5px 15px!important;
    font-size: 16px;
    line-height: 23px;
    border-radius: 5px!important;
    margin: 2px 0;
}
.btn-xs {
    padding: 3px 14px!important;
    font-size: 16px;
    line-height: 1.5;
    border-radius: 3px!important;
}
.close-btn {
    display: inline-block;color:#fff;
}
.close-btn  >  span {
    display: none;
}
.close-btn .active {
    display: block;

}
.close-btn > span > img{
    vertical-align: middle;
}


/****************** input ******************/
button, input, select, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
button, html input[type=button], input[type=reset], input[type=submit] {
    cursor: pointer;
    -webkit-appearance: button;
}
*, :after, :before, input[type=search] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
input[type=file], legend {
    display: block;
}
input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: border-box;
}
input[type=checkbox], input[type=radio] {
    margin: 0;
    /*    margin-top: 1px\9;
        margin-top:1px\0/IE11;*/
    line-height: normal;
}
select[multiple], select[size] {
    height: auto;
}
select optgroup {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
}
.form-control, output {
    vertical-align: middle;
    display: block;
    font-size: 18px;
    line-height: 1.428571429;
}
input[type=checkbox]:focus, input[type=file]:focus, input[type=radio]:focus {
    outline: #333 dotted thin;
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px;
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    height: auto;
}
output {
    padding-top: 17px;
}
.form-control:-moz-placeholder {
    color: #999;
}
.form-control::-moz-placeholder {
    color: #999;
}
.form-control:-ms-input-placeholder {
    color: #999;
}
.form-control::-webkit-input-placeholder {
    color: #ddd;
}
.form-control {
    width: 100%;
    /*width:97%\9; width:97%\0/IE11;*/
    margin-top: 2px;
    margin-bottom: 2px;
    height: 42px;
    padding: 8px 19px;
    color: #fff;
    background-color: #b0b8bf;
    border: 1px solid #a6aeb6;
    border-radius: 6px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -ms-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #b0b8bf;
}
.form_inputS2[disabled], .form_inputS2[readonly], fieldset[disabled] .form_inputS2 {
    cursor: not-allowed;
    background-color: #f3f3f3;
    border-color: #e4e4e4;
}

textarea.form-control {
    height: auto;
}
.form-group {
    margin-bottom: 15px;
}
.checkbox, .radio {
    display: block;
    min-height: 25px;
    padding-left: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    vertical-align: middle;
}
.checkbox label, .radio label {
    display: inline;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
}
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    float: left;
    margin-left: -20px;
}
.checkbox+.checkbox, .radio+.radio {
    margin-top: -5px;
}
.checkbox-inline, .radio-inline {
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer;
}
.checkbox-inline+.checkbox-inline, .radio-inline+.radio-inline {
    margin-top: 0;
    margin-left: 10px;
}
.checkbox-inline[disabled], .checkbox[disabled], .radio-inline[disabled], .radio[disabled], fieldset[disabled] .checkbox, fieldset[disabled] .checkbox-inline, fieldset[disabled] .radio, fieldset[disabled] .radio-inline, fieldset[disabled] input[type=checkbox], fieldset[disabled] input[type=radio], input[type=checkbox][disabled], input[type=radio][disabled] {
    cursor: not-allowed;
}
.input-sm {
    height: 35px;
    /*height: 20px\0IE8;*/
    padding: 4px;
    font-size: 16px;
    line-height: 1.5;
    border-radius: 3px;
}
select.input-sm {
    height: 35px;
    line-height: 35px;
}
textarea.input-sm {
    height: auto;
}
.input-lg {
    height: 72px;
    padding: 20px 26px;
    font-size: 23px;
    line-height: 1.33;
    border-radius: 6px;
}
select.input-lg {
    height: 72px;
    line-height: 72px;
}
textarea.input-lg {
    height: auto;
}
.input-group {
    display: table;
    border-collapse: separate;
}
.input-group.col {
    float: none;
    padding-right: 0;
    padding-left: 0;
}
.input-group .form-control {
    width: 100%;
    margin-bottom: 0;
}
.input-group-lg>.form-control, .input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.btn {
    height: 72px;
    padding: 20px 26px;
    font-size: 23px;
    line-height: 1.33;
    border-radius: 6px;
}
select.input-group-lg>.form-control, select.input-group-lg>.input-group-addon, select.input-group-lg>.input-group-btn>.btn {
    height: 72px;
    line-height: 72px;
}
textarea.input-group-lg>.form-control, textarea.input-group-lg>.input-group-addon, textarea.input-group-lg>.input-group-btn>.btn {
    height: auto;
}
.input-group-sm>.form-control, .input-group-sm>.input-group-addon, .input-group-sm>.input-group-btn>.btn {
    height: 42px;
    padding: 8px 14px;
    font-size: 16px;
    line-height: 1.5;
    border-radius: 3px;
}
select.input-group-sm>.form-control, select.input-group-sm>.input-group-addon, select.input-group-sm>.input-group-btn>.btn {
    height: 42px;
    line-height: 42px;
}
textarea.input-group-sm>.form-control, textarea.input-group-sm>.input-group-addon, textarea.input-group-sm>.input-group-btn>.btn {
    height: auto;
}
.input-group .form-control, .input-group-addon, .input-group-btn {
    display: table-cell;
}
.input-group .form-control:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child) {
    border-radius: 0;
}
.input-group-addon, .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}
.input-group-btn img {
    margin-right: 10px;
}
.input-group-addon {
    padding: 8px 22px;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.input-group-addon.input-sm {
    padding: 8px 14px;
    font-size: 16px;
    border-radius: 3px;
}
.input-group-addon.input-lg {
    padding: 20px 26px;
    font-size: 23px;
    border-radius: 6px;
}
.input-group-addon input[type=checkbox], .input-group-addon input[type=radio] {
    margin-top: 0;
}
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group-addon:first-child {
    border-right: 0;
}
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:last-child>.btn, .input-group-btn:last-child>.dropdown-toggle {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
.input-group-addon:last-child {
    border-left: 0;
}
.input-group-btn:first-child>.btn {
    margin-right: -1px;
}
.input-group-btn:last-child>.btn {
    margin-left: -1px;
}
.input-group-btn>.btn+.btn {
    margin-left: -4px;
}
.form_inputS2 {
    color: #555;
    background: #fff1f1;
    border: 1px solid #f1c1c1;
}
.form_inputS2:-moz-placeholder {
    color: #aaa;
}
.form_inputS2::-moz-placeholder {
    color: #aaa;
}
.form_inputS2:-ms-input-placeholder {
    color: #aaa;
}
.form_inputS2::-webkit-input-placeholder {
    color: #aaa;
}
.form_search {
    color: #555;
    /*background-image: url("../image/ui-icons_222222_256x240.png");*/
    background: #fff1f1;
    border: 1px solid #f1c1c1;
    padding-left: 15px;
    /*border-radius: 15px;*/
}
.form_search:-moz-placeholder {
    color: #aaa;
}
.form_search::-moz-placeholder {
    color: #aaa;
}
.form_search:-ms-input-placeholder {
    color: #aaa;
}
.form_search::-webkit-input-placeholder {
    color: #aaa;
}
.form_search[disabled], .form_search[readonly], fieldset[disabled] .form_search {
    cursor: not-allowed;
    background-color: #dee4e9;
    border-color: #dee4e9;
}

.btn-radio {
    display: inline-block;
    padding-right: 10px;
    padding-left: 10px;
    margin: 0;
}
.btn-radio input[type=radio]+span {
    font-size: 14px; padding-left: 10px;
    cursor: pointer;
    position: relative;
    line-height: 20px;
    display: inline-block;
}
.btn-check input[type=checkbox]+span {
    font-size: 14px; padding-left: 10px;
    cursor: pointer;
    position: relative;
    line-height: 20px;
    display: inline-block;
}
@media (min-width:768px) {

    .form-inline .checkbox input[type=checkbox], .form-inline .radio input[type=radio] {
        float: none;
        margin-left: 0;
    }
}


label {
    display: inline-block;
    margin-bottom: 0; width: 100%; margin-top: 3px; padding: 5px 0 2px 5px;
}
.badge, .btn, .input-group-addon, .label, .nav-justified>li>a, .pager, .progress-bar {
    text-align: center;
}
.badge, .label {
    font-weight: 700;
    line-height: 1;
    vertical-align: baseline;
}
.label {
    display: inline-block;
    padding: 6px 15px 7px 15px;
    color: #919ba7;
    background: none;
    font-size: 14px;
    border: 1px solid #ddd;
    border-radius: 15px;
    margin: 5px 5px 2px 5px;
}

.label:empty {
    display: none;
}
.label-default {
    font-size: 14px; color: #76788f; font-weight: bold;
}
.label-primary {
    background-color: #4fc1e9;
    border: 1px solid #4fc1e9;
    color: #fff;

}
.label-primary[href].hover, .label-primary[href]:focus, .label-primary[href]:hover {
    background-color: #4db0d3;
}
.label-success {
    background-color: #69c9bf;
    border: 1px solid #69c9bf;
    color: #fff;

}
.label-success[href].hover, .label-success[href]:focus, .label-success[href]:hover {
    background-color: #47b9ae;
}
.label-info {
    background-color: #9596a4;
    border: 1px solid #9596a4;
    color: #fff;
}
.label-info[href].hover, .label-info[href]:focus, .label-info[href]:hover {
    background-color: #868796;
}
.label-warning {
    background-color: #ff7454;
    border: 1px solid #ff7454;
    color: #fff;
}
.label-warning[href].hover, .label-warning[href]:focus, .label-warning[href]:hover {
    background-color: #ef6546;
}
.label-danger {
    background-color: #d9534f;
    border: 1px solid #d9534f;
    color: #fff;
}
.label-danger[href].hover, .label-danger[href]:focus, .label-danger[href]:hover {
    background-color: #c9302c;
}
.price-title {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.8;
    color: #fff!important;
    background-color: #bdbdbd;
    text-align: center;
    white-space: nowrap;
    vertical-align: text-bottom;
    border-radius: .25em;
}
.btnSet-wrap{ background: #f4f5f7; margin: 0; padding: 0;}
.btnSet{ margin: 0 auto;}
.btnSet{ margin: 0 auto;}

.btn-circle {
    position: relative;
    width: 40px; height: 40px;
    display: inline-block;
    margin-top: 2px;
    margin-bottom: 2px;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    background-color: #a2a7ab;
    border-radius: 20px;
    color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.btn-circle img{ width: 20px; height: 20px}
.btn-circle span{ position: absolute; top:45px; left: 8px; color: #a4a4a4}
.btn-circle:focus {
    outline: #333 dotted thin;
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px;
}

.btn-circle.hover, .btn-circle:focus, .btn-circle:hover {
    background-color: #8f9397;

}
.btn-circle.active, .btn-circle:active {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn-circle.disabled, .btn-circle[disabled], fieldset[disabled] .btn-circle {
    pointer-events: none;
    cursor: not-allowed;
    opacity: .35;
    filter: alpha(opacity=35);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.scollBox {
    overflow-y: scroll;
    height: 100px;
    margin: 5px auto;
    width: 100%;
    background: #f8f8f8;
    border: 1px solid #dcdcdc;
    line-height: 170%;
}
.agreementWarp {
    color: #848484;
    padding: 10px 15px 10px 15px;
    line-height: 20px;
    margin-bottom: 30px;
}
.agreementWarp p {
    color: #848484;
    font-size: 12px!important;

}
.agreementWarp > ol{list-style-type:none; }
.agreementWarp > ol > li{list-style-type:none;padding-bottom:5px;}
.agreementWarp table>tbody>tr>th, .agreementWarp table>tfoot>tr>th, .agreementWarp table>thead>tr>th {
    padding: 6px 12px 6px 12px;
    vertical-align: top;
    border: 1px solid #ddd;
    background-color: #f4f5f7;
}

.agreementWarp table>tbody>tr>td {
    padding: 8px 12px 8px 12px;
    border: 1px solid #ddd;
    font-size: 12px;
    text-align: left;
    min-height: 49px;
    overflow: hidden;
}
.agreementWarp table>tbody>tr>.align-c{
    text-align: center;
}
.agreementWarp table>tbody>tr>.align-r {
    text-align: right;
}

.table-bordered, .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: 0 solid #ddd;
}
.table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border-bottom-width: 2px;
}

.agreementWarp table col[class*=col-] {
    display: table-column;
    float: none;
}
.agreementWarp table td[class*=col-], .agreementWarp table th[class*=col-] {
    display: table-cell;
    float: none;
}

@media (max-width:767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 18.75px;
        overflow-x: scroll;
        overflow-y: hidden;
        border: 1px solid #ddd;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        -webkit-overflow-scrolling: touch;
    }
    .table-responsive>.agreementWarp table{
        margin-bottom: 0;
    }
    .table-responsive>.agreementWarp table>tbody>tr>td, .table-responsive>.agreementWarp table>tbody>tr>th, .table-responsive>.agreementWarp table>tfoot>tr>td, .table-responsive>.agreementWarp table>tfoot>tr>th, .table-responsive>.agreementWarp table>thead>tr>td, .table-responsive>.agreementWarp table>thead>tr>th {
        white-space: nowrap;
    }
    .table-responsive>.table-bordered {
        border: 0;
    }
    .table-responsive>.table-bordered>tbody>tr>td:first-child, .table-responsive>.table-bordered>tbody>tr>th:first-child, .table-responsive>.table-bordered>tfoot>tr>td:first-child, .table-responsive>.table-bordered>tfoot>tr>th:first-child, .table-responsive>.table-bordered>thead>tr>td:first-child, .table-responsive>.table-bordered>thead>tr>th:first-child {
        border-left: 0;
    }
    .table-responsive>.table-bordered>tbody>tr>td:last-child, .table-responsive>.table-bordered>tbody>tr>th:last-child, .table-responsive>.table-bordered>tfoot>tr>td:last-child, .table-responsive>.table-bordered>tfoot>tr>th:last-child, .table-responsive>.table-bordered>thead>tr>td:last-child, .table-responsive>.table-bordered>thead>tr>th:last-child {
        border-right: 0;
    }
    .table-responsive>.table-bordered>tbody>tr:last-child>td, .table-responsive>.table-bordered>tbody>tr:last-child>th, .table-responsive>.table-bordered>tfoot>tr:last-child>td, .table-responsive>.table-bordered>tfoot>tr:last-child>th {
        border-bottom: 0;
    }
}



/*loading*/
.loading {
    background: transparent;
    background: #000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    overflow: hidden;
    opacity:.7;
    -moz-opacity: 0.7;  /* Firefox before */
    -khtml-opacity: 0.7;   /* Safari before */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";  /* ie 8,9 */
    filter:alpha(opacity=70); /* ie 4,5,6,7 */
    animation-name: anim3;
    animation-duration: .2s;
    animation-delay: 0.5s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
    -webkit-animation-name: anim3;
    -webkit-animation-duration: .2s;
    -webkit-animation-delay: 0.5s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-timing-function: linear;
}
.loading .slice2 {
    content: '';
    display: block;
    width: 128px;
    height: 128px;
    background: url('../image/Preloader_5.gif') no-repeat center center;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -64px !important;
    margin-top: -64px !important;
    animation-name: anim1a;
    animation-duration: .2s;
    animation-delay: 2s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in;
    -webkit-animation-name: anim1a;
    -webkit-animation-duration: .2s;
    -webkit-animation-delay: 2s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in;
}
.loading.no-animate {
    animation-play-state: paused;
    -webkit-animation-play-state: paused;
}
.loading.no-animate:after,
.loading.no-animate .slice1,
.loading.no-animate .slice2 {
    animation-play-state: paused;
    -webkit-animation-play-state: paused;
}


@keyframes anim1 {
    from {
        width: 0%;
    }
    to {
        width: 100%;
    }
}
@keyframes anim1a {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@keyframes anim2 {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(-100%);
    }
}
@keyframes anim2a {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(100%);
    }
}
@keyframes anim3 {
    to {
        visibility: hidden;
    }
}
@media (max-width: 768px) {
    .loading:after {
        width: 128px;
        height: 128px;
        margin-left: -64px !important;
        margin-top: -64px !important;
    }
}

.hide{
    display: none !important;
}

/******************* wallet ******************/
.land-bg{
    background-color:#505363;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:9000;
}
.land-bg .logo{
    display: block;
    width: 370px;
    height: 88px;
    background: url('../image/logo-wallet-big.png') no-repeat center center;
    background-size: cover;
    position: absolute;
    top:50%;
    left:50%;
    margin-left:-185px;
    margin-top:-84px;
}
.land-bg .logo > div{
    margin-top:120px;
}

.land-bg .logo-edu{
    display: block;
    width: 200px;
    height: 70px;
    background: url('../image/BI-edu01.png') no-repeat center center;
    background-size: cover;
    position: absolute;
    top:50%;
    left:50%;
    margin-left:-100px;
    margin-top:-35px;
}




.end-bg{
    background-color:#505363;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:9000;
}

.end-bg .messege{
    text-align: center;
    font-size: 18px;
    display: block;    position: absolute;
    width: 200px;
    height: 200px;
    top:50%;
    left:50%;
    margin-left:-100px;
    margin-top:-100px;
}
.end-bg .messege .logo-edu {
    width: 150px; display:block; margin: 0 auto; margin-bottom:30px
}
.end-bg .messege .logo-edu img{ width:100%;}
#header.wallet #menu > span {
    top:25px;
}
#header.wallet #logo {
    height:83px;
}

#header.wallet #logo img{
    margin-top:14px;
}

.wallet-select-wrap{
    padding-left:5px;
    padding-right:5px;

}

.memberInfo{
    font-size: 16px;
    margin-bottom: 47px;
}
.memberInfo .name{
    font-size: 24px;
    font-weight: bold;
    line-height: 33px;
}

/***********wallet **********/
.main-wrapper.wallet.gate{margin-top:113px;width:638px;}
.main-wrapper{max-width:1170px; margin:90px auto 50px auto; padding:0;}
.main-wrapper.wallet{max-width:1181px; }

.main-wrapper.wallet #column-left{width:245px;padding-left:5px;padding-right:5px;}

.main-wrapper.wallet .row{padding:0;margin:0}

/***********wallet select boxes **********/
.wallet.gate .panel-info{ background: #fff; border:1px solid #ccc;width:47.35%;float:left;}
.wallet.gate .panel-info.last{float:right;}
.wallet.gate .panel-info .panel-heading{position: relative; display: block; overflow:hidden; height:269px; text-align: center;margin: 0; padding: 0;}
.wallet.gate .panel-info .panel-heading .title-icon{margin-top: 30px}
.wallet.gate .panel-info .panel-heading .eng-title{ margin-top: 15px; color: #4fc1e9; font-size: 13px; }
.wallet.gate .panel-info .panel-heading .title{ margin-top: 5px; color: #fff; font-size: 20px; font-weight: bold }
.wallet.gate .panel-info .panel-content{padding:25px 17px; margin: 0; text-align: center; }
.wallet.gate .panel-info .panel-content .title{float:left;width:70%;font-size:18px;font-weight:bold; color:#333;}
.wallet.gate .panel-info .panel-content .arrow{float:right;width:30%;text-align:right;}
.wallet.gate .panel-info .panel-content .desc{padding-top:12px;line-height:1.5;}
.wallet.gate .panel-info .panel-content .text-totalPrice{ margin-top: 18px; text-align: center;}
.wallet.gate .panel-info .panel-content .price{ font-weight: bold; font-size: 30px; color: #ff5a00; letter-spacing: -1px}
.wallet.gate .panel-info .panel-content .price span{ color: #fff; font-size: 16px;}
.wallet.gate .panel-info .panel-content .line{ width:100%; background: #4c4e60; height: 1px; margin-top: 20px; margin-bottom: 20px}
.wallet.gate .panel-info .panel-content {height:158px;text-align: left;background-color:#fff;}

/***********wallet content background **********/
.panel-info .panel-heading.wcontract{background: #ffe44f;}
.panel-info .panel-heading.wapply{background: #6cccd7;}

.panel-info .panel-content  a{
    font-size:16px;
    color:#888;
}
@media (max-width:767px) {
    .main-wrapper.wallet {
        width: 100%;
    }
}
.wallet #column-left .panel-member .panel-heading {
    position: relative;
    display: block;
    overflow: hidden;
    background: #6cccd7;
    border-radius: 6px 6px 0 0;
    height: 274px;
    text-align: center;
    border-bottom: none;
    margin: 0;
    padding: 0;
}

.wallet #column-left .panel-member {
    background:#fff;
}

.wallet #column-left .panel-member .panel-heading .title {color: #5a5a5c;font-size: 18px;}
.wallet #column-left .panel-member .panel-content {background: #fff;text-align:left;padding:19px 22px;height:246px;}
.wallet #column-left .panel-content .name{font-weight:bold;font-size:24px;color:#000;}
.wallet #column-left .panel-content .birth{font-weight:bold;font-size:14px;color:#888;}
.wallet #column-left .panel-content .sfkeytxt{font-weight:bold;font-size:18px;color:#08cfe6;}
.wallet #column-left .panel-content .kwkeytxt{font-weight:bold;font-size:18px;color:#c7c7c7;}

.wallet #column-left + #column-right + #content, #column-left + #content {margin-left:256px;}


@media screen and (max-width:479px) {
    .main-wrapper.wallet #column-left{width:100%;}
    .main-wrapper.wallet.gate {width:100%;}
    .wallet.gate .wallet-select-wrap .panel-info{ width:100%;}


    .land-bg .logo{
        width: 280px;
        background-size: 100%;
        margin-left:-140px;
    }
    .land-bg .logo > div{
        margin-top: 100px;
    }
}
@media screen and (max-width: 960px){
    .main-wrapper.wallet #column-left{width:100%;}
    .wallet #column-left .panel-member .panel-heading {border-radius:0;}
    .main-wrapper.wallet.gate {width:100%;}
    .wallet.gate .wallet-select-wrap .panel-info{ width:100%; }
}

/* responsive table */
table.responsive{ width:100%; }


@media (max-width:479px) {
    /*table scroll*/
    .panel-default .panel-content .panel-content-smcontent.table-scroll-x{overflow-x:scroll;padding:0;}
    table.responsive{width:500px;}
    .panel-default .panel-content .panel-content-smcontent.table-scroll-x > div{width:490px;}

}

@media (max-width:992px) {

    /*modal scroll*/
    #dialog-usrCh .cart-info{
        overflow-x:scroll;
    }
    #dialog-usrCh .cart-info .table-info, #dialog-usrCh .cart-info .table-info > span {
        width:800px;
    }

}


table.responsive th, table.responsive td {
    height:39px;
    border-top:1px solid #CCCCCC;
}

table.responsive tbody td {
    padding: 10px 4px;
    text-align:center;
}

table.responsive tbody th.date, table.responsive tbody td.date {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}

table.responsive thead th {
    color:#000000;
    text-align:center;
    font-weight:bold;
    border-bottom:1px solid #CECFCE;
    padding:12px 3px 13px;
}

table.responsive tbody th {
    background-color:#F7F7F7;
    padding:0;
    text-align:center;
    font-weight:normal;
}

table.responsive tfoot th,table.responsive tfoot td {
    color:#333333;
    text-align:center;
    border-top:1px solid #CECFCE;
    background-color:#F7F7F7;
}


input[type="file" i]::-webkit-file-upload-button, button {
                        padding: 1px 6px;
                    }

input[type="file" i]::-webkit-file-upload-button, button {
                        align-items: flex-start;
                        text-align: center;
                        cursor: default;
                        color: buttontext;
                        border-image-source: initial;
                        border-image-slice: initial;
                        border-image-width: initial;
                        border-image-outset: initial;
                        border-image-repeat: initial;
                        background-color: buttonface;
                        box-sizing: border-box;
                        padding: 2px 6px 1px;
                        font-size: 14px;
                        border-width: 2px;
                        border-style: outset;
                        border-color: buttonface;
                    }

input[type="file" i]::-webkit-file-upload-button {
                        -webkit-appearance: push-button;
                        white-space: nowrap;
                        font-size: inherit;
                        -webkit-user-modify: read-only;
                        margin: 0px;
                    }

input[type="file" i]::-webkit-file-upload-button, button {
                    }

input[type="file" i]::-webkit-file-upload-button, button {
                        align-items: flex-start;
                        text-align: center;
                        cursor: default;
                        color: buttontext;
                        border-image-source: initial;
                        border-image-slice: initial;
                        border-image-width: initial;
                        border-image-outset: initial;
                        border-image-repeat: initial;
                        background-color: buttonface;
                        box-sizing: border-box;
                        padding: 0px 6px 3px;
                        font-size: 14px;
                        border-width: 2px;
                        border-style: outset;
                        border-color: buttonface;
                    }


@media (min-width:992px) {

    .border-r-lg{ border-right: 1px solid #ddd }
    .border-l-lg{ border-left: 1px solid #ddd }
    .border-t-lg{ border-top: 1px solid #ddd }
    .border-b-lg{ border-bottom: 1px solid #ddd }

}

/* 20170215 */
.dp_table,.dp-table {display:table;width:100%;}
.dp_cell,.dp-cell {display:table-cell;vertical-align:middle;}
.text-left {text-align:left;}
.text-right {text-align:right;}
.text-center {text-align:center;}

/**** 웰스>전자계약>다수접수건 (20170315 안정모 추가) (20170508 류지예 일부 수정)****/
.fix_bottom.order {background: rgba(0, 0, 0, 0.8);position:fixed;left:0;right:0;bottom:0;z-index: 151;}
.fix_bottom.order .b_inner .dp_table .dp_cell {padding: 10px;box-sizing:border-box;-webkit-box-sizing:border-box;}
.fix_bottom.order .b_inner .dp_table .dp_cell.b_paging .num {display:inline-block;letter-spacing:2px;color:#fff;font-weight:bold;vertical-align: middle;width: 60px;text-align: center;font-size: 14px;}
.fix_bottom.order .b_inner .dp_table .dp_cell.b_paging .btn {}
.fix_bottom.order .b_inner .dp_table .dp_cell.b_btn_area {text-align:right;}
.fix_bottom.order .b_inner .dp_table .dp_cell.b_btn_area .btn {padding:5px 15px !important;}
.payment_info01 {width:40%;vertical-align: top;border-left:1px solid #ddd;padding: 10px;}
.payment_info01 ul.font-14 {padding: 5px 0 0 10px;}
.payment_info01 ul.font-14 li {padding:3px 0;list-style:none;line-height:20px;*zoom:1;}
.payment_info01 ul.font-14 li:after {content:'';display:block;clear:both;}
.payment_info01 ul.font-14 li strong,
.payment_info01 ul.font-14 li span {display: inline-block;float:left;padding-right:5px;}
.fix_bottom .my_ord_list {display:none;border-radius: 10px 10px 0 0;overflow: hidden;}
.fix_bottom .my_ord_list ol {padding:0;margin:0;}
.fix_bottom .my_ord_list ol li {list-style:none;border-bottom: 1px solid #555;}
.fix_bottom .my_ord_list ol li a {padding: 10px 20px;display: block;font-size:14px;font-weight:bold;color:#fff;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;white-space:nowrap;word-wrap:normal !important;}
.fix_bottom.active .my_ord_list {display:block;}
.fix_bottom .btn_toggle_arrow {position: absolute;left: 50%;top: -20px;margin-left: -35px;display:inline-block;width: 70px;height: 20px;line-height: 20px;text-align:center;font-size: 16px;border-radius: 5px 5px 0 0;color: #fff;background: rgba(0, 0, 0, .8);}
.fix_bottom .btn_toggle_arrow span {display:block;width: 70px;height: 20px;background: url("../image/ico_arrow_toggle_open.svg") no-repeat center center;}
.fix_bottom.active .btn_toggle_arrow span {display:block;width: 70px;height: 20px;background: url("../image/ico_arrow_toggle_close.svg") no-repeat center center;}

@media (min-width:1190px) {
	.fix_bottom.order {left:50%;margin-left: -72px;right:auto;bottom:0;width:400px;border-radius: 10px 10px 0 0;}
}
@media only screen and (max-width: 991px) {
	.block-md {display:block;} 
	.payment_info01 {width:100%;padding: 15px 0 15px 25px;border-top:1px solid #ddd;border-left:0 none;}
}


/* 자동이체 제3자 변경 (20170609 안정모) */
.ul-blt-type1 {margin:0;padding:5px;}
.ul-blt-type1 li {position:relative;padding-left: 10px;line-height:20px;list-style:none;}
.ul-blt-type1 li:before {content:'';display:block;position:absolute;left:0;top: 8px;width: 3px;height: 3px;background:#f6921d;border-radius:5px;/* margin-top: -2px; */}
.box-round-type1 {position:relative;padding: 5px 10px;border:1px solid #ddd;border-radius:3px;}
.box-round-type1 .check_area {position:absolute;right:10px;top:10px;}
.text-orange {color:#f6921d !important;}
.text-normal {font-weight:normal !important;}
.table.table-responsive {width:100%;border-bottom:1px solid #ddd;}
.table.table-responsive th,
.table.table-responsive td {padding:3px 10px;line-height:1.42857143;min-height:48px;border-top:1px solid #ddd;}
.table.table-responsive tbody th {font-weight:bold;background-color: #f4f4f4;font-size: 14px;text-align: left;}
.dp-table {display:table;width: 100%;}
.dp-cell {display: table-cell;vertical-align:middle;}

/* 2017-08-03 김수정 - 서비스 대기중*/
#NetFunnel_Skin_Top>div>div>div>div>div { margin-bottom: 10px;  padding-top: 0!important;  margin-top: 10px;}

/* 2025.06.10 결제금액 확인,승인 테이블 추가 */
.payment_table td{width:100%; vertical-align:middle; border-bottom:1px solid #ddd; padding: 10px 0;}
.f-block{display: inline-flex !important; align-items: center;}
.f-block-space{justify-content: space-around;}

/* 20250703 전자계약 UI개선 */
.box-wrap {background-color: #f8f8f8; padding:10px 20px 20px; border-radius: 6px; margin-bottom: 20px;}
.accordion-tit-wrap {display: flex; padding: 10px 0;}
.accordion-tit-wrap label {margin-top:0; padding-left:0;}
.con-wrap .scollBox {height:0px; border: 0; border-top: 1px solid #dcdcdc;transition: height 0.3s;} 
.con-wrap.open .scollBox{height: 100px; transition: height 0.3s; }
.con-wrap.open .scollBox .agreementWarp {background-color: #fff;}
.accordion-title {display: flex; justify-content: space-between;}
.ico-arrow {display: inline-block; font-size: 14px; margin-right: 5px;}
.accordion-title.active .ico-arrow {transform: rotate(-180deg); }
.all-check-box {padding:20px 10px; background-color: #f8f8f8;}
.all-check-box label {padding:0;}
.all-check-box p {color:#222;}