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
/*黃色陳列架*/
#footer { padding:0px; position:absolute; top:70px; right:-636px; width:676px; height:354px; z-index:99999; background-size:cover; transition:right 0.6s ease; }
#footer:hover { right:0px; }
#footer a { display:none; }
#footer .copyright.clearfix { font-size:0px; margin:0px; }

/*陳列架格子與隔板*/
#footer:before, #footer:after, #footer li, #footer li:before, #footer li:after { content:""; display:block; position:absolute; background-repeat:no-repeat; background-position:center center; }
#footer:after { z-index:-9; }

/*陳列架隔板*/
#footer:before { left:177px; top:206px; width:128px; height:31px; }
#footer:after { left:264px; top:239px; width:214px; height:31px; }
#footer li:nth-child(1):before { left:263px; top:199px; width:214px; height:31px; }
#footer li:nth-child(1):after { left:263px; top:9px; width:214px; height:93px; }

/*陳列架格子*/
#footer li:nth-child(1), #footer li:nth-child(2), #footer li:nth-child(2):before, #footer li:nth-child(2):after, #footer li:nth-child(n+3) { width:80px; height:64px; }
#footer li:nth-child(11) { width:0px; height:0px; }
#footer li:nth-child(n+9) { width:160px; }
#footer li:nth-child(n+3):before, #footer li:nth-child(n+3):after { width:100%; height:100%; left:254px; }
#footer li:nth-child(n+3):after { left:442px; }

#footer li:nth-child(1), #footer li:nth-child(2) { left:189px; }
#footer li:nth-child(1) { top:40px; }
#footer li:nth-child(2) { top:104px; }
#footer li:nth-child(2):before { top:64px; }
#footer li:nth-child(2):after { top:128px; }

#footer li:nth-child(n+3) { left:22px; }
#footer li:nth-child(4), #footer li:nth-child(6), #footer li:nth-child(8) { left:102px; }
#footer li:nth-child(3), #footer li:nth-child(4) { top:9px; }
#footer li:nth-child(5), #footer li:nth-child(6) { top:73px; }
#footer li:nth-child(7), #footer li:nth-child(8) { top:137px; }
#footer li:nth-child(9) { top:201px; }
#footer li:nth-child(10) { top:265px; }

/*========================*/
/*　　　　　　　陳列架本體　　　　　　　*/
/*========================*/

#footer { background:url(https://imgur.com/G00UV5r.png); }
#footer:before { background:url(https://imgur.com/JCdduIm.png); }
#footer:after { background:url(https://imgur.com/IfdhDVg.png); }
#footer li:nth-child(1):before { background:url(https://imgur.com/eNiG3Rf.png); }
#footer li:nth-child(1):after { background:url(https://imgur.com/2HWqONF.png); }

/*========================*/
/*　　　　　　　　陳列架　　　　　　　　*/
/*========================*/

/*陳列架隔板開關*/
//#footer:before { display:none; }
//#footer:after { display:none; }
//#footer li:nth-child(1):before { display:none; }
//#footer li:nth-child(1):after { background:url(https://imgur.com/UDZ35Wj.png); }

/*上下合併-單格櫃下層*/
//#footer li:nth-child(2):before { background-position:center bottom; }
//#footer li:nth-child(2):after { background-position:center top; }
/*上下合併-中櫃下層*/
//#footer li:nth-child(9):before { background-position:center bottom; }
//#footer li:nth-child(10):before { background-position:center top; }
/*上下合併-右櫃下層*/
//#footer li:nth-child(9):after { background-position:center bottom; }
//#footer li:nth-child(10):after { background-position:center top; }
/*上下合併-右櫃上層左邊*/
//#footer li:nth-child(3):after { background-position:center bottom; }
//#footer li:nth-child(5):after { background-position:center top; }
/*上下合併-右櫃上層右邊*/
//#footer li:nth-child(4):after { background-position:center bottom; }
//#footer li:nth-child(6):after { background-position:center top; }

/*左右合併-左櫃上第一層*/
//#footer li:nth-child(3) { background-position:right center; }
//#footer li:nth-child(4) { background-position:left center; }
/*左右合併-左櫃上第二層*/
//#footer li:nth-child(5) { background-position:right center; }
//#footer li:nth-child(6) { background-position:left center; }
/*左右合併-左櫃上第三層*/
//#footer li:nth-child(7) { background-position:right center; }
//#footer li:nth-child(8) { background-position:left center; }
/*左右合併-中櫃上第一層*/
//#footer li:nth-child(3):before { background-position:right center; }
//#footer li:nth-child(4):before { background-position:left center; }
/*左右合併-中櫃上第二層*/
//#footer li:nth-child(5):before { background-position:right center; }
//#footer li:nth-child(6):before { background-position:left center; }
/*左右合併-中櫃上第三層*/
//#footer li:nth-child(7):before { background-position:right center; }
//#footer li:nth-child(8):before { background-position:left center; }
/*左右合併-右櫃上第一層*/
//#footer li:nth-child(3):after { background-position:right center; }
//#footer li:nth-child(4):after { background-position:left center; }
/*左右合併-右櫃上第二層*/
//#footer li:nth-child(5):after { background-position:right center; }
//#footer li:nth-child(6):after { background-position:left center; }
/*左右合併-右櫃上第三層*/
//#footer li:nth-child(7):after { background-position:right center; }
//#footer li:nth-child(8):after { background-position:left center; }

/*右櫃上層四格合併*/
//#footer li:nth-child(3):after { background-position:right bottom; }
//#footer li:nth-child(4):after { background-position:left bottom; }
//#footer li:nth-child(5):after { background-position:right top; }
//#footer li:nth-child(6):after { background-position:left top; }

/*========================*/
/*　　　　　　　陳列架內容　　　　　　　*/
/*========================*/

/*陳列架內容物-單格櫃*/
#footer li:nth-child(1) { background-image:url(); }
#footer li:nth-child(2) { background-image:url(); }
#footer li:nth-child(2):before { background-image:url(); }
#footer li:nth-child(2):after { background-image:url(); }
/*陳列架內容物-左櫃*/
#footer li:nth-child(3) { background-image:url(); }
#footer li:nth-child(4) { background-image:url(); }
#footer li:nth-child(5) { background-image:url(); }
#footer li:nth-child(6) { background-image:url(); }
#footer li:nth-child(7) { background-image:url(); }
#footer li:nth-child(8) { background-image:url(); }
#footer li:nth-child(9) { background-image:url(); }
#footer li:nth-child(10) { background-image:url(); }
/*陳列架內容物-中櫃*/
#footer li:nth-child(3):before { background-image:url(); }
#footer li:nth-child(4):before { background-image:url(); }
#footer li:nth-child(5):before { background-image:url(); }
#footer li:nth-child(6):before { background-image:url(); }
#footer li:nth-child(7):before { background-image:url(); }
#footer li:nth-child(8):before { background-image:url(); }
#footer li:nth-child(9):before { background-image:url(); }
#footer li:nth-child(10):before { background-image:url(); }
/*陳列架內容物-右櫃*/
#footer li:nth-child(3):after { background-image:url(); }
#footer li:nth-child(4):after { background-image:url(); }
#footer li:nth-child(5):after { background-image:url(); }
#footer li:nth-child(6):after { background-image:url(); }
#footer li:nth-child(7):after { background-image:url(); }
#footer li:nth-child(8):after { background-image:url(); }
#footer li:nth-child(9):after { background-image:url(); }
#footer li:nth-child(10):after { background-image:url(); }