﻿.dimode-widget.popup {
    display: none;
    z-index: 4200;
}

    .dimode-widget.popup .popup-content .each-content {
        position: absolute;
        left: 0;
        top: 0;
        background: #eee;
        display: none;
        max-width: 990px;
        z-index: 10;
    }

        .dimode-widget.popup .popup-content .each-content .content-core {
            text-align: center;
        }

            .dimode-widget.popup .popup-content .each-content .content-core p {
                margin: 0;
            }

            .dimode-widget.popup .popup-content .each-content .content-core img {
                max-width: 100%;
            }

    .dimode-widget.popup .popup-content .content-bottom {
        text-align: right;
        padding: 14px;
        font-size: 13px;
        background-color: #191616;
    }

        .dimode-widget.popup .popup-content .content-bottom .bottom-btn {
            cursor: pointer;
            color: #fff;
        }

    .dimode-widget.popup .popup-setting {
        position: fixed;
        left: 100%;
        top: 0;
        width: 100%;
        height: 100%;
        background: #fafafa;
        border: 1px solid #ddd;
        z-index: 9999;
    }

        .dimode-widget.popup .popup-setting .wrapper {
            margin-top: 30px;
            padding-top: 15px;
            padding-bottom: 15px;
            background: #fff;
        }

        .dimode-widget.popup .popup-setting .setting-button {
            position: absolute;
            left: -43px;
            bottom: 42px;
            font-weight: bold;
            display: inline-block;
            border: 1px solid #ddd;
            border-right: 0;
            border-radius: 0 0 4px 4px;
            color: #666;
            padding: 5px 10px;
            cursor: pointer;
            background: #fafafa;
        }

        .dimode-widget.popup .popup-setting .setting-board {
            height: 100%;
        }

            .dimode-widget.popup .popup-setting .setting-board .wrapper {
                position: relative;
                padding: 37px 42px 42px 42px;
                height: 100%;
                margin: 0 auto;
            }

            .dimode-widget.popup .popup-setting .setting-board iframe {
                border: 0;
                width: 100%;
                height: 100%;
            }

@media(max-width:768px) {
	.dimode-widget.popup iframe {
		width: 100%;
	}

    .dimode-widget.popup .popup-content .each-content {
        top: 75px !important;
        left: 0 !important;
        margin: 0 !important;
        width: 90%!important;
        height: auto!important;
        margin-left: 5% !important;
        touch-action: inherit;
    }
	
    .dimode-widget.popup .popup-content .each-content .each-img img {
		width:100%!important;
		height: auto!important;
	}
}