1 year ago · d69a6ccd23
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -1,77 +1,47 @@
 
				 <!DOCTYPE html>
			
 
				 <html lang="{{ .Site.LanguageCode }}">
			
 
				 
			
 
				-  {{ partial "head.html" . }}
			
 
				+{{ partial "head.html" . }}
			
 
				 
			
 
				-  <body>
			
 
				+<body>
			
 
				 
			
 
				-    <div id="all">
			
 
				-        {{ partial "nav.html" . }}
			
 
				+  <div id="all">
			
 
				+    {{ partial "nav.html" . }}
			
 
				 
			
 
				-        {{ partial "breadcrumbs.html" . }}
			
 
				+    {{ partial "breadcrumbs.html" . }}
			
 
				 
			
 
				-        <div id="content">
			
 
				-            <div class="container dd">
			
 
				+    <div id="content">
			
 
				+      <div class="container dd">
			
 
				 
			
 
				-                <div class="row">
			
 
				+        <div class="row">
			
 
				+          <div class="col-md-9" id="blog-post">
			
 
				 
			
 
				-                    <!-- *** LEFT COLUMN *** -->
			
 
				-
			
 
				-                    <div class="col-md-9" id="blog-post">
			
 
				-                   
			
 
				-                        {{ if or .Params.author .Params.date }}
			
 
				-                          <p class="text-muted text-uppercase mb-small text-right">
			
 
				-                            {{ if .Params.author }}{{ i18n "authorBy" }} <a href="#">{{ .Params.author }}</a>{{ end }}
			
 
				-                            {{ if and .Params.author .Params.date }} | {{ end }}
			
 
				-                            {{ if .Params.date }}{{ .Date.Format .Site.Params.date_format }}{{ end }}
			
 
				-                          </p>
			
 
				-                        {{ end }}
			
 
				-
			
 
				-                        <div id="post-content">
			
 
				-                          {{ .Content }}
			
 
				-                        </div>
			
 
				-                        <!--
			
 
				-                           /#post-content 
			
 
				-                       if .Site.DisqusShortname
			
 
				-                        <div id="comments">
			
 
				-                             template "_internal/disqus.html" . 
			
 
				-                        </div>
			
 
				-                         end 
			
 
				-                      -->
			
 
				-                    </div>
			
 
				-                    <!-- /#blog-post -->
			
 
				-
			
 
				-                    <!-- *** LEFT COLUMN END *** -->
			
 
				-
			
 
				-                    <!-- *** RIGHT COLUMN *** -->
			
 
				-
			
 
				-                    <div class="col-md-3">
			
 
				-
			
 
				-                        <!-- *** MENUS AND WIDGETS *** -->
			
 
				-
			
 
				-                        {{ partial "sidebar.html" . }}
			
 
				-
			
 
				-                        <!-- *** MENUS AND FILTERS END *** -->
			
 
				-
			
 
				-                    </div>
			
 
				-                    <!-- /.col-md-3 -->
			
 
				-
			
 
				-                    <!-- *** RIGHT COLUMN END *** -->
			
 
				-
			
 
				-                </div>
			
 
				-                <!-- /.row -->
			
 
				+            {{ if or .Params.author .Params.date }}
			
 
				+            <p class="text-muted text-uppercase mb-small text-right">
			
 
				+              {{ if .Params.author }}{{ i18n "authorBy" }} <a href="#">{{ .Params.author }}</a>{{ end }}
			
 
				+              {{ if and .Params.author .Params.date }} | {{ end }}
			
 
				+              {{ if .Params.date }}{{ .Date.Format .Site.Params.date_format }}{{ end }}
			
 
				+            </p>
			
 
				+            {{ end }}
			
 
				 
			
 
				+            <div id="post-content">
			
 
				+              {{ .Content }}
			
 
				             </div>
			
 
				-            <!-- /.container -->
			
 
				+          </div>
			
 
				+
			
 
				+          <div class="col-md-3">
			
 
				+            {{ partial "sidebar.html" . }}
			
 
				+          </div>
			
 
				         </div>
			
 
				-        <!-- /#content -->
			
 
				+      </div>
			
 
				+    </div>
			
 
				 
			
 
				-        {{ partial "LP_components/Footer.html" . }}
			
 
				+    {{ partial "LP_components/Footer.html" . }}
			
 
				 
			
 
				-    </div>
			
 
				-    <!-- /#all -->
			
 
				+  </div>
			
 
				+
			
 
				+  {{ partial "scripts.html" . }}
			
 
				 
			
 
				-    {{ partial "scripts.html" . }}
			
 
				+</body>
			
 
				 
			
 
				-  </body>
			
 
				-</html>
			
 
				+</html>
			
--- a/layouts/_default/taxonomy.html
+++ b/layouts/_default/taxonomy.html
@@ -1,190 +1,173 @@
 
				 <!DOCTYPE html>
			
 
				 <html lang="{{ .Site.LanguageCode }}">
			
 
				 
			
 
				-  {{ partial "head.html" . }}
			
 
				-  
			
 
				-
			
 
				-  <body>
			
 
				-
			
 
				-    <div id="all" style="overflow-x: hidden;">
			
 
				-
			
 
				-        {{ partial "nav.html" . }}
			
 
				-        {{ partial "breadcrumbs.html" . }}
			
 
				-
			
 
				-<div id="content">
			
 
				-    {{ .Content }}
			
 
				-    <div class="container container_list">
			
 
				-                <div class="row">
			
 
				-                    <!-- *** LEFT COLUMN *** -->
			
 
				-                    <div class="col-md-9" id="blog-listing-medium">
			
 
				-                    
			
 
				-                        {{ $paginator := .Paginate (where .Data.Pages "Type" "blog") }}
			
 
				-                        {{ range $paginator.Pages }}
			
 
				-                        <section class="post tag-post">
			
 
				-                            <div class="row">
			
 
				-                                <div class="col-md-4">
			
 
				-                                  <div class="image">
			
 
				-                                      <a href="{{ .Permalink }}">
			
 
				-                                          {{ if .Params.banner }}
			
 
				-                                          <img src="{{ .Params.banner | relURL }}" class="img-responsive" alt="">
			
 
				-                                          {{ else }}
			
 
				-                                          <img src="{{ "img/placeholder.png" | relURL }}" class="img-responsive" alt="">
			
 
				-                                          {{ end }}
			
 
				-                                      </a>
			
 
				-                                  </div>
			
 
				-                                </div>
			
 
				-                                <div class="col-md-8">
			
 
				-                                    <h2><a href="{{ .Permalink }}">{{ .Title }}</a></h2>
			
 
				-                                    <div class="clearfix">
			
 
				-                                        <p class="author-category">
			
 
				-                                          {{ if isset .Params "author" }}
			
 
				-                                          {{ i18n "authorBy" }} <a href="#">{{ .Params.author }}</a>
			
 
				-                                          {{ end }}
			
 
				-                                          {{ if isset .Params "categories" }}
			
 
				-                                          {{ if gt (len .Params.categories) 0 }}
			
 
				-                                          in <a href="{{ "categories/" | relURL }}{{ index .Params.categories 0 | urlize | lower }}">{{ index .Params.categories 0 }}</a>
			
 
				-                                          {{ end }}
			
 
				-                                          {{ end }}
			
 
				-
			
 
				-                                        </p>
			
 
				-                                        {{ if isset .Params "date" }}
			
 
				-                                        <p class="date-comments">
			
 
				-                                            <a href="{{ .Permalink }}"><i class="far fa-calendar"></i> {{ .Date.Format .Site.Params.date_format }}</a>
			
 
				-                                        </p>
			
 
				-                                        {{ end }}
			
 
				-                                    </div>
			
 
				-                                        {{ if isset .Params "summary" }}
			
 
				-                                        <p class="intro">
			
 
				-                                            {{ .Params.summary }}
			
 
				-                                        </p>
			
 
				-                                        {{ end }}
			
 
				-                                    <p class="read-more"><a href="{{ .Permalink }}" class="btn btn-template-main">{{ i18n "continueReading" }}</a>
			
 
				-                                    </p>
			
 
				-                                </div>
			
 
				-                            </div>
			
 
				-                        </section>
			
 
				-                        {{ end }}
			
 
				-
			
 
				-                        <ul class="pager">
			
 
				-                            {{ if .Paginator.HasPrev }}
			
 
				-                            <li class="previous"><a href="{{ .Paginator.Prev.URL | relURL }}">&larr; {{ i18n "newer" }}</a></li>
			
 
				-                            {{ else }}
			
 
				-                            <li class="previous disabled"><a href="#">&larr; {{ i18n "newer" }}</a></li>
			
 
				-                            {{ end }}
			
 
				-
			
 
				-                            {{ if .Paginator.HasNext }}
			
 
				-                            <li class="next"><a href="{{ .Paginator.Next.URL | relURL }}">{{ i18n "older" }} &rarr;</a></li>
			
 
				-                            {{ else }}
			
 
				-                            <li class="next disabled"><a href="#">{{ i18n "older" }} &rarr;</a></li>
			
 
				-                            {{ end }}
			
 
				-                        </ul>
			
 
				-                    </div>
			
 
				-                    <!-- /.col-md-9 -->
			
 
				-
			
 
				-                    <!-- *** LEFT COLUMN END *** -->
			
 
				-
			
 
				-                    <!-- *** RIGHT COLUMN ***
			
 
				-       _________________________________________________________ -->
			
 
				-
			
 
				-                    <div class="col-md-3">
			
 
				-
			
 
				-                        <!-- *** MENUS AND WIDGETS *** -->
			
 
				-
			
 
				-                        {{ partial "sidebar.html" . }}
			
 
				-
			
 
				-                        <!-- *** MENUS AND FILTERS END *** -->
			
 
				-
			
 
				-                    </div>
			
 
				-                    <!-- /.col-md-3 -->
			
 
				-
			
 
				-                    <!-- *** RIGHT COLUMN END *** -->
			
 
				-
			
 
				+{{ partial "head.html" . }}
			
 
				+
			
 
				+<body>
			
 
				+  <div id="all" style="overflow-x: hidden;">
			
 
				+
			
 
				+    {{ partial "nav.html" . }}
			
 
				+    {{ partial "breadcrumbs.html" . }}
			
 
				+
			
 
				+    <div id="content">
			
 
				+      {{ .Content }}
			
 
				+      <div class="container container_list">
			
 
				+        <div class="row">
			
 
				+          <div class="col-md-9" id="blog-listing-medium">
			
 
				+
			
 
				+            {{ $paginator := .Paginate (where .Data.Pages "Type" "blog") }}
			
 
				+            {{ range $paginator.Pages }}
			
 
				+            
			
 
				+            <section class="post tag-post">
			
 
				+              <div class="row">
			
 
				+                <div class="col-md-4">
			
 
				+                  <div class="image">
			
 
				+                    <a href="{{ .Permalink }}">
			
 
				+                      {{ if .Params.banner }}
			
 
				+                      <img src="{{ .Params.banner | relURL }}" class="img-responsive" alt="">
			
 
				+                      {{ else }}
			
 
				+                      <img src="{{ " img/placeholder.png" | relURL }}" class="img-responsive" alt="">
			
 
				+                      {{ end }}
			
 
				+                    </a>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                <div class="col-md-8">
			
 
				+                  <h2><a href="{{ .Permalink }}">{{ .Title }}</a></h2>
			
 
				+                  <div class="clearfix">
			
 
				+                    <p class="author-category">
			
 
				+                      {{ if isset .Params "author" }}
			
 
				+                      {{ i18n "authorBy" }} <a href="#">{{ .Params.author }}</a>
			
 
				+                      {{ end }}
			
 
				+                      {{ if isset .Params "categories" }}
			
 
				+                      {{ if gt (len .Params.categories) 0 }}
			
 
				+                      in <a href="{{ " categories/" | relURL }}{{ index .Params.categories 0 | urlize | lower }}">{{
			
 
				+                        index .Params.categories 0 }}</a>
			
 
				+                      {{ end }}
			
 
				+                      {{ end }}
			
 
				+
			
 
				+                    </p>
			
 
				+                    {{ if isset .Params "date" }}
			
 
				+                    <p class="date-comments">
			
 
				+                      <a href="{{ .Permalink }}"><i class="far fa-calendar"></i> {{ .Date.Format
			
 
				+                        .Site.Params.date_format }}</a>
			
 
				+                    </p>
			
 
				+                    {{ end }}
			
 
				+                  </div>
			
 
				+                  {{ if isset .Params "summary" }}
			
 
				+                  <p class="intro">
			
 
				+                    {{ .Params.summary }}
			
 
				+                  </p>
			
 
				+                  {{ end }}
			
 
				+                  <p class="read-more"><a href="{{ .Permalink }}" class="btn btn-template-main">{{
			
 
				+                      i18n "continueReading" }}</a>
			
 
				+                  </p>
			
 
				                 </div>
			
 
				-                <!-- /.row -->
			
 
				-            </div>
			
 
				-            <!-- /.container -->
			
 
				+              </div>
			
 
				+            </section>
			
 
				+            {{ end }}
			
 
				+
			
 
				+            <ul class="pager">
			
 
				+              {{ if .Paginator.HasPrev }}
			
 
				+              <li class="previous"><a href="{{ .Paginator.Prev.URL | relURL }}">&larr; {{ i18n "newer"
			
 
				+                  }}</a></li>
			
 
				+              {{ else }}
			
 
				+              <li class="previous disabled"><a href="#">&larr; {{ i18n "newer" }}</a></li>
			
 
				+              {{ end }}
			
 
				+
			
 
				+              {{ if .Paginator.HasNext }}
			
 
				+              <li class="next"><a href="{{ .Paginator.Next.URL | relURL }}">{{ i18n "older" }} &rarr;</a>
			
 
				+              </li>
			
 
				+              {{ else }}
			
 
				+              <li class="next disabled"><a href="#">{{ i18n "older" }} &rarr;</a></li>
			
 
				+              {{ end }}
			
 
				+            </ul>
			
 
				+          </div>
			
 
				+          <div class="col-md-3">
			
 
				+            {{ partial "sidebar.html" . }}
			
 
				+          </div>
			
 
				         </div>
			
 
				-        <!-- /#content -->
			
 
				-
			
 
				-        {{ partial "LP_components/Footer.html" . }}
			
 
				-
			
 
				+      </div>
			
 
				     </div>
			
 
				-    <!-- /#all -->
			
 
				-
			
 
				-    {{ partial "scripts.html" . }}
			
 
				-    <script>
			
 
				-        function tab1 () {
			
 
				-            if(('.v-tabs').length){
			
 
				-                // Show the first tab by default
			
 
				-            $('.v-tabs-stage>div').hide();
			
 
				-            $('.v-tabs-stage>div:first').show();
			
 
				-            $('.v-tabs-nav li:first').addClass('v-tab-active');
			
 
				-
			
 
				-            // Change tab class and display content
			
 
				-            $('.v-tabs-nav a').on('click', function(event){
			
 
				-                event.preventDefault();
			
 
				-                $('.v-tabs-nav li').removeClass('v-tab-active');
			
 
				-                $(this).parent().addClass('v-tab-active');
			
 
				-                $('.v-tabs-stage>div').hide();
			
 
				-                $($(this).attr('href')).show();
			
 
				-            });
			
 
				-            }
			
 
				-        }
			
 
				-        function tab2 () {
			
 
				-            if(('.d-tabs').length){
			
 
				-                // Show the first tab by default
			
 
				-            $('.d-tabs-stage>div').hide();
			
 
				-            $('.d-tabs-stage>div:first').show();
			
 
				-            $('.d-tabs-nav li:first').addClass('d-tab-active');
			
 
				-
			
 
				-            // Change tab class and display content
			
 
				-            $('.d-tabs-nav a').on('click', function(event){
			
 
				-                event.preventDefault();
			
 
				-                $('.d-tabs-nav li').removeClass('d-tab-active');
			
 
				-                $(this).parent().addClass('d-tab-active');
			
 
				-                $('.d-tabs-stage>div').hide();
			
 
				-                $($(this).attr('href')).show();
			
 
				-            });
			
 
				-            }
			
 
				-        }
			
 
				-        function tab3 () {
			
 
				-            if(('.m-tabs').length){
			
 
				-                // Show the first tab by default
			
 
				-            $('.m-tabs-stage>div').hide();
			
 
				-            $('.m-tabs-stage>div:first').show();
			
 
				-            $('.m-tabs-nav li:first').addClass('m-tab-active');
			
 
				-
			
 
				-            // Change tab class and display content
			
 
				-            $('.m-tabs-nav a').on('click', function(event){
			
 
				-                event.preventDefault();
			
 
				-                $('.m-tabs-nav li').removeClass('m-tab-active');
			
 
				-                $(this).parent().addClass('m-tab-active');
			
 
				-                $('.m-tabs-stage>div').hide();
			
 
				-                $($(this).attr('href')).show();
			
 
				-            });
			
 
				-            }
			
 
				-        }
			
 
				-        function nfttab () {
			
 
				-            if(('.nft-tabs').length){
			
 
				-                // Show the first tab by default
			
 
				-            $('.nft-tabs-stage>div').hide();
			
 
				-            $('.nft-tabs-stage>div:first').show();
			
 
				-            $('.nft-tabs-nav li:first').addClass('nft-tab-active');
			
 
				-
			
 
				-            // Change tab class and display content
			
 
				-            $('.nft-tabs-nav a').on('click', function(event){
			
 
				-                event.preventDefault();
			
 
				-                $('.nft-tabs-nav li').removeClass('nft-tab-active');
			
 
				-                $(this).parent().addClass('nft-tab-active');
			
 
				-                $('.nft-tabs-stage>div').hide();
			
 
				-                $($(this).attr('href')).show();
			
 
				-            });
			
 
				-            }
			
 
				-        }
			
 
				-        tab1();
			
 
				-        tab2();
			
 
				-        tab3();
			
 
				-        nfttab();
			
 
				-    </script>
			
 
				-  </body>
			
 
				-</html>
			
 
				+
			
 
				+    {{ partial "LP_components/Footer.html" . }}
			
 
				+
			
 
				+  </div>
			
 
				+
			
 
				+  {{ partial "scripts.html" . }}
			
 
				+  <script>
			
 
				+    function tab1() {
			
 
				+      if (('.v-tabs').length) {
			
 
				+        // Show the first tab by default
			
 
				+        $('.v-tabs-stage>div').hide();
			
 
				+        $('.v-tabs-stage>div:first').show();
			
 
				+        $('.v-tabs-nav li:first').addClass('v-tab-active');
			
 
				+
			
 
				+        // Change tab class and display content
			
 
				+        $('.v-tabs-nav a').on('click', function (event) {
			
 
				+          event.preventDefault();
			
 
				+          $('.v-tabs-nav li').removeClass('v-tab-active');
			
 
				+          $(this).parent().addClass('v-tab-active');
			
 
				+          $('.v-tabs-stage>div').hide();
			
 
				+          $($(this).attr('href')).show();
			
 
				+        });
			
 
				+      }
			
 
				+    }
			
 
				+    function tab2() {
			
 
				+      if (('.d-tabs').length) {
			
 
				+        // Show the first tab by default
			
 
				+        $('.d-tabs-stage>div').hide();
			
 
				+        $('.d-tabs-stage>div:first').show();
			
 
				+        $('.d-tabs-nav li:first').addClass('d-tab-active');
			
 
				+
			
 
				+        // Change tab class and display content
			
 
				+        $('.d-tabs-nav a').on('click', function (event) {
			
 
				+          event.preventDefault();
			
 
				+          $('.d-tabs-nav li').removeClass('d-tab-active');
			
 
				+          $(this).parent().addClass('d-tab-active');
			
 
				+          $('.d-tabs-stage>div').hide();
			
 
				+          $($(this).attr('href')).show();
			
 
				+        });
			
 
				+      }
			
 
				+    }
			
 
				+    function tab3() {
			
 
				+      if (('.m-tabs').length) {
			
 
				+        // Show the first tab by default
			
 
				+        $('.m-tabs-stage>div').hide();
			
 
				+        $('.m-tabs-stage>div:first').show();
			
 
				+        $('.m-tabs-nav li:first').addClass('m-tab-active');
			
 
				+
			
 
				+        // Change tab class and display content
			
 
				+        $('.m-tabs-nav a').on('click', function (event) {
			
 
				+          event.preventDefault();
			
 
				+          $('.m-tabs-nav li').removeClass('m-tab-active');
			
 
				+          $(this).parent().addClass('m-tab-active');
			
 
				+          $('.m-tabs-stage>div').hide();
			
 
				+          $($(this).attr('href')).show();
			
 
				+        });
			
 
				+      }
			
 
				+    }
			
 
				+    function nfttab() {
			
 
				+      if (('.nft-tabs').length) {
			
 
				+        // Show the first tab by default
			
 
				+        $('.nft-tabs-stage>div').hide();
			
 
				+        $('.nft-tabs-stage>div:first').show();
			
 
				+        $('.nft-tabs-nav li:first').addClass('nft-tab-active');
			
 
				+
			
 
				+        // Change tab class and display content
			
 
				+        $('.nft-tabs-nav a').on('click', function (event) {
			
 
				+          event.preventDefault();
			
 
				+          $('.nft-tabs-nav li').removeClass('nft-tab-active');
			
 
				+          $(this).parent().addClass('nft-tab-active');
			
 
				+          $('.nft-tabs-stage>div').hide();
			
 
				+          $($(this).attr('href')).show();
			
 
				+        });
			
 
				+      }
			
 
				+    }
			
 
				+    tab1();
			
 
				+    tab2();
			
 
				+    tab3();
			
 
				+    nfttab();
			
 
				+  </script>
			
 
				+</body>
			
 
				+
			
 
				+</html>
			
--- a/layouts/aboutus/single.html
+++ b/layouts/aboutus/single.html
@@ -11,103 +11,325 @@
 
				     integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
			
 
				   <link rel="stylesheet" href="//use.fontawesome.com/releases/v5.11.2/css/all.css">
			
 
				   <link rel="stylesheet" href="/css/style.css">
			
 
				+  <link rel="stylesheet" href="/css/custom.css">
			
 
				 </head>
			
 
				 
			
 
				 <body>
			
 
				   {{ partial "navbar.html" . }}
			
 
				-  
			
 
				-  <main class="container" style="overflow-x: hidden;">
			
 
				-    <section class="header" style="height: auto;">
			
 
				-      <img src="/imgs/01.webp" alt="" class="header-lefttop">
			
 
				-      <div class="row align-items-center g-0">
			
 
				-        <div class="col-12 text-center ">
			
 
				-          <h2 class="header-title">關於我們</h2>
			
 
				-          <p class="text-center px-2 px-md-5" style="line-height: 32px;">
			
 
				+  <header class="about-header">
			
 
				+    <img src="/imgs/aboutus/關於我們-01.webp" alt="" class="img-fluid">
			
 
				+    <section>
			
 
				+      <div class="row justify-content-center align-items-center g-0">
			
 
				+        <div class="col-lg-8">
			
 
				+          <h2 class="header-title text-center mb-4">關於我們</h2>
			
 
				+          <p class="px-2 px-md-5">
			
 
				             成員來自工研院巨量資料中心、台積電、中華電信研究院、台大、清大、交大；並曾獲選科技部「預見。新創計畫」代表團隊，赴矽谷加速器培訓；成員多為資訊工程／資訊管理相關背景。團隊成員曾獲得工研院傑出研究獎、資訊月百大產品獎、艾奇獎等等。優異技術獲得創投青睞。
			
 
				           <p>
			
 
				         </div>
			
 
				       </div>
			
 
				     </section>
			
 
				-    <section class="category container text-center py-5">
			
 
				-      <h2 class="category-sub-h2 pt-4 pb-3">我們的合作夥伴</h2>
			
 
				-      <h5 style="font-weight: 300;">目前在資料分析與企業軟體領域
			
 
				-        ，已累積中大型企業客戶
			
 
				+  </header>
			
 
				+
			
 
				+  <main class="container about-content" style="overflow-x: hidden;">
			
 
				+
			
 
				+    <section class="category container text-center my-5 py-5">
			
 
				+      <h5>
			
 
				+        集仕多 ChoozMo 創造台灣第一個 AI 主播，也是目前唯一獲得工業局－人工智慧技術服務機構能量登錄，<br>
			
 
				+        具虛擬人像技術的廠商，公司核心專注於 Deep Learning 與 AI 技術。 <br>
			
 
				+        能替客戶帶來穩定的網路流量，帶來產品曝光，並進一步轉換成訂單。 <br>
			
 
				+        集仕多 ChoozMo 獲得千萬級專業創投投資，也曾獲得文策院百萬支持金。
			
 
				       </h5>
			
 
				-      <div class="container">
			
 
				-        <div class="row row-cols-2 row-cols-md-4">
			
 
				-          <div class="col d-flex align-items-center"><img src="/imgs/aboutus/partner_logo2.png" alt=""
			
 
				-              class="aboutus_img"></div>
			
 
				-          <div class="col d-flex align-items-center"><img src="/imgs/aboutus/partner_logo1.png" alt=""
			
 
				-              class="aboutus_img"></div>
			
 
				-          <div class="col d-flex align-items-center"><img src="/imgs/aboutus/partner_logo6.png" alt=""
			
 
				-              class="aboutus_img"></div>
			
 
				-          <div class="col d-flex align-items-center"><img src="/imgs/aboutus/partner_logo4.png" alt=""
			
 
				-              class="aboutus_img"></div>
			
 
				-          <div class="col d-flex align-items-center"><img src="/imgs/aboutus/partner_logo5.png" alt=""
			
 
				-              class="aboutus_img"></div>
			
 
				-          <div class="col d-flex align-items-center"><img src="/imgs/aboutus/partner_logo3.png" alt=""
			
 
				-              class="aboutus_img"></div>
			
 
				-          <div class="col d-flex align-items-center"><img src="/imgs/aboutus/partner_logo7.png" alt=""
			
 
				-              class="aboutus_img" style="width: 70%;"></div>
			
 
				-        </div>
			
 
				-      </div>
			
 
				+      <h5 class="mt-4">
			
 
				+        應用於 Cloud Expo，可以進行跨區域、跨國際的線上會展服務，解決部分碳排放的問題， <br>
			
 
				+        且可快速得到反饋及挖掘潛在客戶，在虛擬會議展覽，可以進行即時 Q&A 回饋， <br>
			
 
				+        協助企業舉辦線上展售活動。
			
 
				+      </h5>
			
 
				+      <span class="line"></span>
			
 
				+      <h3 class="fw-bold">客戶與合作夥伴</h3>
			
 
				+      <h5 class="mt-5 pt-2">
			
 
				+        三個月內，為客戶創造 每日 100,000 page view <br>
			
 
				+        三個月內，為客戶優化 SEO 搜尋排名到行業第二
			
 
				+      </h5>
			
 
				+      <h5 class="my-4">
			
 
				+        與多家知名企業合作，客戶產業多元領域全面。
			
 
				+      </h5>
			
 
				+      <img src="/imgs/aboutus/關於我們-02.webp" alt="ChoozMo 客戶與合作夥伴" class="img-fluid d-none d-md-block">
			
 
				+      <img src="/imgs/aboutus/關於我們-02-mb.webp" alt="ChoozMo 客戶與合作夥伴" class="img-fluid d-block d-md-none">
			
 
				     </section>
			
 
				-    <section class="category container text-center img-block">
			
 
				-      <div class="row row-cols-1 row-cols-md-2">
			
 
				-        <div class="col position-relative">
			
 
				-          <img class="img-block-img aboutus_prize_img" src="/imgs/aboutus/aboutus_prize.png" alt="" style="width: 60%;">
			
 
				-          <img class="img-block-linecir left" src="/imgs/裝飾圓.webp" alt="">
			
 
				+
			
 
				+    <div class="row gy-4 pb-5 justify-content-center project-item">
			
 
				+      <div class="col-12 col-lg-4">
			
 
				+        <img src="/imgs/aboutus/關於我們-03.webp" alt="2022 Google 台灣孵創計畫" class="img-fluid">
			
 
				+        <h2>2022 Google 台灣孵創計畫<br>
			
 
				+          （Project Hatcher）
			
 
				+        </h2>
			
 
				+      </div>
			
 
				+      <div class="col-12 col-lg-4">
			
 
				+        <img src="/imgs/aboutus/關於我們-04.webp" alt="鴻海專利扶植新創計畫證書" class="img-fluid">
			
 
				+        <h2>鴻海專利扶植新創計畫證書</h2>
			
 
				+      </div>
			
 
				+      <div class="col-12 col-lg-4">
			
 
				+        <img src="/imgs/aboutus/關於我們-05.webp" alt="5G 產業創新聯盟成員" class="img-fluid">
			
 
				+        <h2>5G 產業創新聯盟成員</h2>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+
			
 
				+    <span class="line mb-5"></span>
			
 
				+
			
 
				+    <div id="info">
			
 
				+      <h3 class="fw-bold text-center mb-5 pb-md-5">獲頒獎項</h3>
			
 
				+      <div class="row gy-3 justify-content-center align-items-center">
			
 
				+        <div class="col-12 col-sm-6 col-lg-4 progress-01">
			
 
				+          <img src="/imgs/aboutus/關於我們-06.webp" alt="" class="img-fluid">
			
 
				+        </div>
			
 
				+        <div class="col-6 col-lg-5">
			
 
				+          <h2>
			
 
				+            獲選 G Camp 2022 <br>
			
 
				+            Q2 參與海外展覽曝光
			
 
				+          </h2>
			
 
				+        </div>
			
 
				+        <div class="col-12 col-sm-6 col-lg-4 progress-02">
			
 
				+          <img src="/imgs/aboutus/關於我們-07.webp" alt="" class="img-fluid">
			
 
				+        </div>
			
 
				+        <div class="col-6 col-lg-5">
			
 
				+          <h2>
			
 
				+            2022 年度新創之星獎 <br>
			
 
				+            <small>（2022.09）</small>
			
 
				+          </h2>
			
 
				+        </div>
			
 
				+        <div class="col-12 col-sm-6 col-lg-4 progress-03">
			
 
				+          <img src="/imgs/aboutus/關於我們-08.webp" alt="" class="img-fluid">
			
 
				+        </div>
			
 
				+        <div class="col-6 col-lg-5">
			
 
				+          <h2>
			
 
				+            AI 廣告投放與 <br>
			
 
				+            AI 主播獲得工業局認證 <br>
			
 
				+            <small>（2022/07/15）</small>
			
 
				+          </h2>
			
 
				+        </div>
			
 
				+        <div class="col-12 col-sm-6 col-lg-4 progress-04">
			
 
				+          <img src="/imgs/aboutus/關於我們-09.webp" alt="" class="img-fluid">
			
 
				+        </div>
			
 
				+        <div class="col-6 col-lg-5">
			
 
				+          <h2>
			
 
				+            獲得創業嘉年華元宇宙組 <br>
			
 
				+            MINI 獨角獸獎 <br>
			
 
				+            <small>（2022/01/21）</small>
			
 
				+          </h2>
			
 
				+        </div>
			
 
				+        <div class="col-12 col-sm-6 col-lg-4 progress-05">
			
 
				+          <img src="/imgs/aboutus/關於我們-10.webp" alt="" class="img-fluid">
			
 
				+        </div>
			
 
				+        <div class="col-6 col-lg-5">
			
 
				+          <h2>
			
 
				+            通過文化新創加速推進計畫 <br>
			
 
				+            <small>（2021 獲得文策院 100 萬支持金）</small>
			
 
				+          </h2>
			
 
				+        </div>
			
 
				+        <div class="col-12 col-sm-6 col-lg-4 progress-06">
			
 
				+          <img src="/imgs/aboutus/關於我們-11.webp" alt="" class="img-fluid">
			
 
				+        </div>
			
 
				+        <div class="col-6 col-lg-5">
			
 
				+          <h2>
			
 
				+            入圍 5G Arena <br>
			
 
				+            <small>（獲得獎金，2021）</small>
			
 
				+          </h2>
			
 
				+        </div>
			
 
				+        <div class="col-12 col-sm-6 col-lg-4 progress-07">
			
 
				+          <img src="/imgs/aboutus/關於我們-12.webp" alt="" class="img-fluid">
			
 
				+        </div>
			
 
				+        <div class="col-6 col-lg-5">
			
 
				+          <h2>
			
 
				+            榮獲2021數位奇點獎殊榮 <br>
			
 
				+            最佳科技創新獎 <br>
			
 
				+            <small>（2021/11/25） <br>
			
 
				+              我們運用科技的創新運用， <br>
			
 
				+              有效提升產品效能和使用者體驗。
			
 
				+            </small>
			
 
				+          </h2>
			
 
				+        </div>
			
 
				+        <div class="col-12 col-sm-6 col-lg-4 progress-08">
			
 
				+          <img src="/imgs/aboutus/關於我們-13.webp" alt="" class="img-fluid">
			
 
				         </div>
			
 
				-        <div class="col my-auto pt-3 pt-md-0">
			
 
				-          <h4>榮獲奇點獎殊榮</h4>
			
 
				-          <strong>最佳科技創新獎</strong>
			
 
				-          <p class="mt-2">我們運用科技的創新運用，有效提升產品效能和使用者體驗。</p>
			
 
				+        <div class="col-6 col-lg-5">
			
 
				+          <h2>
			
 
				+            通過新竹縣 SBIR 計畫： <br>
			
 
				+            客語 AI 主播與竹縣場域驗證
			
 
				+          </h2>
			
 
				         </div>
			
 
				       </div>
			
 
				-    </section>
			
 
				+    </div>
			
 
				 
			
 
				-  </main>
			
 
				-  <footer class="footer">
			
 
				-    <div class="container container__footer">
			
 
				-      <div class="row">
			
 
				-        <div class="col-6">
			
 
				-          <h4>About us</h4>
			
 
				-          <a href="http://www.choozmo.com/"><img src="/imgs/logo_choozmo.webp" class="footer-img"></a>
			
 
				-          <div class="followus">
			
 
				-            <span class="followus__txt">關注我們</span>
			
 
				-            <a href="https://www.youtube.com/channel/UCi3jHOCCmx0Zyl2ZvoHzHQg" class="followus__img"><img
			
 
				-                src="/imgs/youtube-new-flat-logo-1.png" alt="" width="32px" height="32px"></a>
			
 
				-            <a href="https://line.me/R/ti/p/@choozmo?from=page" class="followus__img"><img src="/imgs/line.png"
			
 
				-                alt=""></a>
			
 
				-            <br>
			
 
				-            <a href="" class="followus__btn">訂閱電子報<i class="fas fa-envelope"></i></a>
			
 
				-          </div>
			
 
				-          <hr class="d-block d-md-none">
			
 
				-        </div>
			
 
				-        <!-- <div class="col-md-4 col-6">
			
 
				-                <div>
			
 
				-                    <p class="footer__btn__text">想洽詢我們的專案製作嗎？</p>
			
 
				-                    <a href="/contact/service/" class="btn btn-lg">洽詢專案製作</a>
			
 
				-                </div>
			
 
				-            </div> -->
			
 
				-        <div class="col-6">
			
 
				-          <h4>Contact</h4>
			
 
				-          <p class="text-uppercase"><strong>集仕多股份有限公司</strong>
			
 
				-            <br>新竹縣竹北市復興二路229號9樓之9
			
 
				-            <br>聯絡電話：036670804
			
 
				-            <br>聯絡信箱：service@choozmo.com
			
 
				-          </p>
			
 
				-          <hr class="hidden-md hidden-lg hidden-sm">
			
 
				+    <div class="progress-item">
			
 
				+      <div class="cont">
			
 
				+        <progress id="progress-bar" min="1" max="100" value="0"></progress>
			
 
				+        <span class="info border-change"></span>
			
 
				+        <span class="progress-01"></span>
			
 
				+        <span class="progress-02"></span>
			
 
				+        <span class="progress-03"></span>
			
 
				+        <span class="progress-04"></span>
			
 
				+        <span class="progress-05"></span>
			
 
				+        <span class="progress-06"></span>
			
 
				+        <span class="progress-07"></span>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+
			
 
				+    <span class="line mb-5 progress-end"></span>
			
 
				+
			
 
				+    <div class="text-center">
			
 
				+      <h3 class="fw-bold mb-4">2023 CES</h3>
			
 
				+      <h5>發起全球 AI 媒體聯盟 <br>
			
 
				+        Global AI Media Alliance
			
 
				+      </h5>
			
 
				+      <img src="/imgs/aboutus/關於我們-15.webp" alt="Global AI Media Alliance" class="img-fluid d-none d-md-block mt-4">
			
 
				+      <img src="/imgs/aboutus/關於我們-15-mb.webp" alt="Global AI Media Alliance"
			
 
				+        class="img-fluid d-block d-md-none mt-4 px-3">
			
 
				+      <section class="ai-media">
			
 
				+        <img src="/imgs/aboutus/關於我們-16.webp" alt="Global AI Media Alliance" class="img-fluid mt-4">
			
 
				+        <div class="d-flex justify-content-center align-items-center icon">
			
 
				+          <a href="https://www.facebook.com/people/Global-AI-Media-Alliance/100089679361116/" target="_blank">
			
 
				+            <img src="/imgs/aboutus/icon-01.jpg" alt="Global-AI-Media-Facebook">
			
 
				+          </a>
			
 
				+          <a href="https://www.linkedin.com/company/global-ai-media-alliance/?originalSubdomain=tw" target="_blank">
			
 
				+            <img src="/imgs/aboutus/icon-02.jpg" alt="Global-AI-Media-LinkedIn">
			
 
				+          </a>
			
 
				+          <a href="https://cmm.ai/ces2023vid/" target="_blank">
			
 
				+            <img src="/imgs/aboutus/icon-03.jpg" alt="Global-AI-Media">
			
 
				+          </a>
			
 
				         </div>
			
 
				+      </section>
			
 
				+    </div>
			
 
				+
			
 
				+    <span class="line mb-5"></span>
			
 
				+
			
 
				+    <div class="text-center">
			
 
				+      <h3 class="fw-bold mb-5">公司位置</h3>
			
 
				+      <div class="google-maps">
			
 
				+        <iframe
			
 
				+          src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3621.5863521815195!2d121.03631861537596!3d24.809613953402764!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3468371664332d53%3A0xd975b0ab5ea55f3b!2z6ZuG5LuV5aSa6IKh5Lu95pyJ6ZmQ5YWs5Y-4IENob296TW8gaW5jLg!5e0!3m2!1szh-TW!2stw!4v1680763038600!5m2!1szh-TW!2stw"
			
 
				+          style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </main>
			
 
				+
			
 
				+  <section class="sec-action about-action">
			
 
				+    <div class="container-fluid">
			
 
				+      <div class="action-clip text-center">
			
 
				+        <h2 class="mb-0" style="line-height: 46px;">
			
 
				+          想了解更多資訊嗎？
			
 
				+        </h2>
			
 
				+      </div>
			
 
				+      <div class="action-triangle">
			
 
				       </div>
			
 
				     </div>
			
 
				-  </footer>
			
 
				+    <div class="container text-center">
			
 
				+      <button class="action-btn" onclick="window.location.href=`/contact/service/`">聯絡我們</button>
			
 
				+    </div>
			
 
				+  </section>
			
 
				+
			
 
				+  {{ partial "footer.html" . }}
			
 
				+
			
 
				   <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
			
 
				     integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
			
 
				     crossorigin="anonymous"></script>
			
 
				   <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js"
			
 
				     integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF"
			
 
				     crossorigin="anonymous"></script>
			
 
				+  <script src="//code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="
			
 
				+    crossorigin="anonymous"></script>
			
 
				+  <script>
			
 
				+    $(document).ready(function () {
			
 
				+      $('.progress-item span').click(function () {
			
 
				+        let className = $(this).attr("class").split(' ')[0];
			
 
				+        // 錨點
			
 
				+        $('html,body').animate({ scrollTop: $(`.${className}`).offset().top }, 300);
			
 
				+        console.log('className', className);
			
 
				+        let percent = '';
			
 
				+
			
 
				+        if (className === "progress-01") {
			
 
				+          percent = '14'
			
 
				+        } else if (className === "progress-02") {
			
 
				+          percent = '28'
			
 
				+        } else if (className === "progress-03") {
			
 
				+          percent = '42'
			
 
				+        } else if (className === "progress-04") {
			
 
				+          percent = '56'
			
 
				+        } else if (className === "progress-05") {
			
 
				+          percent = '70'
			
 
				+        } else if (className === "progress-06") {
			
 
				+          percent = '84'
			
 
				+        } else if (className === "progress-07") {
			
 
				+          percent = '100'
			
 
				+        }
			
 
				+
			
 
				+        if ($(this).hasClass('info')) {
			
 
				+          $('#progress-bar').val('0');
			
 
				+          $(this).nextAll().removeClass('border-change');
			
 
				+        } else if ($(this).hasClass(className)) {
			
 
				+          $('#progress-bar').val(percent);
			
 
				+          $(this).prevAll().addClass('border-change');
			
 
				+          $(this).addClass('border-change');
			
 
				+        }
			
 
				+      });
			
 
				+    });
			
 
				+
			
 
				+    var scroll = 0;
			
 
				+    let scrollVal = '';
			
 
				+
			
 
				+    $(window).scroll(function () {
			
 
				+      // 於特定區塊顯示進度條
			
 
				+      if ($(this).scrollTop() > $('#info').offset().top - 200 && $(this).scrollTop() < $('.progress-end').offset().top - 700) {
			
 
				+        $(".progress-item").css("opacity", "1");
			
 
				+      } else {
			
 
				+        $(".progress-item").css("opacity", "0");
			
 
				+      }
			
 
				+
			
 
				+
			
 
				+      // 依捲軸高度調整 progress-bar value
			
 
				+      if ($(this).scrollTop() > $('#info').offset().top - 100 && $(this).scrollTop() < $('#info').offset().top + 50) {
			
 
				+        scrollVal = '0';
			
 
				+        $('.info').nextAll().removeClass('border-change');
			
 
				+      } else if ($(this).scrollTop() > $('.progress-01').offset().top - 100 && $(this).scrollTop() < $('.progress-01').offset().top + 50) {
			
 
				+        scrollVal = '15';
			
 
				+        $('.progress-01').nextAll().removeClass('border-change');
			
 
				+        $('.progress-01').prevAll().addClass('border-change');
			
 
				+        $('.progress-01').addClass('border-change');
			
 
				+      } else if ($(this).scrollTop() > $('.progress-02').offset().top - 100 && $(this).scrollTop() < $('.progress-02').offset().top + 50) {
			
 
				+        scrollVal = '30';
			
 
				+        $('.progress-02').nextAll().removeClass('border-change');
			
 
				+        $('.progress-02').prevAll().addClass('border-change');
			
 
				+        $('.progress-02').addClass('border-change');
			
 
				+      } else if ($(this).scrollTop() > $('.progress-03').offset().top - 100 && $(this).scrollTop() < $('.progress-03').offset().top + 50) {
			
 
				+        scrollVal = '45';
			
 
				+        $('.progress-03').nextAll().removeClass('border-change');
			
 
				+        $('.progress-03').prevAll().addClass('border-change');
			
 
				+        $('.progress-03').addClass('border-change');
			
 
				+      } else if ($(this).scrollTop() > $('.progress-04').offset().top - 100 && $(this).scrollTop() < $('.progress-04').offset().top + 50) {
			
 
				+        scrollVal = '60';
			
 
				+        $('.progress-04').nextAll().removeClass('border-change');
			
 
				+        $('.progress-04').prevAll().addClass('border-change');
			
 
				+        $('.progress-04').addClass('border-change');
			
 
				+      } else if ($(this).scrollTop() > $('.progress-05').offset().top - 150 && $(this).scrollTop() < $('.progress-05').offset().top + 20) {
			
 
				+        scrollVal = '73';
			
 
				+        $('.progress-05').nextAll().removeClass('border-change');
			
 
				+        $('.progress-05').prevAll().addClass('border-change');
			
 
				+        $('.progress-05').addClass('border-change');
			
 
				+      } else if ($(this).scrollTop() > $('.progress-06').offset().top - 100 && $(this).scrollTop() < $('.progress-06').offset().top + 50) {
			
 
				+        scrollVal = '88';
			
 
				+        $('.progress-06').nextAll().removeClass('border-change');
			
 
				+        $('.progress-06').prevAll().addClass('border-change');
			
 
				+        $('.progress-06').addClass('border-change');
			
 
				+      } else if ($(this).scrollTop() > $('.progress-07').offset().top - 100 && $(this).scrollTop() < $('.progress-07').offset().top + 50) {
			
 
				+        scrollVal = '100';
			
 
				+        $('.progress-07').nextAll().removeClass('border-change');
			
 
				+        $('.progress-07').prevAll().addClass('border-change');
			
 
				+        $('.progress-07').addClass('border-change');
			
 
				+      }
			
 
				+
			
 
				+
			
 
				+      $('#progress-bar').val(scrollVal);
			
 
				+    })
			
 
				+  </script>
			
 
				 </body>
			
 
				 
			
 
				 </html>
			
--- a/layouts/aboutus/single_back.html
+++ b/layouts/aboutus/single_back.html
@@ -0,0 +1,113 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="en">
			
 
				+
			
 
				+<head>
			
 
				+  <meta charset="UTF-8">
			
 
				+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
			
 
				+  <meta http-equiv="X-UA-Compatible" content="ie=edge, Chrome=1">
			
 
				+  <meta http-equiv="Cache-Control" content="no-cache">
			
 
				+  <title>Choozmo Marketing Cloud</title>
			
 
				+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
			
 
				+    integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
			
 
				+  <link rel="stylesheet" href="//use.fontawesome.com/releases/v5.11.2/css/all.css">
			
 
				+  <link rel="stylesheet" href="/css/style.css">
			
 
				+</head>
			
 
				+
			
 
				+<body>
			
 
				+  {{ partial "navbar.html" . }}
			
 
				+  
			
 
				+  <main class="container" style="overflow-x: hidden;">
			
 
				+    <section class="header" style="height: auto;">
			
 
				+      <img src="/imgs/01.webp" alt="" class="header-lefttop">
			
 
				+      <div class="row align-items-center g-0">
			
 
				+        <div class="col-12 text-center ">
			
 
				+          <h2 class="header-title">關於我們</h2>
			
 
				+          <p class="text-center px-2 px-md-5" style="line-height: 32px;">
			
 
				+            成員來自工研院巨量資料中心、台積電、中華電信研究院、台大、清大、交大；並曾獲選科技部「預見。新創計畫」代表團隊，赴矽谷加速器培訓；成員多為資訊工程／資訊管理相關背景。團隊成員曾獲得工研院傑出研究獎、資訊月百大產品獎、艾奇獎等等。優異技術獲得創投青睞。
			
 
				+          <p>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </section>
			
 
				+    <section class="category container text-center py-5">
			
 
				+      <h2 class="category-sub-h2 pt-4 pb-3">我們的合作夥伴</h2>
			
 
				+      <h5 style="font-weight: 300;">目前在資料分析與企業軟體領域
			
 
				+        ，已累積中大型企業客戶
			
 
				+      </h5>
			
 
				+      <div class="container">
			
 
				+        <div class="row row-cols-2 row-cols-md-4">
			
 
				+          <div class="col d-flex align-items-center"><img src="/imgs/aboutus/partner_logo2.png" alt=""
			
 
				+              class="aboutus_img"></div>
			
 
				+          <div class="col d-flex align-items-center"><img src="/imgs/aboutus/partner_logo1.png" alt=""
			
 
				+              class="aboutus_img"></div>
			
 
				+          <div class="col d-flex align-items-center"><img src="/imgs/aboutus/partner_logo6.png" alt=""
			
 
				+              class="aboutus_img"></div>
			
 
				+          <div class="col d-flex align-items-center"><img src="/imgs/aboutus/partner_logo4.png" alt=""
			
 
				+              class="aboutus_img"></div>
			
 
				+          <div class="col d-flex align-items-center"><img src="/imgs/aboutus/partner_logo5.png" alt=""
			
 
				+              class="aboutus_img"></div>
			
 
				+          <div class="col d-flex align-items-center"><img src="/imgs/aboutus/partner_logo3.png" alt=""
			
 
				+              class="aboutus_img"></div>
			
 
				+          <div class="col d-flex align-items-center"><img src="/imgs/aboutus/partner_logo7.png" alt=""
			
 
				+              class="aboutus_img" style="width: 70%;"></div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </section>
			
 
				+    <section class="category container text-center img-block">
			
 
				+      <div class="row row-cols-1 row-cols-md-2">
			
 
				+        <div class="col position-relative">
			
 
				+          <img class="img-block-img aboutus_prize_img" src="/imgs/aboutus/aboutus_prize.png" alt="" style="width: 60%;">
			
 
				+          <img class="img-block-linecir left" src="/imgs/裝飾圓.webp" alt="">
			
 
				+        </div>
			
 
				+        <div class="col my-auto pt-3 pt-md-0">
			
 
				+          <h4>榮獲奇點獎殊榮</h4>
			
 
				+          <strong>最佳科技創新獎</strong>
			
 
				+          <p class="mt-2">我們運用科技的創新運用，有效提升產品效能和使用者體驗。</p>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </section>
			
 
				+
			
 
				+  </main>
			
 
				+  <footer class="footer">
			
 
				+    <div class="container container__footer">
			
 
				+      <div class="row">
			
 
				+        <div class="col-6">
			
 
				+          <h4>About us</h4>
			
 
				+          <a href="http://www.choozmo.com/"><img src="/imgs/logo_choozmo.webp" class="footer-img"></a>
			
 
				+          <div class="followus">
			
 
				+            <span class="followus__txt">關注我們</span>
			
 
				+            <a href="https://www.youtube.com/channel/UCi3jHOCCmx0Zyl2ZvoHzHQg" class="followus__img"><img
			
 
				+                src="/imgs/youtube-new-flat-logo-1.png" alt="" width="32px" height="32px"></a>
			
 
				+            <a href="https://line.me/R/ti/p/@choozmo?from=page" class="followus__img"><img src="/imgs/line.png"
			
 
				+                alt=""></a>
			
 
				+            <br>
			
 
				+            <a href="" class="followus__btn">訂閱電子報<i class="fas fa-envelope"></i></a>
			
 
				+          </div>
			
 
				+          <hr class="d-block d-md-none">
			
 
				+        </div>
			
 
				+        <!-- <div class="col-md-4 col-6">
			
 
				+                <div>
			
 
				+                    <p class="footer__btn__text">想洽詢我們的專案製作嗎？</p>
			
 
				+                    <a href="/contact/service/" class="btn btn-lg">洽詢專案製作</a>
			
 
				+                </div>
			
 
				+            </div> -->
			
 
				+        <div class="col-6">
			
 
				+          <h4>Contact</h4>
			
 
				+          <p class="text-uppercase"><strong>集仕多股份有限公司</strong>
			
 
				+            <br>新竹縣竹北市復興二路229號9樓之9
			
 
				+            <br>聯絡電話：036670804
			
 
				+            <br>聯絡信箱：service@choozmo.com
			
 
				+          </p>
			
 
				+          <hr class="hidden-md hidden-lg hidden-sm">
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </footer>
			
 
				+  <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
			
 
				+    integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
			
 
				+    crossorigin="anonymous"></script>
			
 
				+  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js"
			
 
				+    integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF"
			
 
				+    crossorigin="anonymous"></script>
			
 
				+</body>
			
 
				+
			
 
				+</html>
			
--- a/layouts/ai-presenter/single.html
+++ b/layouts/ai-presenter/single.html
@@ -31,6 +31,7 @@
 
				                 可以使用集仕多的影片版型<br>
			
 
				                 也可以自己客製化
			
 
				               </p>
			
 
				+              <a href="https://cloud.choozmo.com/login" class="link-btn" target="_blank">開始製作影片</a>
			
 
				             </section>
			
 
				           </div>
			
 
				           <div class="col-12 col-md-6 my-5 my-md-0">
			
@@ -142,7 +143,7 @@
 
				               <h4>1. 註冊 AI Spokesgirl 專屬帳號</h4>
			
 
				               <p class="excerpt">一旦註冊即送 60 秒影片製作服務，使用滿意可後續加值</p>
			
 
				               <div class="d-flex justify-content-center">
			
 
				-                <a href="https://video.choozmo.com/register.html" class="link-btn" target="_blank">點我免費註冊</a>
			
 
				+                <a href="https://cloud.choozmo.com/signup" class="link-btn" target="_blank">點我免費註冊</a>
			
 
				               </div>
			
 
				             </li>
			
 
				             <li>
			
@@ -174,7 +175,7 @@
 
				                 請您耐心等候，待製作完畢可於通知網址查看
			
 
				               </h4>
			
 
				               <div class="d-flex justify-content-center">
			
 
				-                <a href="https://video.choozmo.com/register.html" class="link-btn" target="_blank">立即開始</a>
			
 
				+                <a href="https://cloud.choozmo.com/login" class="link-btn" target="_blank">立即開始</a>
			
 
				               </div>
			
 
				             </li>
			
 
				           </ul>
			
@@ -189,7 +190,7 @@
 
				         <div class="container">
			
 
				           <section class="title-item">
			
 
				             <img src="/imgs/ai-presenter/裝飾-02.png" alt="">
			
 
				-            <h4>快速製作模板</h4>
			
 
				+            <h4>客製化主播與鏡面</h4>
			
 
				           </section>
			
 
				 
			
 
				           <div class="row justify-content-center info" style="margin-top: 54vw;">
			
@@ -245,6 +246,18 @@
 
				                     allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
			
 
				                     allowfullscreen></iframe>
			
 
				                 </div>
			
 
				+                <p class="ms-3">▼ 台語</p>
			
 
				+                <div class="video-box my-4">
			
 
				+                  <iframe width="560" height="315" src="https://www.youtube.com/embed/9Pu6LUocmoc" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
			
 
				+                </div>
			
 
				+                <p class="ms-3">▼ 日文</p>
			
 
				+                <div class="video-box my-4">
			
 
				+                  <iframe width="560" height="315" src="https://www.youtube.com/embed/PY51gyW1x8w" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
			
 
				+                </div>
			
 
				+                <p class="ms-3">▼ 越南文</p>
			
 
				+                <div class="video-box my-4">
			
 
				+                  <iframe width="560" height="315" src="https://www.youtube.com/embed/9umdItL0GME" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
			
 
				+                </div>
			
 
				               </section>
			
 
				             </div>
			
 
				 
			
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -13,6 +13,27 @@
 
				     {{ partial "components/nav.html" . }}
			
 
				 
			
 
				     <div id="home">
			
 
				+      {{ partial "components/carousel.html" . }}
			
 
				+      <div class="home-cn">
			
 
				+        {{ partial "components/main.html" . }}
			
 
				+        {{ partial "components/serve.html" . }}
			
 
				+        {{ partial "components/ai-video.html" . }}
			
 
				+        {{ partial "components/progress.html" . }}
			
 
				+        {{ partial "LP_components/blogs_tab.html" . }}
			
 
				+        {{ partial "LP_components/action.html" . }}
			
 
				+        {{ partial "footer.html" . }}
			
 
				+      </div>
			
 
				+      <div class="home-en">
			
 
				+        {{ partial "components/en/main.html" . }}
			
 
				+        {{ partial "components/en/serve.html" . }}
			
 
				+        {{ partial "components/en/ai-video.html" . }}
			
 
				+        {{ partial "components/progress.html" . }}
			
 
				+        {{ partial "components/en/action.html" . }}
			
 
				+        {{ partial "components/en/footer.html" . }}
			
 
				+      </div>
			
 
				+    </div>
			
 
				+
			
 
				+    <!-- <div id="home">
			
 
				       {{ partial "components/carousel.html" . }}
			
 
				       {{ partial "components/main.html" . }}
			
 
				       {{ partial "components/serve.html" . }}
			
@@ -21,34 +42,52 @@
 
				       {{ partial "LP_components/blogs_tab.html" . }}
			
 
				       {{ partial "LP_components/action.html" . }}
			
 
				       {{ partial "footer.html" . }}
			
 
				-    </div>
			
 
				+    </div> -->
			
 
				 
			
 
				     <!-- {{ partial "nav.html" . }}
			
 
				-
			
 
				     {{ partial "LP_components/hero.html" . }}
			
 
				-
			
 
				     {{ partial "LP_components/video.html" . }}
			
 
				-
			
 
				     {{ partial "LP_components/use_cases.html" . }}
			
 
				-
			
 
				     {{ partial "LP_components/steps.html" . }}
			
 
				-
			
 
				     {{ partial "LP_components/features.html" . }}
			
 
				-
			
 
				     {{ partial "LP_components/blogs_tab.html" . }}
			
 
				-
			
 
				     {{ partial "LP_components/action.html" . }}
			
 
				-
			
 
				     {{ partial "LP_components/Footer.html" . }}
			
 
				-
			
 
				     {{ partial "LP_components/news.html" . }} -->
			
 
				-
			
 
				   </div>
			
 
				   <!-- /#all -->
			
 
				 
			
 
				   {{ partial "components/scripts.html" . }}
			
 
				 
			
 
				   <script>
			
 
				+    $('#home_en').hide();
			
 
				+    localStorage.setItem('lang', 'cn'); // 預設為中文
			
 
				+
			
 
				+    // 切換首頁語言
			
 
				+    function toggleLang() {
			
 
				+      let currentLang = localStorage.getItem('lang');
			
 
				+      if (currentLang === 'en') {
			
 
				+        localStorage.setItem('lang', 'cn');
			
 
				+      } else if (currentLang === 'cn') {
			
 
				+        localStorage.setItem('lang', 'en');
			
 
				+      }
			
 
				+      let lang = localStorage.getItem('lang');
			
 
				+      toggleTemplate(lang);
			
 
				+    }
			
 
				+
			
 
				+    function toggleTemplate(lang) {
			
 
				+      if (lang === 'en') {
			
 
				+        $('.home-en').show();
			
 
				+        $('.home-cn').hide();
			
 
				+      } else {
			
 
				+        $('.home-en').hide();
			
 
				+        $('.home-cn').show();
			
 
				+      }
			
 
				+      $('html, body').animate({
			
 
				+        scrollTop: $(`.home-${lang}`).offset().top
			
 
				+      }, 0);
			
 
				+    }
			
 
				+
			
 
				     function tabLP() {
			
 
				       if (('.m-tabs').length) {
			
 
				         // Show the first tab by default
			
@@ -98,17 +137,21 @@
 
				     }
			
 
				     window.addEventListener('scroll', debounce(checkSlide));
			
 
				 
			
 
				-    // $('.navbar-nav .dropdown:nth-of-type(2)').click(function () {
			
 
				-    //   $('html, body').animate({
			
 
				-    //     scrollTop: $("#sec-features").offset().top
			
 
				-    //   }, 1000);
			
 
				-    // })
			
 
				-
			
 
				     var swiper = new Swiper(".carousel", {
			
 
				       pagination: {
			
 
				         el: ".swiper-pagination",
			
 
				         clickable: true,
			
 
				       },
			
 
				+      navigation: {
			
 
				+        nextEl: '.swiper-button-next',
			
 
				+        prevEl: '.swiper-button-prev',
			
 
				+      },
			
 
				+      loop: true,
			
 
				+      observer: true,
			
 
				+      observeParents: true,
			
 
				+      parallax: true,
			
 
				+      slidesPerView: 1,
			
 
				+      slidesPerGroup: 1,
			
 
				     });
			
 
				   </script>
			
 
				   <!-- 進度條 -->
			
--- a/layouts/main-news/list.html
+++ b/layouts/main-news/list.html
@@ -0,0 +1,179 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="en">
			
 
				+
			
 
				+<head>
			
 
				+  <meta charset="UTF-8">
			
 
				+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
			
 
				+  <meta http-equiv="X-UA-Compatible" content="ie=edge, Chrome=1">
			
 
				+  <meta http-equiv="Cache-Control" content="no-cache">
			
 
				+  <title>Choozmo Marketing Cloud</title>
			
 
				+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
			
 
				+    integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
			
 
				+  <link rel="stylesheet" href="//use.fontawesome.com/releases/v5.11.2/css/all.css">
			
 
				+  <link rel="stylesheet" href="/css/style.css">
			
 
				+  <link rel="stylesheet" href="/css/custom.css">
			
 
				+</head>
			
 
				+
			
 
				+<body>
			
 
				+  {{ partial "navbar.html" . }}
			
 
				+
			
 
				+  <main class="container news-content" style="overflow-x: hidden;">
			
 
				+    <ul id="categories">
			
 
				+      <li>
			
 
				+        <button id="all">
			
 
				+          <a href="/main-news/">所有訊息</a>
			
 
				+        </button>
			
 
				+      </li>
			
 
				+      <li>
			
 
				+        <button id="focus">
			
 
				+          <a href="/main-news/focus/">焦點訊息</a>
			
 
				+        </button>
			
 
				+      </li>
			
 
				+      <li>
			
 
				+        <button id="serve">
			
 
				+          <a href="/main-news/serve/">最新服務</a>
			
 
				+        </button>
			
 
				+      </li>
			
 
				+      <li>
			
 
				+        <button id="event">
			
 
				+          <a href="/main-news/event/">活動公告</a>
			
 
				+        </button>
			
 
				+      </li>
			
 
				+    </ul>
			
 
				+
			
 
				+    {{ if eq (relURL .URL) ("/main-news/focus/") }}
			
 
				+    {{ $t := $.Site.GetPage "/main-news" }}
			
 
				+    <ul class="list">
			
 
				+      {{ range $index, $element := where $t.Pages "Params.categories" "焦點訊息" }}
			
 
				+      {{ $t := $.Site.GetPage "/main-news" }}
			
 
				+      <li>
			
 
				+        <a href="{{ .RelPermalink }}">
			
 
				+          <h2>{{ .Title }}</h2>
			
 
				+        </a>
			
 
				+        <hr>
			
 
				+        <section class="d-flex justify-content-between">
			
 
				+          <p class="news-category">{{ .Params.categories }}</p>
			
 
				+          <p>{{ .PublishDate.Format "2006-01-02" }}</p>
			
 
				+        </section>
			
 
				+        <a href="{{ .RelPermalink }}" class="content">
			
 
				+          <p>{{.Summary}}</p>
			
 
				+        </a>
			
 
				+        <div class="more-btn">
			
 
				+          <a href="{{ .RelPermalink }}">
			
 
				+            閱讀文章
			
 
				+          </a>
			
 
				+        </div>
			
 
				+      </li>
			
 
				+      {{ end }}
			
 
				+    </ul>
			
 
				+    {{ end }}
			
 
				+
			
 
				+    {{ if eq (relURL .URL) ("/main-news/serve/") }}
			
 
				+    {{ $t := $.Site.GetPage "/main-news" }}
			
 
				+    <ul class="list">
			
 
				+      {{ range $index, $element := where $t.Pages "Params.categories" "最新服務" }}
			
 
				+      {{ $t := $.Site.GetPage "/main-news" }}
			
 
				+      <li>
			
 
				+        <a href="{{ .RelPermalink }}">
			
 
				+          <h2>{{ .Title }}</h2>
			
 
				+        </a>
			
 
				+        <hr>
			
 
				+        <section class="d-flex justify-content-between">
			
 
				+          <p class="news-category">{{ .Params.categories }}</p>
			
 
				+          <p>{{ .PublishDate.Format "2006-01-02" }}</p>
			
 
				+        </section>
			
 
				+        <a href="{{ .RelPermalink }}" class="content">
			
 
				+          <p>{{.Summary}}</p>
			
 
				+        </a>
			
 
				+        <div class="more-btn">
			
 
				+          <a href="{{ .RelPermalink }}">
			
 
				+            閱讀文章
			
 
				+          </a>
			
 
				+        </div>
			
 
				+      </li>
			
 
				+      {{ end }}
			
 
				+    </ul>
			
 
				+    {{ end }}
			
 
				+
			
 
				+    {{ if eq (relURL .URL) ("/main-news/event/") }}
			
 
				+    {{ $t := $.Site.GetPage "/main-news" }}
			
 
				+    <ul class="list">
			
 
				+      {{ range $index, $element := where $t.Pages "Params.categories" "活動公告" }}
			
 
				+      {{ $t := $.Site.GetPage "/main-news" }}
			
 
				+      <li>
			
 
				+        <a href="{{ .RelPermalink }}">
			
 
				+          <h2>{{ .Title }}</h2>
			
 
				+        </a>
			
 
				+        <hr>
			
 
				+        <section class="d-flex justify-content-between">
			
 
				+          <p class="news-category">{{ .Params.categories }}</p>
			
 
				+          <p>{{ .PublishDate.Format "2006-01-02" }}</p>
			
 
				+        </section>
			
 
				+        <a href="{{ .RelPermalink }}" class="content">
			
 
				+          <p>{{.Summary}}</p>
			
 
				+        </a>
			
 
				+        <div class="more-btn">
			
 
				+          <a href="{{ .RelPermalink }}">
			
 
				+            閱讀文章
			
 
				+          </a>
			
 
				+        </div>
			
 
				+      </li>
			
 
				+      {{ end }}
			
 
				+    </ul>
			
 
				+    {{ end }}
			
 
				+
			
 
				+    {{ $paginator := .Paginate .Data.Pages }}
			
 
				+    <ul class="list">
			
 
				+      {{ range $paginator.Pages }}
			
 
				+      {{ $t := $.Site.GetPage "/main-news" }}
			
 
				+      {{ if ne .Params.categories "url" }} <!-- 排除分類用的 content -->
			
 
				+      <li>
			
 
				+        <a href="{{ .RelPermalink }}">
			
 
				+          <h2>{{ .Title }}</h2>
			
 
				+        </a>
			
 
				+        <hr>
			
 
				+        <section class="d-flex justify-content-between">
			
 
				+          <p class="news-category">{{ .Params.categories }}</p>
			
 
				+          <p>{{ .PublishDate.Format "2006-01-02" }}</p>
			
 
				+        </section>
			
 
				+        <a href="{{ .RelPermalink }}" class="content">
			
 
				+          <p>{{.Summary}}</p>
			
 
				+        </a>
			
 
				+        <div class="more-btn">
			
 
				+          <a href="{{ .RelPermalink }}">
			
 
				+            閱讀文章
			
 
				+          </a>
			
 
				+        </div>
			
 
				+      </li>
			
 
				+      {{ end }}
			
 
				+      {{ end }}
			
 
				+    </ul>
			
 
				+  </main>
			
 
				+
			
 
				+  {{ partial "footer.html" . }}
			
 
				+
			
 
				+  <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
			
 
				+    integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
			
 
				+    crossorigin="anonymous"></script>
			
 
				+  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js"
			
 
				+    integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF"
			
 
				+    crossorigin="anonymous"></script>
			
 
				+  <script src="//code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="
			
 
				+    crossorigin="anonymous"></script>
			
 
				+
			
 
				+  <script>
			
 
				+    let pathname = window.location.pathname;
			
 
				+    $('.news-content button').removeClass('active');
			
 
				+    if (pathname.includes('focus')) {
			
 
				+      $('.news-content #focus').addClass('active');
			
 
				+    } else if (pathname.includes('serve')) {
			
 
				+      $('.news-content #serve').addClass('active');
			
 
				+    } else if (pathname.includes('event')) {
			
 
				+      $('.news-content #event').addClass('active');
			
 
				+    } else {
			
 
				+      $('.news-content #all').addClass('active');
			
 
				+    }
			
 
				+  </script>
			
 
				+</body>
			
 
				+
			
 
				+</html>
			
--- a/layouts/main-news/single.html
+++ b/layouts/main-news/single.html
@@ -0,0 +1,57 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="en">
			
 
				+
			
 
				+<head>
			
 
				+  <meta charset="UTF-8">
			
 
				+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
			
 
				+  <meta http-equiv="X-UA-Compatible" content="ie=edge, Chrome=1">
			
 
				+  <meta http-equiv="Cache-Control" content="no-cache">
			
 
				+  <title>Choozmo Marketing Cloud</title>
			
 
				+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
			
 
				+    integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
			
 
				+  <link rel="stylesheet" href="//use.fontawesome.com/releases/v5.11.2/css/all.css">
			
 
				+  <link rel="stylesheet" href="/css/style.css">
			
 
				+  <link rel="stylesheet" href="/css/custom.css">
			
 
				+</head>
			
 
				+
			
 
				+<body>
			
 
				+  <div class="news-main-content">
			
 
				+    {{ partial "navbar.html" . }}
			
 
				+    <h1>{{.Title}}</h2>
			
 
				+      <div id="content">
			
 
				+        <div class="container">
			
 
				+          <div class="row">
			
 
				+            <div class="col-md-12">
			
 
				+              {{ if or .Params.author .Params.date }}
			
 
				+              <p>
			
 
				+                {{ if .Params.author }}{{ i18n "authorBy" }} <a href="#">{{ .Params.author }}</a>{{ end }}
			
 
				+                {{ if and .Params.author .Params.date }} | {{ end }}
			
 
				+                {{ if .Params.date }}{{ .Date.Format .Site.Params.date_format }}{{ end }}
			
 
				+              </p>
			
 
				+              {{ end }}
			
 
				+
			
 
				+              <div>
			
 
				+                {{ .Content | safeHTML }}
			
 
				+              </div>
			
 
				+
			
 
				+              <a href="/main-news/" class="list-link">＜ 回到列表</a>
			
 
				+            </div>
			
 
				+
			
 
				+            <!-- <div class="col-md-3">
			
 
				+            {{ partial "sidebar.html" . }}
			
 
				+          </div> -->
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+  </div>
			
 
				+
			
 
				+  {{ partial "footer.html" . }}
			
 
				+
			
 
				+  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js"
			
 
				+    integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF"
			
 
				+    crossorigin="anonymous"></script>
			
 
				+  <script src="//code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="
			
 
				+    crossorigin="anonymous"></script>
			
 
				+</body>
			
 
				+
			
 
				+</html>
			
--- a/layouts/partials/components/carousel.html
+++ b/layouts/partials/components/carousel.html
@@ -1,22 +1,211 @@
 
				-<div class="swiper carousel">
			
 
				-  <div class="swiper-wrapper">
			
 
				-    <div class="swiper-slide">
			
 
				-      <a target="_blank" href="https://cmm.ai/ces2023vid/">
			
 
				-        <img src="/imgs/home/banner01.webp" alt="Choozmo in 2023CES">
			
 
				-      </a>
			
 
				-    </div>
			
 
				-    <div class="swiper-slide">
			
 
				-      <a href="/seo-image/dm/">
			
 
				-        <img src="/imgs/home/banner02.webp" alt="形象SEO搶救負評大作戰">
			
 
				-      </a>
			
 
				-    </div>
			
 
				-    <div class="swiper-slide">
			
 
				-      <a href="/ai-anchor/dm/">
			
 
				-        <img src="/imgs/home/banner03.webp" alt="高畫質AI主播">
			
 
				-      </a>
			
 
				+<div class="my-4 carousel-wrapper">
			
 
				+  <div class="swiper carousel">
			
 
				+    <div class="swiper-wrapper">
			
 
				+      <!-- <div class="swiper-slide">
			
 
				+        <div class="toggle-video">
			
 
				+          <select onchange="setEwinFrame(this)">
			
 
				+            <option value="">切換主題</option>
			
 
				+            <option value="0922">0922 杭州亞運開跑</option>
			
 
				+            <option value="0927">0927 跆拳道表現亮眼</option>
			
 
				+          </select>
			
 
				+        </div>
			
 
				+
			
 
				+        <div class="wrapper">
			
 
				+          <img src="/imgs/home/底圖-07.png"
			
 
				+            alt="choozmo｜AI主播｜AI｜華視｜華視團隊前進杭州 AI主播E-Win越洋連線｜杭州亞運開跑｜人工智慧｜AI人工智慧｜人工智能｜虛擬主播｜虛擬人｜新聞播報">
			
 
				+          <div class="video-wrapper e-win">
			
 
				+            <iframe id="yt_ewin_frame" src="https://www.youtube.com/embed/YvmyRn6e9uw?autoplay=1&mute=1"
			
 
				+              title="YouTube video player" frameborder="0"
			
 
				+              allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
			
 
				+              allowfullscreen></iframe>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div> -->
			
 
				+
			
 
				+      <div class="swiper-slide">
			
 
				+        <div class="toggle-video">
			
 
				+          <select onchange="setEwinFrame(this)">
			
 
				+            <option value="">切換主題</option>
			
 
				+            <option value="0922">0922 杭州亞運開跑</option>
			
 
				+            <option value="0926">0926 滑板國手</option>
			
 
				+            <option value="0927">0927 跆拳道表現亮眼</option>
			
 
				+            <option value="1005">1005 男籃勝</option>
			
 
				+            <option value="1010">1010 杭州西湖</option>
			
 
				+          </select>
			
 
				+        </div>
			
 
				+
			
 
				+        <img src="/imgs/home/底圖-07.png"
			
 
				+          alt="choozmo｜AI主播｜AI｜華視｜華視團隊前進杭州 AI主播E-Win越洋連線｜杭州亞運開跑｜人工智慧｜AI人工智慧｜人工智能｜虛擬主播｜虛擬人｜新聞播報">
			
 
				+        <div class="ewin-player-item">
			
 
				+          <div id="ewin-player"></div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+
			
 
				+      <div class="swiper-slide">
			
 
				+        <a href="https://www.facebook.com/Ariel0702/?locale=zh_TW" target="_blank">
			
 
				+          <img src="/imgs/home/banner-main-01.png"
			
 
				+            alt="陳斐娟｜克隆娟｜三立iNEWS｜AI Spokesperson｜choozmo｜AI主播｜AI｜AI建模｜虛擬主播｜人工智慧｜客製化主播｜最新服務｜英文AI主播｜AI 虛擬主播｜生成式 AI技術｜Facelandmark｜deeplearning">
			
 
				+          <img src="/imgs/home/banner-main-02.png" alt="" class="person-img">
			
 
				+        </a>
			
 
				+        <div class="player-item">
			
 
				+          <div id="player"></div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+
			
 
				+      <div class="swiper-slide">
			
 
				+        <a target="_blank" href="/main-news/警察廣播電台初次ai主播真人建模-與choozmo合作ai影片/">
			
 
				+          <div class="wrapper">
			
 
				+            <img src="/imgs/home/banner-01.jpg"
			
 
				+              alt="choozmo｜AI主播｜AI｜警察廣播電臺｜警廣｜警廣路況｜警廣線上收聽｜人工智慧｜AI人工智慧｜人工智能｜AI雙主播｜雙主播｜虛擬主播｜虛擬人｜新聞播報">
			
 
				+            <div class="video-wrapper">
			
 
				+              <iframe id="yt_frame" src="https://www.youtube.com/embed/HgrjL8pTpUY?autoplay=1&mute=1"
			
 
				+                title="YouTube video player" frameborder="0"
			
 
				+                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
			
 
				+                allowfullscreen></iframe>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </a>
			
 
				+        <div class="frame-item">
			
 
				+          <select onchange="setFrame(this)">
			
 
				+            <option value="">切換語言</option>
			
 
				+            <option value="國語">國語</option>
			
 
				+            <option value="臺語">臺語</option>
			
 
				+            <option value="英文">英文</option>
			
 
				+            <option value="日文">日文</option>
			
 
				+            <option value="泰文">泰文</option>
			
 
				+            <option value="印尼文">印尼文</option>
			
 
				+            <option value="越南文">越南文</option>
			
 
				+            <option value="馬來文">馬來文</option>
			
 
				+            <option value="原住民語">原住民語(阿美族)</option>
			
 
				+            <option value="客語">客語</option>
			
 
				+            <option value="手語">手語</option>
			
 
				+          </select>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+
			
 
				+      <div class="swiper-slide">
			
 
				+        <a href="/main-news/virtual-production-studio-turnkey-solution/">
			
 
				+          <img src="/imgs/home/banner-02.jpg"
			
 
				+            alt="Turnkey Solution｜Virtual Production Studio｜AI Spokesperson｜choozmo｜AI主播｜AI｜AI建模｜虛擬主播｜人工智慧｜客製化主播｜最新服務｜英文AI主播｜AI 虛擬主播｜生成式 AI技術｜Facelandmark｜deeplearning">
			
 
				+          <!-- <img src="/imgs/home/banner01_mb.webp" alt="Choozmo in 2023CES" class="d-block d-md-none p-4"> -->
			
 
				+        </a>
			
 
				+      </div>
			
 
				     </div>
			
 
				   </div>
			
 
				-  <!-- <div class="swiper-button-next"></div> -->
			
 
				-  <!-- <div class="swiper-button-prev"></div> -->
			
 
				+  <div class="swiper-button-next d-none d-md-block"></div>
			
 
				+  <div class="swiper-button-prev d-none d-md-block"></div>
			
 
				   <div class="swiper-pagination"></div>
			
 
				-</div>
			
 
				+</div>
			
 
				+
			
 
				+<script>
			
 
				+  // 載入 YouTube API
			
 
				+  let tag = document.createElement('script');
			
 
				+  tag.src = 'https://www.youtube.com/iframe_api';
			
 
				+  let firstScriptTag = document.getElementsByTagName('script')[0];
			
 
				+  firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
			
 
				+
			
 
				+  // 在 API 載入完成後建立影片播放器
			
 
				+  let player;
			
 
				+  let ewinPlayer;
			
 
				+
			
 
				+  function onYouTubeIframeAPIReady() {
			
 
				+    setupPlayer('player', 'vS8D5h7oUU0'); // 克隆娟
			
 
				+    setupPlayer('ewin-player', 'YvmyRn6e9uw'); // 亞運
			
 
				+  }
			
 
				+
			
 
				+  function setupPlayer(playerId, videoId) {
			
 
				+    const player = new YT.Player(playerId, {
			
 
				+      videoId: videoId,
			
 
				+      playerVars: {
			
 
				+        'autoplay': 0, // 不自動播放
			
 
				+        'controls': 1,  // 顯示播放控制項
			
 
				+        'showinfo': 0, // 隱藏影片標題
			
 
				+        'rel': 0, // 不顯示相關影片推薦
			
 
				+      },
			
 
				+      events: {
			
 
				+        'onReady': function (event) {
			
 
				+          // 隱藏影片播放器
			
 
				+          event.target.mute();
			
 
				+
			
 
				+          const playerItem = document.querySelector(`.${playerId}-item`);
			
 
				+          const posterDiv = document.createElement('div');
			
 
				+
			
 
				+          let ewinDiv = document.createElement('div');
			
 
				+          let playerEwinItem = document.querySelector('.ewin-player-item');
			
 
				+
			
 
				+          // 設定封面圖片(在影片上放封面圖片 div)
			
 
				+          posterDiv.classList.add('poster'); // 克隆娟
			
 
				+          event.target.getIframe().parentNode.insertBefore(posterDiv, event.target.getIframe());
			
 
				+
			
 
				+          ewinDiv.classList.add('ewin'); // 亞運
			
 
				+          event.target.getIframe().parentNode.insertBefore(ewinDiv, event.target.getIframe());
			
 
				+
			
 
				+          setTimeout(() => {
			
 
				+            playerItem.style.opacity = '1';
			
 
				+            playerEwinItem.style.opacity = '1';
			
 
				+          }, 100);
			
 
				+
			
 
				+          posterDiv.addEventListener('click', function () {
			
 
				+            posterDiv.style.display = 'none'; // 隱藏封面圖片
			
 
				+            event.target.unMute();
			
 
				+            event.target.setVolume(100);
			
 
				+            event.target.playVideo();
			
 
				+          });
			
 
				+
			
 
				+          ewinDiv.addEventListener('click', function () {
			
 
				+            ewinDiv.style.display = 'none'; // 隱藏封面圖片
			
 
				+            event.target.unMute();
			
 
				+            event.target.setVolume(100);
			
 
				+            event.target.playVideo();
			
 
				+          });
			
 
				+        }
			
 
				+      }
			
 
				+    });
			
 
				+  }
			
 
				+
			
 
				+  function setFrame(select) {
			
 
				+    let val = select.value;
			
 
				+    if (val === "國語") {
			
 
				+      $('#yt_frame').attr('src', 'https://www.youtube.com/embed/HgrjL8pTpUY?autoplay=1&mute=1');
			
 
				+    } else if (val === "臺語") {
			
 
				+      $('#yt_frame').attr('src', 'https://www.youtube.com/embed/iub7XwIIKsU?autoplay=1&mute=1');
			
 
				+    } else if (val === "英文") {
			
 
				+      $('#yt_frame').attr('src', 'https://www.youtube.com/embed/J0rMl5Aje8E?autoplay=1&mute=1');
			
 
				+    } else if (val === "日文") {
			
 
				+      $('#yt_frame').attr('src', 'https://www.youtube.com/embed/STBlnumMtJI?autoplay=1&mute=1');
			
 
				+    } else if (val === "泰文") {
			
 
				+      $('#yt_frame').attr('src', 'https://www.youtube.com/embed/IQSNsUpzH4M?autoplay=1&mute=1');
			
 
				+    } else if (val === "印尼文") {
			
 
				+      $('#yt_frame').attr('src', 'https://www.youtube.com/embed/moxFwtySJM8?autoplay=1&mute=1');
			
 
				+    } else if (val === "越南文") {
			
 
				+      $('#yt_frame').attr('src', 'https://www.youtube.com/embed/QfmlSYbvNsg?autoplay=1&mute=1');
			
 
				+    } else if (val === "馬來文") {
			
 
				+      $('#yt_frame').attr('src', 'https://www.youtube.com/embed/7jTyzenud8o?autoplay=1&mute=1');
			
 
				+    } else if (val === "原住民語") {
			
 
				+      $('#yt_frame').attr('src', 'https://www.youtube.com/embed/oGEX1P9AF9Y?autoplay=1&mute=1');
			
 
				+    } else if (val === "客語") {
			
 
				+      $('#yt_frame').attr('src', 'https://www.youtube.com/embed/OlyafG6Oxtk?autoplay=1&mute=1');
			
 
				+    } else if (val === "手語") {
			
 
				+      $('#yt_frame').attr('src', 'https://www.youtube.com/embed/ycUAa3iKjhA?autoplay=1&mute=1');
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  function setEwinFrame(select) {
			
 
				+    let val = select.value;
			
 
				+    let player = document.querySelector('#ewin-player');
			
 
				+    let ewinImg = document.querySelector('.ewin');
			
 
				+    ewinImg.style.display = 'none';  // 隱藏封面圖片
			
 
				+
			
 
				+    if (val === "0922") {
			
 
				+      $('#ewin-player').attr('src', 'https://www.youtube.com/embed/YvmyRn6e9uw?autoplay=1&mute=1');
			
 
				+    } else if (val === "0926") {
			
 
				+      $('#ewin-player').attr('src', 'https://www.youtube.com/embed/NQ7jKWlWOLk?autoplay=1&mute=1');
			
 
				+    } else if (val === "0927") {
			
 
				+      $('#ewin-player').attr('src', 'https://www.youtube.com/embed/woLoY-rw2pw?autoplay=1&mute=1');
			
 
				+    } else if (val === "1005") {
			
 
				+      $('#ewin-player').attr('src', 'https://www.youtube.com/embed/DSMvO1IOHdU?autoplay=1&mute=1');
			
 
				+    } else if (val === "1010") {
			
 
				+      $('#ewin-player').attr('src', 'https://www.youtube.com/embed/fb-kf9GYErE?autoplay=1&mute=1');
			
 
				+    }
			
 
				+  }
			
 
				+</script>
			
--- a/layouts/partials/components/en/action.html
+++ b/layouts/partials/components/en/action.html
@@ -0,0 +1,16 @@
 
				+<section class="sec-action">
			
 
				+    <div class="container-fluid">
			
 
				+        <div class="action-clip text-center">
			
 
				+            <h2 class="mb-0" style="line-height: 46px;">
			
 
				+                Want to quickly create audiovisual content?
			
 
				+                <br>
			
 
				+                Register now and start creating!
			
 
				+            </h2>
			
 
				+        </div>
			
 
				+        <div class="action-triangle">
			
 
				+        </div>
			
 
				+    </div>
			
 
				+    <div class="container text-center">
			
 
				+        <button class="action-btn" onclick="window.location.href=`/contact/service/`">Contact Us</button>
			
 
				+    </div>
			
 
				+</section>
			
--- a/layouts/partials/components/en/ai-video.html
+++ b/layouts/partials/components/en/ai-video.html
@@ -0,0 +1,99 @@
 
				+<div class="container-fluid position-relative px-0 ai-content" id="ai-video">
			
 
				+  <div class="tag-item">
			
 
				+    <img src="imgs/home/裝飾-01.png" alt="">
			
 
				+    <h5 class="fw-bold" style="right: 8px;">AI Anchor</h5>
			
 
				+  </div>
			
 
				+  <div class="container">
			
 
				+    <h4>
			
 
				+      AI Virtual Avatar
			
 
				+    </h4>
			
 
				+
			
 
				+    <div class="row my-5 py-0 py-md-5 justify-content-center align-items-center">
			
 
				+      <div class="col-12 col-md-6 d-flex justify-content-center">
			
 
				+        <section>
			
 
				+          <h2 class="title">Create videos in a click</h2>
			
 
				+          <p>
			
 
				+            Create videos quickly simply by uploading text and materials<br>
			
 
				+            Greatly reduces time, labor, and equipment costs<br>
			
 
				+            Script content connected<br>
			
 
				+            You can use our layouts or create your own
			
 
				+          </p>
			
 
				+        </section>
			
 
				+      </div>
			
 
				+      <div class="col-12 col-md-6 my-5 my-md-0">
			
 
				+        <div class="position-relative">
			
 
				+          <img src="/img/背景紫.png" alt="" class="hero-purple">
			
 
				+          <img src="/img/背景橘.png" alt="" class="hero-orange-s">
			
 
				+          <img src="/img/textgrp3.png" alt="" class="hero-textgrp">
			
 
				+          <img src="/img/video.png" alt="" class="hero-video">
			
 
				+          <img src="/img/放大鏡.png" alt="" class="hero-amplify">
			
 
				+          <div class="hero-imgfr"><img src="/img/2222.png" alt=""></div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="col-12">
			
 
				+        <section class="position-relative img-item">
			
 
				+          <img src="imgs/home/首頁-06.png" alt="">
			
 
				+          <p>ChoozMo’s R&D team released the 3rd generation of its AI Virtual Avatar with realistic vision and hearing, which is at par with real-life newscasters. Aside from preset layouts, you can contact us for customized avatars and layouts.</p>
			
 
				+        </section>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+
			
 
				+    <section class="sec-video">
			
 
				+      <div class="container">
			
 
				+        <h2 class="video-title">3rd Generation Presenter – Customized Sample Video</h2>
			
 
				+        <h2 class="video-mb-title">
			
 
				+          3rd Generation Presenter
			
 
				+          <br>
			
 
				+          Customized Sample Video
			
 
				+        </h2>
			
 
				+        <span class="line"></span>
			
 
				+        <p class="video-text">
			
 
				+          Collaboration with A.I. News: Event promotion video <br>
			
 
				+          Western presenter ｘ Customized subtitles ｘ High-resolution avatar
			
 
				+        </p>
			
 
				+        <div class="video-box">
			
 
				+          <iframe src="https://www.youtube.com/embed/rTML9TAsUS8" title="YouTube video player" frameborder="0"
			
 
				+            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
			
 
				+            allowfullscreen></iframe>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </section>
			
 
				+    <!-- <div class="d-flex justify-content-center mt-5">
			
 
				+        <a href="" class="more-btn">
			
 
				+          點我了解更多
			
 
				+        </a>
			
 
				+      </div> -->
			
 
				+  </div>
			
 
				+
			
 
				+  <section class="sec-usecase">
			
 
				+    <div class="container">
			
 
				+      <h2 class="usecase-title">Usage scenario</h2>
			
 
				+      <div class="row">
			
 
				+        <div class="col-xs-12 col-sm-6 col-md-3">
			
 
				+          <div class="usecase-block">
			
 
				+            <div class="usecase-imgfr"><img src="/img/產品介紹.png" alt=""></div>
			
 
				+            <h3 class="usecase-sub"><i class="fas fa-circle"></i> Product introduction</h3>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <div class="col-xs-12 col-sm-6 col-md-3">
			
 
				+          <div class="usecase-block">
			
 
				+            <div class="usecase-imgfr"><img src="/img/教育.png" alt=""></div>
			
 
				+            <h3 class="usecase-sub"><i class="fas fa-circle"></i> Training</h3>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <div class="col-xs-12 col-sm-6 col-md-3">
			
 
				+          <div class="usecase-block">
			
 
				+            <div class="usecase-imgfr"><img src="/img/A短影片_1.png" alt=""></div>
			
 
				+            <h3 class="usecase-sub"><i class="fas fa-circle"></i> Information broadcasting</h3>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <div class="col-xs-12 col-sm-6 col-md-3">
			
 
				+          <div class="usecase-block">
			
 
				+            <div class="usecase-imgfr"><img src="/img/內容創作.png" alt=""></div>
			
 
				+            <h3 class="usecase-sub"><i class="fas fa-circle"></i> Personal content creation</h3>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </section>
			
 
				+</div>
			
--- a/layouts/partials/components/en/footer.html
+++ b/layouts/partials/components/en/footer.html
@@ -0,0 +1,39 @@
 
				+<footer class="footer">
			
 
				+  <div class="container">
			
 
				+    <div class="row">
			
 
				+      <div class="col-xs-12 col-sm-6 px-0">
			
 
				+        <img src="https://i.imgur.com/P1gNopa.png" alt="" style="width: 100%; max-width: 250px;">
			
 
				+        <div class="footer-aigirl">Choozmo AI Spokesgirl</div>
			
 
				+        <div class="footer-follow">Follow us</div>
			
 
				+        <div class="footer-socials">
			
 
				+          <a href="https://www.linkedin.com/company/choozmo/">
			
 
				+            <img src="https://i.imgur.com/qnd9QrT.png" alt="" width="32px" height="32px">
			
 
				+            </a>
			
 
				+          <a href="https://www.facebook.com/choozmo/">
			
 
				+            <img src="https://i.imgur.com/WdCAhSo.png" alt="" width="48px" height="48px">
			
 
				+            </a>
			
 
				+          <a href="https://line.me/R/ti/p/@choozmo?from=page">
			
 
				+            <img src="https://i.imgur.com/dNZ2aGW.png" alt="" width="32px" height="32px">
			
 
				+          </a>
			
 
				+          <a href="https://www.instagram.com/choozmo_cmm/">
			
 
				+            <img src="https://i.imgur.com/pdJPY7m.png" alt="" width="60px" height="60px" style="margin-left: -6px; margin-right: -8px;">
			
 
				+          </a>
			
 
				+          <a href="https://twitter.com/ai_cmm">
			
 
				+            <img src="https://i.imgur.com/qGBzq4J.png" alt="" width="32px" height="28px" style="margin-right: 3px;">
			
 
				+          </a>
			
 
				+          <a href="https://www.youtube.com/channel/UC2Qda9PhJWuiMTCZ-j7K_hg">
			
 
				+            <img src="https://i.imgur.com/zn6DUY8.png" alt="" width="38px" height="38px">
			
 
				+          </a>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="col-xs-12 col-sm-6">
			
 
				+        <div class="footer-contacts">
			
 
				+          <h5>CONTACT</h5>
			
 
				+          <div>
			
 
				+            ChoozMo Inc.<br>9F-9, No. 229, Fuxing 2nd Rd., Zhubei City, Hsinchu County, Taiwan<br>TEL: +886-3-667-0804<br>Email: service@choozmo.com
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</footer>
			
--- a/layouts/partials/components/en/main.html
+++ b/layouts/partials/components/en/main.html
@@ -0,0 +1,198 @@
 
				+<div id="main">
			
 
				+  <div class="content" id="info">
			
 
				+    <section>
			
 
				+      <img src="https://i.imgur.com/P1gNopa.png" alt="" class="logo mb-3">
			
 
				+      <h4>
			
 
				+        Without Ad Type Limitations <br>
			
 
				+        Combined with Analysis Tools <br>
			
 
				+        Using AI Automated Systems <br>
			
 
				+        Your One-Stop Marketing Planner
			
 
				+      </h4>
			
 
				+    </section>
			
 
				+
			
 
				+    <div class="d-flex mt-4">
			
 
				+      <img src="/imgs/home/icon-01.png" alt="" width="45">
			
 
				+      <section>
			
 
				+        <h3>
			
 
				+          AI Ad Placement <br>
			
 
				+          High-speed SEO <br>
			
 
				+          AI Virtual Avatar
			
 
				+        </h3>
			
 
				+      </section>
			
 
				+    </div>
			
 
				+    <div>
			
 
				+      <button class="action-btn" onclick="window.location.href=`/contact/service/`">Contact Us</button>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <div class="journey-content" id="journey">
			
 
				+    <div class="container">
			
 
				+      <h3>ChoozMo Digital Customer Journey</h3>
			
 
				+      <!-- 手機版 -->
			
 
				+      <div class="row d-md-none">
			
 
				+        <div class="col-12 px-5 px-sm-4 title">
			
 
				+          <h4 class="mb-4">
			
 
				+            Awareness
			
 
				+          </h4>
			
 
				+          <!-- <img src="/imgs/home/icon-02.png" alt=""> -->
			
 
				+          <!-- <span class="line"></span> -->
			
 
				+          <section class="list">
			
 
				+            <h5>Brand and product exposure：</h5>
			
 
				+            <p>Google Ads (GDN, Search, Local, Shopping), YouTube Ads, Facebook Ads</p>
			
 
				+            <strong>
			
 
				+              Ad Placement
			
 
				+            </strong>
			
 
				+          </section>
			
 
				+          <span class="position-relative">
			
 
				+            <span class="line"></span>
			
 
				+            <img src="/imgs/home/icon-02.png" alt="">
			
 
				+          </span>
			
 
				+        </div>
			
 
				+        <div class="col-12 px-5 px-sm-4 title">
			
 
				+          <h4 class="mb-4">
			
 
				+            Search
			
 
				+          </h4>
			
 
				+          <section class="list">
			
 
				+            <h5>Organic search：</h5>
			
 
				+            <p>After knowing the brand/product, customer does comparisons with other products</p>
			
 
				+            <strong>
			
 
				+              SEO
			
 
				+            </strong>
			
 
				+          </section>
			
 
				+          <span class="position-relative">
			
 
				+            <span class="line"></span>
			
 
				+            <img src="/imgs/home/icon-02.png" alt="">
			
 
				+          </span>
			
 
				+        </div>
			
 
				+        <div class="col-12 px-5 px-sm-4 title">
			
 
				+          <h4 class="mb-4">
			
 
				+            Reputation
			
 
				+          </h4>
			
 
				+          <section class="list">
			
 
				+            <h5>Word-of-mouth references：</h5>
			
 
				+            <p>
			
 
				+              Customers search for brand / product reviews
			
 
				+            </p>
			
 
				+            <strong>
			
 
				+              News and Review Writers
			
 
				+            </strong>
			
 
				+          </section>
			
 
				+          <span class="position-relative">
			
 
				+            <span class="line"></span>
			
 
				+            <img src="/imgs/home/icon-02.png" alt="">
			
 
				+          </span>
			
 
				+        </div>
			
 
				+        <div class="col-12 px-5 px-sm-4 title pb-5">
			
 
				+          <h4>
			
 
				+            Conversion
			
 
				+          </h4>
			
 
				+          <section class="list">
			
 
				+            <h5>Conversion：</h5>
			
 
				+            <p>
			
 
				+              Signups, purchases, visits
			
 
				+            </p>
			
 
				+            <strong>
			
 
				+              Improved Shopping Experience
			
 
				+            </strong>
			
 
				+          </section>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <!-- 電腦版 -->
			
 
				+      <div class="row d-none d-md-flex">
			
 
				+        <div class="col-3 title">
			
 
				+          <h4>
			
 
				+            Awareness
			
 
				+          </h4>
			
 
				+          <img src="/imgs/home/icon-02.png" alt="">
			
 
				+        </div>
			
 
				+        <div class="col-3 title">
			
 
				+          <h4>
			
 
				+            Search
			
 
				+          </h4>
			
 
				+          <img src="/imgs/home/icon-02.png" alt="">
			
 
				+        </div>
			
 
				+        <div class="col-3 title">
			
 
				+          <h4>
			
 
				+            Reputation
			
 
				+          </h4>
			
 
				+          <img src="/imgs/home/icon-02.png" alt="">
			
 
				+        </div>
			
 
				+        <div class="col-3">
			
 
				+          <h4>
			
 
				+            Conversion
			
 
				+          </h4>
			
 
				+        </div>
			
 
				+        <div class="col-12">
			
 
				+          <span class="line"></span>
			
 
				+        </div>
			
 
				+        <div class="col-3 d-flex justify-content-center mb-4">
			
 
				+          <section class="list">
			
 
				+            <span>
			
 
				+              <h5>Brand and product exposure：</h5>
			
 
				+              <p>Google Ads (GDN, Search, Local, Shopping), YouTube Ads, Facebook Ads</p>
			
 
				+            </span>
			
 
				+            <strong>
			
 
				+              Ad Placement
			
 
				+            </strong>
			
 
				+          </section>
			
 
				+        </div>
			
 
				+        <div class="col-3 d-flex justify-content-center mb-4">
			
 
				+          <section class="list">
			
 
				+            <span>
			
 
				+              <h5>Organic search：</h5>
			
 
				+              <p>After knowing the brand / product, customer does comparisons with other products</p>
			
 
				+            </span>
			
 
				+            <strong>
			
 
				+              SEO
			
 
				+            </strong>
			
 
				+          </section>
			
 
				+        </div>
			
 
				+        <div class="col-3 d-flex justify-content-center mb-4">
			
 
				+          <section class="list">
			
 
				+            <span>
			
 
				+              <h5>Word-of-mouth references：</h5>
			
 
				+              <p>
			
 
				+                Customers search for brand / product reviews
			
 
				+              </p>
			
 
				+            </span>
			
 
				+            <strong>
			
 
				+              News and Review Writers
			
 
				+            </strong>
			
 
				+          </section>
			
 
				+        </div>
			
 
				+        <div class="col-3 d-flex justify-content-center mb-4">
			
 
				+          <section class="list">
			
 
				+            <span>
			
 
				+              <h5>Conversion：</h5>
			
 
				+              <p>
			
 
				+                Signups, purchases, visits
			
 
				+              </p>
			
 
				+            </span>
			
 
				+            <strong>
			
 
				+              Improved Shopping Experience
			
 
				+            </strong>
			
 
				+          </section>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <div class="container team-content" id="team">
			
 
				+    <div class="row justify-content-center align-items-center">
			
 
				+      <div class="col-12 col-md-5 px-4 px-md-0">
			
 
				+        <strong>Choozmo Team</strong>
			
 
				+        <h4>Trusted by investors <br>
			
 
				+          Technical skills acknowledged by Industry Development Bureau, Taiwan</h4>
			
 
				+        <ul>
			
 
				+          <li>Making brands profitable</li>
			
 
				+          <li>Accurate budget planning | Varied marketing plans</li>
			
 
				+          <li>Value-for-money | Professional AI recognition</li>
			
 
				+          <li>In-house R&D team</li>
			
 
				+        </ul>
			
 
				+      </div>
			
 
				+      <div class="col-12 col-md-4 mt-3 mt-md-0">
			
 
				+        <img src="imgs/home/首頁-03-en.png" alt="">
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
--- a/layouts/partials/components/en/serve.html
+++ b/layouts/partials/components/en/serve.html
@@ -0,0 +1,146 @@
 
				+<!-- AI 廣告 -->
			
 
				+<div class="container-fluid ad-content position-relative" id="ai-ad">
			
 
				+  <div class="tag-item" style="top: -50px; right: -5vw;">
			
 
				+    <img src="imgs/home/裝飾-01.png" alt="">
			
 
				+    <h5 style="right: 40px;">AI Ad</h5>
			
 
				+  </div>
			
 
				+  <section class="d-flex justify-content-center">
			
 
				+    <h4>
			
 
				+      AI Smart Advertising<br>
			
 
				+      <strong>Accurate Budgeting | Create the best results wiith less cost than the industry standard</strong>
			
 
				+    </h4>
			
 
				+  </section>
			
 
				+  <div class="row justify-content-center align-items-center px-4 px-lg-0">
			
 
				+    <div class="col-12 col-lg-3">
			
 
				+      <img src="imgs/home/首頁-04-en.png" alt="" class="d-lg-block d-none">
			
 
				+      <img src="imgs/home/首頁-04-en-mb.png" alt="" class="d-lg-none d-block mx-auto">
			
 
				+    </div>
			
 
				+    <div class="col-12 col-lg-6 mt-5 mt-lg-0">
			
 
				+      <ul>
			
 
				+        <li>
			
 
				+          <h5>Q: How can I know the most suitable type of advertising I can use?</h5>
			
 
				+          <p>
			
 
				+            Using big data analytics techniques, we can recommend the most suitable type of advertising for your
			
 
				+            business which can accurately capture the target audience without any unnecessary costs.
			
 
				+          </p>
			
 
				+        </li>
			
 
				+        <li>
			
 
				+          <h5>Q: If I ask someone to help me place ads, doesn’t it mean I’m spending more money?</h5>
			
 
				+          <p>
			
 
				+            Asking an AI advertising specialist is better than doing the advertising yourself, since you can save more
			
 
				+            and get the best results from advertising in the shortest time, without running the risk of guessing and
			
 
				+            running the wrong type of advertisement which can result in budget wastage.
			
 
				+          </p>
			
 
				+        </li>
			
 
				+        <li>
			
 
				+          <h5>Q: Why pick ChoozMo?</h5>
			
 
				+          <p>
			
 
				+            As a software company with many engineers, ChoozMo has been actively developing in the martech industry.
			
 
				+            ChoozMo has won numerous awards and government grants and projects. With the team’s skills, the team is
			
 
				+            capable of providing the latest marketing solutions. ChoozMo is one of the very few companies in Taiwan to
			
 
				+            be accredited for its AI Advertising techniques, and ChoozMo is one of the top choices for accurate AI
			
 
				+            advertising.
			
 
				+          </p>
			
 
				+        </li>
			
 
				+      </ul>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+  <div class="d-flex justify-content-center mb-5">
			
 
				+    <a href="/ad-operation/dm/" class="more-btn">
			
 
				+      Learn More
			
 
				+    </a>
			
 
				+  </div>
			
 
				+  <div class="row justify-content-center align-items-center mx-auto w-100 py-4 py-sm-5"
			
 
				+    style="background-color: #efe5ee;">
			
 
				+    <div class="col-12 col-sm-4 col-lg-3 position-relative">
			
 
				+      <img src="imgs/home/裝飾-03.png" alt="">
			
 
				+      <span class="img-text">
			
 
				+        YouTube Ads
			
 
				+        <br>
			
 
				+        Real Views
			
 
				+      </span>
			
 
				+    </div>
			
 
				+    <div class="col-12 col-sm-8 col-lg-4 px-4 px-sm-3 px-lg-0">
			
 
				+      <h5>Only 1.3 cents per view <br>
			
 
				+        <strong>
			
 
				+          Using Google Ads to boost real views from YouTube videos
			
 
				+          Selectable target audience
			
 
				+          Performance report included
			
 
				+          <br>
			
 
				+        </strong>
			
 
				+        <small>
			
 
				+          Customer success story: YouTube ad placement helps their <br> YouTube video reach 580,000 people and 220,000
			
 
				+          views!
			
 
				+        </small>
			
 
				+      </h5>
			
 
				+    </div>
			
 
				+    <div class="col-12 col-lg-5 mt-5 mt-lg-0">
			
 
				+      <img src="imgs/home/首頁-07.png" alt="">
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				+
			
 
				+<!-- SEO -->
			
 
				+<div class="container-fluid position-relative pt-4 px-0" id="seo">
			
 
				+  <div class="tag-item">
			
 
				+    <img src="imgs/home/裝飾-01.png" alt="">
			
 
				+    <h5>SEO</h5>
			
 
				+  </div>
			
 
				+  <div class="container seo-content">
			
 
				+    <h4>
			
 
				+      High-speed SEO
			
 
				+    </h4>
			
 
				+    <section class="d-flex flex-column align-items-lg-center justify-content-center px-3 px-sm-0">
			
 
				+      <p class="my-5">
			
 
				+        How long does it take to perform SEO? <br>
			
 
				+        ChoozMo’s High-speed SEO inspects your website, gives you advice for improving your website and recommends
			
 
				+        suitable keywords for your website.
			
 
				+        Many of ChoozMo’s customers see their SEO ranking improve in as short as 2 weeks.
			
 
				+      </p>
			
 
				+      <div class="d-none d-lg-flex">
			
 
				+        <ul>
			
 
				+          <li><strong>➤　Brand Image SEO</strong></li>
			
 
				+          <li><strong>➤　News SEO</strong></li>
			
 
				+          <li><strong>➤　Business SEO</strong></li>
			
 
				+        </ul>
			
 
				+        <ul>
			
 
				+          <li>Moves negative reviews, news, and discussions lower into the ranking, giving brands a more positive image.
			
 
				+          </li>
			
 
				+          <li>Write an SEO news article, create an AI presenter video, and distribute the news article and video to
			
 
				+            multiple news outlets</li>
			
 
				+          <li>Helps businesses create their local brand by writing a recommendation article from a third person
			
 
				+            perspective</li>
			
 
				+        </ul>
			
 
				+      </div>
			
 
				+      <div class="d-block d-lg-none">
			
 
				+        <ul class="p-0">
			
 
				+          <li>
			
 
				+            <strong class="d-inline-block mb-1">➤　Brand Image SEO</strong> <br>
			
 
				+            Moves negative reviews, news, and discussions lower into the ranking, giving brands a more positive image.
			
 
				+          </li>
			
 
				+          <li class="my-4">
			
 
				+            <strong class="d-inline-block mb-1">➤　News SEO</strong> <br>
			
 
				+            Write an SEO news article, create an AI presenter video, and distribute the news article and video to
			
 
				+            multiple news outlets
			
 
				+          </li>
			
 
				+          <li>
			
 
				+            <strong class="d-inline-block mb-1">➤　Business SEO</strong> <br>
			
 
				+            Helps businesses create their local brand by writing a recommendation article from a third person
			
 
				+            perspective
			
 
				+          </li>
			
 
				+        </ul>
			
 
				+      </div>
			
 
				+    </section>
			
 
				+    <div class="video-box">
			
 
				+      <iframe src="https://www.youtube.com/embed/6uMQaljwMig" title="YouTube video player" frameborder="0"
			
 
				+        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
			
 
				+        allowfullscreen></iframe>
			
 
				+    </div>
			
 
				+    <div class="d-flex justify-content-center">
			
 
				+      <a href="/seo/dm/" class="more-btn">
			
 
				+        Learn More
			
 
				+      </a>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+  <img src="imgs/home/首頁-05.png" alt="" class="bg-img">
			
 
				+</div>
			
--- a/layouts/partials/components/head.html
+++ b/layouts/partials/components/head.html
@@ -123,14 +123,14 @@
 
				     <!-- RSS feed -->
			
 
				     <link rel="alternate" href="{{ "/index.xml" | absURL }}" type="application/rss+xml" title="{{ .Site.Title }}">
			
 
				   
			
 
				-    <!-- Global site tag (gtag.js) - Google Ads: 474336061 -->
			
 
				-    <script async src="https://www.googletagmanager.com/gtag/js?id=AW-474336061"></script>
			
 
				+        <!-- Google tag (gtag.js) -->
			
 
				+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-G5H9MMGQFM"></script>
			
 
				     <script>
			
 
				       window.dataLayer = window.dataLayer || [];
			
 
				       function gtag(){dataLayer.push(arguments);}
			
 
				       gtag('js', new Date());
			
 
				-  
			
 
				-      gtag('config', 'AW-474336061');
			
 
				+
			
 
				+      gtag('config', 'G-G5H9MMGQFM');
			
 
				     </script>
			
 
				     <!-- Event snippet for ChoozMo video marking conversion page -->
			
 
				     <script>
			
--- a/layouts/partials/components/main.html
+++ b/layouts/partials/components/main.html
@@ -1,4 +1,4 @@
 
				-<div class="mt-5" id="main">
			
 
				+<div id="main">
			
 
				   <div class="content" id="info">
			
 
				     <section>
			
 
				       <img src="https://i.imgur.com/P1gNopa.png" alt="" class="logo mb-3">
			
@@ -88,12 +88,12 @@
 
				             Conversion
			
 
				           </h4>
			
 
				           <section class="list">
			
 
				-            <h5>口碑參考：</h5>
			
 
				+            <h5>轉換：</h5>
			
 
				             <p>
			
 
				-              消費者查詢品牌或產品的使用心得與評價
			
 
				+              填寫資料，線上購買，到門市購物等等
			
 
				             </p>
			
 
				             <strong>
			
 
				-              適合新聞和口碑寫手
			
 
				+              優化購買流程
			
 
				             </strong>
			
 
				           </section>
			
 
				         </div>
			
@@ -102,7 +102,7 @@
 
				       <div class="row d-none d-md-flex">
			
 
				         <div class="col-3 title">
			
 
				           <h4>
			
 
				-            awareness
			
 
				+            Awareness
			
 
				           </h4>
			
 
				           <img src="/imgs/home/icon-02.png" alt="">
			
 
				         </div>
			
--- a/layouts/partials/components/nav.html
+++ b/layouts/partials/components/nav.html
@@ -41,9 +41,14 @@
 
				         {{ end }}
			
 
				       </ul>
			
 
				 
			
 
				-      <ul class="nav navbar-nav navbar-right flex-row ms-auto my-3 my-lg-0">
			
 
				-        <li><a href="https://video.choozmo.com/login.html" class="signin-link">登入</a></li>
			
 
				-        <li><a href="https://video.choozmo.com/register.html" class="signup-link">註冊</a></li>
			
 
				+      <ul class="nav navbar-nav navbar-right flex-column flex-lg-row ms-auto mb-3 mb-lg-0">
			
 
				+        <li class="me-2 mb-3 mb-lg-0">
			
 
				+          <button class="language-btn" onclick="toggleLang()">
			
 
				+            中 / en
			
 
				+          </button>
			
 
				+        </li>
			
 
				+        <li><a href="https://cloud.choozmo.com/login" target="_blank" class="signin-link">開始製作 AI 主播影片</a></li>
			
 
				+        <!-- <li><a href="https://video.choozmo.com/register.html" class="signup-link">註冊</a></li> -->
			
 
				       </ul>
			
 
				       <!-- <ul class="navbar-nav me-auto mb-2 mb-lg-0">
			
 
				         <li class="nav-item">
			
--- a/layouts/partials/components/progress.html
+++ b/layouts/partials/components/progress.html
@@ -1,19 +1,3 @@
 
				-<!-- <div class="progress">
			
 
				-    <div class="progress-name">
			
 
				-        <a id="btn_A">A</a>
			
 
				-        <a id="btn_B">B</a>
			
 
				-        <a id="btn_C">C</a>
			
 
				-        <a id="btn_D">D</a>
			
 
				-        <a id="btn_E">E</a>
			
 
				-        <a id="btn_F">F</a>
			
 
				-    </div>
			
 
				-    <div class="progress-bar">
			
 
				-        <div class="bar-line">
			
 
				-            <div class="bar-circle"></div>
			
 
				-        </div>
			
 
				-    </div>
			
 
				-</div> -->
			
 
				-
			
 
				 <div class="progress-item">
			
 
				     <div class="cont">
			
 
				         <progress id="progress-bar" min="1" max="100" value="0"></progress>
			
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -5,12 +5,12 @@
 
				   <meta name="viewport" content="width=device-width, initial-scale=1">
			
 
				   {{ $title_plain := .Title | markdownify | plainify }}
			
 
				   <title>{{ $title_plain }}</title>
			
 
				-  <meta name="author" content="{{ .Param "author" }}" />
			
 
				+  <meta name="author" content="{{ .Param " author" }}" />
			
 
				   {{ $keywords := .Site.Params.defaultKeywords | default (slice "" | first 0) }}
			
 
				   {{ if isset .Params "tags" }}{{ range .Params.tags }}{{ $keywords = $keywords | append . }}{{ end }}{{ end }}
			
 
				   {{ if isset .Params "keywords" }}{{ range .Params.keywords }}{{ $keywords = $keywords | append . }}{{ end }}{{ end }}
			
 
				   {{ if gt (len $keywords) 0 }}
			
 
				-  <meta name="keywords" content="{{ delimit (uniq $keywords) ", " }}">
			
 
				+  <meta name="keywords" content="{{ delimit (uniq $keywords) " , " }}">
			
 
				   {{ end }}
			
 
				   {{ $description_plain := default .Site.Params.defaultDescription .Description | markdownify | plainify }}
			
 
				   <meta name="description" content="{{ $description_plain }}">
			
@@ -18,20 +18,22 @@
 
				   {{ hugo.Generator }}
			
 
				 
			
 
				   <!-- Font -->
			
 
				-  <link href='//fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,500,700,800' rel='stylesheet' type='text/css'>
			
 
				+  <link href='//fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,500,700,800' rel='stylesheet'
			
 
				+    type='text/css'>
			
 
				 
			
 
				   <!-- Bootstrap and Font Awesome CSS -->
			
 
				   <link rel="stylesheet" href="//use.fontawesome.com/releases/v5.11.2/css/all.css">
			
 
				-  <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
			
 
				+  <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
			
 
				+    integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
			
 
				 
			
 
				   <!-- CSS animations  -->
			
 
				   <link href="{{ "css/animate.css" | relURL}}" rel="stylesheet">
			
 
				 
			
 
				   <!-- Theme stylesheet, if possible do not edit this stylesheet -->
			
 
				   {{ with .Site.Params.style }}
			
 
				-    <link href="{{ "css/style" | relURL}}.{{ . }}.css" rel="stylesheet" id="theme-stylesheet">
			
 
				+  <link href="{{ "css/style" | relURL}}.{{ . }}.css" rel="stylesheet" id="theme-stylesheet">
			
 
				   {{ else }}
			
 
				-    <link href="{{ "css/style.default.css" | relURL}}" rel="stylesheet" id="theme-stylesheet">
			
 
				+  <link href="{{ "css/style.default.css" | relURL}}" rel="stylesheet" id="theme-stylesheet">
			
 
				   {{ end }}
			
 
				 
			
 
				   <!-- Custom stylesheet - for your changes -->
			
@@ -40,7 +42,7 @@
 
				 
			
 
				   <!-- Responsivity for older IE -->
			
 
				   {{ `
			
 
				-    <!--[if lt IE 9]>
			
 
				+  <!--[if lt IE 9]>
			
 
				         <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
			
 
				         <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
			
 
				     <![endif]-->
			
@@ -54,24 +56,24 @@
 
				   <!-- owl carousel CSS -->
			
 
				   <link href="{{ "css/owl.carousel.css" | relURL}}" rel="stylesheet">
			
 
				   <link href="{{ "css/owl.theme.css" | relURL}}" rel="stylesheet">
			
 
				-  <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>
			
 
				+  <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" />
			
 
				 
			
 
				   <!-- RSS feed -->
			
 
				   <link rel="alternate" href="{{ "/index.xml" | absURL }}" type="application/rss+xml" title="{{ .Site.Title }}">
			
 
				 
			
 
				-<script type="text/javascript" id="hs-script-loader" async defer src="//js-na1.hs-scripts.com/20485755.js"></script>
			
 
				+  <script type="text/javascript" id="hs-script-loader" async defer src="//js-na1.hs-scripts.com/20485755.js"></script>
			
 
				 
			
 
				-  <!-- Global site tag (gtag.js) - Google Ads: 474336061 -->
			
 
				-  <script async src="https://www.googletagmanager.com/gtag/js?id=AW-474336061"></script>
			
 
				+  <!-- Google tag (gtag.js) -->
			
 
				+  <script async src="https://www.googletagmanager.com/gtag/js?id=G-G5H9MMGQFM"></script>
			
 
				   <script>
			
 
				     window.dataLayer = window.dataLayer || [];
			
 
				-    function gtag(){dataLayer.push(arguments);}
			
 
				+    function gtag() { dataLayer.push(arguments); }
			
 
				     gtag('js', new Date());
			
 
				 
			
 
				-    gtag('config', 'AW-474336061');
			
 
				+    gtag('config', 'G-G5H9MMGQFM');
			
 
				   </script>
			
 
				   <!-- Event snippet for ChoozMo video marking conversion page -->
			
 
				   <script>
			
 
				-    gtag('event', 'conversion', {'send_to': 'AW-474336061/nOm7CPHvtZ0DEL2Wl-IB'});
			
 
				+    gtag('event', 'conversion', { 'send_to': 'AW-474336061/nOm7CPHvtZ0DEL2Wl-IB' });
			
 
				   </script>
			
 
				 </head>
			
--- a/layouts/partials/navbar.html
+++ b/layouts/partials/navbar.html
@@ -22,6 +22,7 @@
 
				             服務
			
 
				           </a>
			
 
				           <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
			
 
				+            <li><a class="dropdown-item" href="/youtube-views-zh/dm/">影音流量推手</a></li>
			
 
				             <li><a class="dropdown-item" href="/ad-operation/dm/">AI 廣告投放</a></li>
			
 
				             <li><a class="dropdown-item" href="/bigdata/dm/">大數據分析</a></li>
			
 
				             <li><a class="dropdown-item" href="/crawler/dm/">資訊爬蟲</a></li>
			
@@ -31,8 +32,7 @@
 
				             <li><a class="dropdown-item" href="/ai-anchor/dm/">新聞 AI 主播媒體聯播網</a></li>
			
 
				             <li><a class="dropdown-item" href="/blog-traffic/dm/">創業家專案</a></li>
			
 
				             <li><a class="dropdown-item" href="/seo-image/dm/">形象 SEO</a></li>
			
 
				-            <li><a class="dropdown-item" href="/youtube-views/dm/">YouTube 影片觀看方案</a></li>
			
 
				-            <li><a class="dropdown-item" href="/youtube-views-zh/dm/">網紅加速器</a></li>
			
 
				+            <!-- <li><a class="dropdown-item" href="/youtube-views/dm/">YouTube View Booster</a></li> -->
			
 
				           </ul>
			
 
				         </li>
			
 
				         <li class="nav-item">
			
@@ -49,6 +49,9 @@
 
				               <li><a class="dropdown-item" href="/collaboration/river-cam/">康河智庫管理顧問有限公司</a></li>
			
 
				             </ul>
			
 
				           </li> -->
			
 
				+        <li class="nav-item">
			
 
				+          <a class="nav-link" href="/main-news/">最新消息</a>
			
 
				+        </li>
			
 
				         <li class="nav-item">
			
 
				           <a class="nav-link" href="/contact/service">聯絡我們</a>
			
 
				         </li>
			
@@ -58,8 +61,8 @@
 
				       </ul>
			
 
				 
			
 
				       <ul class="nav navbar-nav navbar-right flex-row ms-auto my-3 my-lg-0">
			
 
				-        <li><a href="https://video.choozmo.com/login.html" class="signin-link">登入</a></li>
			
 
				-        <li><a href="https://video.choozmo.com/register.html" class="signup-link">註冊</a></li>
			
 
				+        <li><a href="https://cloud.choozmo.com/login" target="_blank" class="signin-link">開始製作 AI 主播影片</a></li>
			
 
				+        <!-- <li><a href="https://video.choozmo.com/register.html" class="signup-link">註冊</a></li> -->
			
 
				       </ul>
			
 
				     </div>
			
 
				   </div>
			
--- a/layouts/youtube-views-zh/single.html
+++ b/layouts/youtube-views-zh/single.html
@@ -30,48 +30,71 @@
 
				   {{ partial "pageFormBtn.html" . }}
			
 
				   <main id="youtube-views-zh">
			
 
				     <section class="header">
			
 
				+      <img src="/imgs/dm/yt-views/image-01.png" alt="" class="bg-img">
			
 
				       <div class="container">
			
 
				-        <div class="row g-0">
			
 
				-          <div class="col-12 col-md-4">
			
 
				+        <div class="row g-0 align-items-center mt-lg-5">
			
 
				+          <div class="col-12 col-lg-4">
			
 
				             <h2 class="header-title">{{ .Params.packageTitle }} <br> <small>{{ .Params.packageSub }}</small></h2>
			
 
				-            <p>
			
 
				-              您費盡心思製作的影片沒有達到理想的觀看數嗎？<br>
			
 
				-              想在短時間內提升 YouTube 影片瀏覽量嗎？<br>
			
 
				-              不管是不是網紅都適用 <br>
			
 
				-              保證 100% 真人觀看數 <br>
			
 
				-              快速曝光您的品牌 <br>
			
 
				-            </p>
			
 
				+            <p>影音流量推手使用最新 AI 投放技術，
			
 
				+              致力於增加您在　YouTube　的真人觀看數
			
 
				+              不僅快速看見成效、精準符合目標客群
			
 
				+              和市場，更無設定限制。能夠在指定區
			
 
				+              域推播、增加收視率，讓精心製作的影片
			
 
				+              為您帶來更強大的話語權 <span class="position-absolute">🔥🔥🔥</span></p>
			
 
				             <button class="contact-btn my-5">立即諮詢</button>
			
 
				           </div>
			
 
				-          <div class="col-12 col-md-8">
			
 
				-            <div class="banner d-none d-md-block"></div>
			
 
				-            <img src="/imgs/dm/youtube-views-mb.png" alt="" class="img-fluid d-block d-md-none">
			
 
				+          <div class="col-12 col-lg-8">
			
 
				+            <img src="/imgs/dm/yt-views/image-banner.png" alt="" class="img-fluid">
			
 
				           </div>
			
 
				         </div>
			
 
				       </div>
			
 
				     </section>
			
 
				 
			
 
				-    <div class="container">
			
 
				-      <div class="row justify-content-center align-items-center">
			
 
				-        <div class="col-12 col-md-6 col-lg-4 info-content">
			
 
				+    <div class="container-fluid qa-block">
			
 
				+      <div class="row align-items-end">
			
 
				+        <div class="col-lg-6 position-relative d-flex justify-content-center">
			
 
				+          <img src="/imgs/dm/yt-views/image-02.png" alt="">
			
 
				+          <p class="q-text">
			
 
				+            我的影片始終沒有人觀看怎麼辦 <br>
			
 
				+            想讓 YT 頻道創造更多頂級流量 <br>
			
 
				+            想了解快速增加流量的秘訣是什麼 <br>
			
 
				+            我希望影片可以在特定區域推播
			
 
				+          </p>
			
 
				+        </div>
			
 
				+        <div class="col-lg-6 position-relative d-flex justify-content-center">
			
 
				+          <img src="/imgs/dm/yt-views/image-03.png" alt="">
			
 
				+          <p class="a-text">
			
 
				+            絕不操作無效觀看 <br>
			
 
				+            AI 投放精準打中目標客群 <br>
			
 
				+            將成效數字裡面隱含的秘密都告知您 <br>
			
 
				+            要選擇國家或縣市，都沒有限制！
			
 
				+          </p>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+
			
 
				+    <div class="container pt-5 mt-5">
			
 
				+      <div class="row justify-content-center align-items-center info-content">
			
 
				+        <div class="col-12 col-lg-4 d-flex justify-content-center justify-content-lg-end">
			
 
				           <h4>
			
 
				-            最低價 <strong>NT$0.4元/1view</strong>
			
 
				-            <br>
			
 
				+            最低價 <br> <strong>NT$0.4元/1view</strong> <br>
			
 
				             最快 1 週 感覺明顯成效
			
 
				           </h4>
			
 
				+        </div>
			
 
				+        <div class="col-12 col-lg-8 d-flex align-items-center flex-column flex-lg-row">
			
 
				+          <img src="/imgs/dm/yt-views/image-04.png" alt="" class="img-fluid">
			
 
				           <p>
			
 
				-            網紅加速器為透過Google廣告投放，快速增漲YouTube影片的有效觀看數！
			
 
				-            <br>
			
 
				-            您只需提供指定網址與目標觀看受眾群，結案提供廣告成效報告與報表。
			
 
				+            短時間內大量曝光您的 YouTube 影片 <br>
			
 
				+            將影片快速推播給指定地區與目標客群 <br>
			
 
				+            保證 100% 真人觀看數 <br>
			
 
				+            低價與高品質服務 <br>
			
 
				+            線上一鍵即可選購多種方案 <br>
			
 
				+            立即打造您的高度競爭力！
			
 
				           </p>
			
 
				         </div>
			
 
				-        <div class="col-12 col-md-6">
			
 
				-          <img src="/imgs/dm/youtube-views-02.png" alt="" class="img-fluid">
			
 
				-        </div>
			
 
				       </div>
			
 
				 
			
 
				-      <img src="/imgs/dm/youtube-views-03.png" alt="" class="img-fluid position-absolute" style="right: 0;">
			
 
				-      <img src="/imgs/dm/circle-01.webp" alt="" class="position-absolute" style="width: 50%; left: -18vw; z-index: -1;">
			
 
				+      <img src="/imgs/dm/yt-views/image-05.png" alt="" class="img-fluid position-absolute" style="right: 0;">
			
 
				 
			
 
				       <div class="row g-4 g-xl-5 card-group">
			
 
				         <div class="col-12 col-sm-6 col-lg-3">
			
@@ -85,8 +108,8 @@
 
				                 <span class="text-center" style="color: #7c8ba7;">Views</span>
			
 
				               </div>
			
 
				               <p class="card-text price">
			
 
				-                NT$3,500 <br>
			
 
				-                <small>NT$4,000</small>
			
 
				+                NT$2,700 <br>
			
 
				+                <small>NT$3,500</small>
			
 
				               </p>
			
 
				               <div class="mx-auto">
			
 
				                 <ul>
			
@@ -100,7 +123,7 @@
 
				                   </li>
			
 
				                   <li class="card-text">
			
 
				                     <img width="30" src="/imgs/icon/check.png" alt="">
			
 
				-                    包含 YT 封面製作
			
 
				+                    開發票
			
 
				                   </li>
			
 
				                   <li class="card-text">
			
 
				                     <img width="30" src="/imgs/icon/check.png" alt="">
			
@@ -108,7 +131,7 @@
 
				                   </li>
			
 
				                 </ul>
			
 
				               </div>
			
 
				-              <a href="https://line.me/R/ti/p/@choozmo?from=page" target="_blank" class="buy-btn mb-3">Buy Now</a>
			
 
				+              <a href="https://cloud.choozmo.com/yt-views" target="_blank" class="buy-btn mb-3">Buy Now</a>
			
 
				             </div>
			
 
				           </div>
			
 
				         </div>
			
@@ -138,7 +161,7 @@
 
				                   </li>
			
 
				                   <li class="card-text">
			
 
				                     <img width="30" src="/imgs/icon/check.png" alt="">
			
 
				-                    包含 YT 封面製作
			
 
				+                    開發票
			
 
				                   </li>
			
 
				                   <li class="card-text">
			
 
				                     <img width="30" src="/imgs/icon/check.png" alt="">
			
@@ -146,7 +169,7 @@
 
				                   </li>
			
 
				                 </ul>
			
 
				               </div>
			
 
				-              <a href="https://line.me/R/ti/p/@choozmo?from=page" target="_blank" class="buy-btn mb-3">Buy Now</a>
			
 
				+              <a href="https://cloud.choozmo.com/yt-views" target="_blank" class="buy-btn mb-3">Buy Now</a>
			
 
				             </div>
			
 
				           </div>
			
 
				         </div>
			
@@ -176,7 +199,7 @@
 
				                   </li>
			
 
				                   <li class="card-text">
			
 
				                     <img width="30" src="/imgs/icon/check.png" alt="">
			
 
				-                    包含 YT 封面製作
			
 
				+                    開發票
			
 
				                   </li>
			
 
				                   <li class="card-text">
			
 
				                     <img width="30" src="/imgs/icon/check.png" alt="">
			
@@ -184,7 +207,7 @@
 
				                   </li>
			
 
				                 </ul>
			
 
				               </div>
			
 
				-              <a href="https://line.me/R/ti/p/@choozmo?from=page" target="_blank" class="buy-btn mb-3">Buy Now</a>
			
 
				+              <a href="https://cloud.choozmo.com/yt-views" target="_blank" class="buy-btn mb-3">Buy Now</a>
			
 
				             </div>
			
 
				           </div>
			
 
				         </div>
			
@@ -214,7 +237,7 @@
 
				                   </li>
			
 
				                   <li class="card-text">
			
 
				                     <img width="30" src="/imgs/icon/check.png" alt="">
			
 
				-                    包含 YT 封面製作
			
 
				+                    開發票
			
 
				                   </li>
			
 
				                   <li class="card-text">
			
 
				                     <img width="30" src="/imgs/icon/check.png" alt="">
			
@@ -222,45 +245,139 @@
 
				                   </li>
			
 
				                 </ul>
			
 
				               </div>
			
 
				-              <a href="https://line.me/R/ti/p/@choozmo?from=page" target="_blank" class="buy-btn mb-3">Buy Now</a>
			
 
				+              <a href="https://cloud.choozmo.com/yt-views" target="_blank" class="buy-btn mb-3">Buy Now</a>
			
 
				             </div>
			
 
				           </div>
			
 
				         </div>
			
 
				       </div>
			
 
				 
			
 
				-      <img src="/imgs/dm/youtube-views-04.png" alt="" class="img-fluid my-5 d-none d-lg-block">
			
 
				-      <img src="/imgs/dm/youtube-views-04-mb.jpg" alt="" class="img-fluid my-5 d-block d-lg-none">
			
 
				 
			
 
				-      <div class="row justify-content-center direction-list">
			
 
				+      <div class="pick-point">
			
 
				+        <img src="/imgs/dm/yt-views/image-06.png" alt="" class="bg-img">
			
 
				+        <div class="chat-img">
			
 
				+          <img src="/imgs/dm/yt-views/image-07.png" alt="">
			
 
				+          <p>加速達標時間</p>
			
 
				+        </div>
			
 
				+        <ul>
			
 
				+          <li>
			
 
				+            <p>選擇影片的秘訣 <span>加分題！！！</span></p>
			
 
				+          </li>
			
 
				+          <li>
			
 
				+            <p>★ 影片主題：有關 <span>時事or熱門話題</span></p>
			
 
				+          </li>
			
 
				+          <li>
			
 
				+            <p>★ 影片時長：<span>15秒～3分鐘</span>以內（時間越短效果最佳）總長不可以超過 10 分鐘</p>
			
 
				+          </li>
			
 
				+          <li>
			
 
				+            <p>★★★ 重點：<span>前15秒為精華區！</span>將取決觀眾要不要點進您的影片</p>
			
 
				+          </li>
			
 
				+        </ul>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+
			
 
				+    <div class="trust-item">
			
 
				+      <p>您可以信任我們</p>
			
 
				+    </div>
			
 
				+
			
 
				+    <div class="container-fluid data-content">
			
 
				+      <img src="/imgs/dm/yt-views/image-08.png" alt="" class="bg-img">
			
 
				+      <div class="row align-items-start justify-content-center" style="padding-top: 100px;">
			
 
				+        <div class="col-12 col-lg-6 px-4">
			
 
				+          <section class="title">
			
 
				+            <h3>獨家 SEO 顯微鏡健檢技術</h3>
			
 
				+            <h4>幫助找尋核心主題，自動強化標的</h4>
			
 
				+          </section>
			
 
				+          <img src="/imgs/dm/yt-views/image-09.png" alt="">
			
 
				+        </div>
			
 
				+        <div class="col-12 col-lg-6 px-4 mt-5 mt-lg-0">
			
 
				+          <section class="title">
			
 
				+            <h3>工業局唯一認證 <br>
			
 
				+              AI智慧廣告投放技術</h3>
			
 
				+          </section>
			
 
				+          <img src="/imgs/dm/yt-views/image-10.png" alt="">
			
 
				+        </div>
			
 
				+        <div class="col-12 col-lg-6 px-4 mt-5">
			
 
				+          <section class="title">
			
 
				+            <h4>值得信任</h4>
			
 
				+            <h3>操作經驗豐富</h3>
			
 
				+            <h4>累積眾多客戶與合作夥伴</h4>
			
 
				+          </section>
			
 
				+          <img src="/imgs/dm/yt-views/image-11.png" alt="">
			
 
				+        </div>
			
 
				+        <div class="col-12 col-lg-6 px-4 mt-5">
			
 
				+          <section class="title">
			
 
				+            <h4>建立 Google Datastudio 提供真實數據</h4>
			
 
				+            <small class="d-flex">成效總覽與受眾分析<h3>讓觀看來源有跡可循</h3></small>
			
 
				+          </section>
			
 
				+          <img src="/imgs/dm/yt-views/image-12.png" alt="">
			
 
				+        </div>
			
 
				+      </div>
			
 
				+
			
 
				+      <img src="/imgs/dm/circle-01.webp" alt="" class="position-absolute" style="width: 50%; left: -18vw; z-index: -1;">
			
 
				+
			
 
				+      <section class="info mt-5">
			
 
				+        <h4>實際案例 <br>
			
 
				+          目標觀看次數 <strong>5000 次，三日內達標！</strong> <br>
			
 
				+          且收視率高達 64.30%
			
 
				+        </h4>
			
 
				+        <img src="/imgs/dm/yt-views/image-13.png" alt="" class="my-4">
			
 
				+
			
 
				+        <p class="mb-0">
			
 
				+          針對目標客群設定廣告投放之對象：包括生活型態、興趣、愛好等
			
 
				+          <br>
			
 
				+          EX 針對醫療相關、健康與個人護理設定潛在目標對象進行投放
			
 
				+        </p>
			
 
				+        <img src="/imgs/dm/yt-views/image-14.png" alt="" class="img-fluid mb-4">
			
 
				+      </section>
			
 
				+    </div>
			
 
				+
			
 
				+    <div class="trust-item">
			
 
				+      <p>幫您比價</p>
			
 
				+    </div>
			
 
				+
			
 
				+    <div class="price-block">
			
 
				+      <p>以 1 萬次觀看數、以相同條件下，評估 1 個觀看數會花費多少費用</p>
			
 
				+      <img src="/imgs/dm/yt-views/image-15.png" alt="">
			
 
				+    </div>
			
 
				+
			
 
				+    <div class="trust-item">
			
 
				+      <p>影音流量推手 QA</p>
			
 
				+    </div>
			
 
				+
			
 
				+    <div class="container">
			
 
				+      <img src="/imgs/dm/yt-views/image-16.png" alt="" class="img-fluid my-5 d-none d-lg-block">
			
 
				+      <img src="/imgs/dm/yt-views/image-16-mb.jpg" alt="" class="img-fluid my-5 d-block d-lg-none">
			
 
				+
			
 
				+      <div class="row pt-5 justify-content-center direction-list">
			
 
				         <div class="col-12 col-md-7 px-4 px-md-0 content">
			
 
				           <section class="d-flex flex-column">
			
 
				             <h5>什麼是 YouTube 觀看數？</h5>
			
 
				             <p>
			
 
				-              觀看數=點閱率，凡點開影片即算一次觀看數 <br>
			
 
				-              透過增加影片曝光提高觀看數，保證 100% 真人點閱率。
			
 
				+              凡看過影片廣告者，即算一次觀看數 <br>
			
 
				+              透過增加影片曝光提高觀看數，保證 100% 真人觀看。
			
 
				             </p>
			
 
				           </section>
			
 
				         </div>
			
 
				         <div class="col-12 col-md-7 px-4 px-md-0 content position-relative">
			
 
				           <section class="d-flex flex-column">
			
 
				-            <h5>確保您的觀看數是正確的</h5>
			
 
				+            <h5>如何確保您的觀看數是正確的？</h5>
			
 
				             <p>
			
 
				               為確保正確計算您的 YouTube 觀看數，請勿同時購買多項服務。
			
 
				             </p>
			
 
				           </section>
			
 
				-          <img src="/imgs/dm/youtube-views-05.png" alt="" class="position-absolute d-none d-md-block"
			
 
				+          <img src="/imgs/dm/yt-views/icon-01.png" alt="" class="position-absolute d-none d-md-block"
			
 
				             style="width: 150px; left: -180px; top: 170px;">
			
 
				-          <img src="/imgs/dm/youtube-views-06.png" alt="" class="position-absolute d-none d-md-block"
			
 
				+          <img src="/imgs/dm/yt-views/icon-02.png" alt="" class="position-absolute d-none d-md-block"
			
 
				             style="width: 130px; right: -165px; top: -65px;">
			
 
				         </div>
			
 
				         <div class="col-12 col-md-7 px-4 px-md-0 content">
			
 
				           <section class="d-flex flex-column">
			
 
				-            <h5>為什麼要購買網紅加速器方案？</h5>
			
 
				+            <h5>為什麼要購買影音流量推手？</h5>
			
 
				             <p>
			
 
				-              網紅加速器提供最便利的方案，我們知道 YouTube 影片封面如何設計能達到最佳效果 <br>
			
 
				-              並包含影片上架、文字敘述與 #hashtag 提高觀眾搜尋率 <br>
			
 
				-              結案時提供完整成果報告 <br>
			
 
				-              以上皆可以用便宜划算的金額獲得，最低 1 個觀看數只要0.4元。
			
 
				+              影音流量推手提供最便利的方案 <br>
			
 
				+              我們有全台唯一認證的 AI 投放技術、快速鎖定目標與潛在客群 <br>
			
 
				+              成效報告內的數字一一分析、提供影片後續優化方向 <br>
			
 
				+              以上皆可以用便宜划算的金額獲得，最低 1 個觀看數只要 0.4 元。
			
 
				             </p>
			
 
				           </section>
			
 
				         </div>
			
@@ -271,14 +388,14 @@
 
				               觀看數越高的影片越容易顯示在平台上、並增加人們觀看意願與其頻道的可信度。 <br>
			
 
				               人們傾向找熱門影片來看，視頻的受歡迎程度會隨著觀看次數而增加，熱門視頻會被
			
 
				               更多人觀看，能幫助您贏得更多訂閱者。 <br>
			
 
				-              即使您不購買YouTube觀看次數，您的頻道及其視頻仍有可能變得流行，但與購買觀
			
 
				+              即使您不購買 YouTube 觀看次數，您的頻道及其視頻仍有可能變得流行，但與購買觀
			
 
				               看次數相比，這可能需要更多時間。
			
 
				             </p>
			
 
				           </section>
			
 
				         </div>
			
 
				         <div class="col-12 col-md-7 px-4 px-md-0 content position-relative">
			
 
				           <section class="d-flex flex-column">
			
 
				-            <h5>安全與保密？</h5>
			
 
				+            <h5>安全與保密</h5>
			
 
				             <p>
			
 
				               我們不會過問您的 YouTube 帳戶密碼，或任何私人資訊。不管如何，您應該保護您的 YouTube 帳戶，切勿與任何人分享帳戶密碼。
			
 
				             </p>
			
@@ -286,18 +403,18 @@
 
				           <!-- 裝飾圖 -->
			
 
				           <img src="/imgs/dm/circle-02.webp" alt="" class="position-absolute"
			
 
				             style="width: 100vw; top: -60vw; left: -30vw; z-index: -1;">
			
 
				-          <img src="/imgs/dm/youtube-views-07.png" alt="" class="position-absolute d-none d-md-block"
			
 
				+          <img src="/imgs/dm/yt-views/icon-03.png" alt="" class="position-absolute d-none d-md-block"
			
 
				             style="width: 170px; left: -190px; top: -10px;">
			
 
				-          <img src="/imgs/dm/youtube-views-08.png" alt="" class="position-absolute d-none d-md-block"
			
 
				+          <img src="/imgs/dm/yt-views/icon-04.png" alt="" class="position-absolute d-none d-md-block"
			
 
				             style="width: 170px; right: -190px; top: -230px;">
			
 
				-          <img src="/imgs/dm/youtube-views-09.png" alt="" class="position-absolute d-none d-md-block"
			
 
				+          <img src="/imgs/dm/yt-views/icon-05.png" alt="" class="position-absolute d-none d-md-block"
			
 
				             style="width: 160px; right: -190px; top: 200px;">
			
 
				         </div>
			
 
				         <div class="col-12 col-md-7 px-4 px-md-0 content">
			
 
				           <section class="d-flex flex-column">
			
 
				             <h5>購買 YouTube 觀看數合法嗎？</h5>
			
 
				-            <p>YouTube允許用戶購買觀看次數，前提是此類活動不被視為垃圾內容。 <br>
			
 
				-              請注意，YouTube可以刪除被視為垃圾內容或包含垃圾內容的視頻，上傳者可能會面
			
 
				+            <p>YouTube 允許用戶購買觀看次數，前提是此類活動不被視為垃圾內容。 <br>
			
 
				+              請注意，YouTube 可以刪除被視為垃圾內容或包含垃圾內容的視頻，上傳者可能會面
			
 
				               臨被暫停或禁止的風險，因此您應該避免一次買過多的觀看次數、以及確保不會違反
			
 
				               您所在地區的法規。
			
 
				             </p>
			
@@ -306,23 +423,6 @@
 
				       </div>
			
 
				     </div>
			
 
				 
			
 
				-    <div class="data-content">
			
 
				-      <section class="position-relative">
			
 
				-        <h4>實際案例 <br>
			
 
				-          目標觀看次數 <strong>5000 次，三日內達標！</strong> <br>
			
 
				-          且收視率高達 64.30%
			
 
				-        </h4>
			
 
				-        <img src="/imgs/dm/youtube-views-10.png" alt="" class="img-fluid">
			
 
				-      </section>
			
 
				-
			
 
				-      <p class="mx-3">
			
 
				-        針對目標客群設定廣告投放之對象：包括生活型態、興趣、愛好等
			
 
				-        <br>
			
 
				-        EX 針對醫療相關、健康與個人護理設定潛在目標對象進行投放
			
 
				-      </p>
			
 
				-      <img src="/imgs/dm/youtube-views-11.png" alt="" class="img-fluid" style="max-width: 800px; width: 100%;">
			
 
				-    </div>
			
 
				-
			
 
				     <section class="my-3 my-lg-4 d-flex align-items-center justify-content-center flex-column flex-md-row data-text">
			
 
				       <p>想了解更多嗎？</p>
			
 
				     </section>
			
@@ -334,9 +434,9 @@
 
				             <div class="mb-3">
			
 
				               <div class="pageForm-title">
			
 
				                 <h3 class="pageForm-title-h3">
			
 
				-                  【網紅加速器】
			
 
				+                  【影音流量推手】
			
 
				                   <br>
			
 
				-                  快速提升影片觀看數
			
 
				+                  快速提升 YouTube 影片觀看數
			
 
				                 </h3>
			
 
				               </div>
			
 
				             </div>
			
@@ -370,7 +470,7 @@
 
				   </main>
			
 
				 
			
 
				   {{ partial "footer.html" . }}
			
 
				-  
			
 
				+
			
 
				   <script type="application/javascript">
			
 
				     var doNotTrack = false;
			
 
				     if (!doNotTrack) {
			
--- a/layouts/youtube-views/single.html
+++ b/layouts/youtube-views/single.html
@@ -253,7 +253,7 @@
 
				         </div>
			
 
				 
			
 
				         <div class="col-12 col-lg-6">
			
 
				-          <img src="/imgs/dm/youtube-01.png" alt="" class="img-fluid">
			
 
				+          <img src="/imgs/dm/yt-views/stock-01.png" alt="" class="img-fluid">
			
 
				         </div>
			
 
				       </div>
			
 
				       <img src="/imgs/bottom-line.png" alt="" class="position-absolute">
			
@@ -262,7 +262,7 @@
 
				     <div class="container" style="margin-top: 80px;">
			
 
				       <div class="row my-5 align-items-center justify-content-center">
			
 
				         <div class="col-12 col-lg-6">
			
 
				-          <img src="/imgs/dm/youtube-02.png" alt="" class="img-fluid">
			
 
				+          <img src="/imgs/dm/yt-views/stock-02.png" alt="" class="img-fluid">
			
 
				         </div>
			
 
				         <div class="col-11 col-lg-6 mt-5 mt-lg-0">
			
 
				           <h5 class="title">Is buying YouTube views safe and legal?</h5>
			
@@ -296,7 +296,7 @@
 
				           </p>
			
 
				         </div>
			
 
				         <div class="col-12 col-lg-6">
			
 
				-          <img src="/imgs/dm/youtube-03.png" alt="" class="img-fluid">
			
 
				+          <img src="/imgs/dm/yt-views/stock-03.png" alt="" class="img-fluid">
			
 
				         </div>
			
 
				       </div>
			
 
				     </div>
			
@@ -498,9 +498,9 @@
 
				       </div>
			
 
				     </div> -->
			
 
				   </main>
			
 
				-  
			
 
				+
			
 
				   {{ partial "footer.html" . }}
			
 
				-  
			
 
				+
			
 
				   <script type="application/javascript">
			
 
				     var doNotTrack = false;
			
 
				     if (!doNotTrack) {
			
--- a/static/css/custom.css
+++ b/static/css/custom.css
@@ -1604,8 +1604,20 @@
 
				 }
			
 
				 
			
 
				 .logo {
			
 
				-  width: 187px;
			
 
				-  height: 48px;
			
 
				+  width: 185px;
			
 
				+}
			
 
				+
			
 
				+@media (max-width: 1200px) {
			
 
				+  .logo {
			
 
				+    width: 165px;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@media (max-width: 1200px) {
			
 
				+  .navbar-expand-lg .navbar-nav .nav-link {
			
 
				+    padding-right: 0.3rem;
			
 
				+    padding-left: 0.3rem;
			
 
				+  }
			
 
				 }
			
 
				 
			
 
				 .logo-sm {
			
@@ -2180,3 +2192,28 @@
 
				 .seo_img {
			
 
				   width: 90% !important;
			
 
				 }
			
 
				+
			
 
				+.about-action {
			
 
				+  margin-top: 150px;
			
 
				+}
			
 
				+
			
 
				+.about-action h2 {
			
 
				+  position: relative;
			
 
				+  top: 30px;
			
 
				+  z-index: 1;
			
 
				+  font-size: 28px;
			
 
				+}
			
 
				+
			
 
				+.about-action .action-triangle {
			
 
				+  margin-top: -1px;
			
 
				+}
			
 
				+
			
 
				+.about-action .action-clip {
			
 
				+  padding: 0;
			
 
				+}
			
 
				+
			
 
				+.about-action .action-btn {
			
 
				+  color: #000;
			
 
				+  font-size: 20px;
			
 
				+  font-weight: bold;
			
 
				+}
			
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -42,6 +42,11 @@
 
				   border: 1px solid #ea5413;
			
 
				   border-radius: 3rem;
			
 
				 }
			
 
				+@media (max-width: 1200px) {
			
 
				+  .navbar-nav .signin-link {
			
 
				+    font-size: 14px;
			
 
				+  }
			
 
				+}
			
 
				 .navbar-nav .signup-link {
			
 
				   padding: 8px 18px;
			
 
				   margin: 13px;
			
@@ -490,30 +495,33 @@
 
				   height: auto;
			
 
				 }
			
 
				 #home .swiper {
			
 
				-  overflow: initial;
			
 
				+  width: 100%;
			
 
				+  height: 100%;
			
 
				 }
			
 
				-#home .swiper .swiper-pagination-bullet {
			
 
				+#home .swiper-pagination-bullet {
			
 
				   width: 13px;
			
 
				   height: 13px;
			
 
				   margin: 0 13px;
			
 
				 }
			
 
				 @media (max-width: 991px) {
			
 
				-  #home .swiper .swiper-pagination-bullet {
			
 
				+  #home .swiper-pagination-bullet {
			
 
				     width: 10px;
			
 
				     height: 10px;
			
 
				     margin: 0 10px;
			
 
				   }
			
 
				 }
			
 
				-#home .swiper .swiper-pagination {
			
 
				-  bottom: -10px;
			
 
				+#home .swiper-pagination-bullet-active {
			
 
				+  background-color: #000 !important;
			
 
				 }
			
 
				-@media (max-width: 991px) {
			
 
				-  #home .swiper .swiper-pagination {
			
 
				-    bottom: -15px;
			
 
				-  }
			
 
				+#home .swiper-button-next {
			
 
				+  right: -50px;
			
 
				 }
			
 
				-#home .swiper .swiper-pagination-bullet-active {
			
 
				-  background-color: #000 !important;
			
 
				+#home .swiper-button-prev {
			
 
				+  left: -50px;
			
 
				+}
			
 
				+#home .swiper-button-next,
			
 
				+#home .swiper-button-prev {
			
 
				+  color: #6c6d70;
			
 
				 }
			
 
				 #home #main {
			
 
				   overflow: hidden;
			
@@ -569,12 +577,13 @@
 
				 }
			
 
				 #home #main .content .action-btn {
			
 
				   margin-top: 60px;
			
 
				-  padding: 8px 22px;
			
 
				-  color: #fff;
			
 
				-  transition: all 0.3s;
			
 
				+  padding: 13px 30px;
			
 
				   border: none;
			
 
				-  border-radius: 20px;
			
 
				+  color: #fff;
			
 
				   background-color: #ea5413;
			
 
				+  text-decoration: none;
			
 
				+  border-radius: 100px;
			
 
				+  transition: all 0.3s;
			
 
				 }
			
 
				 #home #main .content .action-btn:hover {
			
 
				   background-color: #d54d13;
			
@@ -1086,6 +1095,59 @@
 
				   transition: all 0.3s ease-in-out;
			
 
				 }
			
 
				 
			
 
				+.language-btn {
			
 
				+  border: none;
			
 
				+  text-decoration: none;
			
 
				+  background-color: #fff;
			
 
				+  color: rgba(0, 0, 0, 0.55);
			
 
				+}
			
 
				+
			
 
				+#home .home-en {
			
 
				+  display: none;
			
 
				+}
			
 
				+#home .home-en .ai-content .img-item p {
			
 
				+  max-width: 500px;
			
 
				+  top: 35%;
			
 
				+  left: 48%;
			
 
				+}
			
 
				+@media (max-width: 1400px) {
			
 
				+  #home .home-en .ai-content .img-item p {
			
 
				+    top: 35%;
			
 
				+    left: 45%;
			
 
				+  }
			
 
				+}
			
 
				+@media (max-width: 1200px) {
			
 
				+  #home .home-en .ai-content .img-item p {
			
 
				+    max-width: 350px;
			
 
				+    top: 28%;
			
 
				+    left: 50%;
			
 
				+  }
			
 
				+}
			
 
				+@media (max-width: 767px) {
			
 
				+  #home .home-en .ai-content .img-item p {
			
 
				+    max-width: 500px;
			
 
				+    top: 30%;
			
 
				+    left: 35%;
			
 
				+  }
			
 
				+}
			
 
				+@media (max-width: 475px) {
			
 
				+  #home .home-en .ai-content .img-item p {
			
 
				+    top: 25%;
			
 
				+  }
			
 
				+}
			
 
				+#home .home-en .journey-content .list span {
			
 
				+  display: block;
			
 
				+  height: 155px;
			
 
				+}
			
 
				+@media (max-width: 991px) {
			
 
				+  #home .home-en .journey-content .list span {
			
 
				+    height: 180px;
			
 
				+  }
			
 
				+}
			
 
				+#home .home-en .journey-content .list p {
			
 
				+  height: auto !important;
			
 
				+}
			
 
				+
			
 
				 /* content page */
			
 
				 .cntheader {
			
 
				   margin-top: 81px;
			
@@ -1428,7 +1490,7 @@
 
				     font-size: 1.3rem;
			
 
				   }
			
 
				   .header__sub::before,
			
 
				-.header__sub::after {
			
 
				+  .header__sub::after {
			
 
				     width: 8%;
			
 
				   }
			
 
				   .header__sub::before {
			
@@ -2842,7 +2904,7 @@
 
				 }
			
 
				 @media (max-width: 991px) {
			
 
				   #youtube-views .direction-list,
			
 
				-#youtube-views-zh .direction-list {
			
 
				+  #youtube-views-zh .direction-list {
			
 
				     margin-top: 60px;
			
 
				   }
			
 
				 }
			
@@ -2889,13 +2951,13 @@
 
				 }
			
 
				 @media (max-width: 767px) {
			
 
				   #youtube-views .category.dm-description,
			
 
				-#youtube-views-zh .category.dm-description {
			
 
				+  #youtube-views-zh .category.dm-description {
			
 
				     padding-top: 6rem;
			
 
				   }
			
 
				 }
			
 
				 @media (max-width: 575px) {
			
 
				   #youtube-views .category.dm-description,
			
 
				-#youtube-views-zh .category.dm-description {
			
 
				+  #youtube-views-zh .category.dm-description {
			
 
				     padding-top: 14rem;
			
 
				   }
			
 
				 }
			
@@ -2907,34 +2969,36 @@
 
				   padding: 4.8rem 0 3rem;
			
 
				 }
			
 
				 #youtube-views-zh .header p {
			
 
				+  max-width: 330px;
			
 
				+  text-align: start;
			
 
				   line-height: 35px;
			
 
				   font-size: 18px;
			
 
				   font-weight: bold;
			
 
				   color: #656565;
			
 
				 }
			
 
				+@media (max-width: 991px) {
			
 
				+  #youtube-views-zh .header p {
			
 
				+    max-width: 100%;
			
 
				+  }
			
 
				+}
			
 
				 @media (max-width: 414px) {
			
 
				   #youtube-views-zh .header p {
			
 
				     font-size: 14px;
			
 
				   }
			
 
				 }
			
 
				-#youtube-views-zh .header .row {
			
 
				-  height: 1000px;
			
 
				-}
			
 
				 @media (max-width: 991px) {
			
 
				-  #youtube-views-zh .header .row {
			
 
				-    height: 700px;
			
 
				-  }
			
 
				-}
			
 
				-@media (max-width: 767px) {
			
 
				-  #youtube-views-zh .header .row {
			
 
				-    height: auto;
			
 
				-  }
			
 
				-}
			
 
				-@media (max-width: 767px) {
			
 
				   #youtube-views-zh .header .row div {
			
 
				     text-align: center;
			
 
				   }
			
 
				 }
			
 
				+#youtube-views-zh .header .bg-img {
			
 
				+  width: 100%;
			
 
				+  height: 100%;
			
 
				+  position: absolute;
			
 
				+  z-index: -1;
			
 
				+  top: 0;
			
 
				+  bottom: 0;
			
 
				+}
			
 
				 #youtube-views-zh .header .header-title {
			
 
				   padding-top: 10rem;
			
 
				   margin-bottom: 30px;
			
@@ -2960,27 +3024,58 @@
 
				     font-size: 22px;
			
 
				   }
			
 
				 }
			
 
				-#youtube-views-zh .header .banner {
			
 
				-  width: 100vw;
			
 
				-  height: 1360px;
			
 
				+#youtube-views-zh .qa-block {
			
 
				+  padding-top: 30px;
			
 
				+  background-color: #e3c1dc;
			
 
				+}
			
 
				+#youtube-views-zh .qa-block img {
			
 
				+  width: 100%;
			
 
				+}
			
 
				+#youtube-views-zh .qa-block .q-text,
			
 
				+#youtube-views-zh .qa-block .a-text {
			
 
				+  font-size: 1.3vw;
			
 
				   position: absolute;
			
 
				-  top: 0;
			
 
				-  right: -16vw;
			
 
				-  z-index: -1;
			
 
				-  background-size: cover;
			
 
				-  background-position: center;
			
 
				-  background-repeat: no-repeat;
			
 
				-  background-image: url("/imgs/dm/youtube-views-01.png");
			
 
				+  font-weight: bold;
			
 
				 }
			
 
				-@media (max-width: 1200px) {
			
 
				-  #youtube-views-zh .header .banner {
			
 
				-    top: -10vw;
			
 
				+@media (max-width: 991px) {
			
 
				+  #youtube-views-zh .qa-block .q-text,
			
 
				+  #youtube-views-zh .qa-block .a-text {
			
 
				+    font-size: 2.5vw;
			
 
				+  }
			
 
				+}
			
 
				+#youtube-views-zh .qa-block .q-text {
			
 
				+  width: 25vw;
			
 
				+  top: 3.3vw;
			
 
				+  right: 13.5vw;
			
 
				+}
			
 
				+@media (max-width: 991px) {
			
 
				+  #youtube-views-zh .qa-block .q-text {
			
 
				+    width: 100%;
			
 
				+    top: 7vw;
			
 
				+    right: -24%;
			
 
				+  }
			
 
				+}
			
 
				+@media (max-width: 490px) {
			
 
				+  #youtube-views-zh .qa-block .q-text {
			
 
				+    top: 6vw;
			
 
				+    right: -21%;
			
 
				   }
			
 
				 }
			
 
				+#youtube-views-zh .qa-block .a-text {
			
 
				+  top: 3.7vw;
			
 
				+  right: 5vw;
			
 
				+}
			
 
				 @media (max-width: 991px) {
			
 
				-  #youtube-views-zh .header .banner {
			
 
				-    top: 8vw;
			
 
				-    height: 1000px;
			
 
				+  #youtube-views-zh .qa-block .a-text {
			
 
				+    top: 7.5vw;
			
 
				+    right: unset;
			
 
				+    left: 46vw;
			
 
				+  }
			
 
				+}
			
 
				+@media (max-width: 490px) {
			
 
				+  #youtube-views-zh .qa-block .a-text {
			
 
				+    top: 6.8vw;
			
 
				+    left: 42vw;
			
 
				   }
			
 
				 }
			
 
				 @media (max-width: 767px) {
			
@@ -2990,7 +3085,7 @@
 
				 }
			
 
				 #youtube-views-zh .info-content h4 {
			
 
				   font-weight: bold;
			
 
				-  line-height: 35px;
			
 
				+  line-height: 40px;
			
 
				   margin-bottom: 30px;
			
 
				 }
			
 
				 #youtube-views-zh .info-content h4 strong {
			
@@ -3007,6 +3102,128 @@
 
				     margin: auto;
			
 
				   }
			
 
				 }
			
 
				+#youtube-views-zh .info-content img {
			
 
				+  width: 100%;
			
 
				+  max-width: 380px;
			
 
				+  margin-right: 30px;
			
 
				+}
			
 
				+@media (max-width: 991px) {
			
 
				+  #youtube-views-zh .info-content img {
			
 
				+    max-width: 500px;
			
 
				+  }
			
 
				+}
			
 
				+#youtube-views-zh .pick-point {
			
 
				+  display: flex;
			
 
				+  justify-content: center;
			
 
				+  margin: 150px auto;
			
 
				+  position: relative;
			
 
				+}
			
 
				+#youtube-views-zh .pick-point ul {
			
 
				+  padding: 0;
			
 
				+  list-style: none;
			
 
				+}
			
 
				+#youtube-views-zh .pick-point ul li span {
			
 
				+  color: #ea5413;
			
 
				+  font-size: 20px;
			
 
				+  font-weight: bold;
			
 
				+}
			
 
				+#youtube-views-zh .pick-point .bg-img {
			
 
				+  width: 100%;
			
 
				+  position: absolute;
			
 
				+  top: -100px;
			
 
				+  z-index: -1;
			
 
				+}
			
 
				+@media (max-width: 767px) {
			
 
				+  #youtube-views-zh .pick-point .bg-img {
			
 
				+    width: 151%;
			
 
				+    top: -65px;
			
 
				+  }
			
 
				+}
			
 
				+#youtube-views-zh .pick-point .chat-img {
			
 
				+  left: 65%;
			
 
				+  top: -20px;
			
 
				+  position: absolute;
			
 
				+}
			
 
				+@media (max-width: 991px) {
			
 
				+  #youtube-views-zh .pick-point .chat-img {
			
 
				+    left: 75%;
			
 
				+    top: 3px;
			
 
				+  }
			
 
				+}
			
 
				+@media (max-width: 767px) {
			
 
				+  #youtube-views-zh .pick-point .chat-img {
			
 
				+    left: 70%;
			
 
				+    top: 10px;
			
 
				+  }
			
 
				+}
			
 
				+@media (max-width: 575px) {
			
 
				+  #youtube-views-zh .pick-point .chat-img {
			
 
				+    display: none;
			
 
				+  }
			
 
				+}
			
 
				+#youtube-views-zh .pick-point .chat-img img {
			
 
				+  width: 250px;
			
 
				+}
			
 
				+@media (max-width: 991px) {
			
 
				+  #youtube-views-zh .pick-point .chat-img img {
			
 
				+    width: 200px;
			
 
				+  }
			
 
				+}
			
 
				+@media (max-width: 767px) {
			
 
				+  #youtube-views-zh .pick-point .chat-img img {
			
 
				+    width: 170px;
			
 
				+  }
			
 
				+}
			
 
				+#youtube-views-zh .pick-point .chat-img p {
			
 
				+  color: #fff;
			
 
				+  position: absolute;
			
 
				+  top: 32px;
			
 
				+  right: 45px;
			
 
				+  font-size: 24px;
			
 
				+}
			
 
				+@media (max-width: 991px) {
			
 
				+  #youtube-views-zh .pick-point .chat-img p {
			
 
				+    top: 26px;
			
 
				+    right: 40px;
			
 
				+    font-size: 18px;
			
 
				+  }
			
 
				+}
			
 
				+@media (max-width: 767px) {
			
 
				+  #youtube-views-zh .pick-point .chat-img p {
			
 
				+    top: 20px;
			
 
				+    right: 25px;
			
 
				+  }
			
 
				+}
			
 
				+#youtube-views-zh .trust-item {
			
 
				+  padding: 5px 0;
			
 
				+  background-color: #ea5413;
			
 
				+}
			
 
				+#youtube-views-zh .trust-item p {
			
 
				+  color: #fff;
			
 
				+  font-size: 24px;
			
 
				+  font-weight: bold;
			
 
				+  text-align: center;
			
 
				+  margin-bottom: 0;
			
 
				+}
			
 
				+#youtube-views-zh .price-block {
			
 
				+  padding: 50px;
			
 
				+  display: flex;
			
 
				+  flex-direction: column;
			
 
				+  align-items: center;
			
 
				+}
			
 
				+@media (max-width: 991px) {
			
 
				+  #youtube-views-zh .price-block {
			
 
				+    padding: 50px;
			
 
				+  }
			
 
				+}
			
 
				+#youtube-views-zh .price-block p {
			
 
				+  text-align: center;
			
 
				+  font-size: 20px;
			
 
				+}
			
 
				+#youtube-views-zh .price-block img {
			
 
				+  width: 100%;
			
 
				+  max-width: 1000px;
			
 
				+}
			
 
				 #youtube-views-zh .card-group {
			
 
				   margin: 170px auto 50px;
			
 
				 }
			
@@ -3060,79 +3277,75 @@
 
				   color: #656565;
			
 
				 }
			
 
				 #youtube-views-zh .data-content {
			
 
				+  position: relative;
			
 
				+}
			
 
				+#youtube-views-zh .data-content .bg-img {
			
 
				+  position: absolute;
			
 
				+  top: -5px;
			
 
				+  right: 0;
			
 
				+  left: 0;
			
 
				+  width: 100%;
			
 
				+  z-index: -1;
			
 
				+}
			
 
				+#youtube-views-zh .data-content .row {
			
 
				+  padding: 0 5vw;
			
 
				+}
			
 
				+#youtube-views-zh .data-content .row > div {
			
 
				   display: flex;
			
 
				   flex-direction: column;
			
 
				   align-items: center;
			
 
				-  margin-bottom: 150px;
			
 
				+  justify-content: center;
			
 
				 }
			
 
				-#youtube-views-zh .data-content section h4 {
			
 
				-  position: absolute;
			
 
				-  top: 35%;
			
 
				-  left: 50%;
			
 
				+#youtube-views-zh .data-content .row img {
			
 
				   width: 100%;
			
 
				-  font-size: 28px;
			
 
				+  max-width: 700px;
			
 
				+}
			
 
				+#youtube-views-zh .data-content .title {
			
 
				+  margin-bottom: 10px;
			
 
				   text-align: center;
			
 
				+}
			
 
				+#youtube-views-zh .data-content .title h3 {
			
 
				+  color: #ea5413;
			
 
				+  font-size: 20px;
			
 
				   font-weight: bold;
			
 
				-  line-height: 40px;
			
 
				-  transform: translate(-50%, -50%);
			
 
				 }
			
 
				-@media (max-width: 1200px) {
			
 
				-  #youtube-views-zh .data-content section h4 {
			
 
				-    top: 40%;
			
 
				-  }
			
 
				+#youtube-views-zh .data-content .title h4 {
			
 
				+  color: #000;
			
 
				+  font-size: 18px;
			
 
				+  font-weight: bold;
			
 
				 }
			
 
				-@media (max-width: 767px) {
			
 
				-  #youtube-views-zh .data-content section h4 {
			
 
				-    top: 36%;
			
 
				-    font-size: 18px;
			
 
				-    line-height: normal;
			
 
				-  }
			
 
				+#youtube-views-zh .data-content .title small {
			
 
				+  color: #000;
			
 
				 }
			
 
				-@media (max-width: 575px) {
			
 
				-  #youtube-views-zh .data-content section h4 {
			
 
				-    top: 40%;
			
 
				-  }
			
 
				+#youtube-views-zh .data-content .info {
			
 
				+  display: flex;
			
 
				+  flex-direction: column;
			
 
				+  align-items: center;
			
 
				+}
			
 
				+#youtube-views-zh .data-content .info img {
			
 
				+  width: 100%;
			
 
				+  max-width: 900px;
			
 
				+}
			
 
				+#youtube-views-zh .data-content .info h4 {
			
 
				+  text-align: center;
			
 
				+  font-weight: bold;
			
 
				 }
			
 
				-#youtube-views-zh .data-content section h4 strong {
			
 
				+#youtube-views-zh .data-content .info h4 strong {
			
 
				+  display: inline-block;
			
 
				+  margin: 7px 0;
			
 
				   font-size: 34px;
			
 
				   color: #ea5413;
			
 
				 }
			
 
				 @media (max-width: 767px) {
			
 
				-  #youtube-views-zh .data-content section h4 strong {
			
 
				+  #youtube-views-zh .data-content .info h4 strong {
			
 
				     font-size: 24px;
			
 
				   }
			
 
				 }
			
 
				 @media (max-width: 414px) {
			
 
				-  #youtube-views-zh .data-content section h4 strong {
			
 
				+  #youtube-views-zh .data-content .info h4 strong {
			
 
				     font-size: 22px;
			
 
				   }
			
 
				 }
			
 
				-#youtube-views-zh .data-content section img {
			
 
				-  margin-top: 150px;
			
 
				-}
			
 
				-@media (max-width: 991px) {
			
 
				-  #youtube-views-zh .data-content section img {
			
 
				-    height: 500px;
			
 
				-    -o-object-fit: cover;
			
 
				-       object-fit: cover;
			
 
				-  }
			
 
				-}
			
 
				-@media (max-width: 767px) {
			
 
				-  #youtube-views-zh .data-content section img {
			
 
				-    margin-top: 80px;
			
 
				-    height: 400px;
			
 
				-  }
			
 
				-}
			
 
				-@media (max-width: 575px) {
			
 
				-  #youtube-views-zh .data-content section img {
			
 
				-    height: 280px;
			
 
				-  }
			
 
				-}
			
 
				-#youtube-views-zh .data-content p {
			
 
				-  font-weight: bold;
			
 
				-  line-height: 35px;
			
 
				-  color: #656565;
			
 
				-}
			
 
				 
			
 
				 /* youtube-views-zh End */
			
 
				 /* seo-image Start */
			
@@ -3199,7 +3412,7 @@
 
				 }
			
 
				 @media (max-width: 991px) {
			
 
				   .seo-image .purple-circle,
			
 
				-.seo-image .orange-circle {
			
 
				+  .seo-image .orange-circle {
			
 
				     width: 60%;
			
 
				   }
			
 
				 }
			
@@ -3308,6 +3521,21 @@
 
				     margin-top: -34px;
			
 
				   }
			
 
				 }
			
 
				+.ai-presenter .link-btn {
			
 
				+  display: inline-block;
			
 
				+  padding: 12px 35px;
			
 
				+  margin-top: 25px;
			
 
				+  font-size: 18px;
			
 
				+  font-weight: bold;
			
 
				+  border-radius: 100px;
			
 
				+  text-decoration: none;
			
 
				+  color: #fff;
			
 
				+  background: #ea5413;
			
 
				+  transition: all 0.3s;
			
 
				+}
			
 
				+.ai-presenter .link-btn:hover {
			
 
				+  opacity: 0.8;
			
 
				+}
			
 
				 .ai-presenter .usecace-list {
			
 
				   margin-bottom: 100px;
			
 
				 }
			
@@ -3414,21 +3642,6 @@
 
				 .ai-presenter .template-content .bg-bottom {
			
 
				   bottom: -10px;
			
 
				 }
			
 
				-.ai-presenter .step-content .link-btn,
			
 
				-.ai-presenter .template-content .link-btn {
			
 
				-  display: inline-block;
			
 
				-  padding: 12px 20px;
			
 
				-  margin-top: 25px;
			
 
				-  border-radius: 100px;
			
 
				-  text-decoration: none;
			
 
				-  color: #fff;
			
 
				-  background: #ea5413;
			
 
				-  transition: all 0.3s;
			
 
				-}
			
 
				-.ai-presenter .step-content .link-btn:hover,
			
 
				-.ai-presenter .template-content .link-btn:hover {
			
 
				-  opacity: 0.8;
			
 
				-}
			
 
				 .ai-presenter .step-content ul,
			
 
				 .ai-presenter .template-content ul {
			
 
				   padding: 0;
			
@@ -3456,7 +3669,7 @@
 
				 }
			
 
				 @media (max-width: 575px) {
			
 
				   .ai-presenter .step-content ul li h4,
			
 
				-.ai-presenter .template-content ul li h4 {
			
 
				+  .ai-presenter .template-content ul li h4 {
			
 
				     font-size: 20px;
			
 
				   }
			
 
				 }
			
@@ -3470,7 +3683,7 @@
 
				 }
			
 
				 @media (max-width: 575px) {
			
 
				   .ai-presenter .step-content ul li .point-list li,
			
 
				-.ai-presenter .template-content ul li .point-list li {
			
 
				+  .ai-presenter .template-content ul li .point-list li {
			
 
				     margin: 5px 0 5px 20px;
			
 
				   }
			
 
				 }
			
@@ -3492,13 +3705,13 @@
 
				 }
			
 
				 @media (max-width: 575px) {
			
 
				   .ai-presenter .step-content .excerpt,
			
 
				-.ai-presenter .template-content .excerpt {
			
 
				+  .ai-presenter .template-content .excerpt {
			
 
				     font-size: 16px;
			
 
				   }
			
 
				 }
			
 
				 @media (max-width: 575px) {
			
 
				   .ai-presenter .step-content .caption,
			
 
				-.ai-presenter .template-content .caption {
			
 
				+  .ai-presenter .template-content .caption {
			
 
				     font-size: 15px;
			
 
				   }
			
 
				 }
			
@@ -3601,26 +3814,26 @@
 
				 }
			
 
				 @media (max-width: 1200px) {
			
 
				   .ai-presenter .template-content .info .img-text-left,
			
 
				-.ai-presenter .template-content .info .img-text-right {
			
 
				+  .ai-presenter .template-content .info .img-text-right {
			
 
				     top: 8%;
			
 
				     font-size: 28px;
			
 
				   }
			
 
				 }
			
 
				 @media (max-width: 991px) {
			
 
				   .ai-presenter .template-content .info .img-text-left,
			
 
				-.ai-presenter .template-content .info .img-text-right {
			
 
				+  .ai-presenter .template-content .info .img-text-right {
			
 
				     font-size: 22px;
			
 
				   }
			
 
				 }
			
 
				 @media (max-width: 767px) {
			
 
				   .ai-presenter .template-content .info .img-text-left,
			
 
				-.ai-presenter .template-content .info .img-text-right {
			
 
				+  .ai-presenter .template-content .info .img-text-right {
			
 
				     font-size: 30px;
			
 
				   }
			
 
				 }
			
 
				 @media (max-width: 575px) {
			
 
				   .ai-presenter .template-content .info .img-text-left,
			
 
				-.ai-presenter .template-content .info .img-text-right {
			
 
				+  .ai-presenter .template-content .info .img-text-right {
			
 
				     font-size: 4.8vw;
			
 
				   }
			
 
				 }
			
@@ -3701,7 +3914,7 @@
 
				 }
			
 
				 
			
 
				 /* ai-presenter End */
			
 
				-/* sec-blogtab Start*/
			
 
				+/* sec-blogtab Start */
			
 
				 .sec-blogtab {
			
 
				   padding-top: 100px;
			
 
				   padding-bottom: 5rem;
			
@@ -3750,4 +3963,613 @@
 
				   opacity: 0.8;
			
 
				 }
			
 
				 
			
 
				-/* sec-blogtab End*//*# sourceMappingURL=style.css.map */
			
 
				+/* sec-blogtab End */
			
 
				+/* aboutus Start */
			
 
				+.about-header {
			
 
				+  position: relative;
			
 
				+}
			
 
				+.about-header img {
			
 
				+  width: 100%;
			
 
				+  height: 500px;
			
 
				+  -o-object-fit: cover;
			
 
				+     object-fit: cover;
			
 
				+}
			
 
				+.about-header section {
			
 
				+  width: 100%;
			
 
				+  position: absolute;
			
 
				+  top: 200px;
			
 
				+  color: #fff;
			
 
				+}
			
 
				+@media (max-width: 767px) {
			
 
				+  .about-header section {
			
 
				+    top: 170px;
			
 
				+  }
			
 
				+}
			
 
				+@media (max-width: 575px) {
			
 
				+  .about-header section {
			
 
				+    top: 120px;
			
 
				+  }
			
 
				+}
			
 
				+.about-header section h2 {
			
 
				+  color: #fff;
			
 
				+  font-size: 2.8rem;
			
 
				+}
			
 
				+@media (max-width: 575px) {
			
 
				+  .about-header section h2 {
			
 
				+    font-size: 2.2rem;
			
 
				+  }
			
 
				+}
			
 
				+.about-header section p {
			
 
				+  margin: auto;
			
 
				+  max-width: 900px;
			
 
				+  font-size: 18px;
			
 
				+  line-height: 32px;
			
 
				+}
			
 
				+@media (max-width: 767px) {
			
 
				+  .about-header section p {
			
 
				+    max-width: 515px;
			
 
				+  }
			
 
				+}
			
 
				+@media (max-width: 575px) {
			
 
				+  .about-header section p {
			
 
				+    font-size: 16px;
			
 
				+    max-width: 300px;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.about-content {
			
 
				+  padding: 0;
			
 
				+}
			
 
				+.about-content h2 {
			
 
				+  font-size: 26px;
			
 
				+  font-weight: bold;
			
 
				+  line-height: 38px;
			
 
				+  text-align: center;
			
 
				+  color: #6d6d6d;
			
 
				+}
			
 
				+@media (max-width: 1200px) {
			
 
				+  .about-content h2 {
			
 
				+    font-size: 22px;
			
 
				+  }
			
 
				+}
			
 
				+@media (max-width: 767px) {
			
 
				+  .about-content h2 {
			
 
				+    font-size: 18px;
			
 
				+    line-height: 30px;
			
 
				+  }
			
 
				+}
			
 
				+@media (max-width: 575px) {
			
 
				+  .about-content h2 {
			
 
				+    font-size: 16px;
			
 
				+  }
			
 
				+}
			
 
				+.about-content h2 small {
			
 
				+  font-size: 20px;
			
 
				+}
			
 
				+@media (max-width: 767px) {
			
 
				+  .about-content h2 small {
			
 
				+    font-size: 16px;
			
 
				+  }
			
 
				+}
			
 
				+@media (max-width: 575px) {
			
 
				+  .about-content h2 small {
			
 
				+    font-size: 14px;
			
 
				+    line-height: 26px;
			
 
				+  }
			
 
				+}
			
 
				+.about-content h5 {
			
 
				+  font-size: 18px;
			
 
				+  line-height: 40px;
			
 
				+  color: #656565;
			
 
				+}
			
 
				+@media (max-width: 767px) {
			
 
				+  .about-content h5 {
			
 
				+    font-size: 16px;
			
 
				+    line-height: 32px;
			
 
				+  }
			
 
				+}
			
 
				+.about-content .line {
			
 
				+  height: 8px;
			
 
				+  width: 90px;
			
 
				+  display: block;
			
 
				+  margin: 70px auto;
			
 
				+  background-color: #e4562a;
			
 
				+}
			
 
				+.about-content .project-item h2 {
			
 
				+  margin-top: 20px;
			
 
				+}
			
 
				+.about-content .project-item img {
			
 
				+  width: 100%;
			
 
				+  height: 280px;
			
 
				+  -o-object-fit: contain;
			
 
				+     object-fit: contain;
			
 
				+}
			
 
				+@media (max-width: 1200px) {
			
 
				+  .about-content .project-item img {
			
 
				+    height: 220px;
			
 
				+  }
			
 
				+}
			
 
				+@media (max-width: 991px) {
			
 
				+  .about-content .project-item img {
			
 
				+    height: auto;
			
 
				+  }
			
 
				+}
			
 
				+.about-content .ai-media {
			
 
				+  margin: 60px auto 120px;
			
 
				+}
			
 
				+.about-content .ai-media img {
			
 
				+  width: 100%;
			
 
				+  max-width: 500px;
			
 
				+}
			
 
				+.about-content .ai-media .icon img {
			
 
				+  width: 70px;
			
 
				+  margin: 0 10px;
			
 
				+  transition: all 0.3s;
			
 
				+}
			
 
				+.about-content .ai-media .icon img:hover {
			
 
				+  opacity: 0.8;
			
 
				+}
			
 
				+@media (max-width: 767px) {
			
 
				+  .about-content .ai-media .icon img {
			
 
				+    width: 55px;
			
 
				+  }
			
 
				+}
			
 
				+.about-content .google-maps {
			
 
				+  display: block;
			
 
				+  position: relative;
			
 
				+  overflow: hidden;
			
 
				+  height: 0;
			
 
				+  padding: 0;
			
 
				+  padding-bottom: 50%;
			
 
				+}
			
 
				+.about-content .google-maps iframe {
			
 
				+  position: absolute;
			
 
				+  top: 0;
			
 
				+  left: 0;
			
 
				+  width: 100% !important;
			
 
				+  height: 100% !important;
			
 
				+}
			
 
				+.about-content .progress-item {
			
 
				+  opacity: 0;
			
 
				+  height: 100%;
			
 
				+  position: fixed;
			
 
				+  z-index: 100;
			
 
				+  top: 0;
			
 
				+  transition: all 0.3s;
			
 
				+}
			
 
				+@media (max-width: 991px) {
			
 
				+  .about-content .progress-item {
			
 
				+    display: none;
			
 
				+  }
			
 
				+}
			
 
				+.about-content .progress-item .cont {
			
 
				+  top: 50%;
			
 
				+  left: -235px;
			
 
				+  position: absolute;
			
 
				+  transform: rotate(90deg);
			
 
				+}
			
 
				+@media (max-width: 1200px) {
			
 
				+  .about-content .progress-item .cont {
			
 
				+    left: -240px;
			
 
				+  }
			
 
				+}
			
 
				+@media (max-width: 991px) {
			
 
				+  .about-content .progress-item .cont {
			
 
				+    left: -150px;
			
 
				+  }
			
 
				+}
			
 
				+.about-content .progress-item .cont #progress-bar {
			
 
				+  -webkit-appearance: none;
			
 
				+     -moz-appearance: none;
			
 
				+          appearance: none;
			
 
				+  width: 520px;
			
 
				+  color: #000;
			
 
				+  height: 2px;
			
 
				+  margin: -2px auto;
			
 
				+}
			
 
				+@media (max-width: 991px) {
			
 
				+  .about-content .progress-item .cont #progress-bar {
			
 
				+    margin: -1px auto;
			
 
				+  }
			
 
				+}
			
 
				+.about-content .progress-item .cont span {
			
 
				+  height: 15px;
			
 
				+  width: 15px;
			
 
				+  border-radius: 100%;
			
 
				+  border: 3px solid #a5a7a9;
			
 
				+  background: #a5a7a9;
			
 
				+  position: absolute;
			
 
				+  left: 0;
			
 
				+  top: 12px;
			
 
				+  cursor: pointer;
			
 
				+  transition: all 0.3s ease-in-out;
			
 
				+}
			
 
				+@media (max-width: 991px) {
			
 
				+  .about-content .progress-item .cont span {
			
 
				+    height: 12px;
			
 
				+    width: 12px;
			
 
				+  }
			
 
				+}
			
 
				+.about-content .progress-item .cont .progress-01 {
			
 
				+  left: 74.2857142857px;
			
 
				+}
			
 
				+.about-content .progress-item .cont .progress-02 {
			
 
				+  left: 148.5714285714px;
			
 
				+}
			
 
				+.about-content .progress-item .cont .progress-03 {
			
 
				+  left: 222.8571428571px;
			
 
				+}
			
 
				+.about-content .progress-item .cont .progress-04 {
			
 
				+  left: 297.1428571429px;
			
 
				+}
			
 
				+.about-content .progress-item .cont .progress-05 {
			
 
				+  left: 371.4285714286px;
			
 
				+}
			
 
				+.about-content .progress-item .cont .progress-06 {
			
 
				+  left: 445.7142857143px;
			
 
				+}
			
 
				+.about-content .progress-item .cont .progress-07 {
			
 
				+  left: 520px;
			
 
				+}
			
 
				+.about-content .progress-item .cont #progress-bar::-webkit-progress-value {
			
 
				+  /* Changes line color */
			
 
				+  background: #ea5413;
			
 
				+  -webkit-transition: all 0.3s ease-in-out;
			
 
				+  transition: all 0.3s ease-in-out;
			
 
				+}
			
 
				+.about-content .progress-item .cont #progress-bar::-webkit-progress-bar {
			
 
				+  /* Changes background color */
			
 
				+  background: #a5a7a9;
			
 
				+}
			
 
				+.about-content .progress-item .cont .border-change {
			
 
				+  background: #ea5413;
			
 
				+  border-color: #ea5413;
			
 
				+  transition: all 0.3s ease-in-out;
			
 
				+}
			
 
				+
			
 
				+/* aboutus End */
			
 
				+/* carousel Start */
			
 
				+.carousel-wrapper {
			
 
				+  max-width: 70vw;
			
 
				+  margin: auto;
			
 
				+  position: relative;
			
 
				+}
			
 
				+@media (max-width: 767px) {
			
 
				+  .carousel-wrapper {
			
 
				+    max-width: 100vw;
			
 
				+  }
			
 
				+}
			
 
				+.carousel-wrapper .carousel {
			
 
				+  position: relative;
			
 
				+}
			
 
				+.carousel-wrapper .carousel .wrapper {
			
 
				+  position: relative;
			
 
				+  background-image: url("/imgs/home/banner-01.jpg");
			
 
				+  background-size: cover;
			
 
				+  background-repeat: no-repeat;
			
 
				+}
			
 
				+.carousel-wrapper .carousel .wrapper .video-wrapper {
			
 
				+  position: absolute;
			
 
				+  padding-bottom: 20%;
			
 
				+  padding-top: 25px;
			
 
				+  height: 0;
			
 
				+  width: 39%;
			
 
				+  top: 42%;
			
 
				+  left: 13%;
			
 
				+}
			
 
				+.carousel-wrapper .carousel .wrapper .video-wrapper iframe {
			
 
				+  position: absolute;
			
 
				+  top: 0;
			
 
				+  left: 0;
			
 
				+  width: 100%;
			
 
				+  height: 100%;
			
 
				+}
			
 
				+.carousel-wrapper .carousel .wrapper .video-wrapper.e-win {
			
 
				+  left: 28%;
			
 
				+  padding-bottom: 25%;
			
 
				+  width: 48%;
			
 
				+}
			
 
				+@media (max-width: 1200px) {
			
 
				+  .carousel-wrapper .carousel .wrapper .video-wrapper.e-win {
			
 
				+    padding-bottom: 22%;
			
 
				+    width: 46%;
			
 
				+  }
			
 
				+}
			
 
				+@media (max-width: 575px) {
			
 
				+  .carousel-wrapper .carousel .wrapper .video-wrapper.e-win {
			
 
				+    padding-bottom: 16%;
			
 
				+    width: 40%;
			
 
				+    top: 45%;
			
 
				+  }
			
 
				+}
			
 
				+.carousel-wrapper .carousel .lang {
			
 
				+  position: absolute;
			
 
				+}
			
 
				+.carousel-wrapper .carousel .frame-item {
			
 
				+  position: absolute;
			
 
				+  top: 42%;
			
 
				+  left: 38vw;
			
 
				+}
			
 
				+@media (max-width: 767px) {
			
 
				+  .carousel-wrapper .carousel .frame-item {
			
 
				+    top: 5%;
			
 
				+    left: unset;
			
 
				+    right: 3vw;
			
 
				+  }
			
 
				+}
			
 
				+.carousel-wrapper .carousel .frame-item select {
			
 
				+  padding: 8px 20px;
			
 
				+  border-radius: 8px;
			
 
				+}
			
 
				+@media (max-width: 1200px) {
			
 
				+  .carousel-wrapper .carousel .frame-item select {
			
 
				+    padding: 2px 0px;
			
 
				+  }
			
 
				+}
			
 
				+.carousel-wrapper .carousel .toggle-video {
			
 
				+  position: absolute;
			
 
				+  top: 42%;
			
 
				+  left: 4.5vw;
			
 
				+  z-index: 100;
			
 
				+}
			
 
				+@media (max-width: 1200px) {
			
 
				+  .carousel-wrapper .carousel .toggle-video {
			
 
				+    top: 33%;
			
 
				+    left: 3vw;
			
 
				+  }
			
 
				+}
			
 
				+@media (max-width: 575px) {
			
 
				+  .carousel-wrapper .carousel .toggle-video {
			
 
				+    top: 31%;
			
 
				+  }
			
 
				+}
			
 
				+.carousel-wrapper .carousel .person-img {
			
 
				+  width: 25vw;
			
 
				+  position: absolute;
			
 
				+  bottom: 0;
			
 
				+  left: 43vw;
			
 
				+  z-index: 100;
			
 
				+}
			
 
				+@media (max-width: 767px) {
			
 
				+  .carousel-wrapper .carousel .person-img {
			
 
				+    width: 35vw;
			
 
				+    left: 57vw;
			
 
				+  }
			
 
				+}
			
 
				+.carousel-wrapper .carousel .player-item {
			
 
				+  top: 15vw;
			
 
				+  left: 6vw;
			
 
				+}
			
 
				+.carousel-wrapper .carousel .player-item,
			
 
				+.carousel-wrapper .carousel .player-item .poster {
			
 
				+  width: 35vw;
			
 
				+  height: 20vw;
			
 
				+}
			
 
				+@media (max-width: 767px) {
			
 
				+  .carousel-wrapper .carousel .player-item,
			
 
				+  .carousel-wrapper .carousel .player-item .poster {
			
 
				+    width: 45vw;
			
 
				+    height: 25vw;
			
 
				+  }
			
 
				+}
			
 
				+@media (max-width: 767px) {
			
 
				+  .carousel-wrapper .carousel .player-item {
			
 
				+    top: 22vw;
			
 
				+    left: 10vw;
			
 
				+  }
			
 
				+}
			
 
				+.carousel-wrapper .carousel .player-item .poster {
			
 
				+  background-image: url("/imgs/home/video-img.png");
			
 
				+}
			
 
				+.carousel-wrapper .carousel .ewin-player-item {
			
 
				+  top: 42%;
			
 
				+  right: 23%;
			
 
				+}
			
 
				+.carousel-wrapper .carousel .ewin-player-item,
			
 
				+.carousel-wrapper .carousel .ewin-player-item .ewin {
			
 
				+  width: 35vw;
			
 
				+  height: 20vw;
			
 
				+}
			
 
				+@media (max-width: 767px) {
			
 
				+  .carousel-wrapper .carousel .ewin-player-item,
			
 
				+  .carousel-wrapper .carousel .ewin-player-item .ewin {
			
 
				+    width: 44vw;
			
 
				+    height: 25vw;
			
 
				+  }
			
 
				+}
			
 
				+.carousel-wrapper .carousel .ewin-player-item .ewin {
			
 
				+  background-image: url("/imgs/home/影片封面-11.png");
			
 
				+}
			
 
				+.carousel-wrapper .carousel .player-item,
			
 
				+.carousel-wrapper .carousel .ewin-player-item {
			
 
				+  position: absolute;
			
 
				+  opacity: 0;
			
 
				+}
			
 
				+.carousel-wrapper .carousel .player-item iframe,
			
 
				+.carousel-wrapper .carousel .ewin-player-item iframe {
			
 
				+  width: 100%;
			
 
				+  height: 100%;
			
 
				+}
			
 
				+.carousel-wrapper .carousel .player-item .poster,
			
 
				+.carousel-wrapper .carousel .player-item .ewin,
			
 
				+.carousel-wrapper .carousel .ewin-player-item .poster,
			
 
				+.carousel-wrapper .carousel .ewin-player-item .ewin {
			
 
				+  background-size: cover;
			
 
				+  position: absolute;
			
 
				+  top: 0;
			
 
				+  left: 0;
			
 
				+  z-index: 1;
			
 
				+  cursor: pointer;
			
 
				+}
			
 
				+
			
 
				+/* carousel End */
			
 
				+/* news-content Start */
			
 
				+.news-content {
			
 
				+  margin: 150px auto;
			
 
				+}
			
 
				+.news-content #categories {
			
 
				+  padding: 0;
			
 
				+  list-style: none;
			
 
				+  display: flex;
			
 
				+  margin-bottom: 25px;
			
 
				+}
			
 
				+.news-content #categories li {
			
 
				+  margin-right: 15px;
			
 
				+}
			
 
				+.news-content #categories button {
			
 
				+  margin-right: 10px;
			
 
				+  border: 1px solid #ea5413;
			
 
				+  border-radius: 0.5rem;
			
 
				+  background-color: #fff;
			
 
				+  transition: all 0.3s;
			
 
				+}
			
 
				+.news-content #categories button:hover {
			
 
				+  opacity: 0.8;
			
 
				+}
			
 
				+.news-content #categories button a {
			
 
				+  display: block;
			
 
				+  padding: 5px 30px;
			
 
				+  color: #ea5413;
			
 
				+  font-weight: bold;
			
 
				+  text-decoration: none;
			
 
				+}
			
 
				+.news-content #categories .active {
			
 
				+  background-color: #ea5413 !important;
			
 
				+}
			
 
				+.news-content #categories .active a {
			
 
				+  color: #fff !important;
			
 
				+}
			
 
				+.news-content .list {
			
 
				+  padding: 0;
			
 
				+  list-style: none;
			
 
				+}
			
 
				+.news-content .list a {
			
 
				+  text-decoration: none;
			
 
				+  transition: all 0.3s;
			
 
				+}
			
 
				+.news-content .list a:hover {
			
 
				+  opacity: 0.8;
			
 
				+}
			
 
				+.news-content .list li {
			
 
				+  padding: 30px 50px;
			
 
				+  border: 1px solid #cccccc;
			
 
				+  border-radius: 20px;
			
 
				+  margin-bottom: 30px;
			
 
				+}
			
 
				+.news-content .list li hr {
			
 
				+  height: 2px;
			
 
				+  margin: 10px 0;
			
 
				+  color: #ea5413;
			
 
				+}
			
 
				+.news-content .list li h2 {
			
 
				+  color: #000;
			
 
				+  font-weight: bold;
			
 
				+  text-align: center;
			
 
				+  margin-bottom: 20px;
			
 
				+}
			
 
				+.news-content .list li section p {
			
 
				+  font-weight: bold;
			
 
				+}
			
 
				+.news-content .list li section p:first-child {
			
 
				+  color: #ea5413;
			
 
				+}
			
 
				+.news-content .list li section p:last-child {
			
 
				+  color: #757575;
			
 
				+}
			
 
				+.news-content .list li .content {
			
 
				+  color: #757575;
			
 
				+  overflow: hidden;
			
 
				+  text-overflow: ellipsis;
			
 
				+  display: -webkit-box;
			
 
				+  -webkit-box-orient: vertical;
			
 
				+  -webkit-line-clamp: 3;
			
 
				+  box-sizing: border-box;
			
 
				+}
			
 
				+.news-content .list li .more-btn {
			
 
				+  display: flex;
			
 
				+  justify-content: end;
			
 
				+  margin-top: 30px;
			
 
				+}
			
 
				+.news-content .list li .more-btn a {
			
 
				+  padding: 5px 20px;
			
 
				+  border-radius: 10px;
			
 
				+  color: #000;
			
 
				+  background-color: #e1e1e1;
			
 
				+  transition: all 0.3s;
			
 
				+}
			
 
				+.news-content .list li .more-btn a:hover {
			
 
				+  opacity: 0.8;
			
 
				+}
			
 
				+
			
 
				+.news-main-content {
			
 
				+  margin: 75px auto;
			
 
				+  line-height: 32px;
			
 
				+}
			
 
				+.news-main-content h1 {
			
 
				+  position: relative;
			
 
				+  text-align: center;
			
 
				+  font-weight: bold;
			
 
				+  background: url(https://i.imgur.com/N7tVTSh.png);
			
 
				+  padding: 100px;
			
 
				+  background-position: center;
			
 
				+  background-repeat: no-repeat;
			
 
				+  background-size: cover;
			
 
				+}
			
 
				+@media (max-width: 767px) {
			
 
				+  .news-main-content h1 {
			
 
				+    padding: 40px 20px 60px;
			
 
				+    font-size: 24px;
			
 
				+    background-position: initial;
			
 
				+  }
			
 
				+}
			
 
				+.news-main-content h1::after {
			
 
				+  position: absolute;
			
 
				+  width: 6rem;
			
 
				+  height: 0.3rem;
			
 
				+  top: 75%;
			
 
				+  left: 45%;
			
 
				+  content: "";
			
 
				+  background-color: #ea5413;
			
 
				+}
			
 
				+@media (max-width: 767px) {
			
 
				+  .news-main-content h1::after {
			
 
				+    height: 0.2rem;
			
 
				+    top: 83%;
			
 
				+    left: 40%;
			
 
				+  }
			
 
				+}
			
 
				+.news-main-content h2 {
			
 
				+  padding-left: 10px;
			
 
				+  margin: 30px 0;
			
 
				+  font-size: 1.8rem;
			
 
				+  font-weight: bold;
			
 
				+  border-left: 4px solid #ea5413;
			
 
				+}
			
 
				+@media (max-width: 767px) {
			
 
				+  .news-main-content h2 {
			
 
				+    font-size: 1.4rem;
			
 
				+  }
			
 
				+}
			
 
				+.news-main-content p {
			
 
				+  font-size: 16px;
			
 
				+  margin-bottom: 50px;
			
 
				+}
			
 
				+.news-main-content img {
			
 
				+  width: 100%;
			
 
				+  max-width: 1050px;
			
 
				+}
			
 
				+.news-main-content iframe {
			
 
				+  top: 10% !important;
			
 
				+  width: 80% !important;
			
 
				+  height: 80% !important;
			
 
				+}
			
 
				+.news-main-content .list-link {
			
 
				+  display: block;
			
 
				+  margin-top: 50px;
			
 
				+  text-align: center;
			
 
				+  color: #ea5413;
			
 
				+  font-weight: bold;
			
 
				+  text-decoration: none;
			
 
				+}
			
 
				+
			
 
				+/* news-content End *//*# sourceMappingURL=style.css.map */
			
--- a/static/css/style.css.map
+++ b/static/css/style.css.map
--- a/static/css/style.scss
+++ b/static/css/style.scss
--- a/static/imgs/aboutus/icon-01.jpg
+++ b/static/imgs/aboutus/icon-01.jpg
--- a/static/imgs/aboutus/icon-02.jpg
+++ b/static/imgs/aboutus/icon-02.jpg
--- a/static/imgs/aboutus/icon-03.jpg
+++ b/static/imgs/aboutus/icon-03.jpg
--- a/static/imgs/aboutus/關於我們-01-mb.webp
+++ b/static/imgs/aboutus/關於我們-01-mb.webp
--- a/static/imgs/aboutus/關於我們-01.webp
+++ b/static/imgs/aboutus/關於我們-01.webp
--- a/static/imgs/aboutus/關於我們-02-mb.webp
+++ b/static/imgs/aboutus/關於我們-02-mb.webp
--- a/static/imgs/aboutus/關於我們-02.webp
+++ b/static/imgs/aboutus/關於我們-02.webp
--- a/static/imgs/aboutus/關於我們-03.webp
+++ b/static/imgs/aboutus/關於我們-03.webp
--- a/static/imgs/aboutus/關於我們-04.webp
+++ b/static/imgs/aboutus/關於我們-04.webp
--- a/static/imgs/aboutus/關於我們-05.webp
+++ b/static/imgs/aboutus/關於我們-05.webp
--- a/static/imgs/aboutus/關於我們-06.webp
+++ b/static/imgs/aboutus/關於我們-06.webp
--- a/static/imgs/aboutus/關於我們-07.webp
+++ b/static/imgs/aboutus/關於我們-07.webp
--- a/static/imgs/aboutus/關於我們-08.webp
+++ b/static/imgs/aboutus/關於我們-08.webp
--- a/static/imgs/aboutus/關於我們-09.webp
+++ b/static/imgs/aboutus/關於我們-09.webp
--- a/static/imgs/aboutus/關於我們-10.webp
+++ b/static/imgs/aboutus/關於我們-10.webp
--- a/static/imgs/aboutus/關於我們-11.webp
+++ b/static/imgs/aboutus/關於我們-11.webp
--- a/static/imgs/aboutus/關於我們-12.webp
+++ b/static/imgs/aboutus/關於我們-12.webp
--- a/static/imgs/aboutus/關於我們-13.webp
+++ b/static/imgs/aboutus/關於我們-13.webp
--- a/static/imgs/aboutus/關於我們-14.webp
+++ b/static/imgs/aboutus/關於我們-14.webp
--- a/static/imgs/aboutus/關於我們-15-mb.webp
+++ b/static/imgs/aboutus/關於我們-15-mb.webp
--- a/static/imgs/aboutus/關於我們-15.webp
+++ b/static/imgs/aboutus/關於我們-15.webp
--- a/static/imgs/aboutus/關於我們-16.webp
+++ b/static/imgs/aboutus/關於我們-16.webp
--- a/static/imgs/dm/youtube-views-01.png
+++ b/static/imgs/dm/youtube-views-01.png
--- a/static/imgs/dm/youtube-views-10.png
+++ b/static/imgs/dm/youtube-views-10.png
--- a/static/imgs/dm/youtube-views-mb.png
+++ b/static/imgs/dm/youtube-views-mb.png
--- a/static/imgs/dm/yt-views/icon-01.png
+++ b/static/imgs/dm/yt-views/icon-01.png
--- a/static/imgs/dm/yt-views/icon-02.png
+++ b/static/imgs/dm/yt-views/icon-02.png
--- a/static/imgs/dm/yt-views/icon-03.png
+++ b/static/imgs/dm/yt-views/icon-03.png
--- a/static/imgs/dm/yt-views/icon-04.png
+++ b/static/imgs/dm/yt-views/icon-04.png
--- a/static/imgs/dm/yt-views/icon-05.png
+++ b/static/imgs/dm/yt-views/icon-05.png
--- a/static/imgs/dm/yt-views/image-01.png
+++ b/static/imgs/dm/yt-views/image-01.png
--- a/static/imgs/dm/yt-views/image-02.png
+++ b/static/imgs/dm/yt-views/image-02.png
--- a/static/imgs/dm/yt-views/image-03.png
+++ b/static/imgs/dm/yt-views/image-03.png
--- a/static/imgs/dm/yt-views/image-04.png
+++ b/static/imgs/dm/yt-views/image-04.png
--- a/static/imgs/dm/yt-views/image-05.png
+++ b/static/imgs/dm/yt-views/image-05.png
--- a/static/imgs/dm/yt-views/image-06.png
+++ b/static/imgs/dm/yt-views/image-06.png
--- a/static/imgs/dm/yt-views/image-07.png
+++ b/static/imgs/dm/yt-views/image-07.png
--- a/static/imgs/dm/yt-views/image-08.png
+++ b/static/imgs/dm/yt-views/image-08.png
--- a/static/imgs/dm/yt-views/image-09.png
+++ b/static/imgs/dm/yt-views/image-09.png
--- a/static/imgs/dm/yt-views/image-10.png
+++ b/static/imgs/dm/yt-views/image-10.png
--- a/static/imgs/dm/yt-views/image-11.png
+++ b/static/imgs/dm/yt-views/image-11.png
--- a/static/imgs/dm/yt-views/image-12.png
+++ b/static/imgs/dm/yt-views/image-12.png
--- a/static/imgs/dm/yt-views/image-13.png
+++ b/static/imgs/dm/yt-views/image-13.png
--- a/static/imgs/dm/yt-views/image-14.png
+++ b/static/imgs/dm/yt-views/image-14.png
--- a/static/imgs/dm/yt-views/image-15.png
+++ b/static/imgs/dm/yt-views/image-15.png
--- a/static/imgs/dm/yt-views/image-16-mb.jpg
+++ b/static/imgs/dm/yt-views/image-16-mb.jpg
--- a/static/imgs/dm/yt-views/image-16.png
+++ b/static/imgs/dm/yt-views/image-16.png
--- a/static/imgs/dm/yt-views/image-banner.png
+++ b/static/imgs/dm/yt-views/image-banner.png
--- a/static/imgs/dm/yt-views/stock-01.png
+++ b/static/imgs/dm/yt-views/stock-01.png
--- a/static/imgs/dm/yt-views/stock-02.png
+++ b/static/imgs/dm/yt-views/stock-02.png
--- a/static/imgs/dm/yt-views/stock-03.png
+++ b/static/imgs/dm/yt-views/stock-03.png
--- a/static/imgs/dm/yt-views/元素-04.png
+++ b/static/imgs/dm/yt-views/元素-04.png
--- a/static/imgs/dm/yt-views/元素-14.png
+++ b/static/imgs/dm/yt-views/元素-14.png
--- a/static/imgs/dm/yt-views/元素-15.png
+++ b/static/imgs/dm/yt-views/元素-15.png
--- a/static/imgs/dm/yt-views/元素-16.png
+++ b/static/imgs/dm/yt-views/元素-16.png
--- a/static/imgs/dm/yt-views/元素-17.png
+++ b/static/imgs/dm/yt-views/元素-17.png
--- a/static/imgs/home/banner-01.jpg
+++ b/static/imgs/home/banner-01.jpg
--- a/static/imgs/home/banner-02.jpg
+++ b/static/imgs/home/banner-02.jpg
--- a/static/imgs/home/banner-03-mb.webp
+++ b/static/imgs/home/banner-03-mb.webp
--- a/static/imgs/home/banner-03.webp
+++ b/static/imgs/home/banner-03.webp
--- a/static/imgs/home/banner-04-mb.webp
+++ b/static/imgs/home/banner-04-mb.webp
--- a/static/imgs/home/banner-04.webp
+++ b/static/imgs/home/banner-04.webp
--- a/static/imgs/home/banner-05-mb.webp
+++ b/static/imgs/home/banner-05-mb.webp
--- a/static/imgs/home/banner-05.webp
+++ b/static/imgs/home/banner-05.webp
--- a/static/imgs/home/banner-main-01.png
+++ b/static/imgs/home/banner-main-01.png
--- a/static/imgs/home/banner-main-02.png
+++ b/static/imgs/home/banner-main-02.png
--- a/static/imgs/home/banner-main.jpg
+++ b/static/imgs/home/banner-main.jpg
--- a/static/imgs/home/banner01.webp
+++ b/static/imgs/home/banner01.webp
--- a/static/imgs/home/banner02.webp
+++ b/static/imgs/home/banner02.webp
--- a/static/imgs/home/banner03.webp
+++ b/static/imgs/home/banner03.webp
--- a/static/imgs/home/video-img.png
+++ b/static/imgs/home/video-img.png
--- a/static/imgs/home/底圖-07.png
+++ b/static/imgs/home/底圖-07.png
--- a/static/imgs/home/影片封面-11.png
+++ b/static/imgs/home/影片封面-11.png
--- a/static/imgs/home/首頁-03-en.png
+++ b/static/imgs/home/首頁-03-en.png