.clickablePic {
    position: relative;
    --ratio: calc(9/16);
    padding-top: calc(var(--ratio) * var(--width));
    /*width請自行填*/
    --width: 100%;
    width: var(--width);
}

.clickablePic img.innerThumbnail {
    --userBorderMultiplier: 1;
    --picBorderOrigin: 15px;
    --picBorder: calc(var(--picBorderOrigin) * var(--pageContainerWidthScale) * var(--userBorderMultiplier));
    position: absolute;
    width: calc(100% - var(--picBorder) * 2);
    height: calc(100% - var(--picBorder) * 2);
    top: var(--picBorder);
    left: var(--picBorder);
    object-fit: cover;
}

/*For multi pic inside*/
.clickablePic .innerPicContent{
    display:none;
}

/*改成顯示整張的應對方法*/
.clickablePic.imgContain img.innerThumbnail {
    object-fit: contain !important;
}

/*追加的enlarge icon(僅在clickablePic內部生效)*/
.clickablePic .CP_enlargeIcon{
    --userMarginMultiplier: 1;
    --marginOrigin: 20px;
    --margin: calc(var(--marginOrigin) * var(--pageContainerWidthScale) * var(--userMarginMultiplier));
    --sizeOrigin: 53px;
    --size: calc(var(--sizeOrigin) * var(--textSizeMultiplier));

    position: absolute;
    display: block;

    width: var(--size);
    height: var(--size);

    bottom: var(--margin);
    right: var(--margin);
}

.clickablePic .CP_enlargeIcon.left{
    left: var(--margin);
    right: unset;
}

.clickablePic .CP_enlargeIcon.top{
    top: var(--margin);
    bottom: unset;
}


/*追加的enlarge icon：追加skin(不支援位置資訊)*/
.clickablePic .CP_enlargeIcon.another{
    left: unset;
    top: unset;
    bottom: 0;
    right: 0;
    transform: translate(50%, 50%);

    --sizeOrigin: 41px;
}