Issues:
1@charset "UTF-8";
2
3/*font icon*/
4
5
6
7:focus,
8:active {
9 outline: none;
10}
11
12body,
13html {
14 margin: 0;
15 padding: 0;
16}
17
18body,
19html,
20header,
21footer,
22span,
23p,
24div,
25main,
26a,
27ul,
28li {
29
-webkit-box-sizing: border-box;
30 box-sizing: border-box;
31}
32
33header {
34 max-width: 100%;
35 width: 100%;
36 position: fixed;
37 z-index: 5;
38 top: 0;
39 left: 0;
40}
41
42main,
43footer,
44.max_w1200 {
45 max-width: 1200px;
46 padding-left: 15px;
47 padding-right: 15px;
48}
49
50header,
51main,
52footer,
53.max_w1200 {
54 margin-left: auto;
55 margin-right: auto;
56}
57
58body {
59 line-height: 1.42857143;
60 font-family: sans-serif;
61 background: #202826;
62
filter:
progid:DXImageTransform.Microsoft.gradient( startColorstr='#005a41', endColorstr='#007b5a', GradientType=0 );
63 color: #fafcfc;
64 background-repeat: no-repeat;
65 background-size: 100%;
66}
67
68main {
69 padding-top: 2rem;
70}
71
72h1 {
73 font-size: 55px;
74 text-align: center;
75 margin: 20px auto;
76}
77
78h2 {
79 font-size: 24px;
80 background-color: rgba(208, 220, 216, 0.1);
81 line-height: 50px;
82 padding-left: 15px;
83 margin: 20px 0 3px;
84}
85
86a {
87 text-decoration: none;
88 cursor: pointer;
89}
90
91a:hover {
92 text-decoration: none;
93 color: inherit;
94}
95
96p {
97
font-size: 14px;
98 color: #dbe7e3;
99 text-align: justify;
100}
101
102.d_flex {
103 display: -webkit-box;
104
display: -ms-flexbox;
105
display: flex;
106}
107
108.a_center {
109
-webkit-box-align: center;
110
-ms-flex-align: center;
111 align-items: center;
112}
113
114.j_between {
115
-webkit-box-pack: justify;
116
-ms-flex-pack: justify;
117 justify-content: space-between;
118}
119
120.j_center {
121
-webkit-box-pack: center;
122
-ms-flex-pack: center;
123 justify-content: center;
124}
125
126.j_around {
127
-ms-flex-pack: distribute;
128 justify-content: space-around;
129}
130
131.header_link {
132 line-height: 40px;
133 width: 50%;
134 text-align: center;
135 color: #dbe7e3;
136}
137
138.header_link_blue {
139 background-color: #151b19;
140 font-size: 24px;
141 font-weight: bold;
142}
143
144.header_link_green {
145 background-color: #253834;
146}
147
148.update span {
149
font-size: 10px;
150 color: #dbe7e3;
151}
152
153.link_hash {
154 text-decoration: underline;
155 color: #f9dc1c;
156 font-size: 20px;
157 font-weight: bold;
158 margin-top:15px;
159 padding-left: 5px;
160 padding-right: 5px
161}
162
163.link_hash:hover {
164 position: relative;
165 top: 1px;
166 color: #f9dc1c;
167}
168
169.bet365-button {
170 padding: 7px 0 4px 0;
171 display: block;
172 width: 40%;
173 text-align: center;
174 margin: 25px auto 30px;
175 font-size: 30px;
176
-webkit-box-shadow: 0px 7px 0px #4a0000;
177 box-shadow: 0px 7px 0px #4a0000;
178 border-radius: 5px;
179}
180
181.bet365-button-official {
182 color: #fafcfc;
183 background-color: #007b5b;
184 box-shadow: 0px 7px 0px #005a40;
185
186}
187
188.bet365-button-yellow {
189 background-color: #f9dc1c;
190
-webkit-box-shadow: 0px 7px 0px #474a00;
191 box-shadow: 0px 7px 0px #474a00;
192 color: #005a40;
193 margin-bottom: 20px;
194}
195
196.bet365-button-yellow:hover {
197 color: #005a40;
198}
199
200.bet365-button:hover,
201.bet365-logo:hover {
202 position: relative;
203 top: 2px;
204
-webkit-box-shadow: none;
205 box-shadow: none;
206
207}
208
209.bet365-logo {
210 margin: 25px auto 0;
211 display: block;
212 width: 40%;
213 height: 95px;
214 background-color: #007b5b;
215 border-radius: 5px;
216
-webkit-box-shadow: 0px 7px 0px #005a40;
217 box-shadow: 0px 7px 0px #005a40;
218}
219
220.bet365-logo img {
221 margin: 0 auto;
222 display: block;
223 position: relative;
224 top: 25px;
225}
226
227.text-box {
228 background-color: rgba(208, 220, 216, 0.05);
229 padding-top: 15px;
230 padding-bottom: 20px;
231 padding-left: 15px;
232 padding-right: 15px;
233}
234
235.text-box a {
236 color: #c3d300;
237}
238
239.text-box a:hover {
240 color: #fff;
241}
242
243.important_title {
244 font-weight: 700;
245}
246
247.important_title img {
248 margin-right: 10px;
249}
250
251.important_title span {
252 font-weight: normal;
253}
254
255.flags img {
256 width: 32px;
257 height: 32px;
258}
259
260.bet_link_box {
261 margin-bottom: 1rem;
262}
263
264footer {
265 margin-top: 2rem;
266}
267
268
269
270.text_center {
271 text-align: center;
272}
273
274
275
276
277
278.copyright {
279 font-weight: 700;
280 margin-top: 3rem;
281}
282
283ol {
284
font-size: 14px;
285 font-weight: 700;
286 padding-left: 15px;
287}
288
289ul {
290
font-size: 14px;
291 font-weight: 700;
292 list-style-type: none;
293 padding-left: 0;
294}
295
296ul li {
297 margin-bottom: 0.5em;
298
299}
300
301
302
303@media (max-width: 992px) {
304 h2 {
305 font-size: 35px;
306 }
307}
308
309@media (max-width: 768px) {
310 .bet365-button {
311 width: 270px;
312 font-size: 24px;
313 }
314
315 .bet365-logo {
316 width: 270px;
317 }
318
319 h1 {
320 font-size: 40px;
321 }
322
323 h2 {
324 font-size: 25px;
325 line-height: 50px;
326 }
327
328 .bet365-logo {
329 width: 270px;
330 }
331}
332
333@media screen and (max-width: 450px) {
334 h1 {
335 font-size: 32px;
336 }
337
338 .copy_img_box img {
339 height: 25px;
340 }
341
342 .copyright {
343
font-size: 12px;
344 }
345}