/*@font-face {*/
/*font-family: 'ChiaTaiKuro';*/
/*src: url('http://cdn.iisuart.cn/static/font/Chia-Tai-Kuro-Simplified.TTF');*/
/*}*/
/*@font-face {*/
/*font-family: 'FZBaoHTJW';*/
/*src: url('http://cdn.iisuart.cn/static/font/FZBaoHTJW.ttf');*/
/*}*/
/* @font-face {
    font-family: 'GenWanMinJP';
    src: url('http://cdn.iisuart.cn/static/font/GenWanMinJP-SemiBold.ttf');
}

@font-face {
    font-family: 'GoudyModernMTStd';
    src: url('http://cdn.iisuart.cn/static/font/GoudyModernMTStd.otf');
}

@font-face {
    font-family: 'KohinoorTelugu';
    src: url('http://cdn.iisuart.cn/static/font/KohinoorTelugu.ttc');
} */
@font-face {
    font-family: 'Avenir-Medium';
    src: url('../fonts/Avenir-Medium.ttf');
}
.btn:focus,
select.form-control:focus,
input.form-control:focus,
textarea,
input {
    border-color: #ccc;
    outline: none;
    box-shadow: none;
}

html {
    font-size: 16px;
}

body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 1rem;
}
body.zh-hk,body.zh-ch{
    font-family: "Noto Sans TC", "Avenir-Medium","Helvetica Neue", Helvetica,Arial, sans-serif;
}
body.zh-hk {
    font-variant-east-asian: traditional;
}

body.en-us {

    font-family: "Avenir-Medium","Noto Sans TC","Helvetica Neue", Helvetica,Arial,sans-serif;
    /*font-family: 'GenWanMinJP',Helvetica,Arial,sans-serif;*/
}
.ff-noto-sans{
    font-family: 'Noto Sans TC';
}
select {
    outline: none;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url('../images/icons/iup.svg') 90% center no-repeat;
    background-size: 12px;
}

select:disabled {
    color: #575148;
}

select[disabled]>option {
    color: #575148;
}

/*::-webkit-input-placeholder {}*/

/*:-moz-placeholder {}*/

/*:-ms-input-placeholder {}*/
input.subscribe-input::-webkit-input-placeholder,
input.gallery-filter-name-input::-webkit-input-placeholder

/*input.gallery-filter-name-input::-moz-placeholder,*/
/*input.gallery-filter-name-input:-ms-input-placeholder{*/
    {
    color: #9c9c9c;
    font-size: 1rem;
}

a {
    color: #000;
    text-decoration: none;
    background-color: transparent;
}

body a:not(.btn) {
    text-decoration: none;
    transition: opacity .3s;
}

a.deline {

    color: #000;
    text-decoration: underline !important;
}

a.inherit:hover {
    color: inherit;
}

.body-no-scroll body {
    overflow: hidden;
    -webkit-overflow: hidden;
    position: fixed;
    width: 100%;
}

.position-unset {
    position: unset !important;
}

.hidden {
    display: none !important;
}

.two-row {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.w-80 {
    width: 80%;
}

.infoInput {
    border: 0;
    border-bottom: 1px solid #A8A9AB;
}

input.infoInput::-webkit-input-placeholder {
    color: #D2D2D2;
}

input[type='number'] {
    -moz-appearance: textfield;
}

.bg-su-bark {
    background-color: #242424;
}

.bg-black {
    background-color: #000;
}

.bg-su-454 {
    background-color: #454037;
}

.bg-su-2645 {
    background-color: #262425;
}

.bg-su-a8a {
    background-color: #A8A9AB !important;
}

.bg-su-light {
    background-color: #F4F6FA;
}

.bg-su-de {
    background-color: #DEDEDE;
}

.bg-su-d2 {
    background-color: #D2D6D9;
}

.bg-su-e {
    background-color: #eeeeee;
}

.bg-su-f6 {
    background-color: #F6F6F6;
}

.bg-su-fa {
    background-color: #fafafa;
}

.bg-su-d52 {
    background-color: #D5214E;
}

.bg-ff-fa {
    background: linear-gradient(to right, #fff 0%, #fff 50%, #fafafa 100%);
}

input.bg-su-f6:focus {
    background-color: #F6F6F6;
}

.bg-su-f4 {
    background: #F4F4F4;
}

.bg-su-e4 {
    background: #e4e4e4 !important;
}

.bg-su-7e {
    background: #7e7e7e;
}

.bg-su-f4f6 {
    background: #F4F6FA;
}

.bg-su-ece {
    background: #ECEDEE;
}

.bg-su-333 {
    background: #333333;
}

.bg-su-444 {
    background: #444444;
}

.bg-su-24 {
    background: #242424;
}

.bg-su-575 {
    background: #575148;
}

.bg-su-DADDE0 {
    background: #DADDE0;
}

.square-80 {
    width: 80px;
    height: 80px
}

.square-100 {
    width: 100px;
    height: 100px
}

.square-150 {
    width: 150px;
    height: 150px
}

.btn.btn-su-red {
    border-color: #D5214E;
    background: #D5214E;
    color: #fff;
}

.btn.btn-su-red:hover {
    border-color: rgba(213, 33, 78, .7);
    background: rgba(213, 33, 78, .7);
}

.btn-outline-red {
    color: #d5214e;
    border-color: #D5214E;
    background: transparent;
}

.btn-outline-red:hover {
    background: #D5214E;
    color: #fff;
}

.mb-3-last {
    margin-bottom: 1rem;
}

.mb-3-last:last-child {
    margin-bottom: 0;
}

.mr-3-last {
    margin-right: 1rem;
}

.mr-3-last:last-child {
    margin-right: 0;
}

.l-h-25 {
    line-height: 25px;
}
.l-h-30 {
    line-height: 30px;
}

.text-black {
    color: #000000 !important;
}

.p-20 {
    padding: 20px;
}

a.text-black:hover,
a.text-black:focus {
    color: #343a40 !important;
}
.text-24{
    color: #242424;
}
.text-77{
    color: #777;
}
.text-bc{
    color: #bcbcbc;
}
.text-ea{
    color: #eaeae8;
}
.text-su-333 {
    color: #333;
}

.text-su-3e {
    color: #3e3e3e;
}

.text-su-d2d {
    color: #D2D6D9;
}

.text-su-444 {
    color: #444;
}

.text-su-454 {
    color: #454037;
}

.text-su-24 {
    color: #242424;
}

.text-su-575 {
    color: #575148;
}

.text-su-d52,
a.text-su-d52:hover,
a.text-su-d52:focus {
    color: #D5214E;
}

.text-su-ff7,
a.text-su-ff7:hover,
a.text-su-ff7:focus {
    color: #ff7200;
}

a.text-su-24:hover,
a.text-su-24:focus {
    color: #343a40 !important;
}

.text-su-9c {
    color: #9c9c9c;
}

.text-su-949 {
    color: #94979B;
}

.text-su-a8a {
    color: #A8A9AB;
}

.text-su-6d {
    color: #6D7278;
}

.text-su-7e {
    color: #7e7e7e;
}
.text-06{
    color: rgba(255,255,255,.6);
}
.text-su-grey {
    color: #CCD3DB;
}

.text-su-ddd {
    color: #ddd;
}

a.text-su-grey:hover,
a.text-su-grey:focus,
a.text-su-ddd:hover,
a.text-su-ddd:focus {
    color: #cccccc !important;
}

.text-su-red {
    color: #D5214E;
}

.text-su-ccc {
    color: #ccc;
}

.border-red {
    border-color: #D5214E !important;
}

.border-w-dashed {
    border: 1px #fff dashed !important;
}

.border-444 {
    border-color: #444 !important;
}

.border-eee {
    border-color: #eee !important;
}

.border-575 {
    border-color: #575148 !important;
}

.border-24 {
    border-color: #242424 !important;
}

.border-2 {
    border-width: 2px !important;
}

.border-ra-0 {
    border-radius: 0;
}

.border-t-4 {
    border-top: 4px solid #444;
}

.bb-only {
    border: 0;
    border-bottom: 1px solid #ccc;
}

.redbline {
    border-bottom: 1px solid #d5214e;
}

.rounded-20 {
    border-radius: 20px;
}

.pt-6 {
    padding-top: 5rem !important;
}

.pb-6 {
    padding-bottom: 5rem !important;
}

.mt-6 {
    margin-top: 5rem !important;
}

.mb-6 {
    margin-bottom: 5rem !important;
}

.fs-13 {
    font-size: 13px !important;
}

.fs-14 {
    font-size: 14px !important;
}
.fs-15 {
    font-size: 15px !important;
}
.fs-16 {
    font-size: 16px !important;
}

.fs-1_7rem {
    font-size: 1.7rem !important;
}

.fs-1_1rem {
    font-size: 1.1rem !important;
}

.fs-1_2rem {
    font-size: 1.2rem !important;
}

.fs-1_3rem {
    font-size: 1.3rem !important;
}

.fs-1_4rem {
    font-size: 1.4rem !important;
}

.fs-1_5rem {
    font-size: 1.5rem !important;
}

.fs-1rem {
    font-size: 1rem;
}

.fs-2rem {
    font-size: 2rem;
}

.fs-2_5rem {
    font-size: 2.5rem !important;
}

.fs-10 {
    font-size: 0.625rem;
}

.fs-12 {
    font-size: 0.75rem;
}

.fs-14 {
    font-size: 0.875rem;
}

.fs-18 {
    font-size: 1.125rem
}

.fs-20 {
    font-size: 1.25rem
}

.fs-24 {
    font-size: 1.5rem;
}

.fs-28 {
    font-size: 1.75rem
}

.fs-36 {
    font-size: 2.25rem
}

.fs-48 {
    font-size: 3rem
}

.fs-60 {
    font-size: 3.75rem
}

.fs-72 {
    font-size: 4.5rem
}

.ifs-20 {
    font-size: 20px;
}

.ifs-24 {
    font-size: 24px;
}

.ifs-36 {
    font-size: 36px;
}

.ifs-48 {
    font-size: 48px;
}

.fs-mini2 {
    font-size: 85%;
}

.fs-mini {
    font-size: 75%;
}

.fs-mini9 {
    -webkit-transform-origin-x: 0;
    -webkit-transform: scale(0.70);
    transform: scale(.7);
}

.fw-200 {
    font-weight: 200;
}

.fw-300 {
    font-weight: 300;
}

.fw-400 {
    font-weight: 400;
}

.fw-500 {
    font-weight: 500;
}

.fw-600 {
    font-weight: 600;
}

.fw-700 {
    font-weight: 700;
}

.p-2rem {
    padding: 2rem !important;
}

.ai-mb-30 {
    margin-bottom: 30px;
}

.btn.nohover:hover {
    color: #CCD3DB
}

a.noline,
a.noline:hover {
    text-decoration: none !important;
}

a.bline {
    text-decoration: underline;
    padding-bottom: 2px;
}

a.hover-fff:hover {
    color: #fff;
    text-decoration: none;
}

a.hover-black:hover {
    color: #000;
    text-decoration: none;
}

a.hover-b-line:hover {
    color: #000;
    text-decoration: underline;
}

.noliststyle {
    list-style: none !important;
}

.l-space1 {
    letter-spacing: 1px
}

.l-space {
    letter-spacing: 2px
}

.l-space10 {
    letter-spacing: 10px
}

.nav-fixed-top {
    position: fixed;
    top: 108px;
    right: 0;
    left: 0;
    z-index: 980;
    box-shadow: 0 1px 5px #dedede;
}

.empty-tag {
    width: 4px;
    height: 22px;
}

.btn.btn-join {
    border-color: #000;
    color: #000;
    background: #F7D782;
    border-radius: 15px;
}

.btn.btn-y {
    border-color: #F7D782;
    color: #000;
    background: #F7D782;
    border-radius: 12px;

}

.btn.short {
    padding: 2px 0.75rem;
}

.btn-dark {
    background-color: #000;
    border-color: #000;
}

.btn-outline-dark {
    color: #000;
    border-color: #000;
}

.btn-outline-dark:hover {
    color: #fff;
    background-color: #000;
    border-color: #000;
}

.btn.hoverRed:hover {
    color: #fff;
    background-color: #D5214E;
    border-color: #D5214E;
}

.btn.hoverRed:hover i.contact {
    background-image: url('../images/icons/constat-white.svg');
}

.position-bottom {
    position: absolute;
    bottom: 0;
}

.btn-ls-y:focus,
.btn-ls-y.focus,
.btn-ls-b:focus,
.btn-ls-b.focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-ls-y.disabled,
.btn-ls-y:disabled,
.btn-ls-b.disabled,
.btn-ls-b:disabled {
    color: #fff;
    background-color: #eee;
    border-color: #eee;
}

.suContainer{
    max-width: 1600px;
}
.max-w1180 {
    max-width: 1180px;
}

.fullContainer {
    max-width: none
}

.max-w1000 {
    max-width: 1000px;
}

/*icons*/
.suicon {
    position: relative;
    top: 3px;
    width: 18px;
    height: 18px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    /* background-color: in; */
}

.suicon.sui-10 {
    width: 10px;
    height: 10px;
}

.suicon.sui-14 {
    width: 14px;
    height: 14px;
}

.suicon.sui-16 {
    width: 16px;
    height: 16px;
}

.suicon.sui-20 {
    width: 20px;
    height: 20px;
}

.suicon.sui-22 {
    width: 22px;
    height: 22px;
}

.suicon.sui-24 {
    width: 24px;
    height: 24px;
}

.suicon.sui-26 {
    width: 26px;
    height: 26px;
}

.suicon.sui-30 {
    width: 30px;
    height: 30px;
}

.suicon.sui-35 {
    width: 35px;
    height: 35px;
}

.suicon.sui-40 {
    width: 40px;
    height: 40px;
}

.suicon.sui-50 {
    width: 50px;
    height: 50px;
}

.suicon.sui-60 {
    width: 60px;
    height: 60px;
}

.suicon.top-0 {
    top: 0;
}

.suicon.lock-ccc {
    background-image: url('../images/icons/lock_fill.svg');
}

.suicon.rili-000 {
    background-image: url('../images/icons/rili_black.svg');
}

.suicon.ticket-000 {
    background-image: url('../images/icons/ticket_black.svg');
}

.suicon.search {
    background-image: url('../images/icons/search.svg');
}

.suicon.search-000 {
    background-image: url('../images/icons/search-000.svg');
}

.suicon.huangguan-fff {
    background-image: url('../images/icons/huangjuan-fff.svg');
}

.suicon.user {
    background-image: url('../images/icons/user.svg');
}

.suicon.contact {
    background-image: url('../images/icons/constat.svg');
}

.suicon.contact-white {
    background-image: url('../images/icons/constat-white.svg');
}

.suicon.red-arrow {
    background-image: url('../images/icons/arrow.svg');
}

.suicon.arrow-right-fff {
    top: 0;
    background-image: url('../images/icons/new-arrow-right-fff.svg');
}

.suicon.arrow-right-d2d {
    top: 2px;
    background-image: url('../images/icons/new-arrow-right-d2d.svg');
}

.suicon.arrow-down-d2d {
    background-image: url('../images/icons/new-arrow-down-d2d.svg');
}

.suicon.play-unselect {
    background-image: url('../images/icons/play-unselect.svg');
}

.suicon.play-selected {
    background-image: url('../images/icons/play-selected.svg');
}

.suicon.star {
    background-image: url('../images/icons/star.svg');
}

.suicon.star-d52 {
    background-image: url('../images/icons/star-d52.svg');
}

.suicon.internation {
    background-image: url('../images/icons/intenetion.svg');
}

.suicon.firendly {
    background-image: url('../images/icons/firendly.svg');
}

.suicon.trues {
    background-image: url('../images/icons/trues.svg');
}

.suicon.profess {
    background-image: url('../images/icons/profess.svg');
}

.suicon.heart {
    background-image: url('../images/icons/heart.svg');
}

.suicon.heart-white {
    background-image: url('../images/icons/heart-white.svg');
}

.suicon.heart-full {
    background-image: url('../images/icons/heart-full.svg?do');
}

.suicon.arrow-left {
    background-image: url('../images/icons/arrow_red_left.svg');
}

.suicon.arrow-right {
    background-image: url('../images/icons/arrow_red_right.svg');
}

.suicon.arrow-right2 {
    background-image: url('../images/icons/arrow_red_right2.svg');
}

.suicon.arrow-more {
    background-image: url('../images/icons/arrow_red_more.svg');
}

.suicon.arrow-less {
    background-image: url('../images/icons/arrow_red_top.svg');
}

.suicon.guoji {
    background-image: url('../images/icons/guoji@2x.png');
}

.suicon.zuanshi {
    background-image: url('../images/icons/zuanshi@2x.png');
}

.suicon.smile {
    background-image: url('../images/icons/smile@2x.png');
}

.suicon.medal1 {
    background-image: url('../images/icons/medal1@2x.png');
}

.suicon.liked {
    background-image: url('../images/icons/heart_liked.svg');
}

.suicon.email {
    background-image: url('../images/icons/youxiang.svg');
}

.suicon.email-575 {
    background-image: url('../images/icons/youxiang-575.svg');
}

.suicon.time {
    background-image: url('../images/icons/time-9c.svg');
}

.suicon.subscribe {
    background-image: url('../images/icons/subscribe.svg');
}

.suicon.eye-close {
    background-image: url('../images/icons/biyan.svg');
}

.suicon.eye-open {
    background-image: url('../images/icons/zhengyan.svg');
}

.suicon.close {
    background-image: url('../images/icons/guanbi-3.svg');
}

.suicon.close-black {
    background-image: url('../images/icons/guanbi-black.svg');
}

.suicon.google {
    background-image: url('../images/icons/huaban89.svg');
}

.suicon.room-view {
    background-image: url('../images/icons/room_view.svg');
}

.suicon.ren {
    background-image: url('../images/icons/ren.svg');
}

.suicon.phone {
    background-image: url('../images/icons/shouji.svg');
}

.suicon.phone-verify {
    background-image: url('../images/icons/shoujiyanzheng.svg');
}

.suicon.wechat {
    background-image: url('../images/icons/weixin.svg');
}

.suicon.safe {
    background-image: url('../images/icons/yinsi.svg');
}

.suicon.view {
    background-image: url('../images/icons/view.svg');
}

.suicon.share {
    background-image: url('../images/icons/share.svg');
}

.suicon.shouchang {
    background-image: url('../images/icons/shouchang.svg');
}

.suicon.search-fff {
    background-image: url('../images/icons/search-fff.svg');
}

.suicon.buy {
    background-image: url('../images/icons/buy.svg');
}

.suicon.join {
    background-image: url('../images/icons/join_event@2x.svg');
}

.suicon.joined {
    background-image: url('../images/icons/event_joined.svg');
}

.suicon.peoples {
    background-image: url('../images/icons/peoples.svg');
}

.suicon.event_master {
    background-image: url('../images/icons/home.svg');
}

.suicon.address {
    background-image: url('../images/icons/address.svg');
}

.suicon.check-ok-red {
    background-image: url('../images/icons/check-ok@2x.png');
}

.suicon.wehat-9c {
    background-image: url('../images/icons/wehat-9c.svg');
}

.suicon.redxline {
    background-image: url('../images/icons/icon_line@2x.png');
}

.suicon.club-vip {
    background-image: url('../images/icons/vip_icon.svg');
}

.suicon.broadcast {
    background-image: url('../images/icons/broadcast_icon.svg');
}

.suicon.quot-9c-t,
.suicon.quot-9c-b {
    background-image: url(../images/icons/feedback_unselect-9c.svg);
}

.suicon.quot-3e-t,
.suicon.quot-3e-b {
    background-image: url(../images/icons/quot-3e.svg);
}

.suicon.quot-3f-t,
.suicon.quot-3f-b {
    background-image: url(../images/icons/quot-3f.svg);
}

.suicon.quot-52-t,
.suicon.quot-52-b {
    background-image: url(../images/icons/quot-52.svg);
}

.suicon.quot-9c-b,
.suicon.quot-3f-b,
.suicon.quot-52-b,
.suicon.quot-3e-b {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.op-in {
    opacity: 1
}

.op-out {
    opacity: 0
}

.opa-tag {
    background: rgba(0, 0, 0, .6);
    color: #fff;
    font-weight: 400;
}

.input-onlyBBorder {
    border: none;
    border-bottom: 1px solid #000;
}

/*header nav*/
.website-topnav {
    /* position: -webkit-sticky;
    position: sticky; */
    top: 0;
    z-index: 982;
    padding-top: 0;
    padding-bottom: 0;
}

.website-submenu {
    position: absolute;
    z-index: 9;
    width: 1100px;
    background: #fff;
    color: #000;
    top: 105px;
    display: none;
    /*left:50%;*/
    /*transform: translateX(-50%);*/
    /*margin-left:-550px;*/
}

.socialGroup {
    display: inline-block;
    position: relative;
    cursor: pointer;
    font-size: 12px;
    line-height: 24px;
}

.socialGroup ul {
    display: none;
    margin: 0;
    list-style: none;
    background: #eee;
    position: absolute;
    color: #333;
    padding: 0;
    z-index: 99999;
    font-size: 13px;
    width: 100px;
    line-height: 16px;
}

.socialGroup ul li {
    border-bottom: 1px solid #222;
    padding: 6px 8px;
}

.socialGroup ul li a {
    text-decoration: none;
}

.socialGroup:hover ul {
    display: block;
}

.su-logo {
    position: absolute;
    display: block;
    width: 119px;
    height: 40px;
    left: 50%;
    margin-left: -50px;
    top: 30px;
    padding: 0;
}

.su-logo.v3 {
    position: unset;
    margin-left: 70px;
    margin-top: -7px;
}

.su-logo.v4 {
    margin-left: 70px;
    margin-top: -7px;
    left: 0;
    top: 60px;
    background: #262425;
    /* padding: 10px 20px; */
    padding: 10px 0;
    width: 140px;
    /* height: 76px; */
    text-align: center;
}

.su-logo img {
    opacity: 1;
    width: 100%;
}

.su-logo:hover img,
.su-logo.active img {
    opacity: 1
}

.iisuTopNav .nav-item {
    border-bottom: 4px solid #262425;
    /* border-bottom: 4px solid #454037; */
    border-top: 4px solid transparent;
    line-height: 56px;
    margin-right: 1.5rem;
}

.iisuTopNav.v4 .nav-item {
    line-height: inherit;
}

.navbar-nav a.nav-link:hover,
.navbar-nav .active a.nav-link,
a.contactbtn:hover {
    color: #fff;
    text-decoration: none;
}

.iisuSubTopNav .nav-item a {
    color: #9c9c9c;
}

.iisuTopNav .nav-item:hover,
.iisuTopNav .nav-item.active,
.nav-item.active {
    border-bottom: 4px solid #D5214E;

}

.iisuSubTopNav .nav-item.active a,
.iisuSubTopNav .nav-item a:hover {
    color: #000;
    font-weight: 500;
}

.navbar-toggler {
    /* border: 1px solid #fff; */
}

.bg-su-bark .navbar-toggler-icon,
.bg-su-2645 .navbar-toggler-icon,
.bg-su-454 .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

#articleNav:hover .website-submenu,
#artistNav:hover .website-submenu {
    display: block
}

.menublock-alllink {
    position: absolute;
    bottom: 15px;
}

.menublock-title {
    /* padding: 15px 0; */
    letter-spacing: 0;
    font-size: 16px;
    color: #242424;
}

.menublock-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.menublock-list li {
    display: inline-block;
    margin-right: 6px;
    width: 80px;
}

.menublock-list.styleList li {
    width: 130px;
}

.menublock-list li a {
    color: #9c9c9c;
    font-size: 1rem;
}

.menublock-list li a:hover {
    font-weight: bold;
    color: #444;
}

.menu-tag,
.atag {
    border: 1px solid #444;
    border-radius: 0;
    padding: 10px 15px;
    margin-right: 10px;
    color: #444;
    margin-bottom: 10px;
    font-weight: 400;
    font-size: 1rem;
}

.atag {
    margin-right: 5px;
    margin-bottom: 0;
    padding: .25rem .5rem;
}

.atag.lager {
    padding: .5rem 1rem;
}

.menu-tag:hover,
.menu-tag.selected,
.atag:hover,
.atag.selected {
    background: #444;
    color: #fff;
}

/*banner*/
.banner-title {
    position: absolute;
    top: 50%;
    background: rgba(255, 255, 255, .5);
    width: 500px;
    min-height: 200px;
    max-height: 286px;
    /*padding: 30px;*/
    left: 50%;
    margin-left: -250px;
    margin-top: -143px;
}

.topLine {
    width: 70px;
    height: 4px;
    background: #D5214E;
    position: absolute;
    top: -4px;
}

.banner-title-inner {
    padding: 0 30px;
}

.banner-link {
    position: absolute;
    bottom: 0;
    min-width: 45px;
    height: 30px;
    line-height: 30px;
    right: 0;
    background: #D5214E;
    text-align: right;
}

.banner_swiper {
    height: calc(100vh - 80px);
}

.banner_swiper2 {
    height: auto;
}

/* .swiper-container-rtl .swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after, */
.swiper-button-prev:after,
.swiper-button-next:after {
    content: none !important;
}

.banner-next,
.banner-prev,
.article-next,
.article-prev {
    width: 70px;
    height: 70px;
    border-radius: 35px;
}

.banner-next {

    background: url(../images/icons/banner_arrow_right.svg) no-repeat center center;
    right: 80px;
}

/* .banner-next.swiper-button-disabled{} */
.banner-prev {
    background: url(../images/icons/banner_arrow_left.svg) no-repeat center center;
    left: 80px;
    z-index: 6;
}

/*article swiper*/
.article-next {
    background: url(../images/icons/article_arrow_right.svg) no-repeat center center;
}

/* .banner-next.swiper-button-disabled{} */
.article-prev {
    background: url(../images/icons/article_arrow_left.svg) no-repeat center center;
}

.article_swiper .swiper-slide {
    text-align: center;
    font-size: 16px;
    /* background: #fff; */
    background-size: cover;
    background-repeat: no-repeat;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    transition: 300ms;
    /*transform: scale(0.8);*/
    opacity: .6;
    overflow: hidden;
    height: 200px;
    margin-top: 20px;
    background-position: center;
}

.article_swiper .swiper-slide-active,
.article_swiper .swiper-slide-duplicate-active {
    transform: scale(1.5);
    opacity: 1;
    z-index: 9;
}

/* .article_swiper .swiper-slide .taglist{
      position: absolute;
      top:20px;
      left: 20px;
  } */

/*new artice begin 20220305*/
.index_artice {
    padding: 80px 0;
    background: #000;
    color: #fff;
    position: relative;
}

.artice_heading {
    position: absolute;
    top: 80px;
    left: 0;
    width: 100%;
}

.index_artice .item {
    position: relative;
    margin-bottom: 70px;
    padding-bottom: 100px;
    display: block;
}

.index_artice .item-top {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: flex-end;
    padding-bottom: 0;
}

.index_artice .item .thumb {
    overflow: hidden;
    background: #000;
}

.index_artice .item .thumb>img,
.artice_item .thumb>img {
    transition: transform .3s, opacity .3s;
}

.index_artice .item .detail {
    position: absolute;
    width: 90%;
    background: #fff;
    right: 0;
    bottom: 0;
    padding: 25px 28px;
}

.index_artice .item-top .detail {
    width: 437px;
    left: 110px;
    right: auto;
    padding: 40px;
}

.index_artice .item .detail .title {
    font-size: 1.4285714286rem;
    color: #000;
    display: block;
    transition: color .3s;
}

.index_artice .item-top .detail .title {
    font-size: 2rem;
}

.index_artice .item .detail .info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
    margin-right: -20px;
}

.index_artice .item .detail .info .date {
    font-family: quasimoda, sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: .9285714286rem;
}

.index_artice .item .detail .info .favorite {
    cursor: pointer;
    display: block;
    width: 0;
    height: 0;
    padding: 14px 0 0 15px;
    overflow: hidden;
    background-image: url(../images/icons/icon_favorite.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.artice_item {
    position: relative;
    display: block;
    overflow: hidden;
}

.artice_item .detail {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 10px 0;
    background: rgba(0, 0, 0, .5);
    color: #fff;
}

.artice_item .title {
    padding: 0 8px;
}

/*new artice end */

.artice_row {
    /*max-height: 280px !important;*/
    height: 378px;
}

.artice_img {
    position: relative;
    max-height: 260px !important;
}

.index_artice_img {
    position: relative;
    max-height: 260px !important;
}

.tag-box {
    position: absolute;
    bottom: 15px;
}

.scaleimg {
    /* width:100px;
    height:100px; */
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    /* Firefox 4 */
    -webkit-transition: all 0.5s;
    /* Safari 和 Chrome */
    -o-transition: all 0.5s;
    /* Opera */

}

.scaleimg:hover,
.scaleimg:focus {
    transform: scale(1.3);
    -ms-transform: scale(1.3);
    /* IE 9 */
    -moz-transform: scale(1.3);
    /* Firefox */
    -webkit-transform: scale(1.3);
    /* Safari 和 Chrome */
    -o-transform: scale(1.3);
}

.video-play {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -20px;
    margin-top: -23px;
}

.video-play i {
    cursor: pointer;
}

.video-play i:hover {
    background-image: url('../images/icons/play-selected.svg');
}

.video-play.selected i {
    background-image: url('../images/icons/play-selected.svg');
}

.video-play.big {
    margin-left: -30px;
    margin-top: -30px;
}

.morelink {
    color: #444;
    font-size: 1.125rem;
    font-weight: bold;
    border-bottom: 3px solid #444;
}

.morelink:hover {
    text-decoration: none;
    color: #000;
    border-color: #000;
}

.morelink.white,
.morelink.white:hover {
    text-decoration: none;
    color: #fff;
    border-bottom: 3px solid #fff;
}

/*art works*/
.section-heading {
    position: absolute;
    top: 80px;
    left: 0;
    width: 100%;
    white-space: nowrap;
}

.section-heading .title {
    /*font-family: linotype-didot-headline,serif;*/
    font-weight: 400;
    font-style: normal;
    font-size: 5.6rem;
    line-height: 1;
    border-left: 8px solid #000;
    padding-left: 12px;
    margin: 0 0 50px;
}

.masonry-grid {
    margin-left: -25px;
    margin-right: -25px;
}

.masonry-grid .masonry-grid-item {
    width: 25%;
    padding: 0 25px;
}

.artworks-right .masonry-grid .masonry-grid-item {
    width: 300px;
    padding: 0 15px;
}

.masonry-grid-item .item {
    margin-bottom: 40px;
    display: block;
}

.index_art_works .item a:hover,
.masonry-grid-item .item a:hover {
    color: #D5214E;
}

.masonry-grid .masonry-grid-item .item {
    opacity: 0;
    transform: translateY(30px);
    transition: all .8s;
}

.masonry-grid .masonry-grid-item .item.layout-done {
    opacity: 1;
    transform: translateY(0);
}

.index_art_works .item .genre,
.masonry-grid-item .item .genre {
    display: block;
    /*font-family: linotype-didot-headline,serif;*/
    font-weight: 400;
    font-style: normal;
    font-size: .93rem;
    border-bottom: 1px solid #000;
    margin-bottom: 7px;
}

.masonry-grid.black .item .genre {
    color: #fff;
    border-color: #fff;
}

.masonry-grid .masonry-grid-item .item .thumb {
    overflow: hidden;
    background: #000;
    margin-bottom: 10px;
    max-height: 400px;
    min-height: 100px;
}

.masonry-grid .masonry-grid-item .item .thumb.ok {
    min-height: unset;
}

.masonry-grid .masonry-grid-item .item .thumb>img {
    transition: transform .3s, opacity .3s;
}

.index_art_works .item .detail .genre {
    display: none;
}

.index_art_works .item .detail .artist {
    line-height: 1.26;
    /*margin-bottom: 10px;*/
    color: #000;
    font-size: .95rem;
    /*font-weight: 700;*/
    transition: color .3s;
}

.masonry-grid .masonry-grid-item a.item:hover .detail .artist {
    color: #555
}

.index_art_works .item .detail .name,
.masonry-grid-item .item .detail .name {
    line-height: 1.26;
    /*margin-bottom: 10px;*/
    color: #555;
    font-weight: 600;
    /*font-size: 0.95rem;*/
}

.index_art_works .item .detail .gallery,
.masonry-grid-item .item .detail .gallery {
    line-height: 1.26;
    margin-bottom: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #555;
    font-size: .93rem;
}


.index_art_works .item .detail .info,
.masonry-grid-item .item .detail .info {
    display: flex;
    align-items: center;
}

.index_art_works .item .detail .info .taxin,
.masonry-grid-item .item .detail .info .taxin {
    font-family: quasimoda, sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: .7857142857rem;
    margin-right: 10px;
}

.index_art_works .item .detail .info .price,
.masonry-grid-item .item .detail .info .price {
    font-family: quasimoda, sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 1.07rem;
    margin-right: 10px;
}

.index_art_works .item .detail .info .labels,
.masonry-grid-item .item .detail .info .labels {
    margin-right: 10px;
    line-height: 1;
}

.index_art_works .item .detail .info .labels .badge,
.masonry-grid-item .item .detail .info .labels .badge {
    font-size: .78rem;
    /*font-family: source-han-sans-cjk-ja,sans-serif;*/
    font-weight: 400;
    font-style: normal;
    padding-bottom: 4px;
    background-color: #000;
    border-radius: 0;
}

.index_art_works .item .detail .info .favorite,
.masonry-grid-item .item .detail .info .favorite {
    cursor: pointer;
    display: block;
    width: 0;
    height: 0;
    padding: 14px 0 0 15px;
    overflow: hidden;
    background-image: url(../images/icons/icon_favorite.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.masonry-grid.black .item .detail .artist,
.masonry-grid.black .item .detail .info .price {
    color: #fff;
}

.masonry-grid.black .item .detail .name,
.masonry-grid.black .item .detail .gallery,
.masonry-grid.black .masonry-grid-item a.item:hover .detail .artist {
    color: #e1e1e1;
}

.masonry-grid.black .item .detail .info .labels .badge {
    background-color: #fff;
}

.masonry-grid .masonry-grid-item a.item:hover .thumb>img,
a.artice_item:hover .thumb>img,
.index_artice a.item:hover .thumb>img {
    opacity: .75;
    transform: scale(1.05)
}

/*artist*/
a.artist_name {
    color: #242424;
}

a.artist_name:hover {
    color: #888;
    text-decoration: none;
}

a.viewPrice {
    text-decoration: none;
    color: #242424;
}

a.viewPrice:hover,
a.viewPrice:active {
    color: #D5214E;
}

div.viewPrice {
    cursor: pointer
}

.artist_tag_box1 {
    width: 120px;
}

.artist_tag_box2 {
    width: auto;
}

.artwork-list {
    /*position: -webkit-sticky;*/
    /*position: sticky;*/
    /*top: 100px;*/
}

.artwork-box-close {

    overflow: hidden;
    margin-bottom: 30px;
}

.artwork-menu-fixed {
    position: fixed;
    top: 145px;
}

.artistbg {
    position: relative;
    background: url('../images/artist_bg.svg') no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 30px;
    /*width: 280px;height: 280px;*/
}

.artist-item {
    display: block;
    margin-bottom: 70px;
}

.hoverdiv {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    background: rgba(0, 0, 0, .4);
    opacity: 0;
}

.hoverdiv a {
    width: 100px;
    position: absolute;
    left: 50%;
    margin-left: -50px;
    top: 50%;
    margin-top: -19px;
}

.artistbg:hover .hoverdiv,
.artistbg:focus .hoverdiv {
    opacity: 1;
}

.artist-next,
.artist-prev,
.team-next,
.team-prev {
    display: inline-block;
    width: 22px;
    height: 14px;
    line-height: 30px;
    opacity: 1;
}

.profileItemBox {
    max-height: 120px;
    overflow: hidden;
    padding-right: 40px;
}

.introBox {
    max-height: 180px;
    overflow: hidden;
}

.profileItemBox.all,
.introBox.all {
    height: auto;
    overflow: auto;
    max-height: none;
}

/*.artist-next,.artist-prev{*/
/*width: 22px;*/
/*height: 14px;*/
/*}*/
.artist-next,
.team-next {
    background: url(../images/icons/artist_next.svg) no-repeat center center;
}

.artist-prev,
.team-prev {
    background: url(../images/icons/artist_prev.svg) no-repeat center center;
}

.artist-next.swiper-button-disabled,
.artist-prev.swiper-button-disabled,
.team-next.swiper-button-disabled,
.team-prev.swiper-button-disabled {
    opacity: .3;
}

.artist-pagination,
.team-pagination {
    display: inline-block;
    color: #9C9C9C;
    width: 80px;
    height: 30px;
    line-height: 30px;
    top: 0;
    position: relative;
}

.artist-pagination .swiper-pagination-current,
.team-pagination .swiper-pagination-current {
    font-size: 2.25rem;
    color: #444;
    margin-right: 6px;
}

.team-pagination .swiper-pagination-current {
    font-size: 1.7rem;
}

.artist-pagination .swiper-pagination-total,
.team-pagination .swiper-pagination-total {
    margin-left: 6px;
    font-size: 1.2rem;
}

/*event*/
.event_swiper {
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    height: 360px;
}

.roundabout-holder {
    height: 300px;
    width: 100%;
    /*margin:0 auto;*/
}

.roundabout-moveable-item {
    display: block;
    /*height: 300px;*/
    width: 400px;
    cursor: pointer;
}

.roundabout-in-focus {
    cursor: auto;
}

.event-item {
    overflow: hidden;
    position: relative;
}

.event-item .event-desc {
    color: #fff;
}

/*.event-item.roundabout-in-focus .event-desc,*/
/*.event-item.active .event-desc,*/
/*.event-item:hover .event-desc,*/
/*.event-item:focus .event-desc{color:#fff;}*/

/*feedback*/
.feedback {
    background: url(../images/icons/feedback_bg.svg) no-repeat;
    background-position-x: 15px;
    background-position-y: 20px;
    background-size: 100px;
}

.feedback-item {
    position: relative;
    width: 200px;
    min-height: 200px;
    padding: 15px;
}

.feedback-item-top {
    height: 30px;
    position: absolute;
    width: 30px;
    left: 15px;
    top: 15px;
    background-image: url(../images/icons/feedback_unselect-9c.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: top;
    background-size: 30px;
}

.feedback-item-bottom {
    position: absolute;
    height: 30px;
    width: 30px;
    background-image: url(../images/icons/feedback_unselect-9c.svg);
    background-repeat: no-repeat;
    /* background-position-x: right;
    background-position-y: bottom; */
    background-size: contain;
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    /* Internet Explorer */
    -moz-transform: rotate(180deg);
    /* Firefox */
    -webkit-transform: rotate(180deg);
    /* Safari 和 Chrome */
    right: 15px;
    bottom: 15px;
}

.feedback-item.active,
.feedback-item:hover,
.feedback-item:focus {
    background: #fff;
}

.feedback-item.active .feedback-item-top,
.feedback-item.active .feedback-item-bottom,
.feedback-item:hover .feedback-item-top,
.feedback-item:hover .feedback-item-bottom,
.feedback-item:focus .feedback-item-top,
.feedback-item:focus .feedback-item-bottom {
    background-image: url(../images/icons/feedback_selected.svg);
}

.emptyblock {
    height: 40px;
    width: 30px;
    display: block
}

/*foot*/
.su-foot-links {
    list-style: none;
    margin: 0;
    padding: 0;
}

.su-foot-links a,
.coryright a {
    color: #777777;
}

.su-foot-links a:hover,
.coryright a:hover {
    color: #D2D6D9;
    text-decoration: none;
}

.service-block {
    position: fixed;
    right: 0;
    top: 220px;
    width: 130px;
    z-index: 2;
    cursor: pointer;
    opacity: .8;
}

/*popup*/
.tr-close {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #000;
    color: #fff;
    font-size: 20px;
}

.tr-close:hover {
    background: #343a40;
    text-decoration: none;
    color: #fff;
}

.iisu_input .input-group-text {
    border-right: none;
}

.iisu_input input.form-control {
    border-left: none;
}

.iisu_input.black input.form-control:focus {
    background: #000;
}

.signtabbtn {
    color: #9c9c9c;
}

.signtabbtn.active,
.signtabbtn:hover {
    text-decoration: none;
    color: #000;
    font-weight: bold;
    padding-bottom: 4px;
    border-bottom: 2px solid #000;
}

.input-right {
    position: absolute;
    padding: 0 4px;
    height: 20px;
    top: 8px;
    right: 16px;
    cursor: pointer;
    z-index: 3;
}

.iisu_check+label {
    display: block;
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: absolute;
    top: 2px;
    left: 15px;
    background: #000;
}

.iisu_check:checked+label:before {
    display: block;
    content: "\2714";
    text-align: center;
    font-size: 16px;
    color: white;
}

.custom-control-input:checked~.custom-control-label::after {
    background-image: url(../images/icons/check-ok.svg);
}

.custom-control-label::after {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background: no-repeat 50%/50% 50%;
}

.custom-control-input:checked~.custom-control-label::before,
.custom-control-input:checked~.custom-control-label::before {
    border-color: #000;
    background-color: #000;
}

/*about us*/
@-webkit-keyframes changeright {
    0% {
        -webkit-transform: rotate(0deg);
    }

    50% {
        -webkit-transform: rotate(180deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@-webkit-keyframes changeleft {
    0% {
        -webkit-transform: rotate(0deg);
    }

    50% {
        -webkit-transform: rotate(-180deg);
    }

    100% {
        -webkit-transform: rotate(-360deg);
    }
}

.aboutbg {
    -webkit-animation: changeright 10s linear infinite;
}

.aboutbg {
    display: block;
    width: 320px;
    height: 320px;
    background-image: url(../images/ossicone@2x.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: -160px;
    top: 50px;
}

.iisu-team-nav {
    width: auto;
}

.iisu-team-nav .list-group-item {
    border: 0;
    padding-left: 0;
    padding-right: 0;
    background: #dedede;
}

.iisu-team-nav .list-group-item a {
    color: #9c9c9c;
}

.iisu-team-nav .list-group-item.active a,
.iisu-team-nav .list-group-item a:hover {
    color: #242424;
    text-decoration: none;
}

.iisu-team-nav.team {
    width: 190px;
}

.iisu-team-nav.team .list-group-item {
    border: none;
    padding-left: 0;
    padding-right: 0;
    background: transparent;
    border-color: transparent;
    border-right: 1px solid #fff;
}

.iisu-team-nav.team .list-group-item a {
    color: #fff;
    height: 37px;
    line-height: 37px;
    display: block;
}

.iisu-team-nav .list-group-item a i {
    display: none;
}

.iisu-team-nav.team .list-group-item:first-child.active {
    border-bottom: 1px solid #fff;
    border-right: 1px solid transparent;
}

/*.iisu-team-nav.team .list-group-item:nth-child(2).active{*/
/*border-top: 1px solid #fff;*/
/*border-bottom: 1px solid #fff;*/
/*border-right: 1px solid transparent;*/
/*}*/
.iisu-team-nav.team .list-group-item:last-child.active {
    border-top: 1px solid #fff;
    border-bottom: 1px solid transparent;
    border-right: 1px solid transparent;
}

.iisu-team-nav.team .list-group-item.active a,
.iisu-team-nav.team .list-group-item a:hover {
    color: #fff;
    text-decoration: none;
}

.iisu-team-nav .list-group-item.active a i,
.iisu-team-nav .list-group-item a:hover i {
    display: inline-block;
}




.team-head-photo {
    width: 80px;
    height: 80px;
    overflow: hidden;
    border-radius: 40px;
    margin-bottom: 10px;
}

.team-line {
    width: 200px;
    height: 2px;
    background: #242424;
}

.team-line2 {
    width: 200px;
    height: 1px;
    background: #a5a5a5;
}

.team-swiper-contl {
    position: absolute;
    right: 0;
    top: -5px;
    text-align: right;
    z-index: 999;
}

.aboutDesc {
    max-width: 165px;
    margin-left: 1rem;
}

/*member*/
/*.member-nav .nav-item{margin-right: 10px;}*/
/*.member-nav .nav-item .nav-link{color: #9c9c9c;}*/
/*.member-nav .nav-item .nav-link.active,*/
/*.member-nav .nav-item .nav-link:hover{color: #000;border-bottom:2px solid #D5214E;}*/
.subscribe-input,
.subscribe-input:focus {
    border-radius: 0;
    border: 0;
    background: #A8A9AB;
    color: #575148;
}

input.subscribe-input::-webkit-input-placeholder {
    color: #575148;
}

.img-bg {
    background-size: contain;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center;
}

.img-bg.cover {
    background-size: cover;
}

.demand-item,
.custom-item {
    margin: 0 auto;
    position: relative;
    height: 150px;
    border: 4px solid #fff;
}

.demand-item .demand-tag,
.custom-item .custom-tag {
    padding: 4px 6px;
    background: rgba(0, 0, 0, .4);
    color: #fff;
}

.demand-check {
    position: absolute;
    bottom: -2px;
    right: 0;
    display: none;
}

.demand-item.active .demand-check {
    display: block;
}

.demand-item.active,
.demand-item:hover {
    border: 4px solid #000;
}

.demand-item.active .demand-tag,
.demand-item:hover .demand-tag {
    background: rgba(0, 0, 0, 1);
}

.line-title {}

.line-title-title {
    width: 150px;
    text-align: center;
    margin: 0 auto;
    background: #dedede;
    position: relative;
    z-index: 1;
}

.line-title-line {
    height: 1px;
    width: 400px;
    background: #000;
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 0;
}

.irs--round .irs-handle {
    border: 4px solid #000 !important;
}

.irs--round .irs-bar {
    background-color: #000 !important;
    ;
}

.left-fixed-nav {
    position: fixed;
    top: 175px;
}

.qa-left-fixed-nav {
    position: fixed;
    top: 100px;
}

/*article*/
.close_tag {
    top: 2px;
    width: 10px !important;
    height: 10px !important;
    cursor: pointer;
}

.iisu-filter-nav,
.artistFilterNav .container,
.galleryFilterNav,
.eventFilterNav {
    height: 100px;
    font-size: 18px;
}

.iisu-filter-nav ul {
    padding: 0;
    margin: 0 auto;
    display: flex;
}

.iisu-filter-nav ul li {
    display: inline-block;
    position: relative;
}

.iisu-filter-nav ul li a.toggle-item {
    display: inline-block;
    color: #9c9c9c;
    padding: 15px 0;
    width: 200px;
    text-align: center;
}

.iisu-filter-nav ul li .sub-menu {
    display: none;
    padding-bottom: 10px;
    position: absolute;
    width: 100%;
    z-index: 1;
    text-align: center;
    background: #000;
}

.article-filter-item {
    width: 200px;
}

.sub-menu .sub-item {
    display: block;
    color: #9c9c9c;
    padding: 5px 0;
    border-right: 4px solid #000;
}

.sub-menu .sub-item:hover,
.sub-menu .sub-item.active {
    color: #fff;
    text-decoration: none;
}

.sub-menu .sub-item:hover {
    border-right: 4px solid #D5214E;
}

.sub-menu-vline {
    position: absolute;
    width: 4px;
    height: 50px;
    background: #D5214E;
    right: 0;
    bottom: 40px;
}

.commentBox {
    padding: 3rem;
}


.iisu-filter-nav ul li.active a.toggle-item {
    color: #000;
}

.iisu-filter-nav ul li.active .dropdown-toggle::after {
    /*border-color: #D5214E;*/
    border-top: .3em solid #D5214E;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}

.iisu-filter-nav ul li:hover a.toggle-item {
    background: #000;
    color: #fff;
    text-decoration: none;
}

.iisu-filter-nav ul li:hover .sub-menu {
    display: block;
}

.iisu-filter-nav ul li:hover .dropdown-toggle::after {
    border-top: 0;
    border-bottom: .3em solid;
}

.article_content {
    width: 75%;
    margin: 0 auto;
}

.article_view {
    width: 100%;
    margin: 0 auto;
}

.article_content img {
    width: 120% !important;
    max-width: 120% !important;
    position: relative;
    left: -10%;
    height: auto !important;
}

.article_content p {
    margin-bottom: 0
}

.comment-top {
    background-image: url(../images/icons/feedback_unselect-9c.svg);
}

.comment-bottom {
    background-image: url(../images/icons/feedback_unselect-9c.svg);
}

.comment_box {}

.comment_list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.strcounter {
    position: absolute;
    right: 6px;
    bottom: 8px;
}

/*artist*/
.artist-fixed-nav {
    width: 100%;
    background: #fff;
    max-width: none;
    position: fixed;
    top: 104px;
    right: 0;
    left: 0;
    z-index: 1030;
    box-shadow: 0px 1px 5px #dedede;
}

.artwork-slide-prev,
.artwork-slide-next {
    position: absolute;
    top: 100px;
}

.artwork-slide-prev {
    left: 15px;
}

.artwork-slide-next {
    right: 15px;
}

.artwork-slide {
    margin: 0;
    padding: 0;
    list-style: none;
}

.artwork-slide li {
    width: 31%;
    float: left;
}

.artwork-photo {
    height: 180px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

.artistWorkName {
    position: absolute;
    background: #fff;
    padding: 1px 2px;
    left: 0;
    bottom: 0;
    font-size: 14px;
    font-weight: 600;
}

/*artwork*/
.imgviewbtn {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1000;
    background: rgba(0, 0, 0, .5);
    padding: 6px 10px;
}

.photo-big {
    height: 80%;
    width: 100%;
    overflow: hidden;
    position: relative;
    cursor: zoom-in;
    /*background: #f6f6f6;*/
}

.artworkPhotos.v2 .photo-big {
    height: 100%
}

.photo-thumbs {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0;
}

.photo-thumbs .swiper-slide {
    width: 25%;
    height: 100%;
    /*opacity: 0.4;*/
}

.photo-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}

div.zoomdiv {
    visibility: hidden;
    z-index: 999;
    position: absolute;
    top: 0;
    left: 550px;
    width: 402px;
    height: 402px;
    background: #fff;
    border: 1px solid #CCC;
    text-align: center;
    overflow: hidden;
}

.zoomdiv.show {
    visibility: visible;
}

div.jqZoomPup {
    z-index: 999;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: content-box;
    width: 50px;
    height: 50px;
    border: 1px solid #ccc;
    background: #fede4f;
    opacity: 0.5;
    filter: alpha(Opacity=50);
}

.photo-view {
    width: 80%;
    height: 450px;
}

.artistFilterNav li a.artisttab,
.galleryFilterNav li a.artisttab,
.articleFilterNav ul li a.nav-link {
    color: #9c9c9c;
}

.artistFilterNav li.active a.artisttab,
.artistFilterNav li a.artisttab:hover,
.galleryFilterNav li.active a.artisttab,
.galleryFilterNav li a.artisttab:hover,
.articleFilterNav ul li a.nav-link:hover,
.articleFilterNav ul li.active a.nav-link {
    color: #000 !important;
    font-weight: 500;
}

/**20220307/
 */
.artwork-info {}

.artwork-info dl {
    display: flex;
    flex-wrap: wrap;
    font-size: .9285714286rem;
    font-family: source-han-sans-cjk-ja, sans-serif;
    font-weight: 400;
    font-style: normal;
    margin: 0;
}

.artwork-info dl dt {
    width: 100px;
    font-weight: 400;
    margin-bottom: 1rem;
}

.artwork-info dl dd {
    width: calc(100% - 100px);
    margin-bottom: 1rem;
}

.section-title {
    margin: 0 0 20px;
    font-size: 1.5rem;
    /*font-family: linotype-didot-headline,serif;*/
    font-weight: 400;
    font-style: normal;
    line-height: 1;

}

.section-title.l-border {
    border-left: 3px solid #000;
    padding-left: 6px;
}

.artworkArtist {}

.artworkArtist .thumb {
    border: 1px solid #e8e8e8;
    padding: 15px;
    background: #fff;
    position: relative;
    max-width: 240px;
}

.artworkArtist .image {
    overflow: hidden;
}

.artworkArtist .image .image-inner {

    width: 100%;
    padding-top: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    transition: transform .3s;
}

.artwork-artist-desc .read {
    overflow: hidden;
    transition: max-height .3s;
    max-height: 90px;
    position: relative;
}

.artwork-artist-desc .read:after {
    content: "";
    display: block;
    width: 100%;
    height: 50px;
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff);
    position: absolute;
    left: 0;
    bottom: 0;
}

.artwork-artist-desc .read.all {
    /*max-height: 2000px;*/
    max-height: 200px;
    height: 200px;
    overflow-y: scroll;
}

.artwork-artist-desc .read.all:after {
    background: none;
}

.viewMoreBtn {
    /*font-family: linotype-didot-headline,serif;*/
    font-weight: 400;
    font-style: normal;
    font-size: .93rem;
    position: relative;
    padding-right: 25px;
}

.viewMoreBtn:hover {
    color: #000;
}

.viewMoreBtn:before {

    content: "";
    display: block;
    width: 12px;
    height: 1px;
    background: #555;
    position: absolute;
    right: 8px;
    top: 8px;
    transform: rotate(45deg);
    transition: transform .3s;


}

.viewMoreBtn:after {
    content: "";
    display: block;
    width: 12px;
    height: 1px;
    background: #555;
    position: absolute;
    right: 0;
    top: 8px;
    transform: rotate(-45deg);
    transition: transform .3s;
}

.viewMoreBtn.opened:before {
    right: 8px;
    top: 8px;
    transform: rotate(-45deg);
}

.viewMoreBtn.opened:after {
    right: 0;
    top: 8px;
    transform: rotate(45deg);
}

.shareBox {
    position: relative;
    display: inline-block;
    cursor: pointer;
    padding: 0 20px;
}

.shareBox .shareLine {
    display: none;
    position: absolute;
    width: 100px;
    left: 50px;
    top: 0;
}

.shareBox:hover .shareLine {
    display: block;
}

.icodeSelect {
    width: 65px;
    color: #000;
}

.actLikeBtn {
    cursor: pointer;
}

/*gallery*/
.galleryCityFilter {
    margin-right: 3rem
}

.galleryNameFilter {}

.gaItemLeft {
    padding-left: 0 !important;
}

.gallery_swiper {
    height: 736px;
}

.gaShortIntro {
    padding: 1.5rem 2rem;
    margin-top: 80px;
}

.gaShortIntroContent {
    padding: 3rem 6rem 3rem 6rem;
    font-size: 1.125rem;
    text-align: center
}

.gallerySwiperPage {
    bottom: 20px !important;
}

.gallerySwiperPage .swiper-pagination-bullet {
    background: #fff;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    opacity: .5
}

.gallerySwiperPage .swiper-pagination-bullet-active {
    width: 40px;
    height: 10px;
    border-radius: 5px;
    background: #d0d0d0;
    opacity: .8
}

.gallery-more {
    position: absolute;
    bottom: 10px;
    right: 15px;
}

.galleryLogo {
    position: relative;
    height: 380px;
    width: 380px;
    overflow: hidden
}

.galleryInfoLayer {
    position: absolute;
    width: 100%;
    height: 78px;
    bottom: -6px;
    color: #fff;
    padding: 10px;
    background-image: url('../images/Rectangle@2x.png');
    background-repeat: no-repeat;
    background-size: cover;
    /*background: rgba(255,255,255,.6);*/
    /*background-image: linear-gradient(to top, rgba(0,0,0,.8), rgba(0,0,0,.1));*/
}

.currentEvent {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.currentEventImg {
    width: 40%;
    background: #333;
}

.currentEventImg img {
    width: 100%;
}

.currentEventTitle {
    font-size: 2.25rem;
}

.currentEventSummary {
    width: auto;
    font-size: 1.125rem;
    text-align: justify;
}

.galleryEventCard {
    background: #333;
    width: 30px;
    position: relative;
}

.galleryEventCardO {
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    background: #dedede;
    top: 50%;
    margin-top: -15px;
    right: -15px;
}

.galleryIntroText {
    width: 50%;
    float: right;
    height: 378px;
    position: relative;
    padding-left: 3rem;
}

.gArticleRow {
    margin-left: 0;
    background: #F4F6FA;
    margin-bottom: 1.5rem;
}

.galleryIntroImg {
    width: 50%;
    float: left;
}

.gArticleImg {
    padding-left: 0;
}

.gallery-artist {
    height: 135px;
    position: relative
}

.gallery-artist-box1 {
    width: 127px;
}

.gallery-artist-tag {
    position: absolute;
    bottom: 0;
    left: 0;
}

.border-title {
    position: relative;
    height: 110px;
    width: 160px;
}

.title-text {
    position: absolute;
    z-index: 6;
    left: 38px;
}

.title-text.right {
    right: 38px;
    left: auto;
}

.title-border {
    position: absolute;
    width: 58px;
    height: 86px;
    border: 1px solid #eee;
    top: -5px;
    left: -5px;
}

.title-border.right {
    left: auto;
    right: -5px;
}

.gArticleDesc {
    font-size: .875rem
}

/*event*/
.event-banner-item {
    width: 240px;
    height: 180px;
    background: rgba(255, 255, 255, .6);
    padding: 15px;
}

.event_type {
    position: absolute;
    top: 22px;
    background: #242424;
    color: #fff;
    padding: 6px 20px;
    left: -8px;
    z-index: 9;
}

.triangle-left {
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-right: 8px solid #242424;
    position: absolute;
    top: 14px;
    left: -8px;
}

.event-line {
    width: 100%;
    height: 1px;
    background: #D5214E;
}

.btn-outline-dark.eventLikeBtn:hover {
    background: transparent;
    color: #000;
}

.mobileEventTitle {
    display: none;
}

/*.pcEventTitle{display:block;}*/
.eventSummary {
    position: absolute;
    bottom: 1.5rem;
}

/*q&a*/
.emptyQ {
    width: 58px;
    height: 1px;
    display: inline-table;
}

.emptyA {
    width: 42px;
    height: 1px;
    display: inline-table;
}

.step_circle {
    width: 80px;
    height: 80px;
    min-width: 80px;
    line-height: 80px;
    border-radius: 40px;
    position: relative;
    z-index: 1
}

.step_line {
    width: 6px;
    height: 300px;
    background: #D8D8D8;
    position: absolute;
    left: 53px;
    top: 9px;
    z-index: 0;
}

.viewer-backdrop {
    background-color: #000 !important;
}

.goog-te-gadget-simple {
    background-color: #242424 !important;
    border: none !important;
    color: #ccd3db !important;
    font-size: 14px !important;
}

.goog-te-gadget-simple .goog-te-menu-value {
    color: #ccd3db !important;
    text-decoration: none !important;
    font-size: 14px !important;
}

.goog-te-banner-frame,
.goog-te-gadget-simple .goog-te-gadget-icon {
    display: none !important;
}


.swiper-pagination-bullet-active {
    background: #000;
}

.artworkIntro {
    position: absolute;
}

.artworkPhotos {
    height: 660px;
}

.oneArtworkPhoto,
.artworkPhotos.v2 {
    height: 500px;
}

.oneArtworkPhoto .photo-big img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 500px;
}

.footDesc {
    letter-spacing: 10px;
}

.en-us .footDesc {
    letter-spacing: 1px;
}

.navbar-toggler-icon {
    height: 1.2rem;
}

.navbar-toggler {
    padding: .2rem .5rem;
}

.topNavHome {
    display: none;
}

.mobileSoBtn {
    display: none
}

.mobileSoInputBtn {
    width: 30px;
    height: 30px;
    display: inline-block;
    position: relative;
    top: 3px;
    text-align: center;
}

.topRightNav {
    margin-right: 40px;
}

.topRightNav.v3 {
    margin-right: 70px;
}

.topRightNav.v4 {
    position: relative;
    top: 10px;
}

.topNavList {
    margin-left: 40px;
}

.topNavList.v3,
.topNavList.v4 {
    margin: 0 auto;
}

.topNavList.v4 {
    position: relative;
    left: 50%;
    transform: translateX(-100%);
}


.topNavList li a.nav-link {
    height: 100px;
    line-height: 58px;
    font-size: 1.125rem
}

.topNavList.v3 li a.nav-link {
    font-family: "KohinoorTelugu";
}

.topNavList.v4 li a.nav-link {
    font-family: "KohinoorTelugu";
    height: auto;
    line-height: normal;
}

.topNavListV2 {
    margin-left: 15px;
}

.topNavListV2 li a.nav-link {
    height: auto;
    font-size: 1.125rem
}

#searchInput2 {
    display: inline-block;
    width: 80%;
    height: 30px;
}

#indexTagListMobile {
    display: none;
}

.menuSline {
    color: #ccd3db;
    margin: 0 1.4rem;
}

.roomLayer {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ccc;
    background-image: url('../images/room.jpg');
    background-position: center;
    background-size: cover;
    z-index: 9948;
}

.roomImg {
    width: 17%;
    position: absolute;
    top: 150px;
    left: 50%;
    /* box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important; */
    /*box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;*/
    border: 4px solid #fff;
    box-shadow: 0 4px 6px rgba(0, 0, 0, .1), 0 8px 30px rgba(0, 0, 0, .18), 27px 40px 38px rgba(125, 119, 119, .06), 5px 23px 7px rgba(142, 133, 133, .1);
}

.roomClose {
    position: absolute;
    top: 0;
    right: 0;
}

.iisu-layer {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    background: rgba(255, 255, 255, .8);
    z-index: 9948;
}

.iisu-layer .loadingBox {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.tagFilter {
    /*padding: 10px 35px;*/
    /*margin-right: 3rem;margin-top: 6px;*/
    line-height: 96px;
}

.tagFilter2 {
    /*padding-top:0;padding-bottom:0;margin-right: 1.5rem;*/
    line-height: 100px
}

.artistNav {
    margin: auto 1rem;
    padding: 0;
}

.artistNav a {
    height: 96px;
    line-height: 96px;
}

.artistTags {
    margin-top: 1rem;
}

.artistTagItem {
    border: 1px solid #444;
    padding: .5rem 1.5rem;
    border-radius: 0 !important;
    margin-right: .5rem;
    font-weight: 400;
    margin-bottom: .5rem;
    background: #fff;
}

.artworkSlideBox {
    width: 100%;
}

.artistInfoText {
    margin-top: .5rem;
}

/*.banner-link i{width:30px;height: 30px;}*/
.event_list_pagination {
    bottom: -5px !important;
}

.event_list_pagination .swiper-pagination-bullet {
    background: #ccc;
}

.event_list_pagination .swiper-pagination-bullet-active {
    background: #fff;
}

/*big*/
.nava {
    height: 96px;
    line-height: 96px;
}

/*.article_content p{margin-left: 16%;margin-right: 18%;}*/

.suBreadcrumb {
    height: 40px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #242424;
    padding: .5rem 1rem;
    padding-left: 60px;
    z-index: 2;
}

.suBreadcrumb .triangle {
    position: absolute;
    top: 0;
    right: -40px;
    width: 0;
    height: 0;
    border-width: 40px 40px 0 0;
    border-style: solid;
    border-color: #242424 transparent;
}

.headLayer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 160px;
    background: rgba(0, 0, 0, .8);
    /*background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);*/
    /*opacity: 0.8;*/
    /*border-top: 1px #fff dashed;*/
    /*border-bottom: 1px #fff dashed;*/
    z-index: 2;
}

.artistMask {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .2);
    z-index: 1;
}

.xLineTitle {
    position: relative;
}

.xLineTitle .xicon {
    position: absolute;
    left: 0;
    top: 22px;
    z-index: 1;
}

.xLineTitle .xicon.big {
    top: 12px;
}

.xLineTitle h3 {
    font-weight: 400;
}

.xLineTitle h3,
.xLineTitle p {
    z-index: 3;
    position: relative;
}

.artistArticleItem {
    width: 580px;
    height: 352px;
}

.wallPhotos {
    width: 75%;
    position: absolute;
    left: 30px;
    bottom: 30px;
}

.thumbImg {
    overflow: hidden;
    width: 96px;
    height: 96px;
    background-color: rgba(0, 0, 0, .6);
    cursor: pointer;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.thumbImg.active {
    border: 4px solid #D5214E;
}

.thumbImg img {
    max-height: 96px;
    width: auto;
    max-width: 96px;
    height: auto;
}

.wallPhotoInfo {
    width: 300px;
    height: 150px;
    position: absolute;
    right: 0;
    bottom: 0;
    background: #e5e5e5;
    padding: 15px;
}

.valueNav {
    height: 35px;
    margin-left: 50px;
}

.valueNav .nav-item {
    height: 35px;
    line-height: 25px;
}

.valueNav .nav-item .nav-link {
    color: #9c9c9c;
    padding: .5rem
}

.valueNav .nav-item.active .nav-link {
    color: #000;
    font-weight: 500;
}

.artistLifeItem {
    width: 430px
}

.eventCoverImg img {
    /*max-height: 600px;*/
    /*width: auto;*/
    /*max-width: 600px;*/
    /*height: auto;*/
    width: 100%;
}

.aboutTitle {
    font-size: 4.5rem;
    line-height: 95px;
}

.pcOnly {}

.smOnly {
    display: none;
}
.sm-center{}
.sm-w-100{}
.lifeLeftNav,
.lifeRightNav {
    position: absolute;
    width: 80px;
    height: 300px;
    z-index: 99;
    top: 0;
    text-align: center;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    cursor: pointer;
}

.lifeLeftNav {
    left: 0;
    background-image: linear-gradient(to right, rgba(36, 36, 36, .8), rgba(36, 36, 36, 0));
}

.lifeRightNav {
    right: 0;
    background-image: linear-gradient(to right, rgba(36, 36, 36, 0), rgba(36, 36, 36, .8));
}

.life-next,
.life-prev {}

.life-next {}

.life-prev {}

.top2ArticleImg {
    width: 580px;
    height: 378px;
    padding: 40px;
    position: relative
}

.tag-box.nopos {
    position: inherit;
    bottom: auto
}

.listArtistName {
    color: #343a40;
    font-weight: 600;
    font-size: 15px;
}

.listArtistName:hover {
    color: #666;
}

.artworkitem {
    margin-bottom: 30px;
}

.galleryQuot {
    width: 38px;
    height: 33px;
    background-image: url(../images/icons/quot-d7.svg);
    background-size: auto;
}

.oneSourceBox {
    width: 580px;
    height: 378px;
}

.slideMask {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .15);
    z-index: 1;
}

.autosizeimg {
    max-height: 400px;
    width: auto;
    max-width: 603px;
    height: auto;
}

.introWapper {
    position: relative;
    z-index: 4;
}

.introPhoto {
    position: absolute;
    z-index: 1;
    bottom: 0;
}

.selfSourceImg {
    position: relative;
    overflow: hidden;
    width: 580px;
    height: 378px;
    margin-bottom: 1.5rem;
}

.artworkPhoto {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .8);
    z-index: 1099;

}

.artworkPhotoDiv {
    width: 100%;
    height: 100%;
}

.artworkPhoto img {
    width: auto;
    opacity: 0;
}

.artworkPhotoTools {
    width: 100%;
    height: 40px;
    /* line-height: 40px; */
    background: rgba(0, 0, 0, .5);
    position: absolute;
    z-index: 1200;
    padding-top: 5px;
    text-align: right;
}

.artworkPhotoTools a {
    height: 30px;
    width: 30px;
    display: inline-block;
    margin-right: 10px;
}

.artworkPhotoTools a i.close {
    top: 6px;
    left: -6px;
}

.social-share .social-share-icon {
    width: 25px !important;
    height: 25px !important;
    line-height: 25px !important;
}

.social-share .icon-weibo,
.social-share .icon-facebook,
.social-share .icon-wechat {
    color: #000 !important;
    border-color: #000 !important;
}

.social-share .icon-weibo:hover {
    background: #ff763b !important;
    color: #fff !important;
    border-color: #ff763b !important;
}

.social-share .icon-wechat:hover {
    background: #7bc549 !important;
    color: #fff !important;
    border-color: #7bc549 !important;
}

.social-share .icon-facebook:hover {
    background: #44619D !important;
    color: #fff !important;
    border-color: #44619D !important;
}

.maskTitle {
    position: relative;
    z-index: 2;
    text-align: center;
    padding: 3rem 0;
}

.maskTitle h3 {
    font-size: 40px;
}

.topSearch {
    background: #fff;
    position: fixed;
    top: 64px;
    left: 0;
    width: 100%;
    height: 60px;
    z-index: 9;
    padding: 15px 0;
}

.topSearch.v2 {
    top: 80px;
    padding: 40px 0;
    height: auto;
}

.topSearch .searchInput {}

.topSearchV2 {
    position: relative;
    /*display: none;*/
    margin-right: 30px;
    max-width: 400px;
    width: 100%;
}

.searchInput input {
    border: none;
    border-bottom: 1px solid #666;
    height: 30px;
    width: 100%;
    padding: 6px 10px;
}

.topSearch .closeSearch,
.topSearchV2 .closeSearch {
    position: absolute;
    right: 30px;
    top: 10px;
}

.topSearchV2 .closeSearch {
    top: 3px;
    right: 10px;
}

#emptyNav {
    height: 104px
}

.gCitySelect,
.gCityName {
    width: 212px;
    height: 48px;
}

.galleryFilterNavBox {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.galleryFilterNav {
    padding-top: 0.75rem;
}

.gCitySelect {
    margin-right: 1rem;
}

.customBox {
    padding: 3rem;
}

.customBlock1Desc {
    padding: 0 3rem;
}

.customBlock3 {
    padding-left: 1rem;
    margin-left: 3rem;
}

.customBtn {
    width: 400px;
}

.qaBox {
    padding-left: 3rem;
    padding-right: 3rem;
}

.qaQBot {
    bottom: 0;
}

.qaQTop {
    top: 0;
}

.iisuModal {
    max-width: 500px
}

.artistBg {
    height: 700px
}

.artistEmptyDiv {
    width: 1px;
    height: 100px
}

.artistInfoLayer {
    padding-bottom: 3rem;
    z-index: 2;
}

.artistSelfIntro {
    padding-right: 1.5rem
}

.valueTitle {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 1.5rem;
    margin-left: 1.5rem;
}

.roomArtworkSwiperPage .swiper-pagination-bullet {
    background: #ddd;
}

.roomArtworkSwiperPage .swiper-pagination-bullet-active {
    background: #fff;
}

.styleBadge {
    border: 1px solid #444;
    margin-right: .5rem;
    margin-top: .5rem;
    padding: .5rem 1.5rem;
    border-radius: 0;
    font-weight: 400;
}

.styleList {
    bottom: 0;
}

.gArticleImgDiv {
    width: 374px;
    height: 240px;
}

.pageBanner {
    height: 280px;
}

.artist_name {
    margin-bottom: 1rem;
}

.artistTag {
    border: 1px solid #444;
    border-radius: 0;
    font-weight: 400;
    padding: .5rem 1.5rem;
    margin-top: .5rem;
    margin-right: .5rem;
    font-size: 14px;
}

.currentInfoBox {
    margin: 0 1rem;
    padding: 1.5rem 0;
    position: relative;
}

.hzlink,
.hzimg {
    color: #fff;
    margin-bottom: 1rem;
    margin-right: 3rem;
    display: inline-block;
}

.hzlink:last-child,
.hzimg:last-child {
    margin-right: 0
}

.firstArtist {
    width: auto;
    height: auto;
}

/*artworks 20220306*/
.artworks-left {
    width: 20% !important;
    display: block;
}

.artworks-right {
    width: 77%;
    float: right;
    padding-left: 30px;
}

.toolbar,
.showResult {
    display: none;
}

.artworks-filter-item {
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
}

.artworks-filter-item a {
    font-size: 18px;
}

.artworks-filter-item a:hover {
    color: #000
}

.form-check {
    margin-bottom: 10px;
}

.form-check input[type="radio"],
.form-check input[type="checkbox"] {
    opacity: 0;
    width: 18px;
    height: 18px;
    top: -2px;
}

.form-check input[type="radio"]+.form-check-label:before,
.form-check input[type="checkbox"]+.form-check-label:before {
    content: '';
    background: #fff;
    border-radius: 100%;
    border: 1px solid #c8c8c8;
    display: inline-block;
    width: 18px;
    height: 18px;
    position: relative;
    margin-right: -12px;
    top: 1.5px;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    -webkit-transition: all 250ms ease;
    transition: all 250ms ease;
    left: -18px;
}


.form-check input[type="radio"]:checked+.form-check-label:before,
.form-check input[type="checkbox"]:checked+.form-check-label:before {
    /*color: #fff;*/
    border-color: #000;
    background-color: #000;
}

/*.artworks-filter-item label{display: block;}*/
/*.artworks-filter-item label input{*/
/*width: 18px;*/
/*height: 18px;*/
/*top: 2px;*/
/*position: relative;*/
/*margin-right: 6px;*/
/*}*/
/*.artworks-filter-item label input:checked, .artworks-filter-item label:before{*/
/*border-color: #000;*/
/*background-color: #000;*/
/*}*/
.artworks-filter-color {
    display: inline-block;
    margin: 0 2px 2px 0;
    width: 20px;
    height: 20px;
    background: transparent;
    border: 1px solid transparent;
}

.artworks-filter-color.active {
    border-color: #000000;
}

.artworks-filter-price {
    border: 1px solid #aaa;
    width: 75px;
}

.slide-image {
    height: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    min-height: inherit;
}

.slide-image.right {
    background-position: right;
}

.slide-image.top {
    background-position: top;
}

/*artworks 20220306*/
/*exhibition 20220306*/
.full-col:nth-child(even) {
    padding-right: 0;
}

.full-col:nth-child(odd) {
    padding-left: 0;
}

.exhibition-item {
    display: block;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    text-decoration: none;
    -webkit-transition: all ease 0.2s;
    transition: all ease 0.2s;
}

.exhibition-item:before {
    content: "";
    display: block;
    padding-top: 62.5%;
    width: 100%;
}

.exhibition-item-mask {
    background-color: rgba(0, 0, 0, 0.3);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
}

.exhibition-item-content {
    bottom: 0;
    position: absolute;
    width: 100%;
    color: #fff;
    padding: 2rem;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.view_more {
    color: #fff
}

.exhibition-item-title {}

.exhibition-item-title h3 {
    color: inherit;
}

.exhibition-item:hover {
    color: inherit;
}

.exhibition-item:hover .exhibition-item-mask {
    background-color: rgba(0, 0, 0, 0.2);
}

.exhibition-item:hover .view_more span,
.sulink:hover .view_more span {
    margin-left: 15px;
    -webkit-transition: all ease-in-out 200ms;
    transition: all ease-in-out 200ms;
}

.exh-intro {
    padding: 30px 30px 30px 55px;
}

.exh-intro.right {
    padding: 30px 55px 30px 30px;
}

.exh-image-section {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    max-height: 600px;
    min-height: 450px;
    background: #eee;
    padding: 15px;
}

.exh-images {
    height: 100%;

    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    /*position: absolute;*/
    /*top: 0;*/
    /*right: 0;*/
    /*bottom: 0;*/
    /*left: 0;*/
    /*z-index: 1;*/
    cursor: zoom-in;
    min-height: inherit;
}

.exh_item_name {
    font-size: 1.1rem;
    font-weight: 600;
}

.exh_item_name:hover {
    color: #ED0031;
}

.pageTopBanner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: calc(100vh - 220px);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    resize: both;
    width: 100%;
}

.pageTopBanner .shade {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    background: rgba(0, 0, 0, .3);
}

.pageTopBanner .title-content {
    color: #fff;
    text-align: center;
    position: relative;
    z-index: 2;
}

.imageSection {
    position: relative;
    /*background-color: black;*/
    background-position: center center !important;
    background-repeat: no-repeat !important;
    ;
}

.imageSection.is-loading {
    background-color: black !important;
    ;
    background-image: url(../images/loading.gif) !important;
    ;
    background-size: 35px !important;
    ;
}

.imageSection.is-broken {
    background-image: url(../images/image-broken.png) !important;
    ;
    background-color: #aaa !important;
    ;
    background-size: 40px !important;
    ;
}

.imageSection img,
.imageSection.bg div {
    -webkit-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    -ms-transition: opacity 0.4s;
    transition: opacity 0.4s;
}

.imageSection.is-loading img,
.imageSection.is-broken img,
.imageSection.bg.is-loading div,
.imageSection.bg.is-broken div {
    opacity: 0;
}

.artworkSwiperDiv {
    position: fixed;
    background-color: #000;
    width: 100vw;
    height: 100vh;
    z-index: 999;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

.artworkSwiperDiv .swiper-slide {
    height: 100vh;
}

.close-photo-zoom {
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 10px;
    top: 10px;
    text-align: center;
    /* cursor: pointer; */
    z-index: 1000;
}

.close-photo-zoom i {
    top: 6px !important;
    right: 6px !important;
}

.artworkphoto-tools {
    position: absolute;
    /* background: #fff; */
    width: 100%;
    text-align: center;
    z-index: 4;
    bottom: 10px;
}

.artworkphoto-info {
    position: absolute;
    right: 15px;
    top: 50px;
    padding: 10px;
    z-index: 999;
    background: rgba(0, 0, 0, .4);
}

.artworkphoto-next.swiper-button-disabled,
.artworkphoto-prev.swiper-button-disabled {
    opacity: .65;
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
    cursor: default !important;
}

.aboutFirstItem {
    position: absolute;
    left: 0;
    bottom: 0;
    max-width: 420px;
    min-height: 240px;
    background: #fff;
    border: 1px solid #eee;
    padding: 30px;
    line-height: 26px;
}

.about-item-image {
    position: relative;
    top: -60px;
    padding: 1.5rem;
}

.about-item-text {
    padding: 4rem 3rem 3rem 0;
    line-height: 26px;
}

/*.about-item-text br{*/
/*width: 1px;*/
/*height: 1px;*/
/*line-height: 0;*/
/*}*/
.about-item-text div p {
    margin-bottom: 10px;
}

.about-item-text.left {
    padding: 4rem 0 3rem 3rem;
}

.core_value_div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
}

.core_value {
    width: 20%;
    max-width: 200px;
    margin: 0 15px;
    line-height: 30px;
}

.core_value_image {
    width: 130px;
    height: 130px;
    background: #D5214E;
    color: #fff;
    text-align: center;
    line-height: 130px;
    border-radius: 65px;
    font-size: 18px;
    font-weight: 600;
    margin: 0 auto 15px auto;
}

/*.paper_swiper{height: 450px}*/
.banner-cover-link,
.banner-cover {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.banner-cover-link {
    z-index: 9;
    display: block;
}

.banner-cover {

    background: rgba(0, 0, 0, .2);
    z-index: 1;
}

.event-banner-title {
    position: absolute;
    left: 15%;
    bottom: 10%;
    color: #fff;
    z-index: 3;
}

.membershipItem {
    max-width: 330px;
}

.membershipItem-next,
.membershipItem-prev {
    position: absolute;
    bottom: 50%;
    width: 46px;
    height: 46px;
    font-size: 35px;
    background: #eee;
    text-align: center;
    line-height: 44px;
    border-radius: 23px;
    color: #555;
}

.membershipItem-next {
    right: -50px;
}

.membershipItem-prev {
    left: -50px;
}

.club-event-time {
    position: absolute;
    bottom: 15px;
}

.club-event-time p {
    margin-bottom: 8px;
}

.memberAvatar {
    width: 140px;
    height: 140px;
    border-radius: 70px;
    overflow: hidden;
}

.shareLogo {
    min-width: 100px;
}

.firstShareLogo {
    padding: 0.25rem 0 0.25rem 0.25rem;
}

.firstShareLogo img {
    margin-left: -5px;
}

.shareName {
    font-size: 13px;
}

/*exhibition 20220306*/
.eventInfoImg {
    min-height: 380px;
    overflow: hidden;
    height: 88vh;
}

.artistUl {
    margin: 0;
    padding: 0;
    list-style: none;
}

.artistUl li {
    margin-bottom: 4px;
}

.artistUl li a {
    font-weight: 600
}

.artistUl li a:hover {
    color: #D5214E
}

.artist-left-inner {
    padding-right: 30px;
}

.artistWorkBox {
    padding-left: 0;
}

.mainpage {
    padding: 80px 0 30px 0;
}

.pageSubTitle {
    height: 40px;
    position: absolute;
    top: -40px;
    z-index: 981;
    width: auto;
}

.pageSubTitle h2 {
    height: 40px;
    line-height: 45px;
    padding-left: 1rem;
    padding-right: 1rem;
    border-bottom: 1px solid #D2D6D9;
}

.pageSubTitle .banner-link {
    position: unset;
}

.pageSubTitle .banner-link span {
    padding: 0 10px;
    position: relative;
    top: -6px;
}

.pageSubTitle .banner-link a:hover {
    color: #D2D6D9
}

.indexArtistItem {
    position: relative;
    max-width: 320px;
    max-height: 320px;
    overflow: hidden;
}

.indexArtistItem a:hover {
    color: inherit;
}

.indexArtistItem img {
    width: 100%;
}

.indexArtistItem .indexArtistItem-info {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 8px 8px 0 0;
    background: #dedede;
    max-width: 200px;
}

.likeArtist .indexArtistItem .indexArtistItem-info {
    background: #fff;
}

.indexArtistItem .indexArtistItem-info .name {
    font-weight: 600;
    margin-bottom: 2px;
}

.indexArtistItem .indexArtistItem-info .country {
    margin-bottom: 0;
    font-size: 14px;
}

.likediv {
    position: absolute;
    top: 10px;
    right: 10px;
}

.likediv.v2 {
    top: 36px;
}

.detail.position {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 8px 8px 0 0;
    background: #fff;
    max-width: 200px;
}

.exhBannerInner {
    position: absolute;
    left: 0;


    z-index: 20;
    color: #454037;
}

.exhBannerCate {
    width: 125px;
    color: #D2D6D9;
    /*text-align: right;*/
    padding: 10px;
    font-size: 14px;
    background: #fff;
}

.exhBannerHeader {
    padding: 15px 10px 10px 15px;
    background: #fff;
    max-width: 600px;
}

.exhBannerInfo {
    padding-right: 30px;
}

.exhBannerInfo h2 {
    font-size: 1.7rem;
    font-weight: 700;
}

.exhItemInfo {
    color: #454037;
    position: absolute;
    max-width: 300px;
    left: 0;
    bottom: 0;
    background: #fff;
    padding: 8px 8px 0 0;
}

.exhItemInfo h3 {
    font-size: 18px;
    font-weight: 700;
}

.newsTitle {
    font-size: 2rem;
    font-weight: 700;
}

.membershipMean {
    width: 100%;
    max-width: 400px;
    position: relative;
}

.membershipMean.item1 {
    margin-bottom: 3rem;
}

.membershipMean .meanhead {
    position: absolute;
    left: 0;
    bottom: 0;
    max-width: 310px;
    background: #fff;
    text-align: center;
    padding: 10px 0 0 0;
}

.membershipMean.item2 {
    position: absolute;
    top: 50px;
    right: 0;
    z-index: 9;
}

.membershipMean.item2 .meanhead {
    bottom: auto;
    top: 0;
}

.membershipMean.item3 .meanhead {
    left: auto;
    right: 0;
}

.membershipMean .meanhead h3 {
    color: #D5214E;
    font-weight: 600;
}

.membershipMean .meanhead p {
    margin: 0 auto;
    padding-bottom: 6px;
    border-bottom: 1px solid #ccc;
    width: 80%;
    /*font-size: 15px;*/
    font-weight: 500;
}

.membershipMean .meanhead ul {
    text-align: left;
    margin: 0;
    list-style: none;
    font-size: 12px;
    padding: 6px 10px;
}

.benefitsWapper {
    position: relative;
    padding-left: 180px;
    max-width: 960px;
    margin: 0 auto;
}

.benefitsTitle {
    position: absolute;
    left: 0;
    top: 0;

    text-align: left;
    width: 140px;
    height: 140px;
    border-radius: 70px;
    background: #D5214E;

    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.benefitsTitle h3 {
    color: #fff;
    font-size: 19px;
    font-weight: 600;
    margin: 0 auto;
    width: 115px;
}

.eventHead {
    position: absolute;
    bottom: 0;
    background: #fff;
    padding: 6px 6px 0 0;
    max-width: 80%;
}

.eventHead h3 {
    font-size: 18px;
    font-weight: 600;
}

.eventHead p {
    margin-bottom: 0;
    font-size: 13px;
}

.suTabNav {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
    z-index: 3;
    height: 37px;
    /*border-bottom: 1px solid #575148;*/
}

.suTabNav li {
    /*display: inline-block;*/
    float: left;
    margin: 0;
    padding: 6px 15px;
    border-left: 1px solid #575148;
    cursor: pointer;
}

.suTabNav li a {
    display: block;
    color: #575148;
}

.suTabNav li a:hover {
    color: #D5214E;
}

.suTabNav li:last-child {
    border-right: 1px solid #575148;
}

.suTabNav li.active {
    border-bottom: 1px solid #fff;
    cursor: default;
}

.tabline {
    position: absolute;
    bottom: 0;
    z-index: 1;
    height: 1px;
    width: 100%;
    background: #575148;
}

.memberPhoto {
    position: relative;
    width: 196px;
    float: right;
    text-align: center;
}

.memberHead {
    width: 120px;
    height: 120px;
    border-radius: 60px;
    background: #A7A9AB;
    overflow: hidden;
    margin: 0 auto;
}

.memberIcon {
    position: absolute;
    bottom: 3px;
    right: 40px;
    z-index: 2;
    background: #D5214E;
    width: 32px;
    height: 32px;
    border-radius: 16px;
    text-align: center;
    line-height: 32px;
}

.meleftnavDiv {
    background: #fff;
}

.meleftnavDiv.fixed {
    position: fixed;
    top: 130px;
}

.meleftnav {
    border-left: 2px solid #fff;
    margin-bottom: 12px;
    margin-left: 15px;
}

.meleftnav a {
    display: block;
    color: #575148;
    padding: 1px 8px;
}

.meleftnav a:hover {}

.meleftnav.active {
    border-left: 2px solid #d5214e;
}

.infoInputRow {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
    margin-bottom: 1rem;
}

.labelDiv {
    width: 145px;
}

.labelDiv.pw {
    width: 200px;
}

.inputDiv {
    width: calc(100% - 145px);
    position: relative;
}

.inputDiv.pw {
    width: calc(100% - 200px);
}

.topEmpty {
    height: 120px;
}

.clearAll {
    clear: both
}

.followUs {
    padding-left: 20px;
}
/*2024 begin*/
a.swiper-slide:hover{
    color: inherit;
}
.indexBan{
    position: absolute;
    bottom: 10%;
    left: 10%;
    background: rgba(255, 255, 255, .5);
    padding: 15px;
}
.indexBan .headLine1{
    font-size: 30px;
    line-height: 32px;
    font-weight: 600;
}
.indexBan .headLine2{
    font-size: 28px;
    font-style: italic;
    margin-bottom: 15px;
}
.indexBan .headLine3{
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
}
/* .indexBan .headLine4{} */
.siteMenu{
    position: absolute;right: 2rem;
    display: block;
}
.siteMenu .closeMenu{
    display: none;
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 10001;
}
ul.siteMenuNav{
    list-style: none;
    position: relative;
    display: inline-block;
    padding: 0;
    margin: 0;
}
ul.siteMenuNav li{
    position: relative;
    display: inline-block;
}
ul.siteMenuNav li a{
    font-size: 1.2rem;
    letter-spacing: 1px;
    color: rgba(0, 0, 0, 0.6);
    /*  */
}
ul.siteMenuNav li .sub-list{
    position: absolute;
    top: 44px;
    left: 0;
    z-index: 1;
    width: 100%;
    text-align: center;
    background: #fff;
    padding: 15px 6px;
    display: none;
}
ul.siteMenuNav li .sub-list a{
    display: block;
    font-size: 16px;
}
ul.siteMenuNav li:hover .sub-list{
    display: block;
}
ul.siteMenuNav li a.langLink{
    display: inline-block;
    font-size: 15px;
}
ul.siteMenuNav li.active a, 
ul.siteMenuNav li a.active,
ul.siteMenuNav li a:hover{
    color: rgba(0, 0, 0, 1);
    /* color: rgba(255, 255, 255, 1); */
}
.divider{
    width: 100%;
    height: 1px;
    background-color: #000;
}
.gItem .detail{
    border-top: 1px solid #000;
    margin-top: 15px;
    padding-top: 10px
}
.exhText{
    display: block;
    position: absolute;
    bottom: 0;
    
}
.exhAddress,.exhTime{
    font-weight: 600;
    color: #242424;
}
.exhTime{text-align: right;}
/*2024 end*/
.articeDiv{text-align: justify !important}
.articeDiv img{
    max-width: 1200px !important;
    width: 100% !important;
    text-align: center!important;
}
/* Small devices sm (landscape phones, 576px and up) */
@media (min-width: 576px) {}

/* Medium devices md (tablets, 768px and up) */
@media (min-width: 768px) {}

/* Large devices lg (desktops, 992px and up) */
@media (min-width: 992px) {}

/* Extra large devices xl (large desktops, 1200px and up) */
@media (min-width: 1200px) {}

/*ipad*/
@media (max-width: 1112px) {
    .topNavList.v3 {
        margin-left: 0;
    }
}

@media (max-width: 1024px) {
    .iisuTopNav .nav-item {
        margin-right: 4px;
    }
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
    /*2024 begin*/
    .siteMenu{
        display: none;
        width: 100%;
        height: 100vh;
        left: 0;
        right: 0;
        bottom:0;
        top:0;
        background: #262425;
        z-index: 10000;
    }
    .siteMenu .closeMenu{
        display: block;
    }
    ul.siteMenuNav{
        display: block;
        position: relative;
        top:50%;
        transform: translateY(-50%);
    }
    ul.siteMenuNav li a{
        color: rgba(255, 255, 255, 0.6);
    }
    ul.siteMenuNav li{
        display: block;
        text-align: center;
    }
    ul.siteMenuNav li.active a, 
    ul.siteMenuNav li a.active,
    ul.siteMenuNav li a:hover{
        color: rgba(255, 255, 255, 1);
    }
    ul.siteMenuNav li .sub-list{
        position: relative;
        display: block;
        top: -3px;
        margin-bottom: 15px;
        background: transparent;
        padding: 0;
    }
    .exhText{
        position: unset;
        margin-top: 15px;
    }
    .exhTime{text-align: left;}
    /*2024 end*/
    
    .topEmpty {
        height: 60px;
    }

    .mainpage {
        padding: 20px 0;
    }

    .artistWorkBox {
        padding-left: 1rem;
        margin-top: 1rem;
    }

    .banner_swiper {
        height: 600px;
    }

    /*.banner_swiper2{height: 500px;}*/
    .su-logo.v3 {
        position: absolute;
        margin-left: -50px;
        margin-top: -1px;
    }

    .su-logo.v4 {
        width: 119px;
        height: 40px;
        left: 50%;
        margin-left: -50px;
        top: 4px;
        padding: 0;
        margin-top: 0;
    }

    .topNavList.v4 {
        position: unset;
        left: auto;
        transform: none;
    }

    .su-logo img {
        width: 100px;
    }

    .su-logo {
        top: 5px;
    }

    .website-topnav {
        padding-bottom: 10px;
        padding-top: 10px;
    }

    .website-submenu {
        width: 100%;
    }

    /*#articleNav:hover .website-submenu,#artistNav:hover .website-submenu{display: none}*/
    .topNavHome {
        display: block;
    }

    /*.topNavGallery{display: none;}*/
    #searchBtn {
        display: none;
    }

    .mobileSoBtn {
        display: block
    }

    .topRightNav {
        margin-right: auto;
        display: flex !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .topRightNav.v3 {
        margin-right: auto;
    }

    .topNavList,
    .topNavListV2,
    .topNavList.v3 {
        margin-left: auto
    }

    .nav-fixed-top,
    .artist-fixed-nav {
        top: 50px;
    }

    .submenu-enname {
        margin-bottom: 2rem;
    }

    .artistSearch {
        display: none !important;
    }

    .artistIntro {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

    .artistInfoText {
        margin-top: 0;
        margin-left: 1rem
    }

    .artistTags {
        position: absolute;
        top: 6px;
        right: 1.5rem;
        margin-top: 0;
        text-align: right;
    }

    .currentEventImg img {
        width: 200px;
    }

    .currentEventTitle {
        font-size: 1.2rem;
        margin-top: 65px;
    }

    /*.currentEventSummary{width: 80%;}*/
    .topSearch {
        top: 50px;
    }
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    /*2024 begin*/
    .sm-center{text-align: center;}
    .sm-w-100{width:100%}
    /*2024 end*/
    .pcOnly {
        display: none;
    }

    .smOnly {
        display: block;
    }
    .meleftnavDiv {
        display: none;
    }

    .membershipMean {
        margin-left: auto;
        margin-right: auto;
    }

    .membershipMean.item2 {
        position: relative;
        top: unset;
        margin-bottom: 2rem;
    }

    .membershipMean.item2 .meanhead {
        left: unset;
        right: 0;
    }

    .newsTitle {
        font-size: 1.8rem;
    }

    .exhBannerHeader {
        max-width: 400px;
    }

    .exhBannerInfo h2 {
        font-size: 1.3rem;
    }

    /*.col-md-6{width: 50% !important;}*/

    .eventInfoImg {
        height: auto;
    }

    .exh-intro,
    .exh-intro.right {
        padding: 30px;
    }

    .iisuTopNav .nav-item {
        line-height: 20px;
    }

    .membershipItem-next,
    .membershipItem-prev {
        display: none;
    }

    .club-event-time {
        position: unset;
        bottom: auto;
        margin-top: 15px;
    }

    .event-banner-title {
        left: 50%;
        bottom: 30px;
        transform: translateX(-50%);
    }

    .about-item-image {
        top: 0;
    }

    .about-item-text,
    .about-item-text.left {
        padding: 1.5rem;
    }

    .full-col:nth-child(even),
    .full-col:nth-child(odd) {
        padding-right: 0;
        padding-left: 0;
    }

    .core_value_div {
        display: block;
        -ms-flex-pack: unset;
        justify-content: unset;
        text-align: center;
    }

    .core_value {
        width: 100%;
        /*display: inline-grid;*/
        display: block;
        max-width: unset;
        margin-bottom: 30px;
    }

    .masonry-grid {
        margin-left: -5px;
        margin-right: -5px;
    }

    .index_art_works .masonry-grid .masonry-grid-item:nth-child(1) a,
    .index_art_works .masonry-grid .masonry-grid-item:nth-child(2) .item,
    .index_art_works .masonry-grid .masonry-grid-item:nth-child(3) .item,
    .index_art_works .masonry-grid .masonry-grid-item:nth-child(4) .item {
        display: none;
    }

    .masonry-grid .masonry-grid-item,
    .artworks-right .masonry-grid .masonry-grid-item {
        width: 50%;
        padding: 0 5px;
    }

    .masonry-grid .masonry-grid-item .item {
        margin-bottom: 40px;
    }

    .masonry-grid .masonry-grid-item .item .genre,
    .masonry-grid .masonry-grid-item .item .genre {
        font-size: .71rem;
    }

    .masonry-grid .masonry-grid-item .item .thumb {
        margin-bottom: 5px;
    }

    .masonry-grid .masonry-grid-item .item .detail .artist {
        margin-bottom: 0;
        /*font-size: .93rem;*/
    }

    .masonry-grid .masonry-grid-item .item .detail .name {
        margin-bottom: 0;
        /*font-size: .86rem;*/
    }

    .masonry-grid .masonry-grid-item .item .detail .gallery {
        margin-bottom: 0;
        font-size: .79rem;
    }

    .masonry-grid .masonry-grid-item .item .detail .info .price {
        font-size: .86rem;
        margin-right: 5px;
    }

    .masonry-grid .masonry-grid-item .item .detail .info .labels {
        margin-right: 5px;
    }

    .masonry-grid .masonry-grid-item .item .detail .info .labels .badge {
        font-size: .64rem;
        vertical-align: 2px;
    }

    .masonry-grid .masonry-grid-item .item .detail .info .favorite {
        padding: 13px 0 0 14px;
    }


    .index_art_works .item-top {
        display: block;
        flex-wrap: wrap;
        align-items: flex-end;
        justify-content: flex-end;
        margin-bottom: 40px;
    }

    .index_art_works .item-top .thumb {
        width: 100%;
        margin-bottom: 10px;
    }

    .index_art_works .item-top .detail {
        width: 100%;
        margin-right: 0;
    }

    .artice_heading {
        position: static;
    }

    .index_artice .item-top {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-end;
        justify-content: flex-end;
        margin-top: 20px;
        padding-bottom: 65px;
    }

    .index_artice .item-top .thumb {
        width: 100%;
    }

    .index_artice .item .detail {
        /*width: 58%;*/
        position: absolute;
        background: #fff;
        right: 0;
        bottom: 0;
        /*padding: 15px 11px;*/
        width: 86%;
        left: auto;
        /*right: 0;*/
        padding: 20px;
    }

    /*.index_artice .item-top .detail {*/
    /*width: 86%;*/
    /*left: auto;*/
    /*right: 0;*/
    /*padding: 20px;*/
    /*}*/
    .index_artice .item-top .detail .title {
        font-size: 1.2rem;
    }

    .artworks-left {
        display: none;
        position: fixed;
        /*display: block !important;*/
        /*margin: 0;*/
        padding: 0;
        background: #fff;
        list-style: none;
        z-index: 9999999998;
        top: 0;
        /*left: 0;*/
        height: 100vh;
        /*width: 100%;*/
        text-align: left;
        margin: 0 !important;
        width: calc(100% - 60px) !important;
        left: auto;
        right: 0;
        padding-bottom: 0px;
    }

    .artworks-left-inner,
    .artist-left-inner {
        padding: 0 15px 0 15px;
        overflow-x: hidden;
        overflow-y: auto;
        height: auto;
        flex-grow: 1;
        position: fixed;
        bottom: 49px;
        width: calc(100% - 81px);
        right: 10px;
        top: 52px;
    }

    .artist-left-inner {
        padding: 15px 15px 0 15px;
    }

    .toolbar {
        display: block;
        padding: 15px;
        border-bottom: 1px solid #ccc;
        margin-bottom: 10px;
    }

    .artworks-left .showResult {
        display: block;
        margin: 0;
        position: fixed;
        width: calc(100% - 60px);
        left: auto;
        right: 0;
        bottom: 0;
    }

    .artworks-left .showResult button {
        width: 100%;
        font-weight: 400;
        color: #fff;
        line-height: 20px;
        padding-top: 14px;
        padding-bottom: 14px;
        background: #222;
        text-transform: lowercase;
        border: none;
        margin-bottom: 0;
        -moz-border-radius: 0 !important;
        -webkit-border-radius: 0 !important;
        border-radius: 0 !important;
    }

    .artworks-right {
        width: 100%;
        padding: 0;
        float: none;
    }

    .exh-image-section {
        min-height: 300px;
    }

    .banner-prev {
        left: 20px;
    }

    .banner-next {
        right: 20px;
    }

    .banner_swiper {
        height: 500px;
    }

    .mobileEventTitle {
        display: block;
    }

    /*.pcEventTitle{display:none;}*/
    .eventSummary {
        position: unset;
    }

    .photo-thumbs,
    .photo-thumb-nav {
        display: none
    }

    .artworkIntro {
        position: unset;
        margin-top: 25px;
    }

    .artworkPhotos {
        height: 500px;
        margin-bottom: 20px;
    }

    .oneArtworkPhoto,
    .artworkPhotos.v2 {
        height: 450px;
    }

    .oneArtworkPhoto .photo-big img {
        max-height: 450px;
    }

    .photo-big {
        height: 100%;
    }

    .article-filter-item {
        width: auto
    }

    .iisu-filter-nav ul li a.toggle-item {
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }

    .artistNav {
        margin: auto;
    }

    /*.artworkSlideBox{width:290px;}*/

    .artistInfo {
        height: 140px;
    }

    .artistName,
    .artistNation {
        display: inline-block
    }

    .artistNation {
        margin-left: 6px;
    }

    .article_content,
    .article_view {
        width: 100%;
        margin: 0 auto;
    }

    .article_content img,
    .article_view img {
        width: 100% !important;
        max-width: 100% !important;
        left: 0;
        /*height: auto !important;*/
    }

    .article_view img {
        height: auto !important;
    }

    .article_content p {
        text-align: justify !important;
    }

    .gArticleImg {
        padding-left: 15px;
        padding-top: 15px;
    }

    .gArticleDesc {
        display: none;
    }

    .galleryIntroText {
        width: 100%;
        float: none;
        padding-left: 0;
    }

    .galleryIntroImg {
        width: 100%;
        float: none;
        margin-top: 40px;
        padding-bottom: 5px;
    }

    .currentEventImg img {
        width: 150px;
    }

    .currentEventTitle {
        font-size: 1rem;
    }

    .galleryCityFilter {
        margin-right: 1rem
    }

    /*.galleryNameFilter{}*/
    .gaItemLeft {
        padding-left: 15px !important;
        margin-bottom: 15px;
    }

    .gaShortIntro {
        padding: 1rem
    }

    .gaShortIntroContent {
        padding: 4rem 3rem;
        text-align: center
    }

    #emptyNav {
        height: 50px
    }

    .iisu-filter-nav,
    .artistFilterNav .container,
    .galleryFilterNav,
    .eventFilterNav {
        height: 50px;
        font-size: 16px;
    }

    .iisu-filter-nav ul li.artistSearch {
        display: none;
    }

    .gCitySelect,
    .gCityName {
        width: 200px;
        height: 34px;
    }

    .gCitySelect {
        margin-right: 0;
    }

    .nava,
    .artistNav a {
        height: 46px;
        line-height: 40px;
        font-size: 16px;
    }

    .galleryFilterNavBox {
        padding: 0;
    }

    .galleryFilterNav {
        padding-top: 8px;
    }

    .galleryNameFilter {
        display: none;
    }

    .leftNav {
        display: none
    }

    .customBox,
    .customBlock1Desc {
        padding: 0
    }

    .customBlock3 {
        padding-left: 0;
        margin-left: 0
    }

    .step_line {
        left: 38px;
        height: 360px;
    }

    .customBtn {
        width: 100%;
    }

    .artistbg {
        padding: 20px;
    }

    /*.artistBg{height: 500px}*/
    .topNavList li a.nav-link {
        height: 50px;
        line-height: 15px;
    }

    .topNavListV2 li a.nav-link {}

    .atag.lager {
        padding: .25rem .5rem;
    }

    .ifs-20 {
        font-size: 18px;
    }
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    /*2024 begin*/
    .indexBan{
        bottom: 20px;
        left: 20px;
    }
    .indexBan .headLine1{
        font-size: 28px;
        line-height: 24px;
    }
    .indexBan .headLine2{
        font-size: 22px;
        margin-bottom: 10px;
    }
    .indexBan .headLine3{
        font-size: 18px;
        margin-bottom: 10px;
    }
    /*2024 end*/
    .followUs {
        padding-left: 0;
    }

    .infoInputRow {
        display: block !important;
        justify-content: unset !important;
    }

    .labelDiv,
    .labelDiv.pw {
        width: auto;
        margin-bottom: 6px;
    }

    .inputDiv,
    .inputDiv.pw {
        width: 100%;
    }

    .memberPhoto {
        float: none;
        margin: -20px auto 15px auto;
    }

    .benefitsWapper {
        padding-left: 30px;
        padding-right: 30px;
    }

    .benefitsTitle {
        position: unset;
        margin: 0 auto 30px auto;
    }

    .aboutFirstItem {
        position: unset;
    }

    .aboutDesc {
        margin-left: 0;
        max-width: 50%;
        width: 50%;
        text-align: center;
    }

    .exhibition-item-title .titlespan {
        font-size: 1.1rem;
    }

    .artwork-slide li {
        width: 90%;
    }

    .artwork-slide li:not(:first-child) {
        display: none;
    }

    /*.artistWorkBox{margin-top: 1rem;}*/
    .artistbg {
        padding: 15px;
    }

    

    /*.article_content p{margin-left: auto;margin-right:auto;}*/
    .banner_swiper,
    .gallery_swiper {
        height: 400px;
    }

    .banner_swiper2 {
        height: auto;
    }

    .banner-title {
        width: 320px;
        margin-left: -160px;
        max-height: 200px;
        margin-top: -100px;
    }

    /*.banner-link i{width:18px;height: 18px;}*/
    .fs-2_5rem {
        font-size: 1.4rem !important;
    }

    /*.artistInfo{height: 130px;}*/
    .line-title-line {
        width: 300px;
    }

    .commentBox {
        padding: 1.5rem;
    }

    .footLinkItem {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        text-align: center;
    }

    .footGrand {
        text-align: center
    }

    .footGrandItem {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        display: inline-block;
        /*margin-right: 10px;*/
        font-size: 1rem;
    }

    .tagFilter {
        position: fixed !important;
        padding: 6px;
        /* position: absolute; */
        background: #fff;
        top: 102px;
        z-index: 1;
        left: 0;
        margin-right: 0;
    }

    .tagFilter2 {
        position: fixed !important;
        padding: 6px;
        /* position: absolute; */
        background: #fff;
        top: 102px;
        z-index: 1;
        left: 0;
        margin-right: 0;
    }

    .tagFilter2 span {
        margin-top: 0 !important;
    }

    .currentEventImg img {
        width: 100px;
    }

    /*.currentEventTitle{font-size: 1.2rem;margin-top: 65px;}*/
    /*.currentEventSummary{width: 100%;}*/
    .galleryCityFilter {
        margin-right: 0
    }

    .galleryNameFilter {
        display: none;
    }

    .aboutbg {
        width: 120px;
        height: 120px;
        right: -60px;
        top: 30px;
    }

    .qaBox {
        padding-left: 0;
        padding-right: 0;
    }

    .qaQBot {
        bottom: -35px;
    }

    .qaQTop {
        top: -35px;
    }

    /*.artistBg{height: 400px}*/
    .artistInfoLayer {
        padding-bottom: 0;
    }

    .selfSourceImg {
        width: 100%;
        height: auto;
    }

    .artistSelfIntro {
        padding-right: 0
    }

    .styleBadge {
        padding: 6px;
    }

    .styleList {
        bottom: -15px;
    }

    .artworkPhotos {
        height: 400px;
    }

    .gArticleRow {
        margin-right: 0
    }

    .gArticleImgDiv,
    .oneSourceBox {
        width: 100%;
        height: auto;
    }

    .ifs-22 {
        font-size: 20px;
    }

    .artist_name {
        margin-bottom: .25rem;
    }

    .gaShortIntro {
        padding: 0;
        margin-top: 0
    }

    .galleryButton {
        position: absolute;
        right: 15px;
        top: -55px;
    }

    .oneArtworkPhoto,
    .artworkPhotos.v2 {
        height: 380px;
    }

    .oneArtworkPhoto .photo-big img {
        max-height: 380px;
    }
}


@media (max-width: 440px) {
    html {
        font-size: 14px;
    }

    body {
        font-size: 1rem;
    }

    .su-logo {
        top: 4px;
    }

    .exhBannerInfo {
        padding-right: 4px;
    }

    .exhBannerInfo h2 {
        font-size: 1.2rem;
    }

    .newsTitle {
        font-size: 1.4rem;
    }

    .exhibition-item-title h3 {
        font-size: 1.4rem;
    }

    .ifs-22 {
        font-size: 18px;
    }

    .ifs-24 {
        font-size: 20px;
    }

    .ifs-36 {
        font-size: 24px;
    }

    .ifs-48 {
        font-size: 30px;
    }

    .aboutTitle {
        font-size: 1.6rem;
        line-height: 50px;
    }

    .firstShareLogo {
        padding: 0.25rem
    }

    .firstShareLogo img {
        margin-left: auto
    }

    .artistDesc:last-child {
        margin-bottom: 0;
        /*display: none; margin-bottom: 8px;*/
    }

    .article_swiper {
        height: auto;
    }

    .banner_swiper,
    .gallery_swiper {
        height: 300px;
    }

    .banner-prev,
    .banner-next,
    .article-next,
    .article-prev {
        display: none
    }

    .service-block {
        height: 40px;
        width: 40px;
        border-radius: 20px 0 0 20px;
    }

    .service-block i {
        top: 1px;
        left: 2px;
    }

    .service-block p,
    .service-block div.text-right {
        display: none;
    }

    .commentBox {
        padding: 1rem;
    }

    .footDesc {
        letter-spacing: 0;
    }

    .feedback-item {
        width: 100%;
        height: auto;
    }

    .emptyblock {
        height: 0;
    }

    .artistItem {
        width: 50%;
    }

    /*.artistbg{height: auto;width: auto;padding: 20px;}*/
    #indexTagListMobile {
        display: block;
    }

    #indexTagListPc {
        display: none;
    }

    .menuSline {
        margin: 0 .5rem;
    }

    .iisu-filter-nav ul li a.toggle-item {
        width: 100%;
        padding-left: 24px;
        padding-right: 24px;
    }

    .col-sm-6 {
        width: 50% !important;
    }

    .artistTags {
        /*position: unset;*/
        margin-top: 5px;
        margin-left: 95px;
        min-width: 190px;
        max-width: 211px;
        text-align: left;
        /*bottom: 5px;*/
        top: 35px;
        left: 30px;
        overflow: hidden;
    }

    .artistWorkBox {
        margin-top: 16px;
    }

    .artistTagItem {
        padding: .3rem .5rem;
    }

    .artistInfo {
        height: 120px;
    }

    .artistTag {
        padding: .5rem;
        font-size: 12px;
    }

    /*.galleryLogo{height: 220px;}*/

    .gallery-more {
        display: none !important;
    }

    .nava,
    .artistNav a {
        font-size: 14px;
    }

    .galleryLogo {
        width: 350px;
        height: 350px;
    }

    /*.iisuModal{width: 360px}*/
    /*.artistBg{height: 300px}*/
    .artistEmptyDiv {
        height: 0
    }

    .xLineTitle .xicon.big {
        top: 5px;
    }


    .valueTitle {
        display: block;
        -ms-flex-pack: unset;
        justify-content: unset;
        /*margin-bottom: 1.5rem;*/
        /*margin-left: 1.5rem;*/
    }

    .valueTitle p.menublock-title {
        margin-bottom: 10px;
    }

    .valueTitle .valueNav {
        margin-left: 0;
    }

    .artworkPhotos {
        height: 330px;
    }

    .pageBanner {
        height: 140px;
    }

    .currentEvent {
        display: block;
    }

    .currentEventImg {
        width: auto;
        max-height: 200px;
        overflow: hidden;
    }

    /*.currentEventSummary{text-align: justify;}*/
    .currentInfoBox {
        margin-left: 0;
        padding: 1.5rem 1rem;
    }

    .currentEventImg img {
        width: 100%;
    }

    .galleryEventCard {
        display: none;
    }

    .oneArtworkPhoto,
    .artworkPhotos.v2 {
        height: 300px;
    }

    .oneArtworkPhoto .photo-big img {
        max-height: 300px;
    }
}

@media (max-width: 375px) {
    .newsTitle {
        font-size: 1.2rem;
    }

    .artistNav .nav-link {
        padding: .5rem;
    }

    .currentEventImg {
        display: none !important;
    }

    .galleryLogo {
        width: 314px;
        height: 314px;
    }

    /*.iisuModal{width: 340px}*/
}

@media (max-width: 320px) {
    .iisu-filter-nav ul li a.toggle-item {
        width: 100%;
        padding-left: 12px;
        padding-right: 12px;
    }

    .galleryLogo {
        width: 250px;
        height: 250px;
    }

    /*.iisuModal{width: 300px}*/
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}