.news-book-txt-b {
    background: none!important;
}
a#illness_title {
    position: absolute;
    margin-top: -100px;
}
input[type=radio] {
    border: 0px;
    width: 1em;
    min-width: 1em!important;
    max-width: 1em;
}
input[type="checkbox"]{
 border: 0px;
    width: 1em;
        min-width: 1em!important;
    max-width: 1em;
}
#illness{
    transform: translateY(-150px);
    position: absolute;
}
@media (max-width: 767px){
.news-book-b {
    width: 48%!important;
        height: 500px;
}
}
@media (min-width: 1000px) {
      .sharing-link-img-b{
    text-align: right;
  }
    .section-content.pro-sharing .sharing-link-img-b img{
        max-height: 25vw;
        width: auto;
    }

}

.listing{
    display: block;
}
.animation_adjust { top:20% !important;  }
@media(max-width: 991px){
    .animation_adjust{
        top:10% !important;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none;
    }
}

.expert.active .team-hover{
    opacity: 0!important;
}
.expert.active .team-shadow{
    -ms-transform: translateX(-8%) translateY(-8%) translateZ(0px)!important;
    -webkit-transform: translateX(-8%) translateY(-8%) translateZ(0px)!important;
    transform: translateX(-8%) translateY(-8%) translateZ(0px)!important;

}
ul {
    list-style-image: url('/20250207214200oe_/https://www.hmdc.cuhk.edu.hk/wp-content/themes/odf-theme/resources/images/slider-nav-dot02-green.svg');
}

.news-b2:nth-child(3n + 1){
    clear: both;
}

.illness-intro-details-title {
    margin-bottom: 20px;

}
input[type="checkbox"]{
    display: block;
}
.pop td{
    border: 1px #bcc6b3 solid;
}
.list-item li:before {
    content: "•"; /* Insert content that looks like bullets */
    padding-right: 8px;
}

.list-item ul.w-clearfix {
    padding-left: 15px;
}
html{
    overflow-x: hidden;
}
canvas.bg_animation {
    transform: rotate(173deg);
    position: absolute;
    margin-left: -50px;
    margin-top: 50px;
    width: 110%;
}
.pop-img img{
	width: 100%;
}
.pop-title{
    text-align: center;
}
h2.pop-subtitle {
    text-align: center;
    font-size: 16px;
}
.other-news a{
    display: inline-block;
    padding: 20px 5% 10px;
    border-bottom: 5px solid hsla(91, 15%, 48%, .5);
    background-color: #fafafa;
    width: 46%;
    margin: 2%;
}
.test-radio-btn{
    width: 100%;
}
.test-subtitle {
    margin-top: 8px;
}
[v-cloak] { display: none; }
select::-ms-expand {	display: none; }
select{
    -webkit-appearance: none;
    appearance: none;
}
.section-content.bg-illness-method._02 {
    background-position: bottom;
}

@-moz-document url-prefix(){
	.ui-select{border: 1px solid #CCC; border-radius: 4px; box-sizing: border-box; position: relative; overflow: hidden;}
  .ui-select select { width: 110%; background-position: right 30px center !important; border: none !important;}
}
.section-home-slide01
.active .section-home-slide01{
    transition: opacity 1500ms ease 0s;
    /*opacity: 1;*/
}
.home-slide01-img, .home-slide03-b{
    opacity: 0;
    -webkit-transform: scale(0.98, 0.98);
    -ms-transform: scale(0.98, 0.98);
    -webkit-transform: scale(0.98, 0.98);
    -webkit-transform-style: preserve-3d;
    transition: opacity 1500ms ease 0s, transform 1500ms ease 0s;
    transform: scale(0.98, 0.98);
    transform-style: preserve-3d;
}
.after_animation .home-slide01-img, .after_animation .home-slide03-b, .home-slide01-img.animate , .home-slide03-b.animate{
    -webkit-transform: scaleX(1) scaleY(1) scaleZ(1);
    transform: scaleX(1) scaleY(1) scaleZ(1);
    opacity: 1;
}
.home-slide02-b-left{
    opacity: 0;
    -webkit-transform: translate(-40px, 0px);
    -ms-transform: translate(-40px, 0px);
    transform: translate(-40px, 0px);
    transition: opacity 1500ms ease 0s, transform 1500ms ease 0s;
}
.after_animation .home-slide02-b-left, .home-slide02-b-left.animate{
    opacity: 1;
    -webkit-transform: translateX(0px) translateY(0px) translateZ(0px);
    -webkit-transform-style: preserve-3d;
    transform: translateX(0px) translateY(0px) translateZ(0px);
    transform-style: preserve-3d;
}
.home-slide02-b{
    opacity: 0;
    -webkit-transform: translate(40px, 0px);
    -ms-transform: translate(40px, 0px);
    transform: translate(40px, 0px);
    transition: opacity 1500ms ease 0s, transform 1500ms ease 0s;
}
.after_animation .home-slide02-b, .home-slide02-b.animate{
    opacity: 1;
    -webkit-transform: translateX(0px) translateY(0px) translateZ(0px);
    -webkit-transform-style: preserve-3d;
    transform: translateX(0px) translateY(0px) translateZ(0px);
    transform-style: preserve-3d;
}
.section-home-slide03{
    /*opacity: 0;*/
    transition: opacity 1500ms ease 0s;
}
.active .section-home-slide03{
    /*opacity: 1;*/
}
.home-slide04-b-left{
    opacity: 0;
    -webkit-transform: translate(-40px, 0px);
    -ms-transform: translate(-40px, 0px);
    transform: translate(-40px, 0px);
    transition: opacity 1500ms ease 0s, transform 1500ms ease 0s;
}
.after_animation .home-slide04-b-left, .home-slide04-b-left.animate{
    opacity: 1;
    transform: translateX(0px) translateY(0px) translateZ(0px);
    transform-style: preserve-3d;
}
.home-slide04-img{
    opacity: 0;
    -webkit-transform: translate(40px, 0px);
    -ms-transform: translate(40px, 0px);
    transform: translate(40px, 0px);
    transition: opacity 1500ms ease 0s, transform 1500ms ease 0s;
}
.after_animation .home-slide04-img, .home-slide04-img.animate{
    opacity: 1;
    transform: translateX(0px) translateY(0px) translateZ(0px);
    transform-style: preserve-3d;
}
.home-slider{
    z-index: 2;
}
.footer-home, .btn-scroll, .home-footer-copyright-txt{
    z-index: 2;
}

#home_slider .owl-stage{
    transition: none!important;
}
.home .bg_animation{
    transform: rotate(-5deg);
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-left: 0;
    margin-top: 0;
    width: auto;
}
.news-b:nth-child(3n + 1){
    clear: both;
}
/*.expert.active .team-hover{
    opacity: 0!important;
}
.expert.active .team-shadow{
    -ms-transform: translateX(-8%) translateY(-8%) translateZ(0px)!important;
    -webkit-transform: translateX(-8%) translateY(-8%) translateZ(0px)!important;
    transform: translateX(-8%) translateY(-8%) translateZ(0px)!important;

}*/
@media(max-width: 991px){
    #bg_animation2, #bg_animation3, #bg_animation4{
        display: none;
    }
    .home .bg_animation{
        top: 0;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none;
    }
}
@media(max-width: 767px){
    .news-b:nth-child(3n + 1){
        clear: none;
    }
    .news-b:nth-child(2n + 1){
        clear: both;
    }
}
/* General */

body {
    font-family: 'Open Sans', 'Microsoft YaHei UI', 'Microsoft YaHei', 'Microsoft JhengHei UI', 'Microsoft JhengHei', sans-serif;
}

img {
    height: auto;
}

.expert_info h2.no-icon,
.expert_info p {
    width: 100%;
   /* margin-left: -55px;*/
}

.list-txt-b {
    /* width: 90%; */
}

a {
    color: #7b8e69;
}

.underline {
    text-decoration: underline;
}

.italic {
    font-style: italic;
}

.pop-title,
.pop-subtitle {
    width: 100%;
}

.pop-btn-close {
    top: -28px;
    right: -26px;
}

@media (max-width: 767px) {
    .pop-btn-close {
        right: -15px;
    }
}

@media (max-width: 479px) {
    .pop-btn-close {
        top: -8px;
        right: -2px;
    }
}

.our-team-profile .list-txt-b {
    margin-bottom: 10px;
}

.team-img-slider-b .img-shadow {
    padding-top: 40%;
    padding-bottom: 55%;
}

.about-txt-b .list-txt-b p,
.illness-intro-txt-b .list-txt-b p {
    margin-left: -50px;
}

.about-txt-b .list-txt-b ol {
    margin-left: -60px;
}
.about-txt-b .list-txt-b li {
    margin-bottom: 5px;
}

.home-slide03-btn-b a.details-btn {
    width: 18%;
    padding: 10px;
    margin: 0 5px;
}

@media (max-width: 1334px) {
    .home-slide03-btn-b a.details-btn {
        width: 27%;
    }
}

@media (max-width: 767px) {
    .home-slide03-btn-b a.details-btn {
        width: 85%;
        margin: 10px auto;
    }
}

@media (max-width: 479px) {
    .home-slide03-btn-b {
        width: 75%;
    }

    .home-slide03-btn-b a.details-btn {
        width: 95%;
    }
}

.our-team {
    margin-left: -55px;
}

.team-expand .team-expand-txt-b {
    margin-left: 55px;
}

.team-expand {
    margin-left: -30px;
}

@media (max-width: 767px) {
    .list-b.team {
        margin-left: 55px;
    }
}

.test-content-b.test-7 div.w-clearfix {
    transform: scale(0.7);
}

.test-content-b div.w-clearfix .test-col02 {
    margin-top: -34%;
}

.test-content-b div.w-clearfix .test-col02 .test-b-link-align.w-clearfix {
    transform: scale(1);
}

.test-content-b div.w-clearfix .test-col03,
.test-content-b div.w-clearfix .test-col04 {
    margin-top: -18%;
}

@media (max-width: 767px) {
    .test-content-b div.w-clearfix .test-col02 {
        margin-top: -48%;
    }

    .test-content-b div.w-clearfix .test-col03 {
        margin-top: 0;
    }

    .test-content-b div.w-clearfix .test-col04 {
        margin-top: 0;
    }
}

.video-link .video-link-img-b {
    width: 540px;
    height: 309px;
    margin-left: -100px;
    transform: scale(0.8);
}

.video-link .video-black-bg {
    background: black;
    background-repeat: no-repeat;
    background-position-x: -16px;
    background-position-y: -50px;
    width: 540px;
    height: 309px;
}

.video-link .video-black-bg .video-btn-play {
    left: 47%;
}

.video-link .news-book-txt-b {
    position: absolute;
    padding: 10px 1%;
    padding-top: 105px;
    margin-top: -230px;
    margin-left: -27px;
    width: 540360px;
    height: 309px;
    color: #fff;
    background: #00000033;
    overflow: hidden;
    text-shadow: 1px 1px #000;
}
@media (max-width: 1300px) {

.video-link .video-black-bg, .video-link .news-book-txt-b, .video-link .video-link-img-b {
    width: 360px;
    height: 206px;
}

}
@media (max-width: 1151px) {
    .video-content-b .news-book-txt-b{
        font-size: 0.7em;
    }
    .video-link .video-link-img-b {
        transform: scale(0.7);
    }

    .video-link .news-book-txt-b {
        padding-top: 105px;
        margin-top: -230px;
        margin-left: -55px;
        width: 315px;
        height: 179px;
        overflow: hidden;
    }

    .video-link .news-book-txt-b {
        margin-top: -218px;
        margin-left: -33px;
    }
}

@media (max-width: 991px) {
    .video-link .video-link-img-b {
        transform: scale(0.6);
    }

    .video-link .news-book-txt-b {
        margin-top: -205px;
        margin-left: -1px;
        width: 261px;
        height: 154px;
        font-size: 14px;
        line-height: 16px;
        padding-top: 84px;
    }
}

@media (max-width: 479px) {
    .video-content-b .news-book-txt-b{
        padding-top: 170px!important;
    }
    .video-link .video-link-img-b {
        transform: scale(1);
        margin-left: 0;
    }

    .video-link .video-black-bg .video-btn-play {
        left: 50%;
    }

    .video-link .news-book-txt-b {
        margin-top: -256px;
        margin-left: 0px;
        width: 430px;
        height: 256px;
        font-size: 16px;
        line-height: 21px;
        padding-top: 158px;
    }
}

.illness-intro-txt-b {
    /*width: 414px;*/
}

.illness-intro-details-result-txt-b .align-justify {
    padding: 10px;
    background: #FFF3;
}

.section-content.bg-illness-method {
    margin: unset;
    background-position: 50% 100%;
    background-size: cover;
}

@media (max-width: 767px) {
    content,
    /* .section-content, */
    .bg-illness-intro-details,
    .illness-intro-details-result {
        background-image: none !important;
    }

    .illness-intro-details-result {
        padding: 0;
        margin-bottom: 200px;
    }

    .illness-intro-details-result-img-mobile {
        display: block;
        margin-top: 1px;
    }

    .illness-intro-details-result-txt-b {
        width: 100%;
        padding-top: 65%;
        background: none;
    }
}

@media (max-width: 480px) {
    .illness-intro-details-result {
        padding: 0;
        margin: 0;
        margin-top: 14px;
    }

    .illness-intro-details-result-txt-b {
        padding: 0;
        margin: 0;
        width: 100%;
    }
}

.illness-intro-txt-b span.txt-color-green:before {
    content: '';
    float: left;
    display: block;
    width: 16px;
    height: 16px;
    background: url('/20250207214200oe_/https://www.hmdc.cuhk.edu.hk/wp-content/themes/odf-theme/resources/images/slider-nav-dot02-green.svg');
    padding: 0px;
    margin-right: 7px;
    margin-left: -20px;
    margin-top: 3px;
}

.illness-intro-txt-b .list-txt-b ul {
    list-style: none;
    list-style-image: none;
    padding-left: 0;
    margin-left: 3px;
}

.illness-intro-txt-b .list-txt-b h2 {
    margin-bottom: 15px;
}

.illness-intro-txt-b .list-txt-b .desc-container {
    margin-left: -30px;
}

.method-row-b .method-txt-b .list-item {
    margin-bottom: 50px;
}

.method-txt-b ul.listing li {
    margin-bottom: 50px;
}

/* Test  */

.test-form-b {
    padding: 0 15px;
}

.test-form-b .list-item.choice .test-radio-btn {
    width: 10%;
}

@media (max-width: 479px) {
    .test-form-b .list-item.choice .test-radio-btn {
        width: 30%;
    }
}

.test-form-b .list-item div.w-clearfix {
    margin-top: 10px;
    /* margin-left: -33px; */
}

.test-form-b .list-item.choice div.w-clearfix {
    /* margin-left: -34px; */
    margin-top: 10px;
}

.test-result-txt .test-result-copy {
    display: block;
    font-size: 18px;
    margin-bottom: 10px;
    margin-left: -5px;
}

.test-result-txt p {
    display: block;
    float: left;
    padding-top: 10px;
}

.test-result-txt p.test-result-comment {
    margin-left: 10px;
    width: 95%;
}

@media (max-width: 479px) {
    .test-result-txt p.test-result-comment {
        width: 95%;
    }
}

ul.listing number, ul.listing.number {
    list-style-image: none;
    list-style-type: none;
}

.test-result-btn {
    opacity: 1 !important;
}

/* Buttons */

.illness-intro-details-btn-b .details-btn {
    width: 30%;
}

@media (max-width: 991px) {
    p.test-result-comment{
        width: 90%!important
    }


    .illness-intro-details-btn-b .details-btn {
        width: 31%;
        padding: 10px;
        margin-left: 3px;
        margin-right: 3px;
    }
}

@media (max-width: 768px) {
    .illness-intro-details-btn-b {
        width: 50%;
        margin: auto;
    }

    .illness-intro-details-btn-b .details-btn {
        width: 100%;
    }
}

.team-btn-b .details-btn {
    width: 205px;
}

@media (max-width: 767px) {
    .team-btn-b {
        margin: auto;
        width: 200px;
    }
}

.news-content-b div.txt-color-green {
    width: 210px;
}

.bottom-btn-b a {
    margin-left: unset;
    margin-right: 1%;
    width: 31%;
}

@media (max-width: 768px) {
    .bottom-btn-b a {
        margin-left: unset;
        margin-right: unset;
        width: 100%;
        font-size: 16px;
    }
}

.news-btn-expert {
    position: absolute;
    top: -20px;
    right: 0;
}

@media (max-width: 768px) {
    .news-link-txt-b {
        width: 72%;
    }

    .news-content-b div.txt-color-green {
        width: 130px;
    }
}

/* 視訊訪問 / Video */

.video-content-b .video-black-bg {
    background: none;
}

.video-content-b img {
    margin-top: -41px;
    transform: scale(1.2);
}

.video-content-b .news-book-txt-b {
    padding-top: 100px;
}

/* 新聞發布會 / Press */

.pop-article .pop ol ol {
    padding: 0;
    /* margin-left: -38px; */
    margin-bottom: 30px;
    list-style: none;
}

.pop-article .pop ol {
    /* font-weight: bold; */
}

.pop-article .pop ol li ol li {
    font-weight: normal;
}

.pop-article .pop ul ul,
.pop-article .pop ul ol {
    list-style-type: unset;
    list-style-image: none;
}

.pop-article .pop ul {
    list-style-type: unset;
    /* list-style-image: none; */
}

.pop-article .pop ol li ul {
    list-style-image: none;
    list-style-type: square;
    margin-left: -20px;
}

.pop-article .pop img {
    width: auto;
}

.pop-article .pop .pop-img {
    text-align: center;
}


/* 學術文章 / References */

.ref-content-b ul {
    list-style-image: url('/20250207214200oe_/https://www.hmdc.cuhk.edu.hk/wp-content/themes/odf-theme/resources/images/icon-list-dot.svg');
}

.ref-content-b p {
    margin-left: -25px;
}

.ref-content-b li p {
    margin-left: unset;
}

.ref-img-b .ref-img {
    height: auto;
}

/* 昔日專欄 / Media  */

.news-media-b img {
    height: auto;
}

.media-content-b .news-media-b {
    margin-bottom: 120px;
}

.expert-navbar {
    max-width: 1440px;
    margin: auto;
}

.navbar-team-tag {
    width: 16%;
    float: left;
    margin: -50px 2% 0 12%;
    padding: 7px 20px;
    background: #ffffffe6;
    border-radius: 10px;
}

@media (max-width: 991px) {
    .navbar-team-tag {
        width: 27%;
        margin: 50px 0px 0 38px;
    }
}

@media (max-width: 768px) {
    .navbar-team-tag {
        width: 29%;
        margin: -50px 1% 0 2%;
        padding: 5px 10px;
    }
}

@media (max-width: 479px) {
    .navbar-team-tag {
        width: 33%;
        margin: -50px 0px 0 0px;
        padding: 2px 14px;
        border-radius: 0px;
        font-size: 12px;
        overflow: hidden;
    }
}

/* 情報新地 / Magazine */

.news-magazine-form select {
    -webkit-appearance: none;
}

.news-magazine-link {
    min-width: 248px;
    min-height: 351px;
}

.magazine-slide {
    /*min-height: 985px;
    min-width: 700px;*/
}

@media (max-width: 768px) {
    .list-txt-b p{
        /*max-width: 90%!important;
*/
    }
    .desc-container li{
        max-width: 80vw;
    }
    .news-magazine-link {
        min-width: unset;
        min-height: unset;
    }

    .magazine-slide img {
        min-height: unset;
        min-width: unset;
    }
}

/* 出版書目 / Books */

.news-book-img-b {
    min-width: 248px;
    min-height: 367px;
}

@media (max-width: 768px) {
    .news-book-img-b {
        min-width: unset;
        min-height: unset;
    }
}

.news-book-img-b img {
    height: auto;
}

.illness-discuss-txt-b .list-txt-b h2,
.illness-discuss-txt-b .list-icon-b  {
    margin-top: 40px;
}

.illness-discuss-txt-b .list-txt-b h2 {
    width: 665px;
}

.illness-discuss-txt-b .list-txt-b p {
    margin-left: -55px;
    width: 720px;
}

.illness-discuss-txt-b ul li p.points-content {
    margin-left: -5%;
}

.illness-discuss-txt-b .text-container {
    /* background: yellow; */
    margin-left: 55px;
}

@media (max-width: 1200px) {
    .illness-discuss-txt-b .list-txt-b h2 {
        width: 108%;
    }

    .illness-discuss-txt-b .list-txt-b p {
        width: 117%;
    }
}

@media (max-width: 768px) {
    .illness-discuss-txt-b .list-txt-b h2 {
        width: 105%;
    }
}

@media (max-width: 479px) {
    .illness-discuss-txt-b .list-txt-b h2 {
        width: 100%;
    }

    .illness-discuss-txt-b .list-txt-b p {
        margin-left: -15%;
        width: unset;
        max-width: 118%;
    }

    .illness-discuss-txt-b ul li p.points-content {
        margin-left: -35px;
    }
}

.video-content-b .news-media-b._01 {
    margin-left: 170px;
}

.video-content-b .news-media-b._02 {
    margin-left: -200px;
}

.video-content-b .news-media-b._03 {
    margin-left: 200px;
}

.video-content-b .news-media-b._04 {
    margin-left: -200px;
}

.media-content-b div.media-link-img-b,
.section-content .sharing-link-img-b {
    overflow: hidden;
    max-height: 350px;
}

.media-content-b .news-media-b img,
.section-content .sharing-link-img-b img {
    height: auto;
    margin-top: -75px;
}

.section-content.pro-sharing .sharing-link-img-b {
    max-height: unset;
}
.section-content.pro-sharing .sharing-link-img-b img {
    margin-top: unset;
}

.home-disclaimer,
.home-disclaimer-mobile {
    font-size: 12px;
    padding-left: 225px;
    margin-top: 7px;
    position: absolute;
}

.home-disclaimer a,
.home-disclaimer-mobile a {
    text-decoration: none;
}

.home-disclaimer-mobile {
    /* font-size: 12px;
    margin-top: 15px;
    width: 100%;
    line-height: 40px;
    height: 26px;
    overflow: hidden; */
    margin-top: 14px;
}

@media (max-width: 991px) {
    .home-disclaimer-mobile {
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 24px;
        padding-left: 0;
        margin-top: 65px;
    }
    .video-content-b .news-media-b{
        margin: 10px 0!important;
    }
}

.footer-copyright-txt p {
    display: block;
}


#owl-one .owl-carousel .owl-stage .owl-item { text-align:center; }

@media screen and (min-width: 991px) {
    #owl-one {
        display: none;
    }
    #owl-news, #owl-illness, #owl-test {
        display: none;
    }
}
@media screen and (max-width: 990px) {
    #owl-one .news-category-slider-mobile {
        display: none;
    }
    #owl-one .owl-nav , .owl-dots {
        display: none;
    }
}

p > img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 85%;
}