.elementor-209 .elementor-element.elementor-element-a387c70{overflow:hidden;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 300px 0px;}.elementor-209 .elementor-element.elementor-element-a387c70:not(.elementor-motion-effects-element-type-background), .elementor-209 .elementor-element.elementor-element-a387c70 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rockonsocialclub.net/wp-content/uploads/2025/09/bg_wall.jpg");background-repeat:repeat;}.elementor-209 .elementor-element.elementor-element-a387c70 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-209 .elementor-element.elementor-element-a387c70 > .elementor-shape-bottom .elementor-shape-fill{fill:var( --e-global-color-primary );}.elementor-209 .elementor-element.elementor-element-a387c70 > .elementor-shape-bottom svg{height:100px;transform:translateX(-50%) rotateY(180deg);}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-209 .elementor-element.elementor-element-9e9fe9d > .elementor-widget-container{margin:50px 0px 50px 0px;}.elementor-209 .elementor-element.elementor-element-96f89a3 > .elementor-widget-container{margin:50px 0px 50px 0px;}.elementor-209 .elementor-element.elementor-element-66ef0db{overflow:hidden;margin-top:-300px;margin-bottom:0px;}.elementor-209 .elementor-element.elementor-element-f2ddfdb img{max-width:800px;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-secondary );box-shadow:0px 5px 16px 0px #000000;}.elementor-209 .elementor-element.elementor-element-f2ddfdb > .elementor-widget-container{margin:0px 0px 50px 0px;}.elementor-209 .elementor-element.elementor-element-43a1e32{overflow:hidden;}.elementor-209 .elementor-element.elementor-element-15a68b2.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-widget-button .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );background-color:var( --e-global-color-accent );}.elementor-209 .elementor-element.elementor-element-66fd443 .elementor-button{font-family:"LINE Seed", Sans-serif;font-size:20px;font-weight:bold;fill:var( --e-global-color-d9a1241 );color:var( --e-global-color-d9a1241 );}.elementor-209 .elementor-element.elementor-element-66fd443 > .elementor-widget-container{margin:0px 0px 50px 0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-209 .elementor-element.elementor-element-7cd2e9e{text-align:center;font-family:"LINE Seed", Sans-serif;font-size:28px;font-weight:700;line-height:1.2em;color:var( --e-global-color-76da2d2 );}.elementor-209 .elementor-element.elementor-element-7cd2e9e > .elementor-widget-container{margin:0px 0px 5px 0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-209 .elementor-element.elementor-element-1305094{text-align:center;}.elementor-209 .elementor-element.elementor-element-1305094 .elementor-heading-title{font-family:"LINE Seed", Sans-serif;font-size:60px;font-weight:900;color:var( --e-global-color-76da2d2 );}.elementor-209 .elementor-element.elementor-element-1305094 > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-209 .elementor-element.elementor-element-8f1a101{font-family:"LINE Seed", Sans-serif;font-size:18px;font-weight:700;line-height:1.5em;color:var( --e-global-color-d9a1241 );width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-209 .elementor-element.elementor-element-8f1a101 > .elementor-widget-container{margin:20px 20px 20px 20px;}.elementor-209 .elementor-element.elementor-element-4781967 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-209 .elementor-element.elementor-element-4781967 .elementor-button .elementor-button-content-wrapper{gap:15px;}.elementor-209 .elementor-element.elementor-element-4781967 .elementor-button{font-family:"LINE Seed", Sans-serif;font-size:18px;font-weight:700;fill:var( --e-global-color-d9a1241 );color:var( --e-global-color-d9a1241 );background-color:var( --e-global-color-c2a3dee );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-c2a3dee );border-radius:100px 100px 100px 100px;padding:15px 30px 15px 30px;}.elementor-209 .elementor-element.elementor-element-4781967 .elementor-button:hover, .elementor-209 .elementor-element.elementor-element-4781967 .elementor-button:focus{color:var( --e-global-color-c2a3dee );background-color:var( --e-global-color-8f5236f );border-color:var( --e-global-color-c2a3dee );}.elementor-209 .elementor-element.elementor-element-4781967 .elementor-button:hover svg, .elementor-209 .elementor-element.elementor-element-4781967 .elementor-button:focus svg{fill:var( --e-global-color-c2a3dee );}.elementor-209 .elementor-element.elementor-element-d80fe9b .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-209 .elementor-element.elementor-element-d80fe9b > .elementor-widget-container{margin:50px 0px 0px 0px;}.elementor-209 .elementor-element.elementor-element-9da1967 > .elementor-container{max-width:1000px;}.elementor-209 .elementor-element.elementor-element-9da1967{overflow:hidden;margin-top:50px;margin-bottom:50px;padding:50px 0px 50px 0px;}.elementor-209 .elementor-element.elementor-element-43f443f.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-209 .elementor-element.elementor-element-43f443f > .elementor-element-populated{border-style:none;margin:20px 20px 20px 20px;--e-column-margin-right:20px;--e-column-margin-left:20px;padding:0px 0px 0px 0px;}.elementor-209 .elementor-element.elementor-element-43f443f > .elementor-element-populated, .elementor-209 .elementor-element.elementor-element-43f443f > .elementor-element-populated > .elementor-background-overlay, .elementor-209 .elementor-element.elementor-element-43f443f > .elementor-background-slideshow{border-radius:20px 20px 20px 20px;}.elementor-209 .elementor-element.elementor-element-1b85b31{text-align:center;}.elementor-209 .elementor-element.elementor-element-1b85b31 .elementor-heading-title{font-family:"Arvo", Sans-serif;font-size:24px;font-weight:500;color:var( --e-global-color-d9a1241 );}.elementor-209 .elementor-element.elementor-element-1b85b31 > .elementor-widget-container{margin:0px 20px 20px 20px;}.elementor-209 .elementor-element.elementor-element-4cf345a img{max-width:600px;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-secondary );box-shadow:0px 7px 17px 0px #000000;}.elementor-209 .elementor-element.elementor-element-4cf345a > .elementor-widget-container{margin:20px 20px 20px 20px;}.elementor-209 .elementor-element.elementor-element-158c9e3 > .elementor-widget-container{margin:20px 0px 20px 0px;}.elementor-209 .elementor-element.elementor-element-158c9e3{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-209 .elementor-element.elementor-element-fe2acad .elementor-button{font-family:"LINE Seed", Sans-serif;font-size:20px;font-weight:bold;fill:var( --e-global-color-d9a1241 );color:var( --e-global-color-d9a1241 );}.elementor-209 .elementor-element.elementor-element-fe2acad > .elementor-widget-container{margin:20px 0px 50px 0px;}.elementor-209 .elementor-element.elementor-element-6c0d818{font-family:"LINE Seed", Sans-serif;font-size:18px;font-weight:500;line-height:1.5em;color:var( --e-global-color-d9a1241 );width:var( --container-widget-width, 600px );max-width:600px;--container-widget-width:600px;--container-widget-flex-grow:0;}.elementor-209 .elementor-element.elementor-element-94436d7{overflow:hidden;}.elementor-209 .elementor-element.elementor-element-e34749f img{width:600px;}.elementor-209 .elementor-element.elementor-element-e34749f > .elementor-widget-container{margin:10px 10px 10px 10px;}.elementor-209 .elementor-element.elementor-element-9633f54{--grid-template-columns:repeat(3, auto);--grid-column-gap:20px;--grid-row-gap:0px;}.elementor-209 .elementor-element.elementor-element-9633f54 .elementor-widget-container{text-align:center;}.elementor-209 .elementor-element.elementor-element-9633f54 .elementor-social-icon{background-color:var( --e-global-color-c2a3dee );}.elementor-209 .elementor-element.elementor-element-9633f54 .elementor-social-icon i{color:var( --e-global-color-primary );}.elementor-209 .elementor-element.elementor-element-9633f54 .elementor-social-icon svg{fill:var( --e-global-color-primary );}.elementor-209 .elementor-element.elementor-element-9633f54 .elementor-social-icon:hover{background-color:var( --e-global-color-d9a1241 );}.elementor-209 .elementor-element.elementor-element-9633f54 .elementor-social-icon:hover i{color:var( --e-global-color-c2a3dee );}.elementor-209 .elementor-element.elementor-element-9633f54 .elementor-social-icon:hover svg{fill:var( --e-global-color-c2a3dee );}.elementor-209 .elementor-element.elementor-element-a3b4cf7 img{width:100px;}.elementor-209 .elementor-element.elementor-element-a3b4cf7 > .elementor-widget-container{margin:30px 0px 30px 0px;}.elementor-209 .elementor-element.elementor-element-d2a97be{overflow:hidden;}.elementor-209 .elementor-element.elementor-element-7365825{text-align:center;font-family:"LINE Seed", Sans-serif;font-size:10px;font-weight:700;}:root{--page-title-display:none;}body.elementor-page-209:not(.elementor-motion-effects-element-type-background), body.elementor-page-209 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-209 .elementor-element.elementor-element-f2ddfdb img{max-width:95%;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-209 .elementor-element.elementor-element-8f1a101{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-209 .elementor-element.elementor-element-9da1967{padding:50px 50px 50px 50px;}.elementor-209 .elementor-element.elementor-element-4cf345a img{max-width:80%;}.elementor-209 .elementor-element.elementor-element-158c9e3{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-209 .elementor-element.elementor-element-67d43d1{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-209 .elementor-element.elementor-element-7cd2e9e{font-size:17px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-209 .elementor-element.elementor-element-1305094 .elementor-heading-title{font-size:26px;}.elementor-209 .elementor-element.elementor-element-8f1a101{font-size:15px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-209 .elementor-element.elementor-element-4781967 .elementor-button{font-size:13px;padding:10px 15px 10px 15px;}.elementor-209 .elementor-element.elementor-element-9da1967{padding:50px 20px 50px 20px;}.elementor-209 .elementor-element.elementor-element-43f443f > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:20px 20px 20px 20px;}.elementor-209 .elementor-element.elementor-element-4cf345a img{max-width:90%;}.elementor-209 .elementor-element.elementor-element-4cf345a > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-209 .elementor-element.elementor-element-67d43d1 > .elementor-widget-container{margin:20px 0px 20px 0px;}.elementor-209 .elementor-element.elementor-element-67d43d1{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-209 .elementor-element.elementor-element-6c0d818{font-size:15px;}.elementor-209 .elementor-element.elementor-element-e34749f > .elementor-widget-container{margin:20px 20px 20px 20px;}.elementor-209 .elementor-element.elementor-element-a3b4cf7 img{width:60px;}.elementor-209 .elementor-element.elementor-element-7365825{font-size:10px;}}/* Start custom CSS */.neon-text{ color: var(--neon-core); letter-spacing: .06em; text-shadow: 0 0 2px var(--neon-core), /* 內圈亮 */ 0 0 6px var(--neon), 0 0 12px var(--neon), 0 0 24px var(--neon); filter: saturate(1.2); /* 提升鮮度（可關） */ } /* 想要下方有朦朧的底部雲光 */ .neon-text::after{ content:""; display:block; height: 10px; margin-top:-6px; background: radial-gradient(50% 100% at 50% 0%, var(--neon) 0%, transparent 70%); filter: blur(8px); opacity:.6; pointer-events:none; } @keyframes neon-flicker { 0%, 100% { opacity:1; } 92% { opacity:.96; } 95% { opacity:.85; } 97% { opacity:.92; } } .neon-line, .neon-text{ animation: neon-flicker 4s infinite linear; } :root{ --neon: #ff2a3a; /* 暈光主色 */ --neon-core: #ffd6da; /* 管心白 */ --bg: #0b0b0b; --radius: 22px; --tube: 2px; /* 管心線寬 */ --inner: 36px; /* 內側羽化深度：越大越往內淡出 */ } /* 只讓邊框發光，中央不亮 */ .neon-panel{ position: relative; background: var(--bg); border-radius: var(--radius); overflow: hidden; /* 讓角落跟著圓角裁切 */ /* 內側僅保留“管心線”，不做大面積 inset 光 */ box-shadow: inset 0 0 0 var(--tube) var(--neon-core), /* 細亮管心 */ 0 0 12px var(--neon), /* 外光 */ 0 0 28px var(--neon), 0 0 56px var(--neon); isolation: isolate; } /* 內側邊緣羽化光：只沿四邊與四角，中央不覆蓋 */ .neon-panel::before{ content:""; position:absolute; inset:0; border-radius: inherit; pointer-events:none; /* 四邊 + 四角 的“向內淡出”漸層，中央保持透明 */ background: /* 上、右、下、左 邊緣羽化 */ linear-gradient(to bottom, var(--neon) 0, transparent var(--inner)) top/100% var(--inner) no-repeat, linear-gradient(to left, var(--neon) 0, transparent var(--inner)) right/var(--inner) 100% no-repeat, linear-gradient(to top, var(--neon) 0, transparent var(--inner)) bottom/100% var(--inner) no-repeat, linear-gradient(to right, var(--neon) 0, transparent var(--inner)) left/var(--inner) 100% no-repeat, /* 四個角落的聚光 */ radial-gradient(circle at 0 0, var(--neon) 0, transparent var(--inner)), radial-gradient(circle at 100% 0, var(--neon) 0, transparent var(--inner)), radial-gradient(circle at 0 100%, var(--neon) 0, transparent var(--inner)), radial-gradient(circle at 100% 100%, var(--neon) 0, transparent var(--inner)); opacity:.45; /* 內光強度 */ mix-blend-mode: screen; /* 疊加更像光（背景是深色更有效） */ } /* 外擴大暈光（四角更亮） */ .neon-panel::after{ content:""; position:absolute; inset:-18px; border-radius: inherit; pointer-events:none; background: radial-gradient(120px 120px at 0% 0%, var(--neon) 0, transparent 70%), radial-gradient(120px 120px at 100% 0%, var(--neon) 0, transparent 70%), radial-gradient(120px 120px at 0% 100%, var(--neon) 0, transparent 70%), radial-gradient(120px 120px at 100% 100%, var(--neon) 0, transparent 70%), radial-gradient(60% 60% at 50% 50%, var(--neon) 0, transparent 70%); filter: blur(14px); opacity:.7; z-index:-1; } /* 內容層在光之上 */ .neon-panel > *{ position:relative; z-index:1; }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'LINE Seed'; font-style: normal; font-weight: bold; font-display: auto; src: url('https://rockonsocialclub.net/wp-content/uploads/2025/09/LINESeedJP_OTF_Bd.woff2') format('woff2'); } @font-face { font-family: 'LINE Seed'; font-style: normal; font-weight: 900; font-display: auto; src: url('https://rockonsocialclub.net/wp-content/uploads/2025/09/LINESeedJP_OTF_Eb.woff2') format('woff2'); } @font-face { font-family: 'LINE Seed'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://rockonsocialclub.net/wp-content/uploads/2025/09/LINESeedJP_OTF_Rg.woff2') format('woff2'); } @font-face { font-family: 'LINE Seed'; font-style: normal; font-weight: 100; font-display: auto; src: url('https://rockonsocialclub.net/wp-content/uploads/2025/09/LINESeedJP_OTF_Th.woff2') format('woff2'); } /* End Custom Fonts CSS */