https://focuslumber.com.my/

1<!DOCTYPE html> <html lang="zh-tw"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no"> <link rel="icon" href="images/favicon.png" type="image/png"> <base href="/data/10065/" target=""> <title>富佳木業股份有限公司</title> <meta name="og:site_name" content="富佳木業股份有限公司"> <meta property="og:site_name" content="富佳木業股份有限公司"> <meta name="og:url" content="https://focuslumber.com.my/"> <meta property="og:url" content="https://focuslumber.com.my/"> <meta name="twitter:card" content="summary"> <meta property="og:title" content="富佳木業股份有限公司"> <meta name="og:title" content="富佳木業股份有限公司"> <meta itemprop="name" content="富佳木業股份有限公司"> <meta name="twitter:title" content="富佳木業股份有限公司"> <meta name="og:locale" content="zh-tw"> <meta property="og:locale" content="zh-tw"> <meta name="og:type" content="website"> <meta property="og:type" content="website"> <meta name="google" value="notranslate"> <meta name="keywords" content="富佳木業股份有限公司"> <meta name="description" content="富佳木業股份有限公司"> <meta name="RATING" content="general"> <link href="/css/front.css" rel="stylesheet" type="text/css" media="screen"> 

1<script src="/js/jquery.all.min.js"></script>

1 

1<script src="/js/config.js" id="config" data-lang="zh-tw" data-path="" data-fb_app_id="" data-google_client_id=""></script>

1 

1<script src="//apis.google.com/js/api:client.js?hl=zh-tw"></script>

1 

1<script src="/js/socialLogin.js" async></script>

1 

1<script src="/js/front.js?0728update" async></script>

1 

1<script src="/js/validation.js"></script>

1 <link rel="icon" href="" sizes="16x16" type="image/png"> <link rel="apple-touch-icon" href=""> <link rel="apple-touch-icon-precomposed" href=""> 

1<script>
2// 	$(function(){
3// 		//判斷是否是LINE內建瀏覽器 是的話就強制跳轉
4// 		if (/Line/.test(navigator.userAgent)) {
5// 			var temp = (location.search !== "")?'&openExternalBrowser=1':'?openExternalBrowser=1';
6// 			location.href = location.origin+location.pathname+location.search+temp+location.hash;
7// 		}
8// 	});
9</script>

9 <link href="css/main.css?2025" rel="stylesheet" type="text/css" media="screen"> 

9<script type="text/javascript" src="js/jquery-migrate-3.0.1.min.js"></script>

9 

9<script src="js/bootstrap.js"></script>

9 <link rel="shortcut icon" href="images/favicon.ico"> </head> <body> <header id="header"> <div class="head-main"> <div class="logo-main" data-aos="fade-right"><a href="/index"> <div class="logo"><img src="images/logo.png?2025" alt="Focus Lumber Berhad"></div> <div class="logo-font"> <div class="logo-font-en">Focus Lumber Berhad</div> <div class="logo-font-tc">富佳木業股份有限公司</div> </div> </a></div> <nav id="nav" class="b-color"> <ul id="menu" class="menu"> <li class="sub" data-aos="fade-down-left"><a href="/about">About Us</a> <ul class="sub-menu"> <li><a href="/about/1">Company Background</a></li> <li><a href="/about/2">Directors’ Profile</a></li> <li><a href="/about/3">Corporate Structure</a></li> <li><a href="/about/4">Corporate Milestones</a></li> <li><a href="/about/5">Corporate Video</a></li> </ul> </li> <li class="sub" data-aos="fade-down-left" data-aos-delay="100"><a href="/product">Our Business</a> <ul class="sub-menu"> <li><a href="/product/1">Manufacturing</a></li> <li><a href="/product/2">Biomass Electricity</a></li> <li><a href="/product/3">Industrial Tree Planting</a></li> </ul> </li> <li class="sub" data-aos="fade-down-left" data-aos-delay="200"><a href="/investors">Investors Relations</a> <ul class="sub-menu"> <li><a href="/investors/1">General Meetings</a></li> <li><a href="/investors/2">Announcements to Bursa</a></li> <li><a href="/investors/3">Board Charter</a></li> <li><a href="/investors/4">Policies</a></li> <li><a href="/investors/5">Terms of Reference</a></li> <li><a href="/news">Media</a></li> </ul> </li> <li data-aos="fade-down-left" data-aos-delay="300"><a href="/contact">Contact Us</a></li> </ul> </nav> </div> </header> 

9<script src="js/anime.min.js"></script>

9 <div class="i-banner-main"> <div class="i-banner"><img src="upload/basicOne/17555070557054.png" alt=""></div> <div class="i-banner-content"> <div class="i-banner-title" data-aos="zoom-in">
10            Sustain to grow<br />
11Grow to sustain</div> <div class="i-banner-info ml10"><span class="letters">Welcome to Focus Lumber Berhad, where we embed resilience and enable growth.</span></div> </div> </div> 

11<script>
12    // Wrap every letter in a span
13var textWrapper = document.querySelector('.ml10 .letters');
14textWrapper.innerHTML = textWrapper.textContent.replace(/\S/g, "<span class='letter'>$&</span>");
15
16anime.timeline({loop: true})
17  .add({
18    targets: '.ml10 .letter',
19    rotateY: [-90, 0],
20    duration: 3000,
21    delay: (el, i) => 45 * i
22  }).add({
23    targets: '.ml10',
24    opacity: 1,
25    duration: 1000,
26    easing: "easeOutExpo",
27    delay: 1000
28  });
29    </script>

29 <div class="warpper"> <div class="main"> <div class="i-about-main"> <div class="i-about"> <div class="i-about-content"> <div class="i-title-main"> <h2 class="i-title" data-aos="fade-left">Focus Lumber Berhad</h2> </div> <div class="i-about-info"> <div class="i-about-note" data-aos="fade-left" data-aos-delay="100">COMPANY NO.: 188710-V</div> <div class="i-about-dep" data-aos="fade-left" data-aos-delay="200">Our company was incorporated in Malaysia on 30 October 1989 as a private limited liability company and was subsequently listed on the Main Board of Bursa Securities on 28 April 2011. Our principal activities are manufacturing and sale of plywood, veneer and Laminated Veneer Lumber (&ldquo;LVL&rdquo;), and investment holding. Plywood is the core product, generating the bulk of the Group&rsquo;s revenue.</div> </div> <div class="more"><a href="/about">View More<i><img src="images/more-icon.svg" alt=">"></i></a></div> </div> <div class="i-about-photo" data-aos="fade-right"><img src="images/i-about.jpg" alt=""></div> </div> </div> <div class="i-video-main"> <div class="i-video"> <div class="video-content" id="videoSection"> <div class="video-info" id="videoInner"> <video id="video" autoplay muted loop playsinline poster="images/Web01.jpg"> <source src="video/Web01.mp4" type="video/mp4">
30                    Your browser does not support the video tag.
31                </video> <svg class="overlay-layer" viewBox="0 0 1920 1080" preserveAspectRatio="xMidYMid slice"> <defs> <circle id="circleShape" cx="0" cy="0" r="100" /> </defs> <g id="layer1"><use href="#circleShape" stroke="#99a411" fill="none" stroke-width="1"/></g> <g id="layer2"><use href="#circleShape" stroke="#1db000" fill="none" stroke-width="2"/></g> <g id="layer3"><use href="#circleShape" stroke="#00b050" fill="none" stroke-width="3"/></g> </svg> </div> </div> </div> 

31<script>
32const videoSection = document.getElementById('videoSection');
33const video = document.getElementById('video');
34const l1 = document.getElementById('layer1');
35const l2 = document.getElementById('layer2');
36const l3 = document.getElementById('layer3');
37
38let isPlaying = false;
39
40// 判斷是否手機
41const isMobile = /Android|iPhone|iPad|iPod|webOS|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
42
43function update(scrollY) {
44  const sectionTop = videoSection.offsetTop;
45  const sectionHeight = videoSection.offsetHeight;
46  const H = window.innerHeight;
47
48  let progress = 0;
49
50  if(isMobile){
51    // 手機版：影片 clip-path 動態放大，圓圈放大到螢幕外
52    const start = sectionTop;
53    const end = sectionTop + sectionHeight - H;
54    if(scrollY <= start){
55      progress = 0;
56    }else if(scrollY >= end){
57      progress = 1;
58    }else{
59      progress = (scrollY - start) / (end - start);
60    }
61
62    // clip-path 半徑
63    const minRadius = 120;
64    const maxRadius = Math.max(window.innerWidth, window.innerHeight) * 0.9; // 放大到螢幕外
65    const radius = minRadius + progress * (maxRadius - minRadius);
66    video.style.clipPath = `circle(${radius}px at 50% 50%)`;
67
68    // 圓圈同步放大
69    const scale = radius / 100; // 基於 circleShape r=100
70    const cx = 1920 / 2;
71    const cy = 1080 / 2;
72
73    l1.setAttribute('transform', `translate(${cx},${cy}) scale(${scale * 1.2})`);
74    l2.setAttribute('transform', `translate(${cx},${cy}) scale(${scale * 1.4})`);
75    l3.setAttribute('transform', `translate(${cx},${cy}) scale(${scale * 1.8})`);
76
77  } else {
78    // 桌機版：保持原本 clip-path
79    const triggerStart = sectionTop - H / 2;
80    const triggerEnd = sectionTop + sectionHeight;
81    progress = Math.min(Math.max((scrollY - triggerStart) / (triggerEnd - triggerStart), 0), 1);
82
83    const minRadius = 120;
84    const maxRadius = window.innerWidth * 0.9;
85    const radius = minRadius + progress * (maxRadius - minRadius);
86    video.style.clipPath = `circle(${radius}px at 50% 50%)`;
87
88    const scale = radius / 100; // 基於 circleShape r=100
89    const cx = 1920 / 2;
90    const cy = 1080 / 2;
91
92    l1.setAttribute('transform', `translate(${cx},${cy}) scale(${scale * 1.2})`);
93    l2.setAttribute('transform', `translate(${cx},${cy}) scale(${scale * 1.4})`);
94    l3.setAttribute('transform', `translate(${cx},${cy}) scale(${scale * 1.8})`);
95  }
96
97  // 判斷影片是否在視窗中播放
98  const isInView = (scrollY + H) > sectionTop && scrollY < (sectionTop + sectionHeight);
99  if (isInView && !isPlaying) {
100    video.play().catch(() => {});
101    isPlaying = true;
102  } else if (!isInView && isPlaying) {
103    video.pause();
104    isPlaying = false;
105  }
106}
107
108window.addEventListener('scroll', () => update(window.scrollY));
109window.addEventListener('resize', () => update(window.scrollY));
110update(window.scrollY);
111</script>

111 </div> <div class="i-news-main"> <div class="i-news"> <div class="i-title-main"> <h2 class="i-title" data-aos="fade-down">Latest News</h2> </div> <ul> <li> <a href="/news/1"> <div class="i-news-date"><span>2024</span>Aug 20</div> <div class="i-news-content"> <h3>Deputy Minister of Plantation and Commodities, Datuk Chan Foong Hin visit Keningau in August 2024</h3> </div> </a> </li> <li> <a href="/news/2"> <div class="i-news-date"><span>2019</span>Jan 11</div> <div class="i-news-content"> <h3>Sabah Chief Minister, Datuk Seri Panglima Haji Mohd Shafie Apdal Visit Keningau in January 2019</h3> </div> </a> </li> </ul> <div class="more"><a href="/news">View More<i><img src="images/more-icon.svg" alt=">"></i></a></div> </div> </div> <div class="i-pro-main"> <div class="i-pro"> <div class="i-pro-title"> <div class="i-title-main"> <h2 class="i-title" data-aos="fade-right">Our <br>Products</h2> </div> <div class="i-pro-note" data-aos="fade-right" data-aos-delay="100">Engineered from premium tropical hardwoods for superior strength and quality</div> <div class="more"><a href="/product">View More<i><img src="images/more-icon.svg" alt=">"></i></a></div> </div> <div class="i-pro-content"> <ul> <li> <a href="/product/0/1"> <div class="photo-main"> <div class="photo" style="background-image: url(upload/basic/17555738546742.jpg)"> <div class="i-pro-info"> <h3>Plywood</h3> </div> </div> </div> </a> </li> <li> <a href="/product/0/2"> <div class="photo-main"> <div class="photo" style="background-image: url(upload/basic/1755574551782.jpg)"> <div class="i-pro-info"> <h3>Laminated Veneer Lumber(LVL)</h3> </div> </div> </div> </a> </li> <li> <a href="/product/0/3"> <div class="photo-main"> <div class="photo" style="background-image: url(upload/basic/17555746289352.jpg)"> <div class="i-pro-info"> <h3>Veneer</h3> </div> </div> </div> </a> </li> </ul> </div> </div> </div> </div> </div> <footer id="footer"> <div class="footer"> <div class="f-logo-copyright"> <div class="f-logo-main" data-aos="zoom-in"> <div class="f-logo"><img src="images/logo.png?2025" alt="Focus Lumber Berhad"></div> <div class="f-logo-font"> <div class="f-logo-font-en">Focus Lumber Berhad</div> <div class="f-logo-font-tc">富佳木業股份有限公司</div> </div> </div> <div class="copyright">© Focus Lumber Berhad<span><a href="https://www.showtaiwan.com.tw/" target="_blank">DESIGN-VIPCASE</a></span></div> </div> <div class="f-contact"> <ul> <li> <h2 data-aos="fade-right">Registered Office</h2> <div class="f-contact-content"> <ul> <li>Address : <a href="https://www.google.com/maps/place/Focus+Lumber+Berhad/@5.9900862,116.1022206,17z/data=!4m15!1m8!3m7!1s0x323b6bd86d9eaad3:0x6581323229676e33!2s12a,+Jalan+Teluk+Likas,+88400+Kota+Kinabalu,+Sabah,+Malaysia!3b1!8m2!3d5.9900862!4d116.1022206!16s%2Fg%2F11k2_c5kqw!3m5!1s0x323b6bd80b030aa7:0x52eb9c0bb7d133d3!8m2!3d5.9900874!4d116.1022412!16s%2Fg%2F11fm5946cy?hl=en&amp;entry=ttu&amp;g_ep=EgoyMDI1MDcyMS4wIKXMDSoASAFQAw%3D%3D" target="_blank"></a>12A, Jalan Teluk Likas, 88450 Kota Kinabalu, Sabah, Malaysia.</li> <li>Tel : +60-88-393255, 393257, 393258</li> <li>Fax : +60-88-393169</li> <li>Email : <a href="/cdn-cgi/l/email-protection#ec8a838f999f8787ac8a838f999f8099818e899ec28f8381c28195"><span class="__cf_email__" data-cfemail="5b3d34382e2830301b3d34382e28372e36393e2975383436753622">[email&#160;protected]</span></a></li> </ul> </div> </li> <li> <h2 data-aos="fade-right">Branch Office And Factory</h2> <div class="f-contact-content"> <ul> <li>Address : <a href="https://www.google.com/maps/place/Focus+Lumber+Berhad/@5.34329,116.123768,16z/data=!4m6!3m5!1s0x323cf9890608445f:0xb37bbb08b7eefa48!8m2!3d5.3432902!4d116.123768!16s%2Fg%2F1pzxwrrhz?hl=en&amp;entry=ttu&amp;g_ep=EgoyMDI1MDcyMS4wIKXMDSoASAFQAw%3D%3D" target="_blank">Mile 3, Jalan Masak, Kampung Ulu Patikang, Locked Bag No. 13 - SM 88, 89009 Keningau, Sabah, Malaysia.</a></li> <li>Tel : +60-87-335457, 335458, 334761, 334764, 334766</li> <li>Fax : +60-87-335459</li> <li>Email : <a href="/cdn-cgi/l/email-protection#1c7a737f696f777b695c7a737f696f69717e796e327f7371327165"><span class="__cf_email__" data-cfemail="4c2a232f393f272b390c2a232f393f39212e293e622f2321622135">[email&#160;protected]</span></a></li> </ul> </div> </li> </ul> </div> </div> </footer>

111 <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>

111<script type="text/javascript" src="js/jquery.slicknav.js?2025"></script>

111 

111<script type="text/javascript" src="js/jsManage.js?2025"></script>

111 

111<script type="text/javascript" src="js/jquery.sidr.min.js?2025"></script>

111 

111<script type="text/javascript" src="js/jquery.scrollUp.min.js?2025"></script>

111 

111<script type="text/javascript" src="js/aos.js?2025"></script>

111 

111<script type="text/javascript" src="js/main.js?2025"></script>

111 

111<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"73a4b9636e564a87a2e97c4ba2bbb6ed","r":1,"spa":2}' crossorigin="anonymous"></script>

111
112</body> </html>