.modal-dialog {
    width: 600px;
}

.modal {
    overflow-y: auto;
    overflow-x: hidden;
}

#loading {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 100%;
    opacity: 1;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 10000;
}

#loading img {
    margin-top: 310px;
}

.nav, .pagination, .carousel, .panel-title a {
    cursor: pointer;
}

.msg-type {
    cursor: pointer;
    padding-left: 5px;
    width: 100px;
    line-height: 30px;
}

.placeholder {
    position: absolute;
    color: #aaa;
    cursor: text;
    z-index: 1;
}

a.learn-more {
    color: rgba(211, 122, 63, 0.77);
}

a.learn-more:hover {
    color: rgba(211, 122, 63, 0.77);
}

.background-pink td {
    background: rgba(226, 162, 226, 0.68) !important;
}

.background-pink:hover td {
    background: rgba(210, 152, 210, 0.68) !important;
}

.ellipsis {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mt10 {
    margin-top: 10px;
}

.mt15 {
    margin-top: 15px;
}

.mt20 {
    margin-top: 20px;
}
.mb5 {
    margin-bottom: 5px;
}
.mb10 {
    margin-bottom: 10px;
}

.mb15 {
    margin-bottom: 15px;
}

.mb20 {
    margin-bottom: 20px;
}


.ml5 {
    margin-left: 5px;
}
.ml10 {
    margin-left: 10px;
}

.ml15 {
    margin-left: 15px;
}

.ml20 {
    margin-left: 20px;
}

.mr5 {
    margin-right: 5px;
}

.mr10 {
    margin-right: 10px;
}

.mr15 {
    margin-right: 15px;
}

.mr20 {
    margin-right: 20px;
}

.msg-active {
    background-color: #ccc;
    position: relative;
}

.msg-active:after {
    left: 100%;
    top: 50%;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    border: 15px solid rgba(204, 204, 204, 0);
    border-left-color: #ccc;
    margin-top: -15px;
}

.p5 {
    padding: 5px !important;
}

.p10 {
    padding: 10px !important;
}

.p15 {
    padding: 15px !important;
}

.ns {
    box-shadow: none;
}

/* 修正弹出窗口时,屏幕晃动一下的问题 */

.text-word-break {
    word-wrap: break-word;
    word-break: normal;
}

/* 通用圆角框 */
.widget {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 7px 7px 7px 7px;
    padding: 10px 40px;
}

/* 通用圆角框-灰色 */
.widget.grey {
    background: #f2f2f2;
    border-color: #ccc;
}

.widget.w {
    background: #f8f8f8;
}

.widget.green {
    background: none repeat scroll 0 0 #ceecea;
}

/* 通用正方框 */
.widget-square {
    background: #fff;
    border: 1px solid rgb(204, 204, 204);
}

/* 设置Textarea方框固定 */
textarea {
    resize: none;
}

/*段落title样式*/
.title-1 {
    color: #E04993;
    font-size: 26px;
    line-height: 30PX;
}

.title-2 {
    color: #E04993;
    font-size: 20px;
}

.title-3 {
    color: #E04993;
    font-size: 16px;
}

.title-4 {
    font-weight: bold;
}

.title-5 {
    font-weight: bold;
    font-size: 16px;
}
.title-1, .title-2, .title-3, .title-5 {
    margin-top: 25px;
    margin-bottom: 12px;
}

*[class^='title-'] > *[class^='title-'] {
    margin-top: 0;
}

/* 通用标签框 */
.vb-tabs-format .nav-tabs {
    background: none repeat scroll 0 0 #d3d3d3;
    border: 1px solid #ccc;
    border-bottom: none;
    border-radius: 7px 7px 0 0;
}

.vb-tabs-format .tab-content {
    border: 1px solid #ccc;
    background: #f2f2f2;
    border-top: none;
    border-radius: 0 0 7px 7px;
}

.vb-tabs-format .nav-tabs > li > a {
    color: #666;
}

.vb-tabs-format .nav-tabs > li.disabled > a {
    color: #999;
}

.vb-tabs-format .nav-tabs > li {
    width: 116px;
    height: 40px;
    text-align: center;
}

.vb-tabs-format .nav-tabs > li.sm {
    width: 116px;
}

.vb-tabs-format .nav-tabs > li.mid {
    width: 130px;
}

.vb-tabs-format .nav-tabs > li > a:hover,
.vb-tabs-format .nav-tabs > li.active > a,
.vb-tabs-format .nav-tabs > li.active > a:hover,
.vb-tabs-format .nav-tabs > li.active > a:focus {
    background-color: #f2f2f2;
    border-color: #f2f2f2;
    border-radius: 6px 6px 0 0;
}

.vb-tabs-format .nav-tabs > li.disabled > a:hover,
.vb-tabs-format .nav-tabs > li.disabled > a:focus {
    background-color: transparent;
    border-color: transparent;
    border-radius: 6px 6px 0 0;
}

/*BEGIN 旧样式，不清楚是否还有使用，暂时不删除*/
.widget-tabs .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:active {
    background-color: #f2f2f2;
    border-bottom-color: #f2f2f2;
}

.widget-tabs .nav-tabs {
    border-bottom-style: none;
}

.widget-tabs .nav-tabs > li > a {
    color: #666;
    text-align: center;
    padding-top: 3px;
    padding-bottom: 0;
    border: none;
}

.widget-tabs .nav-tabs > li > a:hover,
.widget-tabs .nav-tabs > li > a:focus {
    border: none;
}

.widget-tabs .nav-tabs > li {
    width: 118px;
    height: 40px;
}

/*END 旧样式，不清楚是否还有使用，暂时不删除*/

/* 通用标签框下的数据表 */
.data-table-format {
    width: 100%;
    font-size: 13px;
    color: #333;
}

.data-table-format tr:first-child {
    background: #e1e1e1;
}

table.data-table-format th,
table.data-table-format td {
    border: 1px solid #ccc;
    text-align: center;
    padding-top: 8px;
    padding-bottom: 8px;
}

.data-table-format tr th:first-child,
.data-table-format tr td:first-child {
    border-left: none;
}

.data-table-format tr th:last-child,
.data-table-format tr td:last-child {
    border-right: none;
}

table.data-table-format .dropdown:hover .dropdown-menu {
    display: inline;
}

.data-table-grid {
    word-wrap: break-word;
    padding-left: 10px;
    padding-right: 10px;
}

/* 通用页底翻页栏样式 */
.pagination-format {
    margin-right: 20px;
    height: 45px;
}

.pagination-format .pagination {
    margin: 0;
    float: right;
}

.pagination-format .pagination>.active>a,
.pagination-format .pagination>.active>span,
.pagination-format .pagination>.active>a:hover,
.pagination-format .pagination>.active>span:hover,
.pagination-format .pagination>.active>a:focus,
.pagination-format .pagination>.active>span:focus {
    background-color: #17baaf;
}

/* 页面内容为空的提示语样式 */
.text-heading {
    font-weight: bold;
    font-size: 13px;
    margin-top: 10px;
}

.text-body {
    font-size: 13px;
    margin: 10px 20px;
}

.text-body ul {
    line-height: 20px;
    padding-left: 17px;
}

/* no orders通用样式 */
.widget-body-data-no-order {
    width: 500px;
    margin-left: 225px;
    margin-top: 80px;
}

.pink {
    color: #E04993;
}

.text-capital {
    text-transform: capitalize;
}

/* design vector sequence通用样式 */
.design-vector-sequence {
    max-height: 410px;
    padding: 20px 10px;
    resize: none;
    overflow: auto;
}

.design-vector-sequence.x-hidden {
    overflow-x: hidden;
    overflow-y: auto;
}

.design-vector-sequence .sequence-heading {
    font-size: 13px;
    font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
}

.design-vector-sequence .sequence-body {
    font-size: 14px;
    word-break: break-all;
    word-wrap: break-word;
    font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
    margin-right: 5px;
    padding-top: 5px;
}

.design-vector-select .table th,
.design-vector-select .table td {
    vertical-align: middle;
    text-align: center;
}

.design-vector-select .table td .btn.btn-view {
    width: 50px;
    height: 26px;
    padding-top: 3px;
    padding-left: 9px;
}

.design-learn > div {
}

.design-learn > .nav.title {
    width: 240px;
}

.design-learn > .nav {
    width: 275px;
}

.design-learn .nav > li > a {
    display: block;
    padding: 3px 5px;
    position: relative;
}

.design-learn .title > li a {
    font-size: 15px;
    color: #000;
}

.design-learn .nav.title .nav a {
    margin-left: 10px;
    font-size: 13px;
    color: #999;
}

.design-learn .nav > li > a:hover,
.design-learn .nav > li > a.active,
.design-learn .nav > li > a:hover:focus {
    background-color: #E7E4E4;
    text-decoration: none;
    color: #E04993 !important;
}

.design-learn .nav > li > a:focus {

    background: none;
}

.page-top {
    font-size: 50px;
    position: fixed;
    bottom: 0px;
    margin-left: 850px;
    margin-bottom: 25px;
    display: none;
    transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
    transition-property: width, height, transform, background, font-size, opacity;
    opacity: 0;
}

/* 通用design vector页面框架 */
.widget.widget-vector {
    padding: 5px 10px 10px;

}
.widget.widget-vector hr {
    margin-bottom: 10px;
    border-color: #ccc;
    margin-top: 0;

}
.widget.widget-vector .title {
    color: #E04993;
    font-size: 14px;
    width: 920px;
    margin-bottom: 4px;
}

.widget.widget-vector .title span {
}
.widget.widget-vector .title span.active {
    background: #08F5F5;
}
/* 通用design vector页面框架--标签栏 */
.widget-tab {
    border-style: none;
    background: #d7d7d7;
    border-radius: 7px 7px 0 0;
    height: 45px;
    border-bottom: 1px solid #ccc;
}

.widget-tab .widget-tab-check.active {
    background: url("/static/img/vb3/design/check.png") repeat scroll 0 0 transparent;
    display: inline-block;
    height: 16px;
    margin-bottom: 0;
    margin-left: 50px;
    margin-top: -15px;
    position: absolute;
    width: 19px;
}

.widget-tab .widget-tab-arrow.active .widget-tab-check.active {
    background-position: 0 -16px;
}

.widget-tab .widget-tab-arrow {
    height: 45px;
    min-width: 96px;
    padding-top: 9px;
    padding-left: 20px;
    padding-right: 20px;
    cursor: pointer;
    line-height: 16px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    color: #767676;
}

.widget-tab .widget-tab-arrow:first-child {
    margin-left: 0;
    border-radius: 7px 0 0 0;
}

.widget-tab .widget-tab-arrow span.widget-tab-arrow-text {
}

.widget-tab .widget-tab-arrow-text-step {
    font-size: 16px;
}

.widget-tab a.widget-tab-arrow-text {
    color: #767676;
    font-size: 14px;
}

.widget-tab a:hover.widget-tab-arrow-text {
    color: #000;
    text-decoration: none;
}

.widget-tab .widget-tab-arrow.active {
    color: #000;
    background: #f8f8f8;
    border-bottom: 0;
}

.widget-tab .widget-tab-arrow.select.active {
    background: #ceecea;
}

.widget-tab .widget-tab-arrow.select {
    background: none;
    color: #4db1a7;
}

.widget-tab .btn-group-vertical .btn.widget-tab-btn {
    font-size: 13px;
    width: 85px;
    height: 18px;
    margin-top: 1px;
    margin-bottom: 1px;
    margin-left: 5px;
    line-height: 5px;
}

/* 通用design vector页面框架--工具栏 */
.widget.widget-vector .widget-bar {
    height: 45px;
    margin-left: 10px;
    margin-right: 15px;
}

.widget.widget-vector .widget-bar .kuang {
    font-size: 10px;
    line-height: 10px;
    padding: 0px 3px;
}

.widget.widget-vector .widget-bar .kuang .close {
    font-size: 10px;
    line-height: 10px;
    padding: 0px 3px;
    float: none; font-size: 12px; margin-left: 5px; font-weight: normal;
}
.widget.widget-vector .widget-bar .step-format {
    font-size: 16px;
    padding-top: 5px;
    width: 580px;
}

.widget.widget-vector .widget-bar .btn-toolbar .btn-group.step-btn {
    margin-right: 20px;
}

.widget.widget-vector .widget-bar .btn-toolbar .btn-group.step-btn .btn {
    margin-left: 3px;
    width: 130px;
}

.widget.widget-vector .widget-bar .btn-toolbar .btn-group.complete-btn {
    margin-left: 50px;
}

/* 通用design vector页面框架--主要组件 */
.widget.widget-vector .widget-main {
    margin-top: 5px;
    margin-right: 12px;
}

.widget.widget-vector .widget-main .widget-main-left {
    width: 353px;
    float: left;
}
.widget.widget-vector .widget-main .widget-main-left > div {
    float: left;
}
.widget.widget-vector .widget-main .widget-main-left > div.step-list > span {
    line-height: 30px;
    font-size: 13px;
    background: #a3a3a3;
    color: #fff;
    margin-right: 1px;
    display: inline-block;
    cursor: pointer;
}

.widget.widget-vector .widget-main .widget-main-left > div.step-list > span.active {
    background: #e04988;
    width: 144px;
    border-top: 2px solid #E04988;
}

.widget.widget-vector .widget-main .widget-main-left > div.step-list > span.more-width {
    background: #e04988;
    width: 200px; !important;
    border-top: 2px solid #E04988;
}

.widget.widget-vector .widget-main .widget-main-left > div.step-list > span > span {
    width: 25px;
    text-align: center;
    display: inline-block;
}
.widget.widget-vector .widget-main .widget-main-left > div.step-list > span.active > span {
    width: 147px;
}

.widget.widget-vector .widget-main .widget-main-left > div.step-list > span.more-width > span {
    width: 200px;
}

.widget.widget-vector .widget-main .widget-main-left > div.step-list > span:first-child {
    border-top-left-radius: 7px;
}
.widget.widget-vector .widget-main .widget-main-left > div.step-list > span:last-child {
    border-top-right-radius: 7px;
}

.widget.widget-vector .widget-main .widget-main-left > div.step-list > span img {
    position: absolute;
    margin-top: -7px;
    display: none;
}
.widget.widget-vector .widget-main .widget-main-left > div.step-list > span.select img {
    margin-left: 7px;
    display: inline-block;
}
.widget.widget-vector .widget-main .widget-main-left > div.step-list > span.select.active img {
    margin-left: 74px;
    display: inline-block;
}
#design .option-widget-heading a.select-a-btn {
    font-size: 13px;
    margin-right: 15px;
}
.widget.widget-vector .widget-main .widget-main-left > div.btn-list a.btn {
    width: 115px;
}

.widget.widget-vector .widget-main .widget-main-left > div.btn-list a.btn#done {
    width: 115px;
}
.widget.widget-vector .widget-main .option-widget-group {
    border: 1px solid #E04988;
    margin-bottom: 5px;
    padding: 5px 7px 7px;
    width: 352px;
    border-radius: 0 0 5px 5px;
}

.widget.widget-vector .widget-main .option-widget-group .option-widget:first-child .option-widget-heading {
    margin-top: 0;
}
.widget.widget-vector .widget-main .option-widget-group .option-widget .option-widget-heading {
    background: none repeat scroll 0 0 #E9E9E9;
    border: 1px solid #ccc;
    color: #000000;
    font-size: 14px;
    height: 30px;
    line-height: 28px;
    margin-top: 5px;
    padding: 0 9px;
}

.widget.widget-vector .widget-main .option-widget-group .option-widget .option-widget-heading.heigh-heading {
}

.widget.widget-vector .widget-main .option-widget-group .option-widget .option-widget-body {
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: -moz-use-text-color #CCCCCC #CCCCCC;
    border: 1px solid #ccc;
    border-top: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding-left: 7px;
}


.widget.widget-vector .widget-main .option-widget-group .option-widget .option-widget-body
.item-widget .item-widget-heading {
    color: #666;
    font-size: 13px;
    width: 370px;
    height: 20px;
    margin-top: 5px;
}

.widget.widget-vector .widget-main .option-widget-group .option-widget .option-widget-body
.item-widget .item-widget-body {
    padding-bottom: 6px;
}
.widget.widget-vector .widget-main .option-widget-group .option-widget .option-widget-body
.item-widget .item-widget-body .ellipsis {
    width: 200px;
    display: block;
}
.widget.widget-vector .widget-main .option-widget-group .option-widget .option-widget-body
.item-widget .item-widget-body .item-widget-row {
    border-bottom: 1px solid #C6C6C6;
    cursor: pointer;
    height: 20px;
    width: 312px;
}

.widget.widget-vector .widget-main .option-widget-group .option-widget .option-widget-body
.item-widget .item-widget-body .item-widget-row:hover {
    background-color: #fbfbfb;
}

.widget.widget-vector .widget-main .option-widget-group .option-widget .option-widget-body
.item-widget .item-widget-body .item-widget-row .left-pos {
    float: left;
    padding-left: 5px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.widget.widget-vector .widget-main .option-widget-group .option-widget .option-widget-body
.item-widget .item-widget-body .item-widget-row .mid-pos {
}

.widget.widget-vector .widget-main .option-widget-group .option-widget .option-widget-body
.item-widget .item-widget-body .item-widget-row .right-pos {
    float: right;
    padding-right: 10px;
}

.widget.widget-vector .widget-main .option-widget-group .option-widget .option-widget-body .option-widget-body-warning {
    margin-top: 10%;
    text-align: center;
    font-weight: bold;
}

/* 通用白色框 */
.image-widget-group {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    width: 488px;
}

.check-out-fix {
    height: auto;
}

.image-widget-group .image-widget {
    border-radius: 5px 5px 5px 5px;
    height: 450px;
}

.image-widget-group .image-widget-text {
    background: none repeat scroll 0 0 rgb(242, 242, 242);
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    width: 465px;
    height: 66px;
    margin-left: 10px;
    padding-left: 5px;
    overflow: auto;
    z-index: 9;
    position: relative;
}

/* 通用带图标的输入框 */
.input-icon input.icon-format {
    height: 30px;
    padding-left: 38px;
    font-size: 13px;
}

.input-icon textarea.icon-format {
    padding: 5px 38px;
    font-size: 13px;
}

.icon-email {
    background-image: url("/static/img/vb3/icon-envelope.png");
    background-repeat: no-repeat;
    background-position: 10px 7px;
}

.icon-user {
    background-image: url("/static/img/vb3/icon-user.png");
    background-repeat: no-repeat;
    background-position: 6px 4px;
}

.icon-home {
    background-image: url("/static/img/vb3/icon-home.png");
    background-repeat: no-repeat;
    background-position: 6px 2px;
}

.icon-lock {
    background-image: url("/static/img/vb3/icon-lock.png");
    background-repeat: no-repeat;
    background-position: 11px 3px;
}

.icon-map-marker {
    background-image: url("/static/img/vb3/icon-map-marker.png");
    background-repeat: no-repeat;
    background-position: 6px 2px;
}

.icon-globe {
    background-image: url("/static/img/vb3/icon-globe.png");
    background-position: 6px 2px;
    background-repeat: no-repeat;
    font-size: 13px;
    line-height: 13px;
    padding-left: 38px;
}

.icon-state {
    background-image: url("/static/img/vb3/icon-state.png");
    background-repeat: no-repeat;
    background-position: 6px 3px;
}

.icon-city {
    background-image: url("/static/img/vb3/icon-city.png");
    background-repeat: no-repeat;
    background-position: 6px 3px;
}

.icon-inbox {
    background-image: url("/static/img/vb3/icon-inbox.png");
    background-repeat: no-repeat;
    background-position: 6px 2px;
}

.icon-phone {
    background-image: url("/static/img/vb3/icon-phone.png");
    background-repeat: no-repeat;
    background-position: 3px 2px;
}

.icon-fax {
    background-image: url("/static/img/vb3/icon-fax.png");
    background-repeat: no-repeat;
    background-position: 6px 2px;
}

/* 购物车-表格 */
.shopping-cart .table-format {
    font-size: 14px;
    width: 650px;
    margin-bottom: 10px;
}


.shopping-cart table tr td {
    padding: 10px 5px;
}

.shopping-cart table.table-format tr {
    border-bottom: 1px solid #d0d0d0;
}


.kuang {
    background: none repeat scroll 0 0 #ffe3e5;
    border: 1px solid #edb2b6;
    border-radius: 4px 4px 4px 4px;
    color: #666;
    font-size: 12px;
    line-height: 21px;
    padding: 3px 8px;
}

/* 结帐 */
.check-out .steps .steps-text-group {
    margin-top: 5px;
    margin-left: 20px;
    margin-bottom: 15px;
}

.check-out .steps .steps-text-group .steps-text {
    display: block;
    width: 183px;
    font-size: 16px;
}

.check-out .steps .steps-bar {
    margin-top: 15px;
}

.check-out .steps .steps-bar .steps-line-group {
    position: absolute;
    margin-top: 10px;
}
.check-out .steps .steps-bar ul.steps-line-group > li:first-child div.steps-line {
    width: 70px;
}

.check-out .steps .steps-bar .steps-line {
    background: url("/static/img/vb3/checkout/checkout-line-normal.png") no-repeat scroll 0 0 transparent;
    height: 13px;
    width: 180px;
}

.check-out .steps .steps-bar .steps-line.active {
    background: url("/static/img/vb3/checkout/checkout-line-active.png") repeat-x scroll 0 6px transparent;
}

.check-out .steps .steps-bar .steps-point {
    margin-left: -14px;
    width: 190px;
    height: 30px;
    background: url("/static/img/vb3/checkout/checkout-normal.png") no-repeat scroll 22px 12px transparent;
}

.check-out .steps .steps-bar .steps-point.active {
    background: url("/static/img/vb3/checkout/checkout-active.png") no-repeat scroll 0 0 transparent;
}

.check-out .steps .steps-bar .steps-point.visited {
    background: url("/static/img/vb3/checkout/checkout-visited.png") no-repeat scroll 0 -10px transparent;
}

.widget.widget-checkout {
    padding: 0 20px 20px;
}

.widget.widget-checkout .widget-checkout-title {
    border-bottom: 1px solid #CCCCCC;
    border-radius: 7px 7px 0 0;
    color: #000000;
    font-size: 20px;
    line-height: 33px;
    margin-bottom: 8px;
    padding: 11px 0;
}

.widget.widget-checkout .widget-main {
}

.widget.widget-checkout .widget-main .left-widget .image-widget-group {
    margin-bottom: 10px;
    padding: 5px 20px 10px 20px;
}

.radio.radio-vb {
    padding-left: 3px;
}

.radio.radio-vb input[type="radio"] {
    margin-left: 0;
    margin-right: 3px;
}

.radio.radio-vb label {
    display: block;
}

.radio.radio-vb {
    line-height: 21px;
}

.radio.radio-vb:hover,
.radio.radio-vb.selected {
    background-color: #ffd5e5;
    color: #000;
}

.input-icon-group {
    margin-left: 15px;
}

.input-icon-group input {
    margin-bottom: 5px;
}

.input-icon-group .input-warning {
    margin-bottom: 10px;
}

.input-icon.inline input,
.input-icon.inline textarea,
.input-icon.inline .dropdown button {
    display: inline-block;
    margin-right: 5px;
}

.widget.widget-checkout .widget-main .left-widget .link-group {
    margin-left: 15px;
}

.validation-code {
    margin-left: 15px;
    margin-top: 3px;
}

.validation-code .validation-code-input {
    margin-top: 10px;
}

.validation-code .validation-code-input input {
    display: inline;
    width: 119px;
    height: 30px;
    padding: 8px 8px;
}

.widget.widget-checkout .widget-main .image-widget-group .quote-widget {
    font-size: 13px;
    margin-bottom: 10px;
}

.widget.widget-checkout .widget-main .image-widget-group .quote-widget:last-child {
    margin-bottom: 5px;
}

.widget.widget-checkout .widget-main .quote-widget-heading {
    background: none repeat scroll 0 0 #dedede;
    border-radius: 4px 4px 0 0;
    color: #1f1f1f;
    height: 29px;
    line-height: 29px;
    padding: 0 20px;
    border: 1px solid #cccccc;
    border-bottom: 0;
}
.widget.widget-checkout .widget-main .quote-widget-heading a {
}
.widget.widget-checkout .widget-main .quote-widget-body {
    background: #fff;
    padding: 10px 20px;
    margin-bottom: 20px;
    border-radius: 0 0 4px 4px;
    border: 1px solid #cccccc;
    border-top: 0;
}

.widget.widget-checkout .widget-main .image-widget-group .quote-widget .quote-widget-heading a {
    margin-left: 30px;
}

.widget.widget-checkout .widget-main .image-widget-group .quote-widget .widget {
    padding: 10px;
}

.widget.widget-checkout .widget-main .image-widget-group .quote-widget .quote-widget-body {
    color: #333;
    line-height: 20px;
}

.widget.widget-checkout .widget-main .right-widget {
    width: 300px;
}

.widget.widget-checkout .widget-main .right-widget .checkout-tips {
    font-size: 13px;
    color: rgb(102, 102, 102);
}

.widget.widget-checkout .widget-main .right-widget .checkout-tips .checkout-tips-heading {
    margin-bottom: 5px;
}

.widget.widget-checkout .widget-main .right-widget .checkout-tips .checkout-tips-body {
    line-height: 20px;
}

.widget.widget-checkout .widget-main .right-widget .checkout-tips .checkout-tips-body ul {
    padding-left: 13px;
}

/* 通用附件框 */
.btn-fileupload {
    position: relative;
    overflow: hidden;
    width: 100px;
    height: 30px;
    padding: 0;
}

.btn-fileupload .fileuplod-text {
    line-height: 28px;
}

.btn-fileupload input {
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    height: 28px;
    cursor: pointer;
}

.attachment .fileuplod-text {
    color: #333;
    font-size: 13px;
}

.attachment-description-text {
    margin-top: 5px;
    margin-left: 8px;
}

.attachment ul li.attachment-li {
    border: 1px solid rgb(204, 204, 204);
    background-color: #fff;
    padding: 0 10px;
    margin: 5px 0;
    line-height: 30px;
    height: 32px;
}

.attachment ul li.attachment-li .attach-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dropHide {
    display: none !important;
}

.attachment ul li.attachment-li .attach-size {
    margin-right: 15px;
}

.attachment ul li.attachment-li .attach-upload {
    margin-right: 3px;
}

.attachment ul li.attachment-li .attach-icon {
    vertical-align: middle;
}

.attachment ul li.attachment-li .attach-icon i:hover {
    cursor: pointer;
}

.attachment-description button {
    width: 87px;
    height: 28px;
}

.attachment-description input[type="file"] {
    display: inline;
}

/*header页面*/
#header #login a.register {
    margin-left: 5px;
}

#header #login.header-login {
    text-decoration: none;
    padding: 0 3px;
}

#header .header-logout {
    display: inline;
    margin-left: 5px;
}

#header .header-logout a {
    margin-left: 5px;
}

#header #login:hover.header-login {
    background: #f5f5f5;
    border-radius: 7px 7px 0 0;
    border: 1px solid #a7a7a7;
    border-bottom: 0;
    padding: 0 2px;
}

#header #login:hover.header-login a {
    color: #666;
    text-decoration: none;
}

#header #login.dropdown .dropdown-menu {
    background: none repeat scroll 0 0 #f5f5f5;
    border: 1px solid #a7a7a7;
    border-radius: 0 7px 7px 7px;
    border-top: 0;
    padding: 10px 0 0 0;
    width: 190px;
    text-align: center;
    margin-top: 0;
    margin-left: -1px;
}

.learn-more {
    color: #888;
}

#header #login.dropdown .dropdown-menu img {
    width: 110px;
}

#header #login.dropdown .dropdown-menu .setting {
    border-radius: 0 0 4px 4px;
    background: #e5e5e5;
    text-align: center;
    margin-top: 7px;
    padding-bottom: 5px;
}

#header #login.dropdown .dropdown-menu .setting a {
    color: #068E86;
}

/* header-checkout 结帐页头 */
#header-checkout {
    background: url("/static/img/vb3/bg-header.png") repeat-x scroll 0 0 transparent;
    box-shadow: 0 2px 3px #515151;
    height: 43px;
}

#header-checkout img.header-checkout-img {
    margin-top: 10px;
}

#header-checkout .header-checkout-text {
    font-size: 25px;
    color: #fff;
    margin-top: 5px;
}

/* 404、500等错误页面 */
.error-page {
    margin-top: 10%;
}

.error-page h1 {
    font-size: 140px;
    font-weight: bold;
    color: #28b779;
}

.error-page h3 {
    color: #666;
    font-weight: bold;
}

.error-page p {
    font-size: 15px;
}

.error-page a.btn {
    margin-top: 10px;
}

/* 通用登录框 */
.login {
    margin-top: 30px;
}

.login.error {
    margin-top: 10px;
}

.login-error {
    background: none repeat scroll 0 0 #ffe3e5;
    border: 1px solid #edb2b6;
    border-radius: 4px 4px 4px 4px;
    color: #666;
    font-size: 12px;
    width: 573px;
    line-height: 21px;
    padding: 3px 8px;
}

.login-error .close {
    font-size: 13px;
    margin-top: 4px;
}

.login .login-left {
    padding-left: 10px;
}

.login .login-left .input-icon-group .input-icon {
    margin-bottom: 10px;
}

.login .login-left .input-icon-group .input-icon:last-child {
    margin-bottom: 0;
}

.login .login-right {
    color: #666;
    width: 270px;
    padding-left: 0;
}

.login .login-right .login-right-heading {
    font-size: 14px;
    margin-bottom: 5px;
}

.login .login-right .login-right-body {
    font-size: 12px;
}

.login .login-right .login-right-body ul {
    padding-left: 15px;
}

.login-footer {
    padding: 3px 25px;
    font-size: 14px;
}

.btn-login-footer {
    height: 30px;
    line-height: 0;
}

/* 通用搜索工具栏 */
.tool-bar-btn-group {
    margin-top: 11px;
    margin-left: 10px;
}

.tool-bar-result {
    margin-top: 17px;
    float: right;
}

/* 通用搜索框 */
.search-group {
    margin-top: 10px;
    padding-left: 0;
    padding-right: 35px;
}

.search-group .input-group {
    z-index: 2;
}

.search-group .input-group button,
.search-group .input-group input {
    height: 30px;
}

.search-group .input-group button.btn-dropdown {
    padding-top: 2px;
}

.search-group .input-group button.btn-search {
    padding-top: 5px;
}

/* 通用搜索框的下拉框 */
.search-form {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #ccc;
    border-radius: 7px 7px 7px 7px;
    padding: 55px 0 15px 0;
    position: absolute;
    width: 308px;
    z-index: 1;
    margin-top: -40px;
    margin-left: -10px;
}

.search-form table tr td {
    padding: 0 5px;
}

.search-form table tr td input {
    width: 100px;
    height: 30px;
}

/* 通用Tab框按钮 */
.btn-group .btn.tool-bar-btn {
    height: 26px;
    width: 142px;
    margin-left: 10px;
    line-height: 13px;
}

.btn-group .btn.tool-bar-btn-trash {
    height: 26px;
    margin-left: 10px;
    line-height: 0;
}

/* 通用半边框 */
.half-widget {
    border-color: #a5a5a5 #a5a5a5 #fff #fff;
    border-radius: 7px;
    border-style: solid;
    border-width: 1px;
    padding: 5px 12px;
}

.half-widget.grey {
    background: none repeat scroll 0 0 #dcdcdc;
}

/*统一form control样式*/
input.form-control {
    padding-top: 4px;
    padding-bottom: 4px;
}

/* report account icon */
.icon-pdf {
    color: #C91217;
}

/* CodeMirror placeholder  */
.icon-text {
    color: #666;
}

.CodeMirror-empty {
    outline: 1px solid #c22;
}

.CodeMirror-empty.CodeMirror-focused {
    outline: none;
}

.CodeMirror pre.CodeMirror-placeholder {
    color: #999;
}

/*referral*/

/* 左组件 */
.referral .form-horizontal {
    width: 520px;

}.referral .input-icon {
}
.referral .form-group {
    margin-left: 0;
    width: 525px;
}
.referral .form-group.note {
    width: 519px;
}
.referral .form-group textarea {
    border-radius: 4px 4px 0 0;
}

.referral input.form-control {
    height: 30px;
}

.referral .name input {
    width: 255px;
}

.referral .email input {
    width: 519px;
}

.referral .content textarea {
    width: 519px;
}
.referral .tooltip-inner {

    max-width: 400px!important;
    text-align: left;
    white-space: normal;
    word-break: normal;
    word-wrap: break-word;
    font-weight: normal;
}

#cart-list .tooltip-inner {

    max-width: 400px!important;
    text-align: left;
    white-space: normal;
    word-break: normal;
    word-wrap: break-word;
    font-weight: normal;
}
.highlight {
    background: #f2f723;
}
input[type='radio'], input[type='checkbox']{
    margin-right: 3px;
    vertical-align: middle;
}
input[type='radio'] {
    margin-top: -3px;
}
.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] {
  float: none;
  margin-left: 0px;
}

#header #header-right-top span#profile-email {
    float: left;
    margin-bottom: 5px;
    margin-top: -5px;
    color: rgb(102, 102, 102);
}


.bg-blue {
    background: #d1f4f2;
}
i.none {
    color: #888;
}
sub, sup {
  font-size: 12px;
}

input[type="radio"], input[type="checkbox"] {
    margin: 0;
    margin-right: 5px;
}


/*BEGIN Public*/
#organization .employee-list .no-result {
    padding-top: 20px;
    min-height: 100px;
    text-align: center;
}

.qty-text {
    font-size: 15px;
}


.text-bold {
    font-weight: bold;
}

.circle-icon {
    width: 10px;
    height: 10px;
    margin: 4px 5px;
    border-radius: 5px;
}

.circle-icon.red {
    background-color: #ff0000;
}

.circle-icon.orange {
    background-color: #ffa500;
}

.circle-icon.blue {
    background-color: #0000ff;
}

.circle-icon.green {
    background-color: #008000;
}

.none {
    color: #666;
    font-style: italic;
}

/*END Public*/

/*BEGIN Register页面*/
.org-list .dropdown-menu {
    width: 282px;
}
/*END Register页面*/

/*BEGIN Tool页面*/
.tool .tool-panel {
    padding: 10px 20px;
}

.tool.codon .checkbox.long-list {
    max-height: 280px;
    overflow: auto;
}

.tool.codon pre {
    white-space: normal;
}

.tool.codon .label {
    display: inline-block;
    font-size: 13px;
}

.tool.codon .badge {
    background-color: #fff;
    color: #337ab7;
}
 .dna-works {
            font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
            color: #333;
            font-size: 14px;
            padding-top: 15px;
            padding-left: 20px;
            line-height: 15px;
            word-break: break-all;
            word-wrap: break-word;
            white-space: pre-wrap;
        }
/*END Tool页面*/

/*BEGIN Table Group*/
.table-group {
    padding-bottom: 10px;
    border-bottom: 2px solid #ddd;
}

.table-group h4 {
    margin-top: 20px;
}

.table-group:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

.table-group .table>thead>tr {
    background-color: #ddd;
}

.table-group .table-bordered>thead>tr>th, .table-bordered>thead>tr>td {
    border-bottom-width: 0;
}

.table-group .table-bordered>thead>tr>th {
    border-right-color: #fff;
}

.table-group .table-bordered>thead>tr>th:first-child,
.table-group .table-bordered>tbody>tr>th:first-child,
.table-group .table-bordered>tfoot>tr>th:first-child,
.table-group .table-bordered>thead>tr>td:first-child,
.table-group .table-bordered>tbody>tr>td:first-child,
.table-group .table-bordered>tfoot>tr>td:first-child {
    border-left-color: transparent;
}

.table-group .table-bordered>thead>tr>th:last-child,
.table-group .table-bordered>tbody>tr>th:last-child,
.table-group .table-bordered>tfoot>tr>th:last-child,
.table-group .table-bordered>thead>tr>td:last-child,
.table-group .table-bordered>tbody>tr>td:last-child,
.table-group .table-bordered>tfoot>tr>td:last-child {
    border-right-color: transparent;
}
/*END Table Group*/

/*BEGIN VB List Group*/
.vb-list-group .list-group-item {
    padding: 8px 10px;
    margin-bottom: 8px;
}

.vb-list-group .list-group-item:first-child {
    border-radius: 0;
}

.vb-list-group .list-group-item:last-child {
    border-radius: 0;
}

.vb-list-group a.list-group-item {
    /*color: #337ab7;*/
    color: #17baaf;
    font-size: 15px;
}

.vb-list-group a.list-group-item .right-text {
    color: #666;
}

.vb-list-group .pagination-format {
    margin-right: 0;
}
/*END VB List Group*/

/*BEGIN VB Panel*/
.vb-panel {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 7px 7px 7px 7px;
    padding: 10px 25px;
}

.vb-panel.vp-default {
    min-height: 480px;
}

.vb-panel.grey {
    background: #f2f2f2;
}
/*END VB Panel*/

.form-inline .form-control.user-list {
    width: 300px;
}

/* BEGIN open-item-map */

.open-item-map .modal-lg {
    width: 1140px;
}

/* END open-item-map */

.btn-account {
    background: #289d7c;
    border: 1px solid #228468;
}

.btn-account:hover {
    background: #38b595;
    border-color: #2d9d81;
}