/* Minification failed. Returning unminified contents.
(45,1): run-time error CSS1019: Unexpected token, found '@import'
(45,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css?family=Belleza|Marcellus+SC")'
(70,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(70,33): run-time error CSS1035: Expected colon, found ','
(85,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(85,25): run-time error CSS1035: Expected colon, found ','
(100,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(100,32): run-time error CSS1035: Expected colon, found ','
(103,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(103,24): run-time error CSS1035: Expected colon, found ','
(107,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(107,33): run-time error CSS1035: Expected colon, found '{'
(114,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(114,25): run-time error CSS1035: Expected colon, found '{'
(121,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(121,38): run-time error CSS1035: Expected colon, found '{'
(136,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(136,30): run-time error CSS1035: Expected colon, found '{'
(151,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(151,32): run-time error CSS1035: Expected colon, found ','
(158,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(158,24): run-time error CSS1035: Expected colon, found ','
(165,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(165,28): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(176,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(176,20): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(187,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(187,32): run-time error CSS1035: Expected colon, found '{'
(198,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(198,24): run-time error CSS1035: Expected colon, found '{'
(210,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(210,34): run-time error CSS1035: Expected colon, found '{'
(225,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(225,26): run-time error CSS1035: Expected colon, found '{'
(240,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(240,32): run-time error CSS1035: Expected colon, found ','
(257,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(257,24): run-time error CSS1035: Expected colon, found ','
(274,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(274,35): run-time error CSS1035: Expected colon, found ','
(292,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(292,27): run-time error CSS1035: Expected colon, found ','
(310,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(310,39): run-time error CSS1035: Expected colon, found ','
(325,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(325,31): run-time error CSS1035: Expected colon, found ','
(340,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(340,39): run-time error CSS1035: Expected colon, found ','
(355,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(355,31): run-time error CSS1035: Expected colon, found ','
(370,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(370,40): run-time error CSS1035: Expected colon, found ','
(385,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(385,32): run-time error CSS1035: Expected colon, found ','
(400,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(400,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(407,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(407,25): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(414,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(414,32): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(423,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(423,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(432,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(432,36): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(441,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(441,28): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(450,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(450,36): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(457,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(457,28): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(464,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(464,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(471,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(471,29): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(478,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(478,34): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(487,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(487,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(496,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(496,34): run-time error CSS1035: Expected colon, found '{'
(499,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(499,26): run-time error CSS1035: Expected colon, found '{'
(502,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(502,38): run-time error CSS1035: Expected colon, found '{'
(509,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(509,30): run-time error CSS1035: Expected colon, found '{'
(516,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(516,41): run-time error CSS1035: Expected colon, found '{'
(523,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(523,33): run-time error CSS1035: Expected colon, found '{'
(530,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(530,38): run-time error CSS1035: Expected colon, found '{'
(537,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(537,30): run-time error CSS1035: Expected colon, found '{'
(544,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(544,41): run-time error CSS1035: Expected colon, found '{'
(551,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(551,33): run-time error CSS1035: Expected colon, found '{'
(558,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(558,39): run-time error CSS1035: Expected colon, found '{'
(565,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(565,31): run-time error CSS1035: Expected colon, found '{'
(572,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(572,42): run-time error CSS1035: Expected colon, found '{'
(579,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(579,34): run-time error CSS1035: Expected colon, found '{'
(586,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(586,36): run-time error CSS1035: Expected colon, found '{'
(593,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(593,28): run-time error CSS1035: Expected colon, found '{'
(600,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(600,39): run-time error CSS1035: Expected colon, found '{'
(607,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(607,31): run-time error CSS1035: Expected colon, found '{'
(614,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(614,35): run-time error CSS1035: Expected colon, found '{'
(617,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(617,27): run-time error CSS1035: Expected colon, found '{'
(620,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(620,39): run-time error CSS1035: Expected colon, found '{'
(625,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(625,31): run-time error CSS1035: Expected colon, found '{'
(630,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(630,42): run-time error CSS1035: Expected colon, found '{'
(635,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(635,34): run-time error CSS1035: Expected colon, found '{'
(640,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(640,39): run-time error CSS1035: Expected colon, found '{'
(645,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(645,31): run-time error CSS1035: Expected colon, found '{'
(650,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(650,42): run-time error CSS1035: Expected colon, found '{'
(655,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(655,34): run-time error CSS1035: Expected colon, found '{'
(660,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(660,40): run-time error CSS1035: Expected colon, found '{'
(665,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(665,32): run-time error CSS1035: Expected colon, found '{'
(670,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(670,43): run-time error CSS1035: Expected colon, found '{'
(675,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(675,35): run-time error CSS1035: Expected colon, found '{'
(680,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(680,37): run-time error CSS1035: Expected colon, found '{'
(685,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(685,29): run-time error CSS1035: Expected colon, found '{'
(690,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(690,40): run-time error CSS1035: Expected colon, found '{'
(695,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(695,32): run-time error CSS1035: Expected colon, found '{'
(700,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(700,32): run-time error CSS1035: Expected colon, found '{'
(721,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(721,24): run-time error CSS1035: Expected colon, found '{'
(742,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(742,35): run-time error CSS1035: Expected colon, found '{'
(759,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(759,27): run-time error CSS1035: Expected colon, found '{'
(776,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(776,35): run-time error CSS1035: Expected colon, found '{'
(793,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(793,27): run-time error CSS1035: Expected colon, found '{'
(810,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(810,36): run-time error CSS1035: Expected colon, found '{'
(819,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(819,28): run-time error CSS1035: Expected colon, found '{'
(828,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(828,36): run-time error CSS1035: Expected colon, found '{'
(837,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(837,28): run-time error CSS1035: Expected colon, found '{'
(846,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(846,40): run-time error CSS1035: Expected colon, found '{'
(859,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(859,32): run-time error CSS1035: Expected colon, found '{'
(872,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(872,41): run-time error CSS1035: Expected colon, found '{'
(877,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(877,33): run-time error CSS1035: Expected colon, found '{'
(882,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(882,36): run-time error CSS1035: Expected colon, found '{'
(893,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(893,28): run-time error CSS1035: Expected colon, found '{'
(904,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(904,44): run-time error CSS1035: Expected colon, found '{'
(915,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(915,36): run-time error CSS1035: Expected colon, found '{'
(926,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(926,45): run-time error CSS1035: Expected colon, found '{'
(937,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(937,37): run-time error CSS1035: Expected colon, found '{'
(948,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(948,42): run-time error CSS1035: Expected colon, found '{'
(959,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(959,34): run-time error CSS1035: Expected colon, found '{'
(970,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(970,43): run-time error CSS1035: Expected colon, found '{'
(981,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(981,35): run-time error CSS1035: Expected colon, found '{'
(992,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(992,37): run-time error CSS1035: Expected colon, found '{'
(1001,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1001,29): run-time error CSS1035: Expected colon, found '{'
(1010,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1010,45): run-time error CSS1035: Expected colon, found '{'
(1019,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1019,37): run-time error CSS1035: Expected colon, found '{'
(1028,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1028,46): run-time error CSS1035: Expected colon, found '{'
(1037,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1037,38): run-time error CSS1035: Expected colon, found '{'
(1046,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1046,43): run-time error CSS1035: Expected colon, found '{'
(1055,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1055,35): run-time error CSS1035: Expected colon, found '{'
(1064,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1064,44): run-time error CSS1035: Expected colon, found '{'
(1073,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1073,36): run-time error CSS1035: Expected colon, found '{'
(1082,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1082,28): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(1103,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1103,20): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(1125,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1125,34): run-time error CSS1035: Expected colon, found '{'
(1132,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1132,26): run-time error CSS1035: Expected colon, found '{'
(1140,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1140,35): run-time error CSS1035: Expected colon, found '{'
(1145,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1145,27): run-time error CSS1035: Expected colon, found '{'
(1150,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1150,34): run-time error CSS1035: Expected colon, found '{'
(1155,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1155,26): run-time error CSS1035: Expected colon, found '{'
(1160,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1160,38): run-time error CSS1035: Expected colon, found '{'
(1171,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1171,30): run-time error CSS1035: Expected colon, found '{'
(1182,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1182,38): run-time error CSS1035: Expected colon, found '{'
(1193,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1193,30): run-time error CSS1035: Expected colon, found '{'
(1204,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1204,39): run-time error CSS1035: Expected colon, found '{'
(1215,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1215,31): run-time error CSS1035: Expected colon, found '{'
(1226,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1226,36): run-time error CSS1035: Expected colon, found '{'
(1237,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1237,28): run-time error CSS1035: Expected colon, found '{'
(1248,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1248,35): run-time error CSS1035: Expected colon, found '{'
(1254,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1254,27): run-time error CSS1035: Expected colon, found '{'
(1260,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1260,34): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%'
(1273,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1273,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%'
(1286,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1286,34): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%'
(1295,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1295,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%'
(1304,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1304,35): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%'
(1313,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1313,27): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%'
(1322,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1322,32): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%'
(1335,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1335,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%'
(1348,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1348,39): run-time error CSS1035: Expected colon, found '{'
(1354,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1354,31): run-time error CSS1035: Expected colon, found '{'
(1360,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1360,39): run-time error CSS1035: Expected colon, found '{'
(1366,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1366,31): run-time error CSS1035: Expected colon, found '{'
(1372,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1372,40): run-time error CSS1035: Expected colon, found '{'
(1378,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1378,32): run-time error CSS1035: Expected colon, found '{'
(1384,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1384,37): run-time error CSS1035: Expected colon, found '{'
(1390,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1390,29): run-time error CSS1035: Expected colon, found '{'
(1396,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1396,40): run-time error CSS1035: Expected colon, found '{'
(1402,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1402,32): run-time error CSS1035: Expected colon, found '{'
(1408,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1408,40): run-time error CSS1035: Expected colon, found '{'
(1414,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1414,32): run-time error CSS1035: Expected colon, found '{'
(1420,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1420,41): run-time error CSS1035: Expected colon, found '{'
(1426,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1426,33): run-time error CSS1035: Expected colon, found '{'
(1432,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1432,38): run-time error CSS1035: Expected colon, found '{'
(1438,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1438,30): run-time error CSS1035: Expected colon, found '{'
(1444,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1444,32): run-time error CSS1035: Expected colon, found '{'
(1451,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1451,24): run-time error CSS1035: Expected colon, found '{'
(1458,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1458,28): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(1472,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1472,32): run-time error CSS1035: Expected colon, found '{'
(1476,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1476,24): run-time error CSS1035: Expected colon, found '{'
(1480,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1480,33): run-time error CSS1035: Expected colon, found '{'
(1485,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1485,25): run-time error CSS1035: Expected colon, found '{'
(3240,84): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin: 0; padding: 0; }

fieldset, img { border: 0; margin: 0; }

/* remember to define focus styles! */
:focus { outline: 0; }

address, caption, cite, code, dfn, em, th, var, optgroup { font-style: normal; font-weight: normal; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

abbr, acronym { border: 0; font-variant: normal; }

input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }

code, kbd, samp, tt { font-size: 100%; }

ul, menu, dir { display: block; margin: 0; padding: 0; ist-style-type: disc; -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: 0; -webkit-margin-end: 0; -webkit-padding-start: 0; }

/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select { /**font-size: 100%; */ }

body { line-height: 1.5; }

ol, ul { list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

caption, th { text-align: left; }

sup, sub { font-size: 100%; vertical-align: baseline; }

/* remember to highlight anchors and inserts somehow! */
:link, :visited, ins { text-decoration: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after { content: ""; content: none; }

q:before, q:after { content: ""; content: none; }

@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Belleza|Marcellus+SC");
body { font-family: "Microsoft JhengHei", Verdana, Geneva, sans-serif; color: #000; font-size: 15px; position: relative; }

a { color: #000; text-decoration: none; }

a:hover { color: #008a33; text-decoration: none; }

.hide { display: none; }

.clean { clear: both; line-height: 0; height: 0; }

.left { float: left; }

.right { float: right; }

.wrapper { background: url(../images/bg.jpg) no-repeat center top; width: 100%; max-width: 100%; margin: 0 auto; position: relative; }

.red { color: #e60012; }

.edit { padding: 20px 15px; }

.edit img, .edit iframe { max-width: 100%; height: auto; }

.edit table { width: 100%; max-width: 100%; }

@-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% { -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }

@keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% { -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }

@-webkit-keyframes flash { from, 50%, to { opacity: 1; }
  25%, 75% { opacity: 0; } }

@keyframes flash { from, 50%, to { opacity: 1; }
  25%, 75% { opacity: 0; } }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% { -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to { -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% { -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to { -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  30% { -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% { -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% { -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% { -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% { -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  to { -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  30% { -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% { -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% { -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% { -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% { -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  to { -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }

@keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }

@-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg); }
  40% { -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg); }
  60% { -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg); }
  80% { -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg); }
  to { -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg); } }

@keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg); }
  40% { -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg); }
  60% { -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg); }
  80% { -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg); }
  to { -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg); } }

@-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to { -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes tada { from { -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to { -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble { from { -webkit-transform: none;
    transform: none; }
  15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  to { -webkit-transform: none;
    transform: none; } }

@keyframes wobble { from { -webkit-transform: none;
    transform: none; }
  15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  to { -webkit-transform: none;
    transform: none; } }

@-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none;
    transform: none; }
  22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg); }
  88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }

@keyframes jello { from, 11.1%, to { -webkit-transform: none;
    transform: none; }
  22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg); }
  88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }

@-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% { -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% { -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% { -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to { opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% { -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% { -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% { -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to { opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% { -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% { -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  to { -webkit-transform: none;
    transform: none; } }

@keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% { -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% { -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  to { -webkit-transform: none;
    transform: none; } }

@-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% { -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% { -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  to { -webkit-transform: none;
    transform: none; } }

@keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% { -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% { -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  to { -webkit-transform: none;
    transform: none; } }

@-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from { opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% { -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% { -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  to { -webkit-transform: none;
    transform: none; } }

@keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from { opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% { -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% { -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  to { -webkit-transform: none;
    transform: none; } }

@-webkit-keyframes bounceInUp { 0% { opacity: 0;
    -webkit-transform: translateY(400px); }
  60% { -webkit-transform: translateY(-30px); }
  80% { -webkit-transform: translateY(10px); }
  100% { opacity: 1;
    -webkit-transform: translateY(0); } }

@keyframes bounceInUp { 0% { opacity: 0;
    -webkit-transform: translateY(400px); }
  60% { -webkit-transform: translateY(-30px); }
  80% { -webkit-transform: translateY(10px); }
  100% { opacity: 1;
    -webkit-transform: translateY(0); } }

@-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% { opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }

@keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% { opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }

@-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  40%, 45% { opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

@keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  40%, 45% { opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

@-webkit-keyframes bounceOutLeft { 20% { opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

@keyframes bounceOutLeft { 20% { opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

@-webkit-keyframes bounceOutRight { 20% { opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

@keyframes bounceOutRight { 20% { opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

@-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  40%, 45% { opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

@keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  40%, 45% { opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
  to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
  to { opacity: 1; } }

@-webkit-keyframes fadeInDown { from { opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInDown { from { opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@-webkit-keyframes fadeInDownBig { from { opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInDownBig { from { opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@-webkit-keyframes fadeInLeft { from { opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInLeft { from { opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@-webkit-keyframes fadeInLeftBig { from { opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInLeftBig { from { opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@-webkit-keyframes fadeInRight { from { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInRight { from { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@-webkit-keyframes fadeInRightBig { from { opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInRightBig { from { opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@-webkit-keyframes fadeInUp { from { opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInUp { from { opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@-webkit-keyframes fadeInUpBig { from { opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInUpBig { from { opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@-webkit-keyframes fadeOut { from { opacity: 1; }
  to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
  to { opacity: 0; } }

@-webkit-keyframes fadeOutDown { from { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

@keyframes fadeOutDown { from { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

@-webkit-keyframes fadeOutDownBig { from { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

@keyframes fadeOutDownBig { from { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

@-webkit-keyframes fadeOutLeft { from { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

@keyframes fadeOutLeft { from { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

@-webkit-keyframes fadeOutLeftBig { from { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

@keyframes fadeOutLeftBig { from { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

@-webkit-keyframes fadeOutRight { from { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

@keyframes fadeOutRight { from { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

@-webkit-keyframes fadeOutRightBig { from { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

@keyframes fadeOutRightBig { from { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

@-webkit-keyframes fadeOutUp { from { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

@keyframes fadeOutUp { from { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

@-webkit-keyframes fadeOutUpBig { from { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

@keyframes fadeOutUpBig { from { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

@-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  to { -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

@keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  to { -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

@-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to { -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to { -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  to { -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  to { -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }

@keyframes flipOutX { from { -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }

@-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1; }
  to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0; } }

@keyframes flipOutY { from { -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1; }
  to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0; } }

@-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% { -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1; }
  80% { -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1; }
  to { -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% { -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1; }
  80% { -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1; }
  to { -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@-webkit-keyframes lightSpeedOut { from { opacity: 1; }
  to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }

@keyframes lightSpeedOut { from { opacity: 1; }
  to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }

@-webkit-keyframes rotateIn { from { -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0; }
  to { -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateIn { from { -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0; }
  to { -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; }
  to { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; }
  to { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0; }
  to { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0; }
  to { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@-webkit-keyframes rotateOut { from { -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1; }
  to { -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0; } }

@keyframes rotateOut { from { -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1; }
  to { -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0; } }

@-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; } }

@keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; } }

@-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

@keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

@-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

@keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

@-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0; } }

@keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0; } }

@-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to { -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }

@keyframes hinge { 0% { -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to { -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn { from { opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes rollIn { from { opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut { from { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }

@keyframes rollOut { from { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }

@-webkit-keyframes zoomIn { from { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; } }

@keyframes zoomIn { from { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; } }

@-webkit-keyframes zoomInDown { from { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInDown { from { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@-webkit-keyframes zoomInLeft { from { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInLeft { from { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@-webkit-keyframes zoomInRight { from { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInRight { from { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@-webkit-keyframes zoomInUp { from { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInUp { from { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@-webkit-keyframes zoomOut { from { opacity: 1; }
  50% { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to { opacity: 0; } }

@keyframes zoomOut { from { opacity: 1; }
  50% { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to { opacity: 0; } }

@-webkit-keyframes zoomOutDown { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomOutDown { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@-webkit-keyframes zoomOutLeft { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }

@keyframes zoomOutLeft { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }

@-webkit-keyframes zoomOutRight { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }

@keyframes zoomOutRight { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }

@-webkit-keyframes zoomOutUp { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomOutUp { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

@keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

@-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

@keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

@-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

@keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

@-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

@keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

@-webkit-keyframes blur { from { -webkit-filter: blur(8px);
    -webkit-transform: scale3d(0.5, 0.5, 0.5);
    transform: scale3d(0.5, 0.5, 0.5); }
  to { -webkit-filter: blur(0);
    -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0); } }

@keyframes blur { from { -webkit-filter: blur(8px);
    -webkit-transform: scale3d(0.5, 0.5, 0.5);
    transform: scale3d(0.5, 0.5, 0.5); }
  to { -webkit-filter: blur(0);
    -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0); } }

@-webkit-keyframes load8 { 0% { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

/*共用*/
a { -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

.clean { clear: both; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { img[src*=".svg"] { width: 100%; } }

.loader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background: url("../images/tail-spin.svg") 50% 50% no-repeat black; }

@-webkit-keyframes move { from { bottom: 5%; }
  50% { bottom: 8%; }
  to { bottom: 5%; } }

@keyframes move { from { bottom: 5%; }
  50% { bottom: 8%; }
  to { bottom: 5%; } }

@-webkit-keyframes light { from { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0; }
  to { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1; } }

@keyframes light { from { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0; }
  to { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1; } }

.overlay { position: fixed; background: rgba(0, 0, 0, 0.9); top: 0; left: 0; width: 100%; height: 0%; opacity: 0; visibility: hidden; -webkit-transition: opacity .35s, visibility .35s, height .35s; -o-transition: opacity .35s, visibility .35s, height .35s; transition: opacity .35s, visibility .35s, height .35s; overflow: hidden; z-index: 9999; }

.overlay.open { opacity: .9; visibility: visible; height: 100%; }

.overlay.open li { -webkit-animation: fadeIn .5s ease forwards; animation: fadeIn .5s ease forwards; }

#close { width: 30px; height: 30px; position: fixed; z-index: 21; top: 20px; right: 20px; display: block; color: #fff; }

.mobile-link { margin: 47px 0 0 0; text-align: center; }

.mobile-link li { display: inline-block; margin: 0 0 0 8px; }

.mobile-link li a { display: block; width: 49px; height: 49px; text-indent: -9999px; }

.mobile-link .line { background: url("../images/line1.png") no-repeat; }

.mobile-link .ig { background: url("../images/ig1.png") no-repeat; }

.mobile-link .google { background: url("../images/google1.png") no-repeat; }

.mobile-link .fb { background: url("../images/fb1.png") no-repeat; }

nav { position: relative; height: 70%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 18px; font-weight: 400; text-align: center; }

nav ul { list-style: none; padding: 0; margin: 0 auto; display: inline-block; position: relative; height: 100; }

nav ul li { display: block; height: 10%; height: calc(100% / 8); min-height: 43px; position: relative; opacity: 0; }

nav ul li a { display: block; position: relative; color: #fff; text-decoration: none; overflow: hidden; }

nav ul li a:hover:after, nav ul li a:focus:after, nav ul li a:active:after { width: 100%; }

nav ul li a:hover { color: #f39800; }

.btn-box { text-align: center; margin: 50px auto 0 auto; }

.btn-box .btn { width: 203px; height: 55px; color: #fff; display: inline-block; font-size: 18px; font-weight: bold; line-height: 55px; border-radius: 5px; margin: 0 13px; border: 0; cursor: pointer; padding: 0; }

@media only screen and (max-width: 1024px) { .btn-box .btn { width: 150px; font-size: 15px; } }

.btn-box .btn.bg1 { background: url("../images/right-arrow.svg") no-repeat #e8800d right 20px center; background-size: 15px; }

.btn-box .btn.bg2 { background: url("../images/right-arrow.svg") no-repeat #434343 right 20px center; background-size: 15px; }

.btn-box button.btn { line-height: normal; }

.wrapper-top { padding-top: 120px; }

@media only screen and (max-width: 480px) { .wrapper-top { padding-top: 80px; } }

#wrapper { width: 100%; padding: 0 74px; -webkit-box-sizing: border-box; box-sizing: border-box; background: -owg-linear-gradient(#000, #272727, #000); background: -webkit-linear-gradient(#000, #272727, #000); background: -o-linear-gradient(#000, #272727, #000); background: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(#272727), to(#000)); background: linear-gradient(#000, #272727, #000); }

@media only screen and (max-width: 1024px) { #wrapper { padding: 0 40px; } }

@media only screen and (max-width: 480px) { #wrapper { padding: 0 20px; } }

#wrapper .all-width.lesson-s { width: 1600px; }

@media only screen and (max-width: 1599px) { #wrapper .all-width.lesson-s { width: 100%; } }

#wrapper .all-width { width: 1300px; margin: auto; }

@media only screen and (max-width: 1440px) { #wrapper .all-width { width: 100%; } }

#wrapper .all-width .inline-row { width: 100%; padding: 40px 0; }

@media only screen and (max-width: 480px) { #wrapper .all-width .inline-row { padding: 20px 0; } }

#wrapper .all-width .inline-row .content-s { height: 200px; }

#wrapper .all-width .inline-row .title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

#wrapper .all-width .inline-row .title:before, #wrapper .all-width .inline-row .title:after { content: ''; display: block; width: 520px; height: 1px; background: #727272; }

@media only screen and (max-width: 1024px) { #wrapper .all-width .inline-row .title:before, #wrapper .all-width .inline-row .title:after { -webkit-box-flex: 1.7; -ms-flex: 1.7; flex: 1.7; } }

#wrapper .all-width .inline-row .title .text { width: 200px; font-size: 30px; font-weight: bold; text-align: center; color: #fff; line-height: 36px; }

@media only screen and (max-width: 1440px) { #wrapper .all-width .inline-row .title .text { font-size: 24px; margin: 0 30px; } }

@media only screen and (max-width: 1024px) { #wrapper .all-width .inline-row .title .text { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; } }

@media only screen and (max-width: 480px) { #wrapper .all-width .inline-row .title .text { -webkit-box-flex: 3; -ms-flex: 3; flex: 3; } }

#wrapper .all-width .inline-row .title .text .en { font-family: 'Cuprum', sans-serif; color: #959595; font-size: 18px; display: block; padding: 18px 0 0 0; line-height: 18px; font-weight: normal; letter-spacing: 0.1em; }

@media only screen and (max-width: 1440px) { #wrapper .all-width .inline-row .title .text .en { font-size: 15px; } }

.smaller { position: fixed; top: 0; left: 0; -webkit-animation-name: light; animation-name: light; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; }

header { background: #000; height: 120px; width: 100%; position: relative; padding: 0 74px; z-index: 999; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media only screen and (max-width: 1024px) { header { padding: 0 40px; } }

@media only screen and (max-width: 480px) { header { height: 80px; padding: 0 20px; } }

header .menu { position: absolute; top: 50px; right: 40px; display: none; }

@media only screen and (max-width: 1100px) { header .menu { display: block; right: 80px; } }

@media only screen and (max-width: 1024px) { header .menu { right: 40px; } }

@media only screen and (max-width: 480px) { header .menu { top: 40px; right: 20px; } }

header .logo { width: 204px; float: left; margin: 20px 0 0 0; }

@media only screen and (max-width: 1240px) { header .logo { width: 180px; } }

@media only screen and (max-width: 480px) { header .logo { width: 120px; } }

header .logo img { width: 100%; height: auto; display: block; }

header .top-link { float: right; margin: 47px 0 0 0; }

@media only screen and (max-width: 1570px) { header .top-link { width: 49px; float: none; position: fixed; right: 10px; top: 130px; } }

@media only screen and (max-width: 1024px) { header .top-link { display: none; } }

header .top-link li { float: left; margin: 0 0 0 8px; }

@media only screen and (max-width: 1440px) { header .top-link li { margin: 0 0 10px 0; } }

header .top-link li a { display: block; width: 49px; height: 49px; text-indent: -9999px; }

header .top-link .line { background: url("../images/line.png") no-repeat; }

header .top-link .line:hover { background: url("../images/line1.png") no-repeat; }

header .top-link .ig { background: url("../images/ig.png") no-repeat; }

header .top-link .ig:hover { background: url("../images/ig1.png") no-repeat; }

header .top-link .google { background: url("../images/google.png") no-repeat; }

header .top-link .google:hover { background: url("../images/google1.png") no-repeat; }

header .top-link .fb { background: url("../images/fb.png") no-repeat; }

header .top-link .fb:hover { background: url("../images/fb1.png") no-repeat; }

header .top { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; color: #e8e8e8; top: 10px; right: 74px; font-size: 13px; }

header .top .mem-tips { margin-right: 20px; }

header .top .mem-tips a { color: #3eb2ed; }

@media only screen and (max-width: 1024px) { header .top { right: 40px; }
  header .top .mem-tips { display: none; } }

@media only screen and (max-width: 480px) { header .top { right: 20px; } }

header .nav { float: right; margin: 47px 32px 0 0; height: 73px; }

@media only screen and (max-width: 1570px) { header .nav { margin: 47px 0 0 0; } }

@media only screen and (max-width: 1100px) { header .nav { display: none; } }

header .nav li { height: 73px; float: left; margin: 0 2px; }

header .nav li .dropbox { background: rgba(48, 48, 48, 0.8); height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; bottom: -30px; width: 100%; z-index: 9999; top: 120px; left: 0; right: 0; -webkit-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; visibility: hidden; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }

header .nav li .dropbox a { color: #fff; display: block; margin: 0 20px; font-size: 18px; font-weight: bold; }

@media only screen and (max-width: 1680px) { header .nav li .dropbox a { font-size: 15px; } }

header .nav li .menu-btn { color: #fff; display: block; padding: 10px 15px; font-size: 20px; font-weight: bold; position: relative; }

@media only screen and (max-width: 1680px) { header .nav li .menu-btn { font-size: 18px; padding: 10px; } }

@media only screen and (max-width: 1240px) { header .nav li .menu-btn { font-size: 15px; padding: 10px; } }

@media only screen and (max-width: 1024px) { header .nav li .menu-btn { display: none; } }

header .nav li .menu-btn:after { content: ''; display: block; width: 100%; position: absolute; bottom: -3px; left: 0; right: 0; height: 3px; -webkit-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }

header .nav .drop-box-block .dropbox { visibility: visible; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }

header .nav .nav1 a:after { background: #7203a1; }

header .nav .nav1 a:hover:after { background: #a903f0; }

header .nav .nav1:hover a:after { background: #a903f0; }

header .nav .nav1:hover .dropbox a:hover { color: #ce6ff6; }

header .nav .nav2 a:after { background: #c4169a; }

header .nav .nav2 a:hover:after { background: #f907be; }

header .nav .nav2:hover a:after { background: #f907be; }

header .nav .nav2:hover .dropbox a:hover { color: #f907be; }

header .nav .nav3 a:after { background: #d2c71c; }

header .nav .nav3 a:hover:after { background: #ede00e; }

header .nav .nav3:hover a:after { background: #ede00e; }

header .nav .nav3:hover .dropbox a:hover { color: #ede00e; }

header .nav .nav4 a:after { background: #5e9408; }

header .nav .nav4 a:hover:after { background: #8ad80e; }

header .nav .nav4:hover a:after { background: #8ad80e; }

header .nav .nav4:hover .dropbox a:hover { color: #8ad80e; }

header .nav .nav5 a:after { background: #137194; }

header .nav .nav5 a:hover:after { background: #24c1fb; }

header .nav .nav5:hover a:after { background: #24c1fb; }

header .nav .nav5:hover .dropbox a:hover { color: #24c1fb; }

header .nav .nav6 a:after { background: #b46309; }

header .nav .nav6 a:hover:after { background: #ec830f; }

header .nav .nav6:hover a:after { background: #ec830f; }

header .nav .nav6:hover .dropbox a:hover { color: #ec830f; }

header .nav .nav7 a:after { background: #b60606; }

header .nav .nav7 a:hover:after { background: #e60a0a; }

header .nav .nav7:hover a:after { background: #e60a0a; }

header .nav .nav7:hover .dropbox a:hover { color: #e60a0a; }

header .nav .nav8 a:after { background: #0d8bb9; }

header .nav .nav8 a:hover:after { background: #11aae2; }

header .nav .nav8:hover a:after { background: #11aae2; }

header .nav .nav8:hover .dropbox a:hover { color: #11aae2; }

header .nav .nav9 a:after { background: #389c99; }

header .nav .nav9 a:hover:after { background: #6dd0cd; }

header .nav .nav9:hover a:after { background: #6dd0cd; }

header .nav .nav9:hover .dropbox a:hover { color: #6dd0cd; }

.banner { position: relative; }

.banner .fade { overflow: hidden; position: relative; z-index: 1; }

.banner .fade .row { height: auto; width: 100%; position: relative; }

.banner .fade .row img { width: 100%; height: auto; display: block; }

.banner .mouse-scroll { width: 120px; height: 50px; position: absolute; text-align: center; letter-spacing: 1px; left: 50%; bottom: 10%; z-index: 12; margin: 0 0 0 -60px; -webkit-animation-name: move; animation-name: move; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

@media only screen and (max-width: 1024px) { .banner .mouse-scroll { display: none; } }

.banner .mouse-scroll a { color: #fff; font-size: 15px; font-weight: bold; }

.banner .mouse-scroll img { width: 50%; height: auto; margin: auto; display: block; }

@media only screen and (max-width: 1024px) { .banner .mouse-scroll { width: 100px; margin: 0 0 0 -50px; }
  .banner .mouse-scroll a { font-size: 13px; }
  .banner .mouse-scroll img { width: 40%; } }

.news-box { padding: 60px 0 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media only screen and (max-width: 1024px) { .news-box { display: block; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; -webkit-box-align: inherit; -ms-flex-align: inherit; align-items: inherit; text-align: center; } }

@media only screen and (max-width: 480px) { .news-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 30px 0 0 0; } }

.news-box .row { width: 230px; height: 230px; background: #2b2b2b; border-radius: 90%; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-box-shadow: inset 0 -1px 0 1px #606060; box-shadow: inset 0 -1px 0 1px #606060; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

@media only screen and (max-width: 1299px) { .news-box .row { width: 180px; height: 180px; } }

@media only screen and (max-width: 1024px) { .news-box .row { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin: 20px 30px; } }

@media only screen and (max-width: 768px) { .news-box .row { margin: 20px 10px; } }

@media only screen and (max-width: 480px) { .news-box .row { width: 65px; height: 65px; margin: 20px 0; } }

.news-box .row .content { color: #fff; font-size: 18px; font-weight: bold; text-align: center; }

@media only screen and (max-width: 1024px) { .news-box .row .content { font-size: 15px; } }

@media only screen and (max-width: 480px) { .news-box .row .content { width: 50%; } }

.news-box .row .content .news-img { width: 50%; margin: 0 auto 10px auto; -webkit-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }

@media only screen and (max-width: 480px) { .news-box .row .content .news-img { display: none; } }

.news-box .row .content .news-img img { width: 100%; height: auto; display: block; -webkit-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }

.news-box .row .content .news-name { font-weight: bold; }

.news-box .row:hover { -webkit-box-shadow: inset 0 0 0 10px #f7983f; box-shadow: inset 0 0 0 10px #f7983f; cursor: pointer; }

.news-box .row:hover .news-img { margin: 0 auto; }

.news-box .row:hover img { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); }

.location-list { font-size: 0; padding: 40px 0 0 0; }

@media only screen and (max-width: 768px) { .location-list { text-align: center; } }

@media only screen and (max-width: 480px) { .location-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } }

.location-list li { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; padding: 10px; }

@media only screen and (max-width: 999px) { .location-list li { width: 100%; padding: 10px 0; border-bottom: solid 1px #666; } }

.location-list li .location-img { min-width: 225px; height: 180px; margin: 0 20px 0 0; overflow: hidden; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media only screen and (max-width: 768px) { .location-list li .location-img { width: 225px; float: none; } }

@media only screen and (max-width: 480px) { .location-list li .location-img { min-width: 150px; } }

.location-list li .location-img img { width: 100%; max-width: 100%; max-height: 100%; height: auto; display: block; -webkit-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.location-list li .location-img:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.location-list li .location-info { width: 100%; float: right; font-size: 15px; color: #fff; }

@media only screen and (max-width: 768px) { .location-list li .location-info { width: 100%; float: none; text-align: left; } }

.location-list li .location-info .point { font-size: 18px; font-weight: bold; }

.location-list li .location-info .point a { color: #fff; }

.location-list li .location-info .addr { padding: 20px 0; }

.location-list li .location-info .phone { background: url("../images/smartphone.svg") no-repeat; background-size: 30px 30px; padding: 0 0 0 40px; line-height: 30px; font-family: 'Marcellus SC', serif; letter-spacing: 0.1em; }

.lesson-box { margin: 40px 0; position: relative; height: 380px; }

.lesson-box .tabs { width: 58%; height: 330px; border: solid 1px #fff; background: rgba(255, 255, 255, 0.1); position: absolute; right: 0; bottom: 0; z-index: 2; text-align: center; }

@media only screen and (max-width: 1024px) { .lesson-box .tabs { width: 100%; } }

.lesson-box .tabs:before { background: url("../images/diver-glasses-hand-drawn-tool.svg") no-repeat #d8d8d8 center center; background-size: 45px 45px; content: ''; display: block; width: 78px; height: 78px; position: absolute; top: -39px; left: 50%; margin: 0 0 0 -39px; border-radius: 100%; }

.lesson-box .tabs .list { width: 71%; margin: 40px auto 10px auto; }

.lesson-box .tabs .list li { font-size: 18px; font-weight: bold; text-align: center; border-bottom: dashed 1px #fff; }

@media only screen and (max-width: 1024px) { .lesson-box .tabs .list li { font-size: 15px; } }

.lesson-box .tabs .list li:last-child { border-bottom: none; }

.lesson-box .tabs .list li a { display: block; padding: 15px 0; color: #fff; font-family: 'Marcellus SC', 'Microsoft JhengHei', serif; }

.lesson-box .tabs .list li a:hover { color: #f7983f; }

.lesson-box .tabs .more { font-family: 'Marcellus SC', serif; font-size: 18px; color: #cfcfcf; margin: auto; display: inline-block; }

.lesson-box .tab-content { width: 50%; position: absolute; z-index: 1; -webkit-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }

@media only screen and (max-width: 1024px) { .lesson-box .tab-content { display: none !important; } }

.lesson-box .tab-content img { width: 100%; position: absolute; display: block; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.lesson-box .tab-content.current { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }

.lesson-box .lesson2 { right: inherit; left: 0; }

.lesson-box .lesson2:before { background: url("../images/certification-award.svg") no-repeat #d8d8d8 center center; background-size: 45px 45px; }

.lesson-box .lesson2-1 { right: 0; }

.index-contact { background: #222222; width: 100%; }

.index-contact .title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 300px; }

.index-contact .title .text { width: 550px; text-align: center; color: #fff; line-height: 36px; }

.index-contact .title .text strong { font-size: 30px; }

.index-contact .title .text span { display: block; padding: 15px 0; }

@media only screen and (max-width: 1024px) { .index-contact .title .text strong { font-size: 24px; } }

@media only screen and (max-width: 549px) { .index-contact .title .text { width: 90%; margin: auto; } }

.index-contact .title .text .button { width: 194px; line-height: 52px; background: #e67100; color: #fff; display: block; font-size: 18px; font-weight: bold; margin: 20px auto 0 auto; }

.btm-link { background: #393939; width: 100%; }

@media only screen and (max-width: 1024px) { .btm-link { display: none; } }

.btm-link .all-width1 { width: 1300px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 30px 0 60px 0; margin: auto; }

@media only screen and (max-width: 1440px) { .btm-link .all-width1 { width: 95%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; } }

@media only screen and (max-width: 1440px) { .btm-link .all-width1 .row { padding: 0 20px; width: 25%; -webkit-box-sizing: border-box; box-sizing: border-box; } }

.btm-link .all-width1 .row .sub-title { font-size: 20px; font-weight: bold; display: block; margin: 0 0 20px 0; color: #fff; }

@media only screen and (max-width: 1680px) { .btm-link .all-width1 .row .sub-title { font-size: 18px; } }

@media only screen and (max-width: 1440px) { .btm-link .all-width1 .row .sub-title { font-size: 15px; } }

.btm-link .all-width1 .row .list li { margin: 8px 0; }

.btm-link .all-width1 .row .list li a { color: #bcbcbc; display: block; }

.btm-link .all-width1 .row .list li a:hover { color: #fff; }

footer { position: relative; padding: 45px 0; width: 1300px; margin: auto; }

@media only screen and (max-width: 1440px) { footer { width: 100%; } }

@media only screen and (max-width: 1024px) { footer { padding: 70px 0 45px 0; } }

footer .top { width: 60px; height: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 18px; color: #e67100; font-family: 'Cuprum', sans-serif; position: absolute; left: 50%; top: -30px; margin: 0 0 0 -30px; background: #fff; border-radius: 100%; }

@media only screen and (max-width: 1024px) { footer .top { top: 0; } }

footer .search-box { background: #8a8a8a; width: 218px; float: right; height: 38px; border-radius: 30px; padding: 0 5px 0 26px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media only screen and (max-width: 1024px) { footer .search-box { display: none; } }

footer .search-box .text { background: none; border: none; width: 80%; line-height: 18px; }

footer .search-box .search-btn { width: 19px; height: 19px; margin: 0 0 0 10px; }

footer .select-language { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 218px; float: right; height: 38px; clear: right; margin: 10px 0; padding: 10px 0; color: #fff; }

@media only screen and (max-width: 1024px) { footer .select-language { display: none; } }

footer .design { display: block; margin: 10px 0 0 0; float: right; clear: right; color: #bcbcbc; }

footer .design a { color: #bcbcbc; }

footer .design a:hover { color: #fff; }

@media only screen and (max-width: 1024px) { footer .design { float: none; width: 100%; text-align: center; } }

footer .company-info { float: left; width: 70%; }

@media only screen and (max-width: 1024px) { footer .company-info { width: 100%; float: none; } }

@media only screen and (max-width: 480px) { footer .company-info { text-align: center; } }

footer .company-info .copyright { color: #fff; }

footer .company-info .copyright strong { display: block; font-size: 18px; margin: 0 0 10px; }

@media only screen and (max-width: 1024px) { footer .company-info .copyright strong { display: inline-block; }
  footer .company-info .copyright span { display: inline-block; padding: 0 0 0 20px; } }

footer .company-info .item { font-size: 0; margin: 30px 0 0 0; }

@media only screen and (max-width: 1024px) { footer .company-info .item { margin: 10px 0 0 0; } }

footer .company-info .item li { background: url("../images/arrow-point-to-right.svg") no-repeat 0 center; background-size: 10px; color: #8a8a8a; display: inline-block; font-size: 15px; width: 50%; padding: 0 0 0 18px; margin: 6px 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media only screen and (max-width: 768px) { footer .company-info .item li { width: 100%; } }

@media only screen and (max-width: 480px) { footer .company-info .item li { background: none; } }

footer .company-info .item li a { color: #8a8a8a; }

footer .company-info .item li a:hover { color: #fff; }

.other-banner { position: relative; }

.other-banner .fade { overflow: hidden; position: relative; z-index: 1; }

.other-banner .fade .row { height: 417px; width: 100%; position: relative; }

@media only screen and (max-width: 1024px) { .other-banner .fade .row { height: 241px; } }

.other-banner .fade .row img { width: 1770px; height: auto; display: block; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

@media only screen and (max-width: 1024px) { .other-banner .fade .row img { width: 1024px; } }

.other-banner .slick-dots { bottom: 20px; }

.other-banner .slick-dotted.slick-slider { margin: 0; }

.other-banner1 { position: relative; overflow: hidden; height: 359px; }

@media only screen and (max-width: 1024px) { .other-banner1 { height: 208px; } }

.other-banner1 img { height: auto; display: block; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

@media only screen and (max-width: 1024px) { .other-banner1 img { width: 1024px; } }

/*麵包屑*/
#breadcrumb { color: #fff; paddinf: 10px 0; }

@media only screen and (max-width: 480px) { #breadcrumb { display: none; } }

#breadcrumb li { display: inline-block; position: relative; padding: 0 30px 0 0; }

#breadcrumb li:after { content: ''; display: block; background: url("../images/right-arrow.svg") no-repeat center center; background-size: 10px; width: 10px; height: 10px; position: absolute; top: 9px; right: 8px; }

#breadcrumb li:last-child:after { display: none; }

#breadcrumb li a { color: #fff; font-size: 13px; }

#breadcrumb li a:hover { color: #e27c0c; }

/*課程專區*/
.lesson-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 40px 0 0 0; }

.lesson-list li { width: 48%; margin: 0 0 40px 0; }

@media only screen and (max-width: 480px) { .lesson-list li { width: 100%; } }

.lesson-list li .lesson-name { font-size: 24px; font-family: 'Marcellus SC', 'Microsoft JhengHei', serif; }

@media only screen and (max-width: 768px) { .lesson-list li .lesson-name { font-size: 18px; } }

.lesson-list li .lesson-img { margin: 10px 0; position: relative; overflow: hidden; }

.lesson-list li .lesson-img img { position: relative; top: 0; left: 50%; width: 100%; height: auto; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.lesson-list li .more { line-height: 50px; width: 100%; display: block; background: #363636; border-radius: 5px; text-align: center; font-size: 18px; font-weight: bold; }

@media only screen and (max-width: 1024px) { .lesson-list li .more { font-size: 15px; } }

.lesson-list li .more img { vertical-align: middle; margin: -3px 0 0 0; }

.lesson-list li:hover .more { background: #e67100; }

.lesson-list li a { color: #fff; }

.lesson-list2 { width: 83%; margin: 40px auto 0 auto; color: #fff; }

@media only screen and (max-width: 1440px) { .lesson-list2 { width: 100%; } }

.lesson-list2 h2 { font-size: 36px; font-family: 'Marcellus SC', 'Microsoft JhengHei', serif; margin: 25px 0; display: block; text-align: center; }

@media only screen and (max-width: 1024px) { .lesson-list2 h2 { font-size: 24px; } }

.lesson-list2 .lesson-info { min-height: 190px; padding: 10px 40px; width: 100%; line-height: 1.8; -webkit-box-sizing: border-box; box-sizing: border-box; }

.lesson-list2 .lesson-info img { height: auto; }

@media only screen and (max-width: 1024px) { .lesson-list2 .lesson-info { padding: 10px 0; }
  .lesson-list2 .lesson-info img { width: 100%; } }

.lesson-list2 .chose-title { font-size: 24px; font-weight: bold; text-align: center; }

.lesson-list2 .class-categary { font-size: 18px; font-weight: bold; margin: 30px 0; }

@media only screen and (max-width: 1440px) { .lesson-list2 .class-categary { text-align: center; } }

.lesson-list2 .class-categary li { display: inline-block; padding: 0 20px; position: relative; }

.lesson-list2 .class-categary li:after { display: block; content: ''; width: 1px; height: 10px; position: absolute; right: -1px; top: 50%; margin: -5px 0 0 0; background: #a7a7a7; }

.lesson-list2 .class-categary li:last-child:after { display: none; }

.lesson-list2 .class-categary li a { color: #fff; }

.lesson-list2 .class-categary .active a { color: #e27c0c; }

.class-row { overflow: hidden; margin: 20px auto; max-width: 1079px; width: 100%; }

.class-row li { width: 31%; float: left; margin: 0 3.5% 30px 0; }

.class-row li:nth-child(3n) { margin: 0 0 30px 0; }

@media only screen and (max-width: 768px) { .class-row li { width: 48%; margin: 0 4% 30px 0; }
  .class-row li:nth-child(3n) { margin: 0 4% 30px 0; }
  .class-row li:nth-child(2n) { margin: 0 0 30px 0; } }

@media only screen and (max-width: 480px) { .class-row li { width: 100%; max-width: 342px; float: none; margin: 0 auto 30px auto; }
  .class-row li:nth-child(3n) { margin: 0 auto 30px auto; }
  .class-row li:nth-child(2n) { margin: 0 auto 30px auto; } }

.class-row li .lesson-sub-img { width: 100%; overflow: hidden; position: relative; }

.class-row li .lesson-sub-img img { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); position: relative; top: 0; left: 50%; width: 100%; height: auto; }

.class-row li .sub-row { background: #3b3b3b; padding: 10px 27px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; }

.class-row li .sub-row .loction { font-size: 13px; color: #e27c0c; }

.class-row li .sub-row .class-name { font-size: 18px; font-weight: bold; margin: 10px 0; }

.class-row li .sub-row .class-name a { color: #fff; }

.class-row li .sub-row .class-text { line-height: 24px; }

@media only screen and (max-width: 480px) { .class-row li .sub-row .class-text { display: none; } }

.class-row li .sub-row .more { width: 100%; border-radius: 30px; border: solid 1px #9f9f9f; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; font-size: 18px; display: block; color: #fff; font-weight: bold; padding: 10px 0; margin: 20px 0; }

@media only screen and (max-width: 768px) { .class-row li .sub-row .more { font-size: 15px; } }

.class-row li:hover .more { background: #e27c0c; border: solid 1px #c46802; }

.lesson-infor { width: 100%; margin: 40px auto 0 auto; color: #fff; text-align: center; }

.lesson-infor .location { color: #e8800d; font-size: 18px; font-weight: bold; }

@media only screen and (max-width: 768px) { .lesson-infor .location { font-size: 15px; } }

.lesson-infor h2 { font-size: 36px; font-family: 'Marcellus SC', 'Microsoft JhengHei', serif; margin: 20px 0; display: block; }

@media only screen and (max-width: 1024px) { .lesson-infor h2 { font-size: 24px; } }

.lesson-infor .price { color: #898989; }

.lesson-infor .price strong { font-size: 36px; color: #fff; }

.lesson-infor .tag { text-align: center; margin: 30px 0; }

@media only screen and (max-width: 480px) { .lesson-infor .tag { width: 90%; margin: 30px auto; } }

.lesson-infor .tag li { display: inline-block; margin: 10px; position: relative; }

.lesson-infor .tag li a { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; }

.lesson-infor .tag li .tag-icon { width: 133px; height: 133px; border-radius: 99%; background: #2a2a2a; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: solid 2px #2a2a2a; z-index: 1; position: relative; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

@media only screen and (max-width: 480px) { .lesson-infor .tag li .tag-icon { width: 80px; height: 80px; } }

.lesson-infor .tag li .tag-icon .box { width: 84px; font-size: 18px; font-weight: bold; color: #fff; }

@media only screen and (max-width: 768px) { .lesson-infor .tag li .tag-icon .box { font-size: 15px; } }

.lesson-infor .tag li .tag-icon .box img { display: block; width: auto; height: 40px; margin: 10px auto; }

@media only screen and (max-width: 480px) { .lesson-infor .tag li .tag-icon .box img { display: none; } }

.lesson-infor .tag li:hover .tag-icon { border: solid 2px #e27c0c; }

.detail-edit { color: #fff; padding: 40px 0; }

ul.tabs { margin: 30px 0 0 0; padding: 0px; list-style: none; }

ul.tabs li { background: #515151; color: #fff; display: inline-block; padding: 20px 60px; font-weight: bold; cursor: pointer; }

ul.tabs li.current { background: #e27c0c; }

.tab-content { display: none; padding: 30px 0; color: #fff; }

.tab-content.current { display: inherit; }

.detail-photo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.detail-photo li { width: 19%; }

.detail-photo li img { max-width: 100%; height: auto; display: block; }

.calendar { margin: 20px 0; }

@media only screen and (max-width: 1024px) { .calendar .class-edit { display: none; }
  .calendar .weekdays li { line-height: 18px; padding: 5px 0; } }

@media only screen and (max-width: 1024px) and (max-width: 480px) { .calendar .weekdays li span { display: none; } }

@media only screen and (max-width: 1024px) { .calendar .days li { min-height: 40px; line-height: 40px; padding: 0; }
  .calendar .days li .date { text-align: center; } }

.date-start-tips { color: #fff; margin: 20px 0; }

.select-date { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: bold; color: #fff; }

.select-date dt { font-size: 18px; margin: 0 30px 0 0; min-width: 72px; }

.select-date dd { padding: 2px 0 0 0; }

.select-date dd span { white-space: nowrap; }

.select-date dd .text { padding: 2px 5px; }

.select-date dd label { margin: 0 10px 0 0; cursor: pointer; }

.select-date dd label:hover { color: #ff8500; }

.select-date dd input[type="radio"]:checked + label { color: #ff8500; }

@media only screen and (max-width: 768px) { .select-date { display: block; }
  .select-date dt { min-width: inherit; width: 100%; }
  .select-date dd { width: 100%; } }

@media only screen and (max-width: 480px) { .select-date { display: block; }
  .select-date dt { margin: 0; }
  .select-date dd span { display: block; width: 100%; margin: 10px 0; }
  .select-date dd .text { width: 100%; margin-bottom: 10px; } }

.sign-step { text-align: center; margin: 40px 0; }

@media only screen and (max-width: 1024px) { .sign-step { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } }

.sign-step li { display: inline-block; width: 186px; text-align: center; margin: 0 35px; height: 76px; line-height: 76px; border-radius: 5px; background: #222; color: #585858; -webkit-box-shadow: 0 2px 0 #585858; box-shadow: 0 2px 0 #585858; font-size: 18px; font-weight: bold; }

@media only screen and (max-width: 1024px) { .sign-step li { margin: 0 20px; } }

@media only screen and (max-width: 768px) { .sign-step li { display: none; width: 150px; height: 50px; line-height: 50px; font-size: 15px; } }

.sign-step li.active { color: #fff; background: #e8800d; -webkit-box-shadow: 0 2px 0 #f8a952; box-shadow: 0 2px 0 #f8a952; }

@media only screen and (max-width: 768px) { .sign-step li.active { display: block; } }

.lesson-sign .sign-finish { background: #373737; display: -webkit-box; display: -ms-flexbox; display: flex; height: 375px; margin: 0 0 40px 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media only screen and (max-width: 768px) { .lesson-sign .sign-finish { height: 300px; } }

.lesson-sign .sign-finish .box { color: #fff; text-align: center; width: 500px; }

@media only screen and (max-width: 768px) { .lesson-sign .sign-finish .box { width: 80%; margin: auto; } }

.lesson-sign .sign-finish .box .sub-title { font-size: 30px; display: block; margin: 0 0 30px; }

@media only screen and (max-width: 768px) { .lesson-sign .sign-finish .box .sub-title { font-size: 24px; } }

.lesson-sign .sign-finish .box .sub-text { line-height: 36px; display: block; }

.lesson-sign .sign-row { margin: 0 0 40px 0; }

.lesson-sign .sign-row .order-no { font-size: 18px; font-weight: bold; color: #fff; margin: 30px 0; }

.lesson-sign .sign-row .order-no span { color: #ff8e14; padding: 0 0 0 10px; font-family: 'Marcellus SC', serif; font-weight: normal; }

.lesson-sign .sign-row .agree { color: #fff; }

.lesson-sign .sign-row .sign-area { border: solid 1px #9e9e9e; padding: 20px; background: none; height: 200px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; }

.lesson-sign .sign-row .sign-area:placeholder { color: #a7a7a7; }

.lesson-sign .sign-row .sign-title { margin: 20px 0; padding: 0 0 0 50px; font-size: 18px; height: 34px; line-height: 34px; font-weight: bold; color: #fff; }

.lesson-sign .sign-row .sign-title.bg1 { background: url("../images/stats.svg") no-repeat; background-size: 34px; }

.lesson-sign .sign-row .sign-title.bg2 { background: url("../images/support.svg") no-repeat; background-size: 34px; }

.lesson-sign .sign-row .sign-title .tips { color: #d2d2d2; padding: 0 0 0 20px; font-weight: normal; font-size: 15px; }

.lesson-sign .sign-row .sign-infor { width: 100%; border-radius: 10px; background: #373737; padding: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; }

.lesson-sign .sign-row .sign-infor .row { border-bottom: dashed 2px #a5a5a5; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; padding: 25px 0; font-size: 18px; color: #fff; }

@media only screen and (max-width: 768px) { .lesson-sign .sign-row .sign-infor .row { font-size: 15px; } }

.lesson-sign .sign-row .sign-infor .row dt { width: 18%; text-align: center; font-weight: bold; }

@media only screen and (max-width: 768px) { .lesson-sign .sign-row .sign-infor .row dt { width: 25%; } }

.lesson-sign .sign-row .sign-infor .row dd { width: 82%; font-family: 'Cuprum','Microsoft JhengHei', sans-serif; }

@media only screen and (max-width: 768px) { .lesson-sign .sign-row .sign-infor .row dd { width: 75%; } }

.lesson-sign .sign-row .sign-infor .row dd .person { font-size: 13px; font-weight: normal; padding: 0 0 0 5px; }

.lesson-sign .sign-row .sign-infor .total-price { font-family: 'Cuprum','Microsoft JhengHei', sans-serif; float: right; color: #fff; margin: 30px 0 0 0; }

.lesson-sign .sign-row .sign-infor .total-price span { font-size: 15px; font-weight: normal; }

.lesson-sign .sign-row .sign-infor .total-price .price { font-size: 36px; padding: 0 10px; }

.lesson-sign .sign-row .sign-edit { color: #fff; padding: 20px 0; }

.lesson-sign .sign-row .pay { color: #fff; }

.lesson-sign .sign-row .pay label { margin: 0 10px 0 0; }

.lesson-sign .sign-row .sign-num { width: 200px; padding: 0 20px; -webkit-box-sizing: border-box; box-sizing: border-box; height: 46px; -webkit-appearance: none; appearance: none; -moz-appearance: none; background: url("../images/drop-icon.jpg") no-repeat right 10px center #fff; }

.lesson-sign .sign-row .sign-tips { color: #fff; padding: 20px 0; }

.lesson-sign .sign-row .sign-data { border: solid 1px #9e9e9e; padding: 40px; margin: 0 0 30px 0; }

@media only screen and (max-width: 480px) { .lesson-sign .sign-row .sign-data { padding: 20px; } }

.lesson-sign .sign-row .sign-data .sign-row-btm { margin-top: 20px; }

.lesson-sign .sign-row .sign-data .sign-row-btm .notification { padding: 0 0 0 25px; background: url("../images/notification.svg") no-repeat 0 center; background-size: 15px; color: #d0d0d0; margin-left: 20px; }

.lesson-sign .sign-row .sign-data .sign-top { color: #fff; }

.lesson-sign .sign-row .sign-data .sign-top .mem-data { float: right; margin-top: 10px; }

@media only screen and (max-width: 999px) { .lesson-sign .sign-row .sign-data .sign-top .mem-data { float: none; margin-bottom: 30px; } }

.lesson-sign .sign-row .sign-data .sign-top .student-name { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 285px; margin: 0 20px 0 0; }

@media only screen and (max-width: 480px) { .lesson-sign .sign-row .sign-data .sign-top .student-name { width: 100%; margin: 0 0 20px 0; } }

.lesson-sign .sign-row .sign-data .sign-top .student-name dt { font-size: 18px; font-weight: bold; }

.lesson-sign .sign-row .sign-data .sign-top .student-name dd { width: 200px; color: #fff; }

.lesson-sign .sign-row .sign-data .sign-top .student-name dd .text { width: 100%; height: 42px; padding: 0 20px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #a7a7a7; background: #333333; border: 0; line-height: 42px; }

.lesson-sign .sign-row .sign-data label { margin: 0 10px 0 0; cursor: pointer; color: #fff; position: relative; }

.lesson-sign .sign-row .sign-data .list { width: 100%; overflow: hidden; margin: 20px 0 0 0; }

.lesson-sign .sign-row .sign-data .list li { width: 17%; margin: 0 3.75% 20px 0; float: left; }

.lesson-sign .sign-row .sign-data .list li:nth-child(5n) { margin: 0 0 20px 0; }

@media only screen and (max-width: 1024px) { .lesson-sign .sign-row .sign-data .list li { width: 48%; }
  .lesson-sign .sign-row .sign-data .list li:nth-child(5n) { margin: 0 4% 20px 0; }
  .lesson-sign .sign-row .sign-data .list li:nth-child(2n) { margin: 0 0 20px 0; } }

@media only screen and (max-width: 480px) { .lesson-sign .sign-row .sign-data .list li { width: 100%; margin: 0 0 20px 0; }
  .lesson-sign .sign-row .sign-data .list li:nth-child(5n) { margin: 0 0 20px 0; }
  .lesson-sign .sign-row .sign-data .list li:nth-child(2n) { margin: 0 0 20px 0; } }

.lesson-sign .sign-row .sign-data .list li .sub-title { color: #fff; font-weight: bold; }

.lesson-sign .sign-row .sign-data .list li .sub-title .shoe-num { color: #f7e35b; display: inline-block; padding: 0 0 0 5px; font-size: 12px; font-weight: normal; }

.lesson-sign .sign-row .sign-data .list li .sub-text { -webkit-box-sizing: border-box; box-sizing: border-box; height: 42px; line-height: 42px; padding: 0 10px; width: 100%; background: #333; border: solid 1px #9e9e9e; color: #fff; margin: 5px 0 0 0; }

.lesson-sign .sign-row .sign-data .list li .sub-text.order { border: none; color: #a7a7a7; }

.lesson-sign .sign-row .sign-data .list2 { width: 100%; overflow: hidden; }

.lesson-sign .sign-row .sign-data .list2 li { width: 30.6667%; margin: 0 4% 20px 0; float: left; }

.lesson-sign .sign-row .sign-data .list2 li:nth-child(3n) { margin: 0 0 20px 0; }

@media only screen and (max-width: 768px) { .lesson-sign .sign-row .sign-data .list2 li { width: 100%; margin: 0 0 20px 0; }
  .lesson-sign .sign-row .sign-data .list2 li:nth-child(2n) { margin: 0 0 20px 0; } }

.lesson-sign .sign-row .sign-data .list2 li .sub-title { color: #fff; font-weight: bold; }

.lesson-sign .sign-row .sign-data .list2 li .sub-text { -webkit-box-sizing: border-box; box-sizing: border-box; height: 42px; padding: 0 10px; width: 100%; background: #333; border: solid 1px #9e9e9e; color: #fff; margin: 5px 0 0 0; line-height: 42px; }

.lesson-sign .sign-row .sign-data .list2 li .sub-text.order { border: none; color: #a7a7a7; }

.lesson-sign .sign-row .sign-data .list3 { width: 100%; overflow: hidden; margin: 20px 0 0 0; }

.lesson-sign .sign-row .sign-data .list3 li { margin: 0 10px 0 0; float: left; }

.lesson-sign .sign-row .sign-data .list3 li .sub-text { width: 100%; height: 42px; padding: 0 20px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #a7a7a7; background: #333333; border: 0; line-height: 42px; }

.lesson-sign .sign-row .sign-data .list3 li:nth-child(1) { width: 200px; }

.lesson-sign .sign-row .sign-data .list3 li:nth-child(2) { width: 100px; }

.lesson-sign .sign-row .sign-data .list3 li:nth-child(3) { width: 250px; }

@media only screen and (max-width: 768px) { .lesson-sign .sign-row .sign-data .list3 li:nth-child(1), .lesson-sign .sign-row .sign-data .list3 li:nth-child(2), .lesson-sign .sign-row .sign-data .list3 li:nth-child(3) { width: 100%; margin: 0 0 5px 0; } }

/*news*/
.news .news-catrgory { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 43px 0; }

@media only screen and (max-width: 1024px) { .news .news-catrgory { margin: 20px 0; } }

.news .news-catrgory a { width: 16%; display: -webkit-box; display: -ms-flexbox; display: flex; height: 87px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; background: #323232; border-radius: 10px; }

@media only screen and (max-width: 1024px) { .news .news-catrgory a { width: 18%; height: 60px; } }

.news .news-catrgory a .news-icon { max-width: 66px; width: 100%; margin: 0 20px 0 0; }

.news .news-catrgory a .news-icon img { width: 100%; height: auto; display: block; max-height: 55px; }

@media only screen and (max-width: 1024px) { .news .news-catrgory a .news-icon { display: none; } }

.news .news-catrgory a .news-name { font-size: 18px; font-weight: bold; }

@media only screen and (max-width: 1024px) { .news .news-catrgory a .news-name { font-size: 15px; } }

.news .news-catrgory a:hover { background: #e37e0d; }

.news .news-catrgory a.active { background: #e37e0d; }

.news .news-row { background: #323232; overflow: hidden; padding: 15px; position: relative; margin: 0 0 15px 0; }

@media only screen and (max-width: 480px) { .news .news-row { padding: 10px; } }

.news .news-row .more { width: 100px; height: 42px; line-height: 42px; display: block; text-align: center; color: #fff; position: absolute; background: #1f1f1f; right: 0; bottom: 0; }

.news .news-row .more:hover { background: #e37e0d; }

@media only screen and (max-width: 1024px) { .news .news-row .more { display: none; } }

.news .news-row .news-img { width: 19%; height: 173px; position: relative; float: left; overflow: hidden; }

@media only screen and (max-width: 1024px) { .news .news-row .news-img { width: 25%; } }

@media only screen and (max-width: 480px) { .news .news-row .news-img { display: none; } }

.news .news-row .news-img img { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.news .news-row .news-info { width: 75%; float: right; }

@media only screen and (max-width: 1024px) { .news .news-row .news-info { width: 70%; } }

@media only screen and (max-width: 480px) { .news .news-row .news-info { width: 100%; } }

.news .news-row .news-info .date { color: #e37e0d; font-family: 'Cuprum', sans-serif; margin: 0 0 10px 0; }

.news .news-row .news-info .news-sub-name { font-size: 18px; font-weight: bold; display: block; min-height: 48px; color: #fff; }

.news .news-row .news-info .news-sub-name:hover { text-decoration: underline; }

@media only screen and (max-width: 480px) { .news .news-row .news-info .news-sub-name { font-size: 15px; min-height: auto; } }

.news .news-row .news-info .news-sub-text { color: #989898; }

@media only screen and (max-width: 480px) { .news .news-row .news-info .news-sub-text { display: none; } }

.news .new-detail { width: 100%; padding: 30px 85px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #323232; }

@media only screen and (max-width: 1024px) { .news .new-detail { padding: 30px; } }

.news .new-detail .date { color: #e37e0d; font-family: 'Cuprum', sans-serif; text-align: center; margin: 0 0 10px 0; }

.news .new-detail .news-sub-name { font-size: 36px; font-weight: bold; display: block; text-align: center; width: 80%; margin: 10px auto 30px auto; color: #fff; }

@media only screen and (max-width: 1024px) { .news .new-detail .news-sub-name { font-size: 24px; } }

.news .new-detail .detail-edit { padding: 20px 0; }

/*news*/
.knowledge .knowledge-catrgory { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin: 43px 0 20px 0; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.knowledge .knowledge-catrgory a { display: inline-block; padding: 0 25px 0 30px; color: #fff; font-size: 18px; font-weight: bold; background: url("../images/checked.svg") no-repeat left center; background-size: 20px; -webkit-transition: 1s ease-in-out; -o-transition: 1s ease-in-out; transition: 1s ease-in-out; position: relative; }

@media only screen and (max-width: 768px) { .knowledge .knowledge-catrgory a { font-size: 15px; margin: 10px 0; } }

.knowledge .knowledge-catrgory a:before { display: block; content: ''; width: 20px; height: 20px; background: url("../images/checked1.svg") no-repeat left center; background-size: 20px; position: absolute; left: 0; top: 50%; margin: -10px 0 0 0; -webkit-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }

.knowledge .knowledge-catrgory a:hover { color: #e37e0d; }

.knowledge .knowledge-catrgory a:hover:before { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }

.knowledge .knowledge-catrgory a.active { background: url("../images/checked1.svg") no-repeat left center; background-size: 20px; color: #e37e0d; }

.knowledge .knowledge-row { background: #323232; overflow: hidden; padding: 15px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 0 15px 0; }

@media only screen and (max-width: 480px) { .knowledge .knowledge-row { padding: 10px; } }

.knowledge .knowledge-row .more { width: 100px; height: 42px; line-height: 42px; display: block; text-align: center; color: #fff; position: absolute; background: #1f1f1f; right: 0; bottom: 0; }

.knowledge .knowledge-row .more:hover { background: #e37e0d; }

@media only screen and (max-width: 1024px) { .knowledge .knowledge-row .more { display: none; } }

.knowledge .knowledge-row .knowledge-img { width: 260px; height: 173px; position: relative; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 20px 0 0; text-align: center; }

@media only screen and (max-width: 480px) { .knowledge .knowledge-row .knowledge-img { display: none; } }

.knowledge .knowledge-row .knowledge-img img { max-width: 100%; max-height: 100%; }

.knowledge .knowledge-row .knowledge-info { width: 100%; }

@media only screen and (max-width: 1024px) { .knowledge .knowledge-row .knowledge-info { width: 70%; } }

@media only screen and (max-width: 480px) { .knowledge .knowledge-row .knowledge-info { width: 100%; } }

.knowledge .knowledge-row .knowledge-info .tips { color: #bdbdbd; margin: 0 0 10px 0; }

.knowledge .knowledge-row .knowledge-info .knowledge-sub-name { font-size: 18px; font-weight: bold; display: block; min-height: 48px; color: #fff; }

@media only screen and (max-width: 480px) { .knowledge .knowledge-row .knowledge-info .knowledge-sub-name { font-size: 15px; min-height: auto; } }

.knowledge .knowledge-row .knowledge-info .knowledge-sub-name:hover { text-decoration: underline; }

.knowledge .knowledge-row .knowledge-info .knowledge-sub-text { color: #989898; }

@media only screen and (max-width: 480px) { .knowledge .knowledge-row .knowledge-info .knowledge-sub-text { display: none; } }

.knowledge .knowledge-detail { width: 100%; padding: 30px 85px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #323232; }

@media only screen and (max-width: 1024px) { .knowledge .knowledge-detail { padding: 30px; } }

.knowledge .knowledge-detail .tips { color: #bdbdbd; margin: 0 0 10px 0; text-align: center; }

.knowledge .knowledge-detail .knowledge-sub-name { font-size: 36px; font-weight: bold; display: block; text-align: center; width: 80%; margin: 10px auto 30px auto; color: #fff; }

@media only screen and (max-width: 1024px) { .knowledge .knowledge-detail .knowledge-sub-name { font-size: 24px; } }

.knowledge .knowledge-detail .detail-edit { padding: 20px 0; }

/*map*/
.area { min-height: 300px; }

.area .area-category { text-align: center; width: 70%; margin: 30px auto; }

.area .area-category li { display: inline-block; margin: 0 5px 10px 5px; width: 100px; }

.area .area-category li a { display: block; width: 100%; height: 40px; line-height: 40px; color: #fff; font-weight: bold; border-radius: 5px; background: -owg-linear-gradient(#ff8400, #ffa646); background: -webkit-linear-gradient(#ff8400, #ffa646); background: -o-linear-gradient(#ff8400, #ffa646); background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ffa646)); background: linear-gradient(#ff8400, #ffa646); border: solid 1px #c76905; }

.area .area-category li a:hover { background: -owg-linear-gradient(#ffa646, #ff8400); background: -webkit-linear-gradient(#ffa646, #ff8400); background: -o-linear-gradient(#ffa646, #ff8400); background: -webkit-gradient(linear, left top, left bottom, from(#ffa646), to(#ff8400)); background: linear-gradient(#ffa646, #ff8400); }

.area .map { background: url("../images/map.png") no-repeat; width: 100%; height: 867px; position: relative; }

@media only screen and (max-width: 1299px) { .area .map { display: none; } }

.area .map a { display: block; }

.area .map a.point { width: 23px; height: 33px; position: absolute; background: url("../images/point.png") no-repeat; }

.area .map a.point:hover:before { display: block; content: attr(data-area); position: relative; top: -20px; right: -20px; color: #fff; font-weight: bold; width: 100px; text-shadow: 0 0 10px #000; }

.area .map a.local1 { top: 427px; left: 233px; }

.area .map a.local2 { top: 568px; left: 468px; }

.area .map a.local3 { top: 458px; left: 605px; }

.area .map a.local4 { top: 536px; left: 613px; }

.area .map a.local5 { top: 478px; left: 655px; }

.area .map a.local6 { top: 574px; left: 712px; }

.area .map a.local7 { top: 430px; left: 718px; }

.area .map a.local8 { top: 495px; left: 736px; }

.area .map a.local9 { top: 528px; left: 803px; }

.area .map a.local10 { top: 359px; left: 808px; }

.area .map a.local11 { top: 478px; left: 862px; }

.area .map a.local12 { top: 703px; left: 862px; }

.area .map a.local13 { top: 498px; left: 1113px; }

.area .area-info { height: 447px; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 30px 0; }

@media only screen and (max-width: 768px) { .area .area-info { display: block; height: auto; } }

.area .area-info .area-img { width: 50%; height: 447px; overflow: hidden; position: relative; }

.area .area-info .area-img img { position: absolute; left: 50%; top: 0; height: auto; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

@media only screen and (max-width: 480px) { .area .area-info .area-img img { width: 480px; } }

@media only screen and (max-width: 768px) { .area .area-info .area-img { width: 100%; } }

@media only screen and (max-width: 480px) { .area .area-info .area-img { height: 329px; } }

.area .area-info .area-text { width: 50%; height: 447px; background: #3c3c3c; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

@media only screen and (max-width: 768px) { .area .area-info .area-text { width: 100%; display: block; -webkit-box-align: inherit; -ms-flex-align: inherit; align-items: inherit; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; height: auto; padding: 20px 0; } }

.area .area-info .area-text .box { color: #fff; width: 500px; }

@media only screen and (max-width: 1299px) { .area .area-info .area-text .box { width: 90%; margin: auto; } }

.area .area-info .area-text .box .area-title { font-size: 30px; font-weight: bold; }

@media only screen and (max-width: 1024px) { .area .area-info .area-text .box .area-title { font-size: 24px; } }

.area .area-info .area-text .box .area-en { font-family: 'Cuprum', sans-serif; margin: 10px 0; }

.area .area-info .area-text .box .area-tips { line-height: 24px; }

.area .area-row { overflow: hidden; margin: 20px auto; width: 100%; }

.area .area-row li { width: 23%; float: left; margin: 0 2.66667% 30px 0; }

.area .area-row li:nth-child(4n) { margin: 0 0 30px 0; }

@media only screen and (max-width: 768px) { .area .area-row li { width: 31%; margin: 0 3.5% 30px 0; }
  .area .area-row li:nth-child(4n) { margin: 0 3.5% 30px 0; }
  .area .area-row li:nth-child(3n) { margin: 0 0 30px 0; } }

@media only screen and (max-width: 480px) { .area .area-row li { width: 48%; margin: 0 4% 30px 0; }
  .area .area-row li:nth-child(4n) { margin: 0 4% 30px 0; }
  .area .area-row li:nth-child(3n) { margin: 0 4% 30px 0; }
  .area .area-row li:nth-child(2n) { margin: 0 0 30px 0; } }

.area .area-row li .area-sub-img { width: 100%; height: 199px; overflow: hidden; position: relative; }

.area .area-row li .area-sub-img img { position: absolute; width: 308px; left: 50%; top: 0; display: block; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.area .area-row li .sub-row { background: #3b3b3b; padding: 10px 27px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; }

@media only screen and (max-width: 768px) { .area .area-row li .sub-row { padding: 10px; } }

.area .area-row li .sub-row .area-txt { font-size: 13px; color: #e27c0c; }

.area .area-row li .sub-row .area-name { font-size: 18px; font-weight: bold; margin: 10px 0; }

.area .area-row li .sub-row .area-name a { color: #fff; }

.area .area-row li .sub-row .area-txt1 { line-height: 24px; }

@media only screen and (max-width: 480px) { .area .area-row li .sub-row .area-txt1 { display: none; } }

.area .area-row li .sub-row .more { width: 100%; border-radius: 30px; border: solid 1px #9f9f9f; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; font-size: 18px; display: block; color: #fff; font-weight: bold; padding: 10px 0; margin: 20px 0; }

@media only screen and (max-width: 768px) { .area .area-row li .sub-row .more { font-size: 15px; } }

.area .area-row li:hover .more { background: #e27c0c; border: solid 1px #c46802; }

.area .detail { background: #292929; margin: 50px 0; padding: 85px; }

@media only screen and (max-width: 1024px) { .area .detail { padding: 30px; margin: 20px 0; } }

.area .detail .location { color: #ff8500; }

.area .detail .area-name { color: #fff; font-size: 30px; font-weight: bold; }

.area .detail .area-text { color: #cccccc; margin: 10px 0; }

.area .detail .detail-edit { padding: 20px 0; }

.contact .info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 60px 0; color: #fff; }

@media only screen and (max-width: 768px) { .contact .info { display: block; -webkit-box-align: inherit; -ms-flex-align: inherit; align-items: inherit; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; padding: 30px 0; } }

.contact .info .tip { background: #333333; width: 46%; padding: 30px 50px; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 5px; line-height: 36px; }

@media only screen and (max-width: 768px) { .contact .info .tip { width: 100%; padding: 20px; } }

.contact .info .tip span { display: block; }

.contact .info .company { width: 46%; }

@media only screen and (max-width: 768px) { .contact .info .company { width: 100%; margin: 20px 0 0 0; } }

.contact .info .company span { display: block; line-height: 33px; }

.contact .info .company span.name { font-size: 24px; font-weight: bold; }

@media only screen and (max-width: 768px) { .contact .info .company span.name { font-size: 18px; } }

.contact .contact-data { border: solid 1px #9e9e9e; padding: 40px; margin: 0 0 30px 0; }

@media only screen and (max-width: 1024px) { .contact .contact-data { padding: 20px; } }

.contact .contact-data .list { width: 100%; overflow: hidden; margin: 20px 0 0 0; }

.contact .contact-data .list li { width: 30%; margin: 0 5% 20px 0; float: left; }

.contact .contact-data .list li:nth-child(3) { margin: 0 0 20px 0; }

@media only screen and (max-width: 480px) { .contact .contact-data .list li { width: 100%; margin: 0 0 20px 0; } }

.contact .contact-data .list li .sub-title { color: #fff; font-weight: bold; }

.contact .contact-data .list li .sub-title .shoe-num { color: #f7e35b; display: inline-block; padding: 0 0 0 5px; font-size: 12px; font-weight: normal; }

.contact .contact-data .list li .sub-text { -webkit-box-sizing: border-box; box-sizing: border-box; height: 42px; padding: 0 10px; width: 100%; background: #333; border: solid 1px #9e9e9e; color: #fff; margin: 5px 0 0 0; }

.contact .contact-data .list li:nth-child(4) { width: 100%; margin: 0 0 20px 0; }

.contact .contact-data .list li:nth-child(4) .sub-text { padding: 10px; height: 200px; }

.contact .contact-data .list li:nth-child(5) { width: 200px; margin: 0 0 20px 0; }

.contact .contact-data .list li:nth-child(5) .sub-text { width: 100px; }

.inquiry { margin: 40px 0; }

.inquiry .inquiry-data { border: solid 1px #9e9e9e; padding: 40px; margin: 0 0 30px 0; color: #fff; }

@media only screen and (max-width: 480px) { .inquiry .inquiry-data { padding: 20px; } }

.inquiry .inquiry-data label { margin: 0 20px 0 0; }

.inquiry .inquiry-data .list { width: 100%; overflow: hidden; margin: 20px 0 0 0; }

.inquiry .inquiry-data .list li { width: 30%; margin: 0 5% 20px 0; float: left; }

.inquiry .inquiry-data .list li:nth-child(3) { margin: 0 0 20px 0; }

@media only screen and (max-width: 480px) { .inquiry .inquiry-data .list li { width: 100%; margin: 0 0 20px 0; } }

.inquiry .inquiry-data .list li .sub-title { color: #fff; font-weight: bold; }

.inquiry .inquiry-data .list li .sub-title .shoe-num { color: #f7e35b; display: inline-block; padding: 0 0 0 5px; font-size: 12px; font-weight: normal; }

.inquiry .inquiry-data .list li .sub-text { -webkit-box-sizing: border-box; box-sizing: border-box; height: 42px; padding: 0 10px; width: 100%; background: #333; border: solid 1px #9e9e9e; color: #fff; margin: 5px 0 0 0; }

.inquiry .inquiry-data .list li:nth-child(4) { width: 48%; margin: 0 4% 20px 0; }

.inquiry .inquiry-data .list li:nth-child(5) { width: 48%; margin: 0 0 20px 0; }

.inquiry .inquiry-data .list li:nth-child(6) { width: 48%; margin: 0 4% 20px 0; }

.inquiry .inquiry-data .list li:nth-child(7) { width: 48%; margin: 0 0 20px 0; }

.inquiry .inquiry-data .list li:nth-child(8) { width: 100%; margin: 0 0 20px 0; }

.inquiry .inquiry-data .list li:nth-child(8) .sub-text { padding: 10px; height: 200px; }

.inquiry .inquiry-data .list li:nth-child(9) { width: 200px; margin: 0 0 20px 0; }

.inquiry .inquiry-data .list li:nth-child(9) .sub-text { width: 100px; }

@media only screen and (max-width: 480px) { .inquiry .inquiry-data .list li:nth-child(4) { width: 100%; margin: 0 0 20px 0; }
  .inquiry .inquiry-data .list li:nth-child(5) { width: 100%; margin: 0 0 20px 0; }
  .inquiry .inquiry-data .list li:nth-child(6) { width: 100%; margin: 0 0 20px 0; }
  .inquiry .inquiry-data .list li:nth-child(7) { width: 100%; margin: 0 0 20px 0; } }

.inquiry .inquiry-data .list2 { width: 100%; overflow: hidden; }

.inquiry .inquiry-data .list2 li { width: 48%; margin: 0 4% 20px 0; float: left; }

.inquiry .inquiry-data .list2 li:nth-child(2n) { margin: 0 0 20px 0; }

@media only screen and (max-width: 480px) { .inquiry .inquiry-data .list2 li { width: 100%; margin: 0 0 20px 0; }
  .inquiry .inquiry-data .list2 li:nth-child(2n) { margin: 0 0 20px 0; } }

.inquiry .inquiry-data .list2 li .sub-title { color: #fff; font-weight: bold; }

.inquiry .inquiry-data .list2 li .sub-text { -webkit-box-sizing: border-box; box-sizing: border-box; height: 42px; padding: 0 10px; width: 100%; background: #333; border: solid 1px #9e9e9e; color: #fff; margin: 5px 0 0 0; }

.product { overflow: hidden; padding: 30px 0; }

.product .row { font-size: 0; text-align: center; }

.product .row li { float: left; width: 25%; position: relative; height: 325px; overflow: hidden; }

@media only screen and (max-width: 1024px) { .product .row li { width: 33.33333%; } }

@media only screen and (max-width: 768px) { .product .row li { width: 50%; height: 250px; } }

@media only screen and (max-width: 400px) { .product .row li { width: 100%; } }

.product .row li img { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 325px; height: auto; z-index: 1; }

@media only screen and (max-width: 768px) { .product .row li img { width: 250px; } }

.product .row li:before { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; background: rgba(0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

.product .row li .pro-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 3; color: #fff; width: 100%; height: 100%; }

.product .row li .pro-box span { font-size: 18px; font-weight: bold; display: block; width: 60%; margin: auto; text-align: center; text-shadow: 0 0 5px #000; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

.product .row li:hover:before { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }

.product .row li:hover .pro-box span { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }

@media only screen and (max-width: 1024px) { .product .row li:before { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
  .product .row li .pro-box span { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } }

.product .sidebar { color: #fff; float: left; width: 17%; font-family: 'Cuprum','Microsoft JhengHei', sans-serif; }

@media only screen and (max-width: 1024px) { .product .sidebar { display: none; } }

.product .sidebar .categary-title { border-bottom: solid 1px #959595; font-size: 24px; padding: 0 0 13px 0; }

.product .sidebar .list { margin: 30px 0; }

.product .sidebar .list li { margin: 14px 0; }

.product .sidebar .list li a { color: #fff; text-transform: uppercase; }

.product .sidebar .list li a:hover { color: #ffa902; }

.product .content { width: 75%; float: right; }

@media only screen and (max-width: 1024px) { .product .content { width: 100%; float: none; } }

.product .content .sub-categary { overflow: hidden; margin: 5px 0 20px 0; font-family: 'Cuprum','Microsoft JhengHei', sans-serif; }

.product .content .sub-categary li { float: left; margin: 0 20px 10px 0; }

.product .content .sub-categary li a { color: #c9c9c9; }

.product .content .sub-categary li a:hover { color: #fff; }

.product .content .list2 { overflow: hidden; font-size: 0; }

.product .content .list2 li { width: 27%; margin: 0 9.5% 20px 0; display: inline-block; }

.product .content .list2 li:nth-child(3n) { margin: 0 0 20px 0; }

@media only screen and (max-width: 768px) { .product .content .list2 li { width: 45%; margin: 0 10% 20px 0; }
  .product .content .list2 li:nth-child(3n) { margin: 0 10% 20px 0; }
  .product .content .list2 li:nth-child(2n) { margin: 0 0 20px 0; } }

.product .content .list2 li .product-img { display: block; width: 100%; height: 180px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #fff; border-radius: 5px; }

.product .content .list2 li .product-img img { max-width: 220px; display: block; height: auto; width: 90%; }

.product .content .list2 li .product-name { font-size: 15px; width: 100%; text-align: center; margin: 20px 0 0 0; }

.product .content .list2 li .product-name a { color: #fff; }

.product .content .list2 li .price { color: #666; font-size: 15px; text-align: center; }

.product .content .product-intro { background: #292929; width: 100%; padding: 50px; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media only screen and (max-width: 768px) { .product .content .product-intro { padding: 30px; } }

.product .content .product-intro .product-gallary { width: 45%; float: left; }

@media only screen and (max-width: 480px) { .product .content .product-intro .product-gallary { width: 100%; } }

.product .content .product-intro .product-content { width: 50%; float: right; }

@media only screen and (max-width: 480px) { .product .content .product-intro .product-content { width: 100%; margin: 20px 0 0 0; } }

.product .content .product-intro .product-content .brand { font-weight: bold; color: #ff8500; }

.product .content .product-intro .product-content .name { font-weight: bold; font-size: 30px; color: #fff; margin: 10px 0 0 0; }

.product .content .product-intro .product-content .price { color: #fff; margin: 10px 0 20px 0; }

.product .content .product-intro .product-content .text { color: #dbdbdb; }

@media only screen and (max-width: 768px) { .product .content .product-intro .product-content .name { font-size: 24px; } }

.product .content .product-description { margin: 30px 0; }

.product .content .product-description .sub-title { border-bottom: solid 1px #535353; }

.product .content .product-description .sub-title .box { background: #535353; width: 155px; height: 48px; line-height: 48px; text-align: center; color: #fff; }

@media only screen and (max-width: 480px) { .product .content .product-description .sub-title .box { width: 100%; } }

.product .content .product-description .product-edit { padding: 20px 0; color: #fff; }

.all-category { text-align: center; width: 100%; margin: 30px auto; }

.all-category li { display: inline-block; margin: 0 5px 10px 5px; width: 100px; }

.all-category li a { display: block; width: 100%; height: 40px; line-height: 40px; color: #fff; font-weight: bold; border-radius: 5px; background: -owg-linear-gradient(#ff8400, #ffa646); background: -webkit-linear-gradient(#ff8400, #ffa646); background: -o-linear-gradient(#ff8400, #ffa646); background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ffa646)); background: linear-gradient(#ff8400, #ffa646); border: solid 1px #c76905; }

.all-category li a:hover { background: -owg-linear-gradient(#ffa646, #ff8400); background: -webkit-linear-gradient(#ffa646, #ff8400); background: -o-linear-gradient(#ffa646, #ff8400); background: -webkit-gradient(linear, left top, left bottom, from(#ffa646), to(#ff8400)); background: linear-gradient(#ffa646, #ff8400); }

/*about*/
.about * { -webkit-box-sizing: border-box; box-sizing: border-box; }

.about .top-box { width: 100%; height: 500px; position: relative; margin: 55px 0; }

@media only screen and (max-width: 768px) { .about .top-box { height: auto; } }

.about .top-box .about-img { width: 910px; height: 443px; position: relative; overflow: hidden; z-index: 1; }

@media only screen and (max-width: 1299px) { .about .top-box .about-img { width: 68%; } }

@media only screen and (max-width: 768px) { .about .top-box .about-img { width: 100%; } }

@media only screen and (max-width: 480px) { .about .top-box .about-img { height: 232px; } }

.about .top-box .about-img img { position: absolute; top: 0; left: 50%; height: auto; z-index: 2; display: block; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

@media only screen and (max-width: 480px) { .about .top-box .about-img img { width: 480px; } }

.about .top-box .about-img:after { content: ''; display: block; width: 875px; height: 423px; background: #434343; position: absolute; right: 0; bottom: 0; z-index: 1; }

@media only screen and (max-width: 1299px) { .about .top-box .about-img:after { width: 68%; } }

.about .top-box .about-text { background: rgba(255, 255, 255, 0.85); width: 622px; height: 405px; right: 0; bottom: 0; position: absolute; z-index: 2; padding: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media only screen and (max-width: 768px) { .about .top-box .about-text { position: relative; width: 100%; min-height: inherit; height: auto; } }

.about .top-box .about-text .box-border { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; border: solid 1px #fff; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media only screen and (max-width: 768px) { .about .top-box .about-text .box-border { padding: 20px 0; } }

.about .top-box .about-text .box-border .box { width: 500px; }

@media only screen and (max-width: 768px) { .about .top-box .about-text .box-border .box { width: 100%; padding: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; } }

.about .top-box .about-text .box-border .box .about-title { font-size: 24px; margin: 0 0 10px 0; }

@media only screen and (max-width: 768px) { .about .top-box .about-text .box-border .box .about-title { font-size: 18px; font-weight: bold; } }

.about .top-box .about-text .box-border .box .text { margin: 20px 0 0 0; line-height: 30px; }

.about .about-slogan { color: #fff; display: block; font-size: 36px; text-align: center; width: 100%; font-weight: bold; }

@media only screen and (max-width: 768px) { .about .about-slogan { font-size: 24px; } }

.about .about-content { background: #292929; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 60px; margin: 30px 0; }

@media only screen and (max-width: 480px) { .about .about-content { padding: 30px; } }

.about .about-content .row { padding: 33px 0 35px 0; color: #fff; font-weight: bold; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background: url("../images/about-line.jpg") repeat-x bottom; }

.about .about-content .row:last-child { background: none; }

@media only screen and (max-width: 1024px) { .about .about-content .row { display: block; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; } }

.about .about-content .row .sub-tit { width: 20%; text-align: center; font-size: 24px; }

@media only screen and (max-width: 1024px) { .about .about-content .row .sub-tit { text-align: left; width: 100%; } }

@media only screen and (max-width: 768px) { .about .about-content .row .sub-tit { font-size: 18px; } }

.about .about-content .row .sub-content { width: 80%; line-height: 36px; }

@media only screen and (max-width: 1024px) { .about .about-content .row .sub-content { width: 100%; margin: 20px 0 0 0; } }

.about .about-content .row .sub-content dl { display: -webkit-box; display: -ms-flexbox; display: flex; }

@media only screen and (max-width: 768px) { .about .about-content .row .sub-content dl { display: block; } }

.about .about-content .row .sub-content dl dt { color: #ff9601; width: 15%; }

@media only screen and (max-width: 768px) { .about .about-content .row .sub-content dl dt { width: 100%; } }

.about .about-content .row .sub-content dl dd { width: 85%; }

@media only screen and (max-width: 768px) { .about .about-content .row .sub-content dl dd { width: 100%; } }

.about .about-content .row .sub-content dl dd span { display: block; background: url("../images/checklist-checked-box.svg") no-repeat 0 center; background-size: 13px; padding: 0 0 0 20px; }

.about .about-row .about-row__title { text-align: center; font-size: 24px; color: #fff; font-weight: bold; }

.about .about-row .about-row__title:after { display: block; background: #e8800d; content: ''; width: 35px; height: 5px; margin: 25px auto 0 auto; }

.about .about-row .about-row__text { text-align: center; color: #fff; margin: 20px 0 15px 0; font-weight: bold; }

.about .about-row .about-row__text2 { text-align: center; font-style: italic; font-weight: bold; font-size: 20px; color: #de7c0f; }

.about .about-row .about-row__text3 { text-align: center; font-style: italic; font-weight: bold; font-size: 20px; color: #7d7d7d; margin-bottom: 40px; }

.about .about-row .about-row__text3 span { font-size: 16px; }

.about .about-row .about-row__text4 { text-align: center; font-style: italic; font-weight: bold; font-size: 20px; color: #ffffff; margin-top: 20px; }

.about .about-row .about-row__text5 { color: #fff; margin: 45px auto 30px auto; font-weight: bold; max-width: 690px; line-height: 36px; }

.about .about-row .about-row__list { margin-top: 40px; }

.about .about-row .about-row__list li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 67px; }

.about .about-row .about-row__list li figure { width: 50%; min-width: 50%; padding: 0; margin: 0; position: relative; }

.about .about-row .about-row__list li figure:before { content: ''; background: #656565; position: absolute; display: block; width: 100%; height: 100%; z-index: 1; right: -12px; bottom: -12px; }

.about .about-row .about-row__list li figure img { width: 100%; height: auto; display: block; position: relative; z-index: 2; }

.about .about-row .about-row__list li .info { color: #fff; width: 50%; padding-left: 65px; line-height: 36px; }

.about .about-row .about-row__list li .info p { margin-bottom: 15px; }

.about .about-row .about-row__list li .info .tit { font-weight: bold; font-size: 20px; margin-bottom: 30px; }

.about .about-row .about-row__list li:nth-child(even) figure { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }

.about .about-row .about-row__list li:nth-child(even) .info { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding-left: 0; padding-right: 65px; }

@media only screen and (max-width: 960px) { .about .about-row .about-row__list li { -ms-flex-wrap: wrap; flex-wrap: wrap; grid-gap: 30px; }
  .about .about-row .about-row__list li figure, .about .about-row .about-row__list li .info { width: 100%; padding: 0; }
  .about .about-row .about-row__list li:nth-child(even) figure { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
  .about .about-row .about-row__list li:nth-child(even) .info { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; padding-right: 0; } }

.about .about-row .about-row__list2 { grid-gap: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 57px; margin-top: 40px; }

.about .about-row .about-row__list2 li { position: relative; width: 50%; }

.about .about-row .about-row__list2 li .wrap { background: #292929; color: #fff; padding: 50px; border-radius: 30px; position: relative; z-index: 2; min-height: 400px; }

@media only screen and (max-width: 1300px) { .about .about-row .about-row__list2 li .wrap { min-height: auto; } }

.about .about-row .about-row__list2 li:before { content: ''; width: 100%; height: 100%; border-radius: 30px; top: 5px; position: absolute; left: 0; background: #d57810; }

.about .about-row .about-row__list2 li .tit { font-size: 20px; font-weight: bold; text-align: center; }

.about .about-row .about-row__list2 li p { margin-top: 25px; line-height: 36px; }

@media only screen and (max-width: 1300px) { .about .about-row .about-row__list2 { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } }

@media only screen and (max-width: 768px) { .about .about-row .about-row__list2 { -ms-flex-wrap: wrap; flex-wrap: wrap; grid-gap: 30px; }
  .about .about-row .about-row__list2 li { width: 100%; } }

@media only screen and (max-width: 576px) { .about .about-row .about-row__list2 li .wrap { padding: 30px; } }

.about .about-row .about-row__list3 { grid-gap: 60px; display: grid; grid-template-columns: repeat(3, 1fr); }

@media only screen and (max-width: 768px) { .about .about-row .about-row__list3 { grid-template-columns: 1fr; } }

.about .about-row .about-row__list4 { grid-gap: 60px; display: grid; grid-template-rows: auto; }

.about .about-row .about-row__list4--style1 { grid-template-columns: 1fr; grid-gap: 30px; }

.about .about-row .about-row__list4--style2 { grid-template-columns: repeat(2, 1fr); grid-gap: 30px; }

@media only screen and (max-width: 768px) { .about .about-row .about-row__list4--style2 { grid-template-columns: 1fr; } }

.about .about-row .about-row__box--title { position: relative; margin-top: 60px !important; padding: 50px !important; }

.about .about-row .about-row__box--title:after { content: attr(data-title); display: block; width: 145px; height: 41px; color: #fff; font-size: 20px; font-weight: bold; background: #5c5c5c; border: solid 10px #3a3a3a; position: absolute; text-align: center; top: -36px; left: 50%; padding: 5px 0 0 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

@media only screen and (max-width: 576px) { .about .about-row .about-row__box--title { padding: 30px !important; } }

.about .about-row .about-row__box { width: 100%; padding: 50px 100px; margin-top: 40px; border: solid 10px #3a3a3a; margin-bottom: 60px; }

.about .about-row .about-row__box .tips { color: #fff; font-weight: bold; font-size: 18px; margin-bottom: 20px; }

.about .about-row .about-row__box dl { display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: bold; margin-top: 10px; font-size: 16px; }

.about .about-row .about-row__box dl dt { margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; color: #e8800d; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-width: 150px; }

.about .about-row .about-row__box dl dt:before { content: ''; display: block; background: url("../images/square-check-regular.svg") no-repeat; background-size: contain; width: 17px; height: 17px; margin-right: 15px; }

.about .about-row .about-row__box dl dd { margin: 0; padding: 0; color: #fff; }

@media only screen and (max-width: 1300px) { .about .about-row .about-row__box { padding: 50px; } }

@media only screen and (max-width: 576px) { .about .about-row .about-row__box { padding: 30px; }
  .about .about-row .about-row__box dl { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .about .about-row .about-row__box dl dd { margin-top: 10px; } }

.about .about-row .about-row__box2 { background: #3a3a3a; width: 100%; border-radius: 30px; padding: 20px 60px; margin: 40px auto 0 auto; max-width: 780px; }

.about .about-row .about-row__box2 dl { display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: bold; font-size: 16px; margin: 10px 0; }

.about .about-row .about-row__box2 dl dt { margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; color: #e8800d; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-width: 70px; }

.about .about-row .about-row__box2 dl dd { margin: 0; padding: 0; color: #fff; }

@media only screen and (max-width: 576px) { .about .about-row .about-row__box2 { padding: 30px; }
  .about .about-row .about-row__box2 dl { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .about .about-row .about-row__box2 dl dd { margin-top: 10px; } }

.about .about-row .about-row__box3 { background: #292929; border-top: solid 5px #e8800d; width: 100%; padding: 50px 100px; margin-top: 40px; }

@media only screen and (max-width: 1300px) { .about .about-row .about-row__box3 { padding: 50px; } }

@media only screen and (max-width: 576px) { .about .about-row .about-row__box3 { padding: 30px; } }

.about .about-row .about-row__box4 { color: #fff; }

.about .about-row .about-row__box4 figure { width: 73px; margin: auto; }

.about .about-row .about-row__box4 figure img { width: 100%; height: auto; display: block; }

.about .about-row .about-row__box4 .tit { font-size: 20px; font-weight: bold; text-align: center; color: #fff; margin-top: 20px; }

.about .about-row .about-row__box4 .tit:after { display: block; background: #e8800d; content: ''; width: 46px; height: 3px; margin: 25px auto 0 auto; }

.about .about-row .about-row__box4 p { margin-top: 20px; line-height: 36px; }

.about .about-row .about-row__box5 { display: -webkit-box; display: -ms-flexbox; display: flex; }

.about .about-row .about-row__box5:before { content: ''; display: block; min-width: 6px; height: 6px; border-radius: 100%; border: solid 3px #ff8600; margin-right: 17px; margin-top: 7px; }

.about .about-row .about-row__box5 .box { color: #fff; }

.about .about-row .about-row__box5 .tit { font-size: 20px; font-weight: bold; }

.about .about-row .about-row__box5 .tit span { font-size: 16px; padding-left: 20px; }

.about .about-row .about-row__box5 p { line-height: 36px; padding-right: 80px; margin-top: 10px; }

@media only screen and (max-width: 1300px) { .about .about-row .about-row__box5 p { padding-right: 0; } }

.about .about-row .about-row__box6 { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 40px; margin-bottom: 70px; }

.about .about-row .about-row__box6 figure, .about .about-row .about-row__box6 .info { width: 50%; }

.about .about-row .about-row__box6 figure { padding: 0; margin: 0; }

.about .about-row .about-row__box6 figure img { width: 100%; height: auto; display: block; }

.about .about-row .about-row__box6 .info { color: #fff; padding: 0 40px 0 70px; }

.about .about-row .about-row__box6 .info .tit { border-bottom: solid 1px #5a5a5a; padding: 20px 0; font-size: 20px; font-weight: bold; }

.about .about-row .about-row__box6 .info p { line-height: 36px; padding: 20px 0; }

.about .about-row .about-row__box6 .info .s-tit { color: #7d7d7d; font-weight: bold; font-size: 18px; }

.about .about-row .about-row__box6 .info dl { display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: bold; margin-top: 10px; font-size: 16px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; line-height: 36px; }

.about .about-row .about-row__box6 .info dt { margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; color: #e8800d; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-width: 150px; }

.about .about-row .about-row__box6 .info dt:before { content: ''; display: block; background: url("../images/square-check-regular.svg") no-repeat; background-size: contain; width: 17px; height: 17px; margin-right: 15px; }

.about .about-row .about-row__box6 .info dd { margin: 0; padding: 0; color: #fff; }

@media only screen and (max-width: 1300px) { .about .about-row .about-row__box6 figure { display: none; }
  .about .about-row .about-row__box6 .info { width: 100%; } }

@media only screen and (max-width: 768px) { .about .about-row .about-row__box6 { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .about .about-row .about-row__box6 figure { display: block; width: 100%; }
  .about .about-row .about-row__box6 .info { padding: 0; } }

@media only screen and (max-width: 576px) { .about .about-row .about-row__box6 .info dl { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .about .about-row .about-row__box6 .info dd { margin-top: 10px; } }

/*service*/
@media only screen and (max-width: 768px) { .service { padding: 0; } }

.service .list { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.service .list li { width: 48%; height: 338px; position: relative; overflow: hidden; margin: 0 0 30px 0; }

@media only screen and (max-width: 320px) { .service .list li { width: 100%; } }

.service .list li img { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; }

.service .list li .box { width: 77%; height: 262px; position: absolute; z-index: 2; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background: rgba(255, 255, 255, 0.9); padding: 20px 50px; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media only screen and (max-width: 768px) { .service .list li .box { width: 90%; height: 90%; padding: 20px; } }

.service .list li .box .sub-title { font-weight: bold; font-size: 24px; display: inline-block; margin: 10px auto; text-align: center; width: 100%; }

@media only screen and (max-width: 768px) { .service .list li .box .sub-title { font-size: 18px; } }

.service .list li .box:before { display: block; content: attr(data-num); border-radius: 90%; background: #f39800; margin: 10px auto; width: 40px; line-height: 40px; height: 40px; color: #fff; text-align: center; font-size: 13px; }

@media only screen and (max-width: 1024px) { .service .list li .box:before { display: none; } }

.location .detail { background: #292929; margin: 50px 0; padding: 85px; }

@media only screen and (max-width: 1024px) { .location .detail { padding: 30px; margin: 20px 0; } }

.location .detail .location-name { color: #fff; font-size: 30px; font-weight: bold; float: left; }

.location .detail .location-phone { background: url("../images/smartphone.svg") no-repeat; background-size: 30px 30px; padding: 0 0 0 40px; line-height: 30px; font-family: 'Marcellus SC', serif; letter-spacing: 0.1em; float: left; color: #fff; margin: 10px 0 0 20px; }

.location .detail .location-text { margin: 10px 0; }

.location .detail .location-text a { color: #cccccc; }

.location .detail .location-text a:hover { color: #fff; }

.location .detail .detail-edit { padding: 20px 0; }

.join .content { background: #292929; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 60px 100px; margin: 30px 0; color: #fff; line-height: 36px; }

@media only screen and (max-width: 1024px) { .join .content { padding: 30px; } }

.join .content .sub-title { font-size: 24px; font-weight: bold; }

.join .content .tips { margin: 30px 0; width: 90%; }

.join .content .join-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.join .content .join-list li { width: 50%; padding: 0 65px 40px 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media only screen and (max-width: 768px) { .join .content .join-list li { width: 100%; padding: 0 0 40px 0; } }

.join .content .join-list li .sub-title1 { font-size: 18px; font-weight: bold; color: #ff9601; padding: 0 0 0 55px; background: url("../images/dart-board.svg") no-repeat; background-size: 32px; margin: 0 0 10px 0; }

.join .content .join-list li .row { position: relative; padding: 0 0 0 20px; }

.join .content .join-list li .row:before { content: ''; display: block; width: 4px; height: 1px; background: #fff; position: absolute; left: 2px; top: 18px; }

.join .content .tips2 { padding: 30px 50px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; background: #3e3e3e; font-weight: bold; }

.join .content .work { border: solid 1px #6c6c6c; border-collapse: collapse; width: 100%; line-height: 24px; }

.join .content .work td { border: solid 1px #6c6c6c; padding: 30px 50px; width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: top; }

@media only screen and (max-width: 768px) { .join .content .work td { padding: 20px; } }

.join .content .work td .work-name { font-size: 18px; font-weight: bold; margin: 0 0 20px 0; color: #ff9601; }

@media only screen and (max-width: 480px) { .join .content .work { display: block; }
  .join .content .work td, .join .content .work tr { display: block; width: 100%; } }

.error { margin: 20px 0 0 0; }

.error .error-box { background: #373737; display: -webkit-box; display: -ms-flexbox; display: flex; height: 375px; margin: 0 0 40px 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.error .error-box .box { color: #fff; text-align: center; width: 500px; }

.error .error-box .box a { color: #fff; text-decoration: underline; }

.search { padding: 40px; background: #fff; min-height: 300px; margin: 40px 0; }

/*201990429新增member*/
.member { padding: 25px 0; }

.member .login { width: 800px; margin: auto; }

.member .login .row { display: -webkit-box; display: -ms-flexbox; display: flex; height: 44px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 46px 0; }

.member .login .row dt { min-width: 130px; color: #fff; font-weight: bold; }

.member .login .row dd { width: 100%; }

.member .login .row dd .text { width: 100%; border: solid 1px #9e9e9e; background: #333; height: 42px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; padding: 0 15px; }

.member .login .row-btm { text-align: center; color: #fff; }

.member .login .row-btm a { color: #fff; text-decoration: underline; }

@media only screen and (max-width: 799px) { .member .login { width: 100%; }
  .member .login .row { -ms-flex-wrap: wrap; flex-wrap: wrap; height: auto; margin: 20px 0; }
  .member .login .row dt { width: 100%; } }

.member .register .reg-tips { color: #fff; text-align: center; margin-top: 50px; }

.member .register .reg-step { text-align: center; margin: 40px 0; }

@media only screen and (max-width: 1024px) { .member .register .reg-step { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 0 40px 0; } }

.member .register .reg-step li { display: inline-block; width: 186px; text-align: center; margin: 0 35px; height: 76px; line-height: 76px; border-radius: 5px; background: #222; color: #585858; -webkit-box-shadow: 0 2px 0 #585858; box-shadow: 0 2px 0 #585858; font-size: 18px; font-weight: bold; }

@media only screen and (max-width: 1024px) { .member .register .reg-step li { margin: 0 20px; } }

@media only screen and (max-width: 768px) { .member .register .reg-step li { display: none; width: 150px; height: 50px; line-height: 50px; font-size: 15px; } }

.member .register .reg-step li.active { color: #fff; background: #e8800d; -webkit-box-shadow: 0 2px 0 #f8a952; box-shadow: 0 2px 0 #f8a952; }

@media only screen and (max-width: 768px) { .member .register .reg-step li.active { display: block; } }

.member .register .reg-article { border: solid 1px #9e9e9e; padding: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; }

.member .register .reg-article .content-s { height: 488px !important; color: #a8a8a8; }

@media only screen and (max-width: 1024px) { .member .register .reg-article .content-s { height: 300px !important; } }

.member .register .reg-article .content-s .s-tit { color: #fff; font-weight: bold; font-size: 18px; display: block; margin: 25px 0; }

.member .register .reg-agree { color: #fff; margin: 20px 0; }

.member .register .reg-agree label { padding: 0 0 0 10px; }

.member .register .reg-data { width: 800px; margin: auto; }

.member .register .reg-data .row { display: -webkit-box; display: -ms-flexbox; display: flex; height: 44px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 46px 0; }

.member .register .reg-data .row dt { min-width: 130px; color: #fff; font-weight: bold; }

.member .register .reg-data .row dd { width: 100%; }

.member .register .reg-data .row dd .text { width: 100%; border: solid 1px #9e9e9e; background: #333; height: 42px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; padding: 0 15px; }

@media only screen and (max-width: 799px) { .member .register .reg-data { width: 100%; }
  .member .register .reg-data .row { -ms-flex-wrap: wrap; flex-wrap: wrap; height: auto; margin: 20px 0; }
  .member .register .reg-data .row dt { width: 100%; } }

.member .register .reg-finish { background: #373737; display: -webkit-box; display: -ms-flexbox; display: flex; height: 375px; margin: 0 0 40px 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media only screen and (max-width: 768px) { .member .register .reg-finish { height: 300px; } }

.member .register .reg-finish .box { color: #fff; text-align: center; width: 500px; }

@media only screen and (max-width: 768px) { .member .register .reg-finish .box { width: 80%; margin: auto; } }

.member .register .reg-finish .box .sub-title { font-size: 30px; display: block; margin: 0 0 30px; }

@media only screen and (max-width: 768px) { .member .register .reg-finish .box .sub-title { font-size: 24px; } }

.member .register .reg-finish .box .sub-text { line-height: 36px; display: block; }

.member .content .mem-btn { display: -webkit-box; display: -ms-flexbox; display: flex; width: 372px; margin: auto; }

@media only screen and (max-width: 371px) { .member .content .mem-btn { width: 100%; } }

.member .content .mem-btn a { display: block; width: 50%; height: 52px; border-bottom: solid 5px #373737; font-weight: bold; color: #7d7d7d; text-align: center; line-height: 52px; }

.member .content .mem-btn a.active { border-bottom: solid 5px #fff; color: #fff; }

.member .content .order-search { width: 177px; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: solid 1px #808080; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 20px 0; }

@media only screen and (max-width: 480px) { .member .content .order-search { width: 100%; } }

.member .content .order-search .text { -webkit-appearance: none; appearance: none; --webkit-appearance: none; -moz-appearance: none; border: none; background: none; color: #fff; width: 130px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 0 0 10px; }

.member .content .order-search .btn { margin: 0 10px; }

.member .content .order-table { width: 100%; color: #fff; margin-bottom: 30px; }

.member .content .order-table thead { background: #373737; }

.member .content .order-table thead th { height: 55px; }

.member .content .order-table thead th:nth-child(1), .member .content .order-table thead th:nth-child(2) { padding: 0 0 0 30px; }

.member .content .order-table thead th:nth-child(3), .member .content .order-table thead th:nth-child(4), .member .content .order-table thead th:nth-child(5), .member .content .order-table thead th:nth-child(6), .member .content .order-table thead th:nth-child(7) { text-align: center; }

.member .content .order-table tbody tr { border-bottom: dashed 1px #fff; }

.member .content .order-table tbody td { height: 93px; }

.member .content .order-table tbody td:nth-child(1), .member .content .order-table tbody td:nth-child(2) { padding: 0 0 0 30px; }

.member .content .order-table tbody td:nth-child(3), .member .content .order-table tbody td:nth-child(4), .member .content .order-table tbody td:nth-child(5), .member .content .order-table tbody td:nth-child(6), .member .content .order-table tbody td:nth-child(7) { text-align: center; }

.member .content .order-table tbody td a { color: #fff; }

.member .content .order-table tbody td a:hover { color: #ff9937; }

.member .content .order-table tbody td .circle { display: block; width: 53px; height: 53px; border-radius: 90%; background: #373737; margin: auto; color: #fff; text-align: center; line-height: 53px; }

.member .content .order-table.bt tbody tr { border: solid 1px #373737; border-width: 1px 1px 0 1px; margin-bottom: 20px; display: block; }

.member .content .order-table.bt tbody tr td { height: auto; border-bottom: solid 1px #373737; }

.member .content .order-table.bt tbody tr td:nth-child(1), .member .content .order-table.bt tbody tr td:nth-child(2) { padding: 0; text-align: center; }

.member .content .order-table.bt tbody tr td:before { background: #373737; height: auto; padding: 10px 0; }

.member .content .order-table.bt tbody tr td span { padding: 10px; }