test

desktop11/goto.js

@@ -2,13 +2,13 @@ $(".banner-slider").slick({
   speed: 1000,
   swipe: true,
   arrows: false,
+  autoplay: true,
 });
 
 $(".content1-right").slick({
   dotsClass: 'slick-dots',
   dots: true,
   speed: 1000,
-  autoplay: true,
   arrows: false,
 
 });
@@ -70,83 +70,6 @@ $.fn.serializeObject = function () {
 
 
 
-// email 格式檢查
-// $(document).ready(function () {
-
-//   //E-MAIL格式檢查
-
-//   $("body").on("change", "#email", function () {
-
-//     $Emailchecking = IsEmail($("#email").val());
-
-
-//     if ($Emailchecking == false) {
-
-//       alert("請填寫正確的E-MAIL格式");
-
-//       // $("#email").blur(); //離開焦點
-
-//     }
-
-//   })
-
-//   function IsEmail(email) {
-
-//     var regex = /^([a-zA-Z0-9_\.\-\+])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
-
-//     if (!regex.test(email)) {
-
-//       return false;
-
-//     } else {
-
-//       // return true;
-
-//     }
-
-//   }
-
-// });
-// // phone 格式檢查
-// $(document).ready(function () {
-
-//   // phone格式檢查
-
-//   $("body").on("change", "#phone", function () {
-
-//     $Phonechecking = IsPhone($("#phone").val());
-
-
-//     if ($Phonechecking == false) {
-
-//       alert("請填寫正確的手機格式");
-
-//       // $("#email").blur(); //離開焦點
-
-//     }
-
-//   })
-
-//   function IsPhone(phone) {
-
-//     var regex = /^[09]{2}[0-9]{8}$/;
-
-//     if (!regex.test(phone)) {
-
-//       return false;
-
-//     } else {
-
-//       // return true;
-
-//     }
-
-//   }
-
-// });
-
-
-
 
 
 $(".contact-form1").submit(function (e) {
@@ -165,7 +88,6 @@ $(".contact-form1").submit(function (e) {
 
     success: function (data) {
       console.log('送出成功: ' + data);
-
       if (data == 0) {
         alert("送出成功");
       } else if (data == 1) {

desktop11/index.html

@@ -426,10 +426,9 @@
 
 
                         <div id="form-right">
-
                             <div id="fb_login">
                                 <button id="fb-button"  ><img src="./img/logo/facebook.png" alt="">
-                                    <p><span style="padding-right:5vw; font-size: 25px;">｜</span>使用fb填入信箱與姓名</p>
+                                    <p><span style="padding-right:3.5vw; color:#9B9B9B ;font-size: 28px;">｜</span>使用fb填入信箱與姓名</p>
                                 </button>
                                 <span id="FB_STATUS_2"></span>
                             </div>

desktop11/style.css

@@ -623,7 +623,7 @@ body .arrow:hover {
   height: 50px;
   border: 1px solid #3b5998;
   text-align: right;
-  padding-right: 50px;
+  padding-right: 60px;
   background-size: 32px 32px;
   border-radius: 3px;
   background-color: #fff;
@@ -634,6 +634,7 @@ body .arrow:hover {
 
 #contact-us #contact-form #fb-button p {
   line-height: 40px;
+  color: #626262;
 }
 
 #contact-us #contact-form #fb-button img {
@@ -656,6 +657,10 @@ body .arrow:hover {
           filter: invert(100%) sepia(100%) saturate(19%) hue-rotate(334deg) brightness(106%) contrast(106%);
 }
 
+#contact-us #contact-form #fb-button:hover p {
+  color: #fff;
+}
+
 #contact-us #contact-form a {
   text-decoration: none;
   color: #ee751b;

desktop11/style.scss

@@ -554,7 +554,7 @@ body {
                 height: 50px;
                 border: 1px solid #3b5998;
                 text-align: right;
-                padding-right: 50px;
+                padding-right: 60px;
                 background-size: 32px 32px;
                 border-radius: 3px;
                 background-color: #fff;
@@ -562,6 +562,7 @@ body {
                 position: relative;
                p{
                 line-height: 40px;
+                color:#626262;
                }
                 img {
                     position: absolute;
@@ -578,6 +579,9 @@ body {
                         filter: invert(100%) sepia(100%) saturate(19%) hue-rotate(334deg) brightness(106%)
                             contrast(106%);
                     }
+                    p{
+                    color:#fff;
+                    }
                 }
             }
             a {

mobile/index.html

@@ -430,7 +430,7 @@
                 </div> -->
                 <div id="fb_login">
                     <button id="fb-button"  ><img src="./img/logo/facebook.png" alt="">
-                        <p><span style="padding-right:5vw; font-size: 25px;">｜</span>使用fb填入信箱與姓名</p>
+                        <p><span style="padding-right:5vw; color:#9B9B9B ; font-size: 28px;">｜</span>使用fb填入信箱與姓名</p>
                     </button>
                     <span id="FB_STATUS_2"></span>
                 </div>

mobile/script/goto.js

@@ -50,80 +50,6 @@ $.fn.serializeObject = function () {
   return o;
 };
 
- // email 格式檢查
-//  $(document).ready(function () {
-  
-//   //E-MAIL格式檢查
-
-//   $("body").on("change", "#email", function () {
-
-//     $Emailchecking = IsEmail($("#email").val());
-
-
-//     if ($Emailchecking == false) {
-
-//       alert("請填寫正確的E-MAIL格式");
-
-//       // $("#email").blur(); //離開焦點
-
-//     }
-
-//   })
-
-//   function IsEmail(email) {
-
-//     var regex = /^([a-zA-Z0-9_\.\-\+])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
-
-//     if (!regex.test(email)) {
-
-//       return false;
-
-//     } else {
-
-//       return true;
-
-//     }
-
-//   }
-
-// });
-// // phone 格式檢查
-// $(document).ready(function () {
-
-//   //phone格式檢查
-
-//   $("body").on("change", "#phone", function () {
-
-//     $Phonechecking = IsPhone($("#phone").val());
-
-
-//     if ($Phonechecking == false) {
-
-//       alert("請填寫正確的手機格式");
-
-//       // $("#email").blur(); //離開焦點
-
-//     }
-
-//   })
-
-//   function IsPhone(phone) {
-
-//     var regex = /^[09]{2}[0-9]{8}$/;
-
-//     if (!regex.test(phone)) {
-
-//       return false;
-
-//     } else {
-
-//       return true;
-
-//     }
-
-//   }
-
-// });
 $(".contact-form1").submit(function (e) {
   /*	var formRef = $('#form1').serializeArray();
     var jsonString = JSON.stringify(formRef);*/

mobile/style.css

@@ -786,6 +786,7 @@ body .arrow:hover {
   position: absolute;
   top: 2vw;
   font-weight: normal;
+  color: #626262;
 }
 
 @media screen and (max-width: 1024px) {
@@ -799,7 +800,8 @@ body .arrow:hover {
 @media screen and (max-width: 767px) {
   #contact-us #contact-form #fb-button p {
     top: 1.8vw;
-    right: 1vw;
+    right: 5vw;
+    font-size: 16px;
   }
 }
 

mobile/style.scss

@@ -588,6 +588,7 @@ body {
                 position: absolute;
                 top: 2vw;
                 font-weight: normal;
+                color:#626262;
                 @media screen and(max-width:$table) {
                     top: 2vw;
                     right: 10vw;
@@ -596,7 +597,8 @@ body {
 
                 @media screen and(max-width:$moblie) {
                     top: 1.8vw;
-                    right: 1vw;
+                    right: 5vw;
+                    font-size: 16px;
                 }
                 @media screen and(max-width:350px) {
                     font-size: 16px;