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{
+
+.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,24 +209,30 @@
     .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{
+
+ul, li {
     list-style: none;
 }
-.leftTab{
+
+.leftTab {
     border: 1px solid #CCCCCC;
     padding: 0;
     border-radius: 10px;
@@ -224,10 +240,11 @@ ul,li{
     margin-top: 20px;
     margin-bottom: 30px;
 }
-.leftTab p{
+
+.leftTab p {
     height: 50px;
     line-height: 50px;
-	background: #3d97e3;
+    background: var(--second-color);
     color: #FFFFFF;
     font-size: 22px;
     text-align: center;
@@ -235,7 +252,8 @@ ul,li{
     font-weight: 400;
     margin: 0;
 }
-.leftTab li{
+
+.leftTab li {
     height: 35px;
     line-height: 35px;
     border-bottom: 1px solid #CCCCCC;
@@ -243,100 +261,119 @@ ul,li{
     background: url(../img/rightArrow.png) no-repeat 90% center;
     cursor: pointer;
 }
-.leftTab li.active{
-	color:#3d97e3;
+
+.leftTab li.active {
+    color: #3d97e3;
 }
-.leftTab li:last-of-type{
+
+.leftTab li:last-of-type {
     border: none;
 }
-.leftTab li:hover{
-	color:#3d97e3;
+
+.leftTab li:hover {
+    color: #3d97e3;
 }
-.leftTab span{
+
+.leftTab span {
     display: block;
     padding-left: 20px;
     margin-top: 5px;
 }
-.leftTab span:last-of-type{
+
+.leftTab span:last-of-type {
     margin-bottom: 5px;
 }
-.box1{
+
+.box1 {
     margin-top: 20px;
     display: none;
     margin-bottom: 30px;
 }
-.box1{
+
+.box1 {
     border: 1px solid #CCCCCC;
     border-top: 3px solid #3d97e3;
     padding: 20px;
     border-radius: 4px;
 }
-.box1 p{
+
+.box1 p {
     line-height: 25px;
 }
-.box1 h4 i{
+
+.box1 h4 i {
     display: block;
     width: 13px;
     height: 13px;
-	background:#3d97e3 ;
+    background: #3d97e3;
     float: left;
     margin-top: 8px;
     margin-right: 10px;
-	border-radius:50% ;
+    border-radius: 50%;
 }
-.box1 h4{
+
+.box1 h4 {
     line-height: 30px;
 }
-.timeline{
+
+.timeline {
     margin-top: -50px;
     padding-bottom: 30px;
 }
-.box2 p{
+
+.box2 p {
     text-indent: 28px;
 }
-.tabOne{
+
+.tabOne {
     border: 1px solid #DDDDDD;
-	border-top:none ;
+    border-top: none;
     padding: 10px 10px 10px 20px;
 }
-.tabOne p i{
+
+.tabOne p i {
     display: block;
     width: 8px;
     height: 8px;
-	background:#3d97e3 ;
+    background: #3d97e3;
     float: left;
     margin-top: 8px;
     margin-right: 10px;
-	border-radius:50% ;
+    border-radius: 50%;
 }
-.pagination{
+
+.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 {
+
+.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;
     cursor: default;
-    background-color:#3d97e3;
-    border-color:#3d97e3;
+    background-color: #3d97e3;
+    border-color: #3d97e3;
 }
 
-.pagination>li>a, .pagination>li>span {
+.pagination > li > a, .pagination > li > span {
     position: relative;
     float: left;
     padding: 6px 12px;
     margin-left: -1px;
     line-height: 1.42857143;
-    color:#3d97e3;
+    color: #3d97e3;
     text-decoration: none;
     background-color: #fff;
     border: 1px solid #ddd;
 }
-.box3 ul{
+
+.box3 ul {
     padding: 0;
 }
-.box3 ul a{
+
+.box3 ul a {
     color: #333333;
 }
-.box3 ul a:hover{
-	color:#3d97e3;
+
+.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;*/
 }