fix some error

assets/stylesheets/template/base/_autobackup.bak

@@ -1,22 +0,0 @@
-
-.response-content {
-  justify-self: auto;
-}
-.response-content {
-  justify-self: auto;
-}
-.response-content {
-  justify-self: auto;
-}
-.response-content {
-  justify-self: auto;
-}
-.response-content {
-  justify-self: auto;
-}
-.response-content {
-  justify-self: auto;
-}
-.response-content {
-  justify-self: auto;
-}

assets/stylesheets/template/base/_global.scss

@@ -28,6 +28,8 @@ a:focus {
 img {
   max-width: 100%;
   height: auto;
+  object-fit: cover;
+  object-position: center;
 }
 
 .admin-edit {

assets/stylesheets/template/base/_variables.scss

@@ -85,12 +85,6 @@ $w-item-heading-font-size: 0.85rem;
 
 $border-width: 0.25em;
 
-
-
-
-
-
-
 .response-content {
   justify-self: auto;
 }

assets/stylesheets/template/layout/content.scss

@@ -62,33 +62,27 @@
 .w-event_news__img-wrap{
   height: 200px;
   width: 200px;
-      @media(max-width: $screen-xs){
+  padding: 0;
-        width: 300px;
+  margin: 0 0 1em 0;
-        height: 300px;
+  @media(max-width: $screen-sm){
+    width: 90%;
+    height: auto;
     margin: auto;
   }
-      margin: 0 0 1em 0;
+  .w-event_news__img {
+    transition: all .5s ease-in-out;
+    position: relative !important;
+    transform: none !important;
+    max-width: none !important;
+    width: 100% !important;
+    height: 100% !important;
+  }
   &:hover{
-
-        .captiondetail{
-          visibility: visible;
-          opacity: 1;
-          transition: opacity .5s ease-out;
-        }
     .w-event_news__img{
-              transform: scale(1.5,1.5);
+      transform: scale(1.5) !important;
-              transition: all .5s;
     }
   }
 }
-.w-event_news__img{
-  width: 200px!important;
-  height: 200px!important;
-  @media(max-width: $screen-xs){
-    width: 300px!important;
-    height: 300px!important;
-  }
-}
 .w-event_news__img-wrap::before{
   position: absolute;
   z-index: 1;
@@ -101,18 +95,6 @@
   border-style: solid;
   border-width: 40px 40px 0 0;
 }
-.captiondetail{
-      width: 200px;
-      height: 200px;
-      position: absolute;
-      left: 0;
-      opacity: 0;
-      background: #000000a6 url(/assets/hover.png) center center no-repeat;
-      @media(max-width: $screen-xs){
-        width: 300px;
-        height: 300px;
-      }
-}
 .index-event_news-5{
   img{
     width: 100%;
@@ -147,16 +129,16 @@
         height: 100%;
       }
     }
-    @media(min-width:$screen-xs){
+    @media(min-width:$screen-sm){
       height: 300px;
     }
-    @media(max-width:$screen-xs){
+    @media(max-width:$screen-sm){
       margin-bottom: 1em;
     }
   }
   .i-event_news__item{
         margin-bottom: 6em;
-        @media(max-width:$screen-xs){
+        @media(max-width:$screen-sm){
             margin-bottom: 6em;
           }
   }
@@ -384,9 +366,7 @@ background: linear-gradient(
   @media screen and (min-width:1025px) and (max-width:1400px){
     height: 1025px;
     top: 164%;
-       background: linear-gradient(
+    background: linear-gradient(338deg, transparent 63px, #fff 0);
-338deg
-, transparent 63px, #fff 0);
   }
   @media screen and (min-width:769px) and (max-width:1025px){
     height: 990px;
@@ -395,9 +375,7 @@ background: linear-gradient(
   @media screen and (min-width:$screen-xs) and (max-width:769px){
     top: 186%;
     height: 10405px;
-             background: linear-gradient(
+    background: linear-gradient(338deg, transparent 38px, #fff 0);
-338deg
-, transparent 38px, #fff 0);
   }
   @media(max-width:$screen-xs){
     height: 2131px;

assets/stylesheets/template/modules/announcement.scss

@@ -7,11 +7,6 @@
 //
 .w-annc__img-wrap{
   &:hover{
-    .captiondetail{
-      visibility: visible;
-      opacity: 1;
-      transition: opacity .5s ease-out;
-    }
     .w-annc__img{
           transform: scale(1.5,1.5);
           transition: all .25s;

assets/stylesheets/template/template.scss

@@ -145,9 +145,11 @@ ul.tab_nav {
   }
 }
 span.hover-picture {
-    display: inline-table;
+    display: inline-block;
     position: relative;
     overflow: hidden;
+    height: 100%;
+    width: 100%;
 }
 span.hover-picture-background {
     background: rgba(0,0,0,.65) url("/assets/hover.png") center center no-repeat;

assets/stylesheets/template/widget/sitemenu.scss

@@ -8,7 +8,7 @@
   @include clearfix;
 
   .sitemenu-list{
-  li:first-child{
+    li.active{
       color:#0032b2;
       background: url(/assets/icon_sub-hover.png) -20px top no-repeat;
     }

modules/announcement/_annc_widget2.html.erb

@@ -5,8 +5,9 @@
   <ul class="w-annc__list" data-level="0" data-list="announcements">
     <li class="w-annc__item row">
       <div class="w-annc__img-wrap col-sm-4 bullseye">
+        <a class="w-event_news__title" href="{{link_to_show}}">
           <img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
-        <div class="captiondetail"></div>
+        </a>
       </div>
       <div class="w-annc__content-wrap col-sm-8">
         <div class="w-annc__meta">

modules/event_news/_event_news_widget2.html.erb

@@ -5,8 +5,9 @@
   <ul class="w-event_news__list" data-level="0" data-list="event_news">
     <li class="w-event_news__item row">
       <div class="w-event_news__img-wrap col-sm-4 bullseye">
+        <a class="w-event_news__title" href="{{link_to_show}}">
           <img class="w-event_news__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
-        <div class="captiondetail"></div>
+        </a>
       </div>
       <div class="w-event_news__content-wrap col-sm-8">  
         <div class="w-event_news__meta">