更新页面

Static/mdui-v1.0.1/css/ui.css

@@ -1,3 +1,40 @@
+body{
+    overflow-x:hidden;
+}
+/* loading start */
+#loading {
+	position: fixed;
+	top: 0px;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	z-index: 10000;
+	background-color: #242222;
+	display: -webkit-flex;
+	display: -moz-flex;
+	display: -ms-flex;
+	display: -o-flex;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+}
+#loading span {
+	width: 100px;
+	height: 100px;
+	border-radius: 50%;
+	border: 10px solid #777777;
+	border-top-color: #fff;
+	position: relative;
+	animation: loadingA 1s linear infinite;
+}
+@keyframes loadingA {
+	from {}
+	to {
+		transform: rotate(360deg);
+	}
+}
+/* loading end */
+
 /* slideshow */
 .slideshow-container {
     position: relative;
@@ -213,34 +250,23 @@ body {
     margin-left: 15px;
     position: relative;
 }
-.mdui-grid-tile a img{
+.mdui-grid-tile img{
     aspect-ratio: 16/9;
 }
 
-@media (min-width: 1381px){
-    .c-inner {
-        margin: 0 auto;
-        max-width: 1408px;
-        padding: 0 64px;
-      }
-}
-@media (max-width: 1380px){
-    .c-inner {
-        display: none;
-      }
-}
-@media (max-width: 837px) {
+
+@media (max-width: 983px) {
     .mdui-hidden-lok-down {
       display: none !important;
     }
 }
-@media (min-width: 836px) {
+@media (min-width: 982px) {
     .mdui-hidden-xm-pe {
       display: none !important;
     }
 }
 .banner {
-    max-width: 1000px;
+    max-width: 1200px;
     margin-bottom: 15px;
     box-sizing: border-box;
     margin-right: auto;
@@ -249,5 +275,79 @@ body {
     padding-left: 8px;
 }
 
+@media (min-width: 1383px){
+    .c-scl{
+        margin: 0 auto;
+        margin-top: 60px;
+        max-width: 1408px;
+        padding: 0px;
+      }
+}
+@media (max-width: 1384px){
+    .c-scl{
+        display: none;
+      }
+}
 
+@media (max-width: 1384px){
+    .c-inner{
+        display: none;
+      }
+}
 
+@media (min-width: 835px){
+    .c-secttl{
+        font-size: 3.75rem!important;
+        padding-bottom: calc(20px - 0.1em);
+    }
+}
+.c-secttl{
+    margin-left: 15px;
+    color: #fffef5;
+    font-size: 10.4vw;
+    font-weight: 700;
+    line-height: 1;
+    padding-bottom: 12px;
+} 
+
+@media (min-width: 1383px){
+    .slow{
+        text-align: center;
+        margin: 0 auto;
+        margin-top: 61px;
+        margin-left: 15px;
+        max-width: 1408px;
+        border: 2px solid #585858;
+        border-radius: 15px;
+        backdrop-filter: blur(5px);
+      }
+}
+@media (max-width: 1384px){
+    .slow{
+        display: none;
+      }
+}
+
+@media (min-width: 1383px){
+    .slow-two{
+        text-align: center;
+        margin: 0 auto;
+        margin-top: 300px;
+        margin-left: 15px;
+        max-width: 1408px;
+        border: 2px solid #585858;
+        border-radius: 15px;
+        backdrop-filter: blur(5px);
+      }
+}
+@media (max-width: 1384px){
+    .slow{
+        display: none;
+      }
+}
+.slow h2{
+    padding: 35px 0px 35px 0px;
+}
+.slow-two h2{
+    padding: 35px 0px 35px 0px;
+}