.photo-item {
    position: relative;
    width: 220px;
    height: 220px;
    margin: 0 auto;
    border-radius: 8px;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}
.photo-item .img {
    position: relative;
    width: 220px;
    height: 220px;
    border-radius: 8px;
    overflow: hidden;
}
.photo-item .img img {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    display: block;
}
.photo-item:hover {
    box-shadow: 3px 3px 6px rgba(0,0,0,0.2);
    transform: scale(1.05);
}
@media screen and (min-width: 769px) {
    html {
        min-width: 1477px;
    }
    body {
        min-width: 1477px;
        margin: 0 auto;
    }
    header {
        position: static !important;
        background: transparent !important;
    }
    .hamburger-btn {
        display: none !important;
    }
    .mobile-nav-overlay {
        display: none !important;
    }
    #demo {
        width: 1407px !important;
        overflow: hidden !important;
    }
    #demo #demo1 table {
        width: auto !important;
    }
    .pagination-bar {
        text-align: right !important;
        margin-right: 100px !important;
    }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
    html {
        min-width: auto !important;
        overflow-x: hidden;
    }
    body {
        min-width: auto !important;
        width: 100% !important;
        overflow-x: hidden;
        margin: 0;
    }
    img {
        max-width: 100%;
        height: auto;
    }
    table[width="1477"] {
        width: 100% !important;
        max-width: 100% !important;
    }
    .main_table {
        width: 100% !important;
        max-width: 100% !important;
        overflow: visible !important;
        border-radius: 0 !important;
        border: none !important;
    }
    .rounded-table {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
    }
    .rounded-table td {
        height: auto !important;
    }
    .animate-element {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
    .svg-icon, .svg-container {
        display: none !important;
    }
    .right-align {
        text-align: center;
        padding: 5px 10px;
    }
    .image-container {
        padding: 5px 15px;
        position: relative;
    }
    .image-container #logo {
        max-width: 80%;
    }
    #logo {
        max-width: 80%;
    }
    header {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        z-index: 100 !important;
        background: rgba(0,0,0,0.6) !important;
    }
    .hamburger-btn {
        display: block !important;
        position: absolute !important;
        right: 15px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        width: 36px !important;
        height: 36px !important;
        background: none !important;
        border: none !important;
        cursor: pointer !important;
        z-index: 1001 !important;
        padding: 0 !important;
    }
    .hamburger-btn span {
        display: block !important;
        width: 24px !important;
        height: 3px !important;
        background-color: #fff !important;
        margin: 4px auto !important;
        border-radius: 2px !important;
        transition: all 0.3s ease !important;
    }
    .hamburger-btn.active span:nth-child(1) {
        transform: rotate(45deg) translate(5px, 5px) !important;
    }
    .hamburger-btn.active span:nth-child(2) {
        opacity: 0 !important;
    }
    .hamburger-btn.active span:nth-child(3) {
        transform: rotate(-45deg) translate(5px, -5px) !important;
    }
    .mobile-nav-overlay {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.5);
        z-index: 998;
    }
    .mobile-nav-overlay.active {
        display: block;
    }
    #navbar {
        background-image: url('/1887BMP/bg6.png') !important;
        background-size: cover !important;
    }
    #navbar > tr > td,
    #navbar > tbody > tr > td {
        display: none !important;
    }
    #navbar.mobile-nav-open {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 60% !important;
        max-width: 350px !important;
        height: 100% !important;
        background: rgba(10,10,46,0.7) !important;
        z-index: 999 !important;
        overflow-y: auto !important;
        padding: 10px 0 20px 0 !important;
    }
    #navbar.mobile-nav-open > tr > td,
    #navbar.mobile-nav-open > tbody > tr > td {
        display: block !important;
        width: 100% !important;
        border-bottom: 1px solid rgba(255,255,255,0.1) !important;
        padding: 0 !important;
    }
    #navbar.mobile-nav-open > tr > td.svg-container,
    #navbar.mobile-nav-open > tbody > tr > td.svg-container {
        display: none !important;
    }
    #navbar.mobile-nav-open > div[style*="padding:15px"] {
        width: 100% !important;
        padding: 15px 20px !important;
        text-align: center !important;
        border-bottom: 1px solid rgba(255,255,255,0.15) !important;
        box-sizing: border-box !important;
    }
    #navbar.mobile-nav-open > div[style*="padding:15px"] img {
        max-width: 70% !important;
        height: auto !important;
        display: block !important;
        margin: 0 auto !important;
    }
    #navbar.mobile-nav-open table {
        width: 100% !important;
        min-width: 0 !important;
    }
    #navbar.mobile-nav-open table tr {
        display: block !important;
    }
    #navbar.mobile-nav-open table tr td {
        display: block !important;
        width: 100% !important;
        border-bottom: 1px solid rgba(255,255,255,0.1) !important;
    }
    #navbar.mobile-nav-open .nav-menu {
        width: 100% !important;
    }
    #navbar.mobile-nav-open .nav-menu > li {
        float: none !important;
        display: block !important;
        width: 100% !important;
        border-right: none !important;
        border-bottom: 1px solid rgba(255,255,255,0.1) !important;
    }
    #navbar.mobile-nav-open .nav-menu li a {
        font-size: 16px !important;
        padding: 14px 20px !important;
        display: block !important;
        border-radius: 0 !important;
        color: #fff !important;
    }
    #navbar.mobile-nav-open .nav-menu li a::before {
        display: none !important;
    }
    .hxz-swiper-wrap {
        display: none !important;
    }
    .hxz-swiper {
        display: none !important;
    }
    .rounded-table.animate-element.delay-2 {
        height: auto !important;
    }
    #contentContainer {
        display: none !important;
    }
    #carouselContainer {
        display: none !important;
    }
    .trans3d {
        display: none !important;
    }
    .carouselItem, .carouselItemInner {
        display: none !important;
    }
    #demo {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        overflow: visible !important;
    }
    #demo > table {
        width: 100% !important;
    }
    #demo > table > tbody > tr {
        display: block !important;
    }
    #demo > table > tbody > tr > td {
        display: block !important;
    }
    #demo #demo1 {
        display: block !important;
        width: 100% !important;
    }
    #demo #demo1 table {
        width: 100% !important;
        max-width: 100% !important;
    }
    #demo #demo1 table tr {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 3px !important;
    }
    #demo > table {
        height: auto !important;
    }
    #demo > table > tbody > tr {
        height: auto !important;
    }
    #demo > table > tbody > tr > td {
        height: auto !important;
    }
    #demo #demo1 {
        height: auto !important;
    }
    #demo #demo1 table tr td {
        width: calc(50% - 3px) !important;
        height: auto !important;
        padding: 0 !important;
        text-align: center !important;
    }
    #demo #demo2 {
        display: none !important;
    }
    .newpic_list {
        width: 100% !important;
    }
    .newpic_list ul {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 3px !important;
        list-style: none !important;
        padding: 0 !important;
        margin: 0 auto !important;
        width: 100% !important;
    }
    .newpic_list ul td {
        width: calc(50% - 3px) !important;
        height: auto !important;
        padding: 0 !important;
        display: inline-block !important;
    }
    #demo table {
        overflow: visible !important;
        border: none !important;
        border-radius: 0 !important;
    }
    #demo #demo1 table {
        overflow: visible !important;
        border: none !important;
        border-radius: 0 !important;
    }
    .newpic_pic {
        width: 100% !important;
        height: auto !important;
        border: none !important;
        border-radius: 12px !important;
        overflow: hidden !important;
    }
    .newpic_pic a {
        display: block !important;
        width: 100% !important;
        border-radius: 12px !important;
        overflow: hidden !important;
    }
    .newpic_pic a img {
        width: 100% !important;
        height: auto !important;
        max-width: none !important;
        max-height: none !important;
        border-radius: 12px !important;
        display: block !important;
    }
    #demo td[height] {
        height: auto !important;
    }
    #demo img[width][height] {
        width: 100% !important;
        height: auto !important;
    }
    .newpic_list td[height] {
        height: auto !important;
    }
    .newpic_list img[width][height] {
        width: 100% !important;
        height: auto !important;
    }
    .photo-category {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        align-items: flex-start !important;
        width: 100% !important;
        margin-bottom: 10px;
    }
    .photo-category span {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        margin-left: 0 !important;
        width: 100% !important;
    }
    .photo-category div[id^="parent"] {
        display: inline-block !important;
        width: auto !important;
        margin: 2px 5px !important;
    }
    .photo-category div[id^="parent"] table {
        width: auto !important;
        border: none !important;
        border-radius: 0 !important;
        overflow: visible !important;
    }
    .photo-category div[id^="parent"] td {
        width: auto !important;
        white-space: nowrap !important;
        padding: 2px 4px !important;
    }
    .photo-category div[id^="parent"] td img {
        display: none !important;
    }
    .photo-category div[id^="child"] {
        display: none !important;
    }
    .main_table table[style*="border-bottom"] {
        width: 100% !important;
    }
    .main_table table[style*="border-bottom"] tr {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
    }
    .main_table table[style*="border-bottom"] td {
        width: auto !important;
        height: auto !important;
    }
    .main_table table[style*="border-bottom"] form {
        display: flex !important;
        align-items: center !important;
    }
    .main_table table[style*="border-bottom"] form .input1 {
        width: 120px !important;
    }
    .main_table table[style*="border-bottom"] form button img {
        width: 28px !important;
        height: 28px !important;
    }
    .photo-content {
        display: block;
        width: 100% !important;
    }
    .photo-content table[width="100%"] > tbody > tr > td {
        display: inline-block;
        width: 48% !important;
        vertical-align: top;
        padding: 8px 4px;
        text-align: center;
    }
    .photo-content .photo-item {
        width: 150px !important;
        height: 150px !important;
        margin: 0 auto;
    }
    .photo-content .photo-item .img {
        width: 150px !important;
        height: 150px !important;
    }
    .photo-item {
        width: 160px !important;
        height: 160px !important;
    }
    .photo-item .img {
        width: 160px !important;
        height: 160px !important;
    }
    .photo-content table tr:last-child td {
        white-space: nowrap !important;
        text-align: center !important;
        display: table-cell !important;
        width: 100% !important;
    }
    .photo-content table tr:last-child td a,
    .photo-content table tr:last-child td span {
        display: inline-block !important;
        white-space: nowrap !important;
        vertical-align: middle !important;
    }
    .photo-show-wrap img, .viewright img {
        max-width: 100%;
        height: auto;
    }
    .photo-show-wrap table, .viewright table {
        width: 100% !important;
    }
    .about-content-wrap img {
        max-width: 100%;
        height: auto;
    }
    .about-content-wrap table {
        width: 100% !important;
    }
    .about-content-wrap td {
        font-size: 15px;
        line-height: 1.6;
        word-break: break-word;
    }
    .link-images-wrap {
        display: block !important;
        width: 100% !important;
        border: none !important;
    }
    .link-images-wrap tbody {
        display: block !important;
    }
    .link-images-wrap tr {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 15px !important;
    }
    .link-images-wrap td[colspan] {
        display: none !important;
    }
    .link-images-wrap td {
        display: block !important;
        width: calc(50% - 15px) !important;
        text-align: center !important;
        vertical-align: middle !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }
    .link-images-wrap td a {
        display: block !important;
        text-align: center !important;
    }
    .link-images-wrap td img {
        max-width: 100% !important;
        height: auto !important;
        display: block !important;
        margin: 0 auto !important;
    }
    .bottom-wrap {
        width: 100%;
    }
    .bottom-wrap img {
        max-width: 100%;
        height: auto;
    }
    .bottom-wrap video {
        display: none;
    }
    .bottom-wrap font, .bottom-wrap a {
        font-size: 13px;
    }
    .form-field input[type="text"],
    .form-field textarea,
    .form-field select {
        width: 100% !important;
    }
    .input1 {
        width: 100% !important;
    }
    .info {
        font-size: 15px;
    }
    .main_table td {
        padding: 8px;
    }
    object, embed {
        display: none !important;
    }
    .pagination-bar {
        text-align: center !important;
    }
}

@media screen and (max-width: 768px) {
    * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    html {
        overflow-x: hidden;
        width: 100%;
    }
    body {
        width: 100%;
        overflow-x: hidden;
    }
    img {
        max-width: 100%;
        height: auto;
    }
    table[width="1477"] {
        width: 100% !important;
        max-width: 100% !important;
    }
    #demo table[width="1477"] {
        width: auto !important;
        max-width: none !important;
    }
        .main_table {
        width: 100% !important;
        max-width: 100% !important;
        overflow: visible !important;
        border-radius: 0 !important;
        border: none !important;
    }
    .rounded-table {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        border: none !important;
        border-radius: 0 !important;
    }
    .rounded-table td {
        height: auto !important;
        border: none !important;
    }
    .animate-element {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
    .svg-icon, .svg-container {
        display: none !important;
    }
    .right-align {
        text-align: center;
        padding: 5px 0;
    }
    .lang-btn {
        height: 24px;
        border-radius: 12px;
    }
    .lang-btn span {
        font-size: 12px;
        padding: 0 6px;
    }
    .image-container {
        padding: 5px 10px;
        position: relative;
    }
    .image-container #logo {
        max-width: 70%;
    }
    #logo {
        max-width: 70%;
    }
    header {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        z-index: 100 !important;
        background: rgba(0,0,0,0.6) !important;
    }
    .hamburger-btn {
        display: block !important;
        position: absolute !important;
        right: 15px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        width: 36px !important;
        height: 36px !important;
        background: none !important;
        border: none !important;
        cursor: pointer !important;
        z-index: 1001 !important;
        padding: 0 !important;
    }
    .hamburger-btn span {
        display: block !important;
        width: 24px !important;
        height: 3px !important;
        background-color: #fff !important;
        margin: 4px auto !important;
        border-radius: 2px !important;
        transition: all 0.3s ease !important;
    }
    .hamburger-btn.active span:nth-child(1) {
        transform: rotate(45deg) translate(5px, 5px) !important;
    }
    .hamburger-btn.active span:nth-child(2) {
        opacity: 0 !important;
    }
    .hamburger-btn.active span:nth-child(3) {
        transform: rotate(-45deg) translate(5px, -5px) !important;
    }
    .mobile-nav-overlay {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.5);
        z-index: 998;
    }
    .mobile-nav-overlay.active {
        display: block;
    }
    #navbar {
        background-image: url('/1887BMP/bg6.png') !important;
        background-size: cover !important;
    }
    #navbar > tr > td,
    #navbar > tbody > tr > td {
        display: none !important;
    }
    #navbar > tr > td.svg-container,
    #navbar > tbody > tr > td.svg-container {
        display: none !important;
    }
    #navbar.mobile-nav-open {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 75% !important;
        max-width: 300px !important;
        height: 100% !important;
        background: rgba(10,10,46,0.7) !important;
        z-index: 999 !important;
        overflow-y: auto !important;
        padding: 10px 0 20px 0 !important;
    }
    #navbar.mobile-nav-open > tr > td,
    #navbar.mobile-nav-open > tbody > tr > td {
        display: block !important;
        width: 100% !important;
        border-bottom: 1px solid rgba(255,255,255,0.1) !important;
        padding: 0 !important;
    }
    #navbar.mobile-nav-open > tr > td.svg-container,
    #navbar.mobile-nav-open > tbody > tr > td.svg-container {
        display: none !important;
    }
    #navbar.mobile-nav-open > div[style*="padding:15px"] {
        width: 100% !important;
        padding: 15px 20px !important;
        text-align: center !important;
        border-bottom: 1px solid rgba(255,255,255,0.15) !important;
        box-sizing: border-box !important;
    }
    #navbar.mobile-nav-open > div[style*="padding:15px"] img {
        max-width: 70% !important;
        height: auto !important;
        display: block !important;
        margin: 0 auto !important;
    }
    #navbar.mobile-nav-open table {
        width: 100% !important;
        min-width: 0 !important;
    }
    #navbar.mobile-nav-open table tr {
        display: block !important;
    }
    #navbar.mobile-nav-open table tr td {
        display: block !important;
        width: 100% !important;
        border-bottom: 1px solid rgba(255,255,255,0.1) !important;
    }
    #navbar.mobile-nav-open .nav-menu {
        width: 100% !important;
    }
    #navbar.mobile-nav-open .nav-menu > li {
        float: none !important;
        display: block !important;
        width: 100% !important;
        border-right: none !important;
        border-bottom: 1px solid rgba(255,255,255,0.1) !important;
    }
    #navbar.mobile-nav-open .nav-menu li a {
        font-size: 16px !important;
        padding: 14px 20px !important;
        display: block !important;
        border-radius: 0 !important;
        color: #fff !important;
    }
    #navbar.mobile-nav-open .nav-menu li a::before {
        display: none !important;
    }
    .hxz-swiper-wrap {
        display: none !important;
    }
    .hxz-swiper {
        display: none !important;
    }
    .rounded-table.animate-element.delay-2 {
        height: auto !important;
    }
    .rounded-table img[style*="border-radius"],
    div[style*="margin-top:5px"] img[style*="border-radius"] {
        border-radius: 0 !important;
    }
    #contentContainer {
        display: none !important;
    }
    #carouselContainer {
        display: none !important;
    }
    .trans3d {
        display: none !important;
    }
    .carouselItem, .carouselItemInner {
        display: none !important;
    }
    #demo {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        overflow: visible !important;
    }
    #demo > table {
        width: 100% !important;
    }
    #demo > table > tbody > tr {
        display: block !important;
    }
    #demo > table > tbody > tr > td {
        display: block !important;
    }
    #demo #demo1 {
        display: block !important;
        width: 100% !important;
    }
    #demo #demo1 table {
        width: 100% !important;
        max-width: 100% !important;
    }
    #demo #demo1 table tr {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 3px !important;
    }
    #demo > table {
        height: auto !important;
    }
    #demo > table > tbody > tr {
        height: auto !important;
    }
    #demo > table > tbody > tr > td {
        height: auto !important;
    }
    #demo #demo1 {
        height: auto !important;
    }
    #demo #demo1 table tr td {
        width: calc(50% - 3px) !important;
        height: auto !important;
        padding: 0 !important;
        text-align: center !important;
    }
    #demo #demo2 {
        display: none !important;
    }
    .newpic_list {
        width: 100% !important;
    }
    .newpic_list ul {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 3px !important;
        list-style: none !important;
        padding: 0 !important;
        margin: 0 auto !important;
        width: 100% !important;
    }
    .newpic_list ul td {
        width: calc(50% - 3px) !important;
        height: auto !important;
        padding: 0 !important;
        display: inline-block !important;
    }
    #demo table {
        overflow: visible !important;
        border: none !important;
        border-radius: 0 !important;
    }
    #demo #demo1 table {
        overflow: visible !important;
        border: none !important;
        border-radius: 0 !important;
    }
    .newpic_pic {
        width: 100% !important;
        height: auto !important;
        border: none !important;
        border-radius: 12px !important;
        overflow: hidden !important;
    }
    .newpic_pic a {
        display: block !important;
        width: 100% !important;
        border-radius: 12px !important;
        overflow: hidden !important;
    }
    .newpic_pic a img {
        width: 100% !important;
        height: auto !important;
        max-width: none !important;
        max-height: none !important;
        border-radius: 12px !important;
        display: block !important;
    }
    #demo td[height] {
        height: auto !important;
    }
    #demo img[width][height] {
        width: 100% !important;
        height: auto !important;
    }
    .newpic_list td[height] {
        height: auto !important;
    }
    .newpic_list img[width][height] {
        width: 100% !important;
        height: auto !important;
    }
    .photo-category {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        align-items: flex-start !important;
        width: 100% !important;
        margin-bottom: 10px;
    }
    .photo-category span {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        margin-left: 0 !important;
        width: 100% !important;
    }
    .photo-category div[id^="parent"] {
        display: inline-block !important;
        width: auto !important;
        margin: 2px 5px !important;
    }
    .photo-category div[id^="parent"] table {
        width: auto !important;
        border: none !important;
        border-radius: 0 !important;
        overflow: visible !important;
    }
    .photo-category div[id^="parent"] td {
        width: auto !important;
        white-space: nowrap !important;
        padding: 2px 4px !important;
    }
    .photo-category div[id^="parent"] td img {
        display: none !important;
    }
    .photo-category div[id^="child"] {
        display: none !important;
    }
    .main_table table[style*="border-bottom"] {
        width: 100% !important;
    }
    .main_table table[style*="border-bottom"] tr {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
    }
    .main_table table[style*="border-bottom"] td {
        width: auto !important;
        height: auto !important;
    }
    .main_table table[style*="border-bottom"] form {
        display: flex !important;
        align-items: center !important;
    }
    .main_table table[style*="border-bottom"] form .input1 {
        width: 100px !important;
    }
    .main_table table[style*="border-bottom"] form button img {
        width: 24px !important;
        height: 24px !important;
    }
    .photo-content {
        display: block;
        width: 100% !important;
    }
    .photo-content table[width="100%"] > tbody > tr > td {
        display: inline-block;
        width: 48% !important;
        vertical-align: top;
        padding: 5px 2px;
        text-align: center;
    }
    .photo-content .photo-item {
        width: 120px !important;
        height: 120px !important;
        margin: 0 auto;
    }
    .photo-content .photo-item .img {
        width: 120px !important;
        height: 120px !important;
    }
    .photo-item {
        width: 140px !important;
        height: 140px !important;
    }
    .photo-item .img {
        width: 140px !important;
        height: 140px !important;
    }
    .photo-content table tr:last-child td {
        white-space: nowrap !important;
        text-align: center !important;
        display: table-cell !important;
        width: 100% !important;
    }
    .photo-content table tr:last-child td a,
    .photo-content table tr:last-child td span {
        display: inline-block !important;
        white-space: nowrap !important;
        vertical-align: middle !important;
    }
    .photo-show-wrap img, .viewright img {
        max-width: 100%;
        height: auto;
    }
    .photo-show-wrap table, .viewright table {
        width: 100% !important;
    }
    .about-content-wrap img {
        max-width: 100%;
        height: auto;
    }
    .about-content-wrap table {
        width: 100% !important;
    }
    .about-content-wrap td {
        font-size: 14px;
        line-height: 1.6;
        word-break: break-word;
    }
    .link-images-wrap {
        display: block !important;
        width: 100% !important;
        border: none !important;
    }
    .link-images-wrap tbody {
        display: block !important;
    }
    .link-images-wrap tr {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 10px !important;
    }
    .link-images-wrap td[colspan] {
        display: none !important;
    }
    .link-images-wrap td {
        display: block !important;
        width: calc(50% - 10px) !important;
        text-align: center !important;
        vertical-align: middle !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }
    .link-images-wrap td a {
        display: block !important;
        text-align: center !important;
    }
    .link-images-wrap td img {
        max-width: 100% !important;
        height: auto !important;
        display: block !important;
        margin: 0 auto !important;
    }
    .bottom-wrap {
        width: 100%;
    }
    .bottom-wrap img {
        max-width: 100%;
        height: auto;
    }
    .bottom-wrap video {
        display: none;
    }
    .bottom-wrap font, .bottom-wrap a {
        font-size: 12px;
    }
    .form-field input[type="text"],
    .form-field textarea,
    .form-field select {
        width: 100% !important;
    }
    .input1 {
        width: 100% !important;
    }
    .info {
        font-size: 14px;
    }
    .main_table td {
        padding: 5px;
    }
    object, embed {
        display: none !important;
    }
    table[style*="border-bottom"] td span {
        white-space: nowrap !important;
        font-size: 12px !important;
    }
    table[style*="border-bottom"] td span a {
        font-size: 12px !important;
    }
    table[style*="border-bottom"] td span img {
        width: 8px !important;
        height: 8px !important;
    }
    .photo-show-wrap table[width="97%"] td span {
        white-space: nowrap !important;
        font-size: 12px !important;
    }
    .pagination-bar {
        text-align: center !important;
    }
}


@keyframes demoDissolve {
    0% { opacity: 1; filter: blur(0px); transform: scale(1); }
    40% { opacity: 0; filter: blur(8px); transform: scale(0.95); }
    60% { opacity: 0; filter: blur(8px); transform: scale(0.95); }
    100% { opacity: 1; filter: blur(0px); transform: scale(1); }
}
.demo-dissolve {
    animation: demoDissolve 0.8s ease-in-out;
}