update style

htdocs/static-sanji-v2/css/about.css

@@ -1,3 +1,8 @@
+:root {
+    --main-color: #124075;
+    --second-color: #004490;
+}
+
 .timeline-ul {
     width: 98%;
     max-width: 1170px;
@@ -88,9 +93,11 @@
     color: #fff;
     border-radius: 16px
 }
+
 .timeline-ul li.time-wrapper .time-span.leftOne {
     left: -120px;
 }
+
 .timeline-ul li.time-wrapper .time-point {
     position: absolute;
     top: -1.5%;
@@ -176,20 +183,23 @@
     right: -45px
 }
 
-
 @media (max-width: 768px) {
     .timeline-ul li {
         padding-top: 20px
     }
+
     .timeline-ul li.right {
         margin-left: 0
     }
+
     .timeline-ul::before {
         left: 0
     }
+
     .timeline-ul li.time-wrapper .time-span {
         top: -27px
     }
+
     .timeline-ul li.time-wrapper .time-point {
         left: -7px
     }
@@ -199,23 +209,29 @@
     .timeline-ul li.right .info-div {
         padding-left: 20px
     }
+
     .timeline-ul li.right .icon-img {
         right: -30px
     }
+
     .welcome-page-company .timeline {
         margin-bottom: 10px
     }
+
     .welcome-page-company .intro h2.title {
         font-size: 23px;
         text-align: center
     }
+
     .timeline-ul li.time-wrapper {
         margin-top: 60px
     }
 }
+
 ul, li {
     list-style: none;
 }
+
 .leftTab {
     border: 1px solid #CCCCCC;
     padding: 0;
@@ -224,10 +240,11 @@ ul,li{
     margin-top: 20px;
     margin-bottom: 30px;
 }
+
 .leftTab p {
     height: 50px;
     line-height: 50px;
-	background: #3d97e3;
+    background: var(--second-color);
     color: #FFFFFF;
     font-size: 22px;
     text-align: center;
@@ -235,6 +252,7 @@ ul,li{
     font-weight: 400;
     margin: 0;
 }
+
 .leftTab li {
     height: 35px;
     line-height: 35px;
@@ -243,37 +261,46 @@ ul,li{
     background: url(../img/rightArrow.png) no-repeat 90% center;
     cursor: pointer;
 }
+
 .leftTab li.active {
     color: #3d97e3;
 }
+
 .leftTab li:last-of-type {
     border: none;
 }
+
 .leftTab li:hover {
     color: #3d97e3;
 }
+
 .leftTab span {
     display: block;
     padding-left: 20px;
     margin-top: 5px;
 }
+
 .leftTab span:last-of-type {
     margin-bottom: 5px;
 }
+
 .box1 {
     margin-top: 20px;
     display: none;
     margin-bottom: 30px;
 }
+
 .box1 {
     border: 1px solid #CCCCCC;
     border-top: 3px solid #3d97e3;
     padding: 20px;
     border-radius: 4px;
 }
+
 .box1 p {
     line-height: 25px;
 }
+
 .box1 h4 i {
     display: block;
     width: 13px;
@@ -284,21 +311,26 @@ ul,li{
     margin-right: 10px;
     border-radius: 50%;
 }
+
 .box1 h4 {
     line-height: 30px;
 }
+
 .timeline {
     margin-top: -50px;
     padding-bottom: 30px;
 }
+
 .box2 p {
     text-indent: 28px;
 }
+
 .tabOne {
     border: 1px solid #DDDDDD;
     border-top: none;
     padding: 10px 10px 10px 20px;
 }
+
 .tabOne p i {
     display: block;
     width: 8px;
@@ -309,9 +341,11 @@ ul,li{
     margin-right: 10px;
     border-radius: 50%;
 }
+
 .pagination {
     float: right;
 }
+
 .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
     z-index: 3;
     color: #fff;
@@ -331,12 +365,15 @@ ul,li{
     background-color: #fff;
     border: 1px solid #ddd;
 }
+
 .box3 ul {
     padding: 0;
 }
+
 .box3 ul a {
     color: #333333;
 }
+
 .box3 ul a:hover {
     color: #3d97e3;
 }

htdocs/static-sanji-v2/css/top.css

@@ -11,7 +11,7 @@
     z-index: 99999;
     border-radius: 0;
     top: 0px;
-    margin-bottom: 160px;
+    /*margin-bottom: 160px;*/
     /*border-bottom: 1px solid #303848;*/
 }