update

assets/stylesheets/template/layout/content.scss

@@ -411,9 +411,9 @@ position: relative;
   }
 }
 
-    .form-horizontal .control-label {
-        color: #54685e;
-        @media (min-width: 769px) {
-        padding-top: 0!important;
-        }
-    }
+.form-horizontal .control-label {
+  color: #54685e;
+  @media (min-width: 769px) {
+    padding-top: 0!important;
+  }
+}

assets/stylesheets/template/layout/header.scss

@@ -410,4 +410,12 @@
   .btn-primary:hover{
     color: #14324f!important;
   }
+  @media(max-width:1024px){
+    width: 100%;
+  }
+}
+@media (max-width: 768px) {
+    label[for="open-orbit-login"] {
+        display: block !important;
+    }
 }

assets/stylesheets/template/modules/announcement.scss

@@ -2208,14 +2208,74 @@
 }
 //Widget 16
 .widget-announcement-16 {
+    border: 5px solid #85BF5E;
+    padding: 0 60px;
+    position: relative;
+  .cycle-prev{
+    border-radius: 0;
+    background-color: #85BF5E;
+    top: 50%;
+    position: absolute;
+    transform: translateY(-50%);
+    z-index: 100;
+    padding: 25px 15px;
+    color: #fff;
+    cursor: pointer;
+    left: 0;
+    border: 0;
+  }
+  .cycle-next{
+    border-radius: 0;
+    background-color: #85BF5E;
+    top: 50%;
+    position: absolute;
+    transform: translateY(-50%);
+    z-index: 100;
+    padding: 25px 15px;
+    color: #fff;
+    cursor: pointer;
+    right: 0;
+    border: 0;
+  }
+  .w-annc__meta{
+    display: none!important;
+  }
+  .w-annc__more{
+    display: none!important;
+  }
+  .w-annc__widget-title{
+    position: relative;
+    background-image: url(/assets/icon_index_story.png);
+    background-repeat: no-repeat;
+    background-position: left top;
+    background-size: auto;
+    padding: 0 0 0 80px;
+    text-align: left;
+        margin-top: 1.25em;
+    margin-bottom: 0.625em;
+    span{
+          display: block;
+    }
+    .ch {
+        font-weight: 400;
+        letter-spacing: 5px;
+        font-size: 1.5em;
+    }
+    .en {
+        color: #366a39;
+        letter-spacing: 1.5px;
+        line-height: 1;
+        font-weight: 400;
+    }
+  }
   .w-annc__item{
-    padding-right: 1em;
+    padding-right: 0;
   }
   .w-annc__img{
     width: 100%;
   }
   .w-annc__content-wrap{
-    padding: 1em;
+        text-align: center;
   }
   .slide-button{
     margin-bottom: 0.5em;
@@ -2230,6 +2290,7 @@
  }
  .w-annc__img-wrap {
    margin: 0 0 0.5rem 0;
+   aspect-ratio: 16 / 9;
  }
 }
 

modules/announcement/_annc_widget16.html.erb

@@ -4,7 +4,11 @@
     <span>{{widget-title}}</span>
   </h3>
 
-  
+  <div class="slide-button">
+    <button class="cycle-prev btn btn-warning" title="上一張" aria-label="上一張"> <i class="fa fa-angle-left"></i></button>
+    <button class="cycle-next btn btn-warning" title="下一張" aria-label="下一張"> <i class="fa fa-angle-right"></i></button>
+    <a class="w-annc__more btn btn-primary pull-right" href="{{more_url}}"><%= (I18n.locale.to_s =="zh_tw") ? "更多+" : "More NEWS" %></a>
+  </div>
   <div class="w-annc__wrap cycle-slideshow" 
     data-level="0" 
     data-list="announcements"
@@ -12,7 +16,7 @@
     data-cycle-fx="carousel"
     data-cycle-carousel-fluid=true
     data-cycle-pause-on-hover="true"
-    data-cycle-speed="200"
+    data-cycle-speed="0"
     data-cycle-carousel-visible="1"
     data-cycle-prev=".cycle-prev"
     data-cycle-next=".cycle-next"
@@ -40,9 +44,5 @@
     </div>
   </div>
     
-  <div class="slide-button">
-    <button class="cycle-prev btn btn-warning" title="上一張" aria-label="上一張"> <i class="fa fa-angle-left"></i></button>
-    <button class="cycle-next btn btn-warning" title="下一張" aria-label="下一張"> <i class="fa fa-angle-right"></i></button>
-    <a class="w-annc__more btn btn-primary pull-right" href="{{more_url}}"><%= (I18n.locale.to_s =="zh_tw") ? "更多+" : "More NEWS" %></a>
-  </div>
+
 </div>