.btn-download {padding:0;border:0;background:transparent;}
.btn-bookmark {display:block;width:4.4rem;height:4.4rem;margin:0 .5rem 0 0;background:url('/jpoc/common/images/star-empty.png') center no-repeat!important;}
.btn-bookmark.active {background-image:url('/jpoc/common/images/star-full-goldyellow.png')!important;}
.gallery__slider {overflow:auto; touch-action: auto !important;}
.gallery__slide figure {position:relative;display:none;margin:0;}
.gallery__slide figure>img {pointer-events:none;}
.gallery__slide figcaption {margin:1.5rem 0;font-size:85%;line-height:2.1rem;}
.gallery__slide img {width:auto;max-width:100%;max-height:24rem;margin:0 auto;}
.gallery__slide .accordion {display:grid;padding:1rem 0;margin:1rem 0;border-bottom:.1rem solid #dfe1e5;grid-template-rows: 0fr 0fr;transition:.25s all;}
.gallery__slide .accordion:last-child {padding:0;border:0;}
.gallery__slide .accordion-trigger {display:inline-block;margin:0 .75rem 0 0;cursor:pointer;}
.gallery__slide .accordion-trigger img {display:inline-block;width:2rem;max-width:100%;margin:0;}
.gallery__slide .accordion-title {display:inline-block;width:calc(100% - 2.75rem);vertical-align:top;word-break:break-all;}
.gallery__slide .accordion-title>* {display:inline;word-break:auto-phrase;}
.gallery__slide .accordion-title>strong {margin:0 .75rem 0 0;}
.gallery__slide .accordion-content {position:relative;overflow:hidden;}
.gallery__slide .accordion-content>div {margin:.75rem 0;}
.gallery__slide .accordion-content strong {margin:0 .75rem 0 0;}
.gallery__slide .accordion-footer {margin:1.5rem 0;text-align:center;}
.gallery__slide .accordion-trigger .accordion-collapse, .gallery__slide .accordion.active .accordion-trigger .accordion-expand {display:none;}
.gallery__slide .accordion.active .accordion-collapse {display:block;}
.gallery__slide .accordion.active {grid-template-rows:0fr 1fr;}
.gallery__slide.slick-current figure {display:grid;}

.gallery__arrow>svg {display:block;width:3.5rem;height:3.5rem;padding:1rem;background:#ff6c00;fill:#fff;border-radius:5rem;}
.gallery__thumbnails {position:relative;max-width:100%;overflow:hidden;}
.gallery__thumbnail-slider {margin:0 3.2rem;overflow:hidden;}
.gallery__thumbnail-slides {display:flex;flex-direction:row;transition:.25s left;}
.gallery__thumbnails .gallery__thumbnail {flex:0 0 50%;min-height:12.8rem;background-size:cover;background-position:center;background-clip:padding-box;background-color:#f2f2f2;border:.5rem solid transparent;cursor:pointer;}
.gallery__thumbnails .gallery__thumbnail.active {padding:.3rem;border-color:#ff6c00;background-clip:content-box;}
	
.gallery__thumbnail-arrow {position:absolute;width:2.75rem;height:100%;padding:0;top:0;background:#ff6c00;fill:#fff;border:0;z-index:9;}
.gallery__thumbnail-arrow svg {display:block;width:2.5rem;height:2.5rem;}
.gallery__thumbnail-arrow--prev {left:0;}
.gallery__thumbnail-arrow--next {right:0;}
	
@media(min-width:480px) {
	.gallery__thumbnails .gallery__thumbnail {flex:0 0 33.3333%;}
}
@media(min-width:768px) {
	.gallery__thumbnails .gallery__thumbnail {flex:0 0 25%;}
}
@media(min-width:992px) {
	..gallery__thumbnails {position:relative;}
	.gallery__thumbnails .gallery__thumbnail {flex:0 0 20%;}
}
	
.modal__image-detail {padding:0!important;}
.modal__image-detail .modal-dialog {max-width:95%;}
.modal__image-detail .modal-content {max-height:95%!important;border:0;}
.modal__image-detail .modal-header {width:100%;padding:0;background:#fff;border:1px solid #dee2e6;}
.modal__image-detail .modal-header .modal-header-title {width:calc(100% - 4.4rem);padding:1rem 1.5rem;margin:0;font-size:16px;font-weight:700;color:#000;}
.modal__image-detail .modal-header h2 {font-size:16px;font-weight:100;color:#000;}
	.modal__image-detail .modal-header h2 a {font-size:14px;}
.modal__image-detail .modal-header button {display:inline-block;padding:0;border:0;background:inherit; fill:#666666;cursor:pointer;}
.modal__image-detail .modal-header button>svg {display:block;width:4.4rem;height:4.4rem;}
.modal__image-detail .modal-body {width:100%;max-height:60rem;padding:1.5rem;background:#fff;border:0;border-radius:0;}
	
.modal__image-detail .modal-footer .slick-prev {position:absolute;width:2.75rem;height:100%;left:-3.2rem;top:0;background:#ff6c00;border:0;}
.modal__image-detail .modal-footer .slick-next {position:absolute;width:2.75rem;height:100%;right:-3.2rem;top:0;background:#ff6c00;border:0;}

.modal__image-detail .modal-arrows .gallery__arrow {position:absolute;display:none!important;top:40%;transform:translateY(-50%);cursor:pointer;z-index:9;transition: all .4s;opacity:.35;}
.modal__image-detail .modal-arrows .gallery__arrow:hover {opacity:1;}
.modal__image-detail .modal-arrows .gallery__arrow.slick-prev {left:-5rem;}
.modal__image-detail .modal-arrows .gallery__arrow.slick-next {right:-5rem;}
.modal__image-detail .modal-content:hover .modal-arrows .slick-prev {left:2.5rem;}
.modal__image-detail .modal-content:hover .modal-arrows .slick-next {right:2.5rem;}

@media(min-width:992px) {
	.modal__image-detail .modal-body {width:100%;height:60rem;}
	.modal__image-detail .modal-dialog {max-width:90rem;}
	.modal__image-detail .modal-content {min-height:54rem;}
	.modal__image-detail .modal-body .slick-list {min-height:32rem;}
	.modal__image-detail .modal-arrows .gallery__arrow {display:block!important;}
	.modal__image-detail .modal-header h2 {display:inline-block;}
	.modal__image-detail .modal-header h2 a {font-size:16px;}
	.gallery__slide img { max-height:unset;}
}
.stop-scrolling { height: 100%; overflow: hidden; }
.imgDiseaseTitle::after {content:'>'; color:#666666; padding-left:4px; padding-right:4px; }


@media (orientation: landscape ) and (max-height:450px) {
.modal__image-detail .modal-dialog {max-width: calc(100% - 0.8rem);min-height:calc(100% - 0.8rem);max-height:calc(100% - 0.8rem); margin:4px; }
.modal__image-detail .modal-content {max-height:calc(100% - 0.8rem)!important;}
.gallery__slide img { max-height:unset;}
.modal__image-detail .modal-header h2 {display:inline-block;}
	.modal__image-detail .modal-header h2 a {font-size:16px;}
}
@media (max-width:450px ) {
.modal__image-detail .modal-dialog {max-width: calc(100% - 0.8rem);height:calc(100% - 0.8rem);min-height:calc(100% - 0.8rem);max-height:calc(100% - 0.8rem); margin:4px; }
.modal__image-detail .modal-content {max-height:calc(100dvh - 0.8rem)!important;height:calc(100% - 0.8rem);}
.modal__image-detail .modal-body {max-height:unset;}
.gallery__thumbnails {position: absolute;bottom: 1.5rem;width: calc(100% - 3rem);}
.gallery__slider {max-height: calc(100% - 17rem); position: absolute;top: 1.5rem;width: calc(100% - 3rem);}
	
}



