/
rules.html
335 lines (308 loc) · 25.9 KB
/
rules.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width" />
<meta name="description" content="本網站為個人練習作品，部分影片、遊戲畫面、道具圖、規條政策、來自於市面遊戲、素材，僅供畫面示意，無商業用途。
「Qyropa奇樂寶寶」LOGO、遊戲內容、架構、說明、角色設計、Banner等，均為個人創作，請勿任意盜取謝謝合作！">
<meta name="author" content="Cutylala Studio | Ren">
<title>服務條款｜Qyropa奇樂寶寶</title>
<link rel="shortcut icon" href="favicon.ico" />
<!-- 手機用 -->
<link href="css/mobile.css" rel="stylesheet" type="text/css" media="only screen and (min-width:0px) and (max-width:480px)" />
<!-- 平板用 -->
<link href="css/table.css" rel="stylesheet" type="text/css" media="only screen and (min-width:481px) and (max-width:768px)" />
<!-- 桌機 小於1025 -->
<link href="css/SD-desktop.css" rel="stylesheet" type="text/css" media="only screen and (min-width:769px) and (max-width:1024px)" />
<!-- 桌機 -->
<link href="css/desktop.css" rel="stylesheet" type="text/css" media="only screen and (min-width:1025px)" />
<link href="css/flexslider.css" rel="stylesheet" type="text/css" />
<!-- jQuery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.min.js">\x3C/script>')</script>
<!-- FlexSlider -->
<script defer src="js/jquery.flexslider.js"></script>
<style type="text/css" >
.colum-blue p{
margin-bottom:20px;
text-indent:24pt;
}
</style>
</head>
<body>
<a href="#" class="dec-qyropaGo02-top">Top</a>
<!--banner和下載 --------------------------------------------------------------------------------------->
<header>
<nav>
<div id="menu">
<div id="menu-inner" >
<div id="menu-logo" >
<a id="menu-logo-a" href="index.html">Qyropa奇樂寶寶</a>
</div>
<a href="#menu-nav" id="menu_btn">menu</a>
<div id="menu-nav" >
<ul id="nav-ul" >
<li class="nav-list" ><a class="nav-a" href="game.html">遊戲介紹</a></li>
<li class="nav-list" ><span class="nav-line" ></span></li>
<li class="nav-list" ><a class="nav-a" href="qyropa.html">寶寶介紹</a></li>
<li class="nav-list" ><span class="nav-line" ></span></li>
<li class="nav-list" ><a class="nav-a" href="HowToPlay.html">遊玩說明</a></li>
<li class="nav-list" ><span class="nav-line" ></span></li>
<li class="nav-list" ><a class="nav-a" href="FAQ.html">飼養問題</a></li>
<li class="nav-list" ><span class="nav-line" ></span></li>
<li class="nav-list" ><a class="nav-a" href="shop.html">線上特典</a></li>
<li class="nav-list" ><a id="off" href="">關閉視窗</a></li>
</ul>
</div><!--#menu-nav over-->
</div><!--#menu-inner over-->
</div><!--#menu over-->
</nav>
<article>
<div id="banner">
<div id="banner-inner" >
<!-- 幻燈片秀開始 ------------------------------------------------------------------------->
<div id="slider" class="flexslider">
<ul class="slides">
<li><img src="images/banner/banner6.jpg" /></li> <!-- This is the last image in the slideshow -->
<li><img src="images/banner/banner4.jpg" /></li>
<li><img src="images/banner/banner2.jpg" /></li><!-- This is the first image in the slideshow -->
</ul>
</div>
<script type="text/javascript">
// BeginOAWidget_Instance_e395051064e17ee7762d1975999cea3c: #OAWidget
$(window).load(function() {
$('#slider').flexslider({
namespace: "flex-", //{NEW} String: Prefix string attached to the class of every element generated by the plugin
selector: ".slides > li", //{NEW} Selector: Must match a simple pattern. '{container} > {slide}' -- Ignore pattern at your own peril
animation: "slide",
easing: "swing", //{NEW} String: Determines the easing method used in jQuery transitions. jQuery easing plugin is supported!
direction: "horizontal", //String: Select the sliding direction, 'horizontal' or 'vertical'
reverse: false, //{NEW} Boolean: Reverse the animation direction
animationLoop: true, //Boolean: Should the animation loop? If false, directionNav will received "disable" classes at either end
smoothHeight: true, //{NEW} Boolean: Allow height of the slider to animate smoothly in horizontal mode
slideshow: true, //Boolean: Animate slider automatically
slideshowSpeed: 5000, //Integer: Set the speed of the slideshow cycling, in milliseconds
animationSpeed: 600, //Integer: Set the speed of animations, in milliseconds
initDelay: 0, //{NEW} Integer: Set an initialization delay, in milliseconds
randomize: false, //Boolean: Randomize slide order
useCSS: true, //{NEW} Boolean: Slider will use CSS3 transitions if available
touch: true, //{NEW} Boolean: Allow touch swipe navigation of the slider on touch-enabled devices
video: false, //{NEW} Boolean: If using video in the slider, will prevent CSS3 3D Transforms to avoid graphical glitches
directionNav: true, //Boolean: Create navigation for previous/next navigation? (true/false)
controlNav: true, //Boolean: Create navigation for paging control of each clide? Note: Leave true for manualControls usage
keyboard: true, //Boolean: Allow slider navigating via keyboard left/right keys
mousewheel: false, //Boolean: Allow slider navigating via mousewheel
prevText: "", //String: Set the text for the "previous" directionNav item
nextText: "", //String: Set the text for the "next" directionNav item
pausePlay: false, //Boolean: Create pause/play dynamic element
pauseText: "Pause", //String: Set the text for the "pause" pausePlay item
playText: "Play", //String: Set the text for the "play" pausePlay item
startAt: 0, //Integer: The slide that the slider should start on. Array notation (0 = first slide)
pauseOnAction: true, //Boolean: Pause the slideshow when interacting with control elements, highly recommended.
pauseOnHover: true, //Boolean: Pause the slideshow when hovering over slider, then resume when no longer hovering
start: function(){}, //Callback: function(slider) - Fires when the slider loads the first slide
controlsContainer: "", //Selector: Declare which container the navigation elements should be appended too. Default container is the flexSlider element. Example use would be ".flexslider-container", "#container", etc. If the given element is not found, the default action will be taken.
manualControls: "", //Selector: Declare custom control navigation. Example would be ".flex-control-nav li" or "#tabs-nav li img", etc. The number of elements in your controlNav should match the number of slides/tabs.
// Carousel Options
itemWidth: 0, //{NEW} Integer: Box-model width of individual carousel items, including horizontal borders and padding.
itemMargin: 10, //{NEW} Integer: Margin between carousel items.
minItems: 0, //{NEW} Integer: Minimum number of carousel items that should be visible. Items will resize fluidly when below this.
maxItems: 0, //{NEW} Integer: Maxmimum number of carousel items that should be visible. Items will resize fluidly when above this limit.
move: 0, //{NEW} Integer: Number of carousel items that should move on animation. If 0, slider will move all visible items.
before: function(){}, //Callback: function(slider) - Fires asynchronously with each slider animation
after: function(){}, //Callback: function(slider) - Fires after each slider animation completes
end: function(){} //Callback: function(slider) - Fires when the slider reaches the last slide (asynchronous)
});
});
// EndOAWidget_Instance_e395051064e17ee7762d1975999cea3c
</script> <!-- FlexSlider -->
<!-- 幻燈片結束 ------------------------------------------------------------------------->
</div>
<div id="banner-tran" ><a id="banner-tran-a" href="#banner-inner">go</a></div>
</div><!--#banner over-->
<div id="download">
<div id="download-button"><a id="download-button-a"><img src="images/button-download.png" alt="立即下載"></a></div>
<div id="download-button-app"><a id="download-button-app-a" href="https://itunes.apple.com/tw/genre/ios/id36?mt=8" target="_new" ><img src="images/button-app.png" alt="APP Store"></a></div>
<div id="download-button-play"><a id="download-button-play-a" href="https://play.google.com/store?hl=zh-TW&tab=w8" target="_new" ><img src="images/button-play.png" alt="Google Play"></a></div>
</div><!--#download over-->
</article>
</header>
<!-----------------------------------------------------------------------------------banner和下載 over ------>
<div class="positionForDec" >
<div class="freze-qyropa" style="top:-1200%; left:40%; ">毛毛蟲種</div>
</div>
<!--服務條款 --------------------------------------------------------------------------------------->
<div class="colum-blue" style=" " >
<header>
<span class="h2-bg" ><h2 style=" background-image:url(images/h2-terms.png)" >隱私政策</h2></span>
</header>
<section>
<div class="colum-blue-inner" >
<p> </p>
<p>本使用條款（以下簡稱「本條款」）是就CUTYLALA studio（以下簡稱「本公司」）所提供所有Qyropa相關產品與服務（以下簡稱「本服務」）的使用條件，由使用本服務的用戶（以下簡稱「用戶」）與本公司間訂定的條款。</p>
<h4> 1. 定義</h4>
<p><br>
本條款使用下列各項用語：</p>
<p><br>
1.1.「內容」係指文字、語音、音樂、圖片、影片、軟體、程式、代碼及其他資訊等內容。 <br>
1.2.「本內容」係指可透過本服務連結的內容。<br>
1.3.「投稿內容」係指用戶投稿、傳送、上傳至本服務的內容。<br>
1.4.「代幣」係指可兌換本服務中有償提供的服務或內容的電子虛擬貨幣。<br>
1.5.「個別使用條款」係指與本服務有關而有別於本條款，以「條款」、「準則」、「政策」等名稱由本公司所分發或公布的書面。</p>
<p> </p>
<h4> 2. 對於條款的同意表示</h4>
<p><br>
2.1.用戶應遵照本條款規定使用本服務。除非用戶有效且不可撤銷地同意本條款，方能使用本服務。<br>
2.2.如用戶為未成年人，須經過親權人等法定代理人同意後，方能使用本服務。此外，如用戶是為業者使用本服務時，亦請於該業者同意本條款後，再使用本服務。<br>
2.3.本服務一經用戶實際使用，將視為用戶已有效且不可撤銷地同意本條款。<br>
2.4.本服務有個別使用條款時，除本條款外，用戶亦應遵照個別使用條款規定使用本服務。</p>
<p> </p>
<h4> 3. 條款的變更</h4>
<p><br>
於本公司判斷有必要時，得在不事先通知用戶的情形下隨時變更本條款及個別使用條款。變更後的本條款及個別使用條款自公布在本公司經營網站內的適當處時起生效。如用戶於本條款及個別使用條款變更後仍繼續使用本服務，將視為用戶已有效且不可撤銷地同意變更後的本條款及其所適用的個別使用條款。由於本公司不會個別通知用戶相關變更內容，故請用戶於使用本服務時，隨時參閱最新版本的本條款及其所適用的個別使用條款。</p>
<p> </p>
<h4>4. 帳號</h4>
<p><br>
4.1.用戶於使用本服務時，如有註冊用戶本身相關資料，應提供真實、正確且完整的資料，並經常進行修改以更新資料。<br>
4.2.用戶於使用本服務時，如有註冊密碼，應自行負責嚴密保管，以免遭到不當使用。利用該密碼所進行的一切行為均視為用戶本人的行為。<br>
4.3.於本服務註冊的用戶，得隨時刪除帳號終止本服務。<br>
4.4.本公司認為用戶違反本條款或有違反之虞時，得在不事先通知用戶的情形下對該帳號進行停權或刪除。<br>
4.5.本公司得在不事先通知用戶的情形下，刪除自最後一次連線起已經過一年以上的帳號。<br>
4.6.自帳號刪除時起，用戶於本服務的所有使用權不論任何理由均為消滅。即便是用戶不慎刪除帳號，原有的帳號亦無法回復，敬請留意。<br>
4.7.本服務的帳號專屬於用戶個人。用戶於本服務的所有使用權皆不得轉讓、出借予第三人或使第三人繼承。</p>
<p> </p>
<h4> 5. 隱私權</h4>
<p><br>
5.1.本公司尊重用戶的隱私權。<br>
5.2.本公司依照<a href="http://line.naver.jp/line_rules/zh-hant/">LINE 隱私權政策</a>，妥善處理用戶的隱私資料與個人資料。 <br>
5.3.本公司將會以安全的方式管理自用戶處蒐集的資料，並對安全管理採取嚴格的措施。</p>
<p> </p>
<h4>6. 服務的提供</h4>
<p><br>
6.1.用戶就本服務的使用，應自費及負責備置必要的個人電腦、手機、通信設備、作業系統、通信方式及電力等。<br>
6.2.本公司得按用戶年齡、用戶有無完成身份確認作業、用戶有無註冊資料、其他本公司判斷為必要的條件，將本服務的全部或部分提供給符合上揭條件的用戶。 <br>
6.3.於本公司判斷有必要時，得在不事先通知用戶的情形下隨時變更本服務的全部或部分內容，並中止提供本服務。</p>
<p> </p>
<h4> 7. 無緊急通報功能</h4>
<p><br>
本服務並未搭載能向警察機關、海岸巡防機關、消防機關或其他機關等發出緊急通報的功能。</p>
<p> </p>
<h4> 8. 廣告刊登</h4>
<p><br>
本公司得在本服務刊登本公司或第三人的廣告。</p>
<p> </p>
<h4> 9. 業務合作夥伴服務</h4>
<p><br>
本服務內可能包含其他與本公司有業務合作的業者所提供的服務或內容。該等服務或內容所應負責任，概由提供服務或內容的業者負擔。此外，提供服務或內容的業者所規定的使用條款及其他條件，可能適用於該等服務或內容。</p>
<p> </p>
<h4>10. 內容</h4>
<p><br>
10.1.本公司就本公司所提供的本內容授予用戶使用權，此使用權並不得轉讓及再授權，且具有非獨占性，並以使用本服務為唯一目的。<br>
10.2.如用戶使用的本內容另有規定使用費、使用期間等使用條件時，即應遵照該等使用條件。即使本服務介面上有顯示「購買」、「販賣」等文字，本公司對客戶提供的本內容相關智慧財產權及其他權利亦不因此移轉給用戶，對用戶僅有授予上述使用權。<br>
10.3.用戶不得超出本服務所訂定的使用樣態而使用(包括重製、傳送、轉載、更動等行為)本內容。 <br>
10.4.請用戶自行儲存投稿內容的備份。本公司並無義務儲存投稿內容的備份。<br>
10.5.本服務可能具備多數用戶可進行投稿、修改、刪除等編輯的功能。於此情形下，用戶同意其他用戶可編輯該用戶自行投稿的內容。<br>
10.6.用戶對投稿內容所應有的權利照常維持不變，本公司並未取得相關權利。但投稿內容屬於對其他不在好友名單內的用戶亦會公開的內容，用戶以無償、無限期、不限地點的方式，授權本公司將該投稿內容用於服務或促銷活動的權利（包括於認有必要且適當的範圍內，本公司得加以省略等變更的權利。另包括本公司將相關使用權再授權給與本公司有業務合作的第三人的權利）。<br>
10.7.本公司需確認有無違反法令或本條款規定等情形時，得對投稿內容進行確認。但此不代表本公司有義務進行該等確認。 <br>
10.8.本公司認為用戶投稿內容違反相關法令或本條款規定或有違反之虞時，或有其他業務上需求時，得在不事先通知用戶的情形下，以刪除投稿內容等方式限制本服務中投稿內容的使用。</p>
<p> </p>
<h4>11. 代幣</h4>
<p><br>
11.1.代幣是透過在本服務購買、相關活動及其他本公司指定的方式提供給用戶。代幣的購買單位、付款方式、其他代幣提供條件等，由本公司訂定並顯示在本服務中。<br>
11.2.除本公司所指定服務或內容外，代幣無法兌換現金、財物或其他經濟利益。兌換服務或內容所需要的代幣數額及其他代幣使用條件，由本公司訂定並標註於本服務中。<br>
11.3.在取得代幣的帳號內，方可使用代幣。另作業系統不同的終端設備所提供的代幣，即使其名稱相同但種類仍不同，故無法進行移轉或合計。<br>
11.4.不論任何理由，代幣概不退還。但法令規定有必要者，則不在此限。於此情形下，代幣返還方式將依照法令規定由本公司訂定，並顯示在本公司網站等處。</p>
<p> </p>
<h4>12. 禁止事項</h4>
<p><br>
用戶於使用本服務時不得從事下列所述行為：</p>
<p><br>
12.1.違反法令、法院判決、裁定或命令或具有法令拘束力的行政措施的行為。 <br>
12.2.恐有危害公共秩序或善良風俗的行為。 <br>
12.3.侵害本公司或第三人的著作權、商標權、專利權等智慧財產權、名譽權、隱私權、其他法令或契約規定權利的行為。 <br>
12.4.投稿或傳送內容有過度暴力的表現、性暗示過度露骨的表現、涉及人種、國籍、信仰、性別、社會地位、家世等有關歧視的表現、引誘或助長自殺、自傷行為或濫用藥物的表現、其他包含反社會情節在內等使人感到不愉快的表現的行為。 <br>
12.5.偽裝成本公司或第三人的行為或故意散布不實資訊的行為。<br>
12.6.傳送相同或類似訊息給不特定多數用戶的行為（經本公司同意者除外）、隨機將其他用戶加入為好友或群組留言板的行為、及其他本公司判斷為垃圾訊息的行為。 <br>
12.7.藉由本公司規定以外的方式，以本內容的使用權兌換現金、財物或其他經濟利益的行為。 <br>
12.8.以行銷、宣傳、廣告、招攬或其他營利為目的之行為（經本公司同意者除外）、以性行為或猥褻行為為目的之行為、以與未曾謀面的異性認識或交往為目的之行為、以騷擾或毀謗中傷其他用戶為目的之行為、其他基於與本服務訂定的使用目的不同之目的使用本服務的行為。<br>
12.9.對反社會勢力提供利益或其他協助的行為。<br>
12.10.勸誘參與宗教活動或宗教團體的行為。<br>
12.11.不當蒐集、公開或提供他人的個人資料、註冊資料、使用記錄資料等的行為。<br>
12.12.干擾本服務的伺服器或網路系統的行為、利用BOT、作弊工具、其他技術性手段不當操作服務的行為、故意利用本服務漏洞的行為、超出必要限度重複同一問題等對本公司提出不當洽詢或要求的行為、其他妨礙本公司經營本服務或其他用戶使用本服務，並製造干擾的行為。<br>
12.13.支援或助長符合前述第12.1.項至第12.12項任一行為的行為。<br>
12.14.其他本公司判斷為不適當的行為。</p>
<p> </p>
<h4>13. 用戶責任</h4>
<p><br>
13.1.用戶應自行承擔責任使用本服務，對於在本服務所從事的所有行為及其結果應自行負擔一切責任。<br>
13.2.本公司認為用戶在違反本條款情形下使用本服務時，將採取本公司判斷有必要且適當的措施。但此不代表本公司有義務防止或糾正該等違反情形。<br>
13.3.起因於用戶使用本服務（包括本公司自第三人處收到原因為該等使用的申訴），致本公司直接或間接蒙受任何損害（包括律師費用的負擔）時，用戶應依照本公司要求立即給予補償。</p>
<p> </p>
<h4>14. 本公司的免責</h4>
<p><br>
14.1.不論明示或默示，本公司均未保證本服務（包括本內容）不具有事實瑕疵或法律瑕疵（包括安全性、可靠性、正確性、完整性、有效性、特定目的的適用性、安全等相關缺陷、錯誤或程式錯誤、權利侵害等）。本公司對用戶並無清除該等瑕疵後再提供本服務的義務。 <br>
14.2.因本服務而對用戶所造成的所有損害，本公司將不負任何責任。但本公司與用戶間的本服務相關契約（包括本條款）為消費者契約法規定的消費者契約時，則不適用此免責規定。 <br>
14.3.即使在前述第14.2.項但書所規定情形下，在因本公司過失（重大過失除外）所發生的債務不履行或侵權行為對用戶所造成的損害中，本公司對於特殊事由所造成的損害（包括本公司或用戶就損害發生已預見或有可能預見者），亦概不負其責。此外，因本公司過失（重大過失除外）所發生債務不履行或侵權行為對用戶所造成的損害，其賠償以發生該等損害當月自用戶收取的使用金額為上限。</p>
<p> </p>
<h4>15. 聯絡方式</h4>
<p><br>
15.1.本公司向用戶聯絡本服務相關事項，以於本公司經營網站內的適當處公布或其他本公司判斷為適當的方式進行。 <br>
15.2.用戶向本公司聯絡本服務相關事項，請以本公司經營網站內的適當處所設置的問題反應表傳送或依本公司指定方式進行。</p>
<p> </p>
<h4>16. 準據法、管轄法院</h4>
<p><br>
本條款以中文為準，其準據法為中文法律。用戶與本公司間所發生起因於本服務或與本服務有關連的紛爭，以台灣高等法院。</p>
<p> </p>
<p><br>
以上</p>
<p> </p>
<p><br>
2011年10月31日自<a href="http://line.naver.jp/terms/zh-hant/">NAVER使用條款</a>獨立並修訂。<br>
2012年01月01日 隨同集團企業的統合將公司名稱由「NAVER Japan Corporation」改為「NHN Japan Corporation」<br>
2012年01月27日 修訂<br>
2012年03月02日 修訂<br>
2012年04月26日 修訂<br>
2012年08月15日 修訂<br>
2013年04月01日 修訂</p>
<br>
</div><!--.colum-blue-inner over-->
</section> <div class="dec-qyropaGo01" style=" " ></div><!--奇樂寶寶走路-->
</div><!--.colum over-->
<!-----------------------------------------------------------------------------------服務條款 over ------>
<!--#footer--------------------------------------------------------------------------------------->
<div id="footer">
<div id="footer-inner">
<div id="footer-logo" >
<div class="slide">
<ul >
<li class="slide-list" ></li>
<li class="slide-list" ></li>
<li class="slide-list" ></li>
<li class="slide-list" ></li>
<li class="slide-list" ></li>
<li class="slide-list" ></li>
</ul>
</div>
</div>
<p class="footer-p" >
<a id="fb" href="#">Facebook</a>
<a id="go" href="#">google+</a>
<a id="tw" href="#">Twitter</a><br/>
<a href="about.html"> 關於我們</a> |
<a href="terms.html"> 私隱政策 </a> |
<a href="rules.html"> 服務條款</a>|
<a href="FAQ.html#contactUs">聯絡我們</a>
</p>
<div class="level"></div>
</div>
</div>
<!--#footer over--------------------------------------------------------------------------------------->
<!-- 裝飾 ------------------------------------------------------------------------->
<article>
<div class="body-bg-stars" style="top:30px; left:0px;" ></div>
<div class="dec-cloud" style=" top:1377px ; right:60px ; animation:cloud 3s infinite alternate ;-webkit-animation:cloud 3s infinite alternate "></div>
<div class="dec-cloud" style=" top:700px ; left:60px ; animation:cloud2 3s infinite alternate ;-webkit-animation:cloud 3s infinite alternate "></div>
</article>
<!-- 裝飾over ------------------------------------------------------------------------->
</html>