Authored by Shufeng Zhou

uppp

@@ -8,15 +8,15 @@ @@ -8,15 +8,15 @@
8 <link rel="icon" href="/favicon_3fa142a.ico" type="image/x-icon" /> 8 <link rel="icon" href="/favicon_3fa142a.ico" type="image/x-icon" />
9 <title>首页 - Renew</title> 9 <title>首页 - Renew</title>
10 10
11 - <link rel="stylesheet" type="text/css" href="/static/html/nav/nav_5c3501d.css" />  
12 - <link rel="stylesheet" type="text/css" href="/static/html/home/home/home_fa96b3c.css" />  
13 - <link rel="stylesheet" type="text/css" href="/static/html/home/about/about_49e6319.css" />  
14 - <link rel="stylesheet" type="text/css" href="/static/html/home/course/course_41bef2e.css" />  
15 - <link rel="stylesheet" type="text/css" href="/static/html/home/contact/contact_8ca5757.css" />  
16 - <link rel="stylesheet" type="text/css" href="/static/html/footer/footer_4ec674f.css" /> 11 + <link rel="stylesheet" type="text/css" href="/static/html/nav/nav_3be7fe0.css" />
  12 + <link rel="stylesheet" type="text/css" href="/static/html/home/home/home_37af534.css" />
  13 + <link rel="stylesheet" type="text/css" href="/static/html/home/about/about_1e8777b.css" />
  14 + <link rel="stylesheet" type="text/css" href="/static/html/home/course/course_b0f8405.css" />
  15 + <link rel="stylesheet" type="text/css" href="/static/html/home/contact/contact_54a805a.css" />
  16 + <link rel="stylesheet" type="text/css" href="/static/html/footer/footer_e329bcf.css" />
17 <link rel="stylesheet" href="/lib/css/bootstrap.min_11679f1.css" /> 17 <link rel="stylesheet" href="/lib/css/bootstrap.min_11679f1.css" />
18 <link rel="stylesheet" href="/lib/css/bootstrap-theme.min_990674d.css" /> 18 <link rel="stylesheet" href="/lib/css/bootstrap-theme.min_990674d.css" />
19 - <link rel="stylesheet" href="/static/css/base_e442b99.css" /> 19 + <link rel="stylesheet" href="/static/css/base_27bf421.css" />
20 <link rel="stylesheet" href="/static/css/page_733a35c.css" /> 20 <link rel="stylesheet" href="/static/css/page_733a35c.css" />
21 </head> 21 </head>
22 <body> 22 <body>
@@ -24,15 +24,26 @@ @@ -24,15 +24,26 @@
24 <div class="nav-bg"></div> 24 <div class="nav-bg"></div>
25 <div class="layout-row"> 25 <div class="layout-row">
26 <a class="logo">RENEW</a> 26 <a class="logo">RENEW</a>
27 -<ul> 27 +<ul class="nav-ul">
28 <li><a href="#home-section" class="nav-home">首頁</a></li> 28 <li><a href="#home-section" class="nav-home">首頁</a></li>
29 <li><a href="#about-section" class="nav-about">關於我們</a></li> 29 <li><a href="#about-section" class="nav-about">關於我們</a></li>
30 -<li><a href="#course-section" class="nav-course">訓練課程</a></li> 30 +<li><a href="#course-section" class="nav-course">課程訓練</a></li>
31 <li><a href="#contact-section" class="nav-contact">聯系我們</a></li> 31 <li><a href="#contact-section" class="nav-contact">聯系我們</a></li>
32 </ul> 32 </ul>
  33 +<button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target="#navbar">
  34 +<span class="sr-only">Toggle navigation</span>
  35 +<span class="icon-bar"></span>
  36 +<span class="icon-bar"></span>
  37 +<span class="icon-bar"></span>
  38 +</button>
33 </div> 39 </div>
34 </nav> 40 </nav>
35 <section class="home-section" id="home-section"> 41 <section class="home-section" id="home-section">
  42 +<div class="slogan">
  43 +<h2>RENEW YOUR BODY</h2>
  44 +<p class="txt-en">A NEW WAT TO CHANGE YOUR FITNESS LIFE</p>
  45 +<p class="txt-cn">全方位引力自重訓練課程</p>
  46 +</div>
36 <div class="button-nav"> 47 <div class="button-nav">
37 <a href="#">會員課程預約</a> 48 <a href="#">會員課程預約</a>
38 <a href="#" class="free-test">免費體能測試</a> 49 <a href="#" class="free-test">免費體能測試</a>
@@ -58,7 +69,7 @@ @@ -58,7 +69,7 @@
58 <h2 class="t-cn">訓練課程</h2> 69 <h2 class="t-cn">訓練課程</h2>
59 <h2 class="t-en">COURSES</h2> 70 <h2 class="t-en">COURSES</h2>
60 <div class="carousel-outer layout-row"> 71 <div class="carousel-outer layout-row">
61 -<div id="carousel-example-generic" class="carousel slide" data-ride="carousel"> 72 +<div id="carousel-example-generic" class="carousel slide">
62 <ol class="carousel-indicators"> 73 <ol class="carousel-indicators">
63 <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li> 74 <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
64 <li data-target="#carousel-example-generic" data-slide-to="1"></li> 75 <li data-target="#carousel-example-generic" data-slide-to="1"></li>
@@ -184,7 +195,7 @@ require.resourceMap({ @@ -184,7 +195,7 @@ require.resourceMap({
184 "type": "js" 195 "type": "js"
185 }, 196 },
186 "modules/html/home/course/course": { 197 "modules/html/home/course/course": {
187 - "url": "/static/html/home/course/course_a77b826.js", 198 + "url": "/static/html/home/course/course_4787791.js",
188 "type": "js", 199 "type": "js",
189 "deps": [ 200 "deps": [
190 "modules/lib/bootstrap" 201 "modules/lib/bootstrap"
@@ -198,7 +209,7 @@ require.resourceMap({ @@ -198,7 +209,7 @@ require.resourceMap({
198 <script type="text/javascript" src="/static/html/home/contact/contact_8b7e7d8.js"></script> 209 <script type="text/javascript" src="/static/html/home/contact/contact_8b7e7d8.js"></script>
199 <script type="text/javascript" src="/static/html/footer/footer_a5a1613.js"></script> 210 <script type="text/javascript" src="/static/html/footer/footer_a5a1613.js"></script>
200 <script type="text/javascript" src="/static/lib/jquery_ccb031d.js"></script> 211 <script type="text/javascript" src="/static/lib/jquery_ccb031d.js"></script>
201 -<script type="text/javascript" src="/static/js/slide_67a40c7.js"></script> 212 +<script type="text/javascript" src="/static/js/slide_61bdbfd.js"></script>
202 <script type="text/javascript"> 213 <script type="text/javascript">
203 require.async(['modules/html/home/course/course'], function (carousel) { 214 require.async(['modules/html/home/course/course'], function (carousel) {
204 carousel.init(); 215 carousel.init();
@@ -19,5 +19,5 @@ section,header,nav,footer,article{display:block} @@ -19,5 +19,5 @@ section,header,nav,footer,article{display:block}
19 input{outline:0} 19 input{outline:0}
20 a{color:#585858} 20 a{color:#585858}
21 a:hover{text-decoration:none} 21 a:hover{text-decoration:none}
22 -.layout-row{width:1440px;margin-left:auto;margin-right:auto} 22 +.layout-row{max-width:1440px;margin-left:auto;margin-right:auto}
23 .flex{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between} 23 .flex{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
@@ -4,9 +4,15 @@ footer .cr{font:18px/10 'Raleway Medium';color:#fff} @@ -4,9 +4,15 @@ footer .cr{font:18px/10 'Raleway Medium';color:#fff}
4 footer ul{width:380px;padding-top:45px;float:right;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between} 4 footer ul{width:380px;padding-top:45px;float:right;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
5 footer p{float:left} 5 footer p{float:left}
6 footer li a{display:block;width:90px;height:90px} 6 footer li a{display:block;width:90px;height:90px}
7 -footer li .facebook{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAMAAAAPdrEwAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACNUExURQAAAHKAgHB0e3B0e3N7e3uFhXB1fHF2fXB0fG90e291e291e3R6gG90e291fIyMjHJ3f3B0fHB1fHB0e291fG90fHB1fHF1e290e////9DR1HB1fPr6+oCEi5icoaWorbGzt7m7v8bIy3V6gXF2fcDCxYiMkre5vcvNz+nq63uBh9nb3Kapre/w8dXX2dRG9NAAAAAYdFJOUwAT4ZEfDIRR79TrdCz0twUzyPnZ5cOheq7exx0AAAJiSURBVFjDtZnpdptADIXZzL55AUSDSdrUjtOkff/HK6dJbJpg62pA9zd8Z45mtFsWryINmrqKnHiziZ2oqpsgLawFVCZ5Rl+U5Uk5k+vGdFWxa0xfJRExipKVAdj2QwIU+rb0xH5GoDJfdPLAIYGcAAZ7OQmVe+CRQxIrRA5euGQkl/Uie02GWjNPxduSsbY3DZ7uaIZ26Q1ySLMUXmV7O5qp3RWb2Fuare3kXRZrWkDrqTfo0iJyJ3yQFtIXv/TCpdDh56vMaTHlRubY9/cPb9qjJlkh8fnX4Xd7Vn8rfo9zgw+QX7u2xdDkj5wFyFYPbQujM1ty6GMnQF+OvQIe3rdWgg4/rJ0AV9iJ0JS8oyMe3bcydPRefQHP4+kCfT79GHRkfijhuHQ4kw93gigVA1+ezug95rcxao/RA3kEI0mJvY8x+ieITtCYJ0cP8a/IdNBZYaXcN4/7QX8u1/gm3uQpH6m/t1PqgUTWmKGPLLqxajM0b5DaqozQHX+PFR+bJtHPPDqyHCP0C9Dh8BFkEn1CosiGjafdoJGV/+mJR2949CdvvAO9cUDHWujYcrTQDpIYzdAR7zKm6Ip3dFN0zYcnU3QDlr8G6IBPBaboVJzAUPSQwKRpF0Xn8mIBRSfyEgdFl2hhJkbHcDkpRrtwESxGl3DpLkVHeMMhRSd4myREn9skoLkTon1BSypDj1pS/tgytC9p/0Xo/9p/Nmr39x+Sz3H0Ri2aAyLFsZbmME5zhKg4+NQc12oOmTVH45oDfc01hObyRHPlo7qo0lyvqS4FNVeZqgtY1bWx7rJ71or+L577VosaOzDMAAAAAElFTkSuQmCC)} 7 +footer li .facebook{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAMAAAAPdrEwAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACNUExURQAAAHKAgHB0e3B0e3N7e3uFhXB1fHF2fXB0fG90e291e291e3R6gG90e291fIyMjHJ3f3B0fHB1fHB0e291fG90fHB1fHF1e290e////9DR1HB1fPr6+oCEi5icoaWorbGzt7m7v8bIy3V6gXF2fcDCxYiMkre5vcvNz+nq63uBh9nb3Kapre/w8dXX2dRG9NAAAAAYdFJOUwAT4ZEfDIRR79TrdCz0twUzyPnZ5cOheq7exx0AAAJiSURBVFjDtZnpdptADIXZzL55AUSDSdrUjtOkff/HK6dJbJpg62pA9zd8Z45mtFsWryINmrqKnHiziZ2oqpsgLawFVCZ5Rl+U5Uk5k+vGdFWxa0xfJRExipKVAdj2QwIU+rb0xH5GoDJfdPLAIYGcAAZ7OQmVe+CRQxIrRA5euGQkl/Uie02GWjNPxduSsbY3DZ7uaIZ26Q1ySLMUXmV7O5qp3RWb2Fuare3kXRZrWkDrqTfo0iJyJ3yQFtIXv/TCpdDh56vMaTHlRubY9/cPb9qjJlkh8fnX4Xd7Vn8rfo9zgw+QX7u2xdDkj5wFyFYPbQujM1ty6GMnQF+OvQIe3rdWgg4/rJ0AV9iJ0JS8oyMe3bcydPRefQHP4+kCfT79GHRkfijhuHQ4kw93gigVA1+ezug95rcxao/RA3kEI0mJvY8x+ieITtCYJ0cP8a/IdNBZYaXcN4/7QX8u1/gm3uQpH6m/t1PqgUTWmKGPLLqxajM0b5DaqozQHX+PFR+bJtHPPDqyHCP0C9Dh8BFkEn1CosiGjafdoJGV/+mJR2949CdvvAO9cUDHWujYcrTQDpIYzdAR7zKm6Ip3dFN0zYcnU3QDlr8G6IBPBaboVJzAUPSQwKRpF0Xn8mIBRSfyEgdFl2hhJkbHcDkpRrtwESxGl3DpLkVHeMMhRSd4myREn9skoLkTon1BSypDj1pS/tgytC9p/0Xo/9p/Nmr39x+Sz3H0Ri2aAyLFsZbmME5zhKg4+NQc12oOmTVH45oDfc01hObyRHPlo7qo0lyvqS4FNVeZqgtY1bWx7rJ71or+L577VosaOzDMAAAAAElFTkSuQmCC);background-size:cover}
8 footer li .facebook:hover{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAMAAAAPdrEwAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACTUExURQAAAEdco0JanD1Zm0NeoT1ZnD1Zmz1ZnV10uj1anD1anDxZm0BcnT1ZnDxZmz1ZmzxZnDxanD1ZnD1ZnUBcmzxamz1anD1anD5cnjxanDxZm////7/I3vf4+5+uzlJspoaYwXSJuJemybG810FdnV11rPv8/UhjobnE25CgxsrS5G6EtVZvqODl73iNuu7x9lVup4zxlhsAAAAadFJOUwAMH8cTUdmEBe/s9i233PPlkOJ1QJmnwTpdv47fvAAAAmlJREFUWMO1mdla4kAQhZskprMRwJCtIqIyKG4z8/5PZ0RNUIE+1Umd6/BTX3dtXaWUWUFS68L1o5gojny30HUSqOEKKl22yJ+KS10Nwy/ziE4qype23EmWkkFpNrEAezokQKH2uBbrGYGaaZblF5fE0OUFDHamxNTUAU0Oia0QMTxYkJUWRjf3XLKUa3AVxydr+WcPPJnTAM2TM+SQBik8yXbmNFDzE2fi+TRY/tG7DFwaQe4xH1zQKFociUEaSb/i0gnHQoc/r3JKo2lqdRzbv493H3pBj2SC5OeXzb+m0+25/H1YGzRAvlk1DYYmfRAsQLV6bBoYPfM4Rm/vGeje7AngeFcNBx1+nXZmJj/cs9CUfaJTM/q24aHTz+4LcI/rHvq627TaGn7w0bPlAHrTka+x4Mr3yTQCvtx16DWGjt6Ta4V82TvIHzCTVGAkWqDfXbuUQZftUccy6DhQiTFa1q2eOvT/9V7mf0hUzXDpAz0b0bX5Fo+jt8A9FnboByO6UK4VegV0JMq3Qr8CjZSKrNBPQKir2Aq9AxxbmfPpqlVfCVZ7IflPYbHVRyPe6qhYCh2rSAodKV8K7StXCu2aA90WXWBFxgatzUnVFl2bS4EtOmEXMNitA3bZRdElv1nAb5Hd4qDoCm3M2Oh9Ywa1k2x0DjfBbPQSbt256BR/cHDRGf5MYqK7ZxLg2ky0ZjxJeeiDJ6nZbB5ac57/LPS3579xaPF88yX+HEdu1CI5IBIca0kO4yRHiIKDT8lxreSQWXI0LjnQl1xDSC5PJFc+oosqyfWa6FJQcpUpuoAVXRvLLrsHrejfAHxOh3Bir6KDAAAAAElFTkSuQmCC)} 8 footer li .facebook:hover{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAMAAAAPdrEwAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACTUExURQAAAEdco0JanD1Zm0NeoT1ZnD1Zmz1ZnV10uj1anD1anDxZm0BcnT1ZnDxZmz1ZmzxZnDxanD1ZnD1ZnUBcmzxamz1anD1anD5cnjxanDxZm////7/I3vf4+5+uzlJspoaYwXSJuJemybG810FdnV11rPv8/UhjobnE25CgxsrS5G6EtVZvqODl73iNuu7x9lVup4zxlhsAAAAadFJOUwAMH8cTUdmEBe/s9i233PPlkOJ1QJmnwTpdv47fvAAAAmlJREFUWMO1mdla4kAQhZskprMRwJCtIqIyKG4z8/5PZ0RNUIE+1Umd6/BTX3dtXaWUWUFS68L1o5gojny30HUSqOEKKl22yJ+KS10Nwy/ziE4qype23EmWkkFpNrEAezokQKH2uBbrGYGaaZblF5fE0OUFDHamxNTUAU0Oia0QMTxYkJUWRjf3XLKUa3AVxydr+WcPPJnTAM2TM+SQBik8yXbmNFDzE2fi+TRY/tG7DFwaQe4xH1zQKFociUEaSb/i0gnHQoc/r3JKo2lqdRzbv493H3pBj2SC5OeXzb+m0+25/H1YGzRAvlk1DYYmfRAsQLV6bBoYPfM4Rm/vGeje7AngeFcNBx1+nXZmJj/cs9CUfaJTM/q24aHTz+4LcI/rHvq627TaGn7w0bPlAHrTka+x4Mr3yTQCvtx16DWGjt6Ta4V82TvIHzCTVGAkWqDfXbuUQZftUccy6DhQiTFa1q2eOvT/9V7mf0hUzXDpAz0b0bX5Fo+jt8A9FnboByO6UK4VegV0JMq3Qr8CjZSKrNBPQKir2Aq9AxxbmfPpqlVfCVZ7IflPYbHVRyPe6qhYCh2rSAodKV8K7StXCu2aA90WXWBFxgatzUnVFl2bS4EtOmEXMNitA3bZRdElv1nAb5Hd4qDoCm3M2Oh9Ywa1k2x0DjfBbPQSbt256BR/cHDRGf5MYqK7ZxLg2ky0ZjxJeeiDJ6nZbB5ac57/LPS3579xaPF88yX+HEdu1CI5IBIca0kO4yRHiIKDT8lxreSQWXI0LjnQl1xDSC5PJFc+oosqyfWa6FJQcpUpuoAVXRvLLrsHrejfAHxOh3Bir6KDAAAAAElFTkSuQmCC)}
9 -footer li .line{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAMAAAAPdrEwAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAADJUExURQAAAHN7e290e291e3B1fHuFhXKAgHF2fXB0fG90fG91e4yMjG91fHR6gHJ3f3B1e290fHB1fHB1fHB0fHB1fG90fHF0e3B1fHB0e3F1e290e/////v7+52hpXR5gPT09YaKkJSXnaWorHF2fYCEi/39/cvNz4uPlYOHjXd8gurr7NDS1NTV2OTl57Cztvb393B1fL/BxcLEx83P0cbIy7u9wODh4oiMkqCjqHuAhpiboKuusrK1uairr7W3u4+TmNrc3e/w8Nna3CFgfjEAAAAadFJOUwAf1+qEDBNR7uR0BbcsM9/z+ZDI0sORofR6TLyTQAAAA+pJREFUWMO1Wddi6jAMZRN22UXOgEDYe4/S9f8fdQMkvWkjOzbg8wBt4pwIWZI1QqFgZHLJRr1aKUSLxWihUq03krlM6AnIp7Ov4MNrNp1/kLcWBSqitbvZ4+kIBCCSjt9BnIgpwAEllhCVOPYCnHiJCUmeTIEAUklu4nAWBJENc4qsgDAUHsEzJbgLpUAvSpThTpQDTCUcgbsRYSo8l4IHkMoxmBV4CAqVO5yCB5Gi6CQRgYcRQfcyU4YnoIzZYAmeghLig/Ak+PwyrDyLWvm7lVl4GrJi6pj3tPPborveTM1jR0gl8RSTdjqeEQ+Ga5NJn/KeDTH6usH0iyD4PjK4Yx5noZ5W/eWMUDA86dQzLREodPtdJQwMW4FixymG19wSNqwlRXDF1XYav39SSSCGTfzZtEONh6Up4YGxw8OUk32hN98IH4we+vgtZ6vdL/OVG9VJ7UqNZYw9lZuaTNpYrknTR3tCBPBO0whmHxsRZqLuKDaCxLyOKkRNPvH4l0Fy/gURBGIlr5lQDtG04W6QNnI8Q1sTsvy4eqc1tX1p3OvbaDq3yRIRO4dF6pYrjAaH2x8m6Jalw+HyzjHAmHw4huQs/EKjdoOxiS3Q3XeAql5eahGyAuiSJrSbzebOlZogtt0I1f0Xx1Tqy1sd6s4vZe/9LPVQ1X9xSKdub3FqxLSroYr/okGj7syhM3Oo9Vardfx2Vy78LJVQQYBas4XTujfqW0RnUBewCDKhUlu2ZbQcal3XBz8O8IZFkaLANmrka3BZ4Ne16WcpYtRLOjUZ4dQtjBpRiPn/gblp49tDTU4OtW7fOLuqm7UxhSDbOHCj09H9fw9zVZ3D/hLm7HixIk6s2zkLV4BtI2J8P8ru3g7sPRkP7F9iDq7Xh4e+QZbtX6cc4jG28SEuc/3ht0hs2LgkORZxP+wvy3vn+jbsnKlijg6wFYupGsZRx8KTHdEsEeYteqY3KOnvWoB51qSkwjn0ur59UB2XowA7wGwchrzMG5zZPsBopUbf4GNezellByWZhA5XLjJqAz2hzNOSZL37APMt6aO38s5BSlnMqU1AejrpRI8NK9mxpvQna4wk2NX4giq5waqU8qzU/Sfh0Uao6JM+q8PALjg87L3z+q+9rHXWE+mAMumPakZe59bYdXqcoyL17qknNQ0opmMcJekvuCpXT0Ft1gRXIe2X+rMftDLGW/67+LiZnBnc3IqL9nDMa317EO7jcLRa7HpvtBNvtfA0iPR9n2dLfA0iiW0tmc04mS1EiY1Pme1amU1mma1xmQ19mWMImcMTmSMfqYMqmeM1qUNBmaNMqQNYqWNjucPuh0b0/wDph5xSvd/eSAAAAABJRU5ErkJggg==)} 9 +footer li .line{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAMAAAAPdrEwAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAADJUExURQAAAHN7e290e291e3B1fHuFhXKAgHF2fXB0fG90fG91e4yMjG91fHR6gHJ3f3B1e290fHB1fHB1fHB0fHB1fG90fHF0e3B1fHB0e3F1e290e/////v7+52hpXR5gPT09YaKkJSXnaWorHF2fYCEi/39/cvNz4uPlYOHjXd8gurr7NDS1NTV2OTl57Cztvb393B1fL/BxcLEx83P0cbIy7u9wODh4oiMkqCjqHuAhpiboKuusrK1uairr7W3u4+TmNrc3e/w8Nna3CFgfjEAAAAadFJOUwAf1+qEDBNR7uR0BbcsM9/z+ZDI0sORofR6TLyTQAAAA+pJREFUWMO1Wddi6jAMZRN22UXOgEDYe4/S9f8fdQMkvWkjOzbg8wBt4pwIWZI1QqFgZHLJRr1aKUSLxWihUq03krlM6AnIp7Ov4MNrNp1/kLcWBSqitbvZ4+kIBCCSjt9BnIgpwAEllhCVOPYCnHiJCUmeTIEAUklu4nAWBJENc4qsgDAUHsEzJbgLpUAvSpThTpQDTCUcgbsRYSo8l4IHkMoxmBV4CAqVO5yCB5Gi6CQRgYcRQfcyU4YnoIzZYAmeghLig/Ak+PwyrDyLWvm7lVl4GrJi6pj3tPPborveTM1jR0gl8RSTdjqeEQ+Ga5NJn/KeDTH6usH0iyD4PjK4Yx5noZ5W/eWMUDA86dQzLREodPtdJQwMW4FixymG19wSNqwlRXDF1XYav39SSSCGTfzZtEONh6Up4YGxw8OUk32hN98IH4we+vgtZ6vdL/OVG9VJ7UqNZYw9lZuaTNpYrknTR3tCBPBO0whmHxsRZqLuKDaCxLyOKkRNPvH4l0Fy/gURBGIlr5lQDtG04W6QNnI8Q1sTsvy4eqc1tX1p3OvbaDq3yRIRO4dF6pYrjAaH2x8m6Jalw+HyzjHAmHw4huQs/EKjdoOxiS3Q3XeAql5eahGyAuiSJrSbzebOlZogtt0I1f0Xx1Tqy1sd6s4vZe/9LPVQ1X9xSKdub3FqxLSroYr/okGj7syhM3Oo9Vardfx2Vy78LJVQQYBas4XTujfqW0RnUBewCDKhUlu2ZbQcal3XBz8O8IZFkaLANmrka3BZ4Ne16WcpYtRLOjUZ4dQtjBpRiPn/gblp49tDTU4OtW7fOLuqm7UxhSDbOHCj09H9fw9zVZ3D/hLm7HixIk6s2zkLV4BtI2J8P8ru3g7sPRkP7F9iDq7Xh4e+QZbtX6cc4jG28SEuc/3ht0hs2LgkORZxP+wvy3vn+jbsnKlijg6wFYupGsZRx8KTHdEsEeYteqY3KOnvWoB51qSkwjn0ur59UB2XowA7wGwchrzMG5zZPsBopUbf4GNezellByWZhA5XLjJqAz2hzNOSZL37APMt6aO38s5BSlnMqU1AejrpRI8NK9mxpvQna4wk2NX4giq5waqU8qzU/Sfh0Uao6JM+q8PALjg87L3z+q+9rHXWE+mAMumPakZe59bYdXqcoyL17qknNQ0opmMcJekvuCpXT0Ft1gRXIe2X+rMftDLGW/67+LiZnBnc3IqL9nDMa317EO7jcLRa7HpvtBNvtfA0iPR9n2dLfA0iiW0tmc04mS1EiY1Pme1amU1mma1xmQ19mWMImcMTmSMfqYMqmeM1qUNBmaNMqQNYqWNjucPuh0b0/wDph5xSvd/eSAAAAABJRU5ErkJggg==);background-size:cover}
10 footer li .line:hover{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAMAAAAPdrEwAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAADtUExURQAAAADFAADEAADEAADMAADDAADFAADbAADDAADJAADEAADFAADEAADEAADFAADDAADEAADDAADDAADDAADEAADEAAD/AADDAADDAADDAADFAADGAADDAADEAADDAP////j9+AnFCSvNK/v++0LSQlPWUx/KHyTLJO/776TppF/ZX5vnm+v6667srqfrpxHHEQzGDIbjhuL44nzgfG3dbTjQOOj56FrYWpDlkETTREvVS5Xmlc3zzb/wvzDPMMTxxD/SP2bbZvP88xjJGKDooGPaY7bttrPts9X11XXfddn22VTXVI3kjdz23O367UypL6YAAAAedFJOUwBR7IYM2R8E7xOCLfbDkPzc4vO35XUBQJmnXTrIx0/GRgoAAAQMSURBVFjDxVnpWuowEEX2VVRAVictRVbZQRZRUHDX+/6Pc9PSYqWTNqX03vPDj69pTsfJzORk4vFYIxQr+PKJgDeeTMa9gUTeV4iFPM4RKkYTcTAgnogWHdFfZnNeYMKby14eSOzPnIEFzjL+A4gj0TBwIByN2LXYdwGcuPDZsvzkHGzg/ISbOJgCm0gFOU0Og22EeQwPncJBOLUM80gJDkTJIlSCATgYAVOHx9LgAOmYCXMYHCHM5A6mwSHSDJ9EAuAYAXQtQyU4AkpYDJ7CUXCK5CAcCYa8DIaPRR3eX8oUHA0pe+4Qx5PhtNVptL5G85otl/hN6/O4v5CIDvWXUdW0fuv3Bh/7vWp/QBAsmyJ7jk+XLMzdqraRCAO370zyi5/EiTJe6fWZxDIG1yzu6M7TjMAbfxMLtLuMANS8ncHHRxKxxOABn5tRNRKuZKaEB/UKrn22uiqLDt4RPggrdHpWoc5hQ0PCi3oZm59TiimmGGcSNzX56GFaUy6uRWSge0tsoIWZXWQE9ZTYwpgR2gkkuSV71PcIdYK6Ou7YaEKQ6I6HPDHki3WtBlVa2x+LGf1af7xUoq3ZFEinXKMoq8PkDiGJeQpIeGjGzKG7/TEBkCSAtby6bYC2ZmZNK1UIdQGrp32NugLi9getQ4KgfrQD0CA0lssUG+3NMlZZ88aHL0xq+asqdfWXsydGljwWIB9salji1EMsRBDJdMuipttWta5Si5VKZdbW3vxChJTHyw4QA/U1Ne5a87WSAIQdIl4PEtYDJrVEy9xKpRZFsbcrYn0ksD1J48MFk5oMlG3F6OuRkSWJUW/Y1HJUY9QVjBpxyKNuQpOiraNW7JOpe3Tg+V59UephDkGWcWfQTH0gfG6z8VPOc5qInf1lxOqTFws+WP5e9xVpwFxO+4ZS+dfrgRbHz+yMocGHpAxMNLOfbijkWBSI9of+95J+RNnXRbSq5rEt4s1eTX3EOPK43JvbYl4whF8Bfb6xwSygWzotqjFc7b05dIe8FWAbmFzkuff0Kc5MNzA0RCjKN3zMbYZYTZgo4No3D/OLaKKDiyyR3H3lsJkp34ssYaYWk/ohuulHmOFycot1y0zsSO/smTkTEax5/O6JKVHnJvOyZtJ9F+LNVwHNQbPzoyrdWQcO3YF0Nezs51BLNJuRsTgm7VXxtt4Zn+bndL/V4W7PMzppWjV/NcpxJP0FzeVPI6s2a4TrIK1LIc1ky/O/j/v4r51QFeI/z9btW7/dHo68EUqtru0+Dker5Z2Q1wf7rRaeBlF3UuNZEkODyMW2lpvNuCO1EK9C/7bx6Wa71s0ms5utcTcb+k6uIa4i/+/yxM0rH1cvqty8XnP1UtDNq0xXL2BdvTZ29bLb2RX9X4qeARqbUFewAAAAAElFTkSuQmCC)} 10 footer li .line:hover{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAMAAAAPdrEwAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAADtUExURQAAAADFAADEAADEAADMAADDAADFAADbAADDAADJAADEAADFAADEAADEAADFAADDAADEAADDAADDAADDAADEAADEAAD/AADDAADDAADDAADFAADGAADDAADEAADDAP////j9+AnFCSvNK/v++0LSQlPWUx/KHyTLJO/776TppF/ZX5vnm+v6667srqfrpxHHEQzGDIbjhuL44nzgfG3dbTjQOOj56FrYWpDlkETTREvVS5Xmlc3zzb/wvzDPMMTxxD/SP2bbZvP88xjJGKDooGPaY7bttrPts9X11XXfddn22VTXVI3kjdz23O367UypL6YAAAAedFJOUwBR7IYM2R8E7xOCLfbDkPzc4vO35XUBQJmnXTrIx0/GRgoAAAQMSURBVFjDxVnpWuowEEX2VVRAVictRVbZQRZRUHDX+/6Pc9PSYqWTNqX03vPDj69pTsfJzORk4vFYIxQr+PKJgDeeTMa9gUTeV4iFPM4RKkYTcTAgnogWHdFfZnNeYMKby14eSOzPnIEFzjL+A4gj0TBwIByN2LXYdwGcuPDZsvzkHGzg/ISbOJgCm0gFOU0Og22EeQwPncJBOLUM80gJDkTJIlSCATgYAVOHx9LgAOmYCXMYHCHM5A6mwSHSDJ9EAuAYAXQtQyU4AkpYDJ7CUXCK5CAcCYa8DIaPRR3eX8oUHA0pe+4Qx5PhtNVptL5G85otl/hN6/O4v5CIDvWXUdW0fuv3Bh/7vWp/QBAsmyJ7jk+XLMzdqraRCAO370zyi5/EiTJe6fWZxDIG1yzu6M7TjMAbfxMLtLuMANS8ncHHRxKxxOABn5tRNRKuZKaEB/UKrn22uiqLDt4RPggrdHpWoc5hQ0PCi3oZm59TiimmGGcSNzX56GFaUy6uRWSge0tsoIWZXWQE9ZTYwpgR2gkkuSV71PcIdYK6Ou7YaEKQ6I6HPDHki3WtBlVa2x+LGf1af7xUoq3ZFEinXKMoq8PkDiGJeQpIeGjGzKG7/TEBkCSAtby6bYC2ZmZNK1UIdQGrp32NugLi9getQ4KgfrQD0CA0lssUG+3NMlZZ88aHL0xq+asqdfWXsydGljwWIB9salji1EMsRBDJdMuipttWta5Si5VKZdbW3vxChJTHyw4QA/U1Ne5a87WSAIQdIl4PEtYDJrVEy9xKpRZFsbcrYn0ksD1J48MFk5oMlG3F6OuRkSWJUW/Y1HJUY9QVjBpxyKNuQpOiraNW7JOpe3Tg+V59UephDkGWcWfQTH0gfG6z8VPOc5qInf1lxOqTFws+WP5e9xVpwFxO+4ZS+dfrgRbHz+yMocGHpAxMNLOfbijkWBSI9of+95J+RNnXRbSq5rEt4s1eTX3EOPK43JvbYl4whF8Bfb6xwSygWzotqjFc7b05dIe8FWAbmFzkuff0Kc5MNzA0RCjKN3zMbYZYTZgo4No3D/OLaKKDiyyR3H3lsJkp34ssYaYWk/ohuulHmOFycot1y0zsSO/smTkTEax5/O6JKVHnJvOyZtJ9F+LNVwHNQbPzoyrdWQcO3YF0Nezs51BLNJuRsTgm7VXxtt4Zn+bndL/V4W7PMzppWjV/NcpxJP0FzeVPI6s2a4TrIK1LIc1ky/O/j/v4r51QFeI/z9btW7/dHo68EUqtru0+Dker5Z2Q1wf7rRaeBlF3UuNZEkODyMW2lpvNuCO1EK9C/7bx6Wa71s0ms5utcTcb+k6uIa4i/+/yxM0rH1cvqty8XnP1UtDNq0xXL2BdvTZ29bLb2RX9X4qeARqbUFewAAAAAElFTkSuQmCC)}
11 -footer li .youtube{background:url(data:image/png;base64,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)}  
12 -footer li .youtube:hover{background:url(data:image/png;base64,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)}  
  11 +footer li .youtube{background:url(data:image/png;base64,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);background-size:cover}
  12 +footer li .youtube:hover{background:url(data:image/png;base64,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)}
  13 +@media only screen and (max-width:767px){footer{background:#373c43}
  14 +footer .layout-row{width:auto}
  15 +footer .cr{padding-top:20px;font:14px/2 'Raleway Medium';text-align:center}
  16 +footer ul{width:auto;padding:10px 60px 30px;float:none;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
  17 +footer p{float:none}
  18 +footer li a{display:block;width:60px;height:60px}}
  1 +.about-section{background:#595e65 url(/static/html/home/img/bg_about_92c47dd.png) no-repeat 50% 0;height:482px}
  2 +.about-section .layout-row{color:#fff;width:1140px;padding-top:70px;padding-left:520px;position:relative}
  3 +.about-section .layout-row .content{position:absolute;left:0;top:0;width:480px}
  4 +.about-section .layout-row .ul{max-width:610px;margin-left:auto;margin-top:80px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
  5 +.about-section .layout-row .ul a{color:#fff}
  6 +.about-section .layout-row .ul li{width:178px;height:187px;border:1px solid #999b9e;box-sizing:border-box;padding-top:108px;font:28px/70px '黑体';text-align:center}
  7 +.about-section .layout-row .ul li:hover{background-color:rgba(255,255,255,.3)}
  8 +.about-section .layout-row .ul .reset{background:url(/static/html/home/img/icon_reset_4172f3d.png) no-repeat 50% 38px}
  9 +.about-section .layout-row .ul .relax{background:url(/static/html/home/img/icon_relax_7693414.png) no-repeat 50% 38px}
  10 +.about-section .layout-row .ul .renew{background:url(/static/html/home/img/icon_renew_af8b6ec.png) no-repeat 50% 38px}
  11 +.about-section h2{text-align:center}
  12 +.about-section .mt30{margin-top:30px}
  13 +@media only screen and (max-width:767px){.about-section{background:#595e65 url(/static/html/home/img/bg_about_92c47dd.png) repeat-y 50% 0;height:auto}
  14 +.about-section .layout-row{color:#fff;width:auto;padding:70px 20px;text-align:justify;position:relative}
  15 +.about-section .layout-row .content{position:static;left:0;top:0;width:auto}
  16 +.about-section .layout-row .ul{max-width:none;margin-top:40px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
  17 +.about-section .layout-row .ul a{color:#fff}
  18 +.about-section .layout-row .ul li{width:178px;height:187px;border:1px solid #999b9e;box-sizing:border-box;padding-top:108px;font:28px/70px '黑体';text-align:center}
  19 +.about-section .layout-row .ul li:hover{background-color:rgba(255,255,255,.3)}
  20 +.about-section .layout-row .ul .reset{background:url(/static/html/home/img/icon_reset_4172f3d.png) no-repeat 50% 38px}
  21 +.about-section .layout-row .ul .relax{background:url(/static/html/home/img/icon_relax_7693414.png) no-repeat 50% 38px}
  22 +.about-section .layout-row .ul .renew{background:url(/static/html/home/img/icon_renew_af8b6ec.png) no-repeat 50% 38px}
  23 +.about-section h2{text-align:center}
  24 +.about-section .mt30{margin-top:30px}}
1 -.about-section{background:#595e65 url(/static/html/home/img/bg_about_92c47dd.png) no-repeat 50% 0;height:482px}  
2 -.about-section .layout-row{color:#fff;width:1140px;padding-top:70px}  
3 -.about-section .layout-row .content{float:left;width:480px}  
4 -.about-section .layout-row .ul{float:right;width:610px;margin-top:80px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}  
5 -.about-section .layout-row .ul a{color:#fff}  
6 -.about-section .layout-row .ul li{width:178px;height:187px;border:1px solid #999b9e;box-sizing:border-box;padding-top:108px;font:28px/70px '黑体';text-align:center}  
7 -.about-section .layout-row .ul li:hover{background-color:rgba(255,255,255,.3)}  
8 -.about-section .layout-row .ul .reset{background:url(/static/html/home/img/icon_reset_4172f3d.png) no-repeat 50% 38px}  
9 -.about-section .layout-row .ul .relax{background:url(/static/html/home/img/icon_relax_7693414.png) no-repeat 50% 38px}  
10 -.about-section .layout-row .ul .renew{background:url(/static/html/home/img/icon_renew_af8b6ec.png) no-repeat 50% 38px}  
11 -.about-section h2{text-align:center}  
12 -.about-section .mt30{margin-top:30px}  
@@ -5,4 +5,9 @@ @@ -5,4 +5,9 @@
5 .contact-section .main-content .phone{font:48px/50px 'LiHei Pro';color:#000;text-align:center} 5 .contact-section .main-content .phone{font:48px/50px 'LiHei Pro';color:#000;text-align:center}
6 .contact-section h2{text-align:center} 6 .contact-section h2{text-align:center}
7 .contact-section .t-cn{color:#4a494a} 7 .contact-section .t-cn{color:#4a494a}
8 -.contact-section .t-en{color:#9b9a9b;padding-bottom:20px}  
  8 +.contact-section .t-en{color:#9b9a9b;padding-bottom:20px}
  9 +@media only screen and (max-width:767px){.contact-section{height:740px;background:url(/static/html/home/img/bg_contact_4d0a216.png) no-repeat 50% 0;overflow:hidden}
  10 +.contact-section .main-content{margin:50px 20px 0;height:auto;background:#fff;box-shadow:0 0 1px 1px #ccc;box-sizing:border-box;padding:50px 20px 20px;width:auto}
  11 +.contact-section .main-content p{margin-top:30px;font-size:17px;color:#4a494a}
  12 +.contact-section .main-content .tc{text-align:center;padding:35px 0 20px}
  13 +.contact-section .main-content .phone{font:42px/50px 'LiHei Pro';color:#000;text-align:center}}
@@ -2,7 +2,7 @@ @@ -2,7 +2,7 @@
2 <h2 class="t-cn">訓練課程</h2> 2 <h2 class="t-cn">訓練課程</h2>
3 <h2 class="t-en">COURSES</h2> 3 <h2 class="t-en">COURSES</h2>
4 <div class="carousel-outer layout-row"> 4 <div class="carousel-outer layout-row">
5 -<div id="carousel-example-generic" class="carousel slide" data-ride="carousel"> 5 +<div id="carousel-example-generic" class="carousel slide">
6 <ol class="carousel-indicators"> 6 <ol class="carousel-indicators">
7 <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li> 7 <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
8 <li data-target="#carousel-example-generic" data-slide-to="1"></li> 8 <li data-target="#carousel-example-generic" data-slide-to="1"></li>
  1 +define("modules/html/home/course/course",function(o,e,u){var i=o("modules/lib/jquery");o("modules/lib/bootstrap"),u.exports={init:function(){i(window).width()>900&&i(".carousel").carousel()}}});
1 -define("modules/html/home/course/course",function(o,e,u){o("modules/lib/jquery");o("modules/lib/bootstrap"),u.exports={init:function(){}}});  
1 .course-section{height:765px;background:url(/static/html/home/img/bg_course_b616c02.png) no-repeat 50% 0} 1 .course-section{height:765px;background:url(/static/html/home/img/bg_course_b616c02.png) no-repeat 50% 0}
  2 +.course-section .course-section .glyphicon-chevron-left{left:-50px!important}
  3 +.course-section .course-section .glyphicon-chevron-right{right:-50px!important}
2 .course-section .carousel-control{background:none!important} 4 .course-section .carousel-control{background:none!important}
3 .course-section .carousel-indicators{bottom:-48px} 5 .course-section .carousel-indicators{bottom:-48px}
4 .course-section .carousel-indicators li{border-color:transparent;background:#cecece} 6 .course-section .carousel-indicators li{border-color:transparent;background:#cecece}
@@ -12,20 +14,33 @@ @@ -12,20 +14,33 @@
12 .course-section .glyphicon-chevron-left:hover{background:url(/static/html/home/img/icon_left_hover_d32d9b1.png) no-repeat} 14 .course-section .glyphicon-chevron-left:hover{background:url(/static/html/home/img/icon_left_hover_d32d9b1.png) no-repeat}
13 .course-section .t-cn{padding-top:70px;color:#4a494a} 15 .course-section .t-cn{padding-top:70px;color:#4a494a}
14 .course-section h2{text-align:center} 16 .course-section h2{text-align:center}
15 -.course-section .carousel-outer{width:1210px}  
16 -.course-section .caro-item{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:1210px} 17 +.course-section .carousel-outer{max-width:1210px;min-width:1063px}
  18 +.course-section .caro-item{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;max-width:1210px;min-width:1063px}
17 .course-section .caro-item li{box-sizing:border-box;padding-top:200px;color:#fff;font-family:"LiHei Pro"} 19 .course-section .caro-item li{box-sizing:border-box;padding-top:200px;color:#fff;font-family:"LiHei Pro"}
18 .course-section .caro-item li span{display:block;text-align:center} 20 .course-section .caro-item li span{display:block;text-align:center}
19 .course-section .caro-item li .sp-cn{line-height:24px;font-size:20px;height:35px} 21 .course-section .caro-item li .sp-cn{line-height:24px;font-size:20px;height:35px}
20 .course-section .caro-item li .sp-cn:before{background:url(/static/html/home/img/icon_arraw_white_943b5f6.png);width:24px;height:24px;display:inline-block;content:' ';margin-right:6px;vertical-align:top} 22 .course-section .caro-item li .sp-cn:before{background:url(/static/html/home/img/icon_arraw_white_943b5f6.png);width:24px;height:24px;display:inline-block;content:' ';margin-right:6px;vertical-align:top}
21 .course-section .caro-item li .sp-en{font-size:18px;opacity:.8} 23 .course-section .caro-item li .sp-en{font-size:18px;opacity:.8}
22 -.course-section .caro-item .gravity{width:285px;height:460px;background:url(/static/html/home/img/course1_06890b4.png) no-repeat;background-size:cover}  
23 -.course-section .caro-item .rehab{width:256px;height:460px;background:url(/static/html/home/img/course2_14f6176.png) no-repeat;background-size:cover}  
24 -.course-section .caro-item .personal{width:285px;height:460px;background:url(/static/html/home/img/course3_555c593.png) no-repeat;background-size:cover}  
25 -.course-section .caro-item .pilates{width:248px;height:460px;background:url(/static/html/home/img/course4_854d030.png) no-repeat;background-size:cover} 24 +.course-section .caro-item .gravity{width:280px;height:460px;background:url(/static/html/home/img/course1_06890b4.png) no-repeat;background-size:cover}
  25 +.course-section .caro-item .rehab{width:250px;height:460px;background:url(/static/html/home/img/course2_14f6176.png) no-repeat;background-size:cover}
  26 +.course-section .caro-item .personal{width:280px;height:460px;background:url(/static/html/home/img/course3_555c593.png) no-repeat;background-size:cover}
  27 +.course-section .caro-item .pilates{width:250px;height:460px;background:url(/static/html/home/img/course4_854d030.png) no-repeat;background-size:cover}
26 .course-section .caro-item .reservation{width:133px;height:40px;box-sizing:border-box;border:2px solid #fff;line-height:36px;display:block;font-size:20px;color:#fff;border-radius:20px;text-align:center;margin:95px auto 0;text-decoration:none} 28 .course-section .caro-item .reservation{width:133px;height:40px;box-sizing:border-box;border:2px solid #fff;line-height:36px;display:block;font-size:20px;color:#fff;border-radius:20px;text-align:center;margin:95px auto 0;text-decoration:none}
27 .course-section .caro-item .reservation:hover{background:#F6A623;border-color:#F6A623} 29 .course-section .caro-item .reservation:hover{background:#F6A623;border-color:#F6A623}
28 .banner-section{padding-top:70px;box-sizing:border-box;background:#6c7279 url(/static/html/home/img/banner_1854202.png) no-repeat 50% 0;height:302px} 30 .banner-section{padding-top:70px;box-sizing:border-box;background:#6c7279 url(/static/html/home/img/banner_1854202.png) no-repeat 50% 0;height:302px}
29 .banner-section p{width:622px;height:92px;box-sizing:border-box;font:36px/92px "LiHei Pro";margin:0 auto;color:#fff;text-align:center;border:2px solid #fff} 31 .banner-section p{width:622px;height:92px;box-sizing:border-box;font:36px/92px "LiHei Pro";margin:0 auto;color:#fff;text-align:center;border:2px solid #fff}
30 .banner-section a{display:block;border:1px solid #fff;width:125px;height:40px;font-size:20px;line-height:40px;margin:30px auto 0;text-align:center;color:#fff;text-decoration:none} 32 .banner-section a{display:block;border:1px solid #fff;width:125px;height:40px;font-size:20px;line-height:40px;margin:30px auto 0;text-align:center;color:#fff;text-decoration:none}
31 -.banner-section a:hover{background:#F6A623;color:#fff;text-decoration:none}  
  33 +.banner-section a:hover{background:#F6A623;color:#fff;text-decoration:none}
  34 +@media screen and (max-width:1300px) and (min-width:1063px){.course-section .glyphicon-chevron-left{left:20px!important}
  35 +.course-section .glyphicon-chevron-right{right:20px!important}}
  36 +@media only screen and (max-width:767px){.course-section{height:auto;background:url(/static/html/home/img/bg_course_b616c02.png) repeat-y 50% 0}
  37 +.course-section .carousel-control{display:none}
  38 +.course-section .carousel-indicators{display:none}
  39 +.course-section .t-cn{padding-top:70px;color:#4a494a}
  40 +.course-section .carousel-outer{max-width:none;min-width:0}
  41 +.course-section .caro-item{display:block;max-width:none;min-width:0}
  42 +.course-section .caro-item li{margin:20px auto;width:280px!important}
  43 +.banner-section{padding-top:90px;box-sizing:border-box;background:#6c7279 url(/static/html/home/img/banner_1854202.png) no-repeat 50% 0;height:302px}
  44 +.banner-section p{width:auto;height:60px;box-sizing:border-box;margin:0 20px;font:18px/60px "LiHei Pro";color:#fff;text-align:center;border:2px solid #fff}
  45 +.banner-section a{display:block;border:1px solid #fff;width:125px;height:40px;font-size:20px;line-height:40px;margin:30px auto 0;text-align:center;color:#fff;text-decoration:none}
  46 +.banner-section a:hover{background:#F6A623;color:#fff;text-decoration:none}}
No preview for this file type
1 <section class="home-section" id="home-section"> 1 <section class="home-section" id="home-section">
  2 +<div class="slogan">
  3 +<h2>RENEW YOUR BODY</h2>
  4 +<p class="txt-en">A NEW WAT TO CHANGE YOUR FITNESS LIFE</p>
  5 +<p class="txt-cn">全方位引力自重訓練課程</p>
  6 +</div>
2 <div class="button-nav"> 7 <div class="button-nav">
3 <a href="#">會員課程預約</a> 8 <a href="#">會員課程預約</a>
4 <a href="#" class="free-test">免費體能測試</a> 9 <a href="#" class="free-test">免費體能測試</a>
  1 +@font-face{font-family:Kristi;font-style:normal;font-weight:400;src:local('Kristi'),url(/static/html/home/home/Kristi_e15690e.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215}
  2 +.home-section{background:#7f7f7e url(/static/html/home/img/bg_top_67982e7.png) no-repeat 50% 0;height:900px}
  3 +.home-section .slogan{text-align:center;color:#fff}
  4 +.home-section .slogan h2{padding-top:230px;font:190px/200px Kristi,'Nixie One',Raleway,"Helvetica Neue",Helvetica}
  5 +.home-section .slogan .txt-en{padding-top:10px;font:37px/40px 'Raleway Medium'}
  6 +.home-section .slogan .txt-cn{padding-top:25px;font:48px/50px 'LiHei Pro'}
  7 +.home-section .button-nav{text-align:center;position:relative;margin-top:50px}
  8 +.home-section .button-nav a{width:194px;height:52px;border:4px solid #696663;display:inline-block;border-radius:30px;font:24px/46px '黑体';color:#fff}
  9 +.home-section .button-nav a:hover{background:#46B7EB;text-decoration:none}
  10 +.home-section .free-test{margin-left:45px}
  11 +.home-section .mouse{background:url(/static/html/home/img/mouse_f189b76.png);width:33px;height:67px;position:fixed;left:50%;margin-left:-16px;top:100%;margin-top:-80px}
  12 +@media only screen and (max-width:767px){.home-section{background-size:cover;height:550px}
  13 +.home-section .slogan{text-align:center;color:#fff}
  14 +.home-section .slogan h2{padding-top:180px;font:72px/80px Kristi,'Nixie One',Raleway,"Helvetica Neue",Helvetica}
  15 +.home-section .slogan .txt-en{padding-top:10px;font:12px/14px 'Raleway Medium'}
  16 +.home-section .slogan .txt-cn{padding-top:25px;font:16px/18px 'LiHei Pro'}
  17 +.home-section .button-nav{text-align:center;position:relative;margin-top:50px}
  18 +.home-section .button-nav a{width:160px;height:40px;border:4px solid #696663;border-radius:20px;font:18px/36px '黑体'}
  19 +.home-section .free-test{margin-left:10px}
  20 +.home-section .mouse{display:none}}
1 -.home-section{background:#7f7f7e url(/static/html/home/img/bg_top_c770034.jpg) no-repeat 50% 0;height:900px}  
2 -.home-section .button-nav{text-align:center;position:relative;top:590px}  
3 -.home-section .button-nav a{width:194px;height:52px;border:4px solid #696663;display:inline-block;border-radius:30px;font:24px/46px '黑体';color:#fff}  
4 -.home-section .button-nav a:hover{background:#46B7EB;text-decoration:none}  
5 -.home-section .free-test{margin-left:45px}  
6 -.home-section .mouse{background:url(/static/html/home/img/mouse_f189b76.png);width:33px;height:67px;position:absolute;left:50%;margin-left:-16px;top:100%;margin-top:-80px}  
@@ -2,11 +2,17 @@ @@ -2,11 +2,17 @@
2 <div class="nav-bg"></div> 2 <div class="nav-bg"></div>
3 <div class="layout-row"> 3 <div class="layout-row">
4 <a class="logo">RENEW</a> 4 <a class="logo">RENEW</a>
5 -<ul> 5 +<ul class="nav-ul">
6 <li><a href="#home-section" class="nav-home">首頁</a></li> 6 <li><a href="#home-section" class="nav-home">首頁</a></li>
7 <li><a href="#about-section" class="nav-about">關於我們</a></li> 7 <li><a href="#about-section" class="nav-about">關於我們</a></li>
8 -<li><a href="#course-section" class="nav-course">訓練課程</a></li> 8 +<li><a href="#course-section" class="nav-course">課程訓練</a></li>
9 <li><a href="#contact-section" class="nav-contact">聯系我們</a></li> 9 <li><a href="#contact-section" class="nav-contact">聯系我們</a></li>
10 </ul> 10 </ul>
  11 +<button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target="#navbar">
  12 +<span class="sr-only">Toggle navigation</span>
  13 +<span class="icon-bar"></span>
  14 +<span class="icon-bar"></span>
  15 +<span class="icon-bar"></span>
  16 +</button>
11 </div> 17 </div>
12 </nav> 18 </nav>
1 .nav{width:100%;height:112px;position:fixed;z-index:10;left:0;top:0} 1 .nav{width:100%;height:112px;position:fixed;z-index:10;left:0;top:0}
  2 +.nav .navbar-toggle{display:none}
2 .nav .nav-bg{left:0;top:0;background:#373c43;position:fixed;opacity:0;width:100%;height:112px} 3 .nav .nav-bg{left:0;top:0;background:#373c43;position:fixed;opacity:0;width:100%;height:112px}
3 .nav .row{position:relative} 4 .nav .row{position:relative}
4 .nav .logo{position:absolute;left:128px;top:29px;background:url(/static/html/nav/img/logo_9c89981.png) no-repeat;padding-left:76px;height:54px;font:24px/54px 'LiHei Pro';color:#fff} 5 .nav .logo{position:absolute;left:128px;top:29px;background:url(/static/html/nav/img/logo_9c89981.png) no-repeat;padding-left:76px;height:54px;font:24px/54px 'LiHei Pro';color:#fff}
5 .nav ul{top:29px;right:128px;position:absolute} 6 .nav ul{top:29px;right:128px;position:absolute}
6 .nav ul li{float:left;margin-left:60px;font:18px/54px 'LiHei Pro'} 7 .nav ul li{float:left;margin-left:60px;font:18px/54px 'LiHei Pro'}
7 .nav ul li a{color:#fff;text-decoration:none} 8 .nav ul li a{color:#fff;text-decoration:none}
8 -.nav ul li .current{color:#f6a623}  
9 -.nav ul li .nav-home{color:#fff}  
  9 +.nav ul li .nav-home{color:#fff}
  10 +.nav ul .current a{color:#f6a623}
  11 +@media only screen and (max-width:767px){.nav{height:48px;z-index:10;left:0;top:0;background:#373c43}
  12 +.nav .layout-row{position:relative}
  13 +.nav .navbar-toggle{display:block;position:absolute;right:0;top:0}
  14 +.nav .navbar-toggle .icon-bar{background:#fff}
  15 +.nav .nav-bg{height:48px;display:none}
  16 +.nav .logo{display:none}
  17 +.nav ul{position:static;text-align:center;transition:height .1s;-webkit-transition:height .1s}
  18 +.nav ul li{display:none;float:none;margin-left:0;font:18px/48px 'LiHei Pro';border-top:1px solid #5d6069;background:#373c43}
  19 +.nav ul .current{display:block}
  20 +.nav ul .current a{color:#fff}
  21 +.nav ul.on-active li{display:block}
  22 +.nav ul.on-active .current a{color:#f6a623}}
  23 +@media only screen and (max-width:900px){.nav .logo{left:30px}
  24 +.nav ul{right:30px}}
  1 +define("modules/js/slide",function(n){var i=n("modules/lib/jquery"),o={paddingTop:i("#nav").height()+1,rang:["home","about","course","contact"],highLight:function(){for(var n=i(document).scrollTop()+this.paddingTop+1,o=this.rang.length-1,t=o;t>=0;t--){var a=i("#"+this.rang[t]+"-section").offset().top;if(n>a){i("#nav").find("a").parent().removeClass("current"),i(".nav-"+this.rang[t]).parent().addClass("current");break}}var e=i(document).scrollTop()>200?.8:0;i("#nav").find(".nav-bg").stop().animate({opacity:e},{duration:100}),this.$mouse.stop().animate({opacity:i(document).scrollTop()+i(window).height()>900?0:1},{duration:100})},scroll:function(n){i(document.body).animate({scrollTop:n},{duration:500})},bindEvents:function(){var n=this;i(window).on("resize",function(){i(window).width()>900&&i("#nav").find("ul.nav-ul").removeClass("on-active"),n.paddingTop=i("#nav").height()+1}),i("#nav").on("click","a",function(n){var t=i(this).attr("href");t&&"#"===t.charAt(0)&&o.scroll(i(t).offset().top-o.paddingTop),n.preventDefault()}).on("click",".navbar-toggle",function(){i("#nav").find("ul.nav-ul").toggleClass("on-active")}).on("click",".nav-ul li",function(){i("#nav").find("ul.nav-ul").removeClass("on-active")});var n=this;i(window).on("scroll",function(){n.highLight()})},init:function(){this.$mouse=i("#home-section").find(".mouse"),this.highLight(),this.bindEvents()}};i(function(){o.init()})});
1 -define("modules/js/slide",function(n){var t=n("modules/lib/jquery"),i={paddingTop:t("#nav").height()+1,rang:["home","about","course","contact"],highLight:function(){for(var n=t(document).scrollTop()+this.paddingTop+1,i=this.rang.length-1,o=i;o>=0;o--){var a=t("#"+this.rang[o]+"-section").offset().top;if(n>a){t("#nav").find("a").removeClass("current"),t(".nav-"+this.rang[o]).addClass("current");break}}var r=t(document).scrollTop()>200?.8:0;t("#nav").find(".nav-bg").stop().animate({opacity:r},{duration:100})},scroll:function(n){t(document.body).animate({scrollTop:n},{duration:500})},bindEvents:function(){t("#nav").on("click","a",function(n){var o=t(this).attr("href");o&&"#"===o.charAt(0)&&i.scroll(t(o).offset().top-i.paddingTop),n.preventDefault()});var n=this;t(window).on("scroll",function(){n.highLight()})},init:function(){this.highLight(),this.bindEvents()}};t(function(){i.init()})});