/******************   FANLI HOTEL CSS  ******************/


/*********  Body CSS  *********/

html,
body {
    transition: none;
}

body {
    font-family: Helvetica, Arial, "Microsoft YaHei", "Microsoft JhengHei", sans-serif;
    position: relative;
    color: #666;
}

/*********  Body CSS End *********/


/*********  Common CSS  *********/

@media (min-width: 1200px) {
    .container-index {
        width: 1200px;
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: inherit;
    letter-spacing: 1px;
    font-weight: inherit;
}

/* 向左对齐 */
.flush-left {
    right: inherit;
    left: 0;
}

/* 向右对齐 */
.flush-right {
    left: inherit;
    right: 0;
}

/* a */
a {
    color: #666;
}

a:hover,
a:focus {
    color: #473a61;
    text-decoration: none;
}

/* 消除a标签虚线框 */
a:focus {
    outline: none;
    -moz-outline: none;
}

/* ol, ul */
ol,
ul {
    list-style: none;
}

/* btn */
.btn {
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    color: #fff;
    background-image: none;
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn.focus:active,
.btn:active:focus,
.btn:focus {
    outline: 0;
}

/* form-control */
.form-control {
    color: #999;
}

/* carousel */
.carousel-control {
    width: 5%;
}

/* breadcrumb */
.breadcrumb {
    background-color: #fff;
    border-radius: 0;
}

/*********  Common CSS End  *********/


/*********  Header CSS  *********/

/* nav */

/* navbar */
nav.navbar.navbar-default {
    background-color: #100728;
    border: none;
    z-index: 19;
}

/* attr-nav */
.attr-nav {
    top: 20px;
}

.attr-nav>ul>li>a {
    color: #fff;
}

.attr-nav>ul>li>a:hover,
.attr-nav>ul>li>a:focus {
    color: #ff2c77;
}

.attr-nav .fa-bars {
    font-size: 18px;
}

/* logo */
.logo {
    display: inline-block;
    margin: 15px 0;
}

/* menu */
ul.menu {}

ul.menu>li {
    float: left;
}

nav.navbar.navbar-default ul.menu>li>a {
    display: block;
    padding: 5px 10px;
    margin: 0;
    line-height: 20px;
    color: #fff;
    font-weight: bold;
    transition: none;
    text-decoration: none;
}

nav.navbar.navbar-default ul.menu>li>a:focus,
nav.navbar.navbar-default ul.menu>li>a:hover {
    color: #ff2c77;
}

nav.navbar.navbar-default ul.menu li.dropdown.on>a {
    color: #ff2c77;
}

nav.navbar.navbar-default ul.menu>li>a .caret {
    color: #ff2c77;
}

nav.navbar.navbar-default ul.menu>li>a:focus .caret,
nav.navbar.navbar-default ul.menu>li>a:hover .caret {
    color: #fff;
}

nav.navbar.navbar-default ul.menu>.open>a .caret {
    color: #fff;
}

/* dropdown-menu */
nav.navbar.navbar-default ul.menu li.dropdown ul.dropdown-menu,
nav.navbar.navbar-default ul.menu li.dropdown div.dropdown-menu {
    color: #fff;
    background-color: #302845;
    min-width: 140px;
    width: auto;
    border: none;
    border-radius: 0;
    margin: 0;
    position: absolute !important;
    padding: 0 !important;
}

nav.navbar.navbar-default ul.menu li.dropdown ul.dropdown-menu>li>a {
    color: #fff;
    min-width: 140px;
    border: none;
    padding: 10px 15px;
}

nav.navbar.navbar-default ul.menu li.dropdown ul.dropdown-menu>li a:focus,
nav.navbar.navbar-default ul.menu li.dropdown ul.dropdown-menu>li a:hover {
    background-color: #ff2c77;
}

nav.navbar.navbar-default ul.menu .open .dropdown-menu>li>a.active {
    background-color: #ff2c77;
}

nav.navbar.navbar-default ul.menu li.dropdown a.dropdown-toggle::after,
nav.navbar.navbar-default ul.menu li.dropdown a.dropdown-toggle::before {
    content: none;
}

/* top-menu */
.top-menu {
    float: right !important;
    font-size: 14px;
}

.top-menu h3 {
    margin: 20px 0 5px;
    text-align: right;
    color: #ff2c77;
    font-size: 26px;
    line-height: 30px;
    font-weight: bold;
}

nav.navbar.navbar-default .container-index .top-menu ul.menu li.dropdown .dropdown-menu {
    margin-top: 15px !important;
}

/* fa */
nav.navbar.navbar-default ul>li>a.fa-box {
    display: inline-block;
    background-color: transparent;
    height: 30px;
}

nav.navbar.navbar-default ul>li>a.fa-box:focus,
nav.navbar.navbar-default ul>li>a.fa-box:hover {
    color: #ff2c77;
    background-color: transparent;
}

nav.navbar.navbar-default ul>li>a.fa-box-weibo {}

nav.navbar.navbar-default ul>li>a.fa-box-weixin {
    padding-left: 0;
}

nav.navbar.navbar-default .menu .fa {
    color: #fff;
    font-size: 20px;
}

nav.navbar.navbar-default .fa:focus,
nav.navbar.navbar-default .fa:hover {
    color: #ff2c77;
}

.navbar-default .navbar-nav>.open>a.fa-box-weixin,
.navbar-default .navbar-nav>.open>a.fa-box-weixin:focus,
.navbar-default .navbar-nav>.open>a.fa-box-weixin:hover {
    background-color: #302845;
}

.menu .dropdown-menu.weixin-qrcode {
    background: url(../images/weixin-qrcode.jpg) no-repeat 10px 10px;
    width: 140px;
    min-width: 140px;
    height: 140px;
    padding: 10px;
}

/* form-signin */
.form-signin {
    min-width: 250px;
    padding: 15px;
    margin: 0 auto;
}

.form-signin .form-control:focus {
    z-index: 2;
}

.form-signin .checkbox a {
    color: #fff;
}

.form-signin .checkbox a:focus,
.form-signin .checkbox a:hover {
    color: #ff2c77;
    text-decoration: none;
}

/* side */
.side {
    transition: none;
    z-index: 999;
}

.side .widget {
    margin: 0 -30px 25px;
}

.side ul.menu {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.side ul.menu>li {
    float: none;
    position: relative;
    display: block;
}

nav.navbar.navbar-default .side ul.menu>li a {
    padding: 5px 20px;
}

nav.navbar.navbar-default .side ul.menu li>a:focus,
nav.navbar.navbar-default .side ul.menu li>a:hover {
    color: #fff;
    background-color: #ff2c77;
}

nav.navbar.navbar-default .side ul.menu li.dropdown .dropdown-menu {
    position: relative !important;
    background-color: transparent;
    box-shadow: none;
    border-bottom: 1px solid #444;
}

.side ul.menu .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
}

nav.navbar.navbar-default .side ul.menu li>a.fa-box:focus,
nav.navbar.navbar-default .side ul.menu li>a.fa-box:hover {
    color: #ff2c77;
    background-color: transparent;
}


/* banner */
.banner {
    position: relative;
}

/* booking-widget */
.booking-widget {
    position: absolute;
    width: 300px;
    left: 50%;
}

@media (min-width: 768px) {

    .booking-widget {
        top: 55px;
        margin-left: -285px;
    }
}

@media (min-width: 992px) {

    .booking-widget {
        top: 55px;
        margin-left: -385px;
    }
}

@media (min-width: 1200px) {

    .booking-widget {
        margin-left: -585px;
    }
}

.booking-widget .booking-header {
    background-color: #100728;
    text-align: center;
    color: #fff;
    font-size: 24px;
    line-height: 100px;
    height: 100px;
}

.booking-widget .booking-chooser {
    background-color: #fff;
    padding: 20px 0;
}

.booking-widget .booking-chooser form {
    width: 190px;
    margin: 0 auto;
}

.booking-widget .booking-chooser .form-group {
    width: 190px;
    margin-bottom: 10px;
}

.booking-widget .booking-chooser .form-control {
    font-size: 12px;
    height: 30px;
    padding: 5px 10px;
}

.booking-widget .booking-chooser select.form-control {
    padding-right: 0;
    padding-left: 5px;
}

/* date */
.date .form-control[readonly] {
    background-color: #fff;
}

.date .input-group-addon {
    color: #ff2c77;
    background-color: #fff;
    padding: 0 8px;
    cursor: pointer;
}

.date .input-group-addon:focus,
.date .input-group-addon:hover {
    color: #fff;
    background-color: #ff2c77;
}

/* navbar-menu */
nav.navbar.navbar-menu {
    min-height: 50px;
    font-size: 16px;
    right: 0;
    left: 0;
    z-index: 18;
}

nav.navbar.navbar-index.navbar-menu {
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.15);
}

nav.navbar.navbar-menu ul.menu {
    float: none;
    margin: 0 auto;
    display: table;
    table-layout: fixed;
}

nav.navbar.navbar-menu ul.menu>li>a {
    line-height: 40px;
}

/* sticky-booking-widget */
.sticky-booking-widget {
    background: #efefef;
    padding: 13px 0;
    text-align: center;
}

nav.navbar.navbar-index.navbar-menu .sticky-booking-widget {
    display: none;
}

nav.navbar.navbar-menu.isStuck .sticky-booking-widget {
    display: block;
}

.sticky-booking-widget .booking-header {
    font-weight: bold;
    line-height: 30px;
}

@media (min-width: 992px) {
    .sticky-booking-widget {
        padding: 18px 0;
    }

    .sticky-booking-widget .booking-header {
        display: inline-block;
        margin-bottom: 0;
        margin-right: 5px;
        vertical-align: middle;
    }
}

.sticky-booking-widget .country,
.sticky-booking-widget .checkIn-time,
.sticky-booking-widget .checkOut-time {
    margin-right: 5px;
}

.sticky-booking-widget .booking-chooser .date .fa:focus,
.sticky-booking-widget .booking-chooser .date .fa:hover {
    color: #fff;
}

.sticky-booking-widget .btn {
    padding: 6px 18px;
}

/* booking-xs */
.booking-xs {
    background-color: #ff2c77;
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 99;
    color: #fff;
}

.booking-xs .nav {
    padding: 0;
}

.booking-xs .nav>li>a {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 25px;
    border-radius: 0;
    margin-bottom: 0;
}

.booking-xs .nav>li>a:focus,
.booking-xs .nav>li>a:hover {
    text-decoration: none;
    background: #ff2c77;
    background: -moz-linear-gradient(top, #fe5e97 0%, #ff2c77 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fe5e97), color-stop(100%, #ff2c77));
    background: -webkit-linear-gradient(top, #fe5e97 0%, #ff2c77 100%);
    background: -o-linear-gradient(top, #fe5e97 0%, #ff2c77 100%);
    background: -ms-linear-gradient(top, #fe5e97 0%, #ff2c77 100%);
    background: linear-gradient(top, #fe5e97 0%, #ff2c77 100%);
    filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#fe5e97', endcolorstr='#ff2c77');
    -ms-filter: "progid:dximagetransform.microsoft.gradient(startcolorstr='#fe5e97', endcolorstr='#ff2c77')";
    border-color: #fc84af;
}

/*********  Header CSS End  *********/


/*********  Main CSS  *********/

/* main */
main {
    min-height: 600px;
}


@media (min-width: 768px) {
    main {
        min-height: 705px;
    }
}

@media (min-width: 992px) {
    main {
        min-height: 650px;
    }
}

/* title */
.title {}

/* heading */
.heading {
    color: #100728;
    margin-top: 40px;
    margin-bottom: 30px;
}

.heading h1 {
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 40px;
    margin: 0;
}

/* square-links */
.square-links {
    text-align: center;
    margin-bottom: 20px;
    -webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2);
}

.square-links img {
    width: 100%;
    height: auto !important;
}

figure {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.zoomLinkIn figure {
    z-index: 7;
    position: relative;
}

.zoomLinkIn figure img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: height .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.zoomLinkIn figure:link img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: height .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.zoomLinkIn figure:visited img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: height .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.zoomLinkIn figure:hover img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 1;
}

.grayscale {
    /*
    -webkit-filter: grayscale(0.7);
    filter: grayscale(0.7);
    filter: gray;*/
    filter: opacity(60%);
}

.hover-square {
    position: absolute;
    width: 90%;
    height: 84%;
    top: 8%;
    left: 5%;
    border: 3px solid white;
    opacity: 1;
}

@media (min-width: 768px) {
    .hover-square {
        position: absolute;
        width: 84%;
        height: 84%;
        top: 8%;
        left: 8%;
        border: 3px solid white;
        opacity: 1;
    }
}

.zoomLinkIn figure:hover .hover-square {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 3px solid transparent;
    opacity: 0.8;
    transition: 0.8s;
}

.caption {
    position: absolute;
    z-index: 9;
    top: 0;
    height: 100%;
    max-width: 100%;
    transform: translateY(-10%);
    left: 0;
    right: 0;
    color: white;
    /*text-transform: uppercase;*/
}

a.caption {
    /*padding-top: 50%;*/
    top: 50%;
}

a.caption.caption-top {
    /*padding-top: 45%;*/
    top: 45%;
}

a.caption:link {
    color: white;
    text-decoration: none;
    outline: 0;
    border: 0;
}

a.caption:hover {
    color: white;
}


a.caption:visited {
    text-decoration: none;
    color: white;
    outline: 0;
    border: 0;
}

a.caption h3 {
    margin-top: -15px;
    font-size: 22px;
    line-height: 25px;
    margin-bottom: 0;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
    padding: 0 8%;
}

a.caption h3:last-child {
    margin-top: 5px;
}

a.caption h3 span {
    display: block;
    font-size: 18px;
}

@media (min-width: 768px) {
    a.caption h3 {
        margin-top: -15px;
        font-size: 18px;
        line-height: 25px;
        margin-bottom: 0;
        text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
        padding: 0 8%;
    }

    a.caption h3 span {
        display: block;
        font-size: 14px;
    }

}

.zoomLinkIn figure:hover a.caption h3 {
    font-size: 20px;
}

.zoomLinkIn figure:hover a.caption h3 span {
    font-size: 16px;
}


.open a.caption h3 {
    margin-top: -5px;
    line-height: 25px;
}

.open a.caption h3::before,
.open a.caption h3::after {
    content: "";
    display: block;
    height: 2px;
    background: #fff;
    transition: 0.5s;
    width: 100%;
}

.open a.caption h3::before {
    margin-left: -100%;
    opacity: 0;
}

.open a.caption h3::after {
    margin-left: 100%;
    opacity: 0;
}

.open:hover a.caption h3::before,
.open:hover a.caption h3::after {
    margin-left: 0;
    opacity: 1;
}

a.caption span {
    font-size: 16px;
}

a.caption.caption-lg h3 {
    margin-top: 0px;
}

@media (min-width: 992px) {
    a.caption h3 {
        margin-top: 0;
        font-size: 24px;
        line-height: 28px;
    }

    a.caption h3:last-child {
        margin-top: 15px;
    }

    a.caption h3 span {
        display: block;
        font-size: 18px;
    }

    .open a.caption h3 {
        margin-top: 0;
        line-height: 35px;
    }

    .zoomLinkIn figure:hover a.caption h3 {
        font-size: 28px;
    }

    .zoomLinkIn figure:hover a.caption h3 span {
        font-size: 22px;
    }

    a.caption.caption-lg h3 {
        font-size: 26px;
    }

    a.caption.caption-lg:hover h3 {
        font-size: 30px;
    }
}

/* tab tab-block */
.tab.tab-block {
    margin-bottom: 20px;
}

.tab.tab-block .nav-tabs {
    border-bottom: none;
}

.tab.tab-block .nav-tabs>li {
    float: left;
    margin-bottom: 0;
}

.tab.tab-block .nav-tabs>li>a {
    margin-right: 0;
    padding: 0;
    border-radius: 0;
    color: #888;
    font-size: 16px;
    line-height: 32px;
    text-align: center;
    letter-spacing: 2px;
    border: none;
    border-bottom: 3px solid #fff;
}

.tab.tab-block .nav-tabs>li.active>a,
.tab.tab-block .nav-tabs>li.active>a:focus,
.tab.tab-block .nav-tabs>li.active>a:hover {
    color: #fff;
    background-color: #ff2c77;
    border: none;
    border-bottom: 3px solid #ff2c77;
}

.tab.tab-block .nav>li>a:focus,
.tab.tab-block .nav>li>a:hover {
    color: #ff2c77;
    background-color: #fff;
    border-bottom: 3px solid #ff2c77;
    transition: all 0.5s ease 0s;
}

/* tab tab-hotel */
.tab.tab-hotel {
    margin-bottom: 20px;
}

.tab.tab-hotel .nav-tabs {
    border-bottom: #dfe6e7 1px solid;
}

.tab.tab-hotel .nav-tabs>li>a {
    font-weight: bold;
    background-color: transparent;
    border-color: transparent;
    border-bottom: 3px solid transparent;
}

.tab.tab-hotel .nav-tabs>li.active>a,
.tab.tab-hotel .nav-tabs>li.active>a:focus,
.tab.tab-hotel .nav-tabs>li.active>a:hover {
    color: #473a61;
    background-color: transparent;
    border-bottom: 3px solid #7a67a1;
}

/* tab tab-trapezoid */
.tab.tab-trapezoid {
    margin-bottom: 20px;
}

.tab.tab-trapezoid>.nav-tabs {
    padding-left: 15px;
    border-bottom: 4px solid #3f0568;
}

.tab.tab-trapezoid>.nav-tabs li a {
    color: #fff;
    padding: 10px 20px;
    margin-right: 10px;
    background: #3f0568;
    text-shadow: 1px 1px 2px #000;
    border: none;
    border-radius: 0;
    opacity: 0.5;
    position: relative;
}

.tab.tab-trapezoid>.nav-tabs li a:hover {
    background: #3f0568;
    opacity: 0.8;
}

.tab.tab-trapezoid>.nav-tabs li.active a {
    opacity: 1;
}

.tab.tab-trapezoid>.nav-tabs li.active a,
.tab.tab-trapezoid>.nav-tabs li.active a:hover,
.tab.tab-trapezoid>.nav-tabs li.active a:focus {
    background: #3f0568;
}

.tab.tab-trapezoid>.nav-tabs li a:before,
.tab.tab-trapezoid>.nav-tabs li a:after {
    content: "";
    border-top: 40px solid transparent;
    position: absolute;
    top: 0px;
}

.tab.tab-trapezoid>.nav-tabs li a:before {
    border-right: 15px solid #3f0568;
    left: -15px;
}

.tab.tab-trapezoid>.nav-tabs li a:after {
    border-left: 15px solid #3f0568;
    right: -15px;
}

.tab.tab-trapezoid>.nav-tabs li a i,
.tab.tab-trapezoid>.nav-tabs li.active a i {
    display: inline-block;
    padding-right: 5px;
    font-size: 15px;
    text-shadow: none;
}

.tab.tab-trapezoid>.nav-tabs li a span {
    display: inline-block;
    font-size: 14px;
    line-height: 0;
    letter-spacing: -12px;
    opacity: 0;
    transition: letter-spacing 0.3s ease 0s;
}

.tab.tab-trapezoid>.nav-tabs li a:hover span,
.tab.tab-trapezoid>.nav-tabs li.active a span {
    letter-spacing: 1px;
    opacity: 1;
    transition: letter-spacing 0.3s ease 0s;
}

.tab.tab-trapezoid>.tab-content {
    padding: 0;
    background: #fff;
    font-size: 14px;
    line-height: 25px;
}

@media only screen and (max-width: 479px) {
    .tab.tab-trapezoid>.nav-tabs li {
        width: 100%;
        margin-bottom: 5px;
        text-align: center;
    }

    .tab.tab-trapezoid>.nav-tabs li a span {
        letter-spacing: 1px;
        opacity: 1;
    }
}

/* sidebar-menu */
.sidebar-menu {
    border-bottom: none;
}

.sidebar-menu li {
    float: none;
    margin-bottom: 0;
}

.sidebar-menu>li>a {
    margin-right: 0;
    padding: 0;
    line-height: 40px;
    text-align: center;
    color: #999;
    border: none;
    border-bottom: 2px solid #999;
    border-radius: 0;
    background-color: transparent;
    transition: none;
}

.sidebar-menu>li.active>a,
.sidebar-menu>li.active>a:focus,
.sidebar-menu>li.active>a:hover {
    color: #fff;
    background-color: #653786;
    border: none;
    border-bottom: 2px solid #653786;
}

.sidebar-menu>li>a:hover {
    color: #653786;
    background-color: #fff;
    border-bottom: 2px solid #653786;
    transition: all 0.8s ease 0s;
}

/* hr */
hr {
    border-top: 1px solid #c0c1c1;
    height: 2px;
    display: block;
    width: 100%;
    margin: 0;
}

/* block */
.block {
    padding: 40px 0;
}

.block .block-container {
    overflow: hidden;
}

.block .block-container h3 {
    color: #100728;
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 20px;
    line-height: 30px;
}

.block .block-container .block-content {}

.block .block-container .btn {
    float: right;
}

.block .block-image {}

@media (min-width: 992px) {

    .block .block-container h3 {
        font-size: 24px;
    }

    .block .block-container .btn {
        float: right;
        margin-top: 30px;
    }
}

/* content */
.main .content {
    margin-top: 20px;
    margin-bottom: 20px;
}

/* title h4 */
.title h4 {
    color: #100728;
    font-size: 22px;
}

@media (min-width: 768px) {
    .title h4 {
        font-size: 24px;
    }
}

/* article */
article {
    margin-top: 20px;
    margin-bottom: 60px;
}

/*********  Main CSS End  *********/


/*********  Index CSS  *********/

/* main */
main {}

.container-index .title h2 {
    text-align: center;
    color: #100728;
    font-size: 24px;
    line-height: 30px;
    margin-top: 10px;
    margin-bottom: 15px;
}

@media (min-width: 992px) {

    .container-index .title h2 {
        font-size: 30px;
        line-height: 30px;
        margin-top: 15px;
        margin-bottom: 25px;
    }
}

/* locations */
.locations {
    margin-top: 20px;
}

/* news */
.news {}

/* category */
.category {
    margin-top: 50px;
    margin-bottom: 20px;
}

@media (min-width: 992px) {

    .category a.caption h3 {
        font-size: 26px;
    }

    .category a.caption:hover h3 {
        font-size: 30px;
    }
}

.category .zoomLinkIn figure {}

.category .zoomLinkIn figure:hover {
    background-color: #671583;
}

.category .zoomLinkIn figure:hover img {
    opacity: 0.7;
}

/*********  Index CSS End  *********/


/*********  Locations CSS  *********/

/* container-locations-list */
.container-locations-list {
    padding-bottom: 50px;
    max-width: 1200px;
}

.container-locations-list .heading {
    text-align: center;
}

@media (max-width: 360px) {

    .container-locations-list .heading h2 {
        font-size: 26px;
    }
}

/* container-locations */
.container-locations {}

.container-locations .tab-content {
    padding-bottom: 20px;
}

.container-locations .title {
    margin-top: 30px;
}

.container-locations .title h3 {
    color: #100728;
    font-size: 24px;
    line-height: 30px;
    margin-top: 0;
    margin-bottom: 20px;
}

.container-locations .tab-content h1 {
    margin-top: 20px;
    margin-bottom: 20px;
}

@media (max-width: 360px) {

    .container-locations .tab-content h1 {
        font-size: 32px;
    }
}

/* hotel-features-gallery */
.container-locations .hotel-features-gallery {
    margin-top: 20px;
    margin-bottom: 20px;
}

.container-locations .features-container {
    position: relative;
    height: auto;
    min-height: 490px;
}

.features-container .carousel {
    position: absolute;
    width: 100%;
    height: 100%;
}

.features-container .carousel-control {
    position: absolute;
    width: 80px;
    color: #000;
    background: none !important;
}

.features-container .carousel-control.left {
    left: -80px;
}

.features-container .carousel-control.right {
    right: -80px;
}

.features-container .carousel .carousel-inner,
.features-container .carousel .item,
.features-container .carousel .content {
    height: 100%;
}

.features-container .close-btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-weight: bold;
    text-align: center;
    background: #dba544;
    color: #550f77;
    cursor: pointer;
}

.features-container .close-btn:hover {
    background: #ff2c77;
    color: #fff;
}

.features-container .content {
    padding: 30px;
    position: relative;
}

.features-container .content .content-info {
    position: absolute;
}

.features-container .content h2 {
    font-size: 22px;
    line-height: 30px;
    margin: 0 0 5px;
    color: #fff;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, .7);
}

.features-container .content p {
    text-shadow: 1px 1px 3px rgba(0, 0, 0, .7);
    color: #fff;
}

.features-container .grid> :first-child {
    margin-bottom: 10px;
}

.features-container .grid .row {
    margin-left: -5px;
    margin-right: -5px;
}

.features-container .grid .row>* {
    position: static;
    padding-left: 5px;
    padding-right: 5px;
}

.features-container .grid .content {
    background-size: cover;
    height: 240px;
    cursor: pointer;
    overflow: hidden;
    padding: 20px;
}

.features-container .grid .content.animate {
    transition: all 0.4s ease;
}

.features-container .grid .content.active {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media (max-width: 360px) {

    .features-container .grid .row {
        margin-left: -10px;
        margin-right: -10px;
    }
}

@media (max-width: 768px) {

    .container-locations .features-container {
        min-height: 390px;
    }

    .features-container .grid .content {
        padding: 15px;
        height: 180px;
    }

    .features-container .grid .content-img-03 {
        margin-top: 10px;
    }

    .features-container .grid .content-img-04 {
        margin-bottom: 10px;
    }


    .features-container .content h2 {
        font-size: 18px;
        line-height: 25px;
        font-weight: bold;
    }

    .features-container .content p {
        font-size: 14px;
    }
}

@media (min-width: 768px) {

    .container-locations .hotel-features-gallery {
        margin-top: 30px;
        margin-bottom: 40px;
    }
}

/* container-locations-01 */
.container-locations-01 #locations-1 .content-img-01 {
    background-image: url("../images/locations/YangShuo-XiJie-XiYue/locations-gallery-01.jpg");
    background-position: center;
}

.container-locations-01 #locations-1 .content-img-02 {
    background-image: url("../images/locations/YangShuo-XiJie-XiYue/locations-gallery-02.jpg");
}

.container-locations-01 #locations-1 .content-img-02 .content-info {
    bottom: 5px;
}

.container-locations-01 #locations-1 .content-img-03 {
    background-image: url("../images/locations/YangShuo-XiJie-XiYue/locations-gallery-03.jpg");
}

.container-locations-01 #locations-1 .content-img-04 {
    background-image: url("../images/locations/YangShuo-XiJie-XiYue/locations-gallery-04.jpg");
}

.container-locations-01 #locations-1 .content-img-04 .content-info {
    bottom: 15px;
}

.container-locations-01 #locations-1 .content-img-05 {
    background-image: url("../images/locations/YangShuo-XiJie-XiYue/locations-gallery-05.jpg");
    background-position: center;
}

.container-locations-01 #locations-1 .content-img-06 {
    background-image: url("../images/locations/YangShuo-XiJie-XiYue/locations-gallery-06.jpg");
    background-position: right;
}

/* container-locations-02 */
.container-locations-02 #locations-1 .content-img-01 {
    background-image: url("../images/locations/ChiangMai-Resort-LanYue/locations-gallery-01.jpg");
    background-position: center;
}

.container-locations-02 #locations-1 .content-img-02 {
    background-image: url("../images/locations/ChiangMai-Resort-LanYue/locations-gallery-02.jpg");
    background-position: right;
}

.container-locations-02 #locations-1 .content-img-02 .content-info {
    bottom: 15px;
}

.container-locations-02 #locations-1 .content-img-03 {
    background-image: url("../images/locations/ChiangMai-Resort-LanYue/locations-gallery-03.jpg");
}

.container-locations-02 #locations-1 .content-img-04 {
    background-image: url("../images/locations/ChiangMai-Resort-LanYue/locations-gallery-04.jpg");
}

.container-locations-02 #locations-1 .content-img-04 .content-info {
    bottom: 15px;
}

.container-locations-02 #locations-1 .content-img-05 {
    background-image: url("../images/locations/ChiangMai-Resort-LanYue/locations-gallery-05.jpg");
}

.container-locations-02 #locations-1 .content-img-05 .content-info {
    bottom: 15px;
}

.container-locations-02 #locations-1 .content-img-06 {
    background-image: url("../images/locations/ChiangMai-Resort-LanYue/locations-gallery-06.jpg");
    background-position: center;
}


/* container-locations-03 */
.container-locations-03 #locations-1 .content-img-01 {
    background-image: url("../images/locations/BeiHai-LanYue/locations-gallery-01.jpg");
    background-position: center;
}

.container-locations-03 #locations-1 .content-img-02 {
    background-image: url("../images/locations/BeiHai-LanYue/locations-gallery-02.jpg");
    background-position: center;
}

.container-locations-03 #locations-1 .content-img-03 {
    background-image: url("../images/locations/BeiHai-LanYue/locations-gallery-03.jpg");
}

.container-locations-03 #locations-1 .content-img-03 .content-info {
    bottom: 15px;
}

.container-locations-03 #locations-1 .content-img-04 {
    background-image: url("../images/locations/BeiHai-LanYue/locations-gallery-04.jpg");
}

.container-locations-03 #locations-1 .content-img-05 {
    background-image: url("../images/locations/BeiHai-LanYue/locations-gallery-05.jpg");
    background-position: center;
}

.container-locations-03 #locations-1 .content-img-06 {
    background-image: url("../images/locations/BeiHai-LanYue/locations-gallery-06.jpg");
    background-position: center;
}

/* container-locations-04 */
.container-locations-04 #locations-1 .content-img-01 {
    background-image: url("../images/locations/WeiZhouIslnd-FairylandGallery/locations-gallery-01.jpg");
    background-position: center;
}

.container-locations-04 #locations-1 .content-img-02 {
    background-image: url("../images/locations/WeiZhouIslnd-FairylandGallery/locations-gallery-02.jpg");
    background-position: center;
}

.container-locations-04 #locations-1 .content-img-03 {
    background-image: url("../images/locations/WeiZhouIslnd-FairylandGallery/locations-gallery-03.jpg");
}

.container-locations-04 #locations-1 .content-img-03 .content-info {
    bottom: 15px;
}

.container-locations-04 #locations-1 .content-img-04 {
    background-image: url("../images/locations/WeiZhouIslnd-FairylandGallery/locations-gallery-04.jpg");
}

.container-locations-04 #locations-1 .content-img-05 {
    background-image: url("../images/locations/WeiZhouIslnd-FairylandGallery/locations-gallery-05.jpg");
    background-position: center;
}

.container-locations-04 #locations-1 .content-img-05 .content-info {
    bottom: 15px;
    right: 20px;
}

.container-locations-04 #locations-1 .content-img-06 {
    background-image: url("../images/locations/WeiZhouIslnd-FairylandGallery/locations-gallery-06.jpg");
    background-position: center;
}


/* container-locations-05 */
.container-locations-05 #locations-1 .content-img-01 {
    background-image: url("../images/locations/LiJiang-XinYiBao/locations-gallery-01.jpg");
    background-position: center;
}

.container-locations-05 #locations-1 .content-img-02 {
    background-image: url("../images/locations/LiJiang-XinYiBao/locations-gallery-02.jpg");
    background-position: center;
}

.container-locations-05 #locations-1 .content-img-03 {
    background-image: url("../images/locations/LiJiang-XinYiBao/locations-gallery-03.jpg");
}

.container-locations-05 #locations-1 .content-img-04 {
    background-image: url("../images/locations/LiJiang-XinYiBao/locations-gallery-04.jpg");
}

.container-locations-05 #locations-1 .content-img-05 {
    background-image: url("../images/locations/LiJiang-XinYiBao/locations-gallery-05.jpg");
    background-position: center;
}

.container-locations-05 #locations-1 .content-img-06 {
    background-image: url("../images/locations/LiJiang-XinYiBao/locations-gallery-06.jpg");
    background-position: center;
}

.container-locations-05 #locations-1 .content-img-06 .content-info {
    bottom: 15px;
}


/* hotel-detail */
.container-locations .hotel-detail {
    margin-top: 40px;
}

.container-locations .hotel-detail h4 {
    color: #ff2c77;
    font-weight: bold;
    margin-bottom: 20px;
}

.container-locations .hotel-detail h5 {
    color: #550f77;
    font-size: 15px;
    font-weight: bold;
    line-height: 20px;
    margin-top: 15px;
    margin-bottom: 5px;
}

.container-locations .hotel-detail p {
    font-size: 14px;
    line-height: 25px;
}

/* rooms-gallery */
.container-locations .rooms-gallery {
    margin-top: 20px;
    margin-bottom: 20px;
}

.container-locations .rooms-gallery .owl-rooms .item {
    position: relative;
}

.container-locations .rooms-gallery .owl-rooms a {
    cursor: pointer;
}

.container-locations .rooms-gallery .owl-rooms .item img {
    display: block;
    width: 100%;
    height: auto;
}

.container-locations .rooms-gallery .owl-rooms .item .thumb-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.3);
    width: 100%;
    padding: 5px;
    color: white;
    max-height: 30px;
}

.container-locations .rooms-gallery .owl-rooms .item .thumb-caption h4 {
    margin: 0;
    text-align: center;
}

.container-locations .rooms-gallery .owl-rooms .item:hover>a .thumb-caption {
    transition: all .5s ease;
    color: #100728;
    background-color: rgba(255, 255, 255, 0.8);
    cursor: pointer;
}

/* tab-rooms */

.container-locations .rooms-gallery .tab-rooms {
    overflow: hidden;
    min-height: 500px;
}

.container-locations .rooms-gallery .tab-rooms .room-info {
    overflow: hidden;
}

.container-locations .rooms-gallery .tab-rooms h5 {
    color: #ff2c77;
    font-size: 16px;
    font-weight: bold;
}

.container-locations .rooms-gallery .tab-rooms ul {
    list-style-type: none;
    padding-left: 0;
}

.container-locations .rooms-gallery .tab-rooms ul li {}

.container-locations .rooms-gallery .tab-rooms ul li span {
    font-weight: bold;
}

.container-locations .rooms-gallery .tab-rooms ul.room-detail {
    overflow: hidden;
}

.container-locations .rooms-gallery .tab-rooms ul.room-detail li {
    float: left;
    margin-right: 15px;
}

.container-locations .rooms-gallery .tab-rooms ul.room-facilities {
    float: left;
    margin-right: 15px;
}

/*********  Locations CSS End  *********/


/*********  About CSS  *********/

/* container-about */
.container-about {}

.container-about .block .block-container {
    margin-bottom: 20px;
}

/*********  About CSS End  *********/


/*********  Life CSS  *********/

/* container-life */
.container-life {}

.container-life .block .block-container {
    margin-bottom: 20px;
}

/*********  Life CSS End  *********/


/*********  Party CSS  *********/

/* container-party */
.container-party {}

.container-party .block .block-container {
    margin-bottom: 20px;
}

/*********  Party CSS End  *********/


/*********  Privilege CSS  *********/

/* container-privilege */
.container-privilege {}

.container-privilege .block {
    text-align: center;
}

.container-privilege .block:first-child {
    padding-top: 20px;
}

.container-privilege .sidebar-tags {
    margin-bottom: 20px;
}

.container-privilege .sidebar-tags h5 {
    font-size: 15px;
    font-weight: bold;
    line-height: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.container-privilege .sidebar-tags .tags .tags-link {
    color: #7a67a1;
    display: inline-block;
    padding: 8px 15px 8px;
    margin-right: 5px;
    margin-bottom: 5px;
    font-size: 13px;
    line-height: 14px;
    font-weight: bold;
    text-decoration: none;
    background-color: #dfe6e7;
    border-radius: 15px;
    transition: background-color 300ms ease-in 0s;
    cursor: pointer;
}

.container-privilege .sidebar-tags .tags .tags-link:hover,
.container-privilege .sidebar-tags .tags .tags-link.active {
    color: #fff;
    background-color: #ff2c77;
}

/*********  Privilege CSS End  *********/


/*********  Help CSS  *********/

/* container-help */
.container-help {
    padding-top: 20px;
    padding-bottom: 20px;
}

.container-help h5 {
    color: #473a61;
    line-height: 16px;
    margin-top: 25px;
    border-left: 3px solid #ff2c77;
    padding-left: 10px;
}

.container-help p {
    line-height: 20px;
    margin-bottom: 5px;
}

/*********  Help CSS End  *********/


/*********  Register CSS  *********/

/* container-register */
.container-register {}

.container-register .heading {
    text-align: center;
    font-weight: bold;
}

.container-register .main-content {}

.container-register .main-content p {
    font-size: 16px;
}

.container-register .panel {
    margin-top: 20px;
    margin-bottom: 60px;
}

.container-register h4 {
    color: #473a61;
    font-weight: bold;
    line-height: 25px;
    margin-top: 0;
    margin-bottom: 0;
}

.container-register hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
}

.container-register .checkbox {
    margin-left: 20px;
    margin-bottom: 25px;
}

.container-register a {
    color: #7a67a1;
}

/* modal */
.container-register .modal {}

.container-register .modal .modal-dialog {
    margin-top: 50px;
}

.container-register .modal .modal-body {
    height: 450px;
    overflow-y: auto;
}

.container-register .modal .modal-body h5 {
    margin-top: 20px;
    font-weight: bold;
}

.container-register .modal .modal-body ul {
    padding-left: 20px;
}

.container-register .modal .modal-body ul li {
    list-style-type: square;
}

@media (min-width: 768px) {
    .container-register .modal .modal-dialog {
        margin-top: 100px;
    }

    .container-register .modal .modal-body {
        height: 600px;
    }
}

.container-register-succeed .heading {
    color: #ff2c77;
    text-align: center;
    font-weight: bold;
    margin-top: 200px;
}

/*********  Register CSS End  *********/


/*********  Login CSS  *********/

/* container-login */
.container-login {}

.container-login .heading {
    font-weight: bold;
    text-align: center;
    margin-top: 100px;
}

.container-login .panel {
    max-width: 400px;
    margin: 0 auto;
}

.container-login .panel-body {
    padding: 30px;
}

.container-login .checkbox label {
    font-weight: bold;
}

.container-login .checkbox a:hover {
    color: #7a67a1;
    text-decoration: none;
}

.container-login .buttons {
    margin-top: 20px;
}

.container-login .buttons a {
    display: block;
    text-align: center;
    margin-top: 5px;
    color: #7a67a1;
    font-weight: bold;
}

.container-login .buttons a:hover {
    color: #550f77;
}

@media (min-width: 768px) {
    .container-login .panel-body {
        padding: 40px;
    }
}

/*********  Login CSS End  *********/


/*********  Password CSS  *********/

/* container-password */
.container-password {}

.container-password .heading {
    text-align: center;
    font-weight: bold;
    margin-top: 90px;
    margin-bottom: 20px;
}

.container-password .main-content {
    text-align: center;
    margin-bottom: 10px;
}

.container-password .panel {
    margin: 0 auto;
}

.container-password .panel-recovery-mobile {
    max-width: 450px;
    margin-bottom: 100px;
}

.container-password .panel-body {
    padding: 25px;
}


@media (min-width: 768px) {
    .container-password .panel-body {
        padding: 30px;
    }
}

.container-password .panel h5 {
    font-weight: bold;
}

.container-password .buttons {
    margin-top: 5px;
}

.container-password .buttons a {
    display: block;
    text-align: center;
    margin-top: 5px;
    color: #7a67a1;
    font-weight: bold;
}

.container-password .buttons a:hover {
    color: #550f77;
}

/* password-recovery-mobile */
.container-password .form-group.row button {
    margin-top: 15px;
}

@media (min-width: 768px) {
    .container-password .form-group.row button {
        margin-top: 0;
    }

    .container-password .phone-container {
        padding-right: 0;
    }
}

/* password-reset */
.container-password .info-group {
    color: #653786;
    font-size: 15px;
    font-weight: bold;
    line-height: 20px;
    text-align: center;
    margin-bottom: 15px;
}

.container-password .info-group p {
    margin: 0;
}

.container-password .info-group label {
    padding-right: 5px;
}

/*********  Password CSS End  *********/


/*********  Account CSS  *********/

/* container-account */
.container-account {}

.container-account .left-content {}

.container-account .right-content {
    min-height: 600px;
}


.container-account .tab-content .row {
    padding-top: 20px;
    padding-bottom: 0;
}

@media (min-width: 768px) {

    .container-account .right-content {
        border-left: 1px solid #ddd;
    }

    .container-account .tab-content .row {
        padding-top: 30px;
        padding-bottom: 10px;
    }
}

.container-account .left-content .sidebar-menu {
    padding-top: 20px;
}

.container-account .right-content .tab-content {
    padding-top: 20px;
}

.container-account .right-content .title h4 {
    text-align: center;
}

.container-account .right-content .tab-content .form-horizontal .control-label {
    text-align: right;
    padding-right: 0;
}

.container-account .right-content .tab-content .buttons {
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
}

/* submenu-1-1 */
.container-account .right-content .tab-content #submenu-1-1 {}

/* submenu-1-2 */
.container-account .right-content .tab-content #submenu-1-2 {}

.container-account .right-content .tab-content #submenu-1-2 #image-holder {}

.container-account .right-content .tab-content #submenu-1-2 #image-holder .avatar {
    max-width: 120px;
    padding: 5px;
    display: block;
    border: 1px solid #ccc;
    margin: 0 auto;
}

.container-account .right-content .tab-content #submenu-1-2 #AvatarUpload {
    margin: 20px auto 0;
}

/* submenu-1-3 */
.container-account .right-content .tab-content #submenu-1-3 {}

.container-account .right-content .tab-content #submenu-1-3 .address-list {
    margin-top: 30px;
}

.container-account .right-content .tab-content #submenu-1-3 .address-item {}

.container-account .right-content .tab-content #submenu-1-3 .address-header {
    padding-top: 0;
    padding-bottom: 0;
}

.container-account .right-content .tab-content #submenu-1-3 .address-header .buttons {
    text-align: right;
    margin-top: 0;
}

.container-account .right-content .tab-content #submenu-1-3 .address-header .name {
    color: #473A61;
    font-size: 16px;
    font-weight: bold;
    line-height: 34px;
    text-align: center;
    margin-bottom: 10px;
}

@media (min-width: 768px) {
    .container-account .right-content .tab-content #submenu-1-3 .address-header .name {
        text-align: left;
        padding-left: 20px;
    }
}

.container-account .right-content .tab-content #submenu-1-3 .info {
    color: #444;
    line-height: 25px;
    border-top: 1px solid #E6E6E6;
    padding: 20px;
    padding-right: 0;
    overflow: hidden;
    margin-bottom: 0;
}

.container-account .right-content .tab-content #submenu-1-3 .info li {
    float: left;
    min-width: 250px;
}

/* submenu-1-4 */
.container-account .right-content .tab-content #submenu-1-4 {}

/* submenu-2-1 */
.container-account .right-content .tab-content #submenu-2-1 {}

/* account-orde */
.container-account .account-order {
    margin-top: 20px;
}


.container-account .account-order .tab-content {
    padding-top: 0;
}

/* account-orde ul.nav-tabs */
.account-order .nav-tabs {
    border-bottom: 3px solid #653786;
}

.account-order .nav-tabs>li {
    margin-bottom: -3px;
}

.account-order .nav-tabs>li>a {
    margin-right: 0;
    border-radius: 0;
    border: none;
    border-bottom: 3px solid #653786;
}

.account-order .nav-tabs>li.active>a,
.account-order .nav-tabs>li.active>a:focus,
.account-order .nav-tabs>li.active>a:hover {
    color: #fff;
    background: #653786;
    border: none;
    border-bottom: 3px solid #653786;
    font-weight: bold;
}

.account-order .nav>li>a:focus,
.account-order .nav>li>a:hover {
    color: #653786;
    border-bottom: 3px solid #653786;
    font-weight: bold;
}

/* account-orde table */
.container-account .account-order table tr td {
    text-align: center;
    line-height: 34px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: #362852 solid 1px;
}

.container-account .account-order table thead tr td {
    font-weight: bold;
}

.container-account .account-order table thead tr:nth-child(2n+1) td {
    background-color: #d2cae1;
}

/* order-detail*/
.container-account .order-detail {
    margin-top: 20px;
}

/* hotel-order */
.container-account .hotel-order {}

@media (min-width: 360px) {
    .container-account .hotel-order {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.container-account .order-detail .row {
    padding: 0;
}

@media (min-width: 768px) {
    .container-account .hotel-order .hotel-pic img {
        display: inline-block;
        max-width: 220px;
    }

    .container-account .hotel-order .dates-container {
        overflow: hidden;
    }

    .container-account .hotel-order .dates-container>div {
        position: relative;
        float: left;
        width: 50%;
    }

    .container-account .hotel-order .lodger-type {
        margin-top: 0;
    }
}

@media (min-width: 1200px) {

    .container-account .hotel-order .dates-container>div {
        float: none;
        width: auto;
    }

    .container-account .hotel-order .hotel-pic img {
        max-width: 100%;
    }
}

/* boutique-order */
.container-account .boutique-order {}

@media (min-width: 360px) {
    .container-account .boutique-order {
        padding-left: 10px;
        padding-right: 10px;
    }
}

/* shipping-address */
.boutique-order .shipping-address {
    margin-bottom: 30px;
}

.boutique-order .shipping-address h4 {
    color: #550f77;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
}

.boutique-order .shipping-address p {
    display: inline-block;
    min-width: 200px;
    margin-bottom: 0;
    margin-right: 10px;
}

.boutique-order .shipping-address p span {
    line-height: 25px;
}

/* shopping-order-info */
.boutique-order .shopping-order-info {
    margin-bottom: 30px;
}

.boutique-order .shopping-order-info h4 {
    color: #550f77;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
}

.boutique-order .shopping-order-info p {
    display: inline-block;
    min-width: 200px;
    margin-bottom: 0;
    margin-right: 10px;
}

.boutique-order .shopping-order-info p span {
    line-height: 25px;
}

/* shopping-product-info */
.boutique-order .shopping-product-info {}

/* shopping-product-item */
.shopping-product-item {
    border: #ccc solid 1px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    overflow: hidden;
    margin-bottom: 10px;
}

.shopping-product-item .shopping-product-image,
.shopping-product-item .shopping-product-description,
.shopping-product-item .shopping-product-buy {
    padding-left: 0;
    padding-right: 0;
}

.shopping-product-item .vertical-align-box {
    display: table-cell;
    vertical-align: middle;
}

.shopping-product-item .vertical-align-box p:last-child {
    margin-bottom: 0;
}

/* shopping-product-image */
.shopping-product-item .shopping-product-image {
    min-width: 100px;
    text-align: center;
}

@media (min-width: 768px) {
    .shopping-product-item .shopping-product-image {
        text-align: left;
    }
}

.shopping-product-image a {
    display: inline-block;
}

.shopping-product-item .shopping-product-image a img {
    width: 90px;
}

/* shopping-product-description */
.shopping-product-item .shopping-product-description {
    height: 90px;
    display: table;
    font-weight: bold;
}

.shopping-product-item .shopping-product-description .title {
    line-height: 20px;
    width: 200px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}

.shopping-product-item .shopping-product-description .feature {
    line-height: 20px;
    width: 200px;
    font-weight: normal;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 992px) {
    .shopping-product-item .shopping-product-description .title {
        width: auto;
    }

    .shopping-product-item .shopping-product-description .feature {
        width: auto;
    }
}


@media (max-width: 360px) {
    .shopping-product-item .shopping-product-image {
        min-width: initial;
    }

    .shopping-product-item .shopping-product-description .title {
        width: 160px;
    }

    .shopping-product-item .shopping-product-description .feature {
        width: 160px;
    }
}

/* shopping-product-buy */
.shopping-product-item .shopping-product-buy {
    display: table;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
}

@media (min-width: 768px) {
    .shopping-product-item .shopping-product-buy {
        padding-top: 0;
        height: 90px;
    }
}

.shopping-product-item .shopping-product-buy .price,
.shopping-product-item .shopping-product-buy .quantity {
    float: left;
}

.shopping-product-item .shopping-product-buy .price {
    width: 100px;
    text-align: center;
    color: #ff2c77;
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
}

.shopping-product-item .shopping-product-buy .quantity {
    width: 100px;
    text-align: center;
    font-weight: bold;
    line-height: 30px;
}

@media (min-width: 768px) {
    .shopping-product-item .shopping-product-buy .quantity {
        width: auto;
        float: right;
    }
}

@media (min-width: 992px) {
    .shopping-product-item .shopping-product-buy .quantity {
        float: none;
    }
}

/* buyers-message */
.boutique-order .buyers-message {
    margin-top: 10px;
}

/* buyers-message */
.boutique-order .shopping-totals {}

.boutique-order .shopping-totals table {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 30px;
    border-top: 2px solid #535b60;
    font-weight: bold;
    line-height: 30px;
    text-align: right;
}

.boutique-order .shopping-totals table .totals {
    font-size: 16px;
}

.boutique-order .shopping-totals table .totals td:nth-child(2) {
    font-size: 18px;
    color: #ff2c77;
}

/* submenu-3-1 */
.container-account .right-content .tab-content #submenu-3-1 {}

.container-account .reward-points-overview p {
    font-size: 16px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 20px;
}

.container-account .reward-points-details p {
    font-size: 14px;
    font-weight: bold;
}

/*********  Account CSS End  *********/



/*********  Music CSS   *********/
/* container-music */
.container-music {}

/*********  Music CSS  *********/



/*********  Book CSS   *********/
/* container-book */
.container-book {
    min-height: 720px;
}

.container-book .booking-header {
    color: #100728;
    font-size: 24px;
    line-height: 30px;
    margin-top: 20px;
    margin-bottom: 10px;
    text-align: center;
}

.container-book .booking-chooser {
    max-width: 720px;
    margin: 0 auto;
}

.container-book .booking-chooser .buttons {
    margin-bottom: 0;
}

@media (min-width: 768px) {

    .container-book .booking-chooser .checkIn-time,
    .container-book .booking-chooser .checkOut-time {
        padding-left: 5px;
        padding-right: 5px;
    }

    .container-book .booking-chooser .country {
        padding-right: 5px;
    }

    .container-book .booking-chooser .buttons {
        padding-left: 5px;
    }
}

.container-book .booking-chooser select,
.container-book .booking-chooser .date {
    width: 100%;
}

.container-book .heading {
    font-weight: bold;
    margin-top: 30px;
    margin-bottom: 30px;
}

@media (min-width: 768px) {
    .container-book .heading {
        margin-top: 40px;
        margin-bottom: 40px;
    }
}

.container-book .heading h2 {
    margin: 0;
    margin-bottom: 15px;
}

.container-book .heading .select-hotel {
    color: #ff2c77;
    font-size: 20px;
    line-height: 30px;
}

.container-book .heading .book-tiem {
    color: #ff2c77;
    font-size: 14px;
    line-height: 20px;
}

/* hotel-package-list */
.container-book .hotel-package-list {}

.container-book .hotel-package-list .block:first-child {
    padding-top: 0;
}

.container-book .hotel-package-list .block-container {
    margin-bottom: 10px;
}

.container-book .hotel-package-list .block-title {
    color: #ff2c77;
    font-weight: bold;
    margin-bottom: 20px;
}

.container-book .hotel-package-list .introduce {}

.container-book .hotel-package-list .introduce h4 {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 20px;
}

.container-book .hotel-package-list .introduce p {
    color: #888;
    font-size: 14px;
    margin-bottom: 5px;
}

.container-book .hotel-package-list .introduce a{
    display: block;
    color: #ff5e0d;
    font-size: 16px;
    line-height: 30px;
    font-weight: bold;
    text-decoration: underline;
    text-align: right;
}

.container-book .hotel-package-list .price {
    float: left;
    color: #ff2c77;
    font-size: 20px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
}

/* hotel-voucher-list */
.container-book .hotel-voucher-list {}

.container-book .hotel-voucher-list .block:first-child {
    padding-top: 0;
}

.container-book .hotel-voucher-list .block-container {
    margin-bottom: 10px;
}

.container-book .hotel-voucher-list .block-title {
    color: #ff2c77;
    font-weight: bold;
    margin-bottom: 20px;
}

.container-book .hotel-voucher-list .introduce {}

.container-book .hotel-voucher-list .introduce h4 {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 20px;
}

.container-book .hotel-voucher-list .introduce p {
    color: #888;
    font-size: 14px;
    margin-bottom: 5px;
}

.container-book .hotel-voucher-list .price {
    float: left;
    color: #ff2c77;
    font-size: 20px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
}

/* fixed-center */
.container-book .fixed-center {
    position: fixed;
    left: 50%;
    bottom: 50px;
    margin-left: -23px;
}

.container-book .fixed-center .guidance {
    background: rgba(255, 44, 119, .75);
    border: 1px solid #ff498a;
    text-align: center;
    color: #fff;
    width: 46px;
    height: 46px;
    padding: 2px 0;
    border-radius: 1px;
}

.container-book .fixed-center .guidance span {
    display: block;
    font-size: 12px;
    line-height: 15px;
}

.container-book .fixed-center .guidance .fa {
    position: relative;
    font-size: 20px;
    height: 16px;
    bottom: 5px;
}

/* hotel-list */
.container-book .hotel-list {}

.container-book .hotel-list .block:first-child {
    padding-top: 0;
}

.container-book .hotel-list .block-container {
    margin-bottom: 10px;
}

.container-book .hotel-list .block-title {
    color: #ff2c77;
    font-weight: bold;
    margin-bottom: 10px;
}

/* hotel-rating */
.container-book .hotel-rating {
    margin-bottom: 10px;
}

.container-book .hotel-rating span {
    font-size: 14px;
    font-weight: bold;
    color: #ff2c77;
}

.container-book .hotel-rating .hotel-score {
    display: inline-block;
}

.container-book block-container .hotel-phone {
    color: #ff2c77;
    font-weight: bold;
}

.container-book .block-container .btn {
    float: right;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 30%;
}

/* room-list */
.container-book .room-list {
    padding-bottom: 20px;
}

.container-book .room-list .block {
    padding: 20px 0;
}

.container-book .room-list .block:first-child {
    padding-top: 0;
}

.container-book .room-list .block-gallery {}

.container-book .room-list .rooms-gallery {
    position: relative;
}

.container-book .room-list .rooms-gallery img {}

.container-book .room-list .rooms-gallery span:last-child {
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    position: absolute;
    left: 10px;
    top: 10px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

.container-book .room-list .block-container {
    padding-left: 0;
}

@media (min-width: 768px) {
    .container-book .room-list .block-container {
        padding-left: 15px;
    }
}

.container-book .room-list .block-title {
    color: #550f77;
    font-weight: bold;
    margin-bottom: 10px;
}

.container-book .room-list .room-detail {
    margin-bottom: 0;
    font-size: 12px;
}

.container-book .room-list .block-info {
    overflow: hidden;
    clear: left;
}

.container-book .room-list .block-info h4 {
    font-size: 17px;
    line-height: 20px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 20px;
    float: left;
    width: 50%;
}

@media (min-width: 768px) {
    .container-book .room-list .block-info h4 {
        float: none;
        width: 100%;
    }
}

.container-book .room-list .block-info .surplus-room {}

.container-book .room-list .block-info .rack-rate {
    color: #550f77;
}

.container-book .room-list .block-book button {
    position: relative;
    opacity: 1;
    background-color: #ff2c77;
    color: #fff;
    font-weight: bold;
    padding: 10px 10px 10px 15px;
    border-radius: 0;
    border: 0;
}

.container-book .room-list .block-book button::after {
    border-style: solid;
    border-color: #ff2c77 transparent transparent transparent;
    border-width: 60px 30px 0 0;
    content: ' ';
    height: 0;
    position: absolute;
    right: -30px;
    top: 0;
}

.container-book .room-list .block-book button:hover {
    opacity: 0.9;
    background: #ff5e0d;
}

.container-book .room-list .block-book button:hover::after {
    border-color: #ff5e0d transparent transparent transparent;
}

.container-book .room-list .block-book button p {
    margin: 0;
    float: left;
}

.container-book .room-list .block-book button span {
    font-size: 16px;
    line-height: 20px;
}

.container-book .room-list .block-book button span.text {
    display: block;
}

.container-book .room-list .block-book button span.book {
    font-size: 20px;
    line-height: 40px;
    letter-spacing: 5px;
    margin-left: 5px;
    margin-right: 15px;
}

@media (min-width: 768px) {
    .container-book .room-list .block-info {
        clear: none;
        padding-left: 0;
        padding-right: 0;
        width: 150px;
    }

    .container-book .room-list .block-book {
        padding-left: 0;
        margin-top: 5px;
    }

    .container-book .room-list .block-book button::after {
        border-width: 95px 35px 0 0;
        right: -35px;
    }

    .container-book .room-list .block-book button p {
        width: 100%;
    }

    .container-book .room-list .block-book button span.book {
        line-height: 35px;
        letter-spacing: 2px;
        margin: 0;
    }
}

@media (min-width: 992px) {
    .container-book .room-list .rooms-gallery {
        width: 195px;
        margin: 0 auto;
    }

    .container-book .room-list .block-gallery img {
        max-height: 130px;
    }

    .container-book .room-list .block-container {
        width: 220px;
        margin-top: 10px;
    }

    .container-book .room-list .block-info {
        padding-left: 15px;
        padding-right: 15px;
        width: 220px;
        margin-top: 15px;
    }

    .container-book .room-list .block-book {
        margin-top: 15px;
    }
}

@media (min-width: 1200px) {

    .container-book .room-list .block-gallery,
    .container-book .room-list .block-info {
        width: 23%;
    }

    .container-book .room-list .block-container {
        width: 24%;
        margin-top: 15px;
    }
}

/* tab-hotel */
.container-book .tab-hotel {
    padding-bottom: 0;
}

.container-book .tab-hotel .tab-content {
    padding-top: 30px;
    padding-bottom: 50px;
    min-height: 600px;
}

.container-book .tab-hotel .tab-content h5 {
    color: #ff2c77;
    font-size: 15px;
    font-weight: bold;
    line-height: 20px;
    margin-top: 0;
    margin-bottom: 10px;
}

.container-book .tab-hotel .tab-content #hotel-tabs-detail p {
    font-size: 14px;
    line-height: 25px;
}

/* comment */
.container-book .comment {
    margin-top: 0;
    padding: 15px;
    background-color: #eaeaea;
}

.container-book .comment:nth-child(odd) {
    background-color: #fcfcfc;
}

.container-book .comment .media-left img {
    width: 100px;
    height: 100px;
}

.container-book .comment .media-body {
    position: relative;
}

.container-book .comment p {
    line-height: 20px;
    margin-bottom: 0;
}

.container-book .comment .comment-author {
    font-size: 14px;
    line-height: 25px;
    font-weight: bold;
}

.container-book .comment .comment-date {
    display: inline-block;
    font-size: 12px;
    line-height: 20px;
    font-weight: bold;
}

.container-book .comment .comment-text {
    font-size: 12px;
}

.container-book .comment .comment-rating {
    width: 120px;
    position: absolute;
    top: 25px;
    right: 0;
}

@media (max-width:360px) {

    .container-book .comment .comment-rating {
        position: static;
    }
}

@media (min-width:768px) {

    .container-book .comment .comment-rating {
        position: absolute;
        top: 0;
        right: 0;
    }
}

.container-book .comment .comment-rating .comment-score {
    display: inline-block;
}

.container-book .comment .comment-rating img {
    margin-top: -2px;
}

.container-book .comment .comment-rating span {
    display: inline-block;
    font-size: 12px;
    line-height: 20px;
    font-weight: bold;
}

/* nav-step */
.container-book .nav-step {
    margin-top: 30px;
    margin-bottom: 30px;
}

.container-book .nav-justified>li>a {
    margin-bottom: 10px;
}

.container-book .nav-step .nav>li>a,
.container-book .nav-step .nav>li>a:focus,
.container-book .nav-step .nav>li>a:hover {
    text-decoration: none;
    background-color: #eee;
    color: #898989;
    font-weight: bold;
    margin-left: 10px;
    margin-right: 10px;
}

.container-book .nav-step .nav-pills>li.active>a,
.container-book .nav-step .nav-pills>li.active>a:focus,
.container-book .nav-step .nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #ff2c77;
}


@media (min-width: 768px) {
    .container-book .nav-step {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .container-book .nav-justified>li>a {
        margin-bottom: 0;
    }
}

/* hotel-package-order */
.hotel-package-order .hotel-package-name {
    color: #ff2c77;
    font-size: 22px;
    font-weight: bold;
    line-height: 20px;
    margin-bottom: 20px;
    text-align: left;
}

.hotel-package-order .introduce {}


.hotel-package-order .introduce h4 {
    font-size: 16px;
    margin-bottom: 20px;
}

.hotel-package-order .introduce p {
    color: #888;
    font-size: 14px;
    margin-bottom: 5px;
}

/* hotel-voucher-order */
.hotel-voucher-order .hotel-voucher-name {
    color: #ff2c77;
    font-size: 22px;
    font-weight: bold;
    line-height: 26px;
    margin-bottom: 20px;
    text-align: left;
}

.hotel-voucher-order .introduce {}


.hotel-voucher-order .introduce h4 {
    font-size: 16px;
    margin-bottom: 20px;
}

.hotel-voucher-order .introduce p {
    color: #888;
    font-size: 14px;
    margin-bottom: 5px;
}

/* voucher-info */
.hotel-voucher-order .voucher-info {
    margin-top: 30px;
    font-weight: bold;
}

.hotel-voucher-order .voucher-info h4 {
    color: #550f77;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
}

.hotel-voucher-order .voucher-info p {
    display: inline-block;
    min-width: 150px;
    color: #333;
    font-size: 15px;
}

.hotel-voucher-order .voucher-info p span {
    display: inline-block;
    margin-right: 10px;
    color: #888;
    font-size: 12px;
}

/* hotel-order */
.container-book .hotel-order {
    padding-bottom: 40px;
}

.hotel-order .hotel-name {
    color: #550f77;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    text-align: center;
}

.hotel-order .hotel-pic {}

/* room-type */
.hotel-order .room-type {
    margin-top: 15px;
}


.hotel-order .room-type h5 {
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
    margin: 0;
}

.hotel-order .room-type p {
    font-size: 12px;
    line-height: 20px;
    margin: 0;
}

.hotel-order .room-type p span {
    display: block;
}

.hotel-order .room-rate {
    color: #555;
    font-size: 14px;
    line-height: 25px;
    font-weight: normal;
    margin-top: 15px;
}

.hotel-order .room-rate span {
    color: #ff2c77;
    font-size: 18px;
    line-height: 20px;
    font-weight: bold;
}

/* lodger-type */
.hotel-order .lodger-type {
    margin-top: 25px;
}

.hotel-order .lodger-type h5 {
    display: inline-block;
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
    margin: 0;
    margin-right: 15px;
}

.hotel-order .lodger-type p {
    display: inline-block;
    margin-bottom: 0;
}

.hotel-order .lodger-type p .lodger-type::after {
    content: "、";
}

.hotel-order .lodger-type p .lodger-type:last-child::after {
    content: none;
}

/* dates-container */
.hotel-order .dates-container {
    margin-top: 15px;
}

.hotel-order .dates-container .label {
    color: #555;
    font-size: 12px;
    line-height: 20px;
    padding: 0;
}

.hotel-order .dates-container .date {
    font-weight: bold;
    margin-bottom: 10px;
}

/* lodger-info */
.hotel-order .lodger-info {
    margin-top: 30px;
    font-weight: bold;
}

.hotel-order .lodger-info h4 {
    color: #550f77;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
}

.hotel-order .lodger-info p {
    display: inline-block;
    min-width: 250px;
}

/* payment-info */
.hotel-order .payment-info {
    margin-top: 20px;
    font-weight: bold;
}

.hotel-order .payment-info h4 {
    color: #550f77;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
}

.hotel-order .payment-info p {
    display: inline-block;
    min-width: 250px;
}

.hotel-order .payment-info p button {
    width: 140px;
}

/* hr */
.hotel-order hr {
    margin-top: 15px;
    margin-bottom: 15px;
}

/* total */
.hotel-order .total span {
    color: #ff2c77;
    font-size: 18px;
    line-height: 20px;
    font-weight: bold;
}

/* hotel-order-sidebar */
.container-book .hotel-order-sidebar {
    background-color: #f6f6f6;
    padding: 20px;
    color: #555;
    max-width: 300px;
    margin: 0 auto;
}

/* hotel-order-main */
.container-book .hotel-order-main {
    padding: 20px;
}

.container-book .hotel-order-main .info {
    margin-bottom: 30px;
}

.container-book .hotel-order-main h4 {
    color: #ff2c77;
    font-weight: bold;
    margin-bottom: 20px;
}

.container-book .hotel-order-main .form-inline .checkIn-time {
    padding-right: 15px;
}

.container-book .hotel-order-main form-inline .checkOut-time {
    padding-left: 15px;
}

@media (min-width: 768px) {
    .container-book .hotel-order-main .form-inline {
        margin-bottom: 15px;
    }

    .container-book .hotel-order-main .form-inline .checkIn-time {
        padding-right: 5px;
    }

    .container-book .hotel-order-main .form-inline .checkOut-time {
        padding-left: 5px;
    }
}

.container-book .hotel-order-main .form-group label {
    display: block;
}

.container-book .hotel-order-main .form-group .date {
    width: 100%;
}

.container-book .hotel-order-main .form-inline .day-count {}

.container-book .hotel-order-main .form-inline .day-count p {
    font-weight: bold;
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .container-book .hotel-order-main .form-inline .day-count p {
        margin-top: 15px;
    }
}

@media (min-width: 992px) {
    .container-book .hotel-order-main .form-inline .day-count p {
        margin-top: 25px;
        line-height: 34px;
    }
}

.container-book .hotel-order-main .amount-container .form-group {
    padding-left: 5px;
    padding-right: 5px;
}

.container-book .hotel-order-main .amount-container .form-group:first-child {
    padding-left: 15px;
}

.container-book .hotel-order-main .amount-container .form-group:last-child {
    padding-right: 15px;
}

.container-book .hotel-order-main .amount-container select {
    width: 100%;
}

.container-book .hotel-order-main .form-inline textarea {
    width: 100%;
}

.container-book .hotel-order-main .info .form-inline .form-group input {
    width: 100%;
}

.container-book .hotel-order-main .info .form-inline .hint {
    margin-top: 10px;
    font-weight: bold;
}

@media (min-width: 768px) {
    .container-book .hotel-order-main .lodger-container .form-group {
        padding-left: 5px;
        padding-right: 5px;
    }

    .container-book .hotel-order-main .lodger-container .form-group:first-child {
        padding-left: 15px;
    }

    .container-book .hotel-order-main .lodger-container .form-group:last-child {
        padding-right: 15px;
    }
}

.container-book .hotel-order-main .info .room-info {
    font-size: 16px;
    font-weight: bold;
    text-align: right;
}

.container-book .hotel-order-main .btn {
    margin-top: 20px;
    margin-bottom: 40px;
}

/* payment */
.container-book .hotel-order-main .payment {
    margin-bottom: 50px;
}

.container-book .hotel-order-main .payment h4 {
    margin-bottom: 50px;
}

.container-book .hotel-order-main .payment .row>div {
    padding-right: 0;
    margin-bottom: 10px;
}

.container-book .hotel-order-main .payment input[type="radio"] {
    margin-top: 0;
    margin-right: 5px;
    vertical-align: middle;
}

.container-book .hotel-order-main .payment .icon {
    border: 1px solid #e4e4e4;
    padding: 1px;
    border-radius: 3px;
}

.container-book .hotel-order-main .payment .icon:hover,
.container-book .hotel-order-main .payment input[checked="checked"]+.icon {
    border: 2px solid #ff7300;
    padding: 0;
    cursor: pointer;
}

/* order-info */
.hotel-order h3 {
    color: #ff2c77;
    font-weight: bold;
    text-align: center;
}

.hotel-order .order-info {
    margin-top: 20px;
    padding: 20px;
}


@media (min-width: 768px) {
    .hotel-order .order-info {
        margin-top: 50px;
        padding: 0;
    }

    .hotel-order .order-info .hotel-pic img {
        display: inline-block;
        max-width: 220px;
    }

    .hotel-order .order-info .room-rate {
        margin-top: 10px;
    }

    .hotel-order .order-info .dates-container {
        margin-top: 5px;
    }

    .hotel-order .order-info .lodger-type {
        margin-top: 10px;
    }

    .hotel-order .order-info .lodger-info p {
        margin-bottom: 0;
    }

    .hotel-order .order-info .payment-info p {
        margin-bottom: 0;
    }
}

@media (min-width: 1200px) {
    .hotel-order .order-info .hotel-pic {
        text-align: center;
    }
}

/*********  Book CSS  *********/


/*********  Shopping CSS  *********/

/* container-shopping */
.container-shopping {
    min-height: 800px;
}

/* numbox */
.container-shopping .numbox {
    list-style: none;
    padding-left: 0;
    overflow: hidden;
    margin-bottom: 0;
}

.container-shopping .numbox li {
    float: left;
}

.container-shopping .numbox .num-jia,
.container-shopping .numbox .num-jian {
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    font-size: 18px;
    color: #999;
    cursor: pointer;
    border: 1px solid #ccc;
    background: #f0f0f0;
}

.container-shopping .numbox .num-jia:hover,
.container-shopping .numbox .num-jian:hover {
    color: #ff2c77;
    border-color: #ff2c77;
}

.container-shopping .numbox .input-num {
    width: 50px;
    border-radius: 0;
    display: inline-block;
    text-align: center;
    border-left: 0;
    border-right: 0;
}

/* shopping-list */
.container-shopping .shopping-list {
    margin-top: 40px;
    margin-bottom: 40px;
}

.container-shopping .shopping-list-item {
    overflow: hidden;
    text-align: center;
    max-width: 300px;
    margin: 0 auto 30px;
}

/* product-photo-wrapper */
.container-shopping .shopping-list-item .product-photo-wrapper {
    position: relative;
    background-color: rgba(71, 58, 97, 0.3);
    border: transparent solid 6px;
}

.container-shopping .shopping-list-item .product-photo-wrapper:hover {
    border-color: #473a61;
    transition: all 400ms ease-in 0s;
}

.container-shopping .shopping-list-item .product-photo-wrapper .product-photo img {
    padding: 10px;
    background-color: #fff;
}

/* product-title */
.container-shopping .shopping-list-item .product-title {
    color: #473a61;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 10px;
    height: 40px;
    overflow: hidden;
}

.container-shopping .shopping-list-item .product-title a {}

/* sell-wrapper */
.container-shopping .shopping-list-item .sell-wrapper {
    overflow: hidden;
    margin-bottom: 10px;
}

.container-shopping .shopping-list-item .product-price {
    color: #ff2c77;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    padding-left: 10px;
    float: left;
}

.container-shopping .shopping-list-item .product-sold {
    color: #473a61;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    padding-right: 10px;
    float: right;
}

/* btn-group */
.container-shopping .shopping-list-item .btn-group {}

.container-shopping .shopping-list-item .btn-group .btn {
    font-size: 13px;
}

.container-shopping .shopping-list-item .btn-group .btn-buy {}

.container-shopping .shopping-list-item .btn-group .btn-add {}

.container-shopping .shopping-list-item .btn-group .btn-collect {}

/* product-marker */
.container-shopping .shopping-list-item .product-photo-wrapper .product-marker {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 60px;
    height: 60px;
    padding-top: 20px;
    text-align: center;
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
    color: #fff;
    background-color: rgba(71, 58, 97, 0.9);
    border-radius: 50%;
}

.container-shopping .shopping-list-item .product-photo-wrapper .product-marker-rose {
    background-color: rgba(255, 44, 119, 0.9);
}



/* menu-cart */
nav.navbar.navbar-menu ul.menu-cart {
    float: right;
}

nav.navbar.navbar-menu ul.menu-cart>li>a {
    font-size: 14px;
    display: block;
    padding: 5px 10px;
    margin: 0;
    line-height: 40px;
    color: #fff;
    font-weight: bold;
    transition: none;
    text-decoration: none;
}

nav.navbar.navbar-menu ul.menu-cart>li>a:focus,
nav.navbar.navbar-menu ul.menu-cart>li>a:hover {
    color: #ff2c77;
}

nav.navbar.navbar-menu ul.menu-cart>li>a .fa {
    color: #ff2c77;
    font-size: 14px;
    line-height: 16px;
}

nav.navbar.navbar-menu ul.menu-cart>li>a .cart-qty {
    color: #ff2c77;
}

nav.navbar.navbar-default ul.menu-cart li.dropdown a.dropdown-toggle::after,
nav.navbar.navbar-default ul.menu-cart li.dropdown a.dropdown-toggle::before {
    content: none;
}

nav.navbar.navbar-default ul.menu-cart li.dropdown ul.dropdown-menu {
    width: auto;
    border: none;
    border-radius: 0;
    margin: 0;
    position: absolute !important;
    padding: 0 !important;
}

.flyout-cart {
    z-index: 100;
    width: 300px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
    background-color: #fff;
}

.flyout-cart .mini-shopping-cart {
    padding: 15px;
    font-weight: bold;
    overflow: hidden;
}

.flyout-cart .mini-shopping-cart .count {
    border-bottom: 1px solid #DDD;
    padding-bottom: 5px;
}

.flyout-cart .mini-shopping-cart .items {
    max-height: 300px;
    overflow: hidden;
    overflow-y: auto;
}

.flyout-cart .mini-shopping-cart .item {
    border-bottom: 1px solid #DDD;
    padding-top: 10px;
    padding-bottom: 10px;
}

.flyout-cart .mini-shopping-cart .item .product {
    position: relative;
    overflow: hidden;
    padding-left: 0;
    font-size: 12px;
    line-height: 20px;
}

.flyout-cart .mini-shopping-cart .item .name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    line-height: 15px;
    height: 30px;
}

.flyout-cart .mini-shopping-cart .item .name a {
    color: #7a67a1;
}

.flyout-cart .mini-shopping-cart .item .price {
    float: left;
}

.flyout-cart .mini-shopping-cart .item .quantity {
    float: right;
    width: 50px;
}

.flyout-cart .mini-shopping-cart .item .delete {
    float: left;
    width: 50px;
    clear: both;
}

.flyout-cart .mini-shopping-cart .item .delete a {
    color: #f22e00;
}

.flyout-cart .mini-shopping-cart .totals {
    float: left;
    margin-top: 10px;
    padding-top: 6px;
    height: 34px;
}

.flyout-cart .mini-shopping-cart .totals span {
    color: #ff2c77;
}

.flyout-cart .mini-shopping-cart .buttons {
    float: right;
    margin-top: 10px;
}


/* footer-navbar */
.footer-navbar {
    position: fixed;
    bottom: 0;
    right: 0px;
    left: 0px;
    z-index: 9999;
}

.footer-navbar .nav-justified>li {
    display: table-cell;
    width: 1%;
}


.footer-navbar .nav-justified>li>a {
    font-size: 13px;
    font-weight: bold;
    line-height: 20px;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    cursor: pointer;
}

.footer-navbar .nav-justified>li>a {
    color: #7a67a1;
    background: #e9e9e9;
    background: -moz-linear-gradient(top, #fafafa 0%, #e9e9e9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(100%, #e9e9e9));
    background: -webkit-linear-gradient(top, #fafafa 0%, #e9e9e9 100%);
    background: -o-linear-gradient(top, #fafafa 0%, #e9e9e9 100%);
    background: -ms-linear-gradient(top, #fafafa 0%, #e9e9e9 100%);
    background: linear-gradient(top, #fafafa 0%, #e9e9e9 100%);
    filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#fafafa', endcolorstr='#e9e9e9');
    -ms-filter: "progid:dximagetransform.microsoft.gradient(startcolorstr='#fafafa', endcolorstr='#e9e9e9')";
    border: 1px solid #d5d5d5;
    border-radius: 0;
}

.footer-navbar .nav-justified>li.active>a,
.footer-navbar .nav-justified>li>a:hover,
.footer-navbar .nav-justified>li>a:focus {
    color: #fff;
    background: #ff2c77;
    background: -moz-linear-gradient(top, #fe5e97 0%, #ff2c77 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fe5e97), color-stop(100%, #ff2c77));
    background: -webkit-linear-gradient(top, #fe5e97 0%, #ff2c77 100%);
    background: -o-linear-gradient(top, #fe5e97 0%, #ff2c77 100%);
    background: -ms-linear-gradient(top, #fe5e97 0%, #ff2c77 100%);
    background: linear-gradient(top, #fe5e97 0%, #ff2c77 100%);
    filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#fe5e97', endcolorstr='#ff2c77');
    -ms-filter: "progid:dximagetransform.microsoft.gradient(startcolorstr='#fe5e97', endcolorstr='#ff2c77')";
    border-color: #fc84af;
}

.footer-navbar .dropdown-menu {
    border-radius: 0;
    box-shadow: none;
    margin: 0;
    padding: 0;
    border-bottom: none;
    min-width: 100%;
    background-color: transparent;
    border: none;
}

.footer-navbar .dropdown-menu .flyout-cart {
    margin: 0 auto;
}


/* breadcrumb */
.container-shopping .breadcrumb {
    margin-top: 30px;
    margin-bottom: 20px;
    color: #7a67a1;
    padding: 8px 0;
}

.container-shopping .breadcrumb>li>a {
    color: #7a67a1;
}

.container-shopping .breadcrumb .active {
    font-weight: bold;
}

/* shopping-product */
.container-shopping .shopping-product {}

.container-shopping .shopping-product .product-etalage-wrapper {}

.container-shopping .shopping-product .product-etalage {
    display: inline-block;
}

.container-shopping .shopping-product .product-etalage #etalage {
    margin-bottom: 0;
}

.container-shopping .shopping-product .product-etalage .etalage_small_thumbs li {
    cursor: pointer;
}

/* product-decribe */
.container-shopping .shopping-product .product-decribe {
    margin-top: 20px;
}

.container-shopping .shopping-product .product-decribe .product-title {}

.container-shopping .shopping-product .product-decribe .product-title h5 {
    color: #473a61;
    font-size: 16px;
    font-weight: bold;
}

.container-shopping .shopping-product .product-decribe .product-title p {
    color: #ff2c77;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    margin-bottom: 0;
}

.container-shopping .shopping-product .product-decribe .product-qr-code {
    float: right;
}

.container-shopping .shopping-product .product-decribe .product-qr-code img {
    width: 90px;
    padding-left: 10px;
    padding-top: 10px;
}

.container-shopping .shopping-product .product-decribe .sell-wrapper {
    position: relative;
    overflow: hidden;
    margin-top: 30px;
    margin-bottom: 30px;
}

.container-shopping .shopping-product .product-decribe .product-price {
    float: left;
    color: #ff2c77;
    font-size: 24px;
    font-weight: bold;
    line-height: 20px;
    min-width: 150px;
}

.container-shopping .shopping-product .product-decribe .product-sold {
    float: left;
    color: #473a61;
    font-size: 14px;
    font-weight: bold;
}

.container-shopping .shopping-product .product-decribe .product-feature {
    margin-bottom: 20px;
}

.container-shopping .shopping-product .product-decribe .product-feature p {}

.container-shopping .shopping-product .product-decribe .feature-title {
    float: left;
    display: inline;
    font-weight: bold;
    line-height: 30px;
    width: 50px;
}

.container-shopping .shopping-product .product-decribe .feature-content {
    display: inline-block;
    height: 30px;
    min-width: 50px;
    text-align: center;
    line-height: 26px;
    padding-left: 10px;
    padding-right: 10px;
    border: #949599 2px solid;
    cursor: pointer;
    margin-right: 10px;
    margin-bottom: 0;
}

.container-shopping .shopping-product .product-decribe .feature-content:hover,
.container-shopping .shopping-product .product-decribe .feature-content.select {
    border-color: #be0106;
}

.container-shopping .shopping-product .product-decribe .quantity {
    margin-top: 10px;
    margin-bottom: 40px;
}

.container-shopping .shopping-product .product-decribe .quantity p {
    float: left;
    display: inline;
    line-height: 30px;
    font-weight: bold;
    width: 50px;
    margin-bottom: 0;
}

.container-shopping .shopping-product .product-decribe .btn {
    border-radius: 0;
}

/* product-tabs */
.container-shopping .shopping-product .product-tabs {
    margin-top: 30px;
}

.container-shopping .shopping-product .product-tabs .nav-tabs {
    border-bottom: #dfe6e7 1px solid;
}

.container-shopping .shopping-product .product-tabs .nav-tabs a {
    font-weight: bold;
    background-color: transparent;
    border-color: transparent;
    border-bottom: 3px solid transparent;
}

.container-shopping .shopping-product .product-tabs .nav-tabs .active a,
.container-shopping .shopping-product .product-tabs .nav-tabs .active a:hover,
.container-shopping .shopping-product .product-tabs .nav-tabs .active a:focus {
    color: #473a61;
    background-color: transparent;
    border-bottom: 3px solid #7a67a1;
}

.container-shopping .shopping-product .product-tabs .tab-content {
    padding-top: 30px;
    padding-bottom: 50px;
    min-height: 300px;
}

.container-shopping .shopping-product .product-tabs .tab-content h5 {
    margin-top: 30px;
    font-weight: bold;
}

.container-shopping .shopping-product .product-tabs .tab-content h5:first-child {
    margin-top: 0;
}

.container-shopping .shopping-product .product-tabs .tab-content table tr {
    background-color: #efefef;
}

.container-shopping .shopping-product .product-tabs .tab-content table tr:nth-child(2n) {
    background-color: #fcfcfc;
}

.container-shopping .shopping-product .product-tabs .tab-content table tr td {
    color: #100728;
    border-top: none;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
}

.container-shopping .shopping-product .product-tabs .tab-content .table-title {
    width: 120px;
    max-width: 150px;
    font-weight: bold;
    background-color: #7a67a1;
}

/* comment */
.container-shopping .comment {
    margin-top: 0;
    padding: 15px;
    background-color: #eaeaea;
}

.container-shopping .comment:nth-child(odd) {
    background-color: #fcfcfc;
}

.container-shopping .comment .media-left img {
    width: 100px;
    height: 100px;
}

.container-shopping .comment .media-body {
    position: relative;
}

.container-shopping .comment p {
    line-height: 20px;
    margin-bottom: 0;
}

.container-shopping .comment-author {
    font-size: 14px;
    line-height: 25px;
    font-weight: bold;
}

.container-shopping .comment-date {
    display: inline-block;
    font-size: 12px;
    line-height: 20px;
    font-weight: bold;
}

.container-shopping .comment .comment-text {
    font-size: 12px;
}

.container-shopping .comment .comment-rating {
    width: 120px;
    position: absolute;
    top: 25px;
    right: 0;
}

@media (max-width:360px) {

    .container-shopping .comment .comment-rating {
        position: static;
    }
}

@media (min-width:768px) {

    .container-shopping .comment .comment-rating {
        position: absolute;
        top: 0;
        right: 0;
    }
}

.container-shopping .comment .comment-rating .comment-score {
    display: inline-block;
}

.container-shopping .comment .comment-rating img {
    margin-top: -2px;
}

.container-shopping .comment .comment-rating span {
    display: inline-block;
    font-size: 12px;
    line-height: 20px;
    font-weight: bold;
}


/* sidebar-tags */
.container-shopping .sidebar-tags {
    margin-bottom: 30px;
}

.container-shopping .sidebar-tags h5 {
    font-size: 15px;
    font-weight: bold;
    line-height: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.container-shopping .sidebar-tags .tags .tags-link {
    color: #7a67a1;
    display: inline-block;
    padding: 8px 15px 8px;
    margin-right: 5px;
    margin-bottom: 5px;
    font-size: 13px;
    line-height: 14px;
    font-weight: bold;
    text-decoration: none;
    background-color: #dfe6e7;
    border-radius: 15px;
    transition: background-color 300ms ease-in 0s;
    cursor: pointer;
}

.container-shopping .sidebar-tags .tags .tags-link:hover,
.container-shopping .sidebar-tags .tags .tags-link.active {
    color: #fff;
    background-color: #ff2c77;
}

/* similar-products */
.container-shopping .similar-products {
    margin-bottom: 50px;
}

.container-shopping .similar-products h5 {
    font-size: 15px;
    font-weight: bold;
    line-height: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}


/* sidebar */
.container-shopping .sidebar {}

.container-shopping .sidebar .panel {
    border-radius: 5px;
}

.container-shopping .sidebar .panel .panel-title {
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
}

/* sidebar-header */
.container-shopping .sidebar .sidebar-header {
    color: #7a67a1;
    background: transparent -moz-linear-gradient(center top, #fafafa 0%, #e9e9e9 100%) repeat scroll 0% 0%;
    font-weight: bold;
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding-left: 15px;
    cursor: pointer;
    border-radius: 5px;
    border: none;
}

.container-shopping .sidebar .sidebar-header[aria-expanded="true"] {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.container-shopping .sidebar .glyphicon {
    line-height: 40px;
    padding-right: 15px;
}

.container-shopping .sidebar .panel-heading {
    color: #7a67a1;
    background: transparent -moz-linear-gradient(center top, #fafafa 0%, #e9e9e9 100%) repeat scroll 0% 0%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

/* sidebar-collapse */
.container-shopping .sidebar .sidebar-collapse {
    overflow: hidden;
}

.container-shopping .sidebar .sidebar-collapse.in {
    overflow-y: auto;
}

@media (min-width: 768px) {

    /* sidebar-collapse */
    .container-shopping .sidebar .sidebar-collapse.collapse {
        display: block !important;
    }

    .container-shopping .sidebar .sidebar-collapse.in {
        overflow-y: visible;
    }
}

/* sidebar-category */
.container-shopping .sidebar .sidebar-category ul {
    padding-left: 10px;
}

.container-shopping .sidebar .sidebar-category ul a {
    display: block;
    color: #7a67a1;
    line-height: 20px;
    padding-top: 10px;
}

.container-shopping .sidebar .sidebar-category ul a:hover,
.container-shopping .sidebar .sidebar-category ul a:focus {
    color: #473a61;
}

/* sidebar-recently-viewed */
.container-shopping .sidebar .sidebar-recently-viewed {}

.container-shopping .sidebar .sidebar-recently-viewed .media {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 10px;
}

.container-shopping .sidebar .sidebar-recently-viewed .media:first-child {
    margin-top: 10px;
}

.container-shopping .sidebar .sidebar-recently-viewed .media .media-left a {
    display: block;
}

.container-shopping .sidebar .sidebar-recently-viewed .media .media-left img {
    width: 64px;
}

.container-shopping .sidebar .sidebar-recently-viewed .media .media-body a {
    display: block;
    color: #7a67a1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-wrap;
    height: 40px;
    line-height: 20px;
    margin-top: 12px;
}

/* shopping-category */
.container-shopping .shopping-category {}

.container-shopping .shopping-category .title h4 {
    color: #473a61;
    line-height: 25px;
    margin-top: 20px;
    margin-bottom: 20px;
}

/* product-selector */
.container-shopping .shopping-category .product-selector {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    padding: 20px;
    margin-bottom: 30px;
}

/* shopping-favorite */
.container-shopping .shopping-favorite {}

.container-shopping .shopping-favorite .title h4 {
    color: #473a61;
    line-height: 25px;
    margin-top: 20px;
    margin-bottom: 20px;
}

/* product-selector */
.container-shopping .shopping-favorite .product-selector {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    padding: 20px;
    margin-bottom: 30px;
}


/* shopping-cart */
.container-shopping .shopping-cart {
    margin-bottom: 80px;
}

.container-shopping .shopping-cart .title h4 {
    color: #473a61;
    line-height: 25px;
    margin-top: 20px;
    margin-bottom: 30px;
}


/* shopping-cart-item */
.container-shopping .shopping-cart .shopping-cart-item {
    border: #ccc solid 1px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
    overflow: hidden;
    margin-bottom: 10px;
}

@media (min-width: 768px) {
    .container-shopping .shopping-cart .shopping-cart-item {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

.container-shopping .shopping-cart .shopping-cart-image,
.container-shopping .shopping-cart .shopping-cart-description,
.container-shopping .shopping-cart .shopping-cart-buy {
    padding-left: 0;
    padding-right: 0;
}

.container-shopping .shopping-cart .vertical-align-box {
    display: table-cell;
    vertical-align: middle;
}

.container-shopping .shopping-cart .vertical-align-box p:last-child {
    margin-bottom: 0;
}

/* shopping-cart-image */
.container-shopping .shopping-cart .shopping-cart-image {
    min-width: 100px;
    text-align: center;
}

@media (min-width: 768px) {
    .container-shopping .shopping-cart .shopping-cart-image {
        text-align: left;
    }
}

.container-shopping .shopping-cart .shopping-cart-image a {
    display: inline-block;
}

.container-shopping .shopping-cart .shopping-cart-image a img {
    width: 90px;
}

/* shopping-cart-description */
.container-shopping .shopping-cart .shopping-cart-description {
    height: 90px;
    display: table;
    font-weight: bold;
}

.container-shopping .shopping-cart .cart-item-title {
    width: 200px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}

.container-shopping .shopping-cart .feature {
    width: 200px;
    font-weight: normal;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 992px) {
    .container-shopping .shopping-cart .cart-item-title {
        width: auto;
    }

    .container-shopping .shopping-cart .feature {
        width: auto;
    }
}

@media (max-width: 320px) {
    .container-shopping .shopping-cart .shopping-cart-image {
        min-width: initial;
    }

    .container-shopping .shopping-cart .cart-item-title {
        width: 160px;
    }

    .container-shopping .shopping-cart .feature {
        width: 160px;
    }
}

/* shopping-cart-buy */
.container-shopping .shopping-cart .shopping-cart-buy {
    display: table;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
}

@media (min-width: 768px) {
    .container-shopping .shopping-cart .shopping-cart-buy {
        padding-top: 0;
        height: 90px;
    }
}

.container-shopping .shopping-cart .price,
.container-shopping .shopping-cart .quantity,
.container-shopping .shopping-cart .actions {
    float: left;
}

.container-shopping .shopping-cart .price {
    width: 100px;
    text-align: center;
    color: #ff2c77;
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
}

.container-shopping .shopping-cart .quantity {
    margin-left: 20px;
}

@media (max-width: 320px) {

    .container-shopping .shopping-cart .quantity {
        margin-left: 0;
    }
}

.container-shopping .shopping-cart .actions {
    float: right;
    margin-right: 10px;
}

@media (min-width: 768px) {

    .container-shopping .shopping-cart .quantity {
        margin-left: 30px;
    }
}

@media (min-width: 992px) {

    .container-shopping .shopping-cart .quantity {
        margin-left: 80px;
    }
}

@media (min-width: 1200px) {

    .container-shopping .shopping-cart .quantity {
        margin-left: 140px;
    }
}

.container-shopping .shopping-cart .btn-grey {
    font-size: 12px;
    padding: 4px 8px 4px 8px;
}

.container-shopping .shopping-cart .shopping-cart-total {
    text-align: right;
}

.container-shopping .shopping-cart .shopping-cart-total .totals {
    font-weight: bold;
    line-height: 30px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.container-shopping .shopping-cart .shopping-cart-total .totals span {
    font-size: 18px;
    color: #ff2c77;
}

.container-shopping .shopping-cart .shopping-cart-total .btn {
    width: 120px;
}

/* cart-buyers-message cart-shippment-options */
.container-shopping .shopping-cart .cart-buyers-message,
.container-shopping .shopping-cart .cart-shippment-options,
.container-shopping .shopping-cart .cart-discount-options {
    font-weight: bold;
}

@media (min-width: 992px) {

    .container-shopping .shopping-cart .cart-buyers-message,
    .container-shopping .shopping-cart .cart-shippment-options,
    .container-shopping .shopping-cart .cart-discount-options {
        margin-top: 10px;
    }
}


.container-shopping .shopping-cart .cart-buyers-message p,
.container-shopping .shopping-cart .cart-shippment-options p,
.container-shopping .shopping-cart .cart-discount-options p {
    line-height: 30px;
    margin-bottom: 0;
}

.container-shopping .shopping-cart .cart-buyers-message input {
    height: 60px;
}

.container-shopping .shopping-cart .cart-totals {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 30px;
    border-top: 2px solid #535b60;
    font-weight: bold;
    line-height: 30px;
    text-align: right;
}

@media (min-width: 992px) {

    .container-shopping .shopping-cart .cart-totals {
        margin-top: 10px;
    }
}

.container-shopping .shopping-cart .cart-totals .totals {
    font-size: 16px;
}

.container-shopping .shopping-cart .cart-totals .totals td:nth-child(2) {
    font-size: 18px;
    color: #ff2c77;
}

.container-shopping .shopping-cart .cart-btn {
    margin-bottom: 30px;
}

.container-shopping .shopping-cart .cart-btn .btn {
    width: 120px;
}


/* nav-step */
.container-shopping .nav-step {
    margin-top: 30px;
    margin-bottom: 30px;
}

.container-shopping .nav-justified>li>a {
    margin-bottom: 10px;
}

.container-shopping .nav-step .nav>li>a,
.container-shopping .nav-step .nav>li>a:focus,
.container-shopping .nav-step .nav>li>a:hover {
    text-decoration: none;
    background-color: #eee;
    color: #898989;
    font-weight: bold;
    margin-left: 10px;
    margin-right: 10px;
}

.container-shopping .nav-step .nav-pills>li.active>a,
.container-shopping .nav-step .nav-pills>li.active>a:focus,
.container-shopping .nav-step .nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #ff2c77;
}


@media (min-width: 768px) {
    .container-shopping .nav-step {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .container-shopping .nav-justified>li>a {
        margin-bottom: 0;
    }
}

/* shopping-address */
.container-shopping .shopping-address .title h4 {
    color: #473a61;
    line-height: 25px;
    margin-top: 20px;
    margin-bottom: 30px;
}

.container-shopping .shopping-address .add-button {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 30px;
}

/* modal */
.container-shopping .shopping-address .modal {}

.container-shopping .shopping-address .modal .modal-dialog {
    margin-top: 50px;
}

.container-shopping .shopping-address .modal .modal-header {
    border-bottom: none;
}

.container-shopping .shopping-address .modal .modal-header .modal-title {
    color: #473a61;
    font-weight: bold;
    line-height: 25px;
    text-align: center;
    margin-top: 20px;
}

.container-shopping .shopping-address .modal .modal-body {
    overflow-y: auto;
}

.container-shopping .shopping-address .modal .modal-body .form-horizontal .control-label {
    text-align: right;
    padding-right: 0;
    padding-left: 0;
}

.container-shopping .shopping-address .modal .modal-body .buttons {
    margin-top: 10px;
}

.container-shopping .shopping-address .modal .modal-footer {
    border-top: none;
    padding-top: 0;
}

@media (min-width: 768px) {
    .container-shopping .shopping-address .modal .modal-dialog {
        width: 500px;
        margin-top: 100px;
    }
}

/* address-list */
.container-shopping .address-list {}

.container-shopping .address-list ul {
    padding-left: 0;
}

.container-shopping .address-list ul li {
    margin-bottom: 10px;
}

.container-shopping .address-list ul li input {
    margin-top: 0;
    margin-right: 5px;
}

.container-shopping .address-list ul li label {
    display: inline;
}

.container-shopping .address-list ul li label span {
    margin-right: 5px;
    display: inline-block;
}

/* shopping-payment */
.container-shopping .shopping-payment {
    padding: 20px;
}

.container-shopping .shopping-payment .title h4 {
    color: #473a61;
    line-height: 25px;
    margin-top: 0;
    margin-bottom: 50px;
}

.container-shopping .shopping-payment .payment {
    margin-bottom: 50px;
}

.container-shopping .shopping-payment .payment .row>div {
    padding-right: 0;
    margin-bottom: 10px;
}

.container-shopping .shopping-payment .payment input[type="radio"] {
    margin-top: 0;
    margin-right: 5px;
    vertical-align: middle;
}

.container-shopping .shopping-payment .payment .icon {
    border: 1px solid #e4e4e4;
    padding: 1px;
    border-radius: 3px;
}

.container-shopping .shopping-payment .payment .icon:hover,
.container-shopping .shopping-payment .payment input[checked="checked"]+.icon {
    border: 2px solid #ff7300;
    padding: 0;
    cursor: pointer;
}

.container-shopping .shopping-payment .buttons {
    text-align: center;
}

.container-shopping .shopping-payment .buttons .btn {
    width: 120px;
}

/* shopping-complete */
.container-shopping .shopping-complete {}

.container-shopping .shopping-complete h3 {
    color: #ff2c77;
    font-weight: bold;
    text-align: center;
}

/*********  Shopping CSS End  *********/


/*********  Photo CSS  *********/

/* container-photo */
.container-photo {
    min-height: 720px;
}

.container-photo .heading {
    text-align: center;
    margin-bottom: 40px;
}

.container-photo .photo-gallery {
    margin-bottom: 40px;
}


.container-photo .photo-album {
    position: relative;
    cursor: pointer;
    max-width: 300px;
    margin: 0 auto 10px;
}

.container-photo .photo-album img {
    border: 3px solid #FFF;
    border-radius: 3px;
    -webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2);
}


.container-photo .photo-album p {
    margin: 0;
    color: #550f77;
    font-weight: bold;
    font-size: 15px;
    line-height: 30px;
    height: 60px;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}

/*********  Footer CSS End  *********/



/*********  Footer CSS  *********/
footer {
    background-color: #100728;
    color: #fff;
}

.footer-copyright {
    font-size: 14px;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 0;
}

/*********  Footer CSS End  *********/




/* 超小屏幕（手机，小于 768px） */


/* 小屏幕 （平板，大于等于 768px） .col-sm- .container最大宽度750px */
@media (min-width: 768px) {}

/* 中等屏幕md（桌面显示器，大于等于 992px） .col-md- .container最大宽度970px */
@media (min-width: 992px) {}

/* 大屏幕lg（大桌面显示器，大于等于 1200px） .col-lg- .container最大宽度1170px */
@media (min-width: 1200px) {}