/* --------------- Base (Base Styles) --------------- */

.section:first-child { position:fixed; top:0; bottom:0; left:0; right:0; }
.section:first-child>:first-child { background-color: #222; border-right: solid 1px #FFF; box-shadow: 0 0 10px 1px rgba(0,0,0,0.5); }
.section:first-child>:first-child>:first-child>li { background-color: #222; cursor: pointer; -webkit-transition: background-color 0.1s; transition: background-color 0.1s; }
.section:first-child>:first-child>:first-child>li:hover { background-color: #666; }
.section:first-child>:first-child>:first-child>li.active { background-color: #BBB; }

#stylelist>li { background-color: #222; cursor: move; -webkit-transition: background-color 0.1s; transition: background-color 0.1s; }
#stylelist>li:hover { background-color: #666; }
#dragitem { position: fixed; width: 0; height: 0; top: -50px; left: -50px; }
#dragitem>img { position: absolute; width: 0; height: 0; top: 0; left: 0; background-color: #222; }


.section:first-child>div { height: 100%; position: relative; }

#sign { height: 100%; position: relative; min-height: 300px; height: 100%; overflow:hidden; }
#sign>div { position: absolute; }
#sign>div>div { -webkit-transition: top 0.2s, bottom 0.2s, left 0.2s, right 0.2s; transition: top 0.2s, bottom 0.2s, left 0.2s, right 0.2s; position: absolute; top: -120px; left: -200px; bottom: -120px; right: -200px; background-color: #222; border: solid 1px #FFF; box-shadow: 0 0 10px 1px rgba(0,0,0,0.5); }
#sign>.size-1>div { top: -12px; left: -20px; bottom: -12px; right: -20px; }
#sign>.size-2>div { top: -14.4px; left: -24px; bottom: -14.4px; right: -24px; }
#sign>.size-3>div { top: -17.2px; left: -28.8px; bottom: -17.2px; right: -28.8px; }
#sign>.size-4>div { top: -20.7px; left: -34.5px; bottom: -20.7px; right: -34.5px; }
#sign>.size-5>div { top: -24.8px; left: -41.4px; bottom: -24.8px; right: -41.4px; }
#sign>.size-6>div { top: -29.8px; left: -49.7px; bottom: -29.8px; right: -49.7px; }
#sign>.size-7>div { top: -35.8px; left: -59.7px; bottom: -35.8px; right: -59.7px; }
#sign>.size-8>div { top: -42.9px; left: -71.6px; bottom: -42.9px; right: -71.6px; }
#sign>.size-9>div { top: -51.5px; left: -85.9px; bottom: -51.5px; right: -85.9px; }
#sign>.size-10>div { top: -61.9px; left: -103.1px; bottom: -61.9px; right: -103.1px; }
#sign>.size-11>div { top: -74.3px; left: -123.8px; bottom: -74.3px; right: -123.8px; }
#sign>.size-12>div { top: -89.1px; left: -148.6px; bottom: -89.1px; right: -148.6px; }
#sign>.size-13>div { top: -106.9px; left: -178.3px; bottom: -106.9px; right: -178.3px; }
#sign>.size-14>div { top: -128.3px; left: -213.9px; bottom: -128.3px; right: -213.9px; }
#sign>.size-15>div { top: -154px; left: -256.7px; bottom: -154px; right: -256.7px; }
#sign>.size-16>div { top: -184.8px; left: -308.1px; bottom: -184.8px; right: -308.1px; }
#sign>.size-17>div { top: -221.8px; left: -369.7px; bottom: -221.8px; right: -369.7px; }
#sign>.size-18>div { top: -266.2px; left: -443.7px; bottom: -266.2px; right: -443.7px; }
#sign>.size-19>div { top: -319.4px; left: -532.4px; bottom: -319.4px; right: -532.4px; }
#sign>.size-20>div { top: -383.3px; left: -638.9px; bottom: -383.3px; right: -638.9px; }
#sign>.size-21>div { top: -460px; left: -766.7px; bottom: -460px; right: -766.7px; }
#sign>.size-22>div { top: -552px; left: -920.1px; bottom: -552px; right: -920.1px; }
#sign>.size-23>div { top: -662.4px; left: -1104.1px; bottom: -662.4px; right: -1104.1px; }
#sign>.size-24>div { top: -794.9px; left: -1324.9px; bottom: -794.9px; right: -1324.9px; }
#sign>.size-25>div { top: -953.9px; left: -1589.9px; bottom: -953.9px; right: -1589.9px; }
#sign>.size-26>div { top: -1144.7px; left: -1907.9px; bottom: -1144.7px; right: -1907.9px; }
#sign>.size-27>div { top: -1373.7px; left: -2289.5px; bottom: -1373.7px; right: -2289.5px; }
#sign>.size-28>div { top: -1648.4px; left: -2747.4px; bottom: -1648.4px; right: -2747.4px; }
#sign>.size-29>div { top: -1978.1px; left: -3296.8px; bottom: -1978.1px; right: -3296.8px; }
#sign>.size-30>div { top: -2373.7px; left: -3956.2px; bottom: -2373.7px; right: -3956.2px; }
#sign>.size-31>div { top: -2848.5px; left: -4747.5px; bottom: -2848.5px; right: -4747.5px; }
#sign>.size-32>div { top: -3418.2px; left: -5697px; bottom: -3418.2px; right: -5697px; }

#sign>div>#header { display:none; }
#sign>div>#header.on { display:block; }

#sign>.size-1>div#header { top:-16px; left: -16px; bottom: 8px; right: -16px; }
#sign>.size-2>div#header { top:-19.2px; left: -19.2px; bottom: 9.6px; right: -19.2px; }
#sign>.size-3>div#header { top:-22.93px; left: -23.04px; bottom: 11.467px; right: -23.04px; }
#sign>.size-4>div#header { top:-27.6px; left: -27.6px; bottom: 13.8px; right: -27.6px; }
#sign>.size-5>div#header { top: -33.067px; left: -33.12px; bottom: 16.53px; right: -33.12px; }
#sign>.size-6>div#header { top:-39.73px; left: -39.76px; bottom: 19.867px; right: -39.76px; }
#sign>.size-7>div#header { top:-47.73px; left: -47.76px; bottom: 23.867px; right: -47.76px; }
#sign>.size-8>div#header { top:-57.2px; left: -57.28px; bottom: 28.6px; right: -57.28px; }
#sign>.size-9>div#header { top:-68.67px; left: -68.72px; bottom: 34.3px; right: -68.72px; }
#sign>.size-10>div#header { top:-82.53px; left: -82.48px; bottom: 41.267px; right: -82.48px; }
#sign>.size-11>div#header { top:-99.067px; left: -99.04px; bottom: 49.53px; right: -99.04px; }
#sign>.size-12>div#header { top:-118.8px; left: -118.88px; bottom: 59.4px; right: -118.88px; }
#sign>.size-13>div#header { top:-142.53px; left: -142.64px; bottom: 71.267px; right: -142.64px; }
#sign>.size-14>div#header { top:-171.067px; left: -171.12px; bottom: 85.534px; right: -171.12px; }
#sign>.size-15>div#header { top:-205.3px; left: -205.36px; bottom: 102.67px; right: -205.36px; }
#sign>.size-16>div#header { top:-246.4px; left: -246.48px; bottom: 123.2px; right: -246.48px; }
#sign>.size-17>div#header { top:-295.73px; left: -295.76px; bottom: 147.867px; right: -295.76px; }
#sign>.size-18>div#header { top:-354.93px; left: -354.96px; bottom: 177.467px; right: -354.96px; }
#sign>.size-19>div#header { top:-425.867px; left: -425.92px; bottom: 212.93px; right: -425.92px; }
#sign>.size-20>div#header { top:-511.067px; left: -511.12px; bottom: 255.53px; right: -511.12px; }
#sign>.size-21>div#header { top:-613.3px; left: -613.36px; bottom: 306.67px; right: -613.36px; }
#sign>.size-22>div#header { top:-736px; left: -736.08px; bottom: 368px; right: -736.08px; }
#sign>.size-23>div#header { top:-883.2px; left: -883.28px; bottom: 441.6px; right: -883.28px; }
#sign>.size-24>div#header { top:-1059.867px; left: -1059.92px; bottom: 529.93px; right: -1059.92px; }
#sign>.size-25>div#header { top:-1271.867px; left: -1271.92px; bottom: 635.93px; right: -1271.92px; }
#sign>.size-26>div#header { top:-1526.267px; left: -1526.32px; bottom: 763.13px; right: -1526.32px; }
#sign>.size-27>div#header { top:-1831.6px; left: -1831.6px; bottom: 915.8px; right: -1831.6px; }
#sign>.size-28>div#header { top:-2197.867px; left: -2197.92px; bottom: 1098.93px; right: -2197.92px; }
#sign>.size-29>div#header { top:-2637.467px; left: -2637.44px; bottom: 1318.73px; right: -2637.44px; }
#sign>.size-30>div#header { top:-3164.93px; left: -3164.96px; bottom: 1582.467px; right: -3164.96px; }
#sign>.size-31>div#header { top:-3798px; left: -3798px; bottom: 1899px; right: -3798px; }
#sign>.size-32>div#header { top:-4557.6px; left: -4557.6px; bottom: 2278.8px; right: -4557.6px; }







#sign>div>div>div>img { position:absolute; left:0; top:0; width:100%; height:100%; box-sizing: border-box; background: #222; }

#sign>div>div>div { position:absolute; left:0; top:0; width:0.416666666667%; height:0.694444444444%; }

#sign>div>div>div { position:absolute; left:0; top:0; width:0.833333333333%; height:1.38888888889%; }
#sign>div>div>.xpos-0 { left:0.000%; }
#sign>div>div>.xpos-1 { left:0.833%; }
#sign>div>div>.xpos-2 { left:1.667%; }
#sign>div>div>.xpos-3 { left:2.500%; }
#sign>div>div>.xpos-4 { left:3.333%; }
#sign>div>div>.xpos-5 { left:4.167%; }
#sign>div>div>.xpos-6 { left:5.000%; }
#sign>div>div>.xpos-7 { left:5.833%; }
#sign>div>div>.xpos-8 { left:6.667%; }
#sign>div>div>.xpos-9 { left:7.500%; }
#sign>div>div>.xpos-10 { left:8.333%; }
#sign>div>div>.xpos-11 { left:9.167%; }
#sign>div>div>.xpos-12 { left:10.000%; }
#sign>div>div>.xpos-13 { left:10.833%; }
#sign>div>div>.xpos-14 { left:11.667%; }
#sign>div>div>.xpos-15 { left:12.500%; }
#sign>div>div>.xpos-16 { left:13.333%; }
#sign>div>div>.xpos-17 { left:14.167%; }
#sign>div>div>.xpos-18 { left:15.000%; }
#sign>div>div>.xpos-19 { left:15.833%; }
#sign>div>div>.xpos-20 { left:16.667%; }
#sign>div>div>.xpos-21 { left:17.500%; }
#sign>div>div>.xpos-22 { left:18.333%; }
#sign>div>div>.xpos-23 { left:19.167%; }
#sign>div>div>.xpos-24 { left:20.000%; }
#sign>div>div>.xpos-25 { left:20.833%; }
#sign>div>div>.xpos-26 { left:21.667%; }
#sign>div>div>.xpos-27 { left:22.500%; }
#sign>div>div>.xpos-28 { left:23.333%; }
#sign>div>div>.xpos-29 { left:24.167%; }
#sign>div>div>.xpos-30 { left:25.000%; }
#sign>div>div>.xpos-31 { left:25.833%; }
#sign>div>div>.xpos-32 { left:26.667%; }
#sign>div>div>.xpos-33 { left:27.500%; }
#sign>div>div>.xpos-34 { left:28.333%; }
#sign>div>div>.xpos-35 { left:29.167%; }
#sign>div>div>.xpos-36 { left:30.000%; }
#sign>div>div>.xpos-37 { left:30.833%; }
#sign>div>div>.xpos-38 { left:31.667%; }
#sign>div>div>.xpos-39 { left:32.500%; }
#sign>div>div>.xpos-40 { left:33.333%; }
#sign>div>div>.xpos-41 { left:34.167%; }
#sign>div>div>.xpos-42 { left:35.000%; }
#sign>div>div>.xpos-43 { left:35.833%; }
#sign>div>div>.xpos-44 { left:36.667%; }
#sign>div>div>.xpos-45 { left:37.500%; }
#sign>div>div>.xpos-46 { left:38.333%; }
#sign>div>div>.xpos-47 { left:39.167%; }
#sign>div>div>.xpos-48 { left:40.000%; }
#sign>div>div>.xpos-49 { left:40.833%; }
#sign>div>div>.xpos-50 { left:41.667%; }
#sign>div>div>.xpos-51 { left:42.500%; }
#sign>div>div>.xpos-52 { left:43.333%; }
#sign>div>div>.xpos-53 { left:44.167%; }
#sign>div>div>.xpos-54 { left:45.000%; }
#sign>div>div>.xpos-55 { left:45.833%; }
#sign>div>div>.xpos-56 { left:46.667%; }
#sign>div>div>.xpos-57 { left:47.500%; }
#sign>div>div>.xpos-58 { left:48.333%; }
#sign>div>div>.xpos-59 { left:49.167%; }
#sign>div>div>.xpos-60 { left:50.000%; }
#sign>div>div>.xpos-61 { left:50.833%; }
#sign>div>div>.xpos-62 { left:51.667%; }
#sign>div>div>.xpos-63 { left:52.500%; }
#sign>div>div>.xpos-64 { left:53.333%; }
#sign>div>div>.xpos-65 { left:54.167%; }
#sign>div>div>.xpos-66 { left:55.000%; }
#sign>div>div>.xpos-67 { left:55.833%; }
#sign>div>div>.xpos-68 { left:56.667%; }
#sign>div>div>.xpos-69 { left:57.500%; }
#sign>div>div>.xpos-70 { left:58.333%; }
#sign>div>div>.xpos-71 { left:59.167%; }
#sign>div>div>.xpos-72 { left:60.000%; }
#sign>div>div>.xpos-73 { left:60.833%; }
#sign>div>div>.xpos-74 { left:61.667%; }
#sign>div>div>.xpos-75 { left:62.500%; }
#sign>div>div>.xpos-76 { left:63.333%; }
#sign>div>div>.xpos-77 { left:64.167%; }
#sign>div>div>.xpos-78 { left:65.000%; }
#sign>div>div>.xpos-79 { left:65.833%; }
#sign>div>div>.xpos-80 { left:66.667%; }
#sign>div>div>.xpos-81 { left:67.500%; }
#sign>div>div>.xpos-82 { left:68.333%; }
#sign>div>div>.xpos-83 { left:69.167%; }
#sign>div>div>.xpos-84 { left:70.000%; }
#sign>div>div>.xpos-85 { left:70.833%; }
#sign>div>div>.xpos-86 { left:71.667%; }
#sign>div>div>.xpos-87 { left:72.500%; }
#sign>div>div>.xpos-88 { left:73.333%; }
#sign>div>div>.xpos-89 { left:74.167%; }
#sign>div>div>.xpos-90 { left:75.000%; }
#sign>div>div>.xpos-91 { left:75.833%; }
#sign>div>div>.xpos-92 { left:76.667%; }
#sign>div>div>.xpos-93 { left:77.500%; }
#sign>div>div>.xpos-94 { left:78.333%; }
#sign>div>div>.xpos-95 { left:79.167%; }
#sign>div>div>.xpos-96 { left:80.000%; }
#sign>div>div>.xpos-97 { left:80.833%; }
#sign>div>div>.xpos-98 { left:81.667%; }
#sign>div>div>.xpos-99 { left:82.500%; }
#sign>div>div>.xpos-100 { left:83.333%; }
#sign>div>div>.xpos-101 { left:84.167%; }
#sign>div>div>.xpos-102 { left:85.000%; }
#sign>div>div>.xpos-103 { left:85.833%; }
#sign>div>div>.xpos-104 { left:86.667%; }
#sign>div>div>.xpos-105 { left:87.500%; }
#sign>div>div>.xpos-106 { left:88.333%; }
#sign>div>div>.xpos-107 { left:89.167%; }
#sign>div>div>.xpos-108 { left:90.000%; }
#sign>div>div>.xpos-109 { left:90.833%; }
#sign>div>div>.xpos-110 { left:91.667%; }
#sign>div>div>.xpos-111 { left:92.500%; }
#sign>div>div>.xpos-112 { left:93.333%; }
#sign>div>div>.xpos-113 { left:94.167%; }
#sign>div>div>.xpos-114 { left:95.000%; }
#sign>div>div>.xpos-115 { left:95.833%; }
#sign>div>div>.xpos-116 { left:96.667%; }
#sign>div>div>.xpos-117 { left:97.500%; }
#sign>div>div>.xpos-118 { left:98.333%; }
#sign>div>div>.xpos-119 { left:99.167%; }
#sign>div>div>.ypos-0 { top:0.000%; }
#sign>div>div>.ypos-1 { top:1.389%; }
#sign>div>div>.ypos-2 { top:2.778%; }
#sign>div>div>.ypos-3 { top:4.167%; }
#sign>div>div>.ypos-4 { top:5.556%; }
#sign>div>div>.ypos-5 { top:6.944%; }
#sign>div>div>.ypos-6 { top:8.333%; }
#sign>div>div>.ypos-7 { top:9.722%; }
#sign>div>div>.ypos-8 { top:11.111%; }
#sign>div>div>.ypos-9 { top:12.500%; }
#sign>div>div>.ypos-10 { top:13.889%; }
#sign>div>div>.ypos-11 { top:15.278%; }
#sign>div>div>.ypos-12 { top:16.667%; }
#sign>div>div>.ypos-13 { top:18.056%; }
#sign>div>div>.ypos-14 { top:19.444%; }
#sign>div>div>.ypos-15 { top:20.833%; }
#sign>div>div>.ypos-16 { top:22.222%; }
#sign>div>div>.ypos-17 { top:23.611%; }
#sign>div>div>.ypos-18 { top:25.000%; }
#sign>div>div>.ypos-19 { top:26.389%; }
#sign>div>div>.ypos-20 { top:27.778%; }
#sign>div>div>.ypos-21 { top:29.167%; }
#sign>div>div>.ypos-22 { top:30.556%; }
#sign>div>div>.ypos-23 { top:31.944%; }
#sign>div>div>.ypos-24 { top:33.333%; }
#sign>div>div>.ypos-25 { top:34.722%; }
#sign>div>div>.ypos-26 { top:36.111%; }
#sign>div>div>.ypos-27 { top:37.500%; }
#sign>div>div>.ypos-28 { top:38.889%; }
#sign>div>div>.ypos-29 { top:40.278%; }
#sign>div>div>.ypos-30 { top:41.667%; }
#sign>div>div>.ypos-31 { top:43.056%; }
#sign>div>div>.ypos-32 { top:44.444%; }
#sign>div>div>.ypos-33 { top:45.833%; }
#sign>div>div>.ypos-34 { top:47.222%; }
#sign>div>div>.ypos-35 { top:48.611%; }
#sign>div>div>.ypos-36 { top:50.000%; }
#sign>div>div>.ypos-37 { top:51.389%; }
#sign>div>div>.ypos-38 { top:52.778%; }
#sign>div>div>.ypos-39 { top:54.167%; }
#sign>div>div>.ypos-40 { top:55.556%; }
#sign>div>div>.ypos-41 { top:56.944%; }
#sign>div>div>.ypos-42 { top:58.333%; }
#sign>div>div>.ypos-43 { top:59.722%; }
#sign>div>div>.ypos-44 { top:61.111%; }
#sign>div>div>.ypos-45 { top:62.500%; }
#sign>div>div>.ypos-46 { top:63.889%; }
#sign>div>div>.ypos-47 { top:65.278%; }
#sign>div>div>.ypos-48 { top:66.667%; }
#sign>div>div>.ypos-49 { top:68.056%; }
#sign>div>div>.ypos-50 { top:69.444%; }
#sign>div>div>.ypos-51 { top:70.833%; }
#sign>div>div>.ypos-52 { top:72.222%; }
#sign>div>div>.ypos-53 { top:73.611%; }
#sign>div>div>.ypos-54 { top:75.000%; }
#sign>div>div>.ypos-55 { top:76.389%; }
#sign>div>div>.ypos-56 { top:77.778%; }
#sign>div>div>.ypos-57 { top:79.167%; }
#sign>div>div>.ypos-58 { top:80.556%; }
#sign>div>div>.ypos-59 { top:81.944%; }
#sign>div>div>.ypos-60 { top:83.333%; }
#sign>div>div>.ypos-61 { top:84.722%; }
#sign>div>div>.ypos-62 { top:86.111%; }
#sign>div>div>.ypos-63 { top:87.500%; }
#sign>div>div>.ypos-64 { top:88.889%; }
#sign>div>div>.ypos-65 { top:90.278%; }
#sign>div>div>.ypos-66 { top:91.667%; }
#sign>div>div>.ypos-67 { top:93.056%; }
#sign>div>div>.ypos-68 { top:94.444%; }
#sign>div>div>.ypos-69 { top:95.833%; }
#sign>div>div>.ypos-70 { top:97.222%; }
#sign>div>div>.ypos-71 { top:98.611%; }




#sign>div>div>div>.rot-0 {
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
#sign>div>div>div>.rot-1 {
-ms-transform: rotate(15deg);
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
#sign>div>div>div>.rot-2 {
-ms-transform: rotate(30deg);
-webkit-transform: rotate(30deg);
transform: rotate(30deg);
}
#sign>div>div>div>.rot-3 {
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
#sign>div>div>div>.rot-4 {
-ms-transform: rotate(60deg);
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
}
#sign>div>div>div>.rot-5 {
-ms-transform: rotate(75deg);
-webkit-transform: rotate(75deg);
transform: rotate(75deg);
}
#sign>div>div>div>.rot-6 {
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
#sign>div>div>div>.rot-7 {
-ms-transform: rotate(105deg);
-webkit-transform: rotate(105deg);
transform: rotate(105deg);
}
#sign>div>div>div>.rot-8 {
-ms-transform: rotate(120deg);
-webkit-transform: rotate(120deg);
transform: rotate(120deg);
}
#sign>div>div>div>.rot-9 {
-ms-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
#sign>div>div>div>.rot-10 {
-ms-transform: rotate(150deg);
-webkit-transform: rotate(150deg);
transform: rotate(150deg);
}
#sign>div>div>div>.rot-11 {
-ms-transform: rotate(165deg);
-webkit-transform: rotate(165deg);
transform: rotate(165deg);
}
#sign>div>div>div>.rot-12 {
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
#sign>div>div>div>.rot-13 {
-ms-transform: rotate(195deg);
-webkit-transform: rotate(195deg);
transform: rotate(195deg);
}
#sign>div>div>div>.rot-14 {
-ms-transform: rotate(210deg);
-webkit-transform: rotate(210deg);
transform: rotate(210deg);
}
#sign>div>div>div>.rot-15 {
-ms-transform: rotate(225deg);
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
}
#sign>div>div>div>.rot-16 {
-ms-transform: rotate(240deg);
-webkit-transform: rotate(240deg);
transform: rotate(240deg);
}
#sign>div>div>div>.rot-17 {
-ms-transform: rotate(255deg);
-webkit-transform: rotate(255deg);
transform: rotate(255deg);
}
#sign>div>div>div>.rot-18 {
-ms-transform: rotate(270deg);
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
#sign>div>div>div>.rot-19 {
-ms-transform: rotate(285deg);
-webkit-transform: rotate(285deg);
transform: rotate(285deg);
}
#sign>div>div>div>.rot-20 {
-ms-transform: rotate(300deg);
-webkit-transform: rotate(300deg);
transform: rotate(300deg);
}
#sign>div>div>div>.rot-21 {
-ms-transform: rotate(315deg);
-webkit-transform: rotate(315deg);
transform: rotate(315deg);
}
#sign>div>div>div>.rot-22 {
-ms-transform: rotate(330deg);
-webkit-transform: rotate(330deg);
transform: rotate(330deg);
}
#sign>div>div>div>.rot-23 {
-ms-transform: rotate(345deg);
-webkit-transform: rotate(345deg);
transform: rotate(345deg);
}



#sign>div>div>.deleteL { left:-3.333%; opacity: 0.5; }
#sign>div>div>.deleteR { left:102.500%; opacity:0.5; }
#sign>div>div>.deleteT { top:-5.556%; opacity:0.5; }
#sign>div>div>.deleteB { top:104.167%; opacity:0.5; }
#sign>div>div>.collision { opacity:0.5; }
#sign>div>div>.deleteL>img,
#sign>div>div>.deleteR>img,
#sign>div>div>.deleteT>img,
#sign>div>div>.deleteB>img,
#sign>div>div>.collision>img { background-color: #800; }
#dragitem.size-1 { width: 0.333333333333px; height: 0.333333333333px; }
#dragitem.size-2 { width: 0.4px; height: 0.4px; }
#dragitem.size-3 { width: 0.478888888889px; height: 0.478888888889px; }
#dragitem.size-4 { width: 0.575px; height: 0.575px; }
#dragitem.size-5 { width: 0.689444444444px; height: 0.689444444444px; }
#dragitem.size-6 { width: 0.828055555556px; height: 0.828055555556px; }
#dragitem.size-7 { width: 0.994722222222px; height: 0.994722222222px; }
#dragitem.size-8 { width: 1.1925px; height: 1.1925px; }
#dragitem.size-9 { width: 1.43111111111px; height: 1.43111111111px; }
#dragitem.size-10 { width: 1.71888888889px; height: 1.71888888889px; }
#dragitem.size-11 { width: 2.06361111111px; height: 2.06361111111px; }
#dragitem.size-12 { width: 2.47583333333px; height: 2.47583333333px; }
#dragitem.size-13 { width: 2.97055555556px; height: 2.97055555556px; }
#dragitem.size-14 { width: 3.56444444444px; height: 3.56444444444px; }
#dragitem.size-15 { width: 4.27805555556px; height: 4.27805555556px; }
#dragitem.size-16 { width: 5.13416666667px; height: 5.13416666667px; }
#dragitem.size-17 { width: 6.16138888889px; height: 6.16138888889px; }
#dragitem.size-18 { width: 7.39472222222px; height: 7.39472222222px; }
#dragitem.size-19 { width: 8.87277777778px; height: 8.87277777778px; }
#dragitem.size-20 { width: 10.6477777778px; height: 10.6477777778px; }
#dragitem.size-21 { width: 12.7780555556px; height: 12.7780555556px; }
#dragitem.size-22 { width: 15.3341666667px; height: 15.3341666667px; }
#dragitem.size-23 { width: 18.4008333333px; height: 18.4008333333px; }
#dragitem.size-24 { width: 22.0811111111px; height: 22.0811111111px; }
#dragitem.size-25 { width: 26.4977777778px; height: 26.4977777778px; }
#dragitem.size-26 { width: 31.7977777778px; height: 31.7977777778px; }
#dragitem.size-27 { width: 38.1583333333px; height: 38.1583333333px; }
#dragitem.size-28 { width: 45.7894444444px; height: 45.7894444444px; }
#dragitem.size-29 { width: 54.9469444444px; height: 54.9469444444px; }
#dragitem.size-30 { width: 65.9363888889px; height: 65.9363888889px; }
#dragitem.size-31 { width: 79.125px; height: 79.125px; }
#dragitem.size-32 { width: 94.95px; height: 94.95px; }




.select-1>:nth-last-child(-n+1)>img,
.select-2>:nth-last-child(-n+2)>img,
.select-3>:nth-last-child(-n+3)>img,
.select-4>:nth-last-child(-n+4)>img,
.select-5>:nth-last-child(-n+5)>img,
.select-6>:nth-last-child(-n+6)>img,
.select-7>:nth-last-child(-n+7)>img,
.select-8>:nth-last-child(-n+8)>img,
.select-9>:nth-last-child(-n+9)>img,
.select-10>:nth-last-child(-n+10)>img,
.select-11>:nth-last-child(-n+11)>img,
.select-12>:nth-last-child(-n+12)>img,
.select-13>:nth-last-child(-n+13)>img,
.select-14>:nth-last-child(-n+14)>img,
.select-15>:nth-last-child(-n+15)>img,
.select-16>:nth-last-child(-n+16)>img,
.select-17>:nth-last-child(-n+17)>img,
.select-18>:nth-last-child(-n+18)>img,
.select-19>:nth-last-child(-n+19)>img,
.select-20>:nth-last-child(-n+20)>img,
.select-21>:nth-last-child(-n+21)>img,
.select-22>:nth-last-child(-n+22)>img,
.select-23>:nth-last-child(-n+23)>img,
.select-24>:nth-last-child(-n+24)>img,
.select-25>:nth-last-child(-n+25)>img,
.select-26>:nth-last-child(-n+26)>img,
.select-27>:nth-last-child(-n+27)>img,
.select-28>:nth-last-child(-n+28)>img,
.select-29>:nth-last-child(-n+29)>img,
.select-30>:nth-last-child(-n+20)>img,
.select-31>:nth-last-child(-n+31)>img,
.select-32>:nth-last-child(-n+32)>img,
.select-33>:nth-last-child(-n+33)>img,
.select-34>:nth-last-child(-n+34)>img,
.select-35>:nth-last-child(-n+35)>img,
.select-36>:nth-last-child(-n+36)>img,
.select-37>:nth-last-child(-n+37)>img,
.select-38>:nth-last-child(-n+38)>img,
.select-39>:nth-last-child(-n+39)>img,
.select-40>:nth-last-child(-n+40)>img,
.select-41>:nth-last-child(-n+41)>img,
.select-42>:nth-last-child(-n+42)>img,
.select-43>:nth-last-child(-n+43)>img,
.select-44>:nth-last-child(-n+44)>img,
.select-45>:nth-last-child(-n+45)>img,
.select-46>:nth-last-child(-n+46)>img,
.select-47>:nth-last-child(-n+47)>img,
.select-48>:nth-last-child(-n+48)>img,
.select-49>:nth-last-child(-n+49)>img,
.select-50>:nth-last-child(-n+50)>img,
.select-51>:nth-last-child(-n+51)>img,
.select-52>:nth-last-child(-n+52)>img,
.select-53>:nth-last-child(-n+53)>img,
.select-54>:nth-last-child(-n+54)>img,
.select-55>:nth-last-child(-n+55)>img,
.select-56>:nth-last-child(-n+56)>img,
.select-57>:nth-last-child(-n+57)>img,
.select-58>:nth-last-child(-n+58)>img,
.select-59>:nth-last-child(-n+59)>img,
.select-60>:nth-last-child(-n+60)>img,
.select-61>:nth-last-child(-n+61)>img,
.select-62>:nth-last-child(-n+62)>img,
.select-63>:nth-last-child(-n+63)>img,
.select-64>:nth-last-child(-n+64)>img,
.select-65>:nth-last-child(-n+65)>img,
.select-66>:nth-last-child(-n+66)>img,
.select-67>:nth-last-child(-n+67)>img,
.select-68>:nth-last-child(-n+68)>img,
.select-69>:nth-last-child(-n+69)>img
.select-70>:nth-last-child(-n+70)>img,
.select-71>:nth-last-child(-n+71)>img,
.select-72>:nth-last-child(-n+72)>img,
.select-73>:nth-last-child(-n+73)>img,
.select-74>:nth-last-child(-n+74)>img,
.select-75>:nth-last-child(-n+75)>img,
.select-76>:nth-last-child(-n+76)>img,
.select-77>:nth-last-child(-n+77)>img,
.select-78>:nth-last-child(-n+78)>img,
.select-79>:nth-last-child(-n+79)>img,
.select-80>:nth-last-child(-n+80)>img,
.select-81>:nth-last-child(-n+81)>img,
.select-82>:nth-last-child(-n+82)>img,
.select-83>:nth-last-child(-n+83)>img,
.select-84>:nth-last-child(-n+84)>img,
.select-85>:nth-last-child(-n+85)>img,
.select-86>:nth-last-child(-n+86)>img,
.select-87>:nth-last-child(-n+87)>img,
.select-88>:nth-last-child(-n+88)>img,
.select-89>:nth-last-child(-n+89)>img,
.select-90>:nth-last-child(-n+90)>img,
.select-91>:nth-last-child(-n+91)>img,
.select-92>:nth-last-child(-n+92)>img,
.select-93>:nth-last-child(-n+93)>img,
.select-94>:nth-last-child(-n+94)>img,
.select-95>:nth-last-child(-n+95)>img,
.select-96>:nth-last-child(-n+96)>img { border: solid 1px #FF0; }




#menu { display: block; position: fixed; bottom: 0; right: 0; width: 320px; height: 88px; /* 280px */ overflow:hidden; background-color: #222; border-left: solid 1px #FFF; border-top: solid 1px #FFF; box-shadow: 0 0 10px 1px rgba(0,0,0,0.5); -webkit-transition: height 0.5s; transition: height 0.5s; }
#menu>li { display: block; background-repeat: no-repeat; position: absolute; width: 64px; height: 72px; background-image: url(../../img/menuicons.png); background-size: 256px 360px; cursor: pointer; background-color: #222; -webkit-transition: background-color 0.1s; transition: background-color 0.1s; }
#menu>li:hover { background-color: #666; }

#menu>li:nth-child(4n+1) { left: 8px; }
#menu>li:nth-child(4n+2) { left: 88px; }
#menu>li:nth-child(4n+3) { left: 168px; }
#menu>li:nth-child(4n+4) { left: 248px; }
#menu>li:nth-child(-n+16) { top: 296px; }
#menu>li:nth-child(-n+12) { top: 200px; }
#menu>li:nth-child(-n+8) { top: 104px; }
#menu>li:nth-child(-n+4) { top: 8px; }

#menu.open { height: 280px; }
#menu>li:nth-child(1) { background-position:0 -72px; }
#menu.open>li:nth-child(1) { background-position:0 0; }
#menu>li:nth-child(12) { background-position:-192px -216px; }
#menu>li:nth-child(12).on { background-position:-192px -288px; }


#selectbox { border: solid 2px #FF0; position: fixed; top: -10%; left: -10%; width: 0; height: 0; box-shadow: 0 0 10px 1px rgba(0,0,0,0.5); }


#tutorial { background-color: #444; color:#FFF; font-weight:bold; vertical-align:middle; text-align: center; border: solid 2px #FFF; box-shadow: 0 0 10px 5px rgba(0,0,0,0.5); position: absolute; width:280px; height: 140px; margin: 10px; display: none; }
#tutorial>span { display: inline-block; max-width: 95%; vertical-align:middle; text-align: center; font-size:1.35em; }
#tutorial:after { display: inline-block; width: 0; height: 100%; content:""; vertical-align:middle; }
#tutorial>a { position:absolute; right:1em; bottom:-1em; width:30%; }
#tutorial.state1 { display: block; top: 0; left: 25%; }
#tutorial.state2,
#tutorial.state3 { display: block; top: 0; right: 25%;  }
#tutorial.state4 { display: block; bottom: 90px; right: 0%; }
#menu.open~#tutorial.state4 { bottom: 280px; }



.filedialog, .filedialog>li,
.logindialog, .logindialog>li,
.loadingdialog, .loadingdialog>li,
.confirmdialog { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: 0; margin: 0; }


.filedialog>li { top: 128px; bottom: 24px; }
.filedialog>li:nth-child(1) { top: 24px; left: 24px; right: 24px; height: 72px; border-bottom: solid 1px #888;  }
.filedialog>li:nth-child(2) { left: 0; width: 100% }
.filedialog>li:nth-child(1)>div { position:absolute; top:0; left:0; right:0; bottom: 16px; }
.filedialog>li:nth-child(1)>div>* { position:absolute; }
.filedialog>li:nth-child(1)>:nth-child(1) { right:50%; border-right: solid 1px #888; }
.filedialog>li:nth-child(1)>:nth-child(2) { left:50%; }
.filedialog>li:nth-child(1)>:nth-child(2)>:nth-child(1) { font-weight: bold; top: 0; right: 0; left:4%; text-align: center; }
.filedialog>li:nth-child(1)>:nth-child(2)>:nth-child(2) { bottom: 0; left: 4%; width: 47%; font-size: 0.8em; }
.filedialog>li:nth-child(1)>:nth-child(2)>:nth-child(3) { bottom: 0; left: 53%; width: 47%; font-size: 0.8em; }
.filedialog>li>img { border: solid 1px #FFF; background-color: #222; }
.filedialog>li:nth-child(2)>span { position: absolute; top: 16px; width: 250px; font-size: 1.35em; font-weight: bold; text-align: center; }
.filedialog>li:nth-child(2)>img { position: absolute; bottom: 0; width: 245px; height: 148px; }
.filedialog>li:nth-child(2)>a { position: absolute; width: 100px }
.filedialog>li:nth-child(2)>:nth-child(1) { left: 0; }
.filedialog>li:nth-child(2)>:nth-child(2) { right: 50.5%; }
.filedialog>li:nth-child(2)>:nth-child(3) { right: 0; }
.filedialog>li:nth-child(2)>:nth-child(4) { left: 50.5%; }
.filedialog>li:nth-child(2)>:nth-child(5) { left: 250px; right: 250px; top: 0px; width: auto; border-bottom: solid 1px #F00; }
.filedialog>li:nth-child(2)>:nth-child(6),
.filedialog>li:nth-child(2)>:nth-child(10) { top: 58px; border-bottom: solid 1px #0F0; }
.filedialog>li:nth-child(2)>:nth-child(7),
.filedialog>li:nth-child(2)>:nth-child(11) { top: 98px; border-bottom: solid 1px #00F; }
.filedialog>li:nth-child(2)>:nth-child(8),
.filedialog>li:nth-child(2)>:nth-child(12) { top: 138px; border-bottom: solid 1px #F00; }
.filedialog>li:nth-child(2)>:nth-child(9),
.filedialog>li:nth-child(2)>:nth-child(13) { top: 178px; border-bottom: solid 1px #0F0; }
.filedialog>li:nth-child(2)>:nth-child(6),
.filedialog>li:nth-child(2)>:nth-child(7),
.filedialog>li:nth-child(2)>:nth-child(8),
.filedialog>li:nth-child(2)>:nth-child(9) { left: 0; }
.filedialog>li:nth-child(2)>:nth-child(10),
.filedialog>li:nth-child(2)>:nth-child(11),
.filedialog>li:nth-child(2)>:nth-child(12),
.filedialog>li:nth-child(2)>:nth-child(13) { right: 0; }



.logindialog>li { top: 80px; bottom: 24px; left: 0; right: 0; overflow: hidden; }
.logindialog>li:nth-child(1) { top: 16px; height: 72px; font-weight: bold; text-align: center; font-size: 40px; }
.logindialog>li:nth-child(2) { right: 50%; transition: right 0.5s, opacity 0.3s 0.2s; }
.logindialog>li:nth-child(3) { left: 50%; transition: left 0.5s, opacity 0.3s 0.2s; }
.logindialog>li>form { position: absolute; margin: 0 32px; top: 0; left: 0; right: 0; bottom: 0; display: block; transition: margin 0.5s; }
.logindialog>li>form>label,
.logindialog>li>form>input { display: block; position: absolute; left: 0; right: 0; width: 100%; }
.logindialog>li>form>label { font-weight: bold; min-height: 1.4em; }
.logindialog>li:nth-child(1)>div { position: absolute; overflow: hidden; width: 100%; opacity: 1; }
.logindialog>li:nth-child(1)>div:nth-child(1) { left: 0; top: 0; }
.logindialog>li:nth-child(1)>div:nth-child(2) { right: 0; top: 0; }
.logindialog>li:nth-child(1)>div:nth-child(3) { left: 0; right: 0; font-size:18px; color:#F00; bottom:0; }
.logindialog>li:nth-child(2)>form>:nth-child(1) { bottom: 80%; }
.logindialog>li:nth-child(2)>form>:nth-child(2) { top: 20%; }
.logindialog>li:nth-child(2)>form>:nth-child(3) { bottom: 50%; }
.logindialog>li:nth-child(2)>form>:nth-child(4) { top: 50%; }
.logindialog>li:nth-child(2)>form>:nth-child(5) { bottom: 8px; width: 45%; left: auto; }
.logindialog>li:nth-child(3)>form>:nth-child(1) { bottom: 90%; }
.logindialog>li:nth-child(3)>form>:nth-child(2) { top: 10%; }
.logindialog>li:nth-child(3)>form>:nth-child(3) { bottom: 60%; }
.logindialog>li:nth-child(3)>form>:nth-child(4) { top: 40%; }
.logindialog>li:nth-child(3)>form>:nth-child(5) { bottom: 38%; }
.logindialog>li:nth-child(3)>form>:nth-child(6) { top: 62%; }
.logindialog>li:nth-child(3)>form>:nth-child(7) { bottom: 8px; width: 45%; left: auto; }
.logindialog>li:nth-child(n+2)>form>:last-child { padding: 0.3em 0; text-align: center; position: absolute; cursor: pointer; display: block; bottom: 8px; width: 45%; left: 0; right: auto; color: #04F; font-weight: bold; }
.logindialog>li:nth-child(n+2)>form>:last-child:hover { color: #0CF; }
.logindialog>.login:nth-child(1)>div:nth-child(2) { width: 0; opacity: 0; }
.logindialog>.login:nth-child(1)+li { right: 0; }
.logindialog>.login:nth-child(1)+li+li { left: 100%; opacity: 0; transition: left 0.5s, opacity 0.3s; }
.logindialog>.login:nth-child(1)+li+li>form { margin: 0; }
.logindialog>.signup:nth-child(1)>div:nth-child(1) { width: 0; opacity: 0; }
.logindialog>.signup:nth-child(1)+li { right: 100%; opacity: 0; transition: right 0.5s, opacity 0.3s; }
.logindialog>.signup:nth-child(1)+li+li { left: 0; }
.logindialog>.signup:nth-child(1)+li>form { margin: 0; }



.confirmdialog>img { border: solid 2px #FFF; background-color: #222; position:absolute; left:10px; top:16px; height:150px; width:250px; }
.confirmdialog>span { font-size: 1.3em; font-weight: bold; position:absolute; right:0; width: 250px; top:20px; text-align:center; }
.confirmdialog>a { position:absolute; right:5px; width: 240px; bottom: 60px; }
.confirmdialog>a:last-child { bottom: 20px; }






/* --------------- Print --------------- */

@media print {
    body, html { background-color: #FFF; color: #000; font-size: 13px; }
    
    /*   Insert Styles   */
}