{"id":325,"date":"2024-10-16T20:33:46","date_gmt":"2024-10-16T12:33:46","guid":{"rendered":"https:\/\/110ccdm.hhk.one\/?page_id=325"},"modified":"2024-10-30T15:32:35","modified_gmt":"2024-10-30T07:32:35","slug":"elementor-325","status":"publish","type":"page","link":"https:\/\/110ccdm.hhk.one\/?page_id=325","title":{"rendered":"Prf."},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"325\" class=\"elementor elementor-325\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2eb724b mdw-card-effect-section e-flex e-con-boxed e-con e-parent\" data-id=\"2eb724b\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f65d84d elementor-widget elementor-widget-html\" data-id=\"f65d84d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.mdw-card-effect-section{\r\n    --big-width: 650px;\r\n    --big-height: 750px;\r\n    --rotation-diff: 5deg;\r\n    --translate-diff: 120px;\r\n    --transition: 0.3;\r\n    --init-transition: 1.5;\r\n    --big-transition: 0.5;\r\n    --actual-height: var(--big-height);\r\n}\r\n.mdw-card-effect-section .mdw-card-effect{\r\n    top: calc(-1px*var(--extra-height,0));\r\n}\r\n.mdw-card-effect-section .mdw-card-effect:before{\r\n    position: fixed;\r\n    height: 100vh;\r\n    width: 100vw;\r\n    inset: 0;\r\n    z-index: 1;\r\n    backdrop-filter: blur(20px);\r\n    transition: all calc(1s*var(--big-transition)) ease-in-out;\r\n}\r\n.mdw-card-effect-section:not(.active) .mdw-card-effect:before{\r\n    pointer-events: none;\r\n}\r\n.mdw-card-effect-section:not(.popup) .mdw-card-effect:before{\r\n    opacity: 0;\r\n}\r\n.mdw-card-effect-section:not(.init) .mdw-card-effect > .e-con,\r\n.mdw-card-effect-section:not(.init) .mdw-card-effect > .e-container{\r\n    opacity: 0;\r\n    filter: blur(20px) saturate(0%);\r\n    pointer-events: none;\r\n}\r\n.mdw-card-effect-section .mdw-card-effect > .e-con,\r\n.mdw-card-effect-section .mdw-card-effect > .e-container{\r\n    transform-origin: 50% 100%;\r\n    cursor: pointer;\r\n    will-change: opacity, filter;\r\n}\r\nbody.elementor-editor-active .mdw-card-effect-section .mdw-card-effect > .e-con,\r\nbody.elementor-editor-active .mdw-card-effect-section .mdw-card-effect > .e-container,\r\nbody.elementor-editor-preview .mdw-card-effect-section .mdw-card-effect > .e-con,\r\nbody.elementor-editor-preview .mdw-card-effect-section .mdw-card-effect > .e-container{\r\n    opacity: 1;\r\n    filter: none;\r\n    pointer-events: initial;\r\n}\r\n.mdw-card-effect-section:not(.init) .mdw-card-effect .e-con .e-con,\r\n.mdw-card-effect-section:not(.init) .mdw-card-effect .e-container .e-container{\r\n    box-shadow: none;\r\n}\r\n.mdw-card-effect-section .mdw-card-effect .e-con .e-con,\r\n.mdw-card-effect-section .mdw-card-effect .e-container .e-container{\r\n    will-change: box-shadow;\r\n    height: var(--min-height, 320px);\r\n    overflow: hidden;\r\n    transition: all calc(1s*var(--transition)) ease-in-out;\r\n}\r\n.mdw-card-effect-section .mdw-card-effect .e-con .e-con:before,\r\n.mdw-card-effect-section .mdw-card-effect .e-container .e-container:before{\r\n    transform: all calc(1s*var(--big-transition)) ease-in-out;\r\n}\r\n.mdw-card-effect-section .mdw-card-effect .e-con.fixed,\r\n.mdw-card-effect-section .mdw-card-effect .e-container.fixed{\r\n    position: fixed;\r\n    top: calc(1px*var(--card-y,0));\r\n    left: calc(1px*var(--card-x,0));\r\n    z-index: 10;\r\n    transition: all calc(1s*var(--big-transition)) ease-in-out;\r\n}\r\n.mdw-card-effect-section .mdw-card-effect .e-con.fixed .e-con,\r\n.mdw-card-effect-section .mdw-card-effect .e-container.fixed .e-container{\r\n    transition: all calc(1s*var(--big-transition)) ease-in-out;\r\n}\r\n.mdw-card-effect-section .mdw-card-effect .e-con.big .e-con,\r\n.mdw-card-effect-section .mdw-card-effect .e-container.big .e-container{\r\n    height: var(--actual-height);\r\n    width: var(--big-width);\r\n}\r\n.mdw-card-effect-section .mdw-card-effect .e-con .elementor-widget,\r\n.mdw-card-effect-section .mdw-card-effect .e-container .elementor-widget{\r\n    overflow: hidden;\r\n}\r\n.mdw-card-effect-section .mdw-card-effect .e-con.big .elementor-widget > *,\r\n.mdw-card-effect-section .mdw-card-effect .e-container.big .elementor-widget > *{\r\n    transform: translateY(0%);\r\n    transition: all 0.5s ease-in-out calc(1s*var(--big-transition));\r\n}\r\n.mdw-card-effect-section .mdw-card-effect-heading{\r\n    margin-bottom: calc(1px*var(--extra-height,0)) !important;\r\n}\r\n.mdw-card-effect-section .mdw-card-effect-heading .elementor-widget-container{\r\n    overflow: hidden;\r\n}\r\n.mdw-card-effect-section:not(.init) .mdw-card-effect-heading .elementor-heading-title{\r\n    opacity: 0;\r\n    pointer-events: none;\r\n    transform: translateY(100%);\r\n}\r\n.mdw-card-effect-section .mdw-card-effect-heading .elementor-heading-title{\r\n    transform: translateY(0%);\r\n    transition: all 0.7s ease-in-out calc(1s*var(--init-transition) - 0.8s);\r\n}\r\nbody.elementor-editor-active .mdw-card-effect-section .mdw-card-effect-heading .elementor-heading-title,\r\nbody.elementor-editor-preview .mdw-card-effect-section .mdw-card-effect-heading .elementor-heading-title{\r\n    opacity: 1;\r\n    pointer-events: initial;\r\n    transform: translateY(0%);\r\n}\r\n.mdw-card-effect-section:not(.popup) .mdw-card-effect-close{\r\n    opacity: 0;\r\n    pointer-events: none;\r\n    transition: all 0.5s ease-in-out;\r\n}\r\n.mdw-card-effect-section .mdw-card-effect-close{\r\n    cursor: pointer;\r\n    transition: all 0.5s ease-in-out calc(1s*var(--big-transition));\r\n}\r\n.mdw-card-effect-section .mdw-card-effect-close .elementor-icon{\r\n    display: block;\r\n}\r\n.mdw-card-effect-section .mdw-card-effect-close i:before,\r\n.mdw-card-effect-section .mdw-card-effect-close i:after{\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    width: 0.6em;\r\n    height: 0.03em;\r\n    background: currentColor;\r\n    transform: translate(-50%,-50%) rotate(45deg);\r\n}\r\n.mdw-card-effect-section .mdw-card-effect-close i:after{\r\n    transform: translate(-50%,-50%) rotate(-45deg);\r\n}\r\n.mdw-card-effect-section .mdw-card-effect-info{\r\n    transition: all 0.1s linear;\r\n    pointer-events: none;\r\n}\r\n.mdw-card-effect-section .mdw-card-effect-info:not(.showing){\r\n    opacity: 0;\r\n}\r\n.mdw-card-effect-section .mdw-card-effect-info .elementor-button{\r\n    width: 100%;\r\n    height: var(--container-widget-width, 90px);\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n.mdw-card-effect-section .mdw-card-effect-info .elementor-button-text{\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n@media (max-width: 1024px){\r\n.mdw-card-effect-section{\r\n    --big-width: 380px;\r\n    --big-height: 500px;\r\n    --rotation-diff: 15deg;\r\n    --translate-diff: 5px;\r\n}\r\n}\r\n\r\n@media (min-width: 768px){\r\nbody.fixed{\r\n    overflow: hidden;\r\n}\r\n.mdw-card-effect-section .mdw-card-effect:before{\r\n    content: \"\";\r\n}\r\n.mdw-card-effect-section.init .mdw-card-effect > .e-con,\r\n.mdw-card-effect-section.init .mdw-card-effect > .e-container{\r\n    transform: rotate(calc(var(--index) * var(--rotation-diff))) translate(calc(var(--translate-diff)*var(--index)), 0);\r\n    animation: init107 calc(1s*var(--init-transition)) ease-in-out;\r\n}\r\n@keyframes init107{\r\n0%{ transform: none; opacity: 0; filter: blur(20px) saturate(0%);}\r\n100%{ transform: rotate(calc(var(--index)* var(--rotation-diff))) translate(calc(var(--translate-diff)* var(--index)), 0); }\r\n}\r\n@-webkit-keyframes init107 {\r\n0%{ transform: none; opacity: 0; filter: blur(20px) saturate(0%);}\r\n100%{ transform: rotate(calc(var(--index)* var(--rotation-diff))) translate(calc(var(--translate-diff)* var(--index)), 0); }\r\n}\r\n@-moz-keyframes init107 {\r\n0%{ transform: none; opacity: 0; filter: blur(20px) saturate(0%);}\r\n100%{ transform: rotate(calc(var(--index)* var(--rotation-diff))) translate(calc(var(--translate-diff)* var(--index)), 0); }\r\n}\r\n@-o-keyframes init107 {\r\n0%{ transform: none; opacity: 0; filter: blur(20px) saturate(0%);}\r\n100%{ transform: rotate(calc(var(--index)* var(--rotation-diff))) translate(calc(var(--translate-diff)* var(--index)), 0); }\r\n}\r\n@keyframes init107 {\r\n0%{ transform: none; opacity: 0; filter: blur(20px) saturate(0%);}\r\n100%{ transform: rotate(calc(var(--index)* var(--rotation-diff))) translate(calc(var(--translate-diff)* var(--index)), 0); }\r\n}\r\n.mdw-card-effect-section .mdw-card-effect .e-con.fixed.big,\r\n.mdw-card-effect-section .mdw-card-effect .e-container.fixed.big{\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n}\r\n.mdw-card-effect-section .mdw-card-effect .e-con.hover .e-con,\r\n.mdw-card-effect-section .mdw-card-effect .e-container.hover .e-container{\r\n    transform: translateY(-60px);\r\n}\r\n.mdw-card-effect-section .mdw-card-effect .e-con.defocus .e-con,\r\n.mdw-card-effect-section .mdw-card-effect .e-container.defocus .e-container{\r\n    filter: saturate(0%);\r\n}\r\n.mdw-card-effect-section .mdw-card-effect .e-con:not(.big) .e-con:before,\r\n.mdw-card-effect-section .mdw-card-effect .e-container:not(.big) .e-container:before{\r\n    opacity: 0;\r\n}\r\n.mdw-card-effect-section .mdw-card-effect .e-con.big .e-con,\r\n.mdw-card-effect-section .mdw-card-effect .e-container.big .e-container{\r\n    transform: translate(calc((var(--width, 240px) - var(--big-width))\/2), calc((var(--min-height, 320px) - var(--actual-height))\/2 - calc(1px*var(--y,0))));\r\n}\r\n.mdw-card-effect-section .mdw-card-effect .e-con .elementor-widget,\r\n.mdw-card-effect-section .mdw-card-effect .e-container .elementor-widget{\r\n    width: calc(var(--big-width) - 20px*2);\r\n    max-width: unset;\r\n}\r\n.mdw-card-effect-section .mdw-card-effect >.e-con:not(.big) .elementor-widget > *,\r\n.mdw-card-effect-section .mdw-card-effect > .e-container:not(.big) .elementor-widget > *{\r\n    opacity: 0;\r\n    pointer-events: none;\r\n    transform: translateY(100%);\r\n    transition: all 0.5s ease-in-out;\r\n}\r\n}\r\n\r\n@media (max-width: 767px){\r\n.mdw-card-effect-section{\r\n    --big-width: 240px;\r\n    --big-height: 320px;\r\n}\r\n.mdw-card-effect-section .mdw-card-effect > .e-con,\r\n.mdw-card-effect-section .mdw-card-effect > .e-container{\r\n    position: static !important;\r\n    transition: filter calc(1s*var(--init-transition)) ease-in-out,\r\n                opacity calc(1s*var(--init-transition)) ease-in-out;\r\n}\r\n.mdw-card-effect-section .mdw-card-effect .e-con .e-con,\r\n.mdw-card-effect-section .mdw-card-effect .e-container .e-container{\r\n    box-shadow: none;\r\n}\r\n}    \r\n<\/style>\r\n<script src=\"https:\/\/code.jquery.com\/jquery-2.2.4.min.js\"><\/script>\r\n<script>\r\nif(!MDWNonce107){\r\nvar MDWNonce107 = true\r\n$(document).ready(function(){\r\n\r\nvar wrapper = [],\r\n    containers = [],\r\n    info = [],\r\n    initLock = [],\r\n    clickLock = []\r\n\r\nfunction getCSS(el, property, defaultValue = 0){\r\n    var val = getComputedStyle(el.get(0)).getPropertyValue(property)\r\n    return val ? val.trim() : defaultValue;\r\n}\r\n\r\nfunction initialAnimation(el, i, initTransition){\r\n    var offset = 200,\r\n        initialTime = new Date(),\r\n        currentTime, interval, timeDiff, bottomContainerIndex\r\n        \r\n    if(el.offset().top < $(window).scrollTop() + $(window).height() - offset) {\r\n        el.addClass('init')\r\n        if( !containers[i].length ) return\r\n        if(initLock[i]) return\r\n        initLock[i] = true\r\n        interval = setInterval(function(){\r\n            currentTime = new Date()\r\n            timeDiff = currentTime - initialTime\r\n            bottomContainerIndex = containers[i].eq(0).hasClass('fixed') ? containers[i].length - 1 : 0\r\n            extraHeight = containers[i].length == 1 ? 0 : containers[i].eq(bottomContainerIndex).get(0).getBoundingClientRect().bottom - wrapper[i].get(0).getBoundingClientRect().top - parseFloat(getCSS(wrapper[i], 'padding-top')) - containers[i].height()\r\n            el.get(0).style.setProperty('--extra-height', extraHeight)\r\n            wrapper[i].get(0).style.setProperty('--card-y', wrapper[i].offset().top + parseFloat(getCSS(wrapper[i], 'padding-top')) - $(window).scrollTop())\r\n            wrapper[i].get(0).style.setProperty('--card-x', ($(window).width() - containers[i].width())\/2)\r\n            if(timeDiff > 3*initTransition){\r\n                initLock[i] = false\r\n                clearInterval(interval)\r\n            }\r\n        }, 10)\r\n    }\r\n}\r\n\r\n$(window).on('load scroll resize', function(e){\r\n$('.mdw-card-effect-section').each(function(i){\r\n    var $this = $(this),\r\n        initTransition = parseFloat(getCSS($this, '--init-transition', 1.5))*1000,\r\n        bigHeight = parseFloat(getCSS($this, '--big-height', '650px')),\r\n        actualHeight = bigHeight,\r\n        maxHeight = 0.8,\r\n        maxItems, startPoint, increase\r\n        \r\n    initialAnimation($this, i, initTransition)\r\n    \r\n    if($(window).width() > 1450){\r\n        maxItems = 9   \r\n    }else if($(window).width() > 1320){\r\n        maxItems = 8\r\n    }else if($(window).width() > 1180){\r\n        maxItems = 7\r\n    }else if($(window).width() > 1024){\r\n        maxItems = 6\r\n    }else{\r\n        maxItems = 6\r\n    }\r\n    startPoint = containers[i].length > maxItems ? (1 - maxItems)\/2 : (1 - containers[i].length)\/2\r\n    increase = containers[i].length > maxItems ? (maxItems - 1)\/(containers[i].length - 1) : 1\r\n        \r\n    containers[i].each(function(i){\r\n        $(this).get(0).style.setProperty('--index', startPoint+i*increase)\r\n    })\r\n    \r\n    if( bigHeight > $(window).height()*maxHeight ){ actualHeight = $(window).height()*maxHeight }\r\n    $this.get(0).style.setProperty('--actual-height', actualHeight + 'px')\r\n    \r\n    if(e.type !== 'scroll'){\r\n        clickLock[i] = true\r\n        setTimeout(function(){\r\n            clickLock[i] = false\r\n        }, initTransition)\r\n    }\r\n})\r\n})\r\n\r\nfunction hoverIn($this, containers){\r\n    if(!$this.hasClass('fixed')){\r\n        $this.addClass('hover')\r\n        containers.addClass('defocus')\r\n        $this.removeClass('defocus')\r\n    }\r\n}\r\n    \r\n$(window).on('mousemove', function(e){\r\n$('.mdw-card-effect-section').each(function(i){\r\n    \r\n    var $this = $(this),\r\n        x = e.pageX - $this.offset().left,\r\n        y = e.pageY - $this.offset().top,\r\n        cards = $(e.target).closest('.mdw-card-effect > .e-con, .mdw-card-effect > .e-container')\r\n\r\n    info[i].css('transform', 'translate(' + x + 'px,' + y + 'px)')\r\n    \r\n    if( !cards.length || cards.hasClass('fixed') ){\r\n        info[i].removeClass('showing')\r\n    }else{\r\n        info[i].addClass('showing')\r\n        hoverIn(cards, containers[i])\r\n    }\r\n})\r\n})\r\n\r\n$('.mdw-card-effect-section').each(function(i){\r\n    \r\n    var $this = $(this),\r\n        close = $this.find('.mdw-card-effect-close'),\r\n        bigTransition = parseFloat(getCSS($this, '--big-transition', 0.5))*1000\r\n        \r\n    wrapper[i] = $this.find('.mdw-card-effect')\r\n    containers[i] = wrapper[i].children('.e-con, .e-container')\r\n    info[i] = $this.find('.mdw-card-effect-info')\r\n    initLock[i] = false\r\n    clickLock[i] = false\r\n        \r\n    containers[i].hover(function(){\r\n        hoverIn($(this), containers[i])\r\n    }, function(){\r\n        $(this).removeClass('hover')\r\n        containers[i].removeClass('defocus')\r\n    })\r\n        \r\n    containers[i].on('click', function(){\r\n        var t = $(this)\r\n        if($(window).width() < 768) return\r\n        if(t.hasClass('fixed')) return\r\n        if(clickLock[i]) return\r\n        clickLock[i] = true\r\n        wrapper[i].get(0).style.setProperty('--card-y', wrapper[i].offset().top + parseFloat(getCSS(wrapper[i], 'padding-top')) - $(window).scrollTop())\r\n        wrapper[i].get(0).style.setProperty('--card-x', ($(window).width() - containers[i].width())\/2)\r\n        containers[i].removeClass('fixed defocus')\r\n        t.addClass('fixed')\r\n        setTimeout(function(){ t.addClass('big') }, 10)\r\n        $this.addClass('popup active')\r\n        $('body').addClass('fixed')\r\n        info[i].removeClass('showing')\r\n        setTimeout(function(){\r\n            clickLock[i] = false\r\n        }, bigTransition+10)\r\n    })\r\n    \r\n    wrapper[i].on('click', function(e){\r\n        if($(e.target).closest('.e-con, .e-container').hasClass('mdw-card-effect')){ close.trigger('click') }\r\n    })\r\n    \r\n    close.on('click', function(){\r\n        if(clickLock[i]) return\r\n        clickLock[i] = true\r\n        containers[i].removeClass('big')\r\n        $this.removeClass('popup')\r\n        setTimeout(function(){\r\n            containers[i].removeClass('fixed')\r\n            $this.removeClass('active')\r\n            $('body').removeClass('fixed')\r\n            clickLock[i] = false\r\n        }, bigTransition+10)\r\n    })\r\n})\r\n})\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b20c38d mdw-card-effect-heading elementor-widget elementor-widget-heading\" data-id=\"b20c38d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">CCDM Prof<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-16e686a elementor-align-left elementor-widget__width-initial elementor-absolute mdw-card-effect-info elementor-widget elementor-widget-button\" data-id=\"16e686a\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u77ad\u89e3\u66f4\u591a<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-eeedd09 elementor-fixed mdw-card-effect-close elementor-hidden-mobile elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"eeedd09\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;fixed&quot;}\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-times\" viewBox=\"0 0 352 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-01bbf7f e-con-full mdw-card-effect e-flex e-con e-child\" data-id=\"01bbf7f\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-c7793c5 e-con-full e-flex e-con e-child\" data-id=\"c7793c5\" data-element_type=\"container\" data-settings=\"{&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-bc9b42f e-con-full e-flex e-con e-child\" data-id=\"bc9b42f\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f928f30 elementor-widget elementor-widget-heading\" data-id=\"f928f30\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u9673\u541b\u5c71 <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1624d2a elementor-widget elementor-widget-heading\" data-id=\"1624d2a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u6587\u8cc7\u8207\u6587\u5316\u653f\u7b56<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-11b0f5f e-con-full e-flex e-con e-child\" data-id=\"11b0f5f\" data-element_type=\"container\" data-settings=\"{&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-a194bd4 e-con-full e-flex e-con e-child\" data-id=\"a194bd4\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-41e95fe elementor-widget elementor-widget-heading\" data-id=\"41e95fe\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u718a\u5b50\u6249<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-23948f8 elementor-widget elementor-widget-heading\" data-id=\"23948f8\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u5730\u65b9\u54c1\u724c\u53ca\u6587\u5275\u5546\u54c1\u8a2d\u8a08<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4fb1365 e-con-full e-flex e-con e-child\" data-id=\"4fb1365\" data-element_type=\"container\" data-settings=\"{&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-4cb5d44 e-con-full e-flex e-con e-child\" data-id=\"4cb5d44\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b493376 elementor-widget elementor-widget-heading\" data-id=\"b493376\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u674e\u5a01\u9706<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b628729 elementor-widget elementor-widget-heading\" data-id=\"b628729\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u793e\u6703\u7db2\u7d61\u5206\u6790<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bdeb937 e-con-full e-flex e-con e-child\" data-id=\"bdeb937\" data-element_type=\"container\" data-settings=\"{&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-9442673 e-con-full e-flex e-con e-child\" data-id=\"9442673\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7d73d4a elementor-widget elementor-widget-heading\" data-id=\"7d73d4a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u5f35\u6b63\u9716<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8f4c0ec elementor-widget elementor-widget-heading\" data-id=\"8f4c0ec\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u85dd\u8853\u5546\u696d\u7ba1\u7406<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-79fec91 e-con-full e-flex e-con e-child\" data-id=\"79fec91\" data-element_type=\"container\" data-settings=\"{&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-6b6fa13 e-con-full e-flex e-con e-child\" data-id=\"6b6fa13\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-12eb0f2 e-con-full e-flex e-con e-child\" data-id=\"12eb0f2\" data-element_type=\"container\" data-settings=\"{&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-0b94aa3 e-con-full e-flex e-con e-child\" data-id=\"0b94aa3\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1e83c80 elementor-widget elementor-widget-heading\" data-id=\"1e83c80\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u5f35\u9673\u57fa<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e57271e elementor-widget elementor-widget-heading\" data-id=\"e57271e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u7db2\u8def\u884c\u92b7<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5870f94 e-con-full e-flex e-con e-child\" data-id=\"5870f94\" data-element_type=\"container\" data-settings=\"{&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-3b51a10 e-con-full e-flex e-con e-child\" data-id=\"3b51a10\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0b4022d elementor-widget elementor-widget-heading\" data-id=\"0b4022d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u9952\u4f0a\u73ca<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-259d962 elementor-widget elementor-widget-heading\" data-id=\"259d962\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u8ad6\u6587\u7814\u7a76\u8207\u8cc7\u6599\u5206\u6790<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b7e378b elementor-widget elementor-widget-heading\" data-id=\"b7e378b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">This design refers to Make Dream Website<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-872b39a e-con-full mdw-side-menu-area e-flex e-con e-child\" data-id=\"872b39a\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;position&quot;:&quot;fixed&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ced3aa3 mdw-hide-on-scroll elementor-widget elementor-widget-image\" data-id=\"ced3aa3\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/110ccdm.hhk.one\/\">\n\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"724\" src=\"https:\/\/110ccdm.hhk.one\/wp-content\/uploads\/2024\/10\/\u8d74\u5922-\u6a19\u6e96\u5b57-1024x724.png\" class=\"attachment-large size-large wp-image-371\" alt=\"\" srcset=\"https:\/\/110ccdm.hhk.one\/wp-content\/uploads\/2024\/10\/\u8d74\u5922-\u6a19\u6e96\u5b57-1024x724.png 1024w, https:\/\/110ccdm.hhk.one\/wp-content\/uploads\/2024\/10\/\u8d74\u5922-\u6a19\u6e96\u5b57-300x212.png 300w, https:\/\/110ccdm.hhk.one\/wp-content\/uploads\/2024\/10\/\u8d74\u5922-\u6a19\u6e96\u5b57-768x543.png 768w, https:\/\/110ccdm.hhk.one\/wp-content\/uploads\/2024\/10\/\u8d74\u5922-\u6a19\u6e96\u5b57-1536x1086.png 1536w, https:\/\/110ccdm.hhk.one\/wp-content\/uploads\/2024\/10\/\u8d74\u5922-\u6a19\u6e96\u5b57-2048x1448.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-696c2a4 e-con-full mdw-side-menu-button e-flex e-con e-child\" data-id=\"696c2a4\" data-element_type=\"container\" data-settings=\"{&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0623c34 elementor-widget elementor-widget-button\" data-id=\"0623c34\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u2630<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-34dc5f5 elementor-widget elementor-widget-button\" data-id=\"34dc5f5\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u2630<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f651b50 e-con-full mdw-side-menu e-flex e-con e-child\" data-id=\"f651b50\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-e84cfcd e-flex e-con-boxed e-con e-child\" data-id=\"e84cfcd\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6ac264e elementor-widget elementor-widget-html\" data-id=\"6ac264e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.mdw-side-menu-area{\r\n    --hide-on-scroll: true;\r\n    --hide-on-scroll-amount: 100;\r\n    --menu-icon-width: 48px;\r\n    --menu-icon-gap: 15px;\r\n}\r\n.mdw-side-menu-area .mdw-hide-on-scroll{\r\n    transition: all 0.3s ease-in-out;\r\n}\r\n.mdw-side-menu-area .mdw-hide-on-scroll.hide{\r\n    opacity: 0;\r\n    pointer-events: none;\r\n}\r\n.mdw-side-menu-area .mdw-side-menu-button{\r\n    cursor: pointer;\r\n    height: var(--min-height,45px);\r\n    overflow: hidden !important;\r\n}\r\n.mdw-side-menu-area .mdw-side-menu-button .elementor-widget-button{\r\n    transition: all 0.5s cubic-bezier(0.76, 0, 0.24, 1);\r\n}\r\n.mdw-side-menu-area.open .mdw-side-menu-button .elementor-widget-button{\r\n    transform: translateY(-100%);\r\n}\r\n.mdw-side-menu-area .mdw-side-menu-button .elementor-button{\r\n    height: var(--min-height,45px);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n.mdw-side-menu-area .mdw-side-menu-button .elementor-button-icon{\r\n    margin: 0;\r\n}\r\n.mdw-side-menu-area .mdw-side-menu-button .elementor-button-content-wrapper{\r\n    perspective: 6em;\r\n}\r\n.mdw-side-menu-area .mdw-side-menu-button .elementor-button-text:nth-child(1){\r\n    transform-origin: top;\r\n    transition: transform .55s cubic-bezier(.645,.045,.355,1), opacity .35s linear .2s;\r\n}\r\n.mdw-side-menu-area .mdw-side-menu-button .elementor-widget-button.open .elementor-button-text:nth-child(1){\r\n    opacity: 0;\r\n    transform: rotateX(90deg) scaleX(.9) translate3d(0, -10px, 0);\r\n}\r\n.mdw-side-menu-area .mdw-side-menu-button .elementor-button-text:nth-child(2){\r\n    position: absolute;\r\n    opacity: 0;\r\n    transform: rotateX(-90deg) scaleX(.9) translate3d(0, 10px, 0);\r\n    transform-origin: bottom;\r\n    transition: transform .55s cubic-bezier(.645,.045,.355,1), opacity .35s linear .2s;\r\n}\r\n.mdw-side-menu-area .mdw-side-menu-button .elementor-widget-button.open .elementor-button-text:nth-child(2){\r\n    opacity: 1;\r\n    transform: rotateX(0deg) scaleX(1) translateZ(0);\r\n    transition: transform .75s cubic-bezier(.645,.045,.355,1), opacity .35s linear .3s;\r\n}\r\n.mdw-side-menu-area:not(.open-arrow) .mdw-side-menu{\r\n    pointer-events: none;\r\n}\r\n.mdw-side-menu-area .mdw-side-menu:before{\r\n    top: 0;\r\n    right: 0;\r\n    left: unset;\r\n    transition: all 0.75s cubic-bezier(.76,0,.24,1);\r\n}\r\n.mdw-side-menu-area:not(.open) .mdw-side-menu:before{\r\n    height: var(--button-height,45px);\r\n    width: var(--button-width,110px);\r\n    transform: translate(calc(-1*var(--button-right,25px)), var(--button-top,25px));\r\n}\r\n.mdw-side-menu-area:not(.anim) .mdw-side-menu:before{\r\n    transition: none;\r\n    opacity: 0;\r\n}\r\n.mdw-side-menu-area .mdw-side-menu .e-con::-webkit-scrollbar,\r\n.mdw-side-menu-area .mdw-side-menu .e-container::-webkit-scrollbar{\r\n    display: none;\r\n}\r\n.mdw-side-menu-area .mdw-side-menu .e-con,\r\n.mdw-side-menu-area .mdw-side-menu .e-container{\r\n    overflow-y: auto;\r\n    max-height: calc(100vh - 20px - var(--margin-block-start,113px));\r\n    -ms-overflow-style: none;\r\n    scrollbar-width: none;\r\n}\r\n.mdw-side-menu-area .mdw-side-menu .elementor-icon-list-item,\r\n.mdw-side-menu-area .mdw-side-menu .elementor-icon-list-item a{\r\n    perspective: calc(3*48px);\r\n    perspective-origin: bottom;\r\n}\r\n.mdw-side-menu-area .mdw-side-menu .elementor-icon-list-item{\r\n    margin-top: 0 !important;\r\n    padding-top: var(--padding-top);\r\n}\r\n.mdw-side-menu-area .mdw-side-menu .elementor-icon-list-item:first-child{\r\n    padding-top: 0;\r\n}\r\n.mdw-side-menu-area .mdw-side-menu .elementor-icon-list-item a{\r\n    outline: none;\r\n}\r\n.mdw-side-menu-area .mdw-side-menu .elementor-icon-list-icon{\r\n    width: var(--menu-icon-width,48px);\r\n    height: calc(0.6*var(--menu-icon-width,48px));\r\n    align-items: center;\r\n    padding-right: var(--menu-icon-gap,15px);\r\n    overflow: hidden;\r\n    opacity: 0;\r\n    box-sizing: content-box;\r\n}\r\n.mdw-side-menu-area.open-arrow .mdw-side-menu .elementor-icon-list-icon{\r\n    opacity: 1;\r\n    transition: all 0s cubic-bezier(.215,.61,.355,1) calc(var(--index,0) * .1s + 0.55s);\r\n}\r\n.mdw-side-menu-area .mdw-side-menu .elementor-icon-list-icon i{\r\n    width: 100% !important;\r\n    height: 0.1em;\r\n    background: currentColor;\r\n    position: relative;\r\n    margin-left: calc(0px - var(--menu-icon-width,48px) - var(--menu-icon-gap,15px));\r\n    transition: all .65s cubic-bezier(.215,.61,.355,1) !important;\r\n}\r\n.mdw-side-menu-area .mdw-side-menu .elementor-icon-list-icon svg{\r\n    display: none;\r\n}\r\n.mdw-side-menu-area .mdw-side-menu .elementor-icon-list-item:hover .elementor-icon-list-icon i{\r\n    margin-left: -0.07em;\r\n}\r\n.mdw-side-menu-area .mdw-side-menu .elementor-icon-list-icon i:before,\r\n.mdw-side-menu-area .mdw-side-menu .elementor-icon-list-icon i:after{\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 40%;\r\n    transform: rotate(45deg) translateX(0.05em);\r\n    transform-origin: right center;\r\n    height: 0.1em;\r\n    background: currentColor;\r\n    right: 0;\r\n}\r\n.mdw-side-menu-area .mdw-side-menu .elementor-icon-list-icon i:after{\r\n    transform: rotate(-45deg) translateX(0.05em);\r\n}\r\n.mdw-side-menu-area .mdw-side-menu .elementor-icon-list-text{\r\n    transform: rotateX(90deg) translate3d(0,60px,0);\r\n    opacity: 0;\r\n    transition: transform 0s linear .45s, opacity 0.3s linear !important;\r\n    transform-origin: center bottom;\r\n    padding-left: 0 !important;\r\n    max-width: calc(100% - var(--menu-icon-width,48px) - var(--menu-icon-gap,15px));\r\n}\r\n.mdw-side-menu-area .mdw-side-menu .elementor-icon-list-icon + .elementor-icon-list-text{\r\n    margin-left: calc(0px - var(--menu-icon-width,48px) - var(--menu-icon-gap,15px));\r\n}\r\n.mdw-side-menu-area .mdw-side-menu .elementor-icon-list-item:hover .elementor-icon-list-text{\r\n    margin-left: 0;\r\n}\r\n.mdw-side-menu-area.open-instant .mdw-side-menu .elementor-icon-list-text{\r\n    transform: rotateX(0deg);\r\n    opacity: 1;\r\n    transition: transform .65s cubic-bezier(.215,.61,.355,1) calc(var(--index,0) * .1s + .55s), opacity .35s linear calc(var(--index,0) * .1s + .55s), margin-left .65s cubic-bezier(.215,.61,.355,1) !important;\r\n}\r\n.mdw-side-menu-area .mdw-side-menu-social{\r\n    display: block;\r\n    background: none;\r\n}\r\n.mdw-side-menu-area .mdw-side-menu-social .elementor-widget-empty-icon{\r\n    display: none;\r\n}\r\n.mdw-side-menu-area .mdw-side-menu-social .elementor-icon-list-item{\r\n    width: 47%;\r\n    float: left;\r\n}\r\n.mdw-side-menu-area .mdw-side-menu-social a{\r\n    display: inline-block;\r\n    width: auto;\r\n}\r\n.mdw-side-menu-area .mdw-side-menu-social .elementor-icon-list-text{\r\n    transform: translate3d(0,100%,0);\r\n    transition: transform 0s linear .45s, opacity 0.3s linear;\r\n    max-width: 100%;\r\n}\r\n.mdw-side-menu-area.open-instant .mdw-side-menu-social .elementor-icon-list-text{\r\n    transition: opacity .45s linear 0s, transform .65s cubic-bezier(.215,.61,.355,1) 0s !important;\r\n    transition-delay: calc(var(--index)*.1s + .7s) !important;\r\n}\r\n.mdw-side-menu-area .mdw-side-menu-social .elementor-icon-list-text:after{\r\n    content: \"\";\r\n    height: 1px;\r\n    width: 100%;\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    background: currentColor;\r\n    transform: scaleX(0%);\r\n    transform-origin: left;\r\n    transition: all 0.75s cubic-bezier(.645,.045,.355,1);\r\n}\r\n.mdw-side-menu-area .mdw-side-menu-social .elementor-icon-list-item:hover .elementor-icon-list-text:after{\r\n    transform: scaleX(100%);\r\n}\r\n\r\n@media (max-width:767px){\r\n.mdw-side-menu-area{\r\n    --menu-icon-width: 38px;\r\n    --menu-icon-gap: 10px;\r\n}\r\n.mdw-side-menu-area .mdw-side-menu-social .elementor-icon-list-item {\r\n    width: 50%;\r\n}\r\n}\r\n<\/style>\r\n<script src=\"https:\/\/code.jquery.com\/jquery-3.6.0.min.js\"><\/script>\r\n<script>\r\nif(!MDWNonce108){\r\nvar MDWNonce108 = true\r\nvar $ = jQuery\r\n$(document).ready(function(){\r\n\r\nfunction getCSS(el, property){\r\n    return getComputedStyle(el.get(0)).getPropertyValue(property)\r\n}\r\n\r\nfunction setCSS(el, property, value){\r\n    el.each(function(i){\r\n        el.get(i).style.setProperty(property, value)\r\n    })\r\n}\r\n\r\nfunction setSmallState($this){\r\n    var button = $this.find('.mdw-side-menu-button'),\r\n        mainMenu = $this.find('.mdw-side-menu'),\r\n        buttonRight = (parseFloat(getCSS(button, 'right')) - parseFloat(getCSS(mainMenu, 'right'))) + 'px',\r\n            buttonTop = (parseFloat(getCSS(button, 'top')) - parseFloat(getCSS(mainMenu, 'top'))) + 'px',\r\n        buttonHeight = button.height(),\r\n        buttonWidth = button.width()\r\n        \r\n    setCSS($this, '--button-right', buttonRight)\r\n    setCSS($this, '--button-top', buttonTop)\r\n    setCSS($this, '--button-height', buttonHeight + 'px')\r\n    setCSS($this, '--button-width', buttonWidth + 'px')\r\n    \r\n    $this.find('.mdw-side-menu .elementor-widget-icon-list').each(function(i){\r\n        var paddingBottom = getCSS($(this).find('.elementor-icon-list-item').eq(0), 'padding-bottom')\r\n        setCSS($(this).find('.elementor-icon-list-item'), '--padding-top', paddingBottom)\r\n    })\r\n}\r\n\r\n$(window).on('load resize', function(){\r\n$('.mdw-side-menu-area').each(function(){\r\n    setSmallState($(this))\r\n})\r\n})\r\n\r\n$('.mdw-side-menu-area').each(function(){\r\n\r\n    var $this = $(this)\r\n    setSmallState($this)\r\n    setTimeout(function(){\r\n        $this.addClass('anim')\r\n    },100)\r\n    \r\n    $(this).find('.mdw-side-menu .elementor-icon-list-item').each(function(i){\r\n        setCSS($(this), '--index', i)\r\n        var icon = $(this).find('.elementor-icon-list-icon')\r\n        if(icon.length && !icon.find('i').length){\r\n            icon.append('<i aria-hidden=\"true\" class=\"fas fa-arrow-right\"><\/i>')\r\n        }\r\n    })\r\n})\r\n\r\n$('.mdw-side-menu-button .elementor-widget-button').each(function(){\r\n    var wrapper = $(this).find('.elementor-button-content-wrapper'),\r\n    text = $(this).find('.elementor-button-text')\r\n    text.clone().appendTo(wrapper)\r\n})\r\n\r\nvar clickLock = false\r\n\r\n$('.mdw-side-menu-button').on('click', function(){\r\n    if(clickLock) return\r\n    var $this = $(this),\r\n        menu = $this.closest('.mdw-side-menu-area'),\r\n        button = $this.find('.elementor-widget-button')\r\n        clickLock = true\r\n    if(menu.hasClass('open')){\r\n        button.eq(1).removeClass('open')\r\n        menu.removeClass('open-arrow')\r\n        setTimeout(function(){ menu.removeClass('open-instant') },300)\r\n        setTimeout(function(){ menu.removeClass('open') },500)\r\n        setTimeout(function(){ button.eq(0).removeClass('open') },750)\r\n    }else{\r\n        button.eq(0).addClass('open')\r\n        setTimeout(function(){ menu.addClass('open open-instant open-arrow') },500)\r\n        setTimeout(function(){ button.eq(1).addClass('open') },750)\r\n    }\r\n    setTimeout(function(){ clickLock = false },750)\r\n})\r\n\r\n\/\/$('.mdw-side-menu-button a').on('click', function(e){\r\n   \/\/ e.preventDefault()\r\n\/\/})\r\n\r\n$('body').on('click', function(e){\r\n    $('.mdw-side-menu-area').each(function(){\r\n        if($(this).hasClass('open-instant') && !$(e.target).closest('.mdw-side-menu').length && !$(e.target).closest('.mdw-side-menu-button').length){\r\n            $(this).find('.mdw-side-menu-button').trigger('click')\r\n        }\r\n    })\r\n})\r\n\r\n$(window).on('scroll', function(){\r\n    $('.mdw-hide-on-scroll').each(function(){\r\n        var offset = isNaN(parseFloat(getCSS($(this), '--hide-on-scroll-amount'))) ? parseFloat(getCSS($(this), '--hide-on-scroll-amount')) : 100\r\n        if(getCSS($(this), '--hide-on-scroll').trim() == 'true'){\r\n            if($(window).scrollTop() > offset){\r\n                $(this).addClass('hide')    \r\n            }else{\r\n                $(this).removeClass('hide')\r\n            }\r\n        }\r\n    })\r\n})\r\n})\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0849a51 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"0849a51\" data-element_type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/110ccdm.hhk.one\/?page_id=1231\" target=\"_blank\" rel=\"nofollow\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-right\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">CCDM Stnt<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/110ccdm.hhk.one\/?page_id=325\" target=\"_blank\" rel=\"nofollow\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-right\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">CCDM Prf.<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/110ccdm.hhk.one\/?page_id=965\" target=\"_blank\" rel=\"nofollow\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-right\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">EXECUTIVE<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.instagram.com\/nuuccdm_neverland.110\/\" target=\"_blank\" rel=\"nofollow\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-right\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">INSTAGRAM<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>CCDM Prof \u77ad\u89e3\u66f4\u591a \u9673\u541b\u5c71 \u6587\u8cc7\u8207\u6587\u5316\u653f\u7b56 \u718a\u5b50\u6249 \u5730\u65b9\u54c1\u724c\u53ca\u6587\u5275\u5546\u54c1\u8a2d\u8a08 \u674e\u5a01\u9706 \u793e\u6703\u7db2\u7d61\u5206\u6790 \u5f35 [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-325","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/110ccdm.hhk.one\/index.php?rest_route=\/wp\/v2\/pages\/325","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/110ccdm.hhk.one\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/110ccdm.hhk.one\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/110ccdm.hhk.one\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/110ccdm.hhk.one\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=325"}],"version-history":[{"count":157,"href":"https:\/\/110ccdm.hhk.one\/index.php?rest_route=\/wp\/v2\/pages\/325\/revisions"}],"predecessor-version":[{"id":1512,"href":"https:\/\/110ccdm.hhk.one\/index.php?rest_route=\/wp\/v2\/pages\/325\/revisions\/1512"}],"wp:attachment":[{"href":"https:\/\/110ccdm.hhk.one\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=325"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}