html {
    font-size: 100% !important;
    font-family: light, verdana, "微軟正黑體", "黑體" !important;
    color: #111 !important;
}
body {
    font-size: 100% !important;
    font-family: light, verdana, "微軟正黑體", "黑體" !important;
    color: #111 !important;
}
body.font-s {
    font-size: 16px !important;
}
body.font-m {
    font-size: 17px !important;
}
body.font-l {
    font-size: 18px !important;
}
@media (min-width: 768px) {
    .col-sm-c30 {
        width: 30%;
    }
    .col-sm-c70 {
        width: 70%;
    }
    .col-sm-push-c30 {
        left: 30%;
    }
    .col-sm-pull-c70 {
        right: 70%;
    }
}
@media (min-width: 992px) {
    .col-md-c28 {
        width: 28%;
    }
    .col-md-c72 {
        width: 72%;
    }
}
.clearfix {
    line-height: 0;
}
.fancybox-content {
    max-width: 750px !important;
}
@media (min-width:1200px) {
    .container {
        width: 970px !important;
    }
}
@media (min-width:768px) {
    .text-nowrap-non-xs {
        white-space: nowrap;
    }
}
.lang-zh-TW p,
.lang-zh-TW p a,
.lang-zh-CN p,
.lang-zh-CN p a {
    letter-spacing: 1px;
}
.img-rounded {
    -webkit-border-radius: 15px !important;
    -moz-border-radius: 15px !important;
    border-radius: 15px !important;
}
p, li, th, td,
h3, h4, h5, h6 {
    text-align: left;
}
p, li, th, td, dt, dd {
/*     line-height: 1.5em; */
}
p {
    margin-bottom: 20px;
}
hr {
    border-color: #6D1968 !important;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

a {
    text-align: left;
    color: #6B1784;
}
a:active,
a:hover,
a:focus {
    color: #5a1355;
    text-decoration: none !important;
}
b, strong {
    margin-left: 0 !important;
}
address {
    font-style: italic;
}
mark, .mark {
    padding-left: 0.1em;
    padding-right: 0.1em;
    background-color: #ff0;
}
/*
@media(min-width:1200px) {
.container {
        width: 970px !important;
    }
}
*/
/* @media(max-width: 767px) { */
/*
@media (max-width: 767px) {
    .container {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }
    .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
        margin-right: -25px;
        margin-left: -25px;
    }
}
*/
ul ul{
    padding-bottom: 10px;
}
.breadcrumb{
    margin: 0;
    background: transparent !important;
    padding: 8px 15px !important;
    margin-left: 0 !important;
    font-size: 0.75em;
}
.breadcrumb>li{
    padding-bottom: 0 !important;
    color: #777 !important
}
.breadcrumb>li a{
    color: #777 !important
}
.breadcrumb>li+li:before{
    content: '>' !important;
}
.breadcrumb li:last-child {
    color: #B062A3 !important;
}
.btn {
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 6px 12px;
    margin-left: 0;
    margin-right: 10px;
    margin-top: 0;
    margin-bottom: 5px;
}
.btn:active {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.btn.btn-primary {
    color: #FFF;
    background: #B062A3;
    border-color: #B062A3;
}
.btn.btn-primary:focus,
.btn.btn-primary:hover {
    color: #FFF;
    background: #9e5091;
    border-color: #9e5091;
}
.btn.btn-default {
    color: #FFF;
    background: #662D91;
    border-color: #662D91;
}
.btn.btn-default:focus,
.btn.btn-default:hover {
    color: #FFF;
    background: #662D91;
    border-color: #662D91;
}
.btn.btn-inverse {
    background: #FFF;
    color: #333;
    border: 2px solid #333;
}
.btn.btn-inverse:focus,
.btn.btn-inverse:hover {
    background: #333;
    color: #FFF;
}
.btn.btn-dark {
    color: #FFF;
    background: #333;
    border-color: #333;
}
.btn.btn-dark:focus,
.btn.btn-dark:hover {
    color: #FFF;
    background: #333;
    border-color: #333;
}

a.btn {
    color: #FFF;
}
.form-label-left label {
    text-align: left !important;
}
.form-horizontal .form-vertical .form-group {
    margin-left: 0;
    margin-right: 0;
}
.form-horizontal .form-vertical label {
    padding-top: 0;
    margin-bottom: 5px;
    text-align: left;
}
.form-control {
    border-radius: 0;
}
.required.control-label:after,
.form-group.required .control-label:after {
    content: " *";
    color: #b20000;
    vertical-align: top;
    font-size: 12px;
}
.form-group .form-group {
    display: inline-block;
}
.image-remove-trigger {
    cursor: pointer;
    display: inline-block !important;
    position: relative;
}
.image-remove-trigger:after {
    content: "\f00d";
    color: #a94442;
    font: normal normal normal 70px FontAwesome;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    opacity: 0;
    transition: opacity .15s linear;
}
.image-remove-trigger:hover:after {
    opacity: 0.6;
}
.pch-helper-photo-thumbnail,
.cropped-images-cropbox img,
.image-remove-trigger img {
    max-width: 300px;
    max-height: 300px;
    margin-bottom: 5px;
    margin-right: 5px;
}
.popover-title {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance:textfield;
}
.hint-block {
    display: block;
    margin-top: -5px;
    margin-bottom: 5px;
    color: #999;
}
header {
    padding-top: 0;
    padding-bottom: 0;
}
header .header-nav-top {
    padding-top: 15px;
    padding-bottom: 5px;
}
header .header-logo a {
    margin-right: 10px;
}
header .header-logo img {
    vertical-align: bottom
}
header .header-logo-img {
    height: 78px;
}
@media (min-width: 992px) {
    header .header-logo-img {
        height: 92px;
    }
}
@media (min-width: 768px) {
    header .header-row {
        display: table;
        width: 100%;
    }
    header .header-row > div {
        display: table-cell;
        float: none;
        vertical-align: top;
    }
    header .header-right {
        text-align: right;
    }
}
header .header-icons {
    text-align: right;
    margin-top: 13px;
    margin-bottom: 10px;
}
header .header-icons .header-icon-img {
    height: 25px;
}
header .header-font_size {
    display: inline-block;
}
header .header-font_size-title {
    color: #6D1968 !important;
}
header .header-font_size ul {
    list-style: none;
    padding: 0;
    display: inline-block;
    margin-bottom: 0;
}
header .header-font_size ul li {
    display: inline-block;
    padding: 0;
}
header .header-font_size ul li.active {
    text-decoration: underline;
}
header .header-font_size .header-font_size-s { font-size: 14px; }
header .header-font_size .header-font_size-m { font-size: 17px; }
header .header-font_size .header-font_size-l { font-size: 20px; }
header .header-font_size ul li a {
    color: #6D1968 !important;
}
header .header-lang {
    text-align: right;
    font-size: 0.875em;
    display: inline-block;
    margin-right: 10px;
}
header .header-lang a {
    color: #111 !important;
}
header .header-lang a.active {
    color: #6D1968 !important;
}
@media (max-width: 991px) and (min-width: 768px) {
    header .header-icons {
        margin-top: 9px;
    }
    header .header-lang .header-lang-container {
        padding: 2px 16px;
        margin-left: 6px;
    }
}
header .header-search {
    margin-top: 10px;
}
header .header-search input {
    width: 150px;
    height: 22px;
    font-size: 12px;
    padding: 1px 5px;
    background: #E6E6E6;
    border: none;
}
header .header-search button {
    font-size: 16px;
    padding: 0 5px;
    background: transparent;
    color: #93278F;
    border: none;
}
@media (max-width: 991px) and (min-width: 768px) {
    header .header-search input {
        width: 90px;
    }
}
.gsc-input {
    padding-right: 0 !important;
}
.gsc-search-button,
.gsc-clear-button {
    display: none;
}
.gcse_searchbox {
    vertical-align: middle;
    font-size: 0.875em;
    width: 180px;
    display: inline-block;
    text-align: left;
}
.gsc-selected-option-container {
    white-space: nowrap;
}

@media (max-width: 991px) and (min-width: 768px) {
    .gcse_searchbox {
        width: 120px;
    }
}
.gsc-control-cse {
  padding: 0px !important;
}
input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {
  background-color: #37568c !important;
  background-image: none;
  filter: none;
}
.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
  width: auto !important;
  height: auto !important;
  background-image: none;
  filter: none;
}


.navbar {
    background: transparent !important;
    border: none !important;
    margin-bottom: 0 !important;
    min-height: 0 !important;
}
.navbar hr {
    border-color: #FFF !important;
}
.navbar-nav-blank {
    display: block;
    height: 45px;
}
.header-nav .navbar .container {
    padding-left: 0;
    padding-right: 0;
}
.header-nav .navbar-header {
    display: none;
}
.header-nav .navbar-collapse {
    background: #B062A3;
    padding-left: 50px;
    padding-right: 15px;
    border-top-left-radius: 60px;
    margin-left: 70px;
}
.header-nav .navbar-nav {
    display: flex;
    width: 100%;
}
.header-nav .navbar-nav > li {
    text-align: center;
}
.header-nav .navbar-nav > li:hover > .dropdown-menu {
    display: block;
}
.header-nav .navbar-nav > li > a {
    text-align: center;
}
.navbar-nav > li > a {
    margin-left: 0;
    color: #FFF !important;
    font-size: 1em !important;
    line-height: 20px !important;
    text-transform: none !important;
    font-weight: normal;
    padding: 5px 5px;
}
.lang-en .navbar-nav > li > a {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    font-size: 0.875em;
    height: 100%;
    display: flex;
    align-items: center;
/*     letter-spacing: -1px; */
}
.navbar-nav > .active > a {
    background: transparent !important;
    color: #FFF !important;
    font-weight: bold !important;
    text-decoration: none;
}
.navbar-nav > li:hover > a,
.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus,
.navbar-nav > .open > a,
.navbar-nav > .open > a:hover,
.navbar-nav > .open > a:focus,
.navbar-nav > .active > a,
.navbar-nav > .active > a:hover,
.navbar-nav > .active > a:focus {
    background: transparent !important;
    color: #6D1968 !important;
    font-weight: normal !important;
    text-decoration: none;
}
.navbar-nav > li > .dropdown-menu {
    border-radius: 0 !important;
    border: none !important;
    color: #FFF !important;
    background-color: #D7AFD0 !important;
    transition: top 0.2s linear;
    text-transform: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}
.navbar-nav > li > .dropdown-menu > li {
}
.navbar-nav > li > .dropdown-menu > li + li {
    border-top: 1px solid #fff;
}
.navbar-nav > li > .dropdown-menu > li:last-child {
}
.navbar-nav .dropdown-menu > li > a {
    color: #B062A3 !important;
    background: transparent !important;
    padding: 5px 15px !important;
    font-size: 1em;
}
.navbar-nav .dropdown-menu > li + li > a {
}
.navbar-nav .dropdown-menu > li > a:hover,
.navbar-nav .dropdown-menu > li > a:focus {
    color: #fff !important;
    background: #6D1968 !important;
    font-weight: normal;
    text-decoration: none;
}
.navbar-nav .dropdown-menu > .active > a,
.navbar-nav .dropdown-menu > .active > a:hover,
.navbar-nav .dropdown-menu > .active > a:focus {
    color: #fff !important;
    background: #6D1968 !important;
    font-weight: normal;
}
.dropdown-toggle .caret {
    display: none;
}
.navbar .navbar-toggle {
    background-color: transparent !important;
    border-color: #FFF !important;
}
.navbar .navbar-toggle:hover {
    background-color: #9b4c8d !important;
}
.navbar .navbar-toggle:focus {
    background-color: #9b4c8d !important;
    border-color: #FFF !important;
}
.navbar .navbar-toggle .icon-bar {
    background-color: #FFF !important;
    height: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 5px;
}
.navbar .navbar-toggle:focus .icon-bar,
.navbar .navbar-toggle:hover .icon-bar {
    background-color: #FFF !important;
/*     background-color: #F7BF40 !important; */
}
.xs-header .navbar {
    border: 0;
}
.xs-header .navbar-header {
    background: #B062A3;
}
.xs-header .navbar-collapse {
    background: #B062A3;
}
.xs-header .header-icons {
    text-align: center;
    margin-bottom: 25px;
}
.xs-header .navbar-header-icons {
    text-align: left;
    padding-left: 15px;
}
.xs-header .navbar-header-icons .header-icon-img {
    height: 30px;
    margin-top: 10px;
    margin-right: 10px;
}
.xs-navbar-top {
    margin: 20px 0 10px;
    text-align: center;
}
.xs-header-top {
    background: #FFF;
    padding: 15px 15px 10px 15px;
    position: relative;
}
.xs-header-logo-img {
    width: 100%;
}
.xs-header-lang {
    text-align: center;
    color: #FFF;
    padding-bottom: 20px;
}
.xs-header-lang a {
    color: #FFF !important;
}

.content h1 {
    margin-bottom: 30px;
}
.content li {
    padding-bottom: 10px;
}
.select2-container .select2-search--inline {
    padding-bottom: 0;
}
.xs-header-lang-container {
    font-size: 0.875em;
    border-radius: 15px;
    display: block;
    background: #333333;
    color: #FFF;
    padding: 3px 20px;
    right: 15px;
    bottom: 15px;
    margin: 15px 0 15px;
}
.xs-header-lang-container > *:first-child {
    border-right: 1px solid #FFF;
}
.xs-header-lang-container a {
    display: block;
    width: 100%;
    text-align: center;
    color: #FFF !important;
    margin: 0 5px;
}
.xs-header-lang-container a.active {
    color: #F7BF40 !important;
}
.xs-header .navbar-nav > li {
    margin: 5px 15px;
}

.leftnavbar {

}
.leftnavbar-nav {
    list-style: none;
    padding-left: 0;
}
.leftnavbar-nav > li {
    margin: 0 0 10px;
    line-height: 1.3em;
}
.leftnavbar-nav > li > a {
    list-style: none;
    display: block;
    background: transparent;
    color: #6D1968;
    font-size: 1.375em;
    text-decoration: none;
    padding: 10px 10px 5px 20px;
    white-space: normal !important;
}
.leftnavbar-nav > li > a:hover,
.leftnavbar-nav > li > a:focus,
/* .leftnavbar-nav > .active > a, */
.leftnavbar-nav > .active.dropdown > a,
.leftnavbar-nav > .active > a:hover,
.leftnavbar-nav > .active > a:focus
.leftnavbar-nav > .open > a,
.leftnavbar-nav > .open > a:hover,
.leftnavbar-nav > .open > a:focus {
    background: transparent;
    color: #9E3198;
    text-decoration: none;
}
.leftnavbar-nav .dropdown .dropdown-menu {
    float: initial;
    position: relative;
    min-width: 100%;
    padding: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background: transparent;
    padding: 0 0 0 20px;
}
.leftnavbar-nav .open .dropdown-menu,
.leftnavbar-nav .active .dropdown-menu {
    display: block;
}
.leftnavbar-nav .dropdown .dropdown-menu > li {
}
.leftnavbar-nav .dropdown .dropdown-menu > li:last-child {
}
.leftnavbar-nav .dropdown .dropdown-menu > li > a {
    padding: 5px 5px 5px 15px;
    color: #662D91;
    margin: 3px 0;
    font-size: 1.125em;
    white-space: normal !important;
}
.leftnavbar-nav .dropdown .dropdown-menu > li > a:hover,
.leftnavbar-nav .dropdown .dropdown-menu > li > a:focus {
    color: #7b3dab;
    text-decoration: none;
    background: transparent;
}
.leftnavbar-nav .dropdown .dropdown-menu > .active > a,
.leftnavbar-nav .dropdown .dropdown-menu > .active > a:hover,
.leftnavbar-nav .dropdown .dropdown-menu > .active > a:focus {
    background: rgba(204, 39, 169, 0.2); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(204, 39, 169, 0.2) 0%, rgba(255, 255, 255, 0.2) 75%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(204, 39, 169, 0.2) 0%,rgba(255, 255, 255, 0.2) 75%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(204, 39, 169, 0.2) 0%,rgba(255, 255, 255, 0.2) 75%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    border-top: 1px solid #6D1968;
    text-decoration: none;
},
.leftnavbar-nav .dropdown .dropdown-menu > .active > a:hover,
.leftnavbar-nav .dropdown .dropdown-menu > .active > a:focus {
    color: #7b3dab;
}

@media (max-width: 991px) and (min-width: 768px) {
    .leftnavbar-nav > li > a,
    .leftnavbar-nav .dropdown .dropdown-menu > li > a {
        padding: 6px 14px;
    }
}
@media (max-width: 767px) {
    .navbar {
        margin-bottom: 0 !important;
    }
}

/* Banner */
.banner {
    margin: 0;
}
.banner .container {
    padding-right: 0;
}
.banner-item {
    position: relative;
}
.banner-item img {
    width: 100%;
}
.banner .carousel {
}
.banner .carousel-control {
    display: none !important;
}
.banner .carousel-indicators {
    line-height: 11px;
    bottom: 10px;
}
.banner .carousel-indicators li {
    display: inline-block;
    border-radius: 50%;
    border: none;
    background: #FFCCFF;
    width: 11px !important;
    height: 11px !important;
    margin: 0 7px 0 0 !important;
}
.banner .carousel-indicators li.active {
    border: none;
    background: #B062A3;
}
@media (max-width: 767px) {
    .banner {
        overflow: hidden;
    }
    .banner .container {
/*         margin: 0 -70px; */
        margin: 0;
        padding: 0;
    }
    .banner .carousel-indicators {
        line-height: 10px;
        bottom: 0;
    }
    .banner .carousel-indicators li {
        width: 8px !important;
        height: 8px !important;
        margin: 0 3px 0 0 !important;
    }
}


.img-center {
    margin: 0 auto;
}

.equal-height {
    overflow: hidden;
}
.equal-height-col{
    margin-bottom: -99999px;
    padding-bottom: 99999px;
    background-color:#efefef;
}
/* Main Content */
.page-left-menu .title {
    margin-top: 15px;
}
@media (max-width: 767px) {
    .page-left-menu .sub-nav {
        list-style-type: none;
        padding: 10px 0;
        text-align: center;
    }
    .page-left-menu .sub-nav li {
        line-height: 1.4em;
        font-size: 1em;
        margin: 4px 0;
        display: inline-block;
    }
    .page-left-menu .sub-nav li:after {
        content: ' | ';
        color: #D99773;
        display: inline-block;
        padding-left: 2px;
        padding-right: 2px;
    }
    .page-left-menu .sub-nav li:last-child:after {
        content: none;
    }
    .page-left-menu .sub-nav li a {
        text-decoration: none !important;
        color: #D99773 !important;
        padding: 1px 6px;
    }
    .page-left-menu .sub-nav li.active a {
        color: #6D1968 !important;
    }
}
@media (min-width: 768px) {
    .page-left-menu .sub-nav {
        list-style-type: none;
        padding: 0;
    }
    .page-left-menu .sub-nav li {
        line-height: 1.4em;
        font-size: 1em;
        margin: 10px 0;
    }
    .page-left-menu .sub-nav li a {
        text-decoration: none !important;
        color: #6D1968 !important;
        display: block;
        padding: 6px;
    }
    .page-left-menu .sub-nav li.active a {
        background: #6D1968 !important;
        color: #FFF !important;
    }
}

.page-header {
    padding-top: 0;
    padding-bottom: 0;
    margin: 0 0 15px;
    border-bottom: 0;
}
.page-header-title::before {
    content: ' ';
    background: #6D1968;
    position: absolute;
    height: 70px;
    top: 0;
    left: 0;
    width: 47px;
    -webkit-clip-path: polygon(0 0, 15px 0, 100% 100%, calc(100% - 15px) 100%);
    clip-path: polygon(0 0, 15px 0, 100% 100%, calc(100% - 15px) 100%);
    z-index: 9;
}
.page-header-title-blank {
    display: inline-block;
    width: 47px;
}
.page-header-title-blank + h2 {
    padding-top: 25px;
}
.page-header-title-img {
    vertical-align: bottom;
    display: inline-block;
    height: 90px;
    width: 260px;
    -webkit-clip-path: polygon(0 0, calc(100% - 41px) 0, 100% 100%, 41px 100%);
    clip-path: polygon(0 0, calc(100% - 41px) 0, 100% 100%, 41px 100%);
    opacity: 0.3;
    background-size: cover;
    background-position: center center;
    margin-left: 5px;
}
.page-header-title h2 {
    vertical-align: bottom;
    display: inline-block;
    padding-bottom: 0;
    margin-top: 5px;
    margin-bottom: 0;
    font-weight: normal;
    color: #6D1968;
    font-size: 2em;
}
.page-header-title h3 {

}
@media (max-width: 767px) {
    .page-header-title {
        margin-left: -10px;
    }
    .page-header-title h2 {
        margin-left: 10px;
    }
}
.page-images {
}
@media (min-width: 768px) {
    .page-images {
    }
}
.page-images img {
    width: 100%;
    margin-bottom: 15px;
}

.content {
    padding-top: 20px;
    margin-bottom: 30px;
    min-height: 450px;
}
.sharethis-inline-share-buttons {
    margin-top: 20px;
    margin-bottom: 60px;
}
.content img {
    max-width: 100%;
    object-fit: scale-down;
}
.content iframe {
    max-width: 100%;
}
.content,
.content p,
.content dt,
.content dd,
.content li {
    font-size: 1em;
    line-height: 1.5em;
/*     text-align: justify; */
}
.content a {
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

}
.dl-horizontal dt {
    color: #6D1968;
    text-align: left;
}
.has-sub-nav .content {
    margin-top: 15px;
}
@media (max-width: 767px) {
    .has-sub-nav .content {
        margin-top: 10px !important;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .content {
    }
}
@media (max-width: 767px) {
    .content {
        padding-top: 15px;
        margin-bottom: 15px;
    }
    .sharethis-inline-share-buttons {
        margin-top: 10px;
        margin-bottom: 30px;
    }
}
@media (min-width: 768px) {
    .content {
    }
    .page-header .row {
        position: relative;
    }
    .page-header-title {
        position: absolute;
    }
    .content .dl-horizontal dt {
        width: 100px;
    }
    .content .dl-horizontal dd {
        margin-left: 110px;
    }
    .main-content {
        padding-top: 15px;
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 50px;
    }
}
.content h3 {
    margin-top: 10px;
    margin-bottom: 20px;
}

.back-to-top {
/*
    background: url('../images/back-to-top_bg.png') center center;
    background-size: cover;
*/
/*     background: #707373; */
    height: 40px;
    padding: 5px 0;
}
.back-to-top a {
    display: none;
}
.fix-back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    color: #FFF !important;
}
.fix-back-to-top:focus,
.fix-back-to-top:active,
.fix-back-to-top:hover {
    color: #f1f1f1 !important;
}

@media (max-width: 767px) {
    .fix-back-to-top {
        bottom: 10px;
        right: 10px;
    }
    .back-to-top {
        height: 50px !important;
        padding: 10px 0 !important;
    }
}
.back-to-top img {
    height: 30px;
}

footer {
}
footer .footer-slogan {
    text-align: center;
}
footer .footer-slogan img {
    width: 100%;
    max-width: 300px;
}
footer .sitemap {
    background: #f9f9fc;
    padding: 15px 15px;
    font-size: 0.875em;
}
footer .sitemap table {
    width: 100%;
}
footer .sitemap table td {
    vertical-align: top;
    padding-right: 10px;
    color: #6B1784;
    font-weight: bold;
    width: 14.28%;
}
footer .sitemap > a {
    color: #6B1784;
    font-weight: bold;
}
footer .sitemap table ul {
    margin-top: 15px;
    padding-left: 0;
    list-style: none;
    font-weight: normal;
}
footer .sitemap table ul li {
    color: #B062A3;
}
footer .sitemap table li a {
    color: #B062A3;
    display: inline-block;
    margin-top: 0;
    position: relative;
    line-height: 1.2;
    margin-bottom: 3px;
    -webkit-transition: color .45s ease;
    -moz-transition: color .45s ease;
    transition: color .45s ease;
}
footer .sitemap table a + a {
}
footer .footer-icon {
    text-align: right;
    margin: 20px 0 30px;
}
footer .footer-icon img {
    height: 60px;
    padding-left: 15px;
}
footer .footer-copyright {
    color: #808080;
    font-size: 0.75em;
    margin: 0 0 25px !important;
    text-align: center;
}
@media (max-width: 991px) and (min-width: 768px) {
    footer {
/*         font-size: 0.75em; */
    }
}
@media (max-width: 767px) {
    footer {
/*         font-size: 0.75em; */
    }
    footer .footer-copyright {
        margin: 15px 0 25px !important;
    }
}


/* index */
.content-index {
    padding: 20px 0 30px 0 !important;
    margin: 0 !important;
    min-height: 260px !important;
}

.content-index .headline {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ef94ae+60,ffffff+100 */
    background: #ef94ae; /* Old browsers */
    background: -moz-linear-gradient(left, #ef94ae 60%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #ef94ae 60%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ef94ae 60%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef94ae', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
    border-bottom-left-radius: 30px;
    color: #fff;
    padding: 4px 20px 5px 25px;
    max-width: 220px;
    margin-left: -5px;
    margin-right: -15px;
    margin-bottom: 15px;
}
.content-index .headline > *,
.content-index .headline a {
    color: #fff !important;
    font-size: 21px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.index-center > div {
    margin-bottom: 15px;
}
.content-index .index-slogan {
}
.content-index .index-slogan-1 {
    color: #6d1968;
    font-size: 23px;
/*     font-size: 27px; */
    font-weight: bold;
    margin-bottom: 5px;
}
.content-index .index-slogan-2 {
    color: #93278f;
    font-size: 21px;
/*     font-size: 23px; */
    text-align: right;
    line-height: 1.15;
}
.content-index .index-slogan-2 a {
    font-weight: bold;
}
@media (max-width: 991px) and (min-width: 768px) {
    .content-index .index-slogan-1 {
        font-size: 26px;
        margin-bottom: 3px;
    }
    .content-index .index-slogan-2 {
        font-size: 23px;
    }
}
@media (max-width: 767px) {
    .content-index .index-slogan-1 {
        font-size: 23px;
        margin-bottom: 1px;
    }
    .content-index .index-slogan-2 {
        font-size: 20px;
    }
}
.index-xs-apply-now {
    display: none;
    background-image: url('../images/xs-apply-now-bg.png');
    background-color: #dfc0da;
    background-position: center center;
    background-size: 100% auto;
    text-align: center;
    margin: -20px -25px 20px;
    padding: 20px 15px 10px;
}
.index-xs-apply-now h3 {
    color: #000000;
    font-weight: normal;
    font-size: 28px;
    text-align: center;
    word-spacing: 3px;
    margin: 0 0 5px;
}
@media (max-width: 767px) {
    .index-xs-apply-now {
        display: block;
    }
}
.index-left {
    padding: 20px 25px 30px;
    margin-bottom: 20px;
}
.index-left img {
    width: 100%;
}
.index-left ul {
    padding-left: 30px;
}
.index-left ul li {
    padding-bottom: 5px;
}
.index-left a {
    color: #111 !important;
}
.index-left a:active,
.index-left a:hover,
.index-left a:focus {
    color: #5a1355 !important;
}
.index-left.index-left-1 {
    background-color: #dfc0da;
    background-image: url('../images/index-left-1-bg.png');
    background-size: 100% auto;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 40px;
}
.index-left.index-left-1 h3 {
    color: #000000;
    font-weight: normal;
    font-size: 28px;
    text-align: center;
    word-spacing: 3px;
}
.index-left.index-left-2 {
    background: #D3EDF9;
}
.index-left.index-left-3 {
    background: #FCE9F2;
}
.index-left.index-left-4 {
    background: #FFCCCC;
}
@media (max-width: 991px) {
    .index-left {
        padding: 15px 18px 15px;
    }
    .index-left.index-left-1 {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

.index-pagetype3-item {
    display: block;
    margin-bottom: 10px;
}
.index-pagetype3-item .index-pagetype3-image {
    display: block;
    width: 100%;
    padding-bottom: 66.66%;
    background-size: cover;
    background-position: center center;
}
.index-pagetype3-item .index-pagetype3-text {
    padding: 0 10px 10px;
    width: 100%;
    height: 150px;
}
.index-pagetype3-item .index-pagetype3-title {
    clear: both;
    display: block;
    font-weight: normal;
    font-size: 1.125em;
    overflow: hidden;
    margin: 10px 0 5px 0;
    color: #000 !important;
}
.index-pagetype3-item .index-pagetype3-title a {
    color: #000 !important;
}
.index-pagetype3-item .index-pagetype3-summary {
    clear: both;
    width: 100%;
    font-size: 1em;
    overflow: hidden;
    margin: 5px 0 10px;
}
.index-pagetype3-item .index-pagetype3-summary p {
    margin-bottom: 5px;
}
.index-pagetype3-item .index-pagetype3-display_at {
    color: #6b1784;
    font-size: 0.75em;
    margin: 5px 0;
}
.index-pagetype3-item .index-pagetype3-more {
    clear: both;
    float: right;
}
.index-pagetype3-item .index-pagetype3-more a {
}
@media (min-width: 768px) {
}
@media (max-width: 991px) and (min-width: 768px) {
}
@media (max-width: 767px) {
    .index-pagetype3-item {
        display: block !important;
        margin-bottom: 15px !important;
    }
    .index-pagetype3-item .index-pagetype3-title {
        margin-top: 15px;
    }
    .index-pagetype3-item .index-pagetype3-summary {
        margin-bottom: 10px;
    }
}



.index-pagetype4-content {
/*     position: relative; */
}
@media (max-width: 767px) {
    .index-pagetype4-content {
    }
}
.index-pagetype4-item {
    display: block;
/*     overflow : hidden; */
/*     display: -webkit-flex; */
/*     display: flex; */
    margin-bottom: 10px;
}
.index-pagetype4-item .index-pagetype4-image {
}
.index-pagetype4-item .index-pagetype4-image img {
    display: inline-block;
    width: 100%;
    height: auto;
    background-color: #fff;
}
.index-pagetype4-item .index-pagetype4-youtube {
    width: 100%;
    padding-bottom: 66.66%;
    position: relative;
}
.index-pagetype4-item .index-pagetype4-youtube iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}
.index-pagetype4-item .index-pagetype4-text {
    padding: 0 10px 10px;
    width: 100%;
    height: 150px;
}
.index-pagetype4-item .index-pagetype4-title {
    clear: both;
    display: block;
    font-weight: normal;
    font-size: 1.125em;
    overflow: hidden;
    margin: 0 0 5px 0;
    color: #000 !important;
}
.index-pagetype4-item .index-pagetype4-title a {
    color: #000 !important;
}
.index-pagetype4-item .index-pagetype4-summary {
    clear: both;
    width: 100%;
    font-size: 1em;
    overflow: hidden;
    margin: 5px 0 0;
}
.index-pagetype4-item .index-pagetype4-summary p {
    margin-bottom: 5px;
}
.index-pagetype4-item .index-pagetype4-display_at {
    color: #6b1784;
    font-size: 0.75em;
    margin: 5px 0;
}
.index-pagetype4-item .index-pagetype4-more {
    clear: both;
    float: right;
}
.index-pagetype4-item .index-pagetype4-more a {
}
.index-pagetype4-showall {
    padding-top: 20px;
}
@media (min-width: 768px) {
    .index-pagetype4-item > div:first-child {
        padding-right: 0;
    }
}
@media (max-width: 991px) and (min-width: 768px) {
    .index-pagetype4-item .index-pagetype4-summary p {
        line-height: 1.4em;
    }
}
@media (max-width: 767px) {
    .index-pagetype4-item {
        display: block !important;
        margin-bottom: 15px !important;
    }
    .index-pagetype4-item .index-pagetype4-title {
        margin-top: 15px;
    }
    .index-pagetype4-item .index-pagetype4-summary {
        margin-bottom: 0;
    }
    .index-pagetype4-item .index-pagetype4-summary p {
        line-height: 1.4em;
    }
    .index-pagetype4-item .index-pagetype4-footer {
        position: relative;
        left: 0;
        right: 0;
    }
}

.index-pagetype6-content {
    margin: 0;
}
.index-pagetype6-content .container {
    padding-right: 0;
}
.index-pagetype6-item {
    position: relative;
}
.index-pagetype6-item img {
    width: 100%;
}
.index-pagetype6-content .carousel {
}
.index-pagetype6-content .carousel-control {
    display: none !important;
}
.index-pagetype6-content .carousel-indicators {
    line-height: 11px;
    bottom: 2px;
}
.index-pagetype6-content .carousel-indicators li {
    display: inline-block;
    border-radius: 50%;
    border: none;
    background: #FFCCFF;
    width: 11px !important;
    height: 11px !important;
    margin: 0 7px 0 0 !important;
}
.index-pagetype6-content .carousel-indicators li.active {
    border: none;
    background: #B062A3;
}
@media (max-width: 767px) {
    .index-pagetype6-content {
        overflow: hidden;
    }
    .index-pagetype6-content .container {
/*         margin: 0 -70px; */
        margin: 0;
        padding: 0;
    }
    .index-pagetype6-content .carousel-indicators {
        line-height: 10px;
        bottom: 0;
    }
    .index-pagetype6-content .carousel-indicators li {
        width: 8px !important;
        height: 8px !important;
        margin: 0 3px 0 0 !important;
    }
}

.index-news {
}
.index-merchant {
}
.index-merchant img {
    padding: 10px 20px;
}

.index-promotion-products .index-promotion-products-top {

}
.index-promotion-products .index-promotion-products-bottom {

}
.index-promotion-products .index-promotion-products-top,
.index-promotion-products .index-promotion-products-bottom {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
}
.index-promotion-products .index-promotion-products-top img,
.index-promotion-products .index-promotion-products-bottom img {
    width: 60%;
}
.index-promotion-products .index-promotion-products-content {
    padding: 10px 0;
}
.index-promotion-products .index-promotion-products-product {
}
.index-promotion-products .index-promotion-products-product + .index-promotion-products-product {
    margin-top: 20px;
}
.index-promotion-products .index-promotion-products-product-image {
    text-align: center;
}
.index-promotion-products .index-promotion-products-product-image img {
    width: 85%;
}
.index-promotion-products .index-promotion-products-product-detail {
    text-align: center;
}
.index-promotion-products .index-promotion-products-product-detail a {
    color: #000 !important;
}
.index-promotion-products .index-promotion-products-product-detail .product-detail-price {
    font-weight: bold;
    line-height: 1;
}
.index-promotion-products .index-promotion-products-product-detail  .product-detail-price-guestDisplay {
    font-weight: normal;
}
.index-promotion-products .index-promotion-products-product-detail .product-detail-original_price {
    color: #646464;
    font-weight: normal;
    text-decoration: line-through;
}
/* title */
h3, .h3 {
    color: #6D1968;
    font-size: 1.375em;
    font-weight: bold;
    padding: 0;
    margin-bottom: 20px;
}
h4, .h4,
h5, .h5 {
    font-weight: normal;
    padding-top: 10px;
}
h4, .h4 {
    font-weight: bold;
    font-size: 1.125em;
    color: #6D1968 !important;
}
h5, .h5 {
    font-size: 1em;
}
h4:first-child, .h4:first-child {
    padding-top: 0;
}

.container {
  word-wrap: break-word;
}

/* page type3*/
.pagetype3-cover-post-container {
    margin-left: 0;
    margin-right: 0;
}
.pagetype3-cover {
    display: block;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 15px;
}
@media (min-width: 992px) {
    .pagetype3-cover-3-hightlight {
        background: #fce9f2;
    }
}
@media (max-width: 991px) {
    .pagetype3-cover-2-hightlight {
        background: #fce9f2;
    }
}
@media (max-width: 767px) {
    .pagetype3-cover {
        padding: 5px;
    }
}
.pagetype3-cover .pagetype3-cover-image {
    width: 100%;
    padding-bottom: 66.66%;
    background-size: cover;
    background-position: center center;
}
.pagetype3-cover .pagetype3-cover-title {
    color: #000;
    clear: both;
    display: block;
    font-weight: normal;
    font-size: 1.125em;
    padding-top: 10px;
    padding-bottom: 5px;
}
.pagetype3-cover .pagetype3-cover-date {
    color: #6b1784;
    font-size: 0.75em;
    font-weight: normal;
}
.pagetype3-cover .pagetype3-cover-description {
    color: #000;
    clear: both;
    width: 100%;
    font-size: 0.875em;
    overflow: hidden;
    margin-bottom: 15px;
    min-height: 20px;
}
.pagetype3-cover .pagetype3-cover-footer {
/*     border-top: 1px solid #231F20; */
    padding-top: 10px;
    color: #000;
}
.pagetype3-cover .pagetype3-cover-footer a {
    color: #000 !important;
}
.pagetype3-post-container {
    margin-left: 0;
    margin-right: 0;
}
.pagetype3-post-container {
    margin-left: 0;
    margin-right: 0;
}
.pagetype3-post {
    display: block;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 15px;
}
@media (min-width: 992px) {
    .pagetype3-post-3-hightlight {
        background: #fce9f2;
    }
}
@media (max-width: 991px) {
    .pagetype3-post-2-hightlight {
        background: #fce9f2;
    }
}
@media (max-width: 767px) {
    .pagetype3-post {
        padding: 5px;
    }
}
.pagetype3-post .pagetype3-post-image {
    width: 100%;
    padding-bottom: 66.66%;
    background-size: cover;
    background-position: center center;
}
.pagetype3-post .pagetype3-post-title {
    color: #000;
    clear: both;
    display: block;
    font-weight: normal;
    font-size: 1.125em;
    padding-top: 10px;
    padding-bottom: 5px;
}
.pagetype3-post .pagetype3-post-date {
    font-size: 0.75em;
    font-weight: normal;
    color: #6b1784;
}
.pagetype3-post .pagetype3-post-description {
    color: #000;
    clear: both;
    width: 100%;
    font-size: 0.875em;
    overflow: hidden;
    margin-bottom: 15px;
    min-height: 20px;
}
.pagetype6-item {
    margin-bottom: 20px;
}

.blueimp-gallery > .description {
  position: absolute;
  top: 30px;
  left: 15px;
  color: #fff;
  display: none;
}
.blueimp-gallery-controls > .description {
  display: block;
}
.blueimp-gallery>.indicator>li {
  width: 50px;
  height: 50px;
  background-size: 50px 50px;
  padding: 0px;
}
.gallery-item{
  text-align: center;
  margin: 10px auto;

}
.gallery-item img{
  margin: 10px auto;
  float: center;
}
@media screen and (min-width: 769px) {
  .gallery-item img{
    width:20%;
  }
}
@media screen and (max-width: 767px) {
  .gallery-item img{
    width:25%;
  }
}
@media screen and (max-width: 600px) {
  .gallery-item img{
    width:33%;
  }
}
@media screen and (max-width: 500px) {
  .gallery-item img{
    width:50%;
  }
}
@media screen and (max-width: 350px) {
  .gallery-item img{
    width:100%;
  }
}
.row.aligned-row {
  display: flex;
  flex-flow: row wrap;

  &::before {
    display: block;
  }
}

/*page type4*/
.news-post {
  margin-bottom: 40px;
  padding-bottom: 40px;
}
/*
.news-post a {
  color: #5b88c1;
}
*/
.news-post .post-images img {
    padding: 5px;
}
.news-posts .post-content {
    overflow : hidden;
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px solid #6D1968;
}
.news-posts .post-content:last-child {
    border-bottom: none;
}
.news-posts .post-image {
    margin-bottom: 15px;
}
.news-posts .post-image img {
    display: inline-block;
    width: 100%;
    height: auto;
/*     padding: 5px; */
    background-color: #fff;
}
.news-posts .post-youtube {
    width: 100%;
    padding-bottom: 66.66%;
    position: relative;
}
.news-posts .post-youtube iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}
.news-posts .post-display_at {
    font-size: 0.75em;
    margin: 0;
    color: #6D1968;
    font-weight: normal;
}
.news-posts .post-text {
    padding: 0 10px 10px;
    width: 100%;
    height: 150px;
}
.news-posts .post-title {
    clear: both;
    display: block;
    font-weight: bold;
    font-size: 1em;
    margin: 0 0 5px 0;
    color: #333 !important;
}
.news-posts .post-title a {
    color: #333 !important;
    font-weight: bold;
}
.news-post .post-title {
  margin-bottom: 30px;
}
.news-posts .post-summary {
    clear: both;
    width: 100%;
    font-size: 1em;
    overflow: hidden;
    margin: 5px 0 10px;
}
.news-posts .post-footer {
    border-top: 1px solid #231F20;
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 0;
    padding-top: 10px;
}
.news-posts .post-more {
    clear: both;
    float: right;
}
.news-posts .post-more a {
    font-size: 0.875em;
}
@media (max-width: 991px) and (min-width: 768px) {
    .news-posts .post-summary p {
        line-height: 1.4em;
    }
}
@media (max-width: 767px) {
    .news-posts .post-content {
        padding-bottom: 15px !important;
        margin-bottom: 30px !important;
        display: block !important;
    }
    .news-posts .post-title {
/*         margin-top: 15px; */
    }
    .news-posts .post-summary {
        margin-bottom: 10px;
    }
    .news-posts .post-summary p {
        line-height: 1.4em;
    }
    .news-posts .post-footer {
        position: relative;
        left: 0;
        right: 0;
    }
}
.news-post .post-content .meta,
.news-posts .post-content .meta {
  font-size: 0.8125em;
  font-style: italic;
  padding-bottom: 5px;
  margin-bottom: 0;
}
.news-post .post-content .meta .meta-part,
.news-posts .post-content .meta .meta-part {
  display: inline-block;
}
.news-post .post-content .meta .meta-part a,
.news-posts .post-content .meta .meta-part a {
  color: #999;
}
.news-post .post-content .post-content-text,
.news-posts .post-content .post-content-text {
  margin-top: 10px;
}
.post-content-back .btn {
    margin: 0;
}


@media print {
    .page-title {
        display: block !important;
    }
}
.page-no-selection {
  text-align: center;
  float: center;
  margin-top: 20px;
  margin-bottom: 30px;
}
.page-no-selection a,
a.page-no-selection-btn:focus,
a.page-no-selection-btn:hover {
    color: #FFF !important;
    background: #6D1968 !important;
    border-color: #6D1968 !important;
    text-align: center;
    box-shadow: none !important;
}
a.page-no-selection-btn.active {
    color: #6D1968 !important;
    background: #FFF !important;
    border-color: #6D1968 !important;
}

.video-posts {

}
.video-post .post-content {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    margin-bottom: 40px;
    padding: 25px 25px 10px;
}
.video-post .post-content-odd-row {
    background: #FDF0A5;
}
.video-post .post-content-even-row {
    background: #CDE6E8;
}
.video-post .post-title {
    padding: 2px 0 0 15px;
    margin-bottom: 0;
    font-weight: normal;
}
.video-post .post-footer {
    padding: 0 0 0 15px;
    font-size: 0.75em;
}
.video-post .post-video {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    border: 5px solid #FFF;
    overflow: hidden;
}
@media (max-width: 991px) {
    .video-post .post-content {
        padding: 15px 15px 10px !important;
    }
}

.thumbnail-style a.btn-more {
    left: -5px;
    bottom: 10px;
    color: #fff;
    padding: 1px 6px;
    position: absolute;
    background: #72c02c;
    display: inline-block;
}

.table ul,
.table ol {
    padding-left: 30px;
}

.document-post {
    margin-bottom: 25px;
}
.document-post-thumb {
    margin-bottom: 5px;
    text-align: center;
}
.document-post-thumb img {
    max-width: 80%;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
}
.document-post-category {
    text-align: center;
    font-weight: bold;
    margin-top: 2px;
    margin-bottom: 2px;
}
.document-post-title {
    text-align: center;
    padding-top: 0;
    margin-top: 2px;
    margin-bottom: 2px;
}
.document-post-title a {
/*     color: #662D91; */
}
.document-post-date {
    text-align: center;
    margin-top: 2px;
    margin-bottom: 2px;
    color: #999;
    font-size: 0.875em;
}
.information > * {
    margin-bottom: 10px;
}
.information .info-label,
#contact-us-form label {
    color: #6D1968;
    text-align: left;
    font-weight: bold;
}
.latest-cancer-news-article.fancybox-content h3:first-of-type {
    margin-top: 0;
}
.latest-cancer-news-article.fancybox-content {
    max-width: 940px;
    margin: 0 10px 6px;
}

.userHeader {
}
@media (max-width: 767px) {
    .userHeader {
        margin-top: 10px;
    }
}
.userHeader ul {
    list-style: none;
    float: right;
    padding: 0;
}
.userHeader > ul > li {
    float: left;
    position: relative;
    display: block;
}
.userHeader > ul > li > a {
    padding: 2px 4px;
}
.userHeader > ul > li + li {
    margin-left: 8px;
}
.userHeader ul ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #D7AFD0;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
.userHeader ul ul li {
    display: block;
}
.userHeader ul ul li + li {
    border-top: 1px solid #fff;
}
.userHeader ul ul li a {
    color: #B062A3 !important;
    background: transparent !important;
    display: block;
    padding: 3px 10px;
    white-space: nowrap;
}
.userHeader ul li:hover ul {
    display: block;
}

.products {

}
.products .product-category-header,
.product .product-header {
    padding-bottom: 25px;
    font-size: 0.875em;
    color: #716558;
}
.products-left-nav-item {
    padding-bottom: 10px;
    margin-bottom: 35px;
}
.products-left-nav .products-left-nav-divider {
    margin-top: .66em;
    height: 3px;
    display: block;
    background-color: rgba(0,0,0,0.1);
    margin: 1em 0 1em;
    width: 100%;
    max-width: 30px;
}
.products-left-nav-title {
    font-size: 0.875em;
    font-weight: 600;
    color: #111;
    letter-spacing: .05em;
    text-transform: uppercase;
}
.products-category-list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.products-category-list > li {
    text-align: left;
    margin: 0;
    padding: 5px 0;
}
.products-category-list > li + li {
    border-top: 1px solid #e0e0e0;
}
.products-category-list a {
    display: block;
    padding: 4px 0;
    font-size: 0.875em;
}
.products-category-list > li > a {
/*     background: #FCE9F2; */
}
.products-category-list .active > a {
    font-weight: bold;
    color: #111;
}
.products-category-list li ul {
    list-style-type: disc;
    padding-bottom: 0;
}
.products-category-list li ul li {
    padding-bottom: 0;
}
.products-category-list li ul a {
    padding-bottom: 0;
}
.products-filer-by-price-label {
    font-size: 0.875em;
    text-align: right;
}
.products-filer-by-price {
    padding-bottom: 10px;
}
.products-filer-by-price .slider {
    width: 100%;
}
.products-filer-by-price .slider-track {
    height: 5px !important;
    background: #e1e1e1 !important;
    box-shadow: none !important;
}
.products-filer-by-price .slider-handle {
    height: 15px !important;
    width: 15px !important;
    background: #B062A3 !important;
    box-shadow: none !important;
}
.products-filer-by-price .slider-selection {
    background: #BEB197 !important;
    box-shadow: none !important;
}
.products-filer-by-price .slider.slider-horizontal .slider-handle.min-slider-handle {
    margin-left: 0;
}

.products-tag-list a {
    font-size: 0.8125em !important;
    display: inline-block;
    border: 1px solid currentColor;
    opacity: .8;
    margin: 0 3px 5px 0;
    padding: 2px 5px;
    border-radius: 3px;
}
.products-tag-list a:hover {
    opacity: 1;
    background: #B062A3;
    color: #fff;
}
.products .product-list-item {
    font-size: 0.875em;
    padding-bottom: 2em;
}
.products .product-list-item .product-list-item-img-container {
    padding-bottom: 0.5em;
}
.products .product-list-item .product-list-item-img-container img {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
}
.products .product-list-item .product-list-item-category {
    opacity: .7;
    color: #646464;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: .75em;
    line-height: 1.2;
    margin-top: .1em;
    margin-bottom: .1em;
}
.products .product-list-item .product-list-item-name {
    line-height: 1.3;
    margin-top: .1em;
    margin-bottom: .1em;
}
.products .product-list-item .product-list-item-original_price {
    color: #646464;
    font-weight: normal;
    text-decoration: line-through;
}
.products .product-list-item .product-list-item-price {
    font-weight: bold;
    line-height: 1;
}
.products .product-list-item .product-detail-price-guestDisplay {
    font-weight: normal;
}

.product .product-detail-pic-thumb {
    display: block;
    width: 100%;
    padding-bottom: 100%;
    overflow: hidden;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.product .product-detail-pic-thumbs {
    margin: 10px -10px;
}
.product .product-detail-pic-thumbs a {
    display: inline-block;
    width: 25%;
    overflow: hidden;
    padding: 10px;
}
.product .product-detail-pic-thumbs img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}
.product .product-detail-name {
    margin-top: 0;
    font-size: 1.75em;
}
.product .product-detail-code {
    font-size: 0.875em;
    color: #777;
}
.product .product-detail-divider {
    margin-top: .66em;
    height: 3px;
    display: block;
    background-color: rgba(0,0,0,0.1);
    margin: 1em 0 1em;
    width: 100%;
    max-width: 30px;
}
.product-detail-option-wrapper * {
    width: 100% !important;
}
.product .product-detail-price {
    font-size: 1.5em;
    margin: .5em 0;
    font-weight: bolder;
}
.product .product-detail-price-guestDisplay {
    font-weight: normal;
}
.product .product-add-to-cart-form {
}
.product .product-add-to-cart-form .field-orderproductdispatchform-qty .btn {
    padding-left: 7px;
    padding-right: 7px;
    border: 1px solid #ccc;
}
.product .product-add-to-cart-form .input-group-btn:first-child > .btn,
.product .product-add-to-cart-form .input-group-btn:first-child > .btn-group {
    border-right: none;
}
/*
.product .product-add-to-cart-form .input-group-btn:last-child > .btn,
.product .product-add-to-cart-form .input-group-btn:last-child > .btn-group {
    border-left: none;
}
*/
.product .product-add-to-cart-form #orderproductdispatchform-qty {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    border-radius: 0 !important;
}
.product .product-add-to-cart-form .product-add-to-cart {
    text-transform: uppercase;
}

.product .product-detail-original_price {
    color: #646464;
    font-weight: normal;
    text-decoration: line-through;
    font-size: 0.75em;
}
.product-detail-meta {
    margin-top: 40px;
}
.product-detail-meta > div {
    display: block;
/*     border-top: 1px dotted #ddd; */
    padding: 5px 0;
    font-size: 0.75em;
}
.product-detail-description {
    margin-top: 15px;
    margin-bottom: 35px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
/*     border-top: 1px solid #6D1968; */
}
.product-detail-description-title {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 7px 3px;
    position: relative;
    margin: 0;
    font-size: 0.875em;
    border-top: 3px solid #000;
}
.product-detail-description .sharethis-inline-share-buttons {
    margin-bottom: 20px;
}
.product-related-products {
    margin-bottom: 15px;
}
.product-related-products .product-list {
    padding-top: 5px;
}
.checkout-step {
    text-align: center;
    text-transform: uppercase;
    color: #ccc;
    font-size: 1.25em;
    padding-bottom: 25px;
}
.checkout-step .current {
    color: #333;
}
@media (max-width: 767px) {
	.checkout-step > *:not(.current) {
		display: none;
	}
}
.checkout-payment_method label {
    margin-bottom: 10px;
}

.page-cart .table {
    font-size: 0.75em;
}
.page-cart .table th {
    color: #646464;
}
.page-cart .table thead th {
    text-transform: uppercase;
}
.page-cart .table tbody th {
    font-weight: normal;
}
.page-cart .table tbody tr > * {
    vertical-align: middle;
    padding-top: 10px;
    padding-bottom: 10px;
}
.page-cart .table tr > *:first-child {
    padding-left: 0;
}
.page-cart .table tr > *:last-child {
    padding-right: 0;
}
.cart-product-list .table {
    border-bottom: 1px solid #ddd;
}
.cart-product-list .cart-product-list-item-remove-form .form-group {
    display: none;
}
.cart-product-list .cart-product-list-item-remove {
    padding-left: 0;
    padding-right: 0;
}
.cart-product-list .cart-product-list-item-remove .btn {
    margin: 0;
    padding: 0;
    width: 24px;
    height: 24px;
    line-height: 24px;
    background: #FFFFFF;
    color: #333;
}
.cart-product-list .cart-product-list-item-thumbnail,
.cart-product-list .cart-product-list-item-thumbnail img {
    width: 75px;
}
.cart-product-list-item-quantity {
    width: 90px;
}
.cart-product-list-item-quantity .btn {
    padding-left: 6px;
    padding-right: 6px;
    border: 1px solid #ccc;
    margin-bottom: 0;
}
.cart-product-list-item-quantity .input-group-btn:first-child > .btn,
.cart-product-list-item-quantity .input-group-btn:first-child > .btn-group {
    border-right: none;
}
/*
.product .product-add-to-cart-form .input-group-btn:last-child > .btn,
.product .product-add-to-cart-form .input-group-btn:last-child > .btn-group {
    border-left: none;
}
*/
.cart-product-list-item-quantity .cartform-product_qty {
    max-width: 2em;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    border-radius: 0 !important;
}
.cart-product-list .cart-product-list-item-price,
.cart-product-list .cart-product-list-item-subtotal {
    font-weight: bold;
    white-space: nowrap;
}
.cart-totals {
}
.cart-totals .table {
    border-bottom: 2px solid #ddd;
}
.cart-totals .table tr > *:not(:first-child) {
    text-align: right;
}
.cart-totals .cart-totals-product-price,
.cart-totals .cart-totals-subtotal,
.cart-totals .cart-totals-total {
    font-weight: bold;
}
.cart-totals .cart-totals-product {

}
.cart-totals .cart-totals-product-name {
    color: #888;
}
.cart-checkout {
    display: block;
    margin: 1.5em 0;
    color: #FFF !important;
    background-color: #e6c268 !important;
    border-color: rgba(0,0,0,0.05) !important;
    box-shadow: none;
}
.cart-checkout:hover {
    box-shadow: inset 0 0 0 100px rgba(0,0,0,0.2);
}

.page-checkout-form h3,
.page-order h3,
.page-my-addresses h4 {
    font-size: 1.2em;
    overflow: hidden;
    padding-top: 10px;
    font-weight: bolder;
    text-transform: uppercase;
    padding: 0;
    border: 0;
    color: #555;
}
.page-checkout-form .table,
.page-order .table,
.page-my-orders .table {
    font-size: 0.75em;
}
.page-checkout-form .table th,
.page-order .table th,
.page-my-orders .table th {
    color: #646464;
}
.page-checkout-form .table thead th,
.page-order .table thead th,
.page-my-orders .table thead th {
    text-transform: uppercase;
}
.page-checkout-form .table tbody th,
.page-order .table tbody th,
.page-my-orders .table tbody th {
}
.page-checkout-form .table tbody tr > *,
.page-order .table tbody tr > *,
.page-my-orders .table tbody tr > * {
    vertical-align: middle;
    padding-top: 10px;
    padding-bottom: 10px;
}
.page-checkout-form .table tr > *:first-child,
.page-order .table tr > *:first-child,
.page-my-orders .table tr > *:first-child {
    padding-left: 0;
}
.page-checkout-form .table tr > *:last-child,
.page-order .table tr > *:last-child,
.page-my-orders .table tr > *:last-child {
    padding-right: 0;
}
.page-my-orders .table tr > *:last-child {
    text-align: right;
}
.page-my-orders .table .btn {
    margin: 0;
}
.page-checkout-form hr,
.page-order hr,
.page-my-orders hr {
    border-color: #bbb !important;
}
.page-checkout-form button[type="submit"] {
    width: 100%;
}

.my-nav-col {
    padding-bottom: 15px;
}
.my-nav-account {
    margin-bottom: 15px;
    white-space: nowrap;
    overflow: hidden;
}
.my-nav-account img {
    width: 50px;
    max-height: 70px;
    margin-right: 15px;
}
.my-header .headline {
    color: #754C28;
    font-weight: bold;
    padding: 0;
    border-bottom: 1px solid #603813;
}
.my-header .headline h3 {
    border: 0;
    margin: 0;
}
.my-nav {
    list-style: none;
    margin: 0 10px;
    padding: 0;
}
.my-nav > li {
    padding: 0;
    margin-left: 10px;
    margin-right: 10px;
}
.my-nav > li+li {
/*     border-top: 1px solid #e0e0e0; */
}
.my-nav > li > a {
    display: block;
    width: auto;
    font-weight: 700;
    font-size: 0.875em;
    padding: 10px;
    text-transform: uppercase;
    color: rgba(102,102,102,0.85) !important;
    transition: all .2s;
    position: relative;
}
.my-nav > li > a:before {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    background-color: #333;
    transition: all 0.3s;
    opacity: 0;
    z-index: 1;
    height: 3px;
}
.my-nav > li > a:hover,
.my-nav > li.active > a,
.my-nav > li.current > a,
.my-nav > li > a.active,
.my-nav > li > a.current {
    color: rgba(17,17,17,0.85) !important;
}
.my-nav > li:hover > a:before,
.my-nav > li.active > a:before,
.my-nav > li.current > a:before,
.my-nav > li > a.active:before,
.my-nav > li > a.current:before {
    opacity: 1;
}
.my-nav:hover > li:not(:hover) > a:before {
    opacity: 0;
}
@media (min-width: 768px) {
    .my-header .headline {
        display: flex;
    }
    .my-nav > li {
        display: inline-block;
    }
    .my-nav-col {
        padding-right: 0;
        padding-bottom: 100px;
        border-right: 1px solid #e0e0e0;
    }
    .my-nav {
        margin: 0 0 0 10px;
        padding-left: 10px;
        border-left: 1px solid #e0e0e0;
    }
    .my-nav-account {
        padding-left: 10px;
    }
}

.page-my-account legend {
    width: 100%;
    color: #646464;
    font-size: 1em;
    text-transform: uppercase;
    font-weight: bold;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px;
    margin: 30px 0 15px;
}
span.amount {
    white-space: nowrap;
    color: #050505;
    font-weight: bold;
}
.order-address,
.order-remarks {
    color: #646464;
}

.sharing-posts {
    column-count: 3;
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-gap: 10px;
    -moz-column-gap: 10px;
    -webkit-column-gap: 10px;
}

.sharing-posts .sharing-post {
    padding-bottom: 10px;
    break-inside: avoid;
    page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
}
@-moz-document url-prefix() {
    .sharing-posts .sharing-post {
        display:inline-block;
    }
}
.sharing-posts .sharing-post-box {
    padding: 10px;
/*     margin-bottom: 10px; */
    text-align: center;
    width: 100%;
    display: inline-flex;
    break-inside: avoid;
    page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
}
.sharing-posts .sharing-post-content {
    margin: 0 auto;
    text-align: center;
    padding: 10px;
    -webkit-transition : border 500ms ease-out;
    -moz-transition : border 500ms ease-out;
    -o-transition : border 500ms ease-out;
    transition : border 500ms ease-out;
    break-inside: avoid;
    page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
}
.sharing-posts .sharing-post:nth-child(3n+1) .sharing-post-content {
    background: #D3EDF9;
}
.sharing-posts .sharing-post:nth-child(3n+2) .sharing-post-content {
    background: #FCE9F2;
}
.sharing-posts .sharing-post:nth-child(3n+3) .sharing-post-content {
    background: #FFCCCC;
}
@media (max-width: 991px) and (min-width: 768px) {
    .sharing-posts {
        column-count: 2;
        -moz-column-count: 2;
        -webkit-column-count: 2;
    }
}
@media (max-width: 767px) {
    .sharing-posts {
        column-count: 1;
        -moz-column-count: 1;
        -webkit-column-count: 1;
    }
    .sharing-posts .sharing-post-content {
    }
}
.sharing-posts .sharing-post-content img {
    width: 100%;
    margin-bottom: 10px;
    page-break-after: avoid;
}
.sharing-posts .sharing-post-content p {
    margin-bottom: 10px;
}

.sharing-posts .sharing-post-content > *:last-child {
    margin-bottom: 0;
}