@charset "utf-8";
/* CSS Document */

/* LOGIN
----------------------------------- */
.login-panel{max-width:800px; margin:50px auto 40px auto; border:0;}
    .login-head{margin:0; padding:15px; height:90px;}
        h1.logo{height:60px; position:relative;}
            h1.logo img{width:159px; height:60px; position:absolute; left:0; top:0;}
            h1.logo span{font-size:24px; color:#0059a2; position:absolute; left:170px; top:30px;}
    .login-body{margin:0; padding:0;}
        .login-bg{height:121px; background:url('../images/login_bg.jpg') no-repeat 0 0;}
        .login-form{padding:20px 50px 30px;}
            .login-form h4.form-section{color:#0264a7; font-weight:bold; font-size:20px; margin-bottom:14px;}
            .login-form .form-group{line-height:32px; font-size:12px;}
            .login-form .form-control{height:32px; border-radius:0; border:1px solid #ccc;}
            .login-form label{font-weight:normal; line-height:32px; color:#000;}
                .login-form label.gray{color:#999;}
            .login-code{margin-right:8px;}
            .login-form .btn-login{background:#5800b3; color:#fff; border:1px solid #5800b3; padding:8px 40px; font-size:18px;}
                .login-form .btn-login:hover{background:#310088; color:#fff; border:1px solid #5800b3;}
.login-bg-ctrl{position:fixed; right:20px; bottom:20px;}
    .login-bg-ctrl span{cursor:pointer; color:rgba(255,255,255,.5);}

/* PAGES LAYOUT
----------------------------------- */
body{}
.col{width:90%; margin:0 auto; background:#fff;}

/* HEADER FOOTER
----------------------------------- */
/* header */
.header{padding-top:10px; padding-bottom:20px;}
.header-info{float:right;}
    ul.header-info-list{float:right;}
        ul.header-info-list>li{float:left; margin-left:10px; color:#666;}
            ul.header-info-list>li>a,ul.header-info-list>li>a:hover{color:#666; text-decoration:none;}
            ul.header-info-list>li.dropdown>a{color:#0366bb;}

/* menu */
.menu-wrap  .col{background:#0366bb;}
ul.menu{background:none;}
    ul.menu>li{display:inline-block; float:left;}
    ul.menu>li>a{display:block; height:43px; line-height:43px; padding:0 30px; margin:0 10px; margin-top:3px; color:#fff; font-size:16px;}
        ul.menu>li>a:hover{text-decoration:none; background:#3585c9;}
    ul.menu>li.active>a{font-weight:bold; color:#0366bb; text-decoration:none; background:#fff;}
    ul.menu>li.pull-right a{font-size:14px;}
        ul.menu>li.pull-right span.badge{background:#68a3d6; margin-top:-2px;}
.navbar-header{color:#fff;}

/* footer */
.footer{font-size:12px; color:#8a8a8a; margin-top:15px;}

/* INNER PAGES STYLE
----------------------------------- */
.page-head{margin-top:40px; border-bottom:2px solid #eae9e9; padding-bottom:20px;}
    .page-title{}
        .page-title h2{font:bold 24px/42px "Microsoft Yahei";}
            .page-title h2 .ico{font-weight:normal; border:1px solid #666; border-radius:50%; color:#666; padding:10px; margin-right:10px;}
        .page-title .city-select{float:left; margin:10px 0 0 10px;}
            .page-title .city-select>a{color:#419dc9; font-size:16px; text-decoration:none;}
                .page-title .city-select>a:hover{color:#0366bb; text-decoration:none;}
        
.page-body{padding-top:30px; padding-bottom:20px;}
.page-foot{border-top:2px solid #eae9e9; padding-top:20px; padding-bottom:50px;}

/* TABLE
----------------------------------- */
.table-btn-options{}
  .table-btn-options a.btn-circle{display:inline-block; float:left; margin-right:5px; padding:0; width:20px; height:20px;}
    .table-btn-options a.btn-circle i{display:block; width:20px; height:20px; background:#fff; border-radius:50%; text-align:center; line-height:20px; color:#999; font-size:14px;}
    .table-btn-options a.btn-circle:hover{text-decoration:none; color:#fff;}
    .table-btn-options a.btn-circle:hover .ico{color:#fff;}
    .table-btn-options a.btn-circle:hover .ico-more{background-color:#25a4d6;}
    .table-btn-options a.btn-circle:hover .ico-edit{background-color:#ff9400;}
    .table-btn-options a.btn-circle:hover .ico-copy{background-color:#36c77b;}
    .table-btn-options a.btn-circle:hover .ico-del{background-color:#fb5240;}

.table-btn-examine{font-size:14px;}
    .table-btn-examine a{display:inline-block; float:left; margin-right:10px; padding:0; color:#333; text-decoration:none;}
        .table-btn-examine a .ico{margin-right:2px; color:#999;}
        a.btn-examine-right .ico,a.btn-examine-right:hover{color:#46b740;}
        a.btn-examine-wrong .ico,a.btn-examine-wrong:hover{color:#e15555;}

.table-control{margin-bottom:20px;}
    .table-options{margin-top:8px;}
        .table-options a{color:#666; text-decoration:none; border:1px solid #eee; padding:3px 8px 3px 5px; border-radius:3px;}
            .table-options a:hover{color:#0366bb; text-decoration:none; border:1px solid #ddd; background:#f5f5f5;}
                .table-options a .ico{color:#b3bccd;} .table-options a:hover .ico{color:#8b9cbb;}

.table-wrap{overflow-x:auto;}
.table-nowrap{white-space:nowrap;}
.table-th-nowrap th{white-space:nowrap;}
.table-td-nowrap td{white-space:nowrap;}

/* examine */
.examine{color:#333; text-decoration:none;}
  .examine:hover{color:#000; text-decoration:none;}
  .examine .ico{margin-right:3px;}
.examine-status-0 .ico {color: #3c7ac9;}.examine-status-1 .ico{color:#f7941d;}   .examine-status-2 .ico{color:#6fd64b;}
.examine-status-3 .ico{color:#fb5d5d;} .examine-status-un .ico{color:#c6c6c6;}


label.checkbox-inline{padding:0;}
    label.checkbox-inline .icheckbox_square-blue{margin-left:15px;}
    label.checkbox-inline .icheckbox_square-blue:first-child{margin-left:0;}
.modal-body .form-group:last-child,.panel-body .form-group:last-child{margin-bottom:0;}
.form-group label{font-size:12px;}
.input-group-connect .input-group-addon{border-left-width:0px; border-right-width:0px;}
.input-group-connect .input-group-addon:last-child{border-right-width:1px;}
.form-inline .bootstrap-select.form-control:not([class*=col-]){width:auto;}

/* tabs */
ul.section-tabs-lg{margin:0 0 30px; height:24px; border-bottom:1px solid #d7d7d7; padding-bottom:51px;}
    ul.section-tabs-lg>li{float:left; height:24px;}
    ul.section-tabs-lg>li>a{display:inline-block; float:left; border-radius:0; background:url('../images/tabBg.gif') repeat-x 0 bottom; border:1px solid #e1e1e1; border-bottom:0; padding:14px 50px; text-decoration:none; color:#666;}
        ul.section-tabs-lg>li>a:hover{text-decoration:none; color:#333;}
ul.section-tabs-lg li.active>a{border:1px solid #e1e1e1; border-top:3px solid #406db4; padding:13px 50px; border-bottom:0; font-size:16px; background:#fff; color:#333;}

.cart-checkout-tip{padding:10px;}

.section{margin-bottom:20px;}
h4.form-section{font-size:16px; margin-bottom:20px; border-bottom:1px dotted #ddd; color:#666; height:40px; line-height:32px;}
    h4.form-section .ico{font-size:18px; height:32px; line-height:32px; color:#333; padding:5px; border:1px solid #ddd; border-radius:50%;}
.form-view .form-group{margin-bottom:0;}

ul.order-list{}
    ul.order-list li{float:left; margin-right:12px;}


/* PLUGIN
----------------------------------- */
/* iCheck */
.icheckbox_square-blue,.iradio_square-blue{
display:inline-block; *display:inline; vertical-align:middle; margin:0; padding:0; margin-right:3px; width:18px; height:18px; background:url('../images/chk_blue.png') no-repeat; border:none; cursor:pointer;}
.icheckbox_square-blue{background-position:0 0;}
    .icheckbox_square-blue.hover{background-position:-18px 0;}
    .icheckbox_square-blue.checked{background-position:-36px 0;}
    .icheckbox_square-blue.disabled{background-position:-54px 0;}
    .icheckbox_square-blue.checked.disabled{background-position:-72px 0;}
.iradio_square-blue{background-position:-90px 0;}
    .iradio_square-blue.hover{background-position:-108px 0;}
    .iradio_square-blue.checked{background-position:-126px 0;}
    .iradio_square-blue.disabled{background-position:-144px 0;}
    .iradio_square-blue.checked.disabled{background-position:-162px 0;}
/* HiDPI support */
@media (-o-min-device-pixel-ratio:5/4), (-webkit-min-device-pixel-ratio:1.25), (min-resolution:120dpi), (min-resolution:1.25dppx){
.icheckbox_square-blue,.iradio_square-blue{
background-image:url('../images/chk_blue@2x.png'); -webkit-background-size:180px 18px; background-size:180px 18px;}
}

/* Customized Bootstrap Modal */
.modal{z-index:10050; outline:none; overflow-y:auto !important;}
.page-portlet-fullscreen .modal{z-index:10060;}
.modal .modal-header{border-bottom:1px solid #EFEFEF;}
.modal .modal-header h3{font-weight:300;}
.modal-header h4.modal-title{font-size:16px;}
.modal .modal-header .close{margin-top:0px !important;}
.modal.draggable-modal .modal-header{cursor:move;}
.modal .modal-dialog{z-index:10051;}
.modal > .loading{position:absolute; top:50%; left:50%; margin-top:-22px; margin-left:-22px;}
.modal.in .page-loading{display:none;}
.modal-open{overflow-y:auto !important;}
.modal-open-noscroll{overflow-y:hidden !important;}
.modal-backdrop{border:0; outline:none; z-index:10049;}
.page-portlet-fullscreen .modal-backdrop{z-index:10059;}
.modal-backdrop, .modal-backdrop.fade.in{background-color:#333 !important;}
/* Full width modal */
.modal-full.modal-dialog{width:99%;}
@media (max-width:768px){.modal-full.modal-dialog{width:auto;}}

/* spinner */
.spinner{width:110px;}
.spinner input{text-align:right;}
.input-group-sm.spinner>.form-control, .input-group-sm.spinner>.input-group-addon, .input-group-sm.spinner>.input-group-btn>.btn{height:26px; padding:0 8px;}

/* MEDIA
----------------------------------- */
@media only screen and (min-width:700px) and (max-width:1024px) {
    .col{width:100%;}
}

@media screen and (max-width:767px){
.col{width:100%;}
h1.logo span{font-size:14px;}
.login-panel{width:90%;}
.login-body .form-group{margin-bottom:0;}
.login-form{padding:20px;}
.header{padding-bottom:0; margin:0; padding:0;}
h1.logo{margin-bottom:10px; position:static;}
.header-info{display:block; background:#0366bb; color:#fff; margin:0; padding:0 -30px;}
    ul.header-info-list>li,ul.header-info-list>li.dropdown>a{color:#fff;}
    .header-info ul.header-info-list{float:left; margin-top:20px;}
    .header-info .menu-handle{float:right;}
ul.menu>li{display:block; float:none; margin-left:-15px; margin-right:-15px;}
    ul.menu>li>a{margin:0;}
ul.menu>li.pull-right{float:left !important;}
.page-head{margin-top:20px;}
    .page-title{padding-bottom:60px;}
}

/* OVERRIDE
----------------------------------- */
.nopd{padding:0;} .pdr0{padding-right:0;} .pdl0{padding-left:0;} .pt20{padding-top:20px;}
.nomg{margin:0;} .mt20{margin-top:20px;} .mt0{margin-top:0;} .mb0{margin-bottom:0;}
.fr{float:right;}
.gray-img{-webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray; opacity:.6;}
.btn-default{border-width:1px;}
.green{color:#46b740;} .red{color:#e15555;}
.fz12{font-size:12px;} .fz14{font-size:14px;} .fz16{font-size:16px;}
.valign-m,.table>tbody>tr>td.valign-m{vertical-align:middle;}

a.a-gray,.a-gray a{color:#5b5b5b; text-decoration:none;}
a.a-gray:hover,.a-gray a:hover{color:#c00; text-decoration:underline;}