/* 未能缩小。正在返回未缩小的内容�?
(13,2314): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13,2764): run-time error CSS1039: Token not allowed after unary operator: '-swiper-wrapper-transition-timing-function'
(13,4572): run-time error CSS1039: Token not allowed after unary operator: '-swiper-centered-offset-before'
(13,4717): run-time error CSS1039: Token not allowed after unary operator: '-swiper-centered-offset-after'
(13,4863): run-time error CSS1039: Token not allowed after unary operator: '-swiper-centered-offset-before'
(13,5005): run-time error CSS1039: Token not allowed after unary operator: '-swiper-centered-offset-after'
(13,5990): run-time error CSS1039: Token not allowed after unary operator: '-swiper-preloader-color'
(13,6019): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color'
(13,6295): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13,6354): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13,6775): run-time error CSS1039: Token not allowed after unary operator: '-swiper-virtual-size'
(13,6890): run-time error CSS1039: Token not allowed after unary operator: '-swiper-virtual-size'
(13,6918): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13,7015): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-top-offset'
(13,7066): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size'
(13,7113): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size'
(13,7166): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size'
(13,7288): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-color'
(13,7318): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color'
(13,7986): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-sides-offset'
(13,8098): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-sides-offset'
(13,8271): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size'
(13,8520): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-sides-offset'
(13,9103): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bottom'
(13,9143): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-top'
(13,9955): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-width'
(13,9992): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-size'
(13,10041): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-height'
(13,10079): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-size'
(13,10156): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-border-radius'
(13,10217): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-inactive-color'
(13,10277): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-inactive-opacity'
(13,10620): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-opacity'
(13,10674): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-color'
(13,10704): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color'
(13,10835): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-right'
(13,10875): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-left'
(13,11109): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-vertical-gap'
(13,11820): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-horizontal-gap'
(13,12512): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-fraction-color'
(13,12602): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-progressbar-bg-color'
(13,12760): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-color'
(13,12790): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color'
(13,13334): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-progressbar-size'
(13,13693): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-progressbar-size'
(13,13833): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-border-radius'
(13,13923): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-bg-color'
(13,14189): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-sides-offset'
(13,14236): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-bottom'
(13,14275): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-top'
(13,14326): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-size'
(13,14381): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-sides-offset'
(13,14524): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-left'
(13,14564): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-right'
(13,14602): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-sides-offset'
(13,14659): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-size'
(13,14715): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-sides-offset'
(13,14831): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-drag-bg-color'
(13,14898): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-border-radius'
(1614,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1615,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1616,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1617,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1618,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1619,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1620,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1621,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1623,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1624,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1625,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1626,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1628,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1629,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1630,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1632,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1633,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1636,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1637,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1638,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1639,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1640,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1641,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1642,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1643,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1644,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1645,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1646,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1647,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1648,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1649,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1650,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1651,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1652,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1653,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1654,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1655,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1656,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1657,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1658,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1659,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1660,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1661,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1662,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1663,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1664,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1665,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1666,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1667,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1672,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1673,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1678,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1683,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1684,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1685,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1686,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1687,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1688,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1689,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1690,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1691,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1692,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1693,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1694,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1695,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1700,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1701,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1702,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1703,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1704,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1705,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1706,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1707,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1708,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1709,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1710,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1711,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1712,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1713,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1714,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1719,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1720,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1721,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1722,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1723,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1724,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1725,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1730,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1731,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1732,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1733,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1734,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1735,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1736,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1737,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1738,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1739,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1740,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1741,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1742,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1743,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1744,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1745,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1746,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1747,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1748,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1750,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1756,16): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(1768,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary'
(1771,21): run-time error CSS1039: Token not allowed after unary operator: '-size-18'
(1803,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary'
(1810,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(1818,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(1832,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(1836,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(2012,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-primary'
(2013,25): run-time error CSS1039: Token not allowed after unary operator: '-size-6'
(2062,24): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(2071,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-secondary-grey'
(2075,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(2085,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(2140,24): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(2142,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(2176,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(2197,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-secondary'
(2231,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(2235,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(2241,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-primary'
(2252,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(2265,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(2327,18): run-time error CSS1039: Token not allowed after unary operator: '-size-4'
(2328,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(2366,35): run-time error CSS1039: Token not allowed after unary operator: '-border-color'
(2370,18): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(2378,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(2382,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(2386,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-secondary-grey'
(2390,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-secondary'
(2408,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(2443,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(2458,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(2459,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-primary'
(2463,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(2485,22): run-time error CSS1039: Token not allowed after unary operator: '-size-54'
(2492,25): run-time error CSS1039: Token not allowed after unary operator: '-size-20'
(2501,17): run-time error CSS1039: Token not allowed after unary operator: '-size-64'
(2502,18): run-time error CSS1039: Token not allowed after unary operator: '-size-64'
(2516,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(2521,23): run-time error CSS1039: Token not allowed after unary operator: '-size-6'
(2529,22): run-time error CSS1039: Token not allowed after unary operator: '-size-18'
(2533,26): run-time error CSS1039: Token not allowed after unary operator: '-size-4'
(2539,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(2547,18): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(2548,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(2562,20): run-time error CSS1039: Token not allowed after unary operator: '-size-9'
(2566,20): run-time error CSS1039: Token not allowed after unary operator: '-size-9-reverse'
(2580,20): run-time error CSS1039: Token not allowed after unary operator: '-size-9'
(2584,20): run-time error CSS1039: Token not allowed after unary operator: '-size-9-reverse'
(2597,19): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(2597,34): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(2599,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(2601,18): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(2605,24): run-time error CSS1039: Token not allowed after unary operator: '-size-6'
(2612,18): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(2612,38): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(2613,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(2616,19): run-time error CSS1039: Token not allowed after unary operator: '-size-15'
(2616,34): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(2620,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-secondary'
(2621,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary'
(2624,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(2628,28): run-time error CSS1039: Token not allowed after unary operator: '-color-third'
(2632,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(2638,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(2645,18): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(2650,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(2661,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(2663,19): run-time error CSS1039: Token not allowed after unary operator: '-size-15'
(2663,34): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(2664,25): run-time error CSS1039: Token not allowed after unary operator: '-size-4'
(2670,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(2674,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(2677,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(2684,23): run-time error CSS1039: Token not allowed after unary operator: '-size-9'
(2687,16): run-time error CSS1039: Token not allowed after unary operator: '-size-9'
(2763,17): run-time error CSS1039: Token not allowed after unary operator: '-size-60'
(2764,18): run-time error CSS1039: Token not allowed after unary operator: '-size-60'
(2765,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(2778,17): run-time error CSS1039: Token not allowed after unary operator: '-size-48'
(2779,18): run-time error CSS1039: Token not allowed after unary operator: '-size-48'
(2782,17): run-time error CSS1039: Token not allowed after unary operator: '-size-40'
(2783,18): run-time error CSS1039: Token not allowed after unary operator: '-size-40'
(2786,17): run-time error CSS1039: Token not allowed after unary operator: '-size-32'
(2787,18): run-time error CSS1039: Token not allowed after unary operator: '-size-32'
(2847,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-secondary-grey'
(2856,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary'
(2919,22): run-time error CSS1039: Token not allowed after unary operator: '-color-third'
(2933,17): run-time error CSS1039: Token not allowed after unary operator: '-color-third'
(2947,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(2951,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(3037,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(3053,28): run-time error CSS1039: Token not allowed after unary operator: '-border-color'
(3067,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(3073,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-primary'
(3111,18): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(3115,22): run-time error CSS1039: Token not allowed after unary operator: '-size-20'
(3118,19): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(3118,34): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(3119,25): run-time error CSS1039: Token not allowed after unary operator: '-size-60'
(3133,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-primary'
(3141,17): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(3143,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(3151,18): run-time error CSS1039: Token not allowed after unary operator: '-size-4'
(3152,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(3164,19): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(3166,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-primary'
(3167,22): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(3167,42): run-time error CSS1039: Token not allowed after unary operator: '-border-color'
(3222,36): run-time error CSS1046: Expect comma, found '0'
(3222,40): run-time error CSS1046: Expect comma, found '/'
(3233,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(3308,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(3322,28): run-time error CSS1039: Token not allowed after unary operator: '-border-color'
(3342,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(3353,28): run-time error CSS1039: Token not allowed after unary operator: '-border-color'
(3388,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-secondary-grey'
(3395,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(3452,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-primary'
(3453,19): run-time error CSS1039: Token not allowed after unary operator: '-size-45'
(3455,18): run-time error CSS1039: Token not allowed after unary operator: '-size-18'
(3466,18): run-time error CSS1039: Token not allowed after unary operator: '-size-4'
(3467,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(3471,33): run-time error CSS1039: Token not allowed after unary operator: '-border-color'
(3472,34): run-time error CSS1039: Token not allowed after unary operator: '-border-color'
(3473,35): run-time error CSS1039: Token not allowed after unary operator: '-border-color'
(3488,18): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(3488,38): run-time error CSS1039: Token not allowed after unary operator: '-border-color'
(3496,19): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(3496,34): run-time error CSS1039: Token not allowed after unary operator: '-size-40'
(3497,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(3501,24): run-time error CSS1039: Token not allowed after unary operator: '-size-15'
(3503,17): run-time error CSS1039: Token not allowed after unary operator: '-size-36'
(3504,18): run-time error CSS1039: Token not allowed after unary operator: '-size-36'
(3511,19): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(3511,34): run-time error CSS1039: Token not allowed after unary operator: '-size-40'
(3514,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary'
(3522,19): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(3522,34): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(3530,24): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(3534,24): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(3538,17): run-time error CSS1039: Token not allowed after unary operator: '-size-100'
(3541,22): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(3542,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-secondary'
(3545,26): run-time error CSS1039: Token not allowed after unary operator: '-size-9'
(3545,40): run-time error CSS1039: Token not allowed after unary operator: '-size-20'
(3548,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(3557,22): run-time error CSS1039: Token not allowed after unary operator: '-size-40'
(3558,23): run-time error CSS1039: Token not allowed after unary operator: '-size-40'
(3559,32): run-time error CSS1039: Token not allowed after unary operator: '-border-color'
(3569,24): run-time error CSS1039: Token not allowed after unary operator: '-size-40'
(3580,22): run-time error CSS1039: Token not allowed after unary operator: '-size-18'
(3583,22): run-time error CSS1039: Token not allowed after unary operator: '-size-12'
(3587,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(3596,25): run-time error CSS1039: Token not allowed after unary operator: '-size-6'
(3655,19): run-time error CSS1039: Token not allowed after unary operator: '-size-6'
(3655,33): run-time error CSS1039: Token not allowed after unary operator: '-size-18'
(3658,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(3659,25): run-time error CSS1039: Token not allowed after unary operator: '-size-4'
(3664,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(3668,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-secondary-grey'
(3672,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(3675,23): run-time error CSS1039: Token not allowed after unary operator: '-size-9'
(3678,19): run-time error CSS1039: Token not allowed after unary operator: '-size-12'
(3678,34): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(3709,22): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(3709,42): run-time error CSS1039: Token not allowed after unary operator: '-border-color-lighter'
(3710,24): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(3710,44): run-time error CSS1039: Token not allowed after unary operator: '-border-color-lighter'
(3713,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(3718,19): run-time error CSS1039: Token not allowed after unary operator: '-size-18'
(3718,34): run-time error CSS1039: Token not allowed after unary operator: '-size-6'
(3719,25): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(3719,45): run-time error CSS1039: Token not allowed after unary operator: '-border-color-lighter'
(3720,23): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(3720,43): run-time error CSS1039: Token not allowed after unary operator: '-border-color-lighter'
(3995,18): run-time error CSS1039: Token not allowed after unary operator: '-size-36'
(3998,22): run-time error CSS1039: Token not allowed after unary operator: '-size-36'
(4001,24): run-time error CSS1039: Token not allowed after unary operator: '-size-36'
(4004,23): run-time error CSS1039: Token not allowed after unary operator: '-size-36'
(4007,25): run-time error CSS1039: Token not allowed after unary operator: '-size-36'
(4011,18): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(4014,22): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(4017,24): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(4020,23): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(4023,25): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(4027,18): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(4030,22): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(4033,24): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(4036,23): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(4039,25): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(4043,18): run-time error CSS1039: Token not allowed after unary operator: '-size-18'
(4046,22): run-time error CSS1039: Token not allowed after unary operator: '-size-18'
(4049,24): run-time error CSS1039: Token not allowed after unary operator: '-size-18'
(4052,23): run-time error CSS1039: Token not allowed after unary operator: '-size-18'
(4055,25): run-time error CSS1039: Token not allowed after unary operator: '-size-18'
(4059,18): run-time error CSS1039: Token not allowed after unary operator: '-size-15'
(4062,22): run-time error CSS1039: Token not allowed after unary operator: '-size-15'
(4065,24): run-time error CSS1039: Token not allowed after unary operator: '-size-15'
(4068,23): run-time error CSS1039: Token not allowed after unary operator: '-size-15'
(4071,25): run-time error CSS1039: Token not allowed after unary operator: '-size-15'
(4075,18): run-time error CSS1039: Token not allowed after unary operator: '-size-12'
(4078,22): run-time error CSS1039: Token not allowed after unary operator: '-size-12'
(4081,24): run-time error CSS1039: Token not allowed after unary operator: '-size-12'
(4084,23): run-time error CSS1039: Token not allowed after unary operator: '-size-12'
(4087,25): run-time error CSS1039: Token not allowed after unary operator: '-size-12'
(4091,18): run-time error CSS1039: Token not allowed after unary operator: '-size-9'
(4094,22): run-time error CSS1039: Token not allowed after unary operator: '-size-9'
(4097,24): run-time error CSS1039: Token not allowed after unary operator: '-size-9'
(4100,23): run-time error CSS1039: Token not allowed after unary operator: '-size-9'
(4103,25): run-time error CSS1039: Token not allowed after unary operator: '-size-9'
(4107,18): run-time error CSS1039: Token not allowed after unary operator: '-size-6'
(4110,22): run-time error CSS1039: Token not allowed after unary operator: '-size-6'
(4113,24): run-time error CSS1039: Token not allowed after unary operator: '-size-6'
(4116,23): run-time error CSS1039: Token not allowed after unary operator: '-size-6'
(4119,25): run-time error CSS1039: Token not allowed after unary operator: '-size-6'
(4123,19): run-time error CSS1039: Token not allowed after unary operator: '-size-48'
(4126,23): run-time error CSS1039: Token not allowed after unary operator: '-size-48'
(4129,25): run-time error CSS1039: Token not allowed after unary operator: '-size-48'
(4132,24): run-time error CSS1039: Token not allowed after unary operator: '-size-48'
(4135,26): run-time error CSS1039: Token not allowed after unary operator: '-size-48'
(4139,19): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(4142,23): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(4145,25): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(4148,24): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(4151,26): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(4155,19): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(4158,23): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(4161,25): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(4164,24): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(4167,26): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(4171,19): run-time error CSS1039: Token not allowed after unary operator: '-size-18'
(4174,23): run-time error CSS1039: Token not allowed after unary operator: '-size-18'
(4177,25): run-time error CSS1039: Token not allowed after unary operator: '-size-18'
(4180,24): run-time error CSS1039: Token not allowed after unary operator: '-size-18'
(4183,26): run-time error CSS1039: Token not allowed after unary operator: '-size-18'
(4228,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(4237,25): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(4240,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(4290,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-imba'
(4294,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-imba'
(4298,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-imba'
(4301,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-imba'
(4304,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary'
(4307,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-imba'
(4311,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-imba'
(4314,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-imba'
(4318,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-imba'
(4321,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-imba'
(4325,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-imba'
(4328,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary'
(4337,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-imba'
(4346,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-imba'
(4349,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-imba'
(4356,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-mib'
(4359,29): run-time error CSS1039: Token not allowed after unary operator: '-theme-mib'
(4360,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-mib'
(4364,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-mib'
(4365,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-mib'
(4369,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-mib'
(4401,18): run-time error CSS1039: Token not allowed after unary operator: '-size-2'
(4414,18): run-time error CSS1039: Token not allowed after unary operator: '-size-2'
(4525,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(4543,18): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(4592,24): run-time error CSS1039: Token not allowed after unary operator: '-size-15'
(4601,23): run-time error CSS1039: Token not allowed after unary operator: '-size-20'
(4606,25): run-time error CSS1039: Token not allowed after unary operator: '-size-4'
(4607,18): run-time error CSS1039: Token not allowed after unary operator: '-size-48'
(4608,23): run-time error CSS1039: Token not allowed after unary operator: '-size-48'
(4610,25): run-time error CSS1039: Token not allowed after unary operator: '-size-48'
(4611,25): run-time error CSS1039: Token not allowed after unary operator: '-size-48'
(4629,17): run-time error CSS1039: Token not allowed after unary operator: '-size-48'
(4630,18): run-time error CSS1039: Token not allowed after unary operator: '-size-48'
(4631,23): run-time error CSS1039: Token not allowed after unary operator: '-size-48'
(4651,22): run-time error CSS1039: Token not allowed after unary operator: '-size-15'
(4688,17): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(4689,18): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(4691,24): run-time error CSS1039: Token not allowed after unary operator: '-size-9'
(4705,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(4709,26): run-time error CSS1039: Token not allowed after unary operator: '-size-9'
(4709,41): run-time error CSS1046: Expect comma, found '0'
(4709,45): run-time error CSS1046: Expect comma, found '/'
(4847,22): run-time error CSS1039: Token not allowed after unary operator: '-size-72'
(4848,27): run-time error CSS1039: Token not allowed after unary operator: '-size-72'
(4865,25): run-time error CSS1039: Token not allowed after unary operator: '-size-18'
(4872,29): run-time error CSS1039: Token not allowed after unary operator: '-size-4'
(4881,22): run-time error CSS1039: Token not allowed after unary operator: '-size-4'
(4901,28): run-time error CSS1039: Token not allowed after unary operator: '-size-20'
(4901,43): run-time error CSS1039: Token not allowed after unary operator: '-size-20'
(4903,21): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(4907,23): run-time error CSS1039: Token not allowed after unary operator: '-size-18'
(4907,38): run-time error CSS1039: Token not allowed after unary operator: '-size-15'
(4920,22): run-time error CSS1039: Token not allowed after unary operator: '-size-4'
(4921,26): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(4926,23): run-time error CSS1039: Token not allowed after unary operator: '-size-12'
(4936,21): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(4977,26): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(5015,19): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(5024,24): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(5027,35): run-time error CSS1039: Token not allowed after unary operator: '-border-color'
(5035,19): run-time error CSS1039: Token not allowed after unary operator: '-size-20'
(5035,34): run-time error CSS1039: Token not allowed after unary operator: '-size-9'
(5037,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(5040,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(5044,19): run-time error CSS1039: Token not allowed after unary operator: '-size-20'
(5044,34): run-time error CSS1039: Token not allowed after unary operator: '-size-9'
(5044,48): run-time error CSS1039: Token not allowed after unary operator: '-size-20'
(5044,63): run-time error CSS1039: Token not allowed after unary operator: '-size-36'
(5053,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(5056,24): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(5063,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-grey'
(5066,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(5074,24): run-time error CSS1039: Token not allowed after unary operator: '-size-20'
(5082,19): run-time error CSS1039: Token not allowed after unary operator: '-size-9'
(5083,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-secondary'
(5091,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(5126,26): run-time error CSS1039: Token not allowed after unary operator: '-size-9'
(5126,41): run-time error CSS1046: Expect comma, found '0'
(5126,45): run-time error CSS1046: Expect comma, found '/'
(5205,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(5247,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(5268,35): run-time error CSS1039: Token not allowed after unary operator: '-border-color'
(5275,31): run-time error CSS1046: Expect comma, found '239'
(5275,39): run-time error CSS1046: Expect comma, found '/'
(5307,25): run-time error CSS1039: Token not allowed after unary operator: '-size-4'
(5312,23): run-time error CSS1039: Token not allowed after unary operator: '-size-4'
(5316,21): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(5339,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(5439,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(5450,17): run-time error CSS1039: Token not allowed after unary operator: '-border-color'
(5454,49): run-time error CSS1030: Expected identifier, found '.'
(5454,72): run-time error CSS1031: Expected selector, found ')'
(5454,72): run-time error CSS1025: Expected comma or open brace, found ')'
(5515,17): run-time error CSS1039: Token not allowed after unary operator: '-size-9'
(5516,18): run-time error CSS1039: Token not allowed after unary operator: '-size-9'
(5517,25): run-time error CSS1039: Token not allowed after unary operator: '-size-9'
(5520,28): run-time error CSS1039: Token not allowed after unary operator: '-color-text-secondary'
(5521,20): run-time error CSS1039: Token not allowed after unary operator: '-size-9'
(5525,17): run-time error CSS1039: Token not allowed after unary operator: '-size-36'
(5526,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(5530,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(5576,24): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(5590,28): run-time error CSS1039: Token not allowed after unary operator: '-color-text-secondary-grey'
(5594,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(5652,18): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(5652,38): run-time error CSS1039: Token not allowed after unary operator: '-color-third'
(5654,21): run-time error CSS1039: Token not allowed after unary operator: '-size-16'
(5655,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(5667,28): run-time error CSS1039: Token not allowed after unary operator: '-color-third'
(5681,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(5703,18): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(5703,38): run-time error CSS1039: Token not allowed after unary operator: '-color-text-placeholder'
(5704,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-secondary'
(5710,28): run-time error CSS1039: Token not allowed after unary operator: '-color-third'
(5712,24): run-time error CSS1039: Token not allowed after unary operator: '-color-third'
(5717,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-secondary'
(5725,21): run-time error CSS1039: Token not allowed after unary operator: '-size-18'
(5730,18): run-time error CSS1039: Token not allowed after unary operator: '-size-4'
(5731,25): run-time error CSS1039: Token not allowed after unary operator: '-size-4'
(5735,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(5736,18): run-time error CSS1039: Token not allowed after unary operator: '-size-4'
(5737,25): run-time error CSS1039: Token not allowed after unary operator: '-size-4'
(5857,22): run-time error CSS1039: Token not allowed after unary operator: '-size-80'
(5868,18): run-time error CSS1039: Token not allowed after unary operator: '-size-45'
(5895,21): run-time error CSS1039: Token not allowed after unary operator: '-size-60'
(5895,36): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(5899,26): run-time error CSS1039: Token not allowed after unary operator: '-size-2'
(5912,18): run-time error CSS1039: Token not allowed after unary operator: '-size-2'
(5919,18): run-time error CSS1039: Token not allowed after unary operator: '-size-2'
(5920,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(5921,17): run-time error CSS1039: Token not allowed after unary operator: '-size-40'
(5957,18): run-time error CSS1039: Token not allowed after unary operator: '-size-60'
(5966,18): run-time error CSS1039: Token not allowed after unary operator: '-size-100'
(5970,17): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(6000,22): run-time error CSS1039: Token not allowed after unary operator: '-size-15'
(6008,22): run-time error CSS1039: Token not allowed after unary operator: '-size-72'
(6012,22): run-time error CSS1039: Token not allowed after unary operator: '-size-90'
(6019,22): run-time error CSS1039: Token not allowed after unary operator: '-size-18'
(6027,22): run-time error CSS1039: Token not allowed after unary operator: '-size-18'
(6033,22): run-time error CSS1039: Token not allowed after unary operator: '-size-18'
(6041,22): run-time error CSS1039: Token not allowed after unary operator: '-size-18'
(6066,22): run-time error CSS1039: Token not allowed after unary operator: '-size-40'
(6085,18): run-time error CSS1039: Token not allowed after unary operator: '-size-60'
(6108,22): run-time error CSS1039: Token not allowed after unary operator: '-size-100'
(6114,22): run-time error CSS1039: Token not allowed after unary operator: '-size-15'
(6120,22): run-time error CSS1039: Token not allowed after unary operator: '-size-36'
(6132,22): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(6219,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-grey'
(6223,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(6299,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(6331,24): run-time error CSS1039: Token not allowed after unary operator: '-size-60'
(6333,22): run-time error CSS1039: Token not allowed after unary operator: '-size-4'
(6340,18): run-time error CSS1039: Token not allowed after unary operator: '-size-2'
(6341,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(6342,17): run-time error CSS1039: Token not allowed after unary operator: '-size-60'
(6347,24): run-time error CSS1039: Token not allowed after unary operator: '-size-12'
(6374,28): run-time error CSS1039: Token not allowed after unary operator: '-size-45'
(6377,21): run-time error CSS1039: Token not allowed after unary operator: '-size-45'
(6405,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(6435,23): run-time error CSS1039: Token not allowed after unary operator: '-size-90'
(6436,22): run-time error CSS1039: Token not allowed after unary operator: '-size-90-reverse'
(6444,23): run-time error CSS1039: Token not allowed after unary operator: '-size-20'
(6451,25): run-time error CSS1039: Token not allowed after unary operator: '-size-12'
(6489,18): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(6495,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(6598,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(6600,22): run-time error CSS1039: Token not allowed after unary operator: '-size-4'
(6600,42): run-time error CSS1039: Token not allowed after unary operator: '-color-third'
(6629,19): run-time error CSS1039: Token not allowed after unary operator: '-size-40'
(6630,25): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(6631,25): run-time error CSS1039: Token not allowed after unary operator: '-size-80'
(6641,17): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(6665,25): run-time error CSS1039: Token not allowed after unary operator: '-size-15'
(6694,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(6698,19): run-time error CSS1039: Token not allowed after unary operator: '-size-18'
(6699,22): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(6723,29): run-time error CSS1039: Token not allowed after unary operator: '-size-45'
(6726,26): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(6730,29): run-time error CSS1039: Token not allowed after unary operator: '-size-12'
(6736,27): run-time error CSS1039: Token not allowed after unary operator: '-size-12'
(6737,28): run-time error CSS1039: Token not allowed after unary operator: '-size-15'
(6738,27): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(6783,19): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(6794,17): run-time error CSS1039: Token not allowed after unary operator: '-size-48'
(6795,18): run-time error CSS1039: Token not allowed after unary operator: '-size-48'
(6796,23): run-time error CSS1039: Token not allowed after unary operator: '-size-48'
(6797,18): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(6803,22): run-time error CSS1039: Token not allowed after unary operator: '-size-9'
(6806,22): run-time error CSS1039: Token not allowed after unary operator: '-size-6'
(6812,22): run-time error CSS1039: Token not allowed after unary operator: '-size-15'
(6837,25): run-time error CSS1039: Token not allowed after unary operator: '-size-6'
(6840,26): run-time error CSS1039: Token not allowed after unary operator: '-size-9'
(6840,40): run-time error CSS1039: Token not allowed after unary operator: '-size-20'
(6846,25): run-time error CSS1039: Token not allowed after unary operator: '-size-6'
(6849,19): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(6849,34): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(6856,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-secondary-grey'
(6857,22): run-time error CSS1039: Token not allowed after unary operator: '-size-20'
(6868,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary'
(6877,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-secondary'
(6880,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(6883,22): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(6899,23): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(6902,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(6907,22): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(6908,24): run-time error CSS1039: Token not allowed after unary operator: '-size-18'
(6909,23): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(6909,43): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(6910,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(6917,24): run-time error CSS1039: Token not allowed after unary operator: '-size-9'
(6920,24): run-time error CSS1039: Token not allowed after unary operator: '-size-9'
(6926,22): run-time error CSS1039: Token not allowed after unary operator: '-size-6'
(6936,18): run-time error CSS1039: Token not allowed after unary operator: '-size-4'
(6937,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(6950,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(6952,17): run-time error CSS1039: Token not allowed after unary operator: '-size-48'
(6953,18): run-time error CSS1039: Token not allowed after unary operator: '-size-48'
(7074,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(7113,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(7120,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(7262,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(7306,23): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(7307,22): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(7311,26): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(7312,25): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(7321,18): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(7330,18): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(7331,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(7345,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-secondary'
(7349,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(7354,23): run-time error CSS1039: Token not allowed after unary operator: '-size-45'
(7357,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary'
(7370,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primray'
(7375,17): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(7377,20): run-time error CSS1039: Token not allowed after unary operator: '-size-12'
(7382,22): run-time error CSS1039: Token not allowed after unary operator: '-size-20'
(7389,24): run-time error CSS1039: Token not allowed after unary operator: '-size-9'
(7392,24): run-time error CSS1039: Token not allowed after unary operator: '-size-9'
(7398,22): run-time error CSS1039: Token not allowed after unary operator: '-size-9'
(7402,23): run-time error CSS1039: Token not allowed after unary operator: '-size-45'
(7405,17): run-time error CSS1039: Token not allowed after unary operator: '-size-80'
(7406,18): run-time error CSS1039: Token not allowed after unary operator: '-size-80'
(7412,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(7413,25): run-time error CSS1039: Token not allowed after unary operator: '-size-6'
(7418,25): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(7446,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-primary'
(7503,17): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(7526,19): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(7542,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary'
(7557,20): run-time error CSS1039: Token not allowed after unary operator: '-size-6'
(7561,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(7580,27): run-time error CSS1039: Token not allowed after unary operator: '-size-60'
(7592,19): run-time error CSS1039: Token not allowed after unary operator: '-size-60'
(7592,36): run-time error CSS1039: Token not allowed after unary operator: '-size-90'
(7606,18): run-time error CSS1039: Token not allowed after unary operator: '-size-4'
(7635,1): run-time error CSS1019: Unexpected token, found '}'
(7644,23): run-time error CSS1039: Token not allowed after unary operator: '-size-60'
(7665,15): run-time error CSS1039: Token not allowed after unary operator: '-size-60'
(7674,18): run-time error CSS1039: Token not allowed after unary operator: '-size-60'
(7856,18): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(7856,39): run-time error CSS1039: Token not allowed after unary operator: '-color-third'
(7865,17): run-time error CSS1039: Token not allowed after unary operator: '-size-20'
(7866,18): run-time error CSS1039: Token not allowed after unary operator: '-size-20'
(7867,28): run-time error CSS1039: Token not allowed after unary operator: '-color-third'
(7903,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7904,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7921,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7922,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7983,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(7984,23): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(7995,25): run-time error CSS1039: Token not allowed after unary operator: '-size-6'
(8027,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(8054,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(8093,21): run-time error CSS1039: Token not allowed after unary operator: '-size-12'
(8094,22): run-time error CSS1039: Token not allowed after unary operator: '-size-12'
(8109,23): run-time error CSS1039: Token not allowed after unary operator: '-size-12'
(8117,26): run-time error CSS1039: Token not allowed after unary operator: '-size-20'
(8118,29): run-time error CSS1039: Token not allowed after unary operator: '-size-20'
(8130,29): run-time error CSS1039: Token not allowed after unary operator: '-size-9'
(8145,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8146,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8159,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8160,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8179,25): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(8182,17): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(8183,18): run-time error CSS1039: Token not allowed after unary operator: '-size-72'
(8185,20): run-time error CSS1039: Token not allowed after unary operator: '-size-15'
(8188,17): run-time error CSS1039: Token not allowed after unary operator: '-size-100'
(8207,25): run-time error CSS1039: Token not allowed after unary operator: '-size-6'
(8207,45): run-time error CSS1039: Token not allowed after unary operator: '-color-third'
(8228,16): run-time error CSS1039: Token not allowed after unary operator: '-size-20-reverse'
(8229,17): run-time error CSS1039: Token not allowed after unary operator: '-size-20-reverse'
(8234,25): run-time error CSS1039: Token not allowed after unary operator: '-size-6'
(8246,22): run-time error CSS1039: Token not allowed after unary operator: '-size-12'
(8285,25): run-time error CSS1039: Token not allowed after unary operator: '-size-6'
(8286,19): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(8286,34): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(8287,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(8295,26): run-time error CSS1039: Token not allowed after unary operator: '-size-20'
(8296,25): run-time error CSS1039: Token not allowed after unary operator: '-size-20'
(8314,19): run-time error CSS1039: Token not allowed after unary operator: '-size-20'
(8317,17): run-time error CSS1039: Token not allowed after unary operator: '-size-80'
(8318,18): run-time error CSS1039: Token not allowed after unary operator: '-size-80'
(8329,18): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(8329,39): run-time error CSS1039: Token not allowed after unary operator: '-color-third'
(8343,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(8358,26): run-time error CSS1039: Token not allowed after unary operator: '-size-9'
(8359,25): run-time error CSS1039: Token not allowed after unary operator: '-size-9'
(8360,22): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(8367,17): run-time error CSS1039: Token not allowed after unary operator: '-size-20'
(8368,18): run-time error CSS1039: Token not allowed after unary operator: '-size-4'
(8369,28): run-time error CSS1039: Token not allowed after unary operator: '-color-third'
(8373,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-secondary-grey'
(8378,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(8385,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(8386,25): run-time error CSS1039: Token not allowed after unary operator: '-size-9'
(8389,24): run-time error CSS1039: Token not allowed after unary operator: '-size-9'
(8392,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-secondary'
(8398,22): run-time error CSS1039: Token not allowed after unary operator: '-size-36'
(8406,19): run-time error CSS1039: Token not allowed after unary operator: '-size-36'
(8406,34): run-time error CSS1039: Token not allowed after unary operator: '-size-100'
(8407,25): run-time error CSS1039: Token not allowed after unary operator: '-size-36'
(8408,25): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(8411,17): run-time error CSS1039: Token not allowed after unary operator: '-size-100'
(8412,18): run-time error CSS1039: Token not allowed after unary operator: '-size-100'
(8415,24): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(8419,24): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(8423,25): run-time error CSS1039: Token not allowed after unary operator: '-size-6'
(8430,21): run-time error CSS1039: Token not allowed after unary operator: '-size-100'
(8435,22): run-time error CSS1039: Token not allowed after unary operator: '-size-20'
(8443,22): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(8444,26): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(8445,24): run-time error CSS1039: Token not allowed after unary operator: '-size-100'
(8453,21): run-time error CSS1039: Token not allowed after unary operator: '-size-72'
(8454,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(8465,21): run-time error CSS1039: Token not allowed after unary operator: '-size-72'
(8466,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(8497,28): run-time error CSS1039: Token not allowed after unary operator: '-color-third'
(8544,18): run-time error CSS1039: Token not allowed after unary operator: '-size-100'
(8550,18): run-time error CSS1039: Token not allowed after unary operator: '-size-100'
(8551,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-secondary'
(8555,21): run-time error CSS1039: Token not allowed after unary operator: '-size-100'
(8556,23): run-time error CSS1039: Token not allowed after unary operator: '-size-100'
(8557,22): run-time error CSS1039: Token not allowed after unary operator: '-size-48-reverse'
(8578,25): run-time error CSS1039: Token not allowed after unary operator: '-size-100'
(8586,25): run-time error CSS1039: Token not allowed after unary operator: '-size-100'
(8601,18): run-time error CSS1039: Token not allowed after unary operator: '-size-100'
(8602,23): run-time error CSS1039: Token not allowed after unary operator: '-size-100'
(8619,18): run-time error CSS1039: Token not allowed after unary operator: '-size-2'
(8620,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(8625,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(8631,23): run-time error CSS1039: Token not allowed after unary operator: '-size-40'
(8650,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(8653,23): run-time error CSS1039: Token not allowed after unary operator: '-size-40'
(8656,23): run-time error CSS1039: Token not allowed after unary operator: '-size-40'
(8680,27): run-time error CSS1039: Token not allowed after unary operator: '-size-12'
(8683,27): run-time error CSS1039: Token not allowed after unary operator: '-size-18'
(8722,25): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(8725,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(8737,17): run-time error CSS1039: Token not allowed after unary operator: '-size-45'
(8787,22): run-time error CSS1039: Token not allowed after unary operator: '-size-60'
(8795,23): run-time error CSS1039: Token not allowed after unary operator: '-size-9'
(8836,19): run-time error CSS1039: Token not allowed after unary operator: '-size-48'
(8852,25): run-time error CSS1039: Token not allowed after unary operator: '-size-20'
(8853,26): run-time error CSS1039: Token not allowed after unary operator: '-size-20'
(8854,25): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(8854,45): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(8858,21): run-time error CSS1039: Token not allowed after unary operator: '-size-36'
(8859,18): run-time error CSS1039: Token not allowed after unary operator: '-size-45'
(8860,23): run-time error CSS1039: Token not allowed after unary operator: '-size-45'
(8868,23): run-time error CSS1039: Token not allowed after unary operator: '-size-6'
(8885,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(8888,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(8895,19): run-time error CSS1039: Token not allowed after unary operator: '-size-20'
(8896,24): run-time error CSS1039: Token not allowed after unary operator: '-size-15'
(8897,25): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(8905,17): run-time error CSS1039: Token not allowed after unary operator: '-size-9'
(8906,18): run-time error CSS1039: Token not allowed after unary operator: '-size-9'
(8907,25): run-time error CSS1039: Token not allowed after unary operator: '-size-9'
(8908,28): run-time error CSS1039: Token not allowed after unary operator: '-color-third'
(8913,21): run-time error CSS1039: Token not allowed after unary operator: '-size-9'
(8920,22): run-time error CSS1039: Token not allowed after unary operator: '-size-48'
(8921,27): run-time error CSS1039: Token not allowed after unary operator: '-size-48'
(8926,25): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(8929,23): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(8954,22): run-time error CSS1039: Token not allowed after unary operator: '-size-36'
(8958,24): run-time error CSS1039: Token not allowed after unary operator: '-size-45'
(8998,23): run-time error CSS1039: Token not allowed after unary operator: '-size-20'
(9005,26): run-time error CSS1039: Token not allowed after unary operator: '-size-48'
(9025,25): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(9026,24): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(9027,24): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(9033,22): run-time error CSS1039: Token not allowed after unary operator: '-size-36'
(9040,25): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(9052,23): run-time error CSS1039: Token not allowed after unary operator: '-size-12'
(9053,24): run-time error CSS1039: Token not allowed after unary operator: '-size-12'
(9059,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-secondary'
(9063,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(9073,23): run-time error CSS1039: Token not allowed after unary operator: '-size-45'
(9075,19): run-time error CSS1039: Token not allowed after unary operator: '-size-32'
(9075,34): run-time error CSS1039: Token not allowed after unary operator: '-size-60'
(9075,49): run-time error CSS1039: Token not allowed after unary operator: '-size-32'
(9075,64): run-time error CSS1039: Token not allowed after unary operator: '-size-72'
(9077,26): run-time error CSS1039: Token not allowed after unary operator: '-size-6'
(9077,40): run-time error CSS1039: Token not allowed after unary operator: '-size-12'
(9081,22): run-time error CSS1039: Token not allowed after unary operator: '-size-18'
(9087,18): run-time error CSS1039: Token not allowed after unary operator: '-size-2'
(9088,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(9111,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(9113,17): run-time error CSS1039: Token not allowed after unary operator: '-size-90'
(9114,18): run-time error CSS1039: Token not allowed after unary operator: '-size-90'
(9115,25): run-time error CSS1039: Token not allowed after unary operator: '-size-90'
(9120,26): run-time error CSS1039: Token not allowed after unary operator: '-size-6'
(9125,22): run-time error CSS1039: Token not allowed after unary operator: '-size-2'
(9128,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(9159,23): run-time error CSS1039: Token not allowed after unary operator: '-size-60'
(9172,19): run-time error CSS1039: Token not allowed after unary operator: '-size-48'
(9189,19): run-time error CSS1039: Token not allowed after unary operator: '-size-80'
(9189,34): run-time error CSS1039: Token not allowed after unary operator: '-size-18'
(9211,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(9234,17): run-time error CSS1039: Token not allowed after unary operator: '-size-60'
(9235,18): run-time error CSS1039: Token not allowed after unary operator: '-size-60'
(9236,18): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(9236,39): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(9238,25): run-time error CSS1039: Token not allowed after unary operator: '-size-20'
(9245,17): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(9246,18): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(9248,27): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(9274,18): run-time error CSS1039: Token not allowed after unary operator: '-size-15'
(9275,23): run-time error CSS1039: Token not allowed after unary operator: '-size-15'
(9275,44): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(9296,23): run-time error CSS1039: Token not allowed after unary operator: '-size-80'
(9296,38): run-time error CSS1039: Token not allowed after unary operator: '-size-15'
(9301,23): run-time error CSS1039: Token not allowed after unary operator: '-size-80'
(9301,38): run-time error CSS1039: Token not allowed after unary operator: '-size-12'
(9304,21): run-time error CSS1039: Token not allowed after unary operator: '-size-54'
(9305,22): run-time error CSS1039: Token not allowed after unary operator: '-size-54'
(9323,23): run-time error CSS1039: Token not allowed after unary operator: '-size-18'
(9323,38): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(9340,28): run-time error CSS1039: Token not allowed after unary operator: '-size-15'
(9363,32): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(9367,23): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(9381,22): run-time error CSS1039: Token not allowed after unary operator: '-size-60'
(9382,25): run-time error CSS1039: Token not allowed after unary operator: '-size-100'
(9388,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-secondary-grey'
(9406,18): run-time error CSS1039: Token not allowed after unary operator: '-size-15-reverse'
(9410,19): run-time error CSS1039: Token not allowed after unary operator: '-size-15'
(9414,25): run-time error CSS1039: Token not allowed after unary operator: '-size-9'
(9418,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-secondary-grey'
(9420,22): run-time error CSS1039: Token not allowed after unary operator: '-size-9'
(9424,18): run-time error CSS1039: Token not allowed after unary operator: '-size-60'
(9428,19): run-time error CSS1039: Token not allowed after unary operator: '-size-6'
(9428,33): run-time error CSS1039: Token not allowed after unary operator: '-size-36'
(9428,48): run-time error CSS1039: Token not allowed after unary operator: '-size-6'
(9428,62): run-time error CSS1039: Token not allowed after unary operator: '-size-18'
(9429,23): run-time error CSS1039: Token not allowed after unary operator: '-size-4'
(9429,43): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(9433,25): run-time error CSS1039: Token not allowed after unary operator: '-size-20'
(9445,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(9480,23): run-time error CSS1039: Token not allowed after unary operator: '-size-40'
(9481,26): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(9483,22): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(9487,18): run-time error CSS1039: Token not allowed after unary operator: '-size-15-reverse'
(9491,26): run-time error CSS1039: Token not allowed after unary operator: '-size-9'
(9491,40): run-time error CSS1039: Token not allowed after unary operator: '-size-20'
(9495,18): run-time error CSS1039: Token not allowed after unary operator: '-size-15'
(9496,22): run-time error CSS1039: Token not allowed after unary operator: '-size-4'
(9496,42): run-time error CSS1039: Token not allowed after unary operator: '-theme-imba'
(9505,19): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(9532,26): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(9533,25): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(9534,25): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(9537,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-secondary'
(9546,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-imba'
(9560,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9561,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9573,22): run-time error CSS1039: Token not allowed after unary operator: '-size-4'
(9573,42): run-time error CSS1039: Token not allowed after unary operator: '-theme-imba'
(9575,19): run-time error CSS1039: Token not allowed after unary operator: '-size-40'
(9578,21): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(9581,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-imba'
(9587,25): run-time error CSS1039: Token not allowed after unary operator: '-size-9'
(9667,26): run-time error CSS1039: Token not allowed after unary operator: '-size-20'
(9674,22): run-time error CSS1039: Token not allowed after unary operator: '-size-80'
(9676,18): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(9689,19): run-time error CSS1039: Token not allowed after unary operator: '-size-20'
(9691,18): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(9705,18): run-time error CSS1039: Token not allowed after unary operator: '-size-12'
(9706,22): run-time error CSS1039: Token not allowed after unary operator: '-size-12'
(9706,43): run-time error CSS1039: Token not allowed after unary operator: '-theme-imba'
(9721,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-secondary'
(9729,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-imba'
(9740,19): run-time error CSS1039: Token not allowed after unary operator: '-size-80'
(9745,25): run-time error CSS1039: Token not allowed after unary operator: '-size-100'
(9750,22): run-time error CSS1039: Token not allowed after unary operator: '-size-36'
(9756,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-secondary'
(9769,23): run-time error CSS1039: Token not allowed after unary operator: '-size-60'
(9773,30): run-time error CSS1039: Token not allowed after unary operator: '-size-60'
(9778,23): run-time error CSS1039: Token not allowed after unary operator: '-size-40'
(9781,30): run-time error CSS1039: Token not allowed after unary operator: '-size-40'
(9818,23): run-time error CSS1039: Token not allowed after unary operator: '-size-15'
(9819,26): run-time error CSS1039: Token not allowed after unary operator: '-size-72'
(9826,24): run-time error CSS1039: Token not allowed after unary operator: '-size-45'
(9836,19): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(9836,34): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(9836,49): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(9838,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(9847,31): run-time error CSS1039: Token not allowed after unary operator: '-size-40'
(9847,48): run-time error CSS1039: Token not allowed after unary operator: '-size-40'
(9847,65): run-time error CSS1039: Token not allowed after unary operator: '-size-54'
(9847,82): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(9866,16): run-time error CSS1039: Token not allowed after unary operator: '-size-15'
(9867,17): run-time error CSS1039: Token not allowed after unary operator: '-size-15'
(9868,15): run-time error CSS1039: Token not allowed after unary operator: '-size-9'
(9875,15): run-time error CSS1039: Token not allowed after unary operator: '-size-15-reverse'
(9882,19): run-time error CSS1039: Token not allowed after unary operator: '-size-72'
(9882,36): run-time error CSS1039: Token not allowed after unary operator: '-size-54'
(9892,23): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(9895,17): run-time error CSS1039: Token not allowed after unary operator: '-size-100'
(9896,18): run-time error CSS1039: Token not allowed after unary operator: '-size-100'
(9900,19): run-time error CSS1039: Token not allowed after unary operator: '-size-6'
(9901,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-imba'
(9903,18): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(9904,25): run-time error CSS1039: Token not allowed after unary operator: '-size-15'
(9907,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(9916,26): run-time error CSS1039: Token not allowed after unary operator: '-size-9'
(9916,40): run-time error CSS1039: Token not allowed after unary operator: '-size-20'
(9918,19): run-time error CSS1039: Token not allowed after unary operator: '-size-40'
(9918,34): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(9919,32): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(9921,16): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(9922,17): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(9926,26): run-time error CSS1039: Token not allowed after unary operator: '-size-15'
(9927,25): run-time error CSS1039: Token not allowed after unary operator: '-size-15'
(9929,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary'
(9936,17): run-time error CSS1039: Token not allowed after unary operator: '-size-60'
(9937,18): run-time error CSS1039: Token not allowed after unary operator: '-size-2'
(9938,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(9958,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-primary'
(9962,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(9963,24): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(10061,18): run-time error CSS1039: Token not allowed after unary operator: '-size-4'
(10062,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(10066,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-primary'
(10118,26): run-time error CSS1039: Token not allowed after unary operator: '-size-60'
(10119,25): run-time error CSS1039: Token not allowed after unary operator: '-size-40'
(10126,22): run-time error CSS1039: Token not allowed after unary operator: '-size-40'
(10131,18): run-time error CSS1039: Token not allowed after unary operator: '-size-6'
(10132,18): run-time error CSS1039: Token not allowed after unary operator: '-size-48'
(10133,23): run-time error CSS1039: Token not allowed after unary operator: '-size-48'
(10141,24): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(10150,18): run-time error CSS1039: Token not allowed after unary operator: '-size-48'
(10151,23): run-time error CSS1039: Token not allowed after unary operator: '-size-48'
(10153,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-secondary-grey'
(10154,18): run-time error CSS1039: Token not allowed after unary operator: '-size-6'
(10157,21): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(10160,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(10164,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(10184,18): run-time error CSS1039: Token not allowed after unary operator: '-size-48'
(10185,17): run-time error CSS1039: Token not allowed after unary operator: '-size-48'
(10195,18): run-time error CSS1039: Token not allowed after unary operator: '-size-6'
(10199,21): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(10204,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(10209,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(10227,18): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(10227,38): run-time error CSS1039: Token not allowed after unary operator: '-border-color'
(10242,17): run-time error CSS1039: Token not allowed after unary operator: '-size-4'
(10243,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(10262,25): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(10267,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary'
(10268,23): run-time error CSS1039: Token not allowed after unary operator: '-size-15'
(10269,24): run-time error CSS1039: Token not allowed after unary operator: '-size-15'
(10273,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(10279,16): run-time error CSS1039: Token not allowed after unary operator: '-size-15-reverse'
(10280,15): run-time error CSS1039: Token not allowed after unary operator: '-size-15-reverse'
(10320,19): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(10340,23): run-time error CSS1039: Token not allowed after unary operator: '-size-9'
(10341,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-secondary'
(10344,22): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(10345,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-secondary-grey'
(10346,24): run-time error CSS1039: Token not allowed after unary operator: '-size-15'
(10347,23): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(10347,43): run-time error CSS1039: Token not allowed after unary operator: '-color-text-secondary'
(10358,24): run-time error CSS1039: Token not allowed after unary operator: '-size-12'
(10362,22): run-time error CSS1039: Token not allowed after unary operator: '-size-15'
(10365,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(10366,22): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(10418,22): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(10419,22): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(10419,42): run-time error CSS1039: Token not allowed after unary operator: '-border-color'
(10420,23): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(10436,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(10455,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-secondary-grey'
(10460,25): run-time error CSS1039: Token not allowed after unary operator: '-size-12'
(10475,20): run-time error CSS1039: Token not allowed after unary operator: '-size-100'
(10475,38): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(10476,19): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(10476,34): run-time error CSS1039: Token not allowed after unary operator: '-size-12'
(10477,25): run-time error CSS1039: Token not allowed after unary operator: '-size-6'
(10488,19): run-time error CSS1039: Token not allowed after unary operator: '-size-15'
(10488,34): run-time error CSS1039: Token not allowed after unary operator: '-size-18'
(10494,22): run-time error CSS1039: Token not allowed after unary operator: '-size-6'
(10509,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(10511,25): run-time error CSS1039: Token not allowed after unary operator: '-size-4'
(10538,25): run-time error CSS1039: Token not allowed after unary operator: '-size-40'
(10545,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(10550,26): run-time error CSS1039: Token not allowed after unary operator: '-size-40'
(10593,30): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(10598,35): run-time error CSS1039: Token not allowed after unary operator: '-border-color'
(10628,21): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(10672,39): run-time error CSS1039: Token not allowed after unary operator: '-border-color'
(10744,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-secondary'
(10790,19): run-time error CSS1039: Token not allowed after unary operator: '-size-12'
(10796,15): run-time error CSS1039: Token not allowed after unary operator: '-size-45'
(10837,23): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(10856,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-secondary-grey'
(10857,23): run-time error CSS1039: Token not allowed after unary operator: '-size-9'
(10860,22): run-time error CSS1039: Token not allowed after unary operator: '-size-15'
(10863,22): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(10864,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-secondary-grey'
(10865,24): run-time error CSS1039: Token not allowed after unary operator: '-size-15'
(10866,23): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(10866,43): run-time error CSS1039: Token not allowed after unary operator: '-color-text-secondary'
(10877,22): run-time error CSS1039: Token not allowed after unary operator: '-size-15'
(10882,23): run-time error CSS1039: Token not allowed after unary operator: '-size-36'
(10888,23): run-time error CSS1039: Token not allowed after unary operator: '-size-12'
(10891,35): run-time error CSS1039: Token not allowed after unary operator: '-size-40'
(10904,17): run-time error CSS1039: Token not allowed after unary operator: '-size-4'
(10905,22): run-time error CSS1039: Token not allowed after unary operator: '-bgColor-primary'
(10916,22): run-time error CSS1039: Token not allowed after unary operator: '-size-15'
(10921,24): run-time error CSS1039: Token not allowed after unary operator: '-size-15'
(10922,23): run-time error CSS1039: Token not allowed after unary operator: '-size-4'
(10922,43): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(10924,25): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(10925,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(10929,32): run-time error CSS1039: Token not allowed after unary operator: '-size-40'
(10940,31): run-time error CSS1039: Token not allowed after unary operator: '-size-40'
(11018,22): run-time error CSS1039: Token not allowed after unary operator: '-size-80'
(11019,23): run-time error CSS1039: Token not allowed after unary operator: '-size-80'
(11020,22): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(11026,25): run-time error CSS1039: Token not allowed after unary operator: '-size-4'
(11056,22): run-time error CSS1039: Token not allowed after unary operator: '-size-100'
(11057,21): run-time error CSS1039: Token not allowed after unary operator: '-size-15'
(11094,26): run-time error CSS1039: Token not allowed after unary operator: '-size-60'
(11095,27): run-time error CSS1039: Token not allowed after unary operator: '-size-60'
(11100,26): run-time error CSS1039: Token not allowed after unary operator: '-size-48'
(11101,27): run-time error CSS1039: Token not allowed after unary operator: '-size-48'
(11119,26): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(11128,18): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(11135,18): run-time error CSS1039: Token not allowed after unary operator: '-size-4'
(11138,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(11156,23): run-time error CSS1039: Token not allowed after unary operator: '-size-12'
(11165,18): run-time error CSS1039: Token not allowed after unary operator: '-size-4'
(11174,16): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(11175,15): run-time error CSS1039: Token not allowed after unary operator: '-size-36'
(11186,22): run-time error CSS1039: Token not allowed after unary operator: '-size-6-reverse'
(11189,23): run-time error CSS1039: Token not allowed after unary operator: '-size-6'
(11223,26): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(11237,26): run-time error CSS1039: Token not allowed after unary operator: '-size-15'
(11245,26): run-time error CSS1039: Token not allowed after unary operator: '-size-9'
(11274,17): run-time error CSS1039: Token not allowed after unary operator: '-size-40'
(11283,26): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(11284,25): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(11296,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-grey'
(11297,19): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(11300,17): run-time error CSS1039: Token not allowed after unary operator: '-size-64'
(11301,18): run-time error CSS1039: Token not allowed after unary operator: '-size-64'
(11302,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(11304,25): run-time error CSS1039: Token not allowed after unary operator: '-size-64'
(11310,17): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(11311,18): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(11315,24): run-time error CSS1039: Token not allowed after unary operator: '-size-20'
(11330,27): run-time error CSS1039: Token not allowed after unary operator: '-size-20'
(11335,21): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(11336,22): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(11358,26): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(11364,22): run-time error CSS1039: Token not allowed after unary operator: '-size-30-reverse'
(11392,21): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(11402,18): run-time error CSS1039: Token not allowed after unary operator: '-size-48'
(11403,17): run-time error CSS1039: Token not allowed after unary operator: '-size-48'
(11407,23): run-time error CSS1039: Token not allowed after unary operator: '-size-20'
(11408,22): run-time error CSS1039: Token not allowed after unary operator: '-size-20'
(11409,22): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(11422,23): run-time error CSS1039: Token not allowed after unary operator: '-size-9'
(11432,19): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(11435,24): run-time error CSS1039: Token not allowed after unary operator: '-size-18'
(11441,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(11450,21): run-time error CSS1039: Token not allowed after unary operator: '-size-45'
(11451,22): run-time error CSS1039: Token not allowed after unary operator: '-size-45'
(11466,26): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(11466,41): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(11495,22): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(11499,17): run-time error CSS1039: Token not allowed after unary operator: '-size-18'
(11500,18): run-time error CSS1039: Token not allowed after unary operator: '-size-18'
(11513,25): run-time error CSS1039: Token not allowed after unary operator: '-size-45'
(11523,18): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(11535,19): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(11535,34): run-time error CSS1039: Token not allowed after unary operator: '-size-40'
(11536,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-secondary-grey'
(11544,16): run-time error CSS1039: Token not allowed after unary operator: '-size-40'
(11545,17): run-time error CSS1039: Token not allowed after unary operator: '-size-40'
(11546,18): run-time error CSS1039: Token not allowed after unary operator: '-size-2'
(11549,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(11554,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(11560,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(11575,19): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(11576,25): run-time error CSS1039: Token not allowed after unary operator: '-size-9'
(11592,24): run-time error CSS1039: Token not allowed after unary operator: '-size-18'
(11594,25): run-time error CSS1039: Token not allowed after unary operator: '-size-9'
(11601,23): run-time error CSS1039: Token not allowed after unary operator: '-size-18'
(11602,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-secondary-grey'
(11616,19): run-time error CSS1039: Token not allowed after unary operator: '-size-60'
(11616,34): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(11616,49): run-time error CSS1039: Token not allowed after unary operator: '-size-20'
(11620,25): run-time error CSS1039: Token not allowed after unary operator: '-size-6'
(11623,23): run-time error CSS1039: Token not allowed after unary operator: '-size-15'
(11630,24): run-time error CSS1039: Token not allowed after unary operator: '-border-color'
(11631,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary'
(11636,23): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(11652,26): run-time error CSS1039: Token not allowed after unary operator: '-size-20'
(11653,25): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(11654,25): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(11657,24): run-time error CSS1039: Token not allowed after unary operator: '-size-6'
(11661,22): run-time error CSS1039: Token not allowed after unary operator: '-size-40'
(11664,24): run-time error CSS1039: Token not allowed after unary operator: '-size-20'
(11668,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-secondary-grey'
(11676,17): run-time error CSS1039: Token not allowed after unary operator: '-size-18'
(11677,18): run-time error CSS1039: Token not allowed after unary operator: '-size-18'
(11696,17): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(11705,26): run-time error CSS1039: Token not allowed after unary operator: '-size-9'
(11712,27): run-time error CSS1039: Token not allowed after unary operator: '-size-20'
(11722,23): run-time error CSS1039: Token not allowed after unary operator: '-size-100'
(11723,26): run-time error CSS1039: Token not allowed after unary operator: '-size-100'
(11746,19): run-time error CSS1039: Token not allowed after unary operator: '-size-60'
(11751,19): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(11751,34): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(11763,24): run-time error CSS1039: Token not allowed after unary operator: '-size-18'
(11765,25): run-time error CSS1039: Token not allowed after unary operator: '-size-9'
(11771,19): run-time error CSS1039: Token not allowed after unary operator: '-size-9'
(11771,33): run-time error CSS1039: Token not allowed after unary operator: '-size-18'
(11772,18): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(11772,38): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(11774,25): run-time error CSS1039: Token not allowed after unary operator: '-size-6'
(11775,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(11776,22): run-time error CSS1039: Token not allowed after unary operator: '-size-18'
(11785,23): run-time error CSS1039: Token not allowed after unary operator: '-size-60'
(11788,27): run-time error CSS1039: Token not allowed after unary operator: '-size-40'
(11799,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(11805,22): run-time error CSS1039: Token not allowed after unary operator: '-size-48'
(11808,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-grey'
(11814,26): run-time error CSS1039: Token not allowed after unary operator: '-size-9'
(11814,40): run-time error CSS1039: Token not allowed after unary operator: '-size-20'
(11843,20): run-time error CSS1039: Token not allowed after unary operator: '-size-48'
(11859,18): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(11882,17): run-time error CSS1039: Token not allowed after unary operator: '-size-12'
(11883,18): run-time error CSS1039: Token not allowed after unary operator: '-size-12'
(11909,19): run-time error CSS1039: Token not allowed after unary operator: '-size-20'
(11909,34): run-time error CSS1039: Token not allowed after unary operator: '-size-45'
(11914,22): run-time error CSS1039: Token not allowed after unary operator: '-size-54'
(11926,25): run-time error CSS1039: Token not allowed after unary operator: '-size-9'
(11931,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(11943,19): run-time error CSS1039: Token not allowed after unary operator: '-size-20'
(11943,34): run-time error CSS1039: Token not allowed after unary operator: '-size-20'
(11943,49): run-time error CSS1039: Token not allowed after unary operator: '-size-20'
(11943,64): run-time error CSS1039: Token not allowed after unary operator: '-size-48'
(11947,19): run-time error CSS1039: Token not allowed after unary operator: '-size-20'
(11947,34): run-time error CSS1039: Token not allowed after unary operator: '-size-48'
(11947,49): run-time error CSS1039: Token not allowed after unary operator: '-size-20'
(11947,64): run-time error CSS1039: Token not allowed after unary operator: '-size-20'
(11952,19): run-time error CSS1039: Token not allowed after unary operator: '-size-20'
(11952,34): run-time error CSS1039: Token not allowed after unary operator: '-size-20'
(11952,49): run-time error CSS1039: Token not allowed after unary operator: '-size-20'
(11952,64): run-time error CSS1039: Token not allowed after unary operator: '-size-48'
(11970,29): run-time error CSS1039: Token not allowed after unary operator: '-size-60'
(11977,22): run-time error CSS1039: Token not allowed after unary operator: '-size-40'
(11987,29): run-time error CSS1039: Token not allowed after unary operator: '-size-60'
(11990,23): run-time error CSS1039: Token not allowed after unary operator: '-size-20'
(11993,26): run-time error CSS1039: Token not allowed after unary operator: '-size-18'
(12006,22): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(12011,25): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(12012,19): run-time error CSS1039: Token not allowed after unary operator: '-size-45'
(12015,21): run-time error CSS1039: Token not allowed after unary operator: '-size-90'
(12016,22): run-time error CSS1039: Token not allowed after unary operator: '-size-90'
(12018,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-grey'
(12019,19): run-time error CSS1039: Token not allowed after unary operator: '-size-15'
(12022,25): run-time error CSS1039: Token not allowed after unary operator: '-size-6'
(12023,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(12030,25): run-time error CSS1039: Token not allowed after unary operator: '-size-6'
(12038,23): run-time error CSS1039: Token not allowed after unary operator: '-size-60'
(12051,23): run-time error CSS1039: Token not allowed after unary operator: '-size-60'
(12054,22): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(12055,24): run-time error CSS1039: Token not allowed after unary operator: '-size-18'
(12056,23): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(12056,43): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(12057,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(12065,24): run-time error CSS1039: Token not allowed after unary operator: '-size-9'
(12068,24): run-time error CSS1039: Token not allowed after unary operator: '-size-9'
(12074,22): run-time error CSS1039: Token not allowed after unary operator: '-size-15'
(12080,23): run-time error CSS1039: Token not allowed after unary operator: '-size-60'
(12083,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(12097,26): run-time error CSS1039: Token not allowed after unary operator: '-size-20'
(12105,27): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(12109,26): run-time error CSS1039: Token not allowed after unary operator: '-size-20'
(12125,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(12130,19): run-time error CSS1039: Token not allowed after unary operator: '-size-20'
(12142,18): run-time error CSS1039: Token not allowed after unary operator: '-size-2'
(12143,27): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(12159,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(12173,25): run-time error CSS1039: Token not allowed after unary operator: '-size-60'
(12176,26): run-time error CSS1039: Token not allowed after unary operator: '-size-60'
(12177,25): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(12186,19): run-time error CSS1039: Token not allowed after unary operator: '-size-18'
(12188,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary'
(12189,25): run-time error CSS1039: Token not allowed after unary operator: '-size-4'
(12191,26): run-time error CSS1039: Token not allowed after unary operator: '-size-100'
(12197,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(12201,23): run-time error CSS1039: Token not allowed after unary operator: '-size-12'
(12213,23): run-time error CSS1039: Token not allowed after unary operator: '-size-18'
(12213,38): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(12225,29): run-time error CSS1039: Token not allowed after unary operator: '-size-40'
(12228,30): run-time error CSS1039: Token not allowed after unary operator: '-size-40'
(12240,26): run-time error CSS1039: Token not allowed after unary operator: '-size-40'
(12241,25): run-time error CSS1039: Token not allowed after unary operator: '-size-45'
(12242,25): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(12242,45): run-time error CSS1039: Token not allowed after unary operator: '-border-color'
(12246,25): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(12250,22): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(12254,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-secondary-grey'
(12257,24): run-time error CSS1039: Token not allowed after unary operator: '-size-9'
(12261,23): run-time error CSS1039: Token not allowed after unary operator: '-size-40'
(12268,23): run-time error CSS1039: Token not allowed after unary operator: '-size-9'
(12275,17): run-time error CSS1039: Token not allowed after unary operator: '-size-48'
(12276,18): run-time error CSS1039: Token not allowed after unary operator: '-size-48'
(12277,18): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(12277,38): run-time error CSS1039: Token not allowed after unary operator: '-border-color'
(12281,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(12287,25): run-time error CSS1039: Token not allowed after unary operator: '-size-45'
(12288,24): run-time error CSS1039: Token not allowed after unary operator: '-size-45'
(12289,24): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(12299,22): run-time error CSS1039: Token not allowed after unary operator: '-size-12'
(12314,23): run-time error CSS1039: Token not allowed after unary operator: '-size-90'
(12336,22): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(12343,22): run-time error CSS1039: Token not allowed after unary operator: '-size-12'
(12364,19): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(12365,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-primary'
(12373,22): run-time error CSS1039: Token not allowed after unary operator: '-size-4'
(12420,23): run-time error CSS1039: Token not allowed after unary operator: '-size-48'
(12424,25): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(12427,25): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(12430,22): run-time error CSS1039: Token not allowed after unary operator: '-size-40'
(12433,23): run-time error CSS1039: Token not allowed after unary operator: '-size-15'
(12434,24): run-time error CSS1039: Token not allowed after unary operator: '-size-15'
(12435,23): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(12437,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-secondary-grey'
(12461,25): run-time error CSS1039: Token not allowed after unary operator: '-size-9'
(12464,23): run-time error CSS1039: Token not allowed after unary operator: '-size-20'
(12468,15): run-time error CSS1039: Token not allowed after unary operator: '-size-20'
(12472,35): run-time error CSS1039: Token not allowed after unary operator: '-size-20'
(12476,19): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(12477,25): run-time error CSS1039: Token not allowed after unary operator: '-size-9'
(12486,18): run-time error CSS1039: Token not allowed after unary operator: '-size-4'
(12487,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(12494,26): run-time error CSS1039: Token not allowed after unary operator: '-size-20'
(12495,25): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(12496,25): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(12496,45): run-time error CSS1039: Token not allowed after unary operator: '-border-color'
(12499,24): run-time error CSS1039: Token not allowed after unary operator: '-size-12'
(12505,24): run-time error CSS1039: Token not allowed after unary operator: '-size-12'
(12506,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(12509,22): run-time error CSS1039: Token not allowed after unary operator: '-size-18'
(12513,22): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(12514,26): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(12519,22): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(12520,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-secondary-grey'
(12527,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(12530,23): run-time error CSS1039: Token not allowed after unary operator: '-size-6'
(12538,32): run-time error CSS1039: Token not allowed after unary operator: '-size-20'
(12548,31): run-time error CSS1039: Token not allowed after unary operator: '-size-20'
(12555,26): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(12564,27): run-time error CSS1039: Token not allowed after unary operator: '-size-60'
(12579,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-primary'
(12589,26): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(12590,25): run-time error CSS1039: Token not allowed after unary operator: '-size-36'
(12591,25): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(12591,45): run-time error CSS1039: Token not allowed after unary operator: '-border-color'
(12595,24): run-time error CSS1039: Token not allowed after unary operator: '-size-12'
(12611,22): run-time error CSS1039: Token not allowed after unary operator: '-size-72'
(12618,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(12620,24): run-time error CSS1039: Token not allowed after unary operator: '-size-15'
(12628,17): run-time error CSS1039: Token not allowed after unary operator: '-size-2'
(12629,28): run-time error CSS1039: Token not allowed after unary operator: '-color-third'
(12638,23): run-time error CSS1039: Token not allowed after unary operator: '-size-60'
(12638,38): run-time error CSS1039: Token not allowed after unary operator: '-size-60'
(12640,39): run-time error CSS1039: Token not allowed after unary operator: '-size-60'
(12648,26): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(12649,25): run-time error CSS1039: Token not allowed after unary operator: '-size-40'
(12656,18): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(12657,25): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(12664,18): run-time error CSS1039: Token not allowed after unary operator: '-size-4'
(12665,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(12666,17): run-time error CSS1039: Token not allowed after unary operator: '-size-100'
(12670,27): run-time error CSS1039: Token not allowed after unary operator: '-size-40'
(12670,42): run-time error CSS1039: Token not allowed after unary operator: '-size-40'
(12671,43): run-time error CSS1039: Token not allowed after unary operator: '-size-40'
(12676,27): run-time error CSS1039: Token not allowed after unary operator: '-size-48'
(12676,42): run-time error CSS1039: Token not allowed after unary operator: '-size-48'
(12677,43): run-time error CSS1039: Token not allowed after unary operator: '-size-48'
(12686,19): run-time error CSS1039: Token not allowed after unary operator: '-size-48'
(12687,22): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(12692,24): run-time error CSS1039: Token not allowed after unary operator: '-size-40'
(12703,17): run-time error CSS1039: Token not allowed after unary operator: '-size-4'
(12704,28): run-time error CSS1039: Token not allowed after unary operator: '-color-third'
(12714,22): run-time error CSS1039: Token not allowed after unary operator: '-size-18'
(12733,23): run-time error CSS1039: Token not allowed after unary operator: '-size-45'
(12739,27): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(12751,25): run-time error CSS1039: Token not allowed after unary operator: '-size-48'
(12754,18): run-time error CSS1039: Token not allowed after unary operator: '-size-90'
(12759,23): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(12768,17): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(12775,19): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(12776,22): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(12781,17): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(12782,18): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(12796,22): run-time error CSS1039: Token not allowed after unary operator: '-size-18'
(12802,18): run-time error CSS1039: Token not allowed after unary operator: '-size-9-reverse'
(12809,19): run-time error CSS1039: Token not allowed after unary operator: '-size-9'
(12813,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-secondary'
(12820,29): run-time error CSS1039: Token not allowed after unary operator: '-size-40'
(12831,28): run-time error CSS1039: Token not allowed after unary operator: '-size-40'
(12845,26): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(12854,28): run-time error CSS1039: Token not allowed after unary operator: '-size-40'
(12858,26): run-time error CSS1039: Token not allowed after unary operator: '-size-45'
(12864,26): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(12867,23): run-time error CSS1039: Token not allowed after unary operator: '-size-12'
(12870,20): run-time error CSS1039: Token not allowed after unary operator: '-size-12'
(12882,22): run-time error CSS1039: Token not allowed after unary operator: '-size-60'
(12894,19): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(12894,36): run-time error CSS1039: Token not allowed after unary operator: '-size-48'
(12895,22): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(12898,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(12899,25): run-time error CSS1039: Token not allowed after unary operator: '-size-12'
(12902,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-secondary'
(12908,24): run-time error CSS1039: Token not allowed after unary operator: '-size-6'
(12911,22): run-time error CSS1039: Token not allowed after unary operator: '-size-4'
(12915,23): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(12922,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-grey'
(12926,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(12930,17): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(12931,18): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(12963,19): run-time error CSS1039: Token not allowed after unary operator: '-size-20'
(12963,34): run-time error CSS1039: Token not allowed after unary operator: '-size-9'
(12967,18): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(12968,22): run-time error CSS1039: Token not allowed after unary operator: '-size-2'
(12968,42): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(12971,19): run-time error CSS1039: Token not allowed after unary operator: '-size-20'
(12975,26): run-time error CSS1039: Token not allowed after unary operator: '-size-9'
(12975,40): run-time error CSS1039: Token not allowed after unary operator: '-size-20'
(12978,24): run-time error CSS1039: Token not allowed after unary operator: '-size-15'
(12979,23): run-time error CSS1039: Token not allowed after unary operator: '-size-9'
(12983,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-secondary'
(12984,22): run-time error CSS1039: Token not allowed after unary operator: '-size-6'
(12992,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(13020,22): run-time error CSS1039: Token not allowed after unary operator: '-size-60'
(13023,19): run-time error CSS1039: Token not allowed after unary operator: '-size-40'
(13023,36): run-time error CSS1039: Token not allowed after unary operator: '-size-48'
(13024,22): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(13027,25): run-time error CSS1039: Token not allowed after unary operator: '-size-15'
(13033,23): run-time error CSS1039: Token not allowed after unary operator: '-size-40'
(13033,40): run-time error CSS1039: Token not allowed after unary operator: '-size-80'
(13055,18): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(13056,19): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(13057,22): run-time error CSS1039: Token not allowed after unary operator: '-size-2'
(13057,42): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(13058,25): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(13061,25): run-time error CSS1039: Token not allowed after unary operator: '-size-15'
(13064,22): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(13072,26): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(13078,36): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(13110,22): run-time error CSS1039: Token not allowed after unary operator: '-size-60'
(13120,26): run-time error CSS1039: Token not allowed after unary operator: '-size-20'
(13121,25): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(13124,22): run-time error CSS1039: Token not allowed after unary operator: '-size-12'
(13139,23): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(13147,18): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(13148,22): run-time error CSS1039: Token not allowed after unary operator: '-size-4'
(13148,42): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(13155,22): run-time error CSS1039: Token not allowed after unary operator: '-size-12'
(13160,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(13191,18): run-time error CSS1039: Token not allowed after unary operator: '-size-60'
(13209,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-secondary'
(13210,19): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(13210,34): run-time error CSS1039: Token not allowed after unary operator: '-size-12'
(13211,18): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(13221,23): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(13231,18): run-time error CSS1039: Token not allowed after unary operator: '-size-15'
(13232,22): run-time error CSS1039: Token not allowed after unary operator: '-size-15'
(13232,43): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(13238,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(13245,19): run-time error CSS1039: Token not allowed after unary operator: '-size-60'
(13245,34): run-time error CSS1039: Token not allowed after unary operator: '-size-40'
(13245,49): run-time error CSS1039: Token not allowed after unary operator: '-size-40'
(13246,18): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(13251,18): run-time error CSS1039: Token not allowed after unary operator: '-size-40'
(13260,26): run-time error CSS1039: Token not allowed after unary operator: '-size-9'
(13260,40): run-time error CSS1039: Token not allowed after unary operator: '-size-20'
(13261,19): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(13270,17): run-time error CSS1039: Token not allowed after unary operator: '-size-12'
(13271,18): run-time error CSS1039: Token not allowed after unary operator: '-size-12'
(13279,17): run-time error CSS1039: Token not allowed after unary operator: '-size-72'
(13280,18): run-time error CSS1039: Token not allowed after unary operator: '-size-72'
(13282,16): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(13283,15): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(13289,17): run-time error CSS1039: Token not allowed after unary operator: '-size-40'
(13290,18): run-time error CSS1039: Token not allowed after unary operator: '-size-40'
(13298,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(13303,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-secondary'
(13307,22): run-time error CSS1039: Token not allowed after unary operator: '-size-15'
(13308,22): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(13309,23): run-time error CSS1039: Token not allowed after unary operator: '-size-15'
(13314,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(13332,25): run-time error CSS1039: Token not allowed after unary operator: '-size-9'
(13341,22): run-time error CSS1039: Token not allowed after unary operator: '-size-60'
(13350,24): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(13353,25): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(13354,26): run-time error CSS1039: Token not allowed after unary operator: '-size-15'
(13355,25): run-time error CSS1039: Token not allowed after unary operator: '-size-18'
(13366,27): run-time error CSS1039: Token not allowed after unary operator: '-size-20'
(13376,19): run-time error CSS1039: Token not allowed after unary operator: '-size-45'
(13390,19): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(13390,34): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(13402,22): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(13406,24): run-time error CSS1039: Token not allowed after unary operator: '-size-20'
(13408,25): run-time error CSS1039: Token not allowed after unary operator: '-size-40'
(13409,23): run-time error CSS1039: Token not allowed after unary operator: '-size-6'
(13409,43): run-time error CSS1039: Token not allowed after unary operator: '-theme-mib'
(13431,22): run-time error CSS1039: Token not allowed after unary operator: '-size-36'
(13435,24): run-time error CSS1039: Token not allowed after unary operator: '-size-45'
(13439,26): run-time error CSS1039: Token not allowed after unary operator: '-size-100'
(13442,25): run-time error CSS1039: Token not allowed after unary operator: '-size-20'
(13447,27): run-time error CSS1039: Token not allowed after unary operator: '-size-100'
(13459,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(13463,25): run-time error CSS1039: Token not allowed after unary operator: '-size-15'
(13464,26): run-time error CSS1039: Token not allowed after unary operator: '-size-15'
(13465,25): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(13472,19): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(13478,22): run-time error CSS1039: Token not allowed after unary operator: '-size-6'
(13478,42): run-time error CSS1039: Token not allowed after unary operator: '-theme-mib'
(13479,26): run-time error CSS1039: Token not allowed after unary operator: '-size-9'
(13479,40): run-time error CSS1039: Token not allowed after unary operator: '-size-20'
(13482,22): run-time error CSS1039: Token not allowed after unary operator: '-size-40'
(13486,19): run-time error CSS1039: Token not allowed after unary operator: '-size-48'
(13486,34): run-time error CSS1039: Token not allowed after unary operator: '-size-40'
(13494,18): run-time error CSS1039: Token not allowed after unary operator: '-size-60'
(13494,35): run-time error CSS1039: Token not allowed after unary operator: '-size-36'
(13500,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(13503,26): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(13504,25): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(13505,25): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(13527,19): run-time error CSS1039: Token not allowed after unary operator: '-size-12'
(13530,24): run-time error CSS1039: Token not allowed after unary operator: '-size-15'
(13544,19): run-time error CSS1039: Token not allowed after unary operator: '-size-12'
(13544,34): run-time error CSS1039: Token not allowed after unary operator: '-size-20'
(13546,18): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(13546,38): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(13551,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(13554,23): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(13564,18): run-time error CSS1039: Token not allowed after unary operator: '-size-12'
(13565,22): run-time error CSS1039: Token not allowed after unary operator: '-size-12'
(13565,43): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(13571,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(13578,19): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(13584,19): run-time error CSS1039: Token not allowed after unary operator: '-size-15'
(13584,34): run-time error CSS1039: Token not allowed after unary operator: '-size-20'
(13585,22): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(13586,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-secondary-grey'
(13589,19): run-time error CSS1039: Token not allowed after unary operator: '-size-18'
(13589,34): run-time error CSS1039: Token not allowed after unary operator: '-size-20'
(13590,22): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(13590,42): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(13591,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(13612,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary'
(13615,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(13621,19): run-time error CSS1039: Token not allowed after unary operator: '-size-48'
(13624,26): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(13625,25): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(13626,25): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(13639,22): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(13648,21): run-time error CSS1039: Token not allowed after unary operator: '-size-100'
(13649,25): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(13653,18): run-time error CSS1039: Token not allowed after unary operator: '-size-1'
(13653,39): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(13654,19): run-time error CSS1039: Token not allowed after unary operator: '-size-9'
(13659,17): run-time error CSS1039: Token not allowed after unary operator: '-size-100'
(13660,18): run-time error CSS1039: Token not allowed after unary operator: '-size-100'
(13664,17): run-time error CSS1039: Token not allowed after unary operator: '-size-36'
(13665,18): run-time error CSS1039: Token not allowed after unary operator: '-size-36'
(13669,17): run-time error CSS1039: Token not allowed after unary operator: '-size-36'
(13670,18): run-time error CSS1039: Token not allowed after unary operator: '-size-36'
(13671,23): run-time error CSS1039: Token not allowed after unary operator: '-size-36'
(13675,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(13681,21): run-time error CSS1039: Token not allowed after unary operator: '-size-16'
(13686,22): run-time error CSS1039: Token not allowed after unary operator: '-size-36'
(13694,28): run-time error CSS1039: Token not allowed after unary operator: '-size-100'
(13694,50): run-time error CSS1039: Token not allowed after unary operator: '-size-9'
(13695,17): run-time error CSS1039: Token not allowed after unary operator: '-size-60'
(13700,17): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(13701,18): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(13715,26): run-time error CSS1039: Token not allowed after unary operator: '-size-100'
(13727,22): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(13753,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(13763,17): run-time error CSS1039: Token not allowed after unary operator: '-size-45'
(13764,18): run-time error CSS1039: Token not allowed after unary operator: '-size-45'
(13767,25): run-time error CSS1039: Token not allowed after unary operator: '-size-12'
(13771,23): run-time error CSS1039: Token not allowed after unary operator: '-size-100-reverse'
(13780,19): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(13781,24): run-time error CSS1039: Token not allowed after unary operator: '-size-60'
(13784,17): run-time error CSS1039: Token not allowed after unary operator: '-size-72'
(13785,18): run-time error CSS1039: Token not allowed after unary operator: '-size-72'
(13788,17): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(13789,18): run-time error CSS1039: Token not allowed after unary operator: '-size-30'
(13797,23): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(13823,29): run-time error CSS1039: Token not allowed after unary operator: '-size-45'
(13832,30): run-time error CSS1039: Token not allowed after unary operator: '-size-80'
(13842,33): run-time error CSS1039: Token not allowed after unary operator: '-size-54'
(13842,50): run-time error CSS1039: Token not allowed after unary operator: '-size-24'
(13843,26): run-time error CSS1039: Token not allowed after unary operator: '-size-12'
(13846,21): run-time error CSS1039: Token not allowed after unary operator: '-size-54'
(13847,22): run-time error CSS1039: Token not allowed after unary operator: '-size-54'
(13872,18): run-time error CSS1039: Token not allowed after unary operator: '-size-45'
 */
/**
 * Swiper 10.3.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * //swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 21, 2023
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;overflow:clip;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
@charset "UTF-8";

/*!
Animate.css - //daneden.me/animate
Licensed under the MIT license - //opensource.org/licenses/MIT

Copyright (c) 2013 Daniel Eden

Selected menu-appropriate css animations.
*/

.animated {
  -webkit-animation-duration: .6s;
  animation-duration: .6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes slideDown {
    0% {
        max-height: 0;
    }

    100% {
        max-height: 500px;
    }
}

@keyframes slideDown {
    0% {
        max-height: 0;
    }

    100% {
        max-height: 500px;
    }
}

.slideDown {
    overflow: hidden;
    -webkit-animation-name: slideDown;
    animation-name: slideDown;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        -ms-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        -ms-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}

@-webkit-keyframes bounceIn {

  0%,
  20%,
  40%,
  60%,
  80%,
  to {
      -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
      animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  0% {
      opacity: 0;
      -webkit-transform: scale3d(.3, .3, .3);
      transform: scale3d(.3, .3, .3)
  }

  20% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1);
      transform: scale3d(1.1, 1.1, 1.1)
  }

  40% {
      -webkit-transform: scale3d(.9, .9, .9);
      transform: scale3d(.9, .9, .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(.97, .97, .97);
      transform: scale3d(.97, .97, .97)
  }

  to {
      opacity: 1;
      -webkit-transform: scaleX(1);
      transform: scaleX(1)
  }
}

@keyframes bounceIn {

  0%,
  20%,
  40%,
  60%,
  80%,
  to {
      -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
      animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  0% {
      opacity: 0;
      -webkit-transform: scale3d(.3, .3, .3);
      transform: scale3d(.3, .3, .3)
  }

  20% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1);
      transform: scale3d(1.1, 1.1, 1.1)
  }

  40% {
      -webkit-transform: scale3d(.9, .9, .9);
      transform: scale3d(.9, .9, .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(.97, .97, .97);
      transform: scale3d(.97, .97, .97)
  }

  to {
      opacity: 1;
      -webkit-transform: scaleX(1);
      transform: scaleX(1)
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn
}
@charset "UTF-8";/*!
Animate.css - //daneden.me/animate
Licensed under the MIT license - //opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-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{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);-ms-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);-ms-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);-ms-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-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)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);-ms-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);-ms-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);-ms-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);-ms-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);-ms-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);-ms-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-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{0%,100%{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);-ms-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);-ms-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-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)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);-ms-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);-ms-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);-ms-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);-ms-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);-ms-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.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)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{0%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);-ms-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);-ms-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);-ms-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)}100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-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)}100%{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;-ms-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);-ms-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);-ms-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);-ms-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);-ms-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);-ms-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.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(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);-ms-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);-ms-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.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)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);-ms-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);-ms-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);-ms-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);-ms-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.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)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);-ms-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);-ms-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);-ms-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);-ms-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.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)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);-ms-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);-ms-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);-ms-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);-ms-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,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)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);-ms-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);-ms-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);-ms-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);-ms-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut;-webkit-animation-duration:.75s;animation-duration:.75s}@-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)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);-ms-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);-ms-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);-ms-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);-ms-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);-ms-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);-ms-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);-ms-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-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)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);-ms-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);-ms-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);-ms-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);-ms-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);-ms-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);-ms-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);-ms-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);-ms-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);-ms-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);-ms-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);-ms-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-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(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);-ms-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);-ms-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);-ms-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(.95,.95,.95);-ms-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-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-transition-timing-function:ease-in;transition-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)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);-ms-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);-ms-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);-ms-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);-ms-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-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-transition-timing-function:ease-in;transition-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)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);-ms-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);-ms-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);-ms-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-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}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);-ms-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);-ms-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-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}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);-ms-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes lightSpeedIn{0%{-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}100%{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);-ms-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);-ms-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);-ms-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);-ms-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);-ms-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);-ms-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);-ms-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);-ms-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);-ms-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);-ms-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-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{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);-ms-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-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{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);-ms-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-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{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);-ms-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-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{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);-ms-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-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}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;-ms-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);-ms-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;-ms-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);-ms-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);-ms-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);-ms-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}100%{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{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);-ms-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-ms-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-ms-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);-ms-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);-ms-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInUp{0%{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes slideOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}

/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: //manos.malihu.gr/jquery-custom-content-scroller
*/



/*
CONTENTS:
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited).
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar.
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars.
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars.
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/



/*
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE
------------------------------------------------------------------------------------------------------------------------
*/

	.mCustomScrollbar{ -ms-touch-action: none; touch-action: none; /* MSPointer events - direct all pointer events to js */ }
	.mCustomScrollbar.mCS_no_scrollbar{ -ms-touch-action: auto; touch-action: auto; }

	.mCustomScrollBox{ /* contains plugin's markup */
		position: relative;
		overflow: hidden;
		height: 100%;
		max-width: 100%;
		outline: none;
		direction: ltr;
	}

	.mCSB_container{ /* contains the original content */
		overflow: hidden;
		width: auto;
		height: auto;
	}



/*
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR
y-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_inside > .mCSB_container{ margin-right: 30px; }

	.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */

	.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}

	.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */

	.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
		position: absolute;
		width: 16px;
		height: auto;
		left: auto;
		top: 0;
		right: 0;
		bottom: 0;
	}

	.mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */

	.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */
		right: auto;
		left: 0;
	}

	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */

	.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		height: auto;
	}

	.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }

	.mCSB_scrollTools .mCSB_draggerRail{
		width: 2px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
	}

	.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */
		cursor: pointer;
		width: 100%;
		height: 30px; /* minimum dragger height */
		z-index: 1;
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
		position: relative;
		width: 4px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
		text-align: center;
	}

	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ }

	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown{
		display: block;
		position: absolute;
		height: 20px;
		width: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}

	.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }



/*
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR
x-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_horizontal.mCSB_inside > .mCSB_container{
		margin-right: 0;
		margin-bottom: 30px;
	}

	.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }

	.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal{
		width: auto;
		height: 16px;
		top: auto;
		right: 0;
		bottom: 0;
		left: 0;
	}

	.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
	.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 2px;
		margin: 7px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{
		width: 30px; /* minimum dragger width */
		height: 100%;
		left: 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}

	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 12px; /* auto-expanded scrollbar */
		margin: 2px auto;
	}

	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 8px; /* auto-expanded scrollbar */
		margin: 4px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{
		display: block;
		position: absolute;
		width: 20px;
		height: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; }



/*
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS
yx-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_container_wrapper{
		position: absolute;
		height: auto;
		width: auto;
		overflow: hidden;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin-right: 30px;
		margin-bottom: 30px;
	}

	.mCSB_container_wrapper > .mCSB_container{
		padding-right: 30px;
		padding-bottom: 30px;
	}

	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }

	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; }

	/* non-visible horizontal scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; }

	/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; }

	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; }

	/* non-visible scrollbar/RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; }

	.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}

	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{
		padding-right: 0;
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}

	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{
		padding-bottom: 0;
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}

	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{
		margin-right: 0; /* non-visible scrollbar */
		margin-left: 0;
	}

	/* non-visible horizontal scrollbar */
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; }



/*
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_scrollTools,
	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	}

	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
		-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s,
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out;
		-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s,
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out;
		-o-transition: width .2s ease-out .2s, height .2s ease-out .2s,
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out;
		transition: width .2s ease-out .2s, height .2s ease-out .2s,
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out;
	}



/*
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
------------------------------------------------------------------------------------------------------------------------
*/

	/*
	----------------------------------------
	6.1 THEMES
	----------------------------------------
	*/

	/* default theme ("light") */

	.mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

	.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }

	.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollBox:hover > .mCSB_scrollTools,
	.mCustomScrollBox:hover ~ .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }

	.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.4);
		filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)";
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)";
	}

	.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.85);
		filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)";
	}
	.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.9);
		filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)";
	}

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		/*background-image: url(mCSB_buttons.png); !* css sprites *!*/
		background-repeat: no-repeat;
		opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)";
	}

	.mCSB_scrollTools .mCSB_buttonUp{
		background-position: 0 0;
		/*
		sprites locations
		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonDown{
		background-position: 0 -20px;
		/*
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonLeft{
		background-position: 0 -40px;
		/*
		sprites locations
		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonRight{
		background-position: 0 -56px;
		/*
		sprites locations
		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonUp:hover,
	.mCSB_scrollTools .mCSB_buttonDown:hover,
	.mCSB_scrollTools .mCSB_buttonLeft:hover,
	.mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

	.mCSB_scrollTools .mCSB_buttonUp:active,
	.mCSB_scrollTools .mCSB_buttonDown:active,
	.mCSB_scrollTools .mCSB_buttonLeft:active,
	.mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }


	/* theme: "dark" */

	.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }

	/* ---------------------------------------- */



	/* theme: "light-2", "dark-2" */

	.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{	background-position: -32px -20px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -40px -40px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; }


	/* theme: "dark-2" */

	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -56px; }

	/* ---------------------------------------- */



	/* theme: "light-thick", "dark-thick" */

	.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 6px;
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 4px;
		margin: 6px 0;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 6px;
		margin: 5px auto;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{	background-position: -16px -20px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -20px -40px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; }


	/* theme: "dark-thick" */

	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -100px -56px; }

	/* ---------------------------------------- */



	/* theme: "light-thin", "dark-thin" */

	.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); }

	.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 2px;
		margin: 7px auto;
	}


	/* theme "dark-thin" */

	.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{	background-position: -80px 0; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }

	/* ---------------------------------------- */



	/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */

	.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); }

	.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; }

	.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 14px;
		margin: 0 1px;
	}

	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; }

	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 14px;
		margin: 1px 0;
	}

	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		width: 16px; /* auto-expanded scrollbar */
		height: 16px;
		margin: -1px 0;
	}

	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ }

	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 16px; /* auto-expanded scrollbar */
		width: 16px;
		margin: 0 -1px;
	}

	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 4px; /* auto-expanded scrollbar */
		margin: 6px 0;
	}

	.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; }

	.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; }

	.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; }

	.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; }


	/* theme "rounded-dark", "rounded-dots-dark" */

	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; }

	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; }

	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; }

	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; }


	/* theme "rounded-dots", "rounded-dots-dark" */

	.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
	.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; }

	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		background-color: transparent;
		background-position: center;
	}

	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
		background-repeat: repeat-y;
		opacity: 0.3;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)";
	}

	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		height: 4px;
		margin: 6px 0;
		background-repeat: repeat-x;
	}

	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; }

	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; }

	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; }

	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; }


	/* theme "rounded-dots-dark" */

	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
	}

	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; }

	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; }

	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; }

	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; }

	/* ---------------------------------------- */



	/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */

	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-y;
		background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-x;
		background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}


	/* theme "3d", "3d-dark" */

	.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
	.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; }

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; }

	.mCS-3d.mCSB_scrollTools,
	.mCS-3d-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)";
	}

	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }

	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 8px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);
	}

	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }

	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; }

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 8px;
		margin: 4px 0;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);
	}

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 8px;
		margin: 4px auto;
	}

	.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }

	.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

	.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

	.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }


	/* theme "3d-dark" */

	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
	}

	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }

	/* ---------------------------------------- */



	/* theme: "3d-thick", "3d-thick-dark" */

	.mCS-3d-thick.mCSB_scrollTools,
	.mCS-3d-thick-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)";
	}

	.mCS-3d-thick.mCSB_scrollTools,
	.mCS-3d-thick-dark.mCSB_scrollTools,
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

	.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
	.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; }

	.mCS-3d-thick.mCSB_scrollTools_vertical,
	.mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); }

	.mCS-3d-thick.mCSB_scrollTools_horizontal,
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{
		bottom: 1px;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
	}

	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
		width: 12px;
		margin: 2px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}

	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }

	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 12px;
		width: auto;
	}

	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #000; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}

	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -40px -128px; }


	/* theme: "3d-thick-dark" */

	.mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); }

	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); }

	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #fff; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }

	/* ---------------------------------------- */



	/* theme: "minimal", "minimal-dark" */

	.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
	.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		right: 0;
		margin: 12px 0;
	}

	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{
		bottom: 0;
		margin: 0 12px;
	}

	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		left: 0;
		right: auto;
	}

	.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }

	.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
	.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; }

	.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
	.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; }

	.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)";
	}

	.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)";
	}


	/* theme: "minimal-dark" */

	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)";
	}

	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)";
	}

	/* ---------------------------------------- */



	/* theme "light-3", "dark-3" */

	.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{
		width: 6px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; }

	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 6px;
		margin: 5px 0;
	}

	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		width: 12px;
	}

	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 12px;
		margin: 2px 0;
	}

	.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }

	.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

	.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

	.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }


	/* theme "dark-3" */

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }

	/* ---------------------------------------- */



	/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */

	.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 12px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 6px;
		margin: 3px 5px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}

	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 6px;
		margin: 5px 3px;
		position: absolute;
		width: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}

	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 12px;
		margin: 2px 0;
	}

	.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }

	.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

	.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

	.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }


	/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }


	/* theme "inset-2", "inset-2-dark" */

	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: transparent;
		border-width: 1px;
		border-style: solid;
		border-color: #fff;
		border-color: rgba(255,255,255,0.2);
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}

	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); }


	/* theme "inset-3", "inset-3-dark" */

	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); }

	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); }

	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); }

	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	/* ---------------------------------------- */

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-modal-dialog,.vjs-button>.vjs-icon-placeholder:before,.vjs-modal-dialog .vjs-modal-dialog-content{position:absolute;top:0;left:0;width:100%;height:100%}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.vjs-button>.vjs-icon-placeholder:before{text-align:center}@font-face{font-family:VideoJS;src:url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABBIAAsAAAAAGoQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3RY21hcAAAAYQAAADQAAADIjn098ZnbHlmAAACVAAACv4AABEIAwnSw2hlYWQAAA1UAAAAKwAAADYV1OgpaGhlYQAADYAAAAAbAAAAJA4DByFobXR4AAANnAAAAA8AAACE4AAAAGxvY2EAAA2sAAAARAAAAEQ9NEHGbWF4cAAADfAAAAAfAAAAIAEyAIFuYW1lAAAOEAAAASUAAAIK1cf1oHBvc3QAAA84AAABDwAAAZ5AAl/0eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGQ7xTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGBHcRdyA4RZgQRAC4HCwEAAHic7dFprsIgAEXhg8U61XmeWcBb1FuQP4w7ZQXK5boMm3yclFDSANAHmuKviBBeBPQ8ymyo8w3jOh/5r2ui5nN6v8sYNJb3WMdeWRvLji0DhozKdxM6psyYs2DJijUbtuzYc+DIiTMXrty4k8oGLb+n0xCe37ekM7Z66j1DbUy3l6PpHnLfdLO5NdSBoQ4NdWSoY9ON54mhdqa/y1NDnRnq3FAXhro01JWhrg11Y6hbQ90Z6t5QD4Z6NNSToZ4N9WKoV0O9GerdUJORPqkhTd54nJ1YDXBU1RV+576/JBs2bPYPkrDZt5vsJrv53V/I5mclhGDCTwgGBQQSTEji4hCkYIAGd4TGIWFAhV0RQTpWmQp1xv6hA4OTOlNr2zFANbHUYbq2OtNCpViRqsk+e+7bTQAhzti8vPfuPffcc88959zznbcMMPjHD/KDDGEY0ABpYX384NhlomIYlo4JISGEY9mMh2FSidYiqkEUphtNYDSY/dXg9023l4DdxlqUl0chuZRhncJKrsCQHIwcGuwfnhMIzBnuH4Sym+1D2zaGjheXlhYfD238z80mKYMmvJ5XeOTzd8z9eujbMxJNhu4C9xPE/bCMiDuSNIWgkTQwBE55hLSAE7ZwhrHLnAHZOGV/kmBGTiNjZxzI77Hb7Hqjz68TjT6vh+5JT/cCIkqS0D6CqPf5jX4Qjdx5j6vlDfZM4aZFdbVXIxtOlJaP/WottMnH6CJQ3bTiue3PrY23HjnChtuamxwvvzFjxkPrNj3z0tG9T561HDYf6OgmRWvlY3JQHoQb8ltV2Yet7YfWctEjR1AtxS/cSX6U4alf6NJEBQ7YKg9wrXQKd0IeZCb2ux75Uhh1Un+Nz+9LTOE7PK777nN5xqdTneTBhCbx446mZrhnUkrCz2YhA9dSMxaG0SYmT8hi9ZPu1E94PJYQSH6LRmhxec7Q7ZeXntgQuVpbh+a4qWNsckVyTdn0P7o7DpgPW84+uRcq0BITflBikGdUjAZ9wYBVI3mtrNvr9kpg1UsaK6t3690aoorC1lg0GpMH2HAMtkZjsSi5Ig9ESVosOh7GQfLjKNLvKpMKkLSKNFAka710GdgSi8oDMSoNhqjkKBXTgn3swtaxyzGkUzIzae9RtLdWkSlZ1KDX6EzgllzV4NV4SoDFSOGD4+HCeQUF8wrZ5Hs8zIb5EaVxy8DYFTbMCJPnLIWZxugZE2NlivC0gc1qEQUR8jEKgZcAXeH18BiCgl5nlHh0CrjB4Hb5fX4gb0J7c9PuHVsfgkx2n/vTY/JV8kn8PGxf7faOZ8qX8JVByuIf4whk9sqXli2hvPJV9hrp0hY7l8r2x37ydaVsb4xvXv/47v2NjfCl8m5oRDJclFMoE1yk0Uh1Te4/m8lFXe9qBZD0EkheicebXvzI2PLCuoKCukLuhPIeKwaHPEouxw3kMqaIUXDQ1p0mip+MyCORSCQaoUsnY1VZ38nUTrG21WvVo4f1OsEJFhvSfAFwGfT8VHRMeAVUpwLOoLzjT/REIj3O3FhuURE+nERF+0pTId5Fyxv5sfwGyg4O+my4vZv0sZm7oeQlFZORiB+tG0MweVNraeitl7yxiPIHTk4/diVxs94o5lEYishB2iAtkchEnsActoEpx44Fo8XnsQMaA22BlqC20RmhBKzYojZyYaxg+JggMc4HHY2m+L9EkWSYljirOisrO7d3VorxzyZ6Vc4lJqITAu1b2wOBdrLElAP+bFc2eGaZFVbkmJktv5uT6Jlz5D/MnBFor6ig/JPnRViBsV3LNKGGqB1ChJ0tgQywlVLFJIuQgTFttwkiKxhyQdAZMdMYtSaoAewqfvXVYPAbDT6/1mez85YS8FSDywQ6NfAnef6FNEGMilnppyvn5rB6tTyq1pOceRWnp2WJEZFXHeX5oyoem1nTTgdqc4heDY7bOeKz63vnz+/dRx+s31Ht2JGanQ5seirfWJL9tjozU/12TnEjn5oux9OzU3ckGbBzBwNOyk69JykKH0n/0LM9A72tuwM3zQpIRu4AxiToseEpgPOmbROyFe9/X2yeUvoUsCyEvjcgs7fpWP3/aKlFN0+6HFUe6D9HFz/XPwBlN9tTqNyZjFJ8UO2RUT5/h4CptCctEyeisnOyXjALEp7dXKaQKf6O7IMnGjNNACRMLxqdYJX8eMLvmmd68D+ayBLyKKYZwYxDt/GNhzETDJ05Qxlyi3pi3/Z93ndYVSumgj0V/KkIFlO6+1K3fF2+3g0q+YtuSIf0bvmLqV09nnobI6hwcjIP8aPCKayjsF5JBY3LaKAeRLSyYB1h81oTwe9SlPMkXB7G0mfL9q71gaqqwPqu67QRKS1+ObTx+sbQy9QV2OQHEScGkdFBeT7v7qisqqrs6N52i78/R+6S0qQONVj26agOVoswCyQWIV5D86vH53bxNUeXV0K+XZaHv/nm/KsHhOvylwsWnJX/HE8l/4WCv5x+l5n08z6UU8bUMa3MBpSmM7F63AxntdC9eBCKEZW9Hr+ABNqtxgAQrSbMtmrW7lKQuoSgBhSrTazWVU2QAKWY8wiiuhqFmQgWJBgoXiuWIm42N7hqZbBsgXz52O5P5uSvaNgFGnOuvsRw8I8Laha91wMvDuxqWFheN7/8GVtTltdS83DQsXRmqc5ZtcJXEVrlV2doTWk5+Yunm71dG5f55m/qY0MjI93vv9/NfpxXV9sUXrxy2fbNy1or65cOlDRnOoKFeeXcbw42H/bNDT5Qs3flgs31gWC1lD1nfUV/X7NdCnSUdHY2e8afzfKsqZ5ZljfDqjLOmk3UebNXB+aHArPYDRs+/HDDxeT5DiP+sFg7OpRaVQMGBV89PpeBdj22hCE0Uub0UqwLrNWsG0cuyadgLXTeR5rbO4+3c/vl15cur2nRq+TXCQDcS3SO+s6ak+e5/eMS+1dw3btu3YG2tvFL8XdIZvdjdW6TO/4B7IdrZWVPmctm5/59AgsPItTSbCiIBr2OqIGzmu20SMKAS7yqwGBUfGfgjDYlLLDeF0SfcLB2LSx8flT+08/kzz6yOj96rft4rpTjdPQcmLd47uKibbDq7ZSz/XtbH2nN717Nd62rU+c8Icevvv7I09wA6WvjVcafb+FsbNG+ZQ80Rn6ZZsvrP7teP2dzTdoETvNhjCmsr8FID2sJ69VYvdUcxk4AzYRlKcaE38eXNRlfW9H1as9i6acLHp1XpuNB5K7DIvkX08y1ZYvh3KfWaiCzH+ztrSDmD7LuX73x/mJelB8Yj39t8nhNQJJ2CAthpoFGLsGgtSOCJooCGoaJAMTjSWHVZ08YAa1Fg9lPI5U6DOsGVjDasJeZZ+YyhfCwfOzCxlBA69M9XLXtza7H/rav+9Tjq5xNi0wpKQIRNO4Lrzz7yp5QVYM6Jd/oc1Uvn/mQhhuWh6ENXoS2YTZ8QT42bF5d/559zp5r0Uff2VnR2tdf2/WCOd2cO0Mw6qpWPnvxpV0nrt5fZd2yItc199GWe8vlNfNDq+CH/7yAAnB9hn7T4QO4c1g9ScxsZgmzntnE/IDGndtHMw69lFwoCnYsMGx+rBp8JSBqdLzBr9QRPq/PbhWMWFtQZp1xguy/haw3TEHm3TWAnxFWQQWgt7M5OV0lCz1VRYucpWliy7z6Zd4urwPIyeZQqli2Lgg7szJV09PysATbOQtYIrB2YzbkJYkGgJ0m4AjPUap1pvYu1K9qr97z0Yl3p332b2LYB78ncYIlRkau/8GObSsOlZancACE5d5ily+c2+7h5Yj4lqhVmXXB+iXLfvdqSgqfKtQvfHDV0OnvQR1qhw42XS/vkvsh/hXcrDFP0a+SJNIomEfD1nsrYGO+1bgTOJhM8Hv6ek+7vVglxuSRwoKn17S937bm6YJCeSSG0Op1n+7tE37tcZ/p7dsTv4EUrGpDbWueKigsLHhqTVsoEj+JU0kaSjnj9tz8/gryQWwJ9BcJXBC/7smO+I/IFURJetFPrdt5WcoL6DbEJaygI8CTHfQTjf40ofD+DwalTqIAAHicY2BkYGAA4gDud4bx/DZfGbjZGUDg+q1z05BpdkawOAcDE4gCAB45CXEAeJxjYGRgYGcAARD5/z87IwMjAypQBAAtgwI4AHicY2BgYGAfYAwAOkQA4QAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhHicY2BkYGBQZChlYGcAASYg5gJCBob/YD4DABfTAbQAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2PyXLCMBBE3YCNDWEL2ffk7o8S8oCnkCVHC5C/jzBQlUP6IHVPzYyekl5y0iL5X5/ooY8BUmQYIkeBEca4wgRTzDDHAtdY4ga3uMM9HvCIJzzjBa94wzs+8ImvZNAq8TM+HqVkKxWlrQiOxjujQkNlEzyNzl6Z/cU2XF06at7U83VQyklLpEvSnuzsb+HAPnPfQVgaupa1Jlu4sPLsFblcitaz0dHU0ZF1qatjZ1+aTXYCmp6u0gSvWNPyHLtFZ+ZeXWVSaEkqs3T8S74WklbGbNNNq4LL4+CWKtZDv2cfX8l8aFbKFhEnJnJ+IULFpqwoQnNHlHaVQtPBl+ypmbSWdmyC61KS/AKZC3Y+AA==) format("woff");font-weight:400;font-style:normal}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-play-control .vjs-icon-placeholder,.vjs-icon-play{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-play-control .vjs-icon-placeholder:before,.vjs-icon-play:before{content:"\f101"}.vjs-icon-play-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-play-circle:before{content:"\f102"}.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder,.vjs-icon-pause{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before,.vjs-icon-pause:before{content:"\f103"}.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder,.vjs-icon-volume-mute{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before,.vjs-icon-volume-mute:before{content:"\f104"}.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder,.vjs-icon-volume-low{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before,.vjs-icon-volume-low:before{content:"\f105"}.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder,.vjs-icon-volume-mid{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before,.vjs-icon-volume-mid:before{content:"\f106"}.video-js .vjs-mute-control .vjs-icon-placeholder,.vjs-icon-volume-high{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control .vjs-icon-placeholder:before,.vjs-icon-volume-high:before{content:"\f107"}.video-js .vjs-fullscreen-control .vjs-icon-placeholder,.vjs-icon-fullscreen-enter{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before,.vjs-icon-fullscreen-enter:before{content:"\f108"}.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder,.vjs-icon-fullscreen-exit{font-family:VideoJS;font-weight:400;font-style:normal}.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before,.vjs-icon-fullscreen-exit:before{content:"\f109"}.vjs-icon-square{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-square:before{content:"\f10a"}.vjs-icon-spinner{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-spinner:before{content:"\f10b"}.video-js .vjs-subs-caps-button .vjs-icon-placeholder,.video-js .vjs-subtitles-button .vjs-icon-placeholder,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,.vjs-icon-subtitles{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js .vjs-subtitles-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before,.vjs-icon-subtitles:before{content:"\f10c"}.video-js .vjs-captions-button .vjs-icon-placeholder,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,.vjs-icon-captions{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-captions-button .vjs-icon-placeholder:before,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,.vjs-icon-captions:before{content:"\f10d"}.video-js .vjs-chapters-button .vjs-icon-placeholder,.vjs-icon-chapters{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-chapters-button .vjs-icon-placeholder:before,.vjs-icon-chapters:before{content:"\f10e"}.vjs-icon-share{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-share:before{content:"\f10f"}.vjs-icon-cog{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-cog:before{content:"\f110"}.video-js .vjs-play-progress,.video-js .vjs-volume-level,.vjs-icon-circle,.vjs-seek-to-live-control .vjs-icon-placeholder{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-play-progress:before,.video-js .vjs-volume-level:before,.vjs-icon-circle:before,.vjs-seek-to-live-control .vjs-icon-placeholder:before{content:"\f111"}.vjs-icon-circle-outline{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-outline:before{content:"\f112"}.vjs-icon-circle-inner-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-inner-circle:before{content:"\f113"}.vjs-icon-hd{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-hd:before{content:"\f114"}.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder,.vjs-icon-cancel{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before,.vjs-icon-cancel:before{content:"\f115"}.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder,.vjs-icon-replay{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before,.vjs-icon-replay:before{content:"\f116"}.vjs-icon-facebook{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-facebook:before{content:"\f117"}.vjs-icon-gplus{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-gplus:before{content:"\f118"}.vjs-icon-linkedin{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-linkedin:before{content:"\f119"}.vjs-icon-twitter{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-twitter:before{content:"\f11a"}.vjs-icon-tumblr{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-tumblr:before{content:"\f11b"}.vjs-icon-pinterest{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-pinterest:before{content:"\f11c"}.video-js .vjs-descriptions-button .vjs-icon-placeholder,.vjs-icon-audio-description{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-descriptions-button .vjs-icon-placeholder:before,.vjs-icon-audio-description:before{content:"\f11d"}.video-js .vjs-audio-button .vjs-icon-placeholder,.vjs-icon-audio{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-audio-button .vjs-icon-placeholder:before,.vjs-icon-audio:before{content:"\f11e"}.vjs-icon-next-item{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-next-item:before{content:"\f11f"}.vjs-icon-previous-item{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-previous-item:before{content:"\f120"}.video-js{display:block;vertical-align:top;box-sizing:border-box;color:#fff;background-color:#000;position:relative;padding:0;font-size:10px;line-height:1;font-weight:400;font-style:normal;font-family:Arial,Helvetica,sans-serif;word-break:initial}.video-js:-moz-full-screen{position:absolute}.video-js:-webkit-full-screen{width:100%!important;height:100%!important}.video-js[tabindex="-1"]{outline:0}.video-js *,.video-js :after,.video-js :before{box-sizing:inherit}.video-js ul{font-family:inherit;font-size:inherit;line-height:inherit;list-style-position:outside;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.video-js.vjs-16-9,.video-js.vjs-4-3,.video-js.vjs-fluid{width:100%;max-width:100%;height:0}.video-js.vjs-16-9{padding-top:56.25%}.video-js.vjs-4-3{padding-top:75%}.video-js.vjs-fill{width:100%;height:100%}.video-js .vjs-tech{position:absolute;top:0;left:0;width:100%;height:100%}body.vjs-full-window{padding:0;margin:0;height:100%}.vjs-full-window .video-js.vjs-fullscreen{position:fixed;overflow:hidden;z-index:1000;left:0;top:0;bottom:0;right:0}.video-js.vjs-fullscreen{width:100%!important;height:100%!important;padding-top:0!important}.video-js.vjs-fullscreen.vjs-user-inactive{cursor:none}.vjs-hidden{display:none!important}.vjs-disabled{opacity:.5;cursor:default}.video-js .vjs-offscreen{height:1px;left:-9999px;position:absolute;top:0;width:1px}.vjs-lock-showing{display:block!important;opacity:1;visibility:visible}.vjs-no-js{padding:20px;color:#fff;background-color:#000;font-size:18px;font-family:Arial,Helvetica,sans-serif;text-align:center;width:300px;height:150px;margin:0 auto}.vjs-no-js a,.vjs-no-js a:visited{color:#66a8cc}.video-js .vjs-big-play-button{font-size:3em;line-height:1.5em;height:1.5em;width:3em;display:block;position:absolute;top:10px;left:10px;padding:0;cursor:pointer;opacity:1;border:.06666em solid #fff;background-color:#2b333f;background-color:rgba(43,51,63,.7);border-radius:.3em;transition:all .4s}.vjs-big-play-centered .vjs-big-play-button{top:50%;left:50%;margin-top:-.75em;margin-left:-1.5em}.video-js .vjs-big-play-button:focus,.video-js:hover .vjs-big-play-button{border-color:#fff;background-color:#73859f;background-color:rgba(115,133,159,.5);transition:all 0s}.vjs-controls-disabled .vjs-big-play-button,.vjs-error .vjs-big-play-button,.vjs-has-started .vjs-big-play-button,.vjs-using-native-controls .vjs-big-play-button{display:none}.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button{display:block}.video-js button{background:0 0;border:none;color:inherit;display:inline-block;font-size:inherit;line-height:inherit;text-transform:none;text-decoration:none;transition:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vjs-control .vjs-button{width:100%;height:100%}.video-js .vjs-control.vjs-close-button{cursor:pointer;height:3em;position:absolute;right:0;top:.5em;z-index:2}.video-js .vjs-modal-dialog{background:rgba(0,0,0,.8);background:linear-gradient(180deg,rgba(0,0,0,.8),rgba(255,255,255,0));overflow:auto}.video-js .vjs-modal-dialog>*{box-sizing:border-box}.vjs-modal-dialog .vjs-modal-dialog-content{font-size:1.2em;line-height:1.5;padding:20px 24px;z-index:1}.vjs-menu-button{cursor:pointer}.vjs-menu-button.vjs-disabled{cursor:default}.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu{display:none}.vjs-menu .vjs-menu-content{display:block;padding:0;margin:0;font-family:Arial,Helvetica,sans-serif;overflow:auto}.vjs-menu .vjs-menu-content>*{box-sizing:border-box}.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu{display:none}.vjs-menu li{list-style:none;margin:0;padding:.2em 0;line-height:1.4em;font-size:1.2em;text-align:center;text-transform:lowercase}.js-focus-visible .vjs-menu li.vjs-menu-item:hover,.vjs-menu li.vjs-menu-item:focus,.vjs-menu li.vjs-menu-item:hover{background-color:#73859f;background-color:rgba(115,133,159,.5)}.js-focus-visible .vjs-menu li.vjs-selected:hover,.vjs-menu li.vjs-selected,.vjs-menu li.vjs-selected:focus,.vjs-menu li.vjs-selected:hover{background-color:#fff;color:#2b333f}.vjs-menu li.vjs-menu-title{text-align:center;text-transform:uppercase;font-size:1em;line-height:2em;padding:0;margin:0 0 .3em 0;font-weight:700;cursor:default}.vjs-menu-button-popup .vjs-menu{display:none;position:absolute;bottom:0;width:10em;left:-3em;height:0;margin-bottom:1.5em;border-top-color:rgba(43,51,63,.7)}.vjs-menu-button-popup .vjs-menu .vjs-menu-content{background-color:#2b333f;background-color:rgba(43,51,63,.7);position:absolute;width:100%;bottom:1.5em;max-height:15em}.vjs-menu-button-popup .vjs-menu.vjs-lock-showing,.vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu{display:block}.video-js .vjs-menu-button-inline{transition:all .4s;overflow:hidden}.video-js .vjs-menu-button-inline:before{width:2.222222222em}.video-js .vjs-menu-button-inline.vjs-slider-active,.video-js .vjs-menu-button-inline:focus,.video-js .vjs-menu-button-inline:hover,.video-js.vjs-no-flex .vjs-menu-button-inline{width:12em}.vjs-menu-button-inline .vjs-menu{opacity:0;height:100%;width:auto;position:absolute;left:4em;top:0;padding:0;margin:0;transition:all .4s}.vjs-menu-button-inline.vjs-slider-active .vjs-menu,.vjs-menu-button-inline:focus .vjs-menu,.vjs-menu-button-inline:hover .vjs-menu{display:block;opacity:1}.vjs-no-flex .vjs-menu-button-inline .vjs-menu{display:block;opacity:1;position:relative;width:auto}.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu{width:auto}.vjs-menu-button-inline .vjs-menu-content{width:auto;height:100%;margin:0;overflow:hidden}.video-js .vjs-control-bar{display:none;width:100%;position:absolute;bottom:0;left:0;right:0;height:3em;background-color:#2b333f;background-color:rgba(43,51,63,.7)}.vjs-has-started .vjs-control-bar{display:flex;visibility:visible;opacity:1;transition:visibility .1s,opacity .1s}.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{visibility:visible;opacity:0;transition:visibility 1s,opacity 1s}.vjs-controls-disabled .vjs-control-bar,.vjs-error .vjs-control-bar,.vjs-using-native-controls .vjs-control-bar{display:none!important}.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{opacity:1;visibility:visible}.vjs-has-started.vjs-no-flex .vjs-control-bar{display:table}.video-js .vjs-control{position:relative;text-align:center;margin:0;padding:0;height:100%;width:4em;flex:none}.vjs-button>.vjs-icon-placeholder:before{font-size:1.8em;line-height:1.67}.video-js .vjs-control:focus,.video-js .vjs-control:focus:before,.video-js .vjs-control:hover:before{text-shadow:0 0 1em #fff}.video-js .vjs-control-text{border:0;clip:rect(0 0 0 0);height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.vjs-no-flex .vjs-control{display:table-cell;vertical-align:middle}.video-js .vjs-custom-control-spacer{display:none}.video-js .vjs-progress-control{cursor:pointer;flex:auto;display:flex;align-items:center;min-width:4em;touch-action:none}.video-js .vjs-progress-control.disabled{cursor:default}.vjs-live .vjs-progress-control{display:none}.vjs-liveui .vjs-progress-control{display:flex;align-items:center}.vjs-no-flex .vjs-progress-control{width:auto}.video-js .vjs-progress-holder{flex:auto;transition:all .2s;height:.3em}.video-js .vjs-progress-control .vjs-progress-holder{margin:0 10px}.video-js .vjs-progress-control:hover .vjs-progress-holder{font-size:1.666666666666666666em}.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled{font-size:1em}.video-js .vjs-progress-holder .vjs-load-progress,.video-js .vjs-progress-holder .vjs-load-progress div,.video-js .vjs-progress-holder .vjs-play-progress{position:absolute;display:block;height:100%;margin:0;padding:0;width:0}.video-js .vjs-play-progress{background-color:#fff}.video-js .vjs-play-progress:before{font-size:.9em;position:absolute;right:-.5em;top:-.333333333333333em;z-index:1}.video-js .vjs-load-progress{background:rgba(115,133,159,.5)}.video-js .vjs-load-progress div{background:rgba(115,133,159,.75)}.video-js .vjs-time-tooltip{background-color:#fff;background-color:rgba(255,255,255,.8);border-radius:.3em;color:#000;float:right;font-family:Arial,Helvetica,sans-serif;font-size:1em;padding:6px 8px 8px 8px;pointer-events:none;position:absolute;top:-3.4em;visibility:hidden;z-index:1}.video-js .vjs-progress-holder:focus .vjs-time-tooltip{display:none}.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip,.video-js .vjs-progress-control:hover .vjs-time-tooltip{display:block;font-size:.6em;visibility:visible}.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip{font-size:1em}.video-js .vjs-progress-control .vjs-mouse-display{display:none;position:absolute;width:1px;height:100%;background-color:#000;z-index:1}.vjs-no-flex .vjs-progress-control .vjs-mouse-display{z-index:0}.video-js .vjs-progress-control:hover .vjs-mouse-display{display:block}.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display{visibility:hidden;opacity:0;transition:visibility 1s,opacity 1s}.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display{display:none}.vjs-mouse-display .vjs-time-tooltip{color:#fff;background-color:#000;background-color:rgba(0,0,0,.8)}.video-js .vjs-slider{position:relative;cursor:pointer;padding:0;margin:0 .45em 0 .45em;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#73859f;background-color:rgba(115,133,159,.5)}.video-js .vjs-slider.disabled{cursor:default}.video-js .vjs-slider:focus{text-shadow:0 0 1em #fff;box-shadow:0 0 1em #fff}.video-js .vjs-mute-control{cursor:pointer;flex:none}.video-js .vjs-volume-control{cursor:pointer;margin-right:1em;display:flex}.video-js .vjs-volume-control.vjs-volume-horizontal{width:5em}.video-js .vjs-volume-panel .vjs-volume-control{visibility:visible;opacity:0;width:1px;height:1px;margin-left:-1px}.video-js .vjs-volume-panel{transition:width 1s}.video-js .vjs-volume-panel .vjs-mute-control:hover~.vjs-volume-control,.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active,.video-js .vjs-volume-panel .vjs-volume-control:active,.video-js .vjs-volume-panel .vjs-volume-control:hover,.video-js .vjs-volume-panel:active .vjs-volume-control,.video-js .vjs-volume-panel:focus .vjs-volume-control,.video-js .vjs-volume-panel:hover .vjs-volume-control{visibility:visible;opacity:1;position:relative;transition:visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s}.video-js .vjs-volume-panel .vjs-mute-control:hover~.vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-horizontal,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal{width:5em;height:3em}.video-js .vjs-volume-panel .vjs-mute-control:hover~.vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,.video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-vertical,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-vertical{left:-3.5em}.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:hover{width:9em;transition:width .1s}.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only{width:4em}.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical{height:8em;width:3em;left:-3000em;transition:visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s}.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal{transition:visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s}.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal{width:5em;height:3em;visibility:visible;opacity:1;position:relative;transition:none}.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical{position:absolute;bottom:3em;left:.5em}.video-js .vjs-volume-panel{display:flex}.video-js .vjs-volume-bar{margin:1.35em .45em}.vjs-volume-bar.vjs-slider-horizontal{width:5em;height:.3em}.vjs-volume-bar.vjs-slider-vertical{width:.3em;height:5em;margin:1.35em auto}.video-js .vjs-volume-level{position:absolute;bottom:0;left:0;background-color:#fff}.video-js .vjs-volume-level:before{position:absolute;font-size:.9em}.vjs-slider-vertical .vjs-volume-level{width:.3em}.vjs-slider-vertical .vjs-volume-level:before{top:-.5em;left:-.3em}.vjs-slider-horizontal .vjs-volume-level{height:.3em}.vjs-slider-horizontal .vjs-volume-level:before{top:-.3em;right:-.5em}.video-js .vjs-volume-panel.vjs-volume-panel-vertical{width:4em}.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level{height:100%}.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level{width:100%}.video-js .vjs-volume-vertical{width:3em;height:8em;bottom:8em;background-color:#2b333f;background-color:rgba(43,51,63,.7)}.video-js .vjs-volume-horizontal .vjs-menu{left:-2em}.vjs-poster{display:inline-block;vertical-align:middle;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;background-color:#000;cursor:pointer;margin:0;padding:0;position:absolute;top:0;right:0;bottom:0;left:0;height:100%}.vjs-has-started .vjs-poster{display:none}.vjs-audio.vjs-has-started .vjs-poster{display:block}.vjs-using-native-controls .vjs-poster{display:none}.video-js .vjs-live-control{display:flex;align-items:flex-start;flex:auto;font-size:1em;line-height:3em}.vjs-no-flex .vjs-live-control{display:table-cell;width:auto;text-align:left}.video-js.vjs-liveui .vjs-live-control,.video-js:not(.vjs-live) .vjs-live-control{display:none}.video-js .vjs-seek-to-live-control{cursor:pointer;flex:none;display:inline-flex;height:100%;padding-left:.5em;padding-right:.5em;font-size:1em;line-height:3em;width:auto;min-width:4em}.vjs-no-flex .vjs-seek-to-live-control{display:table-cell;width:auto;text-align:left}.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,.video-js:not(.vjs-live) .vjs-seek-to-live-control{display:none}.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{cursor:auto}.vjs-seek-to-live-control .vjs-icon-placeholder{margin-right:.5em;color:#888}.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder{color:red}.video-js .vjs-time-control{flex:none;font-size:1em;line-height:3em;min-width:2em;width:auto;padding-left:1em;padding-right:1em}.vjs-live .vjs-time-control{display:none}.video-js .vjs-current-time,.vjs-no-flex .vjs-current-time{display:none}.video-js .vjs-duration,.vjs-no-flex .vjs-duration{display:none}.vjs-time-divider{display:none;line-height:3em}.vjs-live .vjs-time-divider{display:none}.video-js .vjs-play-control{cursor:pointer}.video-js .vjs-play-control .vjs-icon-placeholder{flex:none}.vjs-text-track-display{position:absolute;bottom:3em;left:0;right:0;top:0;pointer-events:none}.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display{bottom:1em}.video-js .vjs-text-track{font-size:1.4em;text-align:center;margin-bottom:.1em}.vjs-subtitles{color:#fff}.vjs-captions{color:#fc6}.vjs-tt-cue{display:block}video::-webkit-media-text-track-display{-webkit-transform:translateY(-3em);transform:translateY(-3em)}.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display{-webkit-transform:translateY(-1.5em);transform:translateY(-1.5em)}.video-js .vjs-fullscreen-control{cursor:pointer;flex:none}.vjs-playback-rate .vjs-playback-rate-value,.vjs-playback-rate>.vjs-menu-button{position:absolute;top:0;left:0;width:100%;height:100%}.vjs-playback-rate .vjs-playback-rate-value{pointer-events:none;font-size:1.5em;line-height:2;text-align:center}.vjs-playback-rate .vjs-menu{width:4em;left:0}.vjs-error .vjs-error-display .vjs-modal-dialog-content{font-size:1.4em;text-align:center}.vjs-error .vjs-error-display:before{color:#fff;content:'X';font-family:Arial,Helvetica,sans-serif;font-size:4em;left:0;line-height:1;margin-top:-.5em;position:absolute;text-shadow:.05em .05em .1em #000;text-align:center;top:50%;vertical-align:middle;width:100%}.vjs-loading-spinner{display:none;position:absolute;top:50%;left:50%;margin:-25px 0 0 -25px;opacity:.85;text-align:left;border:6px solid rgba(43,51,63,.7);box-sizing:border-box;background-clip:padding-box;width:50px;height:50px;border-radius:25px;visibility:hidden}.vjs-seeking .vjs-loading-spinner,.vjs-waiting .vjs-loading-spinner{display:block;-webkit-animation:0s linear .3s forwards vjs-spinner-show;animation:0s linear .3s forwards vjs-spinner-show}.vjs-loading-spinner:after,.vjs-loading-spinner:before{content:"";position:absolute;margin:-6px;box-sizing:inherit;width:inherit;height:inherit;border-radius:inherit;opacity:1;border:inherit;border-color:transparent;border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:after,.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:before{-webkit-animation:vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite;animation:vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite}.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:before{border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:after{border-top-color:#fff;-webkit-animation-delay:.44s;animation-delay:.44s}@keyframes vjs-spinner-show{to{visibility:visible}}@-webkit-keyframes vjs-spinner-show{to{visibility:visible}}@keyframes vjs-spinner-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes vjs-spinner-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}100%{border-top-color:#73859f}}@-webkit-keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}100%{border-top-color:#73859f}}.vjs-chapters-button .vjs-menu ul{width:24em}.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder{vertical-align:middle;display:inline-block;margin-bottom:-.1em}.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before{font-family:VideoJS;content:"\f10d";font-size:1.5em;line-height:inherit}.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder{vertical-align:middle;display:inline-block;margin-bottom:-.1em}.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before{font-family:VideoJS;content:" \f11d";font-size:1.5em;line-height:inherit}.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer{flex:auto;display:block}.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer{width:auto}.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-audio-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-descriptions-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subs-caps-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-panel{display:none}.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-audio-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-descriptions-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subs-caps-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-panel{display:none}.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-audio-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-descriptions-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-panel{display:none}.vjs-modal-dialog.vjs-text-track-settings{background-color:#2b333f;background-color:rgba(43,51,63,.75);color:#fff;height:70%}.vjs-text-track-settings .vjs-modal-dialog-content{display:table}.vjs-text-track-settings .vjs-track-settings-colors,.vjs-text-track-settings .vjs-track-settings-controls,.vjs-text-track-settings .vjs-track-settings-font{display:table-cell}.vjs-text-track-settings .vjs-track-settings-controls{text-align:right;vertical-align:bottom}@supports (display:grid){.vjs-text-track-settings .vjs-modal-dialog-content{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;padding:20px 24px 0 24px}.vjs-track-settings-controls .vjs-default-button{margin-bottom:20px}.vjs-text-track-settings .vjs-track-settings-controls{grid-column:1/-1}.vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,.vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content,.vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content{grid-template-columns:1fr}}.vjs-track-setting>select{margin-right:1em;margin-bottom:.5em}.vjs-text-track-settings fieldset{margin:5px;padding:3px;border:none}.vjs-text-track-settings fieldset span{display:inline-block}.vjs-text-track-settings fieldset span>select{max-width:7.3em}.vjs-text-track-settings legend{color:#fff;margin:0 0 5px 0}.vjs-text-track-settings .vjs-label{position:absolute;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);display:block;margin:0 0 5px 0;padding:0;border:0;height:1px;width:1px;overflow:hidden}.vjs-track-settings-controls button:active,.vjs-track-settings-controls button:focus{outline-style:solid;outline-width:medium;background-image:linear-gradient(0deg,#fff 88%,#73859f 100%)}.vjs-track-settings-controls button:hover{color:rgba(43,51,63,.75)}.vjs-track-settings-controls button{background-color:#fff;background-image:linear-gradient(-180deg,#fff 88%,#73859f 100%);color:#2b333f;cursor:pointer;border-radius:2px}.vjs-track-settings-controls .vjs-default-button{margin-right:1em}@media print{.video-js>:not(.vjs-tech):not(.vjs-poster){visibility:hidden}}.vjs-resize-manager{position:absolute;top:0;left:0;width:100%;height:100%;border:none;z-index:-1000}.js-focus-visible .video-js :focus:not(.focus-visible){outline:0;background:0 0}.video-js .vjs-menu :focus:not(:focus-visible),.video-js :focus:not(:focus-visible){outline:0;background:0 0}
/*
*@Description: 
*@Author:      hanli 
*@Update:      hanli(2023-10-30)  
*/


@charset "utf-8";

:root{
    --color-primary: #00275D;
    --color-secondary: #AF6E20;
    --color-third: #DEC99B;
    --color-text-primary: #1A1A1A;
    --color-text-regular: #333;
    --color-text-secondary-grey: #666;
    --color-text-secondary: #999;
    --color-text-placeholder: #C0C4CC;
    
    --border-color: #E4E7ED;
    --border-color-base: #DCDFE6;
    --border-color-light: #E4E7ED;
    --border-color-lighter: #EBEEF5;

    --bg-grey: #f4f4f4;
    --bg-primary: #F3F7FA;
    --bg-secondary: #FCF7F0;

    --theme-imba: #FEBD09;
    --theme-mib: #EEAC41;

    /* 大小 */
    --size-1: .052083vw;
    --size-2: .10417vw;
    --size-4: .20833vw;
    --size-6: .3125vw;
    --size-6-reverse: -.3125vw;
    --size-9: .46875vw;
    --size-9-reverse: -.46875vw;
    --size-12: .625vw;
    --size-15: .78125vw;
    --size-15-reverse: -.78125vw;
    --size-16: .83333vw;
    --size-18: .9375vw;
    --size-20: 1.04167vw;
    --size-20-reverse: -1.04167vw;
    --size-24: 1.25vw;
    --size-30: 1.5625vw;
    --size-30-reverse: -1.5625vw;
    --size-32: 1.666667vw;
    --size-36: 1.875vw;
    --size-40: 2.083333vw;
    --size-45: 2.234375vw;
    --size-48: 2.5vw;
    --size-48-reverse: -2.5vw;
    --size-54: 2.8125vw;
    --size-60: 3.125vw;
    --size-64: 3.3333vw;
    --size-72: 3.75vw;
    --size-80: 4.16667vw;
    --size-90: 4.6875vw;
    --size-90-reverse: -4.6875vw;
    --size-100: 5.208333vw;
    --size-100-reverse: -5.208333vw;
}

@media screen and (max-width: 1920px) {
    :root{
        --size-1: 1px;
        --size-2: 2px;
    }
}
@media screen and (max-width: 1600px) {
    :root{
        --size-16: 14px;
    }
}
@media screen and (max-width: 1439px) {
    :root{
        --size-20: 15px;
        --size-20-reverse: -15px;
        --size-48: 36px;
        --size-48-reverse: -36px;
        --size-54: 40px;
        --size-60: 45px;
        --size-64: 48px;
        --size-72: 54px;
        --size-80: 60px;
        --size-90: 67.5px;
        --size-90-reverse: -67.5px;
        --size-100: 75px;
        --size-100-reverse: -75px;
    }
}
@media screen and (max-width: 1199px) {
    :root{
        --size-6: 4px;
        --size-6-reverse: -4px;
        --size-9: 6px;
        --size-9-reverse: -6px;
        --size-12: 8px;
        --size-15: 10px;
        --size-15-reverse: -10px;
        --size-18: 12px;
        --size-24: 15px;
        --size-30: 18px;
        --size-30-reverse: -18px;
        --size-32: 20px;
        --size-36: 22px;
        --size-40: 25px;
        --size-45: 28px;
    }
}
@media screen and (max-width: 991px) {
    :root{
        --size-2: 1px;
        --size-4: 2px;
        --size-6: 3px;
        --size-6-reverse: -3px;
        --size-36: 20px;
        --size-40: 22px;
        --size-45: 24px;
    }
}
@media screen and (max-width: 567px) {
    :root{
        --size-2: .02rem;
        --size-4: .04rem;
        --size-6: .06rem;
        --size-6-reverse: -.06rem;
        --size-9: .12rem;
        --size-9-reverse: -.12rem;
        --size-12: .16rem;
        --size-15: .2rem;
        --size-15-reverse: -.2rem;
        --size-18: .24rem;
        --size-20: .3rem;
        --size-20-reverse: -.3rem;
        --size-24: .3rem;
        --size-30: .36rem;
        --size-30-reverse: -36rem;
        --size-32: .38rem;
        --size-36: .4rem;
        --size-40: .44rem;
        --size-45: .48rem;

        --size-16: .28rem;
    }
}

/* 防止用户自定义背景颜色对网页的影�?*/
html{
    color:var(--color-primary);background:#fff;
}
/* 内外边距重置 */
*{
    margin:0;padding:0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html,body{
    font-family:  Arial, "Microsoft Yahei", '微软雅黑';
    word-wrap: break-word;
    color: var(--color-text-primary);
    line-height: 1.5;
    height: 100%;
    font-size: var(--size-18);
}
body{
    overflow-x: hidden;
}
h1,h2,h3,h4,h5,h6{
    font-weight: normal;
}
input,select,textarea{
    font-size:100%;
}
.layui-input:focus, 
.layui-textarea:focus{
    border-color: unset;
    box-shadow: unset;
}
div:focus{
    outline:none;
}
/* 去掉各Table  cell 的边距并让其边重�?*/
table{
    border-collapse:collapse;border-spacing:0;
    table-layout: fixed;
}
/* IE bug fixed: th 不继�?text-align*/
th{
  text-align:inherit;
}
ol,ul{
    list-style: none;
}
a{
    color: var(--color-text-primary);
}
a,a:visited,a:focus,a:hover{
  text-decoration:none;
  outline: none;
}
a:hover{
    color: var(--color-primary);
    /* color: var(--color-secondary); */
}

.clearB{
    clear: both;
}
.layui-btn{
    background: var(--color-primary);
    height: 3.4658333vw;
    line-height: 3.4658333vw;
    padding: 0 3.125vw;
    border-radius: 0;
    border: unset;
    text-align: center;
    justify-content: center;
}
.layui-form-small .layui-btn{
    height: 3.125vw;
    line-height: 3.125vw;
}
.layui-btn.btn-secondary{
    background-color: var(--color-secondary);
}
.layui-btn.btn-white{
    background-color: #fff;
    color: var(--color-primary);
}
.layui-btn.is-wide{
    width: 100%;
}
.layui-btn.is-small{
    padding: 0 1.5625vw;
}
@media screen and (max-width: 1439px) {
    .layui-btn{
        height: 50px;
        line-height: 50px;
        font-size: 14px;
        padding: 0 45px;
    }
    .layui-form-small .layui-btn{
        height: 45px;
        line-height: 45px;
    }
}
@media screen and (max-width: 1199px) {
    .layui-btn.is-small{
        padding: 0 18px;
    }
}
/* .block img{
    width: 100%;
} */
.text-center{
    text-align: center!important;
}
.text-left{
    text-align: left!important;
}
.text-right{
    text-align: right!important;
}
.text-justify{
    text-align: justify!important;
}
.layui-btn-lg{
    padding: 18px 100px;
    height: auto;
    line-height: 1;
}
@media screen and (max-width: 567px) {
    .layui-btn-lg{
        width: 100%;
    }
}
@media screen and (min-width: 568px) and (max-width: 767px) {
    .layui-col-xsm6{
        width: 50%;
        float: left;
    }
}
.layui-container {
    width: 100%!important;
    padding: 0 9.375vw;
    margin: 0 auto;
}
@media screen and (max-width: 1600px) {
    .layui-container{
        padding: 0 6.25vw;
    }
}
@media screen and (max-width: 567px) {
    .layui-container{
        padding: 0 .32rem;
    }
}

.layui-col-space50{
    margin: -2.6041667vw;
}
.layui-col-space50>*{
    padding: 2.6041667vw;
}
.layui-col-space40{
    margin: -2.083333vw;
}
.layui-col-space40>*{
    padding: 2.083333vw;
}
.layui-col-space60{
    margin: -3.125vw;
}
.layui-col-space60>*{
    padding: 3.125vw;
}
.layui-col-space100{
    margin: -5.208333vw;
}
.layui-col-space100>*{
    padding: 5.208333vw;
}



.layui-col-space3{
    margin: -.078125vw;
}
.layui-col-space3>*{
    padding: .078125vw;
}
@media screen and (max-width: 991px) {
    .layui-col-space3{
        margin: -1px;
    }
    .layui-col-space3>*{
        padding: 1px;
    }
}
@media screen and (max-width:767px) {
    .layui-col-space40,
    .layui-col-space50,
    .layui-col-space60{
        margin: -15px;
    }
    .layui-col-space40>*,
    .layui-col-space50>*,
    .layui-col-space60>*{
        padding: 15px;
    }
}

@media screen and (min-width: 1920px) {
    .layui-col-space30{
        margin: -.78125vw;
    }
    .layui-col-space30>*{
        padding: .78125vw;
    }
    .layui-col-space20{
        margin: -.52083333vw;
    }
    .layui-col-space20>*{
        padding: .52083333vw;
    }
    .layui-col-space15{
        margin: -.390625vw;
    }
    .layui-col-space15>*{
        padding: .390625vw;
    }
    .layui-col-space10{
        margin: -.26041667vw;
    }
    .layui-col-space10>*{
        padding: .26041667vw;
    }
}

@media screen and (max-width: 767px) and (min-width:568px) {
    .layui-col-xsm6{
        width: 50%;
    }
}
/* .layui-form-select .layui-input{
    border-right: 1px solid var(--border-color-base);
}
.layui-form-select dl{
    border: none;
}
.layui-form-select dl dd.layui-this{
    background: var(--color-secondary);
    color: #fff;
} */

.layui-input,
.layui-select,
.layui-textarea {
    height: 3.4658333vw;
    line-height: 3.4658333vw;
    box-sizing: border-box;
    border-color: transparent;
    background-color: var(--bg-primary);
    border-radius: var(--size-6);
}

.layui-form-small .layui-input,
.layui-form-small .layui-select,
.layui-form-small .layui-textarea{
    height: 3.125vw;
    line-height: 3.125vw;
}

.layui-input {
    padding: 0 .625vw;
}
.layui-textarea {
    padding: .625vw;
    line-height: 1.3!important;
}

.layui-form-select .layui-input {
    padding-right: 1.875vw;
    border-right-color: transparent;
}

.layui-form-select .layui-edge {
    border: unset;
    font-size: .7em;
    width: unset;
    height: unset;
    font-style: normal;
    right: .625vw;
    margin-top: 0;
    line-height: 3.6458333vw;
    top: 0;
}
.layui-form-small .layui-form-select .layui-edge{
    line-height: 3.125vw;
}

.layui-form-select .layui-edge:before {
    content: "\e625";
    font-family: 'iconfont';
}

.layui-input:hover,
.layui-select:hover,
.layui-textarea:hover,
.layui-input:focus,
.layui-select:focus,
.layui-textarea:focus {
    border-color: var(--color-secondary) !important;
}
.layui-form-select dl{
    max-height: 15.625vw;
}
.layui-form-select dl dd,
.layui-form-select dl dt {
    line-height: 2.5vw;
    padding: 0 .625vw;
    color: var(--color-text-secondary-grey);
}

.layui-form-select dl dd.layui-this {
    background: var(--color-secondary);
    /* color: var(--color-text-secondary-grey); */
    font-weight: normal;
    color: #fff;
}

.layui-form-select dl {
    top: 100%;
    padding: 0;
    border-radius: 0;
    border: 1px solid var(--color-secondary);
}
.layui-form-selectup dl{
    top: unset;
    bottom: 100%;
    z-index: 999;
}

@media screen and (max-width: 1439px) {

    .layui-input,
    .layui-select,
    .layui-textarea {
        height: 50px;
        line-height: 50px;
    }
    .layui-form-small .layui-input,
    .layui-form-small .layui-select,
    .layui-form-small .layui-textarea{
        height: 45px;
        line-height: 45px;
    }

    .layui-input {
        padding: 0 10px;
    }

    .layui-textarea {
        padding: 10px;
    }

    .layui-form-select .layui-input {
        padding-right: 30px;
    }

    .layui-form-select .layui-edge {
        line-height: 50px;
        right: 10px;
    }
    .layui-form-small .layui-form-select .layui-edge{
        line-height: 45px;
    }
    .layui-form-select dl{
        max-height: 225px;
    }
    .layui-form-select dl dd,
    .layui-form-select dl dt {
        line-height: 36px;
        padding: 0 10px;
    }
}


/* layui-laydate */
.layui-laydate{
    border-color: var(--color-secondary);
    box-shadow: unset;
    color: var(--color-primary);
    min-width: 17.1875vw;
    margin: 0;
    margin-top: -1px;
}
.layui-laydate .layui-laydate-main{
    min-width: 100%;
}
.layui-laydate .layui-laydate-header{
    border-bottom: 0;
    padding: 0;
    line-height: 3.125vw;
    font-size: .833333vw;
}
.layui-laydate .layui-laydate-header .laydate-prev-y,
.layui-laydate .layui-laydate-header .laydate-next-y{
    display: none;
}
.layui-laydate .layui-laydate-header i{
    top: 0;
    font-size: inherit;
    color: inherit;
    padding: 0;
}
.layui-laydate .layui-laydate-header i.laydate-prev-y,
.layui-laydate .layui-laydate-header i.laydate-prev-m{
    left: 1.5625vw;
}
.layui-laydate .layui-laydate-header i.laydate-next-y,
.layui-laydate .layui-laydate-header i.laydate-next-m{
    right: 1.5625vw;
}
.layui-laydate .layui-laydate-header i:hover, 
.layui-laydate .layui-laydate-header span:hover{
    color: var(--color-secondary);
}
.layui-laydate .laydate-set-ym span{
    padding: 0 .625vw;
}

.layui-laydate table{
    width: 100%;
}
.layui-laydate .layui-laydate-content{
    padding: 0 .9375vw .9375vw;
    font-size: .7291667vw;
}
.layui-laydate .layui-laydate-content td, 
.layui-laydate .layui-laydate-content th{
    height: 2.1875vw;
    line-height: 2.1875vw;
    border-radius: 50%;
    color: inherit;
}
.layui-laydate .layui-laydate-content th{
    color: var(--color-text-secondary);
}
.layui-laydate .layui-laydate-content td>div{
    padding: 0!important;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.layui-laydate-content td>div:hover, 
.layui-laydate-list li:hover, 
.layui-laydate-shortcut>li:hover:hover,
.layui-laydate .layui-this, 
.layui-laydate .layui-this>div{
    background-color: unset!important;
    color: inherit;
}
.layui-laydate .laydate-day-mark{
    font-size: inherit;
    width: 2.1875vw;
    height: 2.1875vw;
    position: static;
    border-radius: 50%;
    line-height: inherit;
}
.layui-laydate .laydate-day-mark::after{
    bottom: 8%;
    right: unset;
    top: unset;
    left: 50%;
    width: .3125vw;
    height: .3125vw;
    border-radius: 50%;
    transform: translateX(-50%);
    background: var(--color-secondary);
    font-size: inherit;
}
.layui-laydate .layui-this .laydate-day-mark{
    background: var(--color-secondary)!important;
    color: #fff!important;
}
.layui-laydate-content td>div:hover .laydate-day-mark, 
.layui-laydate-list li:hover .laydate-day-mark, 
.layui-laydate-shortcut>li:hover:hover .laydate-day-mark{
    background-color: var(--bg-primary);
}

/* 年份 */
.layui-laydate .layui-laydate-list>li{
    margin: 0;
    height: 2.8125vw;
    line-height: 2.8125vw;
}
.layui-laydate .layui-laydate-list>li.li-mark{
    position: relative;
    color: var(--color-primary)!important;
}
.layui-laydate .layui-laydate-list>li.li-mark:after{
    content: "";
    position: absolute;
    bottom: 8%;
    right: unset;
    top: unset;
    left: 50%;
    width: .3125vw;
    height: .3125vw;
    border-radius: 50%;
    transform: translateX(-50%);
    background: var(--color-secondary);
    font-size: inherit;
}

/* 月份 */
.layui-laydate .laydate-month-list>li{
    margin: .9375vw 0;
}

@media screen and (max-width: 1600px) {
    .layui-laydate .layui-laydate-header{
        font-size: 14px;
    }
    .layui-laydate .layui-laydate-content{
        font-size: 12px;
    }
}
@media screen and (max-width: 1440px) {
    .layui-laydate .layui-laydate-header{
        height: 45px;
        line-height: 45px;
    }
    .layui-laydate .layui-laydate-header i.laydate-prev-y,
    .layui-laydate .layui-laydate-header i.laydate-prev-m{
        left: 22.5px;
    }
    .layui-laydate .layui-laydate-header i.laydate-next-y,
    .layui-laydate .layui-laydate-header i.laydate-next-m{
        right: 22.5px;
    }
    .layui-laydate .laydate-set-ym span{
        padding: 0 9px;
    }
    .layui-laydate .layui-laydate-content{
        padding: 0 13.5px 13.5px;
    }
    .layui-laydate .layui-laydate-content td, 
    .layui-laydate .layui-laydate-content th{
        height: 31.5px;
        line-height: 31.5px;
    }
    .layui-laydate .laydate-day-mark{
        width: 31.5px;
        height: 31.5px;
    }
    .layui-laydate .layui-laydate-list>li.li-mark:after,
    .layui-laydate .laydate-day-mark::after{
        width: 4.5px;
        height: 4.5px;
    }
    .layui-laydate .layui-laydate-list>li{
        height: 40.5px;
        line-height: 40.5px;
    }
    .layui-laydate .laydate-month-list>li{
        margin: 13.5px 0;
    }
}
/* layui-laydate END */


.ala-line{
    height: var(--size-4);
    background: var(--color-primary);
}

.ala-flex,
.row-flex{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: -webkit-flex;
    display: flex;
}
.row-flex.is-center,
.ala-flex.is-center{
    align-items: center;
}
.ala-flex.is-between{
    justify-content: space-between;
}
.ala-flex.is-end{
    align-items: flex-end;
}
.row-flex{
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-align-items: stretch;
    align-items: stretch;
}
.layui-row.row-flex:after, .layui-row.row-flex:before{
    content: none;
}
.iconfont{
    font-size: inherit;
}

hr{
    border-bottom: 1px solid var(--border-color);
    margin: 3.75vw 0;
}
hr.is-small{
    margin: var(--size-24) 0;
}

.grey hr,.theme-grey hr{
    border-bottom-color: rgba(0,0,0,.1);
}

.color_primary{
    color: var(--color-primary);
}

.color_secondary{
    color: var(--color-secondary);
}

.color_text_secondary{
    color: var(--color-text-secondary-grey);
}

.color_text_third{
    color: var(--color-text-secondary);
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .ala-hide-sm{
        display: none;
    }
}
@media screen and (max-width: 767px){
    .ala-hide-xs{
        display: none;
    }
}

/*single-link*/
.single-link,
a.single-link{
    display: block;
    color: var(--color-primary);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    cursor: pointer;
    /*line-height: 1;*/
    height: 2.91667vw;
}
.color_white .single-link,
.color_white a.single-link{
    color: #fff;
}
.single-link .text{
    padding: 0 .625vw 0 1.09375vw;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: unset;
    transition: all .3s ease-in-out;
    position: relative;
}
.single-link .text>*{
    position: relative;
}
.single-link .text:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0;
    background: var(--color-secondary);
    transition: all .3s ease-in-out;
}
.single-link:hover .text:before{
    width: 100%;
}
.single-link:hover .text{
    color: #fff;
}
.single-link .iconfont{
    width: 2.91667vw;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-secondary);
    background-color: var(--bg-primary);
    font-weight: bold;
}
.single-link .iconfont:before{
    color: var(--color-secondary);
}

.grey .single-link .iconfont{
    background-color: #fff;
}

@media screen and (max-width: 1200px) {
    .single-link,
    a.single-link{
        height: 35px;
    }
    .single-link .iconfont{
        width: 35px;
    }
    .single-link .text{
        padding: 0 8px 0 14px;
    }
}
/*single-link END*/

.more-wrapper{
    margin-top: var(--size-54);
}
/* more-link */
.more-link{
    display: inline-flex;
    align-items: center;
    position: relative;
    padding-right: var(--size-20);
    cursor: pointer;
}
.more-link>*{
    position: relative;
}

.more-link:before{
    content: "";
    width: var(--size-64);
    height: var(--size-64);
    position: absolute;
    right: 0;
    background: url(../images/circle.svg) center right no-repeat;
    background-size: contain;
    transition: all .3s ease-in-out;
}
.more-link:hover:before{
    background: url(../images/circle_primary.svg) center right no-repeat;
    background-size: contain;
}


.more-link:hover{
    color: var(--color-primary);
}
.more-link .iconfont{
    display: inline-block;
    position: relative;
    margin-left: var(--size-6);
    transition: transform .3s ease-in-out;
}
.more-link:hover .iconfont{
    animation: arrowRight2 .8s ease;
    -webkit-animation: arrowRight2 .8s ease;
}
.more-link+.more-link{
    margin-top: var(--size-18);
}
.more-link.no-circle{
    padding-right: 0;
    padding-bottom: var(--size-4);
}
.more-link.no-circle:before{
    content: unset;
}
.more-link.no-circle:hover{
    color: var(--color-primary);
}
.more-link.no-circle:after{
    content: "";
    position: absolute;
    left: 0;
    width: 0;
    bottom: 0;
    height: var(--size-1);
    background-color: var(--color-primary);
    transition: width .3s ease-in-out;
}
.more-link.no-circle:hover:after{
    width: 100%;
}
/* more-link END */
@-webkit-keyframes arrowRight2{
    0%{
        opacity: 1;
        left: 0;
    }
    47%{
        opacity: 0;
        left: var(--size-9);
    }
    53%{
        opacity: 0;
        left: var(--size-9-reverse);
    }
    100%{
        opacity: 1;
        left: 0;
    }
}
@keyframes arrowRight2{
    0%{
        opacity: 1;
        left: 0;
    }
    47%{
        opacity: 0;
        left: var(--size-9);
    }
    53%{
        opacity: 0;
        left: var(--size-9-reverse);
    }
    100%{
        opacity: 1;
        left: 0;
    }
}

/* more-btn */
.more-btn{
    display: inline-flex;
    align-items: center;
    line-height: 1;
    padding: var(--size-24) var(--size-30);
    transition: all .3s ease-in-out;
    background-color: var(--color-primary);
    color: #fff;
    border: var(--size-1) solid transparent;
}
.more-btn .iconfont{
    display: inline-block;
    margin-right: var(--size-6);
}
.more-btn:hover{
    color: #fff;
}
.more-btn.is-plain{
    background-color: unset;
    border: var(--size-1) solid var(--color-primary);
    color: var(--color-primary);
}
.more-btn.is-small{
    padding: var(--size-15) var(--size-24); 
}

.more-btn.btn-secondary{
    background-color: var(--bg-secondary);
    color: var(--color-text-primary);
}
.more-btn.btn-secondary:hover{
    background-color: var(--color-primary);
    color: #fff;
}
.more-btn.btn-third{
    background-color: var(--color-third);
    color: #fff;
}
.more-btn.btn-third:hover{
    background-color: var(--color-primary);
    color: #fff;
}

.more-btn.btn-white{
    background-color: #fff;
    color: var(--color-primary);
}
.more-btn.btn-white:hover{
    border-color: #fff;
}
.more-btn.btn-white.is-plain{
    background-color: transparent;
    border: var(--size-1) solid #fff;
    color: #fff;
}
.more-btn.btn-white.is-plain:hover{
    background-color: #fff;
    color: var(--color-primary);
}
.more-btn.is-wide{
    width: 100%;
    text-align: center;
    justify-content: center;
}
/* more-btn END */

/* button */
.ala-btn{
    background-color: var(--color-primary);
    color: #fff;
    padding: var(--size-15) var(--size-24);
    border-radius: var(--size-4);
}
.ala-btn:hover{
    color: #fff;
}
.ala-btn.is-secondary{
    background-color: var(--color-secondary);
}
.ala-btn.is-white{
    background-color: #fff;
    color: var(--color-primary);
}
.ala-btn.is-white:hover{
    color: var(--color-primary);
}
.ala-btn .iconfont{
    display: inline-block;
    transition: left .3s ease-in-out;
    left: 0;
    position: relative;
    margin-left: var(--size-9);
}
.ala-btn:hover .iconfont{
    left: var(--size-9);
}
/* button END */

.img-box img{
    max-width: 100%;
}

/* 长方�?*/
.img-box-post {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
    overflow: hidden;
}
.img-box-post .img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.img-box-post img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* 长方�?END */

/* 正方�?*/
.img-box-square {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    position: relative;
    overflow: hidden;
}
.img-box-square .img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.img-box-square img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* 正方�?END */

/* people */
.img-box-people {
    width: 100%;
    height: 0;
    padding-bottom: 130%;
    position: relative;
    overflow: hidden;
}
.img-box-people .img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.img-box-people img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* people END */

/* ala-icon */
.ala-icon{
    width: var(--size-60);
    height: var(--size-60);
    background: var(--color-primary);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.ala-icon img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.ala-icon.is-middle{
    width: var(--size-48);
    height: var(--size-48);
}
.ala-icon.is-small{
    width: var(--size-40);
    height: var(--size-40);
}
.ala-icon.is-mini{
    width: var(--size-32);
    height: var(--size-32);
}
@media screen and (max-width: 1439px) {
    .ala-icon.is-middle{
        width: 36px;
        height: 36px;
    }
    .ala-icon.is-small{
        width: 30px;
        height: 30px;
    }
    .ala-icon.is-mini{
        width: 24px;
        height: 24px;
    }
}
@media screen and (max-width: 567px) {
    .ala-icon{
        width: .9rem;
        height: .9rem; 
    }
    .ala-icon.is-middle{
        width: .72rem;
        height: .72rem;
    }
    .ala-icon.is-small{
        width: .6rem;
        height: .6rem;
    }
    .ala-icon.is-mini{
        width: .48rem;
        height: .48rem;
    }
}
/* ala-icon */

/* overlayer */
.overlayer{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transform: scale(1.2);
    background-color: rgba(0,0,0,.4);
    opacity: 0;
    transition: all .3s ease-in-out;
}
.overlayer .ala-icon{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 9;
}
/* overlayer END */

/*妞ょ敻娼扮拠锔藉剰閺嶅嘲绱�*/
/*mce-content-body*/
.mce-content-body{
    color: var(--color-text-secondary-grey);
    line-height: 1.8;
}
.color_white .mce-content-body{
    color: #fff;
}
.mce-content-body h1,.mce-content-body h2,.mce-content-body h3,.mce-content-body h4,.mce-content-body h5,.mce-content-body h6{
    margin: 1.5625vw 0 .9375vw;
    position: relative;
    color: var(--color-text-primary);
    font-weight: normal;
    line-height: 1.3;
}
.mce-content-body h1{
    font-size:2.08333vw;
}
.mce-content-body h2{
    font-size:1.875vw;
    position: relative;
}
.mce-content-body h3{
    font-size:1.5625vw;
}
.mce-content-body h4{
    font-size: 1.25vw;
}
.mce-content-body h6,
.mce-content-body h5{
    font-size: 1.04166vw;
}
.mce-content-body h1+h2,
.mce-content-body h1+h3,
.mce-content-body h1+h4,
.mce-content-body h1+h5,
.mce-content-body h1+h6,
.mce-content-body h2+h3,
.mce-content-body h2+h4,
.mce-content-body h2+h5,
.mce-content-body h2+h6,
.mce-content-body h3+h4,
.mce-content-body h3+h5,
.mce-content-body h3+h6,
.mce-content-body h4+h5,
.mce-content-body h4+h6,
.mce-content-body h5+h6{
    margin-top: 0;
}
.mce-content-body>*:nth-child(1):not(.layui-row) {
    margin-top: 0;
}
.mce-content-body>*:last-child{
    margin-bottom: 0!important;
}
.mce-content-body video{
    max-width: 100%;
    height: auto!important;
}
.mce-content-body p,.mce-content-body li,.mce-content-body table{
    margin-bottom: .9375vw;
}
.mce-content-body ul li,
.mce-content-body ol li{
    position: relative;
    padding-left: 2em;
}
.mce-content-body ul li:before{
    content: "";
    position: absolute;
    left: 0;
    top: .9em;
    width: .4em;
    height: .4em;
    background: var(--color-third);
    border-radius: .4em;
    margin-top: -.2em;
    line-height: 1;
}
.mce-content-body ol li{
    counter-increment: section;
}
.mce-content-body ol li:before{
    content: counters(section,".") ".";
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    color: var(--color-third);
    font-weight: bold;
    width: 2em;
}
.mce-content-body img{
    max-width: 100%;
    height: auto!important;
}
    /* svg图标保留自身行高样式 */
    .mce-content-body img[src$=".svg"] {
        max-width: unset;
        height: 1.5em !important;
    }
.mce-content-body a:not(.ala-btn){
    color: var(--color-secondary);
    /*text-decoration: underline;*/
}
.mce-content-body a:not(.ala-btn):hover{
    color: var(--color-secondary);
    text-decoration: underline;
}
@media screen and (max-width: 1600px) {
    .mce-content-body h5,.mce-content-body h6{
        font-size: 16px;
    }
}
@media screen and (max-width: 1199px) {
    .mce-content-body h1{
        font-size:30px;
    }
    .mce-content-body h2{
        font-size:24px;
    }
    .mce-content-body h3{
        font-size:22px;
    }
    .mce-content-body h4{
        font-size: 18px;
    }
    .mce-content-body h5,
    .mce-content-body h6{
        font-size: 16px;
    }
    .mce-content-body h1,.mce-content-body h2,.mce-content-body h3,.mce-content-body h4,.mce-content-body h5,.mce-content-body h6{
        margin: 20px 0 12px;
    }
    .mce-content-body p,.mce-content-body li,.mce-content-body table{
        margin-bottom: 12px;
    }
}
@media screen and (max-width: 767px) {
    .mce-content-body h1{
        font-size: 24px;
    }
    .mce-content-body h2{
        font-size: 22px;
    }
    .mce-content-body h3{
        font-size: 20px;
    }
    .mce-content-body h4{
        font-size: 18px;
    }
    .mce-content-body h5,
    .mce-content-body h6{
        font-size: 16px;
    }
}
@media screen and (max-width: 567px) {
    .mce-content-body h1{
        font-size:.4rem;
    }
    .mce-content-body h2{
        font-size: .38rem;
    }
    .mce-content-body h3{
        font-size: .36rem;
    }
    .mce-content-body h4{
        font-size: .34rem;
    }
    .mce-content-body h5,
    .mce-content-body h6{
        font-size: .32rem;
    }
}

/*mce-content-body END


/*pages*/
.pages{
    text-align: center;
    padding-top: 3.75vw;
}
.layui-table-page .layui-laypage,
.layui-laypage{
    display: flex;
    align-items: center;
    justify-content: center;
}
.layui-table-page .layui-laypage a:hover,
.layui-laypage a:hover{
    /* color: var(--color-secondary); */
    color: var(--color-secondary);
}
.layui-table-page .layui-laypage a, .layui-table-page .layui-laypage span,
.layui-laypage a, .layui-laypage span{
    height: 2.5vw;
    width: 2.5vw;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0;
    background: unset;
    margin-bottom: 0;
    border: unset;
    margin-right: 0;
    border-radius: 0!important;
    border: 1px solid var(--border-color);
    margin: 0 .3125vw;
    box-sizing: border-box;
    font-size: 0.83333vw;
}
.layui-table-page .layui-laypage .layui-laypage-curr,
.layui-laypage .layui-laypage-curr{
    border-color: transparent;
}
.layui-table-page .layui-laypage .layui-laypage-curr .layui-laypage-em,
.layui-laypage .layui-laypage-curr .layui-laypage-em{
    border-radius: 0;
    right: -1px;
    bottom: -1px;
    background: var(--color-primary)!important;
}
.layui-table-page .layui-laypage .layui-laypage-prev,
.layui-laypage .layui-laypage-prev,
.layui-table-page .layui-laypage .layui-laypage-next,
.layui-laypage .layui-laypage-next{
    background-color: var(--bg-primary);
    border: 0;
}
@media screen and (max-width: 1600px) {
    .layui-table-page .layui-laypage a, .layui-table-page .layui-laypage span,
    .layui-laypage a, .layui-laypage span{
        font-size: 14px;
        margin: 0 4px;
    }
}
@media screen and (max-width: 1440px) {
    .layui-table-page .layui-laypage a, .layui-table-page .layui-laypage span,
    .layui-laypage a, .layui-laypage span{
        height: 36px;
        line-height: 36px;
        width: 36px;
    }
}
@media screen and (max-width: 767px) {
    .pages{
        padding-top: 28px;
    }
}
@media screen and (max-width: 567px) {
    .layui-table-page .layui-laypage a, .layui-table-page .layui-laypage span,
    .layui-laypage a, .layui-laypage span{
        height: .64rem;
        line-height: .64rem;
        width: .64rem;
        margin: .06rem;
    }
}
/*pages END*/


/*閹舵ê褰旈棃銏℃緲*/
.slide-door{
    overflow: hidden;
    border: var(--size-1) solid transparent;
    transition: all .3s ease-in-out;
}
.slide-door+.slide-door{
    margin-top: var(--size-20);
}
.slide-door .accordion-title{
    padding: var(--size-24) var(--size-30);
    padding-right: var(--size-60);
    margin-bottom: 0;
    cursor: pointer;
    position: relative;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background-color: #fff;
    color: inherit;
    font-weight: normal;
    background-size: auto 100%;
    background-repeat: repeat;
    background-position: center;
    background: var(--bg-primary);
    line-height: 1.5;
}
.slide-door .accordion-title:after{
    content: "\e625";
    font-family: "iconfont";
    position: absolute;
    top: 50%;
    right: var(--size-30);
    transform: translateY(-50%);
    color: var(--color-primary);
}
.slide-door .accordion-title:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: var(--size-4);
    background-color: var(--color-primary);
}

.slide-door .accordion-title p{
    margin-bottom: 0;
    flex: 1;
}

.slide-door.open .accordion-title:after{
    content: "\e87f";
}
.slide-door .accordion-content{
    padding: var(--size-30);
    display: none;
    background-color: var(--bg-primary);
    border-top: var(--size-1) solid var(--border-color);
}
.slide-door .accordion-content>*:last-child{
    margin-bottom: 0;
}
.slide-door.open .accordion-content{
    display: block;
}


/* layui-nav */
.layui-nav *{
    font-size: inherit;
}

.layui-nav .layui-nav-child dd.layui-this a, 
.layui-nav-child dd.layui-this{
    background-color: inherit;
    color: inherit;
}
/* .layui-nav.nav-horizon */
.layui-nav.nav-horizon{
    display: inline-block;
    background: unset;
    padding: unset;
    border-radius: unset;
    height: unset;
    line-height: unset;
    color: inherit;
}
.layui-nav.nav-horizon .layui-nav-item{
    line-height: unset;
}
.layui-nav.nav-horizon .layui-nav-more{
    display: inline-block;
    transform: rotate(0) scale(.8);
    margin-left: 2px;
    border: unset;
    position: relative;
    line-height: 1;
    font-size: inherit;
    margin-top: 0;
    right: unset;
    top: unset;
}
.layui-nav.nav-horizon .layui-nav-more:before{
    content: "\e625";
    font-family: "iconfont";
    line-height: 1;
}
.layui-nav.nav-horizon .layui-nav-child{
    top: 100%;
    margin-top: 10px;
    border: 1px solid #ebeef5;
    border-radius: 4px;
    box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
    /* line-height: unset; */
    text-align: center;
    left: 50%;
}
.layui-nav.nav-horizon .layui-nav-mored,
.layui-nav.nav-horizon .layui-nav-itemed>a .layui-nav-more{
    transform: rotate(180deg);
}
.layui-nav.nav-horizon .layui-nav-child a:hover {
    background-color: unset;
    color: var(--color-secondary);
    text-decoration: underline;
}
.layui-nav-bar{
    display: none;
}
.layui-nav.nav-horizon .layui-this:after, .layui-nav-bar{
    content: unset;
}
.layui-nav.nav-horizon .layui-nav-child:before{
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 6px;
    filter: drop-shadow(0 2px 12px rgba(0,0,0,.03));
    top: -6px;
    left: 50%;
    margin-left: -6px;
    border-top-width: 0;
    border-bottom-color: #ebeef5;
}
.layui-nav.nav-horizon .layui-nav-child:after{
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 6px;
    top: -5px;
    left: 50%;
    margin-left: -6px;
    border-top-width: 0;
    border-bottom-color: #fff;
}
.layui-nav.nav-horizon hr{
    margin: 5px 0;
}
.layui-nav.nav-horizon .layui-nav-child dd .iconfont{
    margin-right: 5px;
}
.layui-nav.nav-horizon .layui-nav-itemed>.layui-nav-child{
    background-color: #fff!important;
}
/* .layui-nav.nav-horizon END */

@keyframes layui-upbit {
    from {
        transform: translate3d(-50%,15px,0);
        opacity: .3
    }

    to {
        transform: translate3d(-50%,0,0);
        opacity: 1
    }
}


/*时间�?/
.timeline-list{
    margin: .9375vw 0;
    margin-top: 2.5vw!important;
}
.timeline-list .timeline-section:last-child .layui-timeline .layui-timeline-item:last-child{
    padding-bottom: 0;
}
.timeline-list .timeline-day{
    display: inline-block;
    padding: .78125vw .9375vw;
    background: var(--color-primary);
    color: #fff;
    line-height: 1;
    margin-bottom: 1.875vw;
    position: relative;
    margin-left: .208333vw;
}
.timeline-list .timeline-day:after{
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    height: calc(1.875vw + .625vw);
    width: 1px;
    background-color: var(--border-color);
}
.layui-timeline{
    padding-left: .208333vw;
}
.layui-timeline .layui-timeline-item{
    padding-top: 0;
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
    padding-bottom: 1.875vw;
}
.layui-timeline .layui-timeline-item:after{
    content: ""!important;
    position: absolute;
    left: -.208333vw;
    top: .625vw;
    width: .46875vw;
    height: .46875vw;
    border-radius: 50%;
    background: var(--color-primary);
}
.layui-timeline .layui-timeline-item:before {
    content: '';
    position: absolute;
    left: 0;
    top: .625vw;
    bottom: -.625vw;
    z-index: 0;
    width: 1px;
    height: 100%;
    background-color: var(--border-color);
}
.layui-timeline .layui-timeline-item:last-child:before{
    height: unset;
    bottom: 20px;
}
.layui-timeline .layui-timeline-item .layui-timeline-content{
    padding-left: 1.25vw;
}
.layui-timeline .layui-text{
    color: inherit;
    line-height: inherit;
    font-size: inherit;
}
.layui-timeline .layui-text ul{
    padding: 0;
}
.layui-timeline .layui-text ul li{
    margin-top: 0;
}
.layui-timeline .layui-text ul li::marker{
    content: "";
}
.layui-timeline .layui-timeline-time{
    font-size: inherit;
}
.layui-timeline .layui-timeline-title{
    font-size: inherit;
    margin-top: .3125vw;
    margin-bottom: 0;
    line-height: 1.5;
}
.layui-timeline .timeline-content{
    margin-top: .3125vw;
    line-height: 1.5;
    color: var(--color-text-secondary-grey);
}
.layui-timeline .layui-timeline-time p,
.layui-timeline .layui-timeline-title p{
    margin-bottom: 0;
}
.layui-timeline .mce-content-body .layui-icon{
    color: var(--color-primary);
}
.layui-timeline .layui-timeline-axis{
    top: 4px;
}
.layui-timeline .timeline-content li,
.layui-timeline .timeline-content p{
    margin-bottom: .3125vw;
}
.layui-timeline .timeline-content>*:last-child li,
.layui-timeline .timeline-content>*:last-child{
    margin-bottom: 0!important;
}
@media screen and (max-width: 1600px) {
    .layui-timeline .timeline-content li,
    .layui-timeline .timeline-content p{
        margin-bottom: 6px;
    }
}
@media screen and (max-width: 1199px) {
    .timeline-list .timeline-day{
        padding: 9px 30px 9px 12px;
        margin-bottom: 20px;
        border-top-right-radius: 40px;
        margin-left: 2.5px;
    }
    .timeline-list .timeline-day:after{
        height: 29px;
    }
    .layui-timeline .layui-timeline-item .layui-timeline-content{
        padding-left: 15px;
    }
    .layui-timeline{
        padding-left: 2.5px;
    }
    .layui-timeline .layui-timeline-item:last-child:after, .layui-timeline .layui-timeline-item:after{
        width: 6px;
        height: 6px;
        left: -2.5px;
        top: 9px;
    }
    .layui-timeline .layui-timeline-item:before{
        top: 9px;
        bottom: -9px;
    }
    .layui-timeline .layui-timeline-title,
    .layui-timeline .timeline-content{
        margin-top: 4px;
    }
    .layui-timeline .layui-timeline-item{
        padding-bottom: 20px;
    }
}
/*时间�?END*/

/* blockquote */
blockquote{
    background-color: var(--bg-primary);
    padding: var(--size-45);
    position: relative;
    margin: var(--size-18) 0;
}
.layui-row blockquote{
    margin: 0;
}
blockquote:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: var(--size-4);
    background: var(--color-primary);
}
blockquote.bg_white{
    background-color: #fff;
    border-left: 1px solid var(--border-color);
    border-right: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
}
.mce-content-body blockquote>*:first-child{
    margin-top: 0;
}
.mce-content-body blockquote>*:last-child{
    margin-bottom: 0;
}
/* blockquote END */

/* ala-card */
.ala-card{
    background-color: #fff;
    position: relative;
    overflow: hidden;
    border: var(--size-1) solid var(--border-color);
    background: #fff url(../images/ala-card-bg.png) right bottom no-repeat;
    background-size: 30%;
}
.row-flex .ala-card{
    height: 100%;
}
.ala-card_head{
    padding: var(--size-24) var(--size-40);
    background: var(--color-primary);
    color: #fff;
}
.ala-card .ala-card_head .icon{
    margin-right: var(--size-15);
    line-height: 1;
    width: var(--size-36);
    height: var(--size-36);
    object-fit: contain;
}
.ala-card .ala-card_head .iconfont{
    line-height: 1;
}
.ala-card_body{
    padding: var(--size-24) var(--size-40);
}
.ala-card_body em{
    color: var(--color-text-primary);
    font-style: normal;
}
/* ala-card END */

/* ala-cell */
.ala-cell{
    background: linear-gradient( 180deg, #FDFCFC 0%, #FFF8EE 100%);
    padding: var(--size-30) var(--size-24);
    display: flex;
    align-items: center;
    height: 100%;
    box-shadow: unset;
    transition: all .3s ease-in-out;
}
.ala-cell .ala-cell_bd{
    padding-left: var(--size-24);
    flex: 1;
}
.ala-cell .ala-cell_ft{
    padding-left: var(--size-24);
}
.ala-cell .ala-cell_ft img{
    display: block;
    width: var(--size-100);
}
.ala-cell .info{
    margin-top: var(--size-30);
    color: var(--color-text-secondary);
}
.ala-cell:hover{
    box-shadow: 0px var(--size-9) var(--size-20) 0px rgba(0,0,0,0.1);
}
a.ala-cell:hover .ala-cell_bd .title {
    color: var(--color-primary);
}
/* ala-cell END */

/* speaker-item */
.speaker-item{
    display: flex;
}
.speaker-item+.speaker-item{
    margin-top: var(--size-40);
    padding-top: var(--size-40);
    border-top: 1px solid var(--border-color);
}
.speaker-item .img-box{
    width: 10.41667vw;
}
.speaker-item .img-box img{
    width: 100%;
    max-width: 100%;
}
.speaker-item .text-box{
    padding-left: var(--size-40);
    flex: 1;
}
.speaker-item .text-box .name{
    font-weight: bold;
    line-height: 1;
}
.speaker-item .text-box .title,
.speaker-item .text-box .theme,
.speaker-item .text-box .desc{
    /* color: var(--color-text-secondary-grey); */
    margin-top: var(--size-18);
}
.speaker-item .text-box .title{
    margin-top: var(--size-12);
}
.speaker-item .text-box .theme strong,
.speaker-item .text-box .desc strong{
    color: var(--color-primary);
}
.speaker-item .text-box .name p,
.speaker-item .text-box .theme p,
.speaker-item .text-box .title p{
    margin-bottom: 0!important;
}
.speaker-item .text-box .desc li,
.speaker-item .text-box .desc p{
    margin-bottom: var(--size-6);
}
@media screen and (max-width: 1600px) {
    .speaker-item .text-box .name{
        font-size: 18px;
    }
    .speaker-item .text-box .desc li,
    .speaker-item .text-box .desc p{
        margin-bottom: 6px;
    }
}
@media screen and (max-width: 1199px) {
    .speaker-item .text-box .name{
        font-size: 18px;
    }
}
@media screen and (max-width: 991px) {
    .speaker-item .text-box .name{
        font-size: 16px;
    }
    .speaker-item .img-box{
        width: 120px;
    }
}
@media screen and (max-width: 767px) {
    .speaker-item{
        display: block;
    }
    .speaker-item .text-box{
        padding-top: 20px;
        padding-left: 0;
    }
    .speaker-item .img-box{
        margin: 0 auto;
        width: 140px;
    }
    .speaker-item .text-box .name,
    .speaker-item .text-box .title{
        text-align: center;
    }
}
@media screen and (max-width: 567px) {
    .speaker-item .text-box{
        padding-top: .3rem;
    }
    .speaker-item .img-box{
        width: 2.8rem;
    }
    .speaker-item .text-box .name{
        font-size: .32rem;
    }
}

/* speaker-item END */


/* ala-tag */
.ala-tag {
    display: inline-block;
    padding: var(--size-6) var(--size-18);
    color: #fff;
    line-height: 1.1;
    background: var(--color-primary);
    border-radius: var(--size-4);
    transition: all .3s ease-in-out;
}
.ala-tag.is-plain{
    background-color: rgba(0, 39, 93, .1);
    color: var(--color-primary);
}
.ala-tag.tag-grey{
    background: #EFEFEF;
    color: var(--color-text-secondary-grey);
}
.ala-tag.tag-white{
    background: #fff;
    color: var(--color-primary);
}
.ala-tag+.ala-tag{
    margin-left: var(--size-9);
}
.ala-tag.is-large{
    padding: var(--size-12) var(--size-24);
}
/* tag END */

/* table */
table p,table li{
    margin-bottom: .46875vw!important;
}
table th>*:last-child,
table td>*:last-child,
table th>*:last-child li,
table td>*:last-child li{
    margin-bottom: 0!important;
}
table th,table td{
    padding: .15625vw;
    line-height: 1.3;
}
@media screen and (max-width: 1920) {
    table th,table td{
        padding: 3px;
    }
}
@media screen and (max-width: 1199px) {
    table p,table li {
        margin-bottom: 6px!important;
    }
}
/* table END */

.mce-content-body table{
    border-top: var(--size-1) solid var(--border-color-lighter);
    border-right: var(--size-1) solid var(--border-color-lighter);
}
.mce-content-body table thead {
    background: var(--color-primary);
    color: #fff;
}
.mce-content-body table th,
.mce-content-body table td{
    padding: var(--size-18) var(--size-6);
    border-bottom: var(--size-1) solid var(--border-color-lighter);
    border-left: var(--size-1) solid var(--border-color-lighter);
    vertical-align: top;
    text-align: left;
    font-weight: normal;
}

/* reset */

.fnt100{
	font-size: 5.208333vw;
	line-height: 1.2;
}
.fnt80{
	font-size: 4.16666vw;
	line-height: 1.2;
}
.fnt72{
	font-size: 3.75vw;
	line-height: 1.2;
}
.fnt64{
	font-size: 3.33333vw;
	line-height: 1.2;
}
.fnt60{
	font-size: 3.125vw;
	line-height: 1.2;
}
.fnt56{
	font-size:2.91667vw;
	line-height: 1.3;
}
.fnt52{
	font-size:2.70833vw;
	line-height: 1.3;
}
.fnt50{
	font-size:2.6041666vw;
	line-height: 1.3;
}
.fnt48{
	font-size:2.5vw;
	line-height: 1.3;
}
.fnt45{
	font-size:2.34375vw;
	line-height: 1.3;
}
.fnt40{
	font-size:2.08333vw;
}
.fnt36{
	font-size:1.875vw;
}
.fnt32{
	font-size:1.66667vw;
}
.fnt30{
	font-size:1.5625vw;
}
.fnt28{
	font-size:1.4583vw;
}
.fnt24{
	font-size: 1.25vw;
}
.fnt22{
	font-size: 1.145833vw;
}
.fnt20{
	font-size: 1.04166vw;
}
.fnt18{
	font-size: 0.9375vw;
}
.fnt16{
	font-size: 0.83333vw;
}
.fnt14{
	font-size: 0.72916vw;
}
.fnt13{
	font-size: 0.67708vw;
}

@media(max-width: 1600px){
	.fnt24{
		font-size: 18px;
	}
	.fnt22{
		font-size: 17px;
	}
    .fnt20{
        font-size: 16px;
    }
    .fnt18{
        font-size: 15px;
    }
	.fnt16{
		font-size: 14px;
	}
    .fnt14{
        font-size: 13px;
    }
    .fnt13{
        font-size: 12px;
    }
}
@media(max-width: 1200px){
	.fnt100{
		font-size: 60px;
	}
	.fnt80{
		font-size: 55px;
	}
	.fnt72{
		font-size: 50px;
	}
	.fnt64{
		font-size: 45px;
	}
	.fnt60{
		font-size: 40px;
	}
    .fnt56{
        font-size: 38px;
    }
	.fnt52{
		font-size:36px;
	}
	.fnt50{
		font-size:36px;
	}
	.fnt48{
		font-size:34px;
	}
	.fnt45{
		font-size:33px;
	}
	.fnt40{
		font-size:30px;
	}
	.fnt36{
		font-size:24px;
	}
    .fnt32{
		font-size:23px;
	}
	.fnt30{
		font-size:22px;
	}
	.fnt28{
		font-size: 20px;
	}
	.fnt24{
		font-size: 18px;
	}
	.fnt22{
		font-size: 17px;
	}
    .fnt20{
        font-size: 16px;
    }
    .fnt18{
        font-size: 15px;
    }
	.fnt16{
		font-size: 14px;
	}
	.fnt14{
		font-size: 13px;
	}
    .fnt13{
        font-size: 13px;
    }
}
@media(max-width: 767px){
	.fnt100{
		font-size: 50px;
	}
	.fnt80{
		font-size: 45px;
	}
	.fnt72{
		font-size: 40px;
	}
	.fnt64{
		font-size: 36px;
	}
	.fnt60{
		font-size: 32px;
	}
    .fnt56{
        font-size: 30px;
    }
	.fnt52{
		font-size: 28px;
	}
	.fnt50{
		font-size: 28px;
	}
	.fnt48{
		font-size: 26px;
	}
	.fnt45{
		font-size: 26px;
	}
	.fnt40{
		font-size: 24px;
	}
	.fnt36{
		font-size: 24px;
	}
}
@media(max-width: 567px){
	.fnt100{
		font-size: .7rem;
	}
	.fnt80{
		font-size: .65rem;
	}
	.fnt72{
		font-size: .6rem;
	}
	.fnt60{
		font-size: .57rem;
	}
	.fnt60{
		font-size: .55rem;
	}
    .fnt56{
        font-size: .53rem;
    }
	.fnt52{
		font-size:.52rem;
	}
	.fnt50{
		font-size:.5rem;
	}
	.fnt48{
		font-size:.48rem;
	}
	.fnt45{
		font-size:.44rem;
	}
	.fnt40{
		font-size:.4rem;
	}
	.fnt36{
		font-size:.38rem;
	}
	.fnt32{
		font-size:.37rem;
	}
	.fnt30{
		font-size:.36rem;
	}
	.fnt28{
		font-size: .35rem;
	}
	.fnt24{
		font-size: .35rem;
	}
	.fnt24{
		font-size: .34rem;
	}
	.fnt20,.fnt22{
		font-size: .32rem;
	}
	.fnt18,.fnt16,.fnt14{
		font-size: .28rem;
	}
}

.m36{
    margin: var(--size-36);
}
.mt36{
    margin-top: var(--size-36);
}
.mr36{
    margin-right: var(--size-36);
}
.ml36{
    margin-left: var(--size-36);
}
.mb36{
    margin-bottom: var(--size-36);
}

.m30{
    margin: var(--size-30);
}
.mt30{
    margin-top: var(--size-30);
}
.mr30{
    margin-right: var(--size-30);
}
.ml30{
    margin-left: var(--size-30);
}
.mb30{
    margin-bottom: var(--size-30);
}

.m24{
    margin: var(--size-24);
}
.mt24{
    margin-top: var(--size-24);
}
.mr24{
    margin-right: var(--size-24);
}
.ml24{
    margin-left: var(--size-24);
}
.mb24{
    margin-bottom: var(--size-24);
}

.m18{
    margin: var(--size-18);
}
.mt18{
    margin-top: var(--size-18);
}
.mr18{
    margin-right: var(--size-18);
}
.ml18{
    margin-left: var(--size-18);
}
.mb18{
    margin-bottom: var(--size-18);
}

.m15{
    margin: var(--size-15);
}
.mt15{
    margin-top: var(--size-15);
}
.mr15{
    margin-right: var(--size-15);
}
.ml15{
    margin-left: var(--size-15);
}
.mb15{
    margin-bottom: var(--size-15);
}

.m12{
    margin: var(--size-12);
}
.mt12{
    margin-top: var(--size-12);
}
.mr12{
    margin-right: var(--size-12);
}
.ml12{
    margin-left: var(--size-12);
}
.mb12{
    margin-bottom: var(--size-12);
}

.m9{
    margin: var(--size-9);
}
.mt9{
    margin-top: var(--size-9);
}
.mr9{
    margin-right: var(--size-9);
}
.ml9{
    margin-left: var(--size-9);
}
.mb9{
    margin-bottom: var(--size-9);
}

.m6{
    margin: var(--size-6);
}
.mt6{
    margin-top: var(--size-6);
}
.mr6{
    margin-right: var(--size-6);
}
.ml6{
    margin-left: var(--size-6);
}
.mb6{
    margin-bottom: var(--size-6);
}

.p48{
    padding: var(--size-48);
}
.pt48{
    padding-top: var(--size-48);
}
.pr48{
    padding-right: var(--size-48);
}
.pl48{
    padding-left: var(--size-48);
}
.pb48{
    padding-bottom: var(--size-48);
}

.p30{
    padding: var(--size-30);
}
.pt30{
    padding-top: var(--size-30);
}
.pr30{
    padding-right: var(--size-30);
}
.pl30{
    padding-left: var(--size-30);
}
.pb30{
    padding-bottom: var(--size-30);
}

.p24{
    padding: var(--size-24);
}
.pt24{
    padding-top: var(--size-24);
}
.pr24{
    padding-right: var(--size-24);
}
.pl24{
    padding-left: var(--size-24);
}
.pb24{
    padding-bottom: var(--size-24);
}

.p18{
    padding: var(--size-18);
}
.pt18{
    padding-top: var(--size-18);
}
.pr18{
    padding-right: var(--size-18);
}
.pl18{
    padding-left: var(--size-18);
}
.pb18{
    padding-bottom: var(--size-18);
}
/* reset END */
.ellipsis--1{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.ellipsis--2{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.ellipsis--3{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.ellipsis--4{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.ellipsis--5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}


/* video-play-btn */
.video-play-btn {
    width: 6.25vw;
    height: 6.25vw;
    border-radius: 50%;
    background-color: var(--color-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    cursor: pointer;
    z-index: 9;
    transition: all .3s ease-in-out;
    position: relative;
    margin-bottom: var(--size-24);
}
.video-play-btn:hover{
    background-color: var(--color-primary);
}

.video-play-btn:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url(../images/circle-mark-video.png) center center no-repeat;
    background-size: 100% 100%;
    -webkit-animation: rotate 4s linear infinite;
    -o-animation: rotate 4s linear infinite;
    animation: rotate 4s linear infinite;
}

.video-play-btn:hover:before {
    animation-play-state: paused;
}

.video-play-btn i {
    display: block;
    position: relative;
    /* animation: MoveUpDown .6s ease-in-out infinite; */
}

@media screen and (max-width: 1199px) {
    .video-play-btn{
        width: 75px;
        height: 75px;
    }
}
@media screen and (max-width: 767px) {
    .video-play-btn{
        width: 64px;
        height: 64px;
    }
}
@media screen and (max-width: 567px) {
    .video-play-btn{
        width: 1.28rem;
        height: 1.28rem;
    }
}
/* video-play-btn END */


/* theme-imba */
.theme-imba .more-btn.btn-secondary:hover{
    background-color: var(--theme-imba);
}
.more-btn.btn-yellow,
.more-btn.btn-yellow:hover{
    background-color: var(--theme-imba);
    color: #fff;
}
.theme-imba .video-play-btn{
    background-color: var(--theme-imba);
}
.theme-imba .program-menu-wrap .program-menu ul li.active{
    color: var(--theme-imba);
}
.theme-imba .program_title .title{
    color: var(--color-text-primary);
}
.theme-imba .program-admission-nav .item.active:before{
    background-color: var(--theme-imba);
}

.theme-imba .more-link.no-circle:hover{
    color: var(--theme-imba);
}
.theme-imba .more-link.no-circle:after{
    background-color: var(--theme-imba);
}
.theme-imba a.slide-card.no-bg:hover .text-box .title,
.theme-imba a:hover{
    color: var(--theme-imba);
}
.theme-imba .swiper-btn .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
    background-color: var(--theme-imba);
}
.theme-imba .program-post-nav li.active,
.theme-imba .program-post-nav li:hover{
    color: var(--theme-imba);
}
.theme-imba .program-post-list .item .calendar{
    color: var(--color-text-primary);
}
.theme-imba .program-post-list .item{
    background-color: #fff;
    /* box-shadow: 0px var(--size-6) var(--size-12) 0px rgba(0,0,0,0.05); */
}
.theme-imba .contact-list .contact-item .item-head:before,
.theme-imba .program-post-list .item:after,
.theme-imba .program-post-list .item:hover .calendar{
    background-color: var(--theme-imba);
}
.theme-imba .contact-list .contact-item .item-head{
    border-left-color: #FFE6B1;
}
.theme-imba .alumni-card .text-box .title:before,
.theme-imba .alumni-card .avatar,
.theme-imba .alumni-card:hover .avatar,
.theme-imba .alumni-card{
    background-color: var(--theme-imba);
}
.theme-imba .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background-color: var(--theme-imba);
}

/* theme-imba END */

/* theme-mib */
.theme-mib .swiper-btn .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
    background-color: var(--theme-mib);
}
.theme-mib .slide-card .info-wrap{
    border-left-color: var(--theme-mib);
    color: var(--theme-mib);
}
.theme-mib .swiper-btn.is-solid .swiper-button-next, 
.theme-mib .swiper-btn.is-solid .swiper-button-prev{
    background-color: var(--theme-mib);
    border-color: var(--theme-mib);
}
.theme-mib .swiper-btn .swiper-button-next:not(.swiper-button-disabled):hover, 
.theme-mib .swiper-btn .swiper-button-prev:not(.swiper-button-disabled):hover{
    background-color: var(--theme-mib);
}
/* theme-mib END */
.main-hidden{
    overflow: hidden;
}

/* menu-toggle */
.menu-toggle {
    cursor: pointer;
    display: flex;
    align-items: center;
    color: #fff;
    text-align: center;
    transition: all .3s ease-in-out;
}

.menu-toggle .toggle-iconfont {
    transition: 0.4s;
    position: relative;
    z-index: 20;
    float: right;
    cursor: pointer;
    width: 1.25vw;
    height: 0.9375vw;
    margin: 0 auto;
}

.menu-toggle .toggle-iconfont span {
    display: block;
    width: 100%;
    margin-top: 0.416667vw;
    height: var(--size-2);
    background: #fff;
    position: relative;
    cursor: pointer;
}

.menu-toggle span:after,
.menu-toggle span:before {
    content: "";
    position: absolute;
    display: inline-block;
    left: 0;
    width: 1.25vw;
    height: var(--size-2);
    background-color: #fff;
    -webkit-transition-duration: .3s, .3s;
    -moz-transition-duration: .3s, .3s;
    -ms-transition-duration: .3s, .3s;
    -o-transition-duration: .3s, .3s;
    transition-duration: .3s, .3s;
    -webkit-transition-delay: .3s, 0s;
    -moz-transition-delay: .3s, 0s;
    -ms-transition-delay: .3s, 0s;
    -o-transition-delay: .3s, 0s;
    transition-delay: .3s, 0s
}

.menu-toggle span:before {
    top: -0.416667vw;
    -webkit-transition-property: top, transform;
    -moz-transition-property: top, transform;
    -ms-transition-property: top, transform;
    -o-transition-property: top, transform;
    transition-property: top, transform;
    transform-origin: 0 50%;
}

.menu-toggle span:after {
    bottom: -0.416667vw;
    width: .78125vw;
    -webkit-transition-property: bottom, transform;
    -moz-transition-property: bottom, transform;
    -ms-transition-property: bottom, transform;
    -o-transition-property: bottom, transform;
    transition-property: bottom, transform;
    transform-origin: 0 50%;
}
.menu-toggle.open span:after,
.menu-toggle.open span:before{
    width: 1.25vw;
}
.menu-toggle.open span:before {
    top: -0.416667vw;
    -webkit-transform: rotate(42deg);
    -ms-transform: rotate(42deg);
    -o-transform: rotate(42deg);
    transform: rotate(42deg);
}

.menu-toggle.open span:after {
    bottom: -0.416667vw;
    -webkit-transform: rotate(-42deg);
    -ms-transform: rotate(-42deg);
    -o-transform: rotate(-42deg);
    transform: rotate(-42deg);
}

.menu-toggle.open .toggle-iconfont span {
    background-color: transparent !important;
}

@media screen and (max-width: 1920px) {
    .menu-toggle .toggle-iconfont {
        width: 24px;
        height: 18px;
        transform: scale(1.1);
    }

    .menu-toggle .toggle-iconfont span {
        margin-top: 8px;
        height: 2px;
    }

    .menu-toggle span:after,
    .menu-toggle span:before {
        width: 24px;
        height: 2px;
    }

    .menu-toggle span:before {
        top: -8px;
    }

    .menu-toggle span:after {
        bottom: -8px;
        width: 15px;
    }

    .menu-toggle.open span:after, 
    .menu-toggle.open span:before{
        width: 24px;
    }

    .menu-toggle.open span:before {
        top: -8px;
    }

    .menu-toggle.open span:after {
        bottom: -8px;
    }
}


/* menu-toggle END */

/* header */
header {
    background-color: transparent;
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    z-index: 99;
    transition: all .3s ease-in-out;
    background-color: var(--color-primary);
}
.header{
    position: relative;
    z-index: 99;
}
.header_white:not(.header-fixed) header{
    position: absolute;
    /* -webkit-backdrop-filter: saturate(150%) blur(5px);
    backdrop-filter: saturate(150%) blur(5px); */
    background-color: transparent;
}
.header_white:not(.header-fixed) header:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: var(--size-1);
    background-color: rgba(255, 255, 255, .4);
}
.header .layui-container{
    padding: 0 3.125vw;
}
@media screen and (max-width: 567px) {
    .header .layui-container{
        padding: 0 .32rem;
    }
}
header a {
    color: #fff;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

header .logo img {
    height: 4.375vw;
    min-height: 50px;
}

header .layui-container {
    position: relative;
}
/* header .layui-container >*{
    position: relative;
    z-index: 9;
} */
header .menu-toggle{
    position: relative;
    z-index: 100001;
    display: none;
}
.header {
    transition: height .5s ease-in-out;
}

.header .layui-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 7.29166667vw;
    /* padding-right: 0!important; */
}

.header .header-right{
    /* flex: 1; */
    padding-left: var(--size-15);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.header .search-toggle{
    position: relative;
    display: inline-block;
    margin-left: var(--size-20);
}
.header .search-toggle .layui-input{
    background-color: rgba(255, 255, 255, .1);
    min-width: 13vw;
    border-radius: var(--size-4);
    height: var(--size-48);
    line-height: var(--size-48);
    color: #fff;
    padding-right: var(--size-48);
    border-radius: var(--size-48);
}
.header .search-toggle .layui-input::placeholder {
    color: rgba(255, 255, 255, .25);
}
    .header .search-toggle button {
        position: absolute;
        right: 0;
        top: 0;
        background-color: unset;
        outline: unset;
        border: unset;
    }
.header .search-toggle .iconfont{
    display: block;
    /*position: absolute;
    right: 0;
    top: 0;*/
    width: var(--size-48);
    height: var(--size-48);
    line-height: var(--size-48);
    text-align: center;
    color: #fff;
    z-index: 9;
    cursor: pointer;
}
/* .header .search-toggle .iconfont:after{
    content: "";
    position: absolute;
    left: 0;
    top: var(--size-9);
    bottom: var(--size-9);
    width: var(--size-2);
    background-color: #fff;
    opacity: .3;
} */
header .secondary-nav {
    position: relative;
    text-align: right;
    justify-content: flex-end;
    margin-top: var(--size-15);
}

header .secondary-nav .layui-nav {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 0 -1.09375vw;
}

header .secondary-nav .layui-nav .layui-nav-item>a {
    cursor: pointer;
    font-size: inherit;
    padding: 0 1.09375vw;
    color: #fff;
    display: flex;
    align-items: center;
    /* opacity: .7; */
}

/* header .secondary-nav .layui-nav .layui-nav-item>a:hover {
    opacity: 1;
} */

header .secondary-nav .layui-nav .layui-nav-item:not(:nth-last-of-type(1)):after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    height: .875vw;
    margin-top: -.4375vw;
    width: 1px;
    background-color: rgba(255, 255, 255, .2);
    transition: 50% 10%;
}

header .secondary-nav .layui-nav .layui-nav-item>a img {
    width: var(--size-24);
    height: var(--size-24);
    object-fit: contain;
    margin-right: var(--size-9);
}

.headerTemp {
    height: 7.29166667vw;
    display: none;
}
.header_white .headerTemp{
    height: 0!important;
    min-height: 0!important;
}
.show-menu header,
.header-fixed header{
    position: fixed;
    background: var(--color-primary)!important;
    left: 0;
    right: 0;
    top: 0;
    box-shadow: 0 0 var(--size-9) rgb(0 0 0 / 15%);
    -webkit-transition: top .3s ease-in-out;
    -o-transition: top .3s ease-in-out;
    transition: top .3s ease-in-out;
    z-index: 999;
}
.header-fixed header{
    top: -100%;
    opacity: 0;
}
.show-menu header:after,
.header-fixed header:after{
    content: unset!important;
}
.header-fixed.header-show header{
    position: fixed;
    top: 0;
    opacity: 1;
}

/* .header-fixed header .secondary-nav{
    display: none;
} */

@media screen and (max-width: 1440px) {
    header .secondary-nav .layui-nav{
        margin: 0 -15px;
    }
    header .secondary-nav .layui-nav .layui-nav-item>a {
        padding: 0 15px;
    }

    header .secondary-nav .layui-nav .layui-nav-item:not(:nth-last-of-type(1)):after {
        height: 14px;
        margin-top: -7px;
    }
}
@media screen and (max-width: 1440px) {
    .headerTemp,
    .header .layui-container{
        height: 105px;
    }
}
@media screen and (max-width: 991px) {
    .header .header-right{
        justify-content: center;
    }
    header .secondary-nav{
        margin-top: 0;
    }
    /* header .secondary-nav .layui-nav{
        margin: 0 -10px;
    } */
    header .secondary-nav .layui-nav .layui-nav-item>a {
        padding: 0 10px;
    }
    header .menu-toggle{
        display: flex;
        position: absolute;
        right: 0;
        top: 0;
    }
    .headerTemp,
    .header .layui-container{
        height: 75px;
    }
    .header-right{
        padding-right: calc(75px - 4.166667vw);
    }
    header .secondary-nav{
        padding-bottom: 0;
        /* padding-right: var(--size-15); */
    }
}

@media screen and (max-width: 767px) {
    header .secondary-nav .search-toggle {
        display: none;
    }
    header .secondary-nav .hide-mobile{
        display: none;
    }
    .header_white:not(.header-fixed) header:after{
        content: unset;
    }
}
@media screen and (max-width: 567px) {
    header .secondary-nav .layui-nav .layui-nav-item>a img{
        width: .4rem;
        height: .4rem;
    }
}

/* header-nav */
.header-nav {
    display: flex;
    align-items: center;
}

.header-nav .layui-nav .layui-this:after {
    content: unset;
}

.header-nav .layui-nav-bar {
    display: none !important;
}

.header-nav .layui-nav .layui-nav-child:before,
.header-nav .layui-nav .layui-nav-child:after {
    content: unset;
}
@media screen and (min-width: 992px) {
    .header-nav .layui-nav {
        padding: 0;
        background: none;
        display: flex;
        margin: 0 -1.40625vw;
    }

    .header-nav .layui-nav>.layui-this:after {
        content: unset;
    }

    .header-nav .layui-nav-bar {
        display: none;
    }

    .header-nav .layui-nav ul {
        font-size: 0;
        display: table;
        width: 100%;
        table-layout: fixed;
        margin-bottom: 0;
    }

    .header-nav .layui-nav .layui-nav-item {
        display: table-cell;
        margin: 0;
        height: var(--size-72);
        line-height: var(--size-72);
    }

    .header-nav .layui-nav .layui-nav-item>a {
        display: block;
        display: inline-block;
        padding: 0 1.40625vw;
        color: #fff;
        position: relative;
        z-index: 2;
        transition: all .3s ease-in-out;
        background-color: transparent;
        white-space: nowrap;
    }

    .header-nav .layui-nav .layui-nav-more {
        right: 5px;
        font-size: var(--size-18);
    }

    .header-nav .layui-nav .layui-nav-item:not(.layui-this):hover>a,
    .header-nav .layui-nav .layui-nav-item.layui-this>a {
        /* font-weight: bold; */
        /* background-color: rgba(255, 255, 255, .1); */
        border-radius: var(--size-4);
    }

    .header-nav .layui-nav .layui-nav-item>a:after {
        content: "";
        position: absolute;
        left: 1.40625vw;
        right: 1.40625vw;
        bottom: 0;
        height: var(--size-4);
        background: #fff;
        transition: all .3s ease-in-out;
        transform: scaleX(0);
    }

    .header-nav .layui-nav .layui-nav-item.layui-this>a:after {
        transform: scaleX(1);
    }

    .header-nav .layui-nav .layui-nav-item>.icon {
        display: none;
    }

    /* 下级菜单 */
    .header-nav .layui-nav-child {
        top: 100%;
        border: 0;
        border-radius: 0;
        /* box-shadow: unset; */
        box-shadow: 0 var(--size-20) var(--size-20) rgba(0,0,0,.2);
        background-color: rgba(255, 255, 255, .95);
        color: var(--color-primary);
        padding: 0;
        white-space: normal;
        line-height: 1.5;
        padding: var(--size-18) var(--size-15);
        text-align: center;
        left: 50%;
        /* margin-top: -.20833vw; */
        /* width: 7.8125vw;
        margin-left: -3.90625vw; */
    }
    .header-nav .layui-nav-child:before{
        content: ""!important;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        height: var(--size-4);
        background: var(--color-primary);
    }

    .header-nav .layui-nav-child .submenu{
        display: block;
        padding: var(--size-12) 0;
        color: inherit;
        position: relative;
        transition: all .3s ease-in-out;
        white-space: pre-wrap;
        background-color: unset!important;
        white-space: nowrap;
        min-width: 10em;
    }
    .header-nav .layui-nav-child .submenu:hover{
        color: var(--color-secondary);
    }
    
    /* .header_white:not(.header-fixed) .header-nav .layui-nav .layui-nav-item>a{
        color: #fff;
    }
    .header_white:not(.header-fixed) .header-nav .layui-nav .layui-nav-item:not(.layui-this):hover>a,
    .header_white:not(.header-fixed) .header-nav .layui-nav .layui-nav-item.layui-this>a {
        color: #fff;
        font-weight: bold;
    }
    .header_white:not(.header-fixed) .header-nav .layui-nav .layui-nav-item>a:after {
        background: #fff;
    } */
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .header-nav .layui-nav{
        margin: 0 -.8vw;
    }
    .header-nav .layui-nav .layui-nav-item>a{
        padding: 0 .8vw;
    }
    .header-nav .layui-nav .layui-nav-item>a:after{
        left: .8vw;
        right: .8vw;
    }
}

@media screen and (max-width: 991px) {
    header .layui-container{
        height: 75px;
    }
    header .header-main{
        display: none;
    }
}

@media screen and (min-width: 992px) {
    header .menu-toggle{
        width: 5.208333vw;
        height: 5.20833vw;
        background: var(--color-primary);
    }
}
@media screen and (max-width: 1439px) {
    header .menu-toggle{
        width: 75px;
        height: 75px;
        /* background: var(--color-primary); */
    }
}
/* @media screen and (max-width: 567px) {
    header .logo img {
        min-height: 1rem;
    }
} */
@media screen and (min-width: 992px) {
    .site-menu-shade,
    .menu-container{
        display: none!important;
    }
}
/* 主菜�?*/
.menu-container{
    position: fixed;
    right: 0;
    top: -100%;
    height: calc(100vh - 7.29166667vw);
    width: 100%;
    z-index: 99;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    z-index: 98;
    overflow: hidden;
    background: #fff url(../images/bg_program_3.png) center bottom no-repeat;
    background-size: 100% auto;
}
.menu-container .menu-body{
    padding: var(--size-24);
    padding-right: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.menu-container .menu-body .mCSB_inside > .mCSB_container{
    margin-right: var(--size-24)!important;
}
.menu-container .menu-list .menu-item{
    border-bottom: 1px solid var(--border-color);
}
.menu-container .menu-list .menu-title{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.menu-container .menu-list .menu-title a{
    padding: var(--size-20) var(--size-9);
    flex: 1;
    color: var(--color-primary);
}
.menu-container .menu-list .menu-title a:hover{
    color: var(--color-primary);
}
.menu-container .menu-list .menu-title .icon{
    cursor: pointer;
    padding: var(--size-20) var(--size-9) var(--size-20) var(--size-36);
    font-size: .75em;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-weight: bold;
    width: 50%;
}
.menu-container .menu-list .menu-title .icon:hover{
    color: var(--color-primary);
}
.menu-container .submenu{
    padding-left: var(--size-24);
    display: none;
}
.menu-container .menu-list .menu-item.show-submenu .submenu{
    display: block;
}
.menu-container .menu-list .menu-item.show-submenu>.menu-title{
    background-color: var(--bg-grey);
}
.menu-container .menu-list .menu-item.show-submenu>.menu-title .icon-right{
    color: var(--color-primary);
}
.menu-container .menu-list .menu-item.show-submenu>.menu-title .icon-right:before{
    content: '\e625';
}


.menu-container .third-menu{
    padding-left: var(--size-20);
    display: none;
}
.menu-container .submenu .m-active .icon-right:before{
    content: '\e625';
}
.menu-container .third-menu a{
    display: block;
    padding: var(--size-9) 0;
    color: var(--color-text-secondary);
    transition: color .3s ease-in-out;
}
.menu-container .third-menu a .iconfont{
    opacity: 0;
    transition: opacity .3s ease-in-out;
}
.menu-container .third-menu a:hover{
    color: var(--color-primary);
}
.menu-container .third-menu a:hover .iconfont{
    opacity: 1;
}

.show-menu .site-menu-shade{
    position: fixed;
    left: 0;
    right: 0;
    top: 75px;
    bottom: 0;
    background-color: rgba(0, 0, 0, .6);
    z-index: 98;
}
.show-menu .menu-container{
    /* right: 0; */
    top: 7.29166667vw;
}
@media screen and (max-width: 991px) {
    .menu-container{
        height: calc(100vh - 75px);
    }
    .show-menu .menu-container{
        top: 75px;
    }
}

.show-menu.header-fixed header{
    position: fixed;
    background: #fff;
    left: 0;
    right: 0;
    top: 0;
    opacity: 1;
    box-shadow: 0 0 var(--size-9) rgb(0 0 0 / 15%);
    -webkit-transition: top .3s;
    -o-transition: top .3s;
    transition: top .3s;
    z-index: 9999;
}
/* 主菜�?END */

/*弹窗动画*/
.layer-anim-01 {
    -webkit-animation-name: slideInDown !important;
    animation-name: slideInDown !important;
    -webkit-animation-duration: .6s !important;
    animation-duration: .6s !important;
}

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

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

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

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.layui-layer.tc-fullpage.layer-anim-close {
    -webkit-animation-name: slideOutUp !important;
    animation-name: slideOutUp !important;
    -webkit-animation-duration: .6s !important;
    animation-duration: .6s !important;
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

/*弹窗动画 END*/


.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background: var(--color-primary);
}
.mCSB_scrollTools .mCSB_draggerRail{
    background-color: unset;
    background-color: rgba(0, 0, 0, .1);
}

@media screen and (min-width: 1920px) {
    .mCSB_inside > .mCSB_container{
        margin-right: 1.5625vw;
    }
}


/* search-layer */
/*弹窗动画*/
.layui-layer.tc-search.layer-anim-close {
    -webkit-animation-name: slideOutUp !important;
    animation-name: slideOutUp !important;
    -webkit-animation-duration: .6s !important;
    animation-duration: .6s !important;
}
/*弹窗动画 END*/
.layui-layer.tc-search{
    left: 0!important;
    right: 0!important;
    width: unset!important;
    background-color: unset!important;
}
.layui-layer.tc-search .layui-layer-content{
    height: 100%!important;
}
.layui-layer.tc-search .search-container{
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}
.layui-layer.tc-search .layui-layer-setwin .layui-layer-close2{
    width: 2.5vw;
    height: 2.5vw;
    line-height: 2.5vw;
    background: var(--color-primary);
    color: #fff;
    right: 3.125vw;
    top: 1.25417vw;
}
.search-layer{
    height: 100%;
}
.search-container .search-head,
.search-container .search-body{
    width: 100%;
}
.search-container .search-head{
    font-weight: bold;
    color: #fff;
    background-color: #fff;
    line-height: 1;
    position: relative;
    height: 5.20833vw;
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--border-color);
}
.search-container .search-head .logo img{
    height: 3.375vw;
}
.search-container .search-body{
    flex: 1;
    background-color: rgb(232 239 241 / 90%);
    padding: 2.5vw 0;
    position: relative;
}
.search-container .search-body>*{
    position: relative;
    z-index: 1;
}
/* .search-container .search-body:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 55%;
    height: 75%;
    background: url(../images/bg-search.png) left top no-repeat;
    background-size: contain;
    z-index: 0;
} */
.search-container .search-body:after{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 3.125vw;
    width: 100%;
    background: url(../images/bg-search-1.png)  bottom no-repeat;
    background-size: 100%;
    z-index: 0;
}

.search-container .search-body .layui-form .type-radio-group{
    margin-bottom: var(--size-4);
    display: flex;
    align-items: center;
}
.search-container .search-body .layui-form .item+.item{
    margin-left: var(--size-4);
}
.search-container .search-body .layui-form .layui-form-radio{
    margin: 0;
    padding: 0 var(--size-24);
    display: block;
    color: inherit;
    line-height: 1.2;
    text-align: center;
    background-color: #fff;
    font-size: inherit;
    height: 3.4658333vw;
    line-height: 3.4658333vw;
    min-width: 6vw;
}
.search-container .search-body .layui-form .layui-form-radio i{
    display: none;
}
.search-container .search-body .layui-form .layui-form-radio>*{
    font-size: inherit;
    color: inherit!important;
}
.search-container .search-body .layui-form .layui-form-radio:hover{
    color: inherit;
}

.search-container .search-body .layui-form .layui-form-radioed{
    background: var(--color-primary);
    color: #fff!important;
}


.search-container .search-body .layui-form{
    max-width: 60%;
    margin: 0 auto;
    padding-bottom: 3.25vw;
}
.search-container .search-body .layui-form .layui-input{
    background-color: #fff;
}
.search-container .search-body .layui-form .layui-form-select{
    margin-right: .3125vw;
}
@media screen and (max-width: 1439px) {
    .search-container .search-head{
        height: 75px;
    }
    .layui-layer.tc-search .layui-layer-setwin .layui-layer-close2{
        width: 36px;
        height: 36px;
        line-height: 36px;
        top: 19.5px;
    }
    .search-container .search-head .logo img{
        height: 40px;
    }
    .search-container .search-body{
        padding: 36px 0;
    }
    .search-container .search-body .layui-form .layui-form-select{
        margin-right: 4.5px;
    }
    .search-container .search-body .layui-form .layui-form-radio{
        height: 50px;
        line-height: 50px;
    }
}
@media screen and (max-width: 1199px) {
    .search-container .search-body:after{
        border-bottom-width: 1px;
        background-size: 200px;
    }
    .search-container .search-body .layui-form{
        max-width: 720px;
    }
}
@media screen and (max-width: 991px) {
    .search-container .search-body:after{
        border-bottom-width: 1px;
        background-size: 200px;
    }
    .search-container .search-head{
        height: 82px;
    }
}
@media screen and (max-width: 767px) {
    .search-container .search-body:before{
        width: 85%;
        height: 75%;
    }
    .search-container .search-body .layui-form .item {
        flex: 1;
    }
}
@media screen and (max-width: 567px) {
    .search-container .search-head .logo img{
        height: .64rem;
    }
    .layui-layer.tc-search .layui-layer-setwin .layui-layer-close2{
        right: .32rem;
    }
    .search-container .search-body .layui-form>.ala-flex{
        display: block;
    }
    .search-container .search-body .layui-form .layui-form-select{
        margin-right: 0;
        margin-bottom: 5px;
    }
    .search-container .search-body .layui-form .layui-btn{
        margin-top: 5px;
        justify-content: center;
    }
}
/* search-layer END */


/*swiper-button*/
.ala-swiper .swiper-button-prev,
.ala-swiper .swiper-button-next {
    position: absolute;
    top: 50%;
    margin-top: -.9375vw;
    width: 1.875vw;
    height: 1.875vw;
    z-index: 98;
    background: none;
    background: unset;
    color: var(--color-primary);
    border-radius: 50%;
}

.ala-swiper.is-white .swiper-button-prev,
.ala-swiper.is-white .swiper-button-next {
    color: #fff;
}

.ala-swiper .swiper-button-next.swiper-button-disabled,
.ala-swiper .swiper-button-prev.swiper-button-disabled {
    color: var(--border-color);
    opacity: 1;
}

.ala-swiper .swiper-button-prev:not(.ala-swiper .swiper-button-disabled):hover:after,
.ala-swiper .swiper-button-next:not(.ala-swiper .swiper-button-disabled):hover:after {
    color: var(--color-primary);
}

.ala-swiper .swiper-button-next:after,
.ala-swiper .swiper-button-prev:after {
    font-size: 1.2vw;
    font-weight: lighter;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.ala-swiper .swiper-button-next:after,
.ala-swiper .swiper-button-prev:after {
    content: "\e607";
    font-family: "iconfont";
}

.ala-swiper .swiper-button-prev:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.ala-swiper .swiper-button-prev,
.ala-swiper .swiper-container-rtl .swiper-button-next {
    left: 0;
}

.ala-swiper .swiper-button-next,
.ala-swiper .swiper-container-rtl .swiper-button-prev {
    right: 0;
}

.ala-swiper .swiper-button-next:after,
.ala-swiper .swiper-button-prev:after {
    position: relative;
    right: 0;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

/*swiper-button END*/


/*.swiper-pagination*/
.ala-swiper .swiper-pagination {
    left: 0;
    right: 0;
    text-align: center;
    bottom: 0;
}

.ala-swiper .swiper-pagination-bullet {
    position: relative;
    background-color: unset;
    position: relative;
    width: var(--size-9);
    height: var(--size-9);
    border-radius: var(--size-9);
    opacity: 1;
    transition: all .3s ease-in-out;
    background-color: var(--color-text-secondary);
    margin: 0 var(--size-9) !important;
}

.ala-swiper .swiper-pagination-bullet-active {
    width: var(--size-36);
    background-color: var(--color-primary);
}

.ala-swiper .swiper-pagination-bullet-active::after {
    background-color: var(--color-primary) !important;
}
.ala-swiper.is-white .swiper-pagination-bullet,
.ala-swiper.is-white .swiper-pagination-bullet-active {
    background-color: #fff;
}

@media screen and (max-width: 1439px) {
    .ala-swiper .swiper-button-prev,
    .ala-swiper .swiper-button-next {
        width: 27px;
        height: 27px;
        margin-top: -13.5px;
    }

    .ala-swiper .swiper-button-next:after,
    .ala-swiper .swiper-button-prev:after {
        font-size: 18px;
    }
}

/*.swiper-pagination EMD*/

/*.swiper-pagination*/
.ala-swiper .swiper-pagination {
    left: 0;
    right: 0;
    text-align: center;
    bottom: 0;
}

.ala-swiper .swiper-pagination-bullet {
    position: relative;
    background-color: unset;
    position: relative;
    width: 1.25vw;
    height: 1.25vw;
    border-radius: 1.25vw;
    opacity: 1;
    transition: all .3s ease-in-out;
    background-color: unset !important;
    border: 1.5px solid transparent !important;
    margin: 0 .3125vw !important;
}

.ala-swiper .swiper-pagination-bullet-active {
    border-color: var(--color-secondary) !important;
}

.ala-swiper .swiper-pagination-bullet::after {
    content: "";
    top: 50%;
    left: 50%;
    position: absolute;
    content: "";
    display: block;
    width: .3125vw;
    height: .3125vw;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background-color: var(--color-text-secondary-grey);
}

.ala-swiper .swiper-pagination-bullet-active::after {
    background-color: var(--color-secondary) !important;
}

.ala-swiper.is-white .swiper-pagination-bullet-active {
    border-color: #fff !important;
}

.ala-swiper.is-white .swiper-pagination-bullet-active::after,
.ala-swiper.is-white .swiper-pagination-bullet::after {
    background-color: #fff !important;
}

@media screen and (max-width: 1439px) {
    .ala-swiper .swiper-pagination-bullet {
        width: 18px;
        height: 18px;
        border-radius: 18px;
        margin: 0 5px;
    }

    .ala-swiper .swiper-pagination-bullet::after {
        width: 5px;
        height: 5px;
    }

    .ala-swiper .swiper-button-prev,
    .ala-swiper .swiper-button-next {
        width: 27px;
        height: 27px;
        margin-top: -13.5px;
    }

    .ala-swiper .swiper-button-next:after,
    .ala-swiper .swiper-button-prev:after {
        font-size: 18px;
    }
}

/*.swiper-pagination EMD*/


/* swiper-btn */
.swiper-btn-wrapper{
    display: flex;
    align-items: center;
    justify-content: center;
}
.swiper-btn {
    display: flex;
    align-items: center;
}

.swiper-btn .swiper-button-next,
.swiper-btn .swiper-button-prev {
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 50%;
    background: transparent;
    border: var(--size-1) solid var(--color-third);
    position: static;
    font-size: var(--size-16);
    color: var(--color-secondary);
    margin-top: unset;
}

.swiper-btn.is-white .swiper-button-next,
.swiper-btn.is-white .swiper-button-prev{
    /* border: var(--size-1) solid #fff; */
    background-color: rgba(255, 255, 255, .2);
    border: unset;
}
.swiper-btn .swiper-button-next:not(.swiper-button-disabled):hover,
.swiper-btn .swiper-button-prev:not(.swiper-button-disabled):hover{
    background-color: var(--color-third);
}

.swiper-btn .swiper-button-next:not(.swiper-button-disabled):hover:after,
.swiper-btn .swiper-button-prev:not(.swiper-button-disabled):hover:after{
    color: #fff!important;
}

.swiper-btn.is-white .swiper-button-next:not(.swiper-button-disabled):hover,
.swiper-btn.is-white .swiper-button-prev:not(.swiper-button-disabled):hover{
    background-color: #fff;
}
.swiper-btn.is-white .swiper-button-next:not(.swiper-button-disabled):hover:after,
.swiper-btn.is-white .swiper-button-prev:not(.swiper-button-disabled):hover:after{
    color: var(--color-secondary)!important;
}

.swiper-btn .swiper-button-next:after,
.swiper-btn .swiper-button-prev:after {
    /* content: "\e6f0"; */
    /* font-family: "iconfont"; */
    font-size: inherit;
}
/* .swiper-btn .swiper-button-prev:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
} */
.swiper-btn .swiper-button-prev+.swiper-button-next {
    margin-left: .625vw;
}

.swiper-btn .swiper-button-prev.swiper-button-disabled,
.swiper-btn .swiper-button-next.swiper-button-disabled {
    background: transparent;
    border: var(--size-1) solid var(--color-text-placeholder);
    color: var(--color-text-secondary);
    cursor: no-drop;
    opacity: .5;
}
.swiper-btn.is-solid .swiper-button-next,
.swiper-btn.is-solid .swiper-button-prev{
    background-color: var(--color-third);
    color: #fff;
    border-color: var(--color-third);
}
.swiper-btn.is-solid .swiper-button-prev.swiper-button-disabled,
.swiper-btn.is-solid .swiper-button-next.swiper-button-disabled{
    background-color: transparent;
    color: var(--color-text-secondary);
}

.swiper-btn .swiper-pagination{
    position: static;
    width: unset;
    display: inline-flex;
    align-items: center;
    padding: 0 var(--size-18);
}

.swiper-btn .swiper-pagination-progressbar{
    background-color: #E8E8E8;
    height: var(--size-4);
    border-radius: var(--size-4);
    overflow: hidden;
}
.swiper-btn .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
    background-color: var(--color-primary);
    height: var(--size-4);
    border-radius: var(--size-4)!important;
}

@media screen and (max-width: 1440px) {

    .swiper-btn .swiper-button-next,
    .swiper-btn .swiper-button-prev {
        width: 36px;
        height: 36px;
        /* font-size: 18px; */
    }

    .swiper-btn .swiper-button-prev+.swiper-button-next {
        margin-left: 9px;
    }
}

/* swiper-btn END */

.swiper-container {
    overflow: hidden;
    width: 100%;
    height: 100%;
}

/*banner*/
.banner {
    position: relative;
    height: 100vh;
    width: 100%;
}
.banner .ripples-cover{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 12;
}
.banner .banner-box {
    position: relative;
    z-index: 10;
}

.banner .swiper-container {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 10;
}

.banner .swiper-slide {
    background-size: cover;
    color: #fff;
    background-position: center center;
    height: 100%;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
    width: 100%;
}
.banner .swiper-bg{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
} 
.banner .swiper-slide .swiper-bg {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

/* .banner .swiper-slide .swiper-bg {
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15);
    -webkit-transition: all 10s linear;
    -o-transition: all 10s linear;
    transition: all 10s linear;
}

.banner .swiper-slide-active .swiper-bg {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
} */

.slide-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    color: #fff;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
}

.banner .slide-inner:after,
.banner .slide-inner:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 2;
    height: 18vw;
    background: linear-gradient( 180deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.17) 76%, rgba(0,0,0,0) 100%, rgba(0,0,0,0) 100%);
}
.banner .slide-inner:after {
    top: unset;
    bottom: 0;
    background: linear-gradient( to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.17) 76%, rgba(0,0,0,0) 100%, rgba(0,0,0,0) 100%);
    height: 10vw;
    min-height: var(--size-80);
}

.banner img {
    width: 100%;
}

.swiper-bottom{
    position: absolute;
    left: 0;
    right: 0;
    bottom: var(--size-45);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 15;
}
.swiper-bottom .swiper-pagination{
    position: static;
    width: unset;
    display: flex;
    align-items: center;
}
.swiper-bottom .swiper-button-prev{
    background-color: rgba(255, 255, 255, .2);
    border: 0!important;
}
.swiper-bottom .swiper-button-next{
    background-color: rgba(255, 255, 255, .2);
    border: 0!important;
}

.banner .slide-down{
    text-transform: uppercase;
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 0 var(--size-60) var(--size-24) 0;
    font-weight: 100;
    color: #fff;
    z-index: 90;
    letter-spacing: var(--size-2);
    opacity: .75;
    overflow: hidden;
    transform-origin: 100% 100%;
    transform: translateX(-50%) rotate(90deg);
    cursor: pointer;
}
.banner .slide-down:before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: var(--size-2);
    background-color: rgba(255, 255, 255, .5);
    z-index: 0;
}
.banner .slide-down span{
    position: absolute;
    left: 0;
    height: var(--size-2);
    background-color: var(--color-primary);
    width: var(--size-40);
    bottom: 0;
    animation: slideToDown 2s linear 0s infinite;
    z-index: 2;
    transform: translateX(-100%);
}

@keyframes slideToDown {
    0% {
        left: 0%;
        transform: translateX(-100%);
    }

    100% {
        left: 100%;
        transform: translateX(0);
    }
}

@media screen and (max-width: 767px) {
    .banner {
        height: 60vw;
    }
    .banner .slide-down{
        display: none;
    }
}

/*banner END*/

/* video-banner-wrap */
.video-banner-wrap{
    position: absolute;
    top: 7.29166667vw;
    left: 0;
    right: 0;
    bottom: var(--size-60);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    color: #fff;
    z-index: 10;
    text-align: left;
}
.video-banner-wrap .logo-img img{
    height: var(--size-100);
    width: unset;
}
.video-banner-wrap .arrow img{
    width: var(--size-30);
    animation: MoveUpDown .6s ease-in-out infinite;
    position: relative;
}

.video-banner-wrap .layui-container{
    height: 100%;
}
.video-banner-wrap .banner-text{
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.video-banner-wrap .banner-text .bg{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url(../images/banner-circle.png?v=1) center center no-repeat;
    background-size: 31.25vw;
    z-index: 0;
}
.video-banner-wrap .banner-text>*{
    position: relative;
}
.video-banner-wrap .banner-text .title{
    margin-top: var(--size-15);
    text-shadow: 0px 2px 4px rgba(0,0,0,0.5);
}
.video-banner-wrap .banner-text .sub-title{
    /* margin-top: var(--size-6); */
    text-shadow: 0px 2px 4px rgba(0,0,0,0.5);
}
.video-banner-wrap .arrow{
    margin-top: var(--size-72);
}
.video-banner-wrap .banner-text .title img{
    width: 100%;
    max-height: var(--size-90);
}



@-webkit-keyframes MoveUpDown {
    0% {
        bottom: var(--size-18);
    }

    50% {
        bottom: 0;
    }

    100% {
        bottom: var(--size-18);
    }
}

@keyframes MoveUpDown {
    0% {
        bottom: var(--size-18);
    }

    50% {
        bottom: 0;
    }

    100% {
        bottom: var(--size-18);
    }
}

@media screen and (max-width: 1440px) {
    .video-banner-wrap{
        top: 105px;
    }
    .video-banner-wrap .banner-text .bg{
        background-size: 450px;
    }
}
@media screen and (max-width: 991px) {
    .video-banner-wrap{
        top: 75px;
    }
}
@media screen and (max-width: 767px) {
    .video-banner-wrap{
        display: none;
    }
    .video-banner-wrap .banner-text .bg{
        background-size: 360px;
    }
    .video-banner-wrap .logo-img img{
        height: var(--size-40);
    }
    .video-banner-wrap .title{
        font-size: 20px;
        margin-top: 0;
    }
    .video-banner-wrap .sub-title{
        font-size: 14px;
        margin-top: 10px;
    }
}
/* video-banner-wrap END */


/*home-banner-wrap*/
.home-banner-wrap {
    position: absolute;
    left: 0;
    right: 0;
    bottom: var(--size-60);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    color: #fff;
    z-index: 10;
    text-align: left;
}
.home-banner-wrap .bg{
    position: absolute;
    left: 0;
    right: 0;
    top: 25%;
    height: 40%;
    background: url(../images/banner-bg.png) center center no-repeat;
    background-size: 75%;
}
.home-banner-wrap .banner-title {
    line-height: 1.2;
    font-weight: 600;
    text-shadow: 0px 2px 4px rgba(0,0,0,0.5);
}
.home-banner-wrap .banner-title img{
    max-height: var(--size-100);
    width: unset;
    max-width: 100%;
}

.home-banner-wrap .banner-desc {
    margin-top: var(--size-15);
    line-height: 1.5;
    text-shadow: 0px 2px 4px rgba(0,0,0,0.5);
    font-weight: 300;
}
.home-banner-wrap .more-link{
    margin-top: var(--size-36);
}
/* @media screen and (max-width: 1600px) {
    .swiper-bottom{
        right: 6.25vw;
    }
} */
@media screen and (max-width: 567px) {
    .home-banner-wrap {
        bottom: 2rem;
    }
    .swiper-bottom{
        bottom: var(--size-30);
    }
}

/*home-banner-wrap END*/

/* banner-video */
.banner-video .video-container {
    height: 100%;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.banner-video .video-container:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    /* background-color: rgba(0, 0, 0, .2); */
    z-index: 9;
    height: 9.375vw;
    background: linear-gradient(180deg, rgba(0, 0, 0, .75) 0%, rgba(0, 0, 0, 0) 100%);
    /* position: absolute;
    content: '';
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    background: var(--color-primary);
    opacity: .3; */
}
.banner-video .video-bg,
.banner-video .video-js{
    width: 100%!important;
    height: 100%!important;
    /* transform: translateX(-10%); */
    object-fit: cover;
}
.banner-video .video-js .vjs-poster{
    background-size: cover!important;
}
.banner-video .video-js .vjs-tech{
    object-fit: cover!important;
}
.banner-video .video-container .icon-play{
    display: none;
    margin-top: 30px;
}
@media screen and (max-width: 767px) {
    .banner-video{
        height: 66.6666vw;
    }
    /* .banner-video .video-container .icon-play{
        display: block;
    } */
}

/* banner-video END */


/*block*/
.block {
    padding: 4.6875vw 0;
    position: relative;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /* overflow: hidden; */
}

.block.small-block {
    padding: 3.125vw 0;
}

.block>* {
    position: relative;
    z-index: 9;
}
.theme-grey,
.block.grey {
    background-color: var(--bg-grey);
}

.block.bg_primary {
    background-color: var(--color-primary);
}

.block.darkGrey {
    background-color: #F0F0F0;
}

.block.bg {
    background-attachment: fixed;
}

.block.bg>* {
    position: relative;
    z-index: 9;
}

.block.bg:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .65);
    z-index: 0;
}

.block.bg .container,
.block.color_white .container {
    z-index: 2;
    position: relative;
    color: #fff;
}

.color_white {
    color: #fff;
}

@media screen and (max-width:991px) {
    .block {
        padding: 50px 0;
    }
    .block.small-block {
        padding: 40px 0;
    }
}

/*block END*/

/* ala-section */
.ala-section+.ala-section {
    margin-top: 4.6875vw;
}
.ala-section.section-small+.ala-section.section-small,
.block.small-block .ala-section+.ala-section {
    margin-top: 3.75vw;
}

@media screen and (max-width:991px) {
    .ala-section+.ala-section {
        margin-top: 50px;
    }
    .ala-section.section-small+.ala-section.section-small,
    .block.small-block .ala-section+.ala-section{
        margin-top: 40px;
    }
}

/* ala-section END */


/*index_title*/
.index_title {
    position: relative;
    margin-bottom: 2.34275vw;
    line-height: 1.2;
    color: var(--color-primary);
}
.index_title .title-wrap{
    letter-spacing: 2px;
}
.index_title .title-wrap .title-bg{
    position: absolute;
    left: -.9em;
    bottom: 0;
    width: 6em;
}
.index_title .title-wrap .title-bg img{
    width: 100%;
}
.index_title h2 {
    position: relative;
    letter-spacing: 2px;
    display: inline-block;
    z-index: 2;
    font-size: inherit;
    /* font-weight: 600; */
}

.index_title h2>* {
    position: relative;
}

.color_white .index_title,
.color_white .index_title .sub-title {
    color: #fff;
}
.index_title .title_en{
    padding-left: var(--size-60);
    position: relative;
    margin-top: var(--size-4);
}
.index_title .title_en:before{
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    height: var(--size-2);
    background-color: var(--color-primary);
    width: var(--size-60);
    transform: translateY(-50%);
}
.index_title .title_en span{
    display: inline-block;
    padding-left: var(--size-12);
}

.bg .index_title .title_en:before,
.color_white .index_title .title_en:before {
    background-color: #fff;
}

.index_title .title-wrap{
    flex: 1;
}

.index_title .more-btn {
    margin-top: 0;
}

@media screen and (max-width: 1199px) {
    .index_title {
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 767px) {
    .index_title {
        margin-bottom: 20px;
    }
    .index_title .title_en{
        padding-left: var(--size-45);
    }
    .index_title .title_en:before{
        width: var(--size-45);
    }
}

/*index_title END*/


.row-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-align-items: stretch;
    align-items: stretch;
}

.layui-row.row-flex:after,
.layui-row.row-flex:before {
    content: none;
}

#button-to-top {
    background: var(--color-primary);
    position: fixed;
    z-index: 997;
    display: block;
    width: 3.125vw;
    height: 3.125vw;
    line-height: 3.125vw;
    bottom: 5.9375vw;
    right: .9375vw;
    border-radius: 50%;
    text-align: center;
    color: #eee;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
}

@media screen and (max-width: 1199px) {
    #button-to-top {
        width: 37.5px;
        height: 37.5px;
        line-height: 37.5px;
        right: 11.25px;
        bottom: 11.25px;
    }
}

.anchor {
    position: relative;
    display: block;
    padding-top: var(--size-90);
    margin-top: var(--size-90-reverse);
    z-index: -1;
}

.qrcode-list .qrcode-item{
    text-align: center;
}
.qrcode-list .qrcode-item+.qrcode-item{
    margin-left: var(--size-20);
}

.qrcode-list .qrcode-img img{
    width: 6.25vw;
    height: 6.25vw;
    object-fit: contain;
    margin-bottom: var(--size-12);
    min-height: 90px;
    min-width: 90px;
}

/* media-list */

.media-list {
    margin: 0 -.10417vw;
    position: relative;
    z-index: 9;
}

.media-list .media-item {
    display: inline-block;
    padding: 0 .10417vw;
    text-align: center;
    position: relative;
    z-index: 1;
    margin-bottom: 0;
}

.media-list .media-item:hover {
    z-index: 2;
}

.media-list .media-item a {
    display: block;
    text-align: center;
    width: 2.8vw;
    height: 2.8vw;
    line-height: 2.8vw;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    border: var(--size-1) solid rgba(0, 0, 0, .2);
    /* background-color: rgba(255, 255, 255, .2); */
}

.media-list .media-item a:hover {
    background: #fff;
    color: var(--color-primary);
    text-decoration: unset;
}

.media-list .media-item .tc-box {
    width: 6.25vw;
    height: 6.25vw;
    padding: .3125vw;
    border-radius: .20833vw;
    margin-top: .625vw;
    transform: translate(-50%, 1.25vw);
    text-align: center;
    background-color: rgba(255, 255, 255, 1);
    border-radius: 4px;
    position: absolute;
    top: 100%;
    left: 50%;
    transition: all .5s;
    opacity: 0;
}

.media-list .media-item .tc-box img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.media-list .media-item .tc-box:after {
    content: "";
    position: absolute;
    left: 50%;
    top: -.625vw;
    width: 0;
    height: 0;
    border: .3125vw solid transparent;
    border-bottom: .3125vw solid rgba(255, 255, 255, 1);
    margin-left: -.3125vw;
}

.media-list .media-item a:hover+.tc-box {
    opacity: 1;
    transform: translate(-50%, 0);
}

@media screen and (max-width: 1439px) {
    .media-list .media-item a {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }

    .media-list .media-item .tc-box {
        width: 90px;
        height: 90px;
        padding: 5px;
        border-radius: 4px;
    }

    .media-list .media-item .tc-box:after {
        top: -9px;
        border-width: 4.5px;
        margin-left: -4.5px;
    }
}

@media screen and (max-width: 767px) {
    .media-list .media-item a:hover {
        z-index: 9;
    }

    .media-list {
        min-height: unset;
    }
}

@media screen and (max-width: 567px) {
    .media-list .media-item a {
        width: .8rem;
        height: .8rem;
        line-height: .8rem;
    }

    .media-list .media-item .tc-box {
        width: 1.8rem;
        height: 1.8rem;
        padding: .1rem;
        border-radius: .08rem;
        margin-top: .2rem;
    }

    .media-list .media-item .tc-box:after {
        top: -.24rem;
        border: .12rem solid transparent;
        border-bottom: .12rem solid #fff;
    }
}

/* media-list END */

/*footer*/
footer {
    position: relative;
    overflow: hidden;
    background: var(--color-primary);
    background-size: cover;
    border-top: var(--size-4) solid var(--color-third);
}
footer:before{
    content: "";
    position: absolute;
    left: -5vw;
    right: 0;
    bottom: -13vw;
    top: 1.5vw;
    background: url(../images/logo_circle_white.png) left bottom no-repeat;
    background-size: auto 100%;
    opacity: .7;
}
footer,
footer a,
footer a:visited {
    color: rgba(255, 255, 255, .75);
}

footer a:hover,
footer a:focus {
    color: #fff;
}

footer a:hover {
    text-decoration: underline;
}

.footer-flex{
    padding: var(--size-40) 0;
    border-bottom: var(--size-1) solid rgba(255, 255, 255, .1);
    margin-bottom: var(--size-80);
    justify-content: flex-end!important;
}

.quick-links .layui-col-xs12:after{
    content: "";
    position: absolute;
    left: 0;
    top: 2.083333vw;
    bottom: 0;
    width: var(--size-1);
    background-color: rgba(255, 255, 255, .1);
}

.footer-top {
    padding-bottom: 2.083333vw;
    /* overflow: hidden; */
}
.footer-top .footer-logo img {
    max-width: 100%;
    max-height: 5.78125vw;
    min-height: 50px;
    display: none;
}

footer .footer-title {
    margin-bottom: 1.25vw;
    color: rgba(255, 255, 255, 1);
    font-weight: normal;
}

.footer-top p,
.footer-top ul li {
    line-height: 1.2;
    margin-bottom: var(--size-15);
}

.footer-top ul,
.footer-top ul li {
    list-style: none;
    padding-left: 0;
}

.footer-top .footer-link.columns {
    columns: 2;
    column-count: 2;
    column-gap: 1.25vw;
}

.footer-top .footer-link li {
    line-height: 150%;
    position: relative;
}

.footer-top .footer-link li a {
    display: block;
    margin-bottom: .46875vw;
}

.footer-top .media-list .media-item a {
    border-color: rgba(255, 255, 255, .2);
}
.footer-top .media-list .media-item a:hover .iconfont{
    color: var(--color-primary);
}

.footer-copyright {
    padding: var(--size-18) 0;
    border-top: var(--size-1) solid rgba(255, 255, 255, .1);
}


@media screen and (min-width: 768px) {
    .footer-top {
        position: relative;
    }
}

@media screen and (max-width: 767px) {
    .footer-top {
        width: 100%;
        text-align: center;
    }

    footer .footer-title {
        margin-bottom: 12px;
        padding-bottom: 4px;
    }
    
    .footer-flex{
        display: block;
        text-align: center;
        margin-bottom: var(--size-45);
    }
    .media-column{
        margin-top: var(--size-30);
        display: block;
    }
    .media-text{
        margin-bottom: var(--size-12);
    }
    .quick-links ul li{
        display: inline-block;
    }
    .quick-links ul li+li{
        margin-left: var(--size-12);
        padding-left: var(--size-15);
        border-left: var(--size-1) solid rgba(255, 255, 255, .2);
    }
    .quick-links .layui-col-xs12:after{
        content: unset;
    }
}


/* footer END */


/* slide */
.slide{
    position: relative;
    display: block;
    color: #fff;
    overflow: hidden;
    /* border-radius: var(--size-6); */
}
.slide .img-box-post{
    padding-bottom: 60%;
}
.slide .img-box-post:before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 60%;
    background: linear-gradient( 180deg, rgba(0,0,0,0) 0%, #000000 100%);
    opacity: .9;
    transition: all .3s ease-in-out;
    z-index: 2;
}
.slide .img-box-post img{
    transform: scale(1);
    transition: all .3s ease-in-out;
}
.slide:hover .img-box-post img{
    transform: scale(1.05);
}
.slide .text-box{
    position: absolute;
    display: inline-block;
    transition: all .3s ease-in-out;
    padding: var(--size-24);
    left: 0;
    right: 0;
    bottom: -2.2em;
    z-index: 9;
}
.slide:hover .text-box{
    bottom: 0;
    color: #fff;
}
.slide .text-box .icon{
    width: var(--size-48);
    height: var(--size-48);
    line-height: var(--size-48);
    border: var(--size-1) solid rgba(255, 255, 255, .2);
    border-radius: 50%;
    text-align: center;
    transition: all .3s ease-in-out;
}
.slide .text-box .title{
    margin-top: var(--size-9);
}
.slide .text-box .desc{
    margin-top: var(--size-6);
}
.slide .text-box .more{
    opacity: 0;
    overflow: hidden;
    transition: all .3s ease-in-out;
    margin-top: var(--size-15);
}
.slide:hover .text-box .more{
    opacity: 1;
}

.slide:hover .text-box .more-link:hover{
    color: #fff;
}
.slide:hover .text-box .icon{
    background-color: rgba(255, 255, 255, .2);
    /* color: var(--color-primary); */
}
/* slide END */

/* slide-card */
.slide-card{
    position: relative;
    /* cursor: pointer; */
    box-shadow: unset;
    transition: all .3s ease-in-out;
    display: flex;
    flex-direction: column;
    /* overflow: hidden; */
    background-color: #fff;
    border-radius: var(--size-6);
}
.slide-card:hover{
    box-shadow: 0px var(--size-9) var(--size-20) 0px rgba(0,0,0,0.1);
}
.row-flex .slide-card{
    height: 100%;
}
.slide-card .img-box{
    border-radius: var(--size-6);
}
.slide-card .text-box{
    padding: var(--size-30) var(--size-24);
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.slide-card .text-box .desc{
    color: var(--color-text-secondary-grey);
    margin-top: var(--size-20);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.slide-card .text-box .desc.ellipsis--2{
    -webkit-line-clamp: 2;
}
.slide-card .text-box .title{
    color: var(--color-text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    transition: all .3s ease-in-out;
}
.slide-card .text-box .time{
    color: var(--color-text-secondary);
}
a.slide-card:hover .text-box .title{
    color: var(--color-primary);
}
.slide-card .text-box .more-link{
    margin-top: var(--size-30);
}
.slide-card:hover .more-link .iconfont{
    transform: rotate(45deg);
}


.slide-card.no-bg{
    background-color: unset;
    border-radius: 0;
}
.slide-card.no-bg:hover{
    box-shadow: unset;
}
.slide-card.no-bg .text-box{
    padding: 0;
    padding-top: var(--size-30);
}
a.slide-card.no-bg:hover .text-box .title{
    color: var(--color-primary);
}


.slide-card .info-wrap{
    margin-top: var(--size-24);
    padding-left: var(--size-18);
    border-left: var(--size-1) solid var(--color-secondary);
    color: var(--color-secondary);
}
.slide-card .info-wrap .item{
    display: flex;
    align-items: center;
}
.slide-card .text-box .info-wrap .iconfont{
    margin-right: var(--size-9);
}
.slide-card .info-wrap .item .ala-icon{
    margin-right: var(--size-9);
}
.slide-card .info-wrap .item .ala-icon .iconfont{
    margin-right: 0;
}
.slide-card .info-wrap .item+.item{
    margin-top: var(--size-6);
}


.slide-card.no-img:before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: var(--size-4);
    background: var(--color-primary);
    opacity: 1;
    transition: all .3s ease-in-out;
}
.slide-card.no-img:hover:before{
    opacity: 1;
}

.slide-card .more-btn{
    position: absolute;
    right: 0;
    bottom: 0;
    color: #fff;
    background-color: var(--color-primary);
    overflow: hidden;
    width: var(--size-48);
    height: var(--size-48);
    display: flex;
    align-items: center;
    z-index: 9;
}

.slide-card .more-btn i{
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
.slide-card:hover .more-btn i{
    animation: arrowRight .8s ease;
    -webkit-animation: arrowRight .8s ease;
}

.color_white .slide-card .text-box .desc{
    color: #fff;
    opacity: .85;
}
.color_white .slide-card .text-box .info-wrap,
.color_white .slide-card .text-box .tag,
.color_white .slide-card .text-box .time,
.color_white .slide-card .text-box .title{
    color: #fff;
}

@-webkit-keyframes arrowRight{
    0%{
        opacity: 1;
        left: 50%;
    }
    47%{
        opacity: 0;
        left: 80%;
    }
    53%{
        opacity: 0;
        left: 20%;
    }
    100%{
        opacity: 1;
        left: 50%;
    }
}
@keyframes arrowRight{
    0%{
        opacity: 1;
        left: 50%;
    }
    47%{
        opacity: 0;
        left: 80%;
    }
    53%{
        opacity: 0;
        left: 20%;
    }
    100%{
        opacity: 1;
        left: 50%;
    }
}
/* slide-card END */

/* post-list */
.post-list .slide-card .text-box{
    position: relative;
    overflow: hidden;
}
.post-list .slide-card .text-box:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 6.25vw;
    height: 5.208333vw;
    background: url(../images/icon_logo.png) left top no-repeat;
    background-size: contain;
    z-index: 0;
    opacity: .25;
    transform: translate(-28%,-60%);
    transition: all .3s ease-in-out;
}
.post-list .slide-card .text-box>*{
    position: relative;
}
.post-list .slide-card:hover .text-box:before{
    transform: translate(0,0);
    opacity: 1;
}
@media screen and (max-width: 1440px) {
    .post-list .slide-card .text-box:before{
        width: 90px;
        height: 75px;
    }
}
@media screen and (max-width: 567px) {
    .post-list .slide-card .text-box:before{
        width: 1.8rem;
    }
}
/* post-list END */


.video-play {
    position: absolute;
    width: 2.5vw;
    height: 2.5vw;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    transition: all .3s ease-in-out;
    background-color: transparent;
    border-radius: 50%;
    z-index: 99;
    border: .104167vw solid #fff;
}

.video-play:hover {
    background: var(--color-primary);
    border-color: transparent;
}

.video-play span {
    border: .46875vw solid transparent;
    border-left: .625vw solid #fff;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -.46875vw;
    margin-left: -.208333vw;
}

@media screen and (max-width: 1600px) {
    .video-play {
        width: 37px;
        height: 37px;
        border-width: 1.5px;
    }

    .video-play span {
        border-width: 7.5px;
        border-left-width: 10px;
        margin-top: -7.5px;
        margin-left: -3.3333px;
    }
}

.icon-play {
    position: absolute;
    width: 4.6879vw;
    height: 4.6879vw;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    transition: all .3s ease-in-out;
    background: var(--color-primary);
    border-radius: 50%;
    z-index: 99;
}

.icon-play:before {
    content: "";
    background: var(--color-primary);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 50%;
    -webkit-animation: warn-3 1.8s ease-out infinite;
    animation: warn-3 1.8s ease-out infinite;
    z-index: 0;
}

.icon-play span {
    border: .78125vw solid transparent;
    border-left: 1.09375vw solid #fff;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -.78125vw;
    margin-left: -.3125vw;
}

@media screen and (max-width: 991px) {
    .icon-play {
        width: 56px;
        height: 56px;
    }

    .icon-play span {
        border: 9px solid transparent;
        border-left: 13px solid #fff;
        margin-top: -9.375px;
        margin-left: -3.75px;
    }
}

@media screen and (max-width: 767px) {
    /* .shxy-block .video-wrapper .icon-play {
        display: none;
    } */
    .shxy-block .video-container img{
        height: 40vw;
    }
}

@media screen and (max-width: 567px) {
    .icon-play {
        width: .8rem;
        height: .8rem;
    }

    .icon-play span {
        border: .12rem solid transparent;
        border-left: .2rem solid #fff;
        margin-top: -.12rem;
        margin-left: -.08rem;
    }
}

@-webkit-keyframes warn-3 {
    0% {
        opacity: .5;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    60% {
        opacity: 0;
        -webkit-transform: scale(2.5);
        transform: scale(2.5)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(2.5);
        transform: scale(2.5)
    }
}

@keyframes warn-3 {
    0% {
        opacity: .5;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    60% {
        opacity: 0;
        -webkit-transform: scale(2.5);
        transform: scale(2.5)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(2.5);
        transform: scale(2.5)
    }
}


/*layui-layer tc-video*/
.layui-layer .layui-layer-setwin {
    top: 0px;
    right: 0px;
    margin-right: 0px;
    z-index: 99999;
}

.layui-layer .layui-layer-setwin .layui-layer-close2 {
    top: .9375vw;
    right: .9375vw;
    background: none;
    position: relative;
    text-align: center;
    line-height: 3.125vw;
    transition: all .3s;
    width: 3.125vw;
    height: 3.125vw;
    overflow: hidden;
    text-align: center;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    font-size: 1.25vw;
    border: 0;
    background: rgba(255, 255, 255, .25);
    padding: 0;
}

.layui-layer .layui-layer-setwin .layui-layer-close2:after {
    content: "\e60b";
    font-family: 'iconfont';
    font-weight: bold;
    color: #fff
}

.layui-layer .layui-layer-setwin .layui-layer-close2:before {
    content: unset;
}

.layui-layer .layui-layer-setwin .layui-layer-close2:hover {
    background: var(--color-primary);
    color: #fff;
}

.layui-layer.tc-video {
    background: none;
    max-height: 95vh;
    max-width: 95vw;
}

.layui-layer.tc-video .video-player {
    height: 100%;
}

.layui-layer.tc-video .video-js {
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 1399px) {
    .layui-layer .layui-layer-setwin .layui-layer-close2 {
        width: 45px;
        height: 45px;
        line-height: 45px;
        top: 10px;
        right: 10px;
        font-size: 18px;
    }
}

@media screen and (max-width: 767px) {
    .layui-layer.tc-video {
        background: none;
        height: 100vh !important;
        width: 100vw !important;
        max-height: 100vh;
        max-width: 100vw;
    }
}

/*layui-layer tc-video END*/

/* news-list */
.news-list{
    padding-top: var(--size-30);
    border-top: var(--size-1) solid rgba(0, 0, 0, .1);
}
.news-list .news-item{
    display: block;
    padding-bottom: var(--size-30);
    margin-bottom: var(--size-30);
    position: relative;
}
.news-list .news-item:before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: var(--size-1);
    background-color: rgba(0, 0, 0, .1);
}
.news-list .news-item:after{
    content: "";
    position: absolute;
    left: 0;
    width: 0;
    bottom: 0;
    height: var(--size-1);
    background-color: var(--color-primary);
    transition: all .3s ease-in-out;
}
.news-list .news-item:hover:after{
    width: 100%;
}
.news-list .news-item .text-box{
    flex: 1;
}
.news-list .news-item .tag{
    line-height: 1;
}
.news-list .news-item .tag,
.news-list .news-item .time{
    color: var(--color-text-secondary);
    line-height: 1;
}
.news-list .news-item .tag.color_secondary{
    color: var(--color-secondary);
}
.news-list .news-item .img-box{
    width: 6.25vw;
    padding-bottom: 4.6875vw;
    margin-left: var(--size-45);
}
.news-list .news-item .title{
    color: var(--color-text-primary);
    transition: all .3s ease-in-out;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.news-list .news-item .desc{
    opacity: .85;
    line-height: 1.7;
}
.news-list .news-item:hover .title{
    color: var(--color-primray);
}

.news-list .news-item .info .sep{
    height: 1em;
    width: var(--size-1);
    background-color: rgba(0, 0, 0, .1);
    margin: 0 var(--size-12);
    display: inline-block;
}

.news-list .info-wrap{
    margin-top: var(--size-20);
}
.news-list .info-wrap .item{
    display: flex;
    align-items: center;
}
.news-list .text-box .info-wrap .iconfont{
    margin-right: var(--size-9);
}
.news-list .info-wrap .item .ala-icon{
    margin-right: var(--size-9);
}
.news-list .info-wrap .item .ala-icon .iconfont{
    margin-right: 0;
}
.news-list .info-wrap .item+.item{
    margin-top: var(--size-9);
}
.news-list .news-item .text-box+.calendar,
.news-list .news-item .calendar+.text-box{
    margin-left: var(--size-45);
}
.news-list .news-item .calendar{
    width: var(--size-80);
    height: var(--size-80);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: var(--color-primary);
    border-radius: var(--size-6);
    line-height: 1;
}

.color_white .news-list .news-item{
    border-bottom: var(--size-1) dashed rgba(255, 255, 255, .15);
}
.color_white .news-list .news-item:after,
.color_white .news-list .news-item:before{
    content: unset;
}
.color_white .news-list .news-item .info .sep{
    background-color: rgba(255, 255, 255, .2);
}
.color_white .news-list .info-wrap,
.color_white .news-list .news-item .info,
.color_white .news-list .news-item .title,
.color_white .news-list .news-item .tag,
.color_white .news-list .news-item .time,
.color_white .news-list .news-item .desc{
    color: #fff;
}
@media screen and (max-width: 1200px) {
    .news-list .news-item .img-box{
        width: 75px;
        padding-bottom: 56.25px;
    }
}
/* news-list END */


/* inner-banner */
.inner-banner {
    background-color: var(--bg-primary);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    min-height: 35vw;
    position: relative;
    padding-top: 7.29166667vw;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    overflow: hidden;
}
.inner-banner>*{
    position: relative;
    z-index: 2;
}
.inner-banner:before,
.inner-banner:after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 30%;
    background: linear-gradient( 180deg, #000000 0%, rgba(0,0,0,0.17) 76%, rgba(0,0,0,0) 100%, rgba(0,0,0,0) 100%);
    opacity: .8;
    z-index: 0;
}
.inner-banner:after{
    top: unset;
    bottom: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.17) 76%, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0) 100%);
}

@media screen and (max-width: 1440px) {
    .inner-banner{
        padding-top: 105px;
    }
}
@media screen and (max-width: 991px) {
    .inner-banner{
        padding-top: 75px;
    }
}


.program-banner{
    position: relative;
    z-index: 8;
}
.program-banner .down-line{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 80%;
    height: 0;
    width: var(--size-1);
    background-color: #fff;
    z-index: 99;
    animation: slideToBottom 1s linear .4s forwards;
}

@keyframes slideToBottom {
    0% {
        height: 0;
    }

    100% {
        height: 20%;
    }
}
@media screen and (max-width: 767px) {
    .program-banner .video-banner-wrap{
        display: block;
    }
}

/* breadcrumb */
.breadcrumb {
    padding: var(--size-24) 0;
}
.right-breadcrumb{
    position: absolute;
    right: 0;
    bottom: 0;
}
.breadcrumb+.block,
.breadcrumb+.inner-banner-text{
    padding-top: 0!important;
}

.right-breadcrumb+.inner-banner-text{
    display: none;
}
.layui-breadcrumb {
    color: var(--color-text-primary);
    font-size: inherit;
}

.layui-breadcrumb>* {
    font-size: inherit;
}

.layui-breadcrumb a {
    color: inherit !important;
}

.layui-breadcrumb span[lay-separator] {
    color: inherit;
    font-family: Arial;
    margin: 0 var(--size-6);
}

.layui-breadcrumb a:hover {
    color: var(--color-primary) !important;
}

.layui-breadcrumb a cite {
    color: inherit;
}

.header_white .inner-banner .layui-breadcrumb{
    color: #fff;
}
.header_white .inner-banner .layui-breadcrumb a:hover{
    color: #fff!important;
}
@media screen and (max-width: 767px) {
    .right-breadcrumb{
        display: none;
    }
    .right-breadcrumb+.inner-banner-text{
        display: flex;
        padding-top: var(--size-60)!important;
    }
}
/* breadcrumb END */

/* inner-banner-text */
.inner-banner-text{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    color: #fff;
    width: 100%;
    padding: var(--size-60) 0 var(--size-90);
}
.inner-banner-text .layui-container{
    width: 100%;
}
.inner-banner-text .title{
    position: relative;
}
.inner-banner-text .title:after{
    content: "";
    position: absolute;
    left: -9.375vw;
    top: 50%;
    transform: translateY(-50%);
    height: var(--size-4);
    background-color: #fff;
    width: 0;
    animation: slideToRight 1s linear .4s forwards;
}

@keyframes slideToRight {
    0% {
        width: 0;
    }

    100% {
        width: calc(9.375vw * .8);
    }
}

@media screen and (max-width: 1600px) {
    .inner-banner-text .title:after{
        left: -6.25vw;
    }
    @keyframes slideToRight {
        0% {
            width: 0;
        }
    
        100% {
            width: calc(6.25vw * .8);
        }
    }
}


@media screen and (max-width: 767px) {
    .inner-banner{
        justify-content: center;
    }
    .inner-banner .inner-banner-text{
        height: 100%;
        padding: var(--size-60) 0;
        text-align: center;
    }
    .inner-banner-text .title:after{
        content: unset;
    }
}
/* inner-banner-text END */

/* home background */
.block .bg{
    position: absolute;
}
.block .bg img{
    width: 100%;
}
.program-block{
    background: #FCF9F4;
}
.program-block .bg1{
    left: 0;
    top: var(--size-60);
    width: 48.4375vw;
}
.program-block .bg2{
    left: 40vw;
    top: 0;
    width: 35vw;
}
.program-block .bg3{
    bottom: var(--size-60);
    right: 0;
    width: 36vw;
}
.program-block .bg4{
    left: 0;
    right: 0;
    top: 25.5vw;
    z-index: 2;
}
.activity-block{
    position: relative;
}
.activity-block .bg1{
    left: 0;
    top: 0;
    width: 50vw;
}
.activity-block .bg2{
    left: 0;
    width: 42.876vw;
    top: 50%;
}
.faculty-block .bg0{
    left: 0;
    right: 0;
    background: linear-gradient( 180deg, #FFFFFF 0%, rgba(255,255,255,0) 100%);
    height: 38vw;
}
.faculty-block .bg1{
    right: 0;
    width: 50vw;
    top: 0;
}
.faculty-block .bg2{
    left: 0;
    width: 46vw;
    bottom: 0;
}
.faculty-block .bg3{
    left: 0;
    right: 0;
    bottom: 0;
    transform: translateY(40%);
}
.faculty-block .bg4{
    right: .9375vw;
    top: -5.625vw;
    width: 23vw;
}
.overview-block .bg1{
    left: 0;
    right: 0;
    bottom: 0;
}
.topic-block .bg1{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient( to top, #FFFFFF 0%, rgba(255,255,255,0) 100%);
    height: 100%;
}

@media screen and (max-width: 991px) {
    .activity-block .bg1{
        width: 70vw;
    }
    .faculty-block .bg1,
    .faculty-block .bg4{
        display: none;
    }

    .faculty-swiper{
        padding: 3.125vw 0 0 0;
        position: relative;
    }
    .faculty-swiper:before{
        content: "";
        position: absolute;
        left: -3.125vw;
        right: -6.25vw;
        top: 0;
        bottom: 0;
        background: linear-gradient( to bottom, #F6EBCD 0%, #FBF7E8 60%, rgba(255,255,255,0) 80%);
        border-top-left-radius: 5.208333vw;
    }
    .faculty-swiper:after{
        content: "";
        position: absolute;
        right: -6.25vw;
        top: -5.625vw;
        bottom: 0;
        left: 0;
        background: url(../images/bg_4.png) right top no-repeat;
        background-size: 23vw;
    }
}
@media screen and (max-width: 567px) {
    .faculty-swiper:after,
    .faculty-swiper:before{
        left: -.32rem;
        right: -.32rem;
        background-size: 50vw;
    }
}

/* home background END */


/* proggram-block */
.program-container{
    position: relative;
    z-index: 1;
}
.program-list,
.program-wrapper{
    position: relative;
    width: 78vw;
    margin: 0 auto;
    height: 39vw;
    margin-top: 4vw;
}
.program-wrapper .img-wrapper{
    position: absolute;
    width: 59.6875vw;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}
 
.program-wrapper .img-wrapper img{
    width: 100%;
    position: relative;
    z-index: 9;
}
.program-wrapper .circle{
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translate(-50%,-50%);
}
.program-wrapper .img-wrapper .circle-img{
    width: 43vw;
    height: 43vw;
    background: url(../images/program_circle.png) top center no-repeat;
    background-size: 100%;
}
.program-wrapper .img-wrapper .circle-dash-small{
    width: 46vw;
    height: 46vw;
}
.program-wrapper .img-wrapper .circle-dash-small .circle-dash-container{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url(../images/program-circle-dash-small.png) top center no-repeat;
    background-size: 100%;
    -webkit-animation: rotate 8s linear infinite;
    -o-animation: rotate 8s linear infinite;
    animation: rotate 8s linear infinite;
    transform-origin: 50% 50%;
}
.program-wrapper .circle-line{
    width: 78vw;
    height: 78vw;
    background: url(../images/program-circle-line.png) top center no-repeat;
    background-size: 100%;
}
.program-wrapper .circle-dash{
    width: 75vw;
    height: 75vw;
    
}
.program-wrapper .circle-dash .circle-dash-container{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border: var(--size-1) dashed var(--color-third);
    border-radius: 50%;
    -webkit-animation: rotate 24s linear infinite;
    -o-animation: rotate 24s linear infinite;
    animation: rotate 24s linear infinite;
    transform-origin: 50% 50%;
}
.program-wrapper .dot{
    position: absolute;
    width: var(--size-20);
    height: var(--size-20);
    background-color: var(--color-third);
    border-radius: 50%;
}
.program-wrapper .circle-dash .dot1{
    left: 5.3%;
    top: 25.5%;
}
.program-wrapper .circle-dash .dot2{
    right: 25%;
    top: 5.5%;
}
.program-wrapper .circle-dash .dot3{
    right: 5.3%;
    bottom: 25.5%;
}
.program-wrapper .circle-dash .dot4{
    left: 25%;
    bottom: 5.5%;
}
.program-wrapper .circle-dash-small .dot1{
    left: 12%;
    top: 15%;
}
.program-wrapper .circle-dash-small .dot2{
    right: 5%;
    top: 25%;
}
.program-wrapper .circle-dash-small .dot3{
    right: 12%;
    bottom: 15%;
}
.program-wrapper .circle-dash-small .dot4{
    left: 5%;
    bottom: 25%;
}

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

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

.program-list{
    display: flex;
    align-items: flex-end;
    justify-content: space-around;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
}
.program-list .program-item{
    display: block;
}
.program-list .program-item:nth-of-type(1){
    left: 0;
    bottom: 10vw;
}
.program-list .program-item:nth-of-type(2){
    left: 9.375vw;
    bottom: 24vw;
}
.program-list .program-item:nth-of-type(3){
    left: 25vw;
    bottom: 34vw;
}
.program-list .program-item:nth-of-type(6){
    right: 0;
    bottom: 10vw;
}
.program-list .program-item:nth-of-type(5){
    right: 9.375vw;
    bottom: 24vw;
}
.program-list .program-item:nth-of-type(4){
    right: 25vw;
    bottom: 34vw;
}
.program-list .program-item{
    display: flex;
    cursor: pointer;
    align-items: center;
    position: absolute;
}
.program-list .program-item .text-box{
    color: var(--color-primary);
    margin-left: var(--size-24);
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    white-space: nowrap;
    line-height: 1;
    display: block;
}
.program-list .program-item .text-box .title-en{
    font-weight: bold;
    margin-bottom: var(--size-6);
}

.program-list .program-item .icon-box{
    width: 6.25vw;
    height: 6.25vw;
    position: relative;
    border-radius: 50%;
    display: block;
}
.program-list .program-item .icon-box .icon-bg{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #fff;
    border-radius: 50%;
    transition: all .3s ease-in-out;
    z-index: 2;
}
.program-list .program-item .icon-box .icon{
    position: relative;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 100%;
    z-index: 3;
}
.program-list .program-item:hover .icon-box .icon-bg{
    background-color: var(--color-primary);
}
.program-list .program-item:hover .icon-box .icon{
    background-position: left center;
}
.program-list .program-item:hover .icon-box:after{
    background: #BFC6D1
}
.program-list .program-item .icon-box:after{
    content: "";
    position: absolute;
    width: 7.3vw;
    height: 7.3vw;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    background: linear-gradient( 329deg, #DCC595 0%, #F8F2DA 100%);
    border-radius: 50%;
    z-index: 1;
}
.program-list .program-item .icon-box:before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: var(--color-primary);
    border-radius: 50%;
    z-index: 0;
    
}
.program-list .program-item:hover .icon-box::before{
    -webkit-animation: warn-2 1.3s ease infinite;
    animation: warn-2 1.3s ease infinite;
}

@media screen and (max-width: 1199px) {
    .program-list .program-item:nth-of-type(6) .text-box{
        white-space: normal;
    }
}
@media screen and (max-width: 767px) {
    .program-wrapper{
        width: 100vw;
    }
    .program-wrapper .circle-line{
        width: 100vw;
        height: 100vw;
    }
    .program-wrapper .circle-dash{
        width: 95vw;
        height: 95vw;
    }
    .program-wrapper .img-wrapper{
        width: 95vw;
    }
    .program-wrapper .img-wrapper .circle-img{
        width: 70vw;
        height: 70vw;
    }
    .program-wrapper .img-wrapper .circle-dash-small{
        width: 75vw;
        height: 75vw;
    }
    .program-wrapper .dot{
        width: var(--size-12);
        height: var(--size-12);
    }
    .program-list .program-item .text-box,
    .program-list .program-item{
        position: static;
    }
    .program-list{
        position: relative;
        width: 100%;
        height: unset;
        margin: 0;
        flex-wrap: wrap;
    }
    .program-list .program-item{
        width: 33.33333%;
        padding: var(--size-12);
        display: block;
        text-align: center;
    }
    .program-list .program-item .text-box{
        flex: 1;
        transform: unset;
        margin-left: 0;
        margin-top: var(--size-20);
        margin-bottom: var(--size-20);
    }
    .program-list .program-item .icon-box{
        width: 64px;
        height: 64px;
        margin: 0 auto;
    }
    .program-list .program-item .icon-box:after{
        width: 72px;
        height: 72px;
    }
    .program-list .program-item .text-box .title-en{
        margin-bottom: var(--size-9);
    }
}
@media screen and (max-width: 567px) {
    .program-list .program-item .icon-box{
        width: 1.28rem;
        height: 1.28rem;
    }
    .program-list .program-item .icon-box:after{
        width: 1.44rem;
        height: 1.44rem;
    }
}


@-webkit-keyframes warn-2 {
    0% {
        opacity: .2;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1.6);
        transform: scale(1.6)
    }
}

@keyframes warn-2 {
    0% {
        opacity: .2;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1.6);
        transform: scale(1.6)
    }
}
/* proggram-block END */

/* overview-block */
.overview-block .ranking{
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-bottom: var(--size-30);
}
.overview-block .ranking .sep{
    width: var(--size-1);
    height: var(--size-72);
    background: linear-gradient( 180deg, rgba(202,171,118,0.37) 0%, #CAAB76 51%, rgba(202,171,118,0.37) 100%);
    margin: 0 var(--size-15);
}
.overview-block .ranking img{
    width: var(--size-100);
    max-width: 100%;
    height: unset;
}
/* overview-block END */

/* topic-list */
.topic-list .slide-card .img-box{
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.topic-list .slide-card .img-box:after,
.topic-list .slide-card .img-box:before{
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    /* height: var(--size-6); */
    border-bottom: var(--size-6) solid var(--color-third);
    transition: all .3s ease-in-out;
    z-index: 8;
}
.topic-list .slide-card .img-box:after{
    width: 0;
    border-color: #F5E7C7;
}
.topic-list .slide-card:hover .img-box:after{
    width: 100%;
}

.topic-list .slide-card .text-box{
    position: relative;
}
.topic-list .slide-card .text-box>*{
    position: relative;
}
.topic-list .slide-card:before{
    content: "";
    position: absolute;
    left: var(--size-20-reverse);
    right: var(--size-20-reverse);
    /* top: 50%; */
    height: 0;
    bottom: 0;
    background: linear-gradient( 180deg, #DCC595 0%, rgba(248,242,218,0) 100%);
    border-radius: var(--size-6);
    opacity: 0;
    transition: all .3s ease-in-out;
}
.topic-list .slide-card:hover:before{
    opacity: 1;
    height: 50%;
}
.topic-list .slide-card .text-box .title{
    line-height: 1.2;
}
.topic-list .slide-card .text-box .desc{
    margin-top: var(--size-12);
}
/* topic-list END */

/* media-column */
.media-column .slide .img-box-post:before{
    opacity: 1;
    height: 80%;
    background: linear-gradient( to top, #00275D 0%, rgba(0,39,93,0) 100%);
}
.media-column .more-link::before{
    content: unset;
}
.media-column .left-column .slide+.slide{
    margin-top: 20px;
}
@media screen and (min-width: 768px) {
    .media-column .left-column{
        height: 100%;
        overflow: hidden;
        display: flex;
        flex-direction: column;
    }
    .media-column .left-column .slide{
        flex: 1;
    }
    .media-column .left-column .slide .img-box{
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        padding: 0;
        height: unset;
    }
}

.media-column .right-column{
    height: 100%;
    border-radius: var(--size-6);
    padding: var(--size-24) var(--size-30);
    background: var(--color-primary) url(../images/bg_10.png) center center no-repeat;
    background-size: cover;
}
.media-column .right-column .news-list{
    border-top: 0;
    padding-top: 0;
}
.media-column .right-column .news-list .news-item{
    padding-bottom: var(--size-20);
    margin-bottom: var(--size-20);
}
.media-column .right-column .news-list .news-item:last-child{
    padding-bottom: 0;
    margin-bottom: 0;
    border: 0;
}
@media screen and (max-width: 1199px) {
    .media-column .right-column{
        /* padding: var(--size-45); */
        display: none;
    }
}
/* media-column END */

/* faculty-thumb */
.faculty-thumb{
    text-align: center;
    padding: var(--size-20) 0;
}
.faculty-thumb .avatar{
    width: var(--size-80);
    height: var(--size-80);
    margin: 0 auto;
    position: relative;
}
.faculty-thumb .avatar:before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border: var(--size-1) dashed var(--color-third);
    border-radius: 50%;
    transform: scale(1.175);
    transition: all .3s ease-in-out;
}
.faculty-thumb .avatar:after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 50%;
    transform: scale(1.475);
    background-color: var(--color-primary);
    opacity: 0;
    transition: all .3s ease-in-out;
}
.faculty-thumb .avatar img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
    object-fit: cover;
    position: relative;
    z-index: 2;
}
.faculty-thumb .name{
    position: relative;
    padding-bottom: var(--size-9);
    margin-bottom: var(--size-9);
    margin-top: var(--size-24);
}
.faculty-thumb .name:after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: var(--size-20);
    height: var(--size-4);
    background-color: var(--color-third);
    transform: translateX(-50%);
}
.faculty-thumb .title{
    color: var(--color-text-secondary-grey);
}

.faculty-thumb-swiper .swiper-slide-thumb-active .faculty-thumb .avatar:before{
    border: unset;
    background-color: var(--color-primary);
}
.faculty-thumb-swiper .swiper-slide-thumb-active .faculty-thumb .avatar:after{
    opacity: .1;
}
.faculty-thumb-swiper .swiper-pagination-current{
    font-size: 1.5em;
    color: var(--color-secondary);
    padding-right: var(--size-9);
}
.faculty-thumb-swiper .swiper-pagination-total{
    padding-left: var(--size-9);
}
.faculty-thumb-swiper .swiper-pagination{
    color: var(--color-text-secondary);
}
.faculty-thumb-swiper .swiper-btn-wrap{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: var(--size-36);
}
/* faculty-thumb END */

/* faculty-swiper */
.faculty-swiper .faculty-thumb{
    display: flex;
    text-align: left;
    padding: var(--size-36) var(--size-100);
    margin-bottom: var(--size-36);
    border-bottom: var(--size-1) solid rgba(0, 39, 93, .1);
}
.faculty-swiper .faculty-thumb .avatar{
    width: var(--size-100);
    height: var(--size-100);
}
.faculty-swiper .faculty-thumb .avatar:before{
    border-color: var(--color-primary);
}
.faculty-swiper .faculty-thumb .text-box{
    flex: 1;
    padding-left: var(--size-30);
}
.faculty-swiper .faculty-thumb .text-box .name{
    margin-top: 0;
    margin-bottom: var(--size-6);
    padding-bottom: 0;
}
.faculty-swiper .faculty-thumb .text-box .name:after{
    content: unset;
}
.faculty-swiper .faculty-content{
    padding: 0 var(--size-100);
    position: relative;
}
.faculty-swiper .faculty-content .desc{
    line-height: 1.8;
    margin-top: var(--size-20);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}
.faculty-swiper .more-link{
    margin-top: var(--size-30);
    padding-bottom: var(--size-30);
    padding-left: var(--size-100);
}
.faculty-swiper .faculty-content:before{
    content: "\e90a";
    font-family: "iconfont";
    position: absolute;
    left: 0;
    top: 0;
    font-size: var(--size-72);
    color: var(--color-primary);
    opacity: .05;
    line-height: 1;
}
.faculty-swiper .faculty-content:after{
    content: "\e90a";
    font-family: "iconfont";
    position: absolute;
    right: 0;
    bottom: 0;
    transform: rotate(180deg);
    font-size: var(--size-72);
    color: var(--color-primary);
    opacity: .05;
    line-height: 1;
}
@media screen and (max-width: 567px) {
    .faculty-swiper .faculty-thumb{
        padding-left: .2rem;
        padding-right: 0;
    }
    .faculty-swiper .faculty-content{
        padding: 0;
    }
    .faculty-swiper .more-link{
        padding-left: 0;
    }
}
/* faculty-swiper END */

@media screen and (max-width: 991px) {
    .home-announcement{
        padding-top: 50px;
    }
}

/* event-swiper */
.event-swiper{
    display: block;
    position: relative;
}
.event-swiper.swiper-btn .swiper-button-next, 
.event-swiper.swiper-btn .swiper-button-prev{
    background-color: var(--color-third);
    color: #fff;
    border-color: transparent!important;
    position: absolute;
    top: 27%;
    opacity: 0;
    transition: all .3s ease-in-out;
}
.event-swiper.swiper-btn .swiper-button-prev{
    transform: translateX(-100%);
}
.event-swiper.swiper-btn .swiper-button-next{
    transform: translateX(100%);
}
.event-swiper.swiper-btn:hover .swiper-button-prev{
    transform: translateX(-50%);
    opacity: 1;
}
.event-swiper.swiper-btn:hover .swiper-button-next{
    transform: translateX(50%);
    opacity: 1;
}

@media screen and (max-width: 991px) {
    .event-swiper.swiper-btn .swiper-button-prev{
        transform: translateX(-50%);
        opacity: 1;
    }
    .event-swiper.swiper-btn .swiper-button-next{
        transform: translateX(50%);
        opacity: 1;
    }
}
@media screen and (max-width: 567px) {
    .event-swiper.swiper-btn .swiper-button-prev{
        transform: translateX(-30%)!important;
        opacity: 1;
    }
    .event-swiper.swiper-btn .swiper-button-next{
        transform: translateX(30%)!important;
        opacity: 1;
    }
}
/* event-swiper END */

/* program-menu */
.programMenuTemp{
    height: var(--size-100);
    display: none;
}
.program-menu-wrap{
    position: relative;
    z-index: 9;
    height: var(--size-100);
    background-color: var(--bg-secondary);
}
.program-menu-wrap .program-title{
    color: #fff;
    padding: 0 var(--size-100) 0 9.375vw;
    line-height: var(--size-100);
    margin-top: var(--size-48-reverse);
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    transition: all .3s ease-in-out;
}
.program-menu-wrap .program-title>*{
    position: relative;
}
.program-menu-wrap .program-menu{
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 9.375vw;
}

@media screen and (max-width: 1600px) {
    .program-menu-wrap .program-title{
        padding: 0 var(--size-100) 0 6.25vw;
    }
    .program-menu-wrap .program-menu{
        padding-right: 6.25vw;
    }
}
@media screen and (max-width: 1200px) {
    .program-menu-wrap .program-title{
        padding: 0 var(--size-100) 0 3.125vw;
    }
    .program-menu-wrap .program-menu{
        padding-right: 3.125vw;
    }
}

/* swiper */
.program-menu-wrap .program-menu .swiper-container{
    width: unset;
}
.program-menu-wrap .program-menu .swiper-slide{
    width: auto;
}
.program-menu-wrap .program-menu .swiper-slide .menu-item{
    height: var(--size-100);
    line-height: var(--size-100);
    display: block;
}
.program-menu-wrap .program-menu .swiper-slide .menu-item,
.program-menu-wrap .program-menu .swiper-slide .menu-item:hover{
    color: inherit;
}
.program-menu-wrap .program-menu .swiper-slide{
    cursor: pointer;
    transition: all .3s ease-in-out;
}
.program-menu-wrap .program-menu .swiper-slide:after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: var(--size-2);
    background-color: var(--color-primary);
    opacity: 0;
    min-height: 2px;
}
.program-menu-wrap .program-menu .swiper-slide.active{
    color: var(--color-primary);
}
.program-menu-wrap .program-menu .swiper-slide.active:after{
    opacity: 1;
}
.program-menu-wrap .program-menu .swiper-slide+.swiper-slide{
    margin-left: var(--size-40);
}
.program-menu-wrap .program-menu .more-btn{
    white-space: nowrap;
}
/* swiper END */

.program-menu-wrap .program-menu ul li a,
.program-menu-wrap .program-menu ul li a:hover{
    color: inherit;
}
.program-menu-wrap .program-menu ul{
    display: flex;
}
.program-menu-wrap .program-menu ul li{
    cursor: pointer;
    transition: all .3s ease-in-out;
}
.program-menu-wrap .program-menu ul li.active{
    color: var(--color-primary);
}
.program-menu-wrap .program-menu ul li+li{
    margin-left: var(--size-40);
}
.program-menu-wrap .program-menu .more-btn{
    margin-left: var(--size-40);
}
.programMenu-fixed .program-menu-wrap{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 9999;
    transition: all .3s ease-in-out;
}
.programMenu-fixed .program-menu-wrap .program-title{
    margin-top: 0;
}
.programMenu-fixed.header-fixed.header-show .program-menu-wrap{
    top: 7.29166667vw;
}
@media screen and (max-width: 1440px) {
    .programMenu-fixed.header-fixed.header-show .program-menu-wrap{
        top: 105px;
    }
}
@media screen and (max-width: 1199px) {
    .program-menu-wrap .program-menu .more-btn,
    .program-menu-wrap .program-menu ul li+li{
        margin-left: var(--size-12);
    }
    .program-menu-wrap .program-menu .swiper-slide+.swiper-slide{
        margin-left: var(--size-18);
    }
}
@media screen and (max-width: 991px) {
    .programMenu-fixed.header-fixed.header-show .program-menu-wrap{
        top: 95px;
    }
    .program-menu-wrap .program-menu ul{
        display: none;
    }

    /* .program-menu-wrap .program-title{
        display: none;
    } */
    .program-menu-wrap .program-menu{
        padding: 0 3.125vw;
    }
    .program-menu-wrap .program-menu .more-btn{
        display: none;
    }
}
@media screen and (max-width: 767px) {
    .program-menu-wrap .program-title{
        display: none;
    }
    .program-menu-wrap .program-menu{
        justify-content: center;
    }
}
/* @media screen and (max-width: 567px) {
    .programMenuTemp,
    .program-menu-wrap{
        display: none!important;
    }
} */
/* program-menu END */

/* program_title */
.program_title{
    margin-bottom: var(--size-30);
}
.program_title .title{
    color: var(--color-primary);
    display: inline-flex;
    align-items: center;
}
.program_title .sub-title{
    color: #DEDEDE;
    text-transform: uppercase;
}
.program_title.text-center{
    text-align: center;
}
.program_title .line{
    width: var(--size-45);
}
.program_title .line img{
    width: 100%;
    display: block;
    line-height: 1;
}

.color_white .program_title .title,
.color_white .program_title .sub-title{
    color: #fff;
}
/* program_title END */



/* program-overview */
.program-overview .bg{
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    width: 19vw;
    background: url(../images/program-overview-bg.png) left bottom no-repeat;
    background-size: 100%;
}
.program-overview .img{
    position: relative;
    margin-bottom: 20%;
}
.program-overview .img-box .img{
    margin-bottom: 0;
}
.program-overview .img .video-play-btn{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.program-overview .img .img1{
    max-width: 90%;
}
.program-overview .img .img2{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 50%;
}
/* .program-entry */
.program-entry{
    margin-top: var(--size-60);
}
.program-entry .more-btn{
    display: flex;
    margin-top: 0;
}
.program-entry .more-btn .iconfont{
    margin-right: 0;
    margin-left: var(--size-9);
}
/* .program-entry END */
/* program-overview END */

/* program-admission */
.program-admission{
    z-index: 9;
}
.program-admission .bg{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 5vw;    
    width: 70vw;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;
}
@media screen and (max-width: 991px) and (min-width: 768px) {
    .program-admission .mce-content-body{
        max-width: 60%;
    }
}
@media screen and (max-width: 991px) {
    .program-admission .bg{
        width: 100%;
        bottom: 12%;
    }
}
@media screen and (max-width: 767px) {
    .program-admission .bg{
        background-position: left center;
    }
}
/* program-admission END */

/* program-admission-wrap */
.program-admission-wrap{
    position: relative;
    /* background-color: var(--bg-secondary); */
    padding: var(--size-48);
}
.program-admission-wrap>*{
    position: relative;
}
.program-admission-wrap:before{
    content: "";
    position: absolute;
    left: 0;
    right: -9.375vw;
    top: 0;
    bottom: 0;
    background: linear-gradient(to bottom, #FDFCFC 0%, #FFF8EE 100%);
}
.program-admission-nav{
    display: flex;
    margin-bottom: var(--size-20);
    padding-bottom: var(--size-20);
    border-bottom: var(--size-1) solid var(--color-primary);
}
.program-admission-nav .item{
    position: relative;
    padding: 0 var(--size-36);
    height: var(--size-45);
    line-height: var(--size-45);
    cursor: pointer;
    transition: all .3s ease-in-out;
}
.program-admission-nav .item>*{
    position: relative;
}
.program-admission-nav .item+.item{
    margin-left: var(--size-6);
}
.program-admission-nav .item:before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #EEEAEA;
    transform: skew(-15deg);
    transform-origin: 0 100%;
}
.program-admission-nav .item.active{
    color: #fff;
}
.program-admission-nav .item.active:before{
    background-color: var(--color-primary);
}
.program-admission-nav .item:not(.active):hover{
    color: var(--color-primary);
}

.program-admission-list .item{
    display: flex;
    align-items: center;
    position: relative;
    padding: var(--size-20) 0;
    padding-left: var(--size-15);
    border-bottom: var(--size-1) solid rgba(0, 0, 0, .1);
}
.program-admission-list .item:before{
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: var(--size-9);
    height: var(--size-9);
    border-radius: var(--size-9);
    background-color: var(--color-third);
}

.program-admission-list .item .title{
    flex: 1;
    padding: 0 var(--size-9);
}
.program-admission-wrap .more-link{
    justify-content: flex-end;
}
@media screen and (max-width: 991px) {
    .program-admission-nav .item{
        height: var(--size-48);
        line-height: var(--size-48);
    }
}
@media screen and (max-width: 767px) {
    .program-admission-nav .item{
        padding: 0 var(--size-24);
    }
    .program-admission-wrap{
        padding: var(--size-24);
    }
}

.program-admission-content .content-item{
    display: none;
}
.program-admission-content .content-item.active{
    display: block;
}
/* program-admission-wrap END */

/* program-events */
.program-events{
    background: linear-gradient( 180deg, #FDFCFC 0%, #FFF8EE 100%);
    overflow: hidden;
}
.program-events .bg{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 60.25vw;
}
.program-event-swiper .swiper-btn{
    width: 100%;
    margin-top: var(--size-36);
}
.program-event-swiper .swiper-pagination {
    flex: 1;
    margin-right: var(--size-45);
}
/* program-events END */

/* program-post */
.program-post .bg{
    position: absolute;
    left: 0;
    /* top: -4.6875vw; */
    top: 0;
    width: 37.1875vw;
}
/* program-post END */

/* program-post-wrap */
.program-post-wrap .slide-card{
    display: block;
}
/* program-post-wrap END */

/* program-post */
.program-post-imba{
    background: linear-gradient( 180deg, #fff 0%, rgba(253,252,252,0) 20%, #FFF8EE 100%);
}
.program-post-imba .bg{
    position: absolute;
}
.program-post-imba .bg1{
    left: 0;
    width: 18.125vw;
    /* top: -10vw; */
    top: 0;
}
.program-post-imba .bg2{
    right: 0;
    width: 43vw;
    top: 0;
    left: unset;
}
.program-post-imba .slide-card.no-bg .text-box{
    padding-top: var(--size-20);
}
/* program-post END */

/* program-post-swipe */
.program-post-swiper{
    position: relative;
    padding-bottom: var(--size-48);
}
.program-post-swiper .text-bg{
    position: absolute;
    left: -6.25vw;
    bottom: 0;
    right: -3.125vw;
    height: 60%;
    background: url(../images/program-post-bg-2.png) center center no-repeat;
    background-size: cover;
}
.program-post-swiper .slide-card .text-box{
    display: flex;
    flex-direction: row;
    color: #fff;
}

.program-post-swiper .slide-card .text-box .calendar{
    text-align: center;
    white-space: nowrap;
    padding-right: var(--size-24);
    margin-right: var(--size-24);
    border-right: var(--size-1) solid rgba(255, 255, 255, .2);
}
.program-post-swiper .slide-card:hover .text-box .title{
    color: #fff!important;
}
.program-post-swiper .swiper-btn{
    margin-top: var(--size-36);
    justify-content: center;
}
/* program-post-swipe END */

/* program-post-nav */
.program-post-nav{
    margin-bottom: var(--size-30);
}
.program-post-nav ul{
    display: flex;
    align-items: center;
}
.program-post-nav li{
    cursor: pointer;
    position: relative;
    transition: all .3s ease-in-out;
}
.program-post-nav li+li{
    margin-left: var(--size-12);
    padding-left: var(--size-12);
}
.program-post-nav li+li:before{
    content: "/";
    position: absolute;
    left: 0;
    color: var(--color-text-secondary);
}
.program-post-nav li.active,
.program-post-nav li:hover{
    color: var(--color-primary);
}
.program-post-nav li.active{
    font-size: 1.5em;
}
/* program-post-nav END */

/* program-post-list */
.program-post-list .item{
    display: flex;
    margin-left: var(--size-45);
    position: relative;
    padding: var(--size-32) var(--size-60) var(--size-32) var(--size-72);
    background-color: #FDFBFB;
    box-shadow: 0px var(--size-6) var(--size-12) 0px rgba(0,0,0,0.05);
    transition: all .3s ease-in-out;
}
.program-post-list .item+.item{
    margin-top: var(--size-18);
}
.program-post-list .item:after{
    content: '';
    position: absolute;
    left: 0;
    height: var(--size-2);
    background-color: var(--color-primary);
    width: 0;
    bottom: 0;
    transition: all .3s ease-in-out;
}
.program-post-list .item:hover:after{
    width: 100%;
}
.program-post-list .item .title{
    flex: 1;
    /* padding: var(--size-32) var(--size-60) var(--size-32) var(--size-72); */
    position: relative;
    z-index: 8;
    min-height: 3em;
    display: flex;
    align-items: center;
}
.program-post-list .item .calendar{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(-50%,-50%);
    line-height: 1;
    color: var(--color-primary);
    background-color: #F3E8D1;
    width: var(--size-90);
    height: var(--size-90);
    border-radius: var(--size-90);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-bottom: var(--size-6);
    transition: all .3s ease-in-out;
    z-index: 9;
}
.program-post-list .item .calendar .year{
    margin-top: var(--size-2);
}
.program-post-list .item:hover .calendar{
    background-color: var(--color-primary);
    color: #fff;
}
/* program-post-list END */

/* program-study */
.program-study{
    z-index: 8;
}
/* .program-study .layui-container{
    overflow: hidden;
} */
.program-study .bg{
    position: absolute;
}
.program-study .bg1{
    left: 0;
    width: 18.125vw;
    /* top: -10vw; */
    top: 0;
}
.program-study .bg2{
    right: 0;
    width: 43vw;
    top: -15vw;
}
/* program-study END */

/* study-list */
.study-list{
    display: flex;
    padding-top: var(--size-60);
    overflow: hidden;
}
.study-list .study-item{
    width: 6%;
    flex: 1;
    display: flex;
    transition: all .3s ease-in-out;
}
.study-list .study-item .item-body{
    flex: 1;
    background: linear-gradient( 180deg, #FDFCFC 0%, #FFF8EE 100%);
    /* background-color: var(--color-secondary); */
    padding: var(--size-48);
    display: none;
    transition: all .3s ease-in-out;
    position: relative;
    z-index: 8;
}
.study-list .study-item .item-body:before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url(../images/program-study-bg-3.png) center bottom no-repeat;
    background-size: 25vw auto;
}
.study-list .study-item .item-head{
    padding: var(--size-80) var(--size-18);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    transition: all .3s ease-in-out;
    z-index: 9;
    cursor: pointer;
}
.study-list .study-item .item-head>*{
    position: relative;
}
.study-list .study-item .item-head .head-bg{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transform: skewY(15deg);
    overflow: hidden;
    transform-origin: 100% 0;
    background: var(--color-primary) url(../images/program-study-head-bg.png) center center no-repeat;
    background-size: cover;
}
.study-list .study-item .item-head .head-bg img{
    position: relative;
    transform: skewY(-15deg);
    transform-origin: 100% 0;
    width: 100%;
    height: 120%;
    object-fit: cover;
    top: -10%;
    opacity: 1;
    transition: all .3s ease-in-out;
}
.study-list .study-item:nth-of-type(2n+2) .item-head .head-bg{
    transform: skewY(-15deg);
    transform-origin: 0 0;
}
.study-list .study-item:nth-of-type(2n+2) .item-head .head-bg img{
    transform: skewY(15deg);
    transform-origin: 0 0;
}
.study-list .study-item .item-head .icon{
    width: var(--size-60);
    height: var(--size-60);
    border: var(--size-1) dashed var(--color-primary);
    border-radius: 50%;
    margin-bottom: var(--size-20);
    display: flex;
    align-items: center;
    justify-content: center;
}
.study-list .study-item .item-head .icon i{
    display: block;
    width: var(--size-24);
    height: var(--size-24);
    background-repeat: no-repeat;
    background-size: var(--size-24) auto;
    background-position: center top;
}
.study-list .study-item.active .item-head .icon i{
    background-position: center bottom;
}
.study-list .study-item .item-head .title{
    writing-mode: vertical-rl;
    text-orientation: upright; 
    letter-spacing: .1em;
}
.study-list .study-item:nth-of-type(2n+2) .item-body{
    top: -4.4%;
}
.study-list .study-item.active{
    width: 64%;
    flex: 12;
}
.study-list .study-item.active .item-head{
    color: #fff;
    justify-content: center;
}
.study-list .study-item .item-head:after{
    content: "";
    position: absolute;
    left: 100%;
    border: var(--size-15) solid transparent;
    border-left: var(--size-15) solid var(--color-primary);
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
}
.study-list .study-item.active .item-head:after{
    opacity: 1;
}
.study-list .study-item.active .item-head .head-bg img{
    opacity: 0;
}

.study-list .study-item.active .item-head .icon{
    border-color: #fff;
}
.study-list .study-item.active .item-body{
    display: block;
}

@media screen and (max-width: 1360px) {
    .study-list .study-item .item-head{
        padding: var(--size-80) var(--size-15);
    }
}
@media screen and (max-width: 1200px) {
    .study-list .study-item .item-head{
        padding: var(--size-80) var(--size-12);
    }
    .study-list .study-item .item-head .icon{
        width: var(--size-54);
        height: var(--size-54);
    }
    .study-list .study-item:nth-of-type(2n+2) .item-body{
        top: -3.5%;
    }
}
@media screen and (max-width: 991px) {
    .study-list{
        display: block;
        padding-top: 0;
        overflow: unset;
    }
    .study-list .study-item{
        display: block;
        width: 100%!important;
    }
    .study-list .study-item .item-head{
        flex-direction: row;
        padding: var(--size-18) var(--size-30);
    }
    .study-list .study-item.active .item-head{
        justify-content: flex-start;
    }
    .study-list .study-item .item-head .title{
        writing-mode: unset;
        text-orientation: unset
    }
    .study-list .study-item .item-head .head-bg img{
        width: 120%;
        height: 100%;
        top: 0;
        left: -10%;
    }
    .study-list .study-item .item-head .icon{
        margin-bottom: 0;
        margin-right: var(--size-15);
    }
    .study-list .study-item .item-head .head-bg{
        transform: skewX(-10deg);
        transform-origin: 50% 50%;
    }
    .study-list .study-item .item-head .head-bg img{
        transform: skewX(10deg);
        transform-origin: 50% 50%;
    }
    .study-list .study-item:nth-of-type(2n+2) .item-head .head-bg{
        transform: skewX(10deg);
        transform-origin: 50% 50%;
    }
    .study-list .study-item:nth-of-type(2n+2) .item-head .head-bg img{
        transform: skewX(-10deg);
        transform-origin: 50% 50%;
    }
    .study-list .study-item .item-head:after{
        left: 50%;
        top: 100%;
        transform: translateX(-50%);
        border-left-color: transparent;
        border-top-color: var(--color-primary);
    }
    .study-list .study-item .item-body{
        background-color: unset;
        padding: var(--size-24);
    }
    .study-list .study-item .item-body:before{
        background-size: 50vw auto;
    }
}
/* study-list END */

/* program-international */
.program-international{
    background: url(../images/program-international-bg.jpg) center center no-repeat;
    background-size: cover;
}
.program-international .more-btn{
    margin-top: var(--size-60);
    margin-bottom: var(--size-100);
}
/* program-international END */

/* program-contact */
.program-contact .mce-content-body{
    color: var(--color-text-secondary-grey);
}
/* program-contact END */


/* program-contact */
.program-contact{
    background: url(../images/program-contact-bg.jpg) center center no-repeat;
    background-size: cover;
}
.program-contact-white{
    background: url(../images/program-contact-bg-2.jpg) center center no-repeat;
    background-size: cover;
}

.contact-qrcode{
    display: flex;
    flex-wrap: wrap;
    margin: var(--size-15-reverse);
}
.contact-qrcode .item{
    width: 20%;
    padding: var(--size-15);
    min-width: 120px;
}
.contact-qrcode .item .img-box{
    border-radius: var(--size-9);
    overflow: hidden;
}
.contact-qrcode .text-box{
    color: var(--color-text-secondary-grey);
    text-align: center;
    margin-top: var(--size-9);
}
.program-contact hr{
    border-color: rgba(0, 0, 0, .1);
    margin: var(--size-60) 0;
}
.contact-list .contact-item .item-head{
    position: relative;
    padding: var(--size-6) var(--size-36) var(--size-6) var(--size-18);
    border-left: var(--size-4) solid var(--color-secondary);
    display: inline-block;
    color: #fff;
    overflow: hidden;
    margin-bottom: var(--size-20);
}
.contact-list .contact-item .item-head>*{
    position: relative;
}
.contact-list .contact-item .item-head:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: var(--color-primary);
    transform: skewX(-20deg);
    transform-origin: 100% 0;
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
    .contact-qrcode .item{
        width: 25%;
    }
}
@media screen and (max-width: 991px) {
    .contact-qrcode .item{
        width: 16.66667%;
    }
}
@media screen and (max-width: 767px){
    .contact-qrcode .item{
        width: 25%;
    }
}
/* program-contact END */

/* program-training */
.program-training:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 80%;
    background: linear-gradient( 180deg, rgba(253, 252, 252, 0) 0%, #FFF8EE 100%);
}
/* program-training END */

/* training-list */
.training-title{
    padding-top: var(--size-40);
    padding-bottom: var(--size-30);
    text-align: center;
    border-top: var(--size-1) solid rgba(0, 0, 0, .1);
}
.training-list{
    display: flex;
    margin: var(--size-15-reverse);
}
.training-list .training-item{
    background-color: #fff;
    box-shadow: 0px var(--size-9) var(--size-20) 0px rgba(0,0,0,0.1);
    display: flex;
    position: relative;
    transition: all .3s ease-in-out;
    margin: var(--size-15);
    border-top: var(--size-4) solid var(--theme-imba);

    flex: 1;
    
    height: 20vw;
    min-height: 300px;
}
.training-list .training-item .training-head{
    background-color: #fff;
    padding: var(--size-24);
    height: 100%;
    position: relative;
    transition: background .3s ease-in-out;
    /* cursor: pointer; */
    width: 100%;
}
.training-list .training-item .training-head .letter{
    font-weight: bold;
    font-size: 11em;
    position: absolute;
    bottom: 0;
    left: 0;
    line-height: 1;
    background-image: -webkit-linear-gradient(to bottom, rgba(254, 189, 9, 30%), rgba(254, 189, 9, 0));
    background-image: linear-gradient(to bottom, rgba(254, 189, 9, 30%), rgba(254, 189, 9, 0));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.training-list .training-item.active{
    width: 50%!important;
}
.training-list .training-item.active .training-head .letter{
    background-image: -webkit-linear-gradient(to bottom, rgba(255, 255, 255, 30%), rgba(255, 255, 255, 0));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 30%), rgba(255, 255, 255, 0));
}
.training-list .training-item .training-head .title{
    padding-bottom: var(--size-24);
    margin-bottom: var(--size-24);
    border-bottom: var(--size-1) solid rgba(0, 0, 0, .1);
}
.training-list .training-item .training-head .desc{
    color: var(--color-text-secondary);
}
.training-list .training-item.active .training-head .title{
    border-bottom-color: rgba(255, 255, 255, .5);
}
.training-list .training-item.active .training-head .desc{
    color: #fff;
}
.training-list .training-item.active .training-head{
    background-color: var(--theme-imba);
    color: #fff;
}
.training-list .training-item .training-body{
    display: none;
    flex: 1;
    background: linear-gradient( to bottom, #FEFCF9 0%, #FCF7F0 100%);
}
.training-list .training-item .training-body .mce-content-body{
    opacity: 0;
    transform: translateX(10%);
    animation: showContent .3s linear .2s forwards;
}

@keyframes showContent {
    0% {
        opacity: 0;
        transform: translateX(10%);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
.training-list .training-item.active .training-body{
    display: block;
    border-top: var(--size-4) solid var(--theme-imba);
    overflow: hidden;
    padding: var(--size-40) 0;
}
.training-list .training-item.active .training-body .mce-content-body{
    padding: 0 var(--size-30);
}
.training-list .training-item.active .training-body ul li:before{
    background-color: var(--theme-imba);
    border-radius: unset;
    transform: rotate(45deg);
}
.training-list .training-item.active .training-body ul li,
.training-list .training-item.active .training-body ul p{
    margin-bottom: var(--size-9);
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .training-list{
        flex-wrap: wrap;
    }
    .training-list .training-item{
        width: 49%;
        flex: unset;
        margin: 0;
        margin-bottom: 2%;
    }
    .training-list .training-item:nth-of-type(2n+2){
        margin-left: 2%;
    }
}

/* @media screen and (max-width: 991px) {
    .training-list{
        display: block;
    }
    .training-list .training-item{
        height: unset;
        min-height: unset;
    }
    .training-list .training-item.active,
    .training-list .training-item{
        width: 100%!important;
    }
    .training-list .training-item .training-head{
        width: 33.33333%!important;
        background-color: var(--theme-imba);
        color: #fff;
        height: unset;
    }
    .training-list .training-item .training-head .letter{
        background-image: -webkit-linear-gradient(to bottom, rgba(255, 255, 255, 30%), rgba(255, 255, 255, 0));
        background-image: linear-gradient(to bottom, rgba(255, 255, 255, 30%), rgba(255, 255, 255, 0));
        top: 0;
    }
    .training-list .training-item .training-head .title{
        border-bottom-color: rgba(255, 255, 255, .5);
    }
    .training-list .training-item .training-head .desc{
        color: #fff;
    }
    .training-list .training-item+.training-item{
        margin-top: var(--size-20);
    }
    .training-list .training-item .training-body{
        display: block!important;
        border-top: var(--size-4) solid var(--theme-imba);
        overflow: hidden;
        padding: var(--size-40) 0;
        width: unset!important;
    }
    .training-list .training-item .training-body .mce-content-body {
        padding: 0 var(--size-30);
    }
} */
@media screen and (max-width: 767px) {
    .training-list{
        display: block;
    }
    .training-list .training-item{
        height: unset;
        min-height: unset;
        display: block;
    }
    .training-list .training-item.active,
    .training-list .training-item{
        width: 100%!important;
    }
    .training-list .training-item .training-head{
        
        height: unset;
    }
    
    .training-list .training-item+.training-item{
        margin-top: var(--size-20);
    }
}
/* training-list END */

/* training-swiper */
.training-swiper{
    margin-top: var(--size-80);
    overflow: hidden;
    border: var(--size-1) solid #E0CDA2;
}

.training-swiper-nav{
    background-color: #FCF7F0;
    position: relative;
    z-index: 9;
}
.training-swiper-nav .swiper-container{
    overflow: unset;
}
.training-swiper-nav .swiper-slide{
    text-align: center;
    padding: var(--size-20) 0;
    position: relative;
    border: var(--size-1) solid #E0CDA2;
    border-right: 0;
    border-top: 0;
    cursor: pointer;
    overflow: hidden;
}
.training-swiper-nav .swiper-slide:first-child{
    border-left: 0;
}
.training-swiper-nav .swiper-slide:after{
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    border: var(--size-12) solid transparent;
    border-top: var(--size-12) solid var(--theme-imba);
    opacity: 0;
    transform: translateX(-50%);
}
/* .training-swiper-nav .swiper-slide+.swiper-slide{
    border-left: unset;
} */
.training-swiper-nav .swiper-slide .title{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.training-swiper-nav .swiper-slide .sub-title{
    color: var(--color-text-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.training-swiper-nav .swiper-slide.swiper-slide-thumb-active{
    background-color: var(--theme-imba);
    color: #fff;
}
.training-swiper-nav .swiper-slide.swiper-slide-thumb-active .sub-title{
    color: #fff;
}
.training-swiper-nav .swiper-slide.swiper-slide-thumb-active:after{
    opacity: 1;
}

.training-swiper-content .training-content-item{
    padding: var(--size-80);
    background: #fff url(../images/program-training-content-bg.png) center center no-repeat;
    background-size: auto 100%;
}
.training-swiper-content .text-box{
    padding-right: var(--size-100);
    position: relative;
    /* padding-top: 1.5em; */
}
.training-swiper-content .training-content-item .color_text_secondary{
    margin-top: var(--size-36);
}
.training-swiper-content .training-content-item .sub-title{
    font-size: 3em;
    opacity: .1;
    line-height: 1;
    color: var(--color-text-secondary);
    text-transform: uppercase;
    /* white-space: nowrap; */
    position: absolute;
    left: 0;
    top: 0;
    display: none;
}
.training-swiper-content .training-content-item .title{
    line-height: 1;
}
@media screen and (max-width: 991px) {
    .training-swiper-content .training-content-item{
        padding: var(--size-60);
    }
    .training-swiper-content .text-box{
        padding-right: 0;
        padding-bottom: var(--size-60);
    }
}
@media screen and (max-width: 767px) {
    .training-swiper-content .training-content-item{
        padding: var(--size-40);
    }
    .training-swiper-content .text-box{
        padding-bottom: var(--size-40);
    }
    .training-swiper-nav{
        display: none;
    }
    .training-swiper-content{
        opacity: 1!important;
        transform: unset!important;
    }
    .training-swiper-content .swiper-wrapper{
        height: auto!important;
        display: block!important;
    }
    .training-swiper-content .swiper-wrapper .swiper-slide{
        opacity: 1!important;
        pointer-events: unset;
    }
}
/* training-swiper END */

/* program-alumni */
.program-alumni{
    background: linear-gradient( 180deg, rgba(253,252,252,0) 0%, #FFF8EE 100%);
}
.program-alumni.alumni-bg:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: -4.6875vw;
    background: linear-gradient( 180deg, rgba(253,252,252,0) 0%, #FFF8EE 100%);
}
/* program-alumni END */

/* program-alumni-swiper */
.program-alumni-swiper .swiper-container{
    padding-top: var(--size-15);
    padding-bottom: var(--size-72);
}
.program-alumni-swiper .swiper-btn{
    width: 100%;
}
.program-alumni-swiper .swiper-pagination {
    flex: 1;
    margin-right: var(--size-45);
}
.program-alumni-swiper .swiper-slide{
    height: auto;
}
/* program-alumni-swiper END */

/* alumni-card */
.alumni-card{
    position: relative;
    padding: var(--size-30) var(--size-24) var(--size-24);
    padding-bottom: 0;
    background-color: var(--color-primary);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    top: 0;
    transition: top .3s ease-in-out;
    text-align: center;
    height: 100%;
    padding-bottom: calc(var(--size-40) + var(--size-40) + var(--size-54) + var(--size-30) );
}
.alumni-card>*{
    position: relative;
}
.alumni-card:before{
    content: "";
    opacity: 1;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient( 180deg, #FDFCFC 0%,#FBECD5 100%);
    transition: all .3s ease-in-out;
}
.alumni-card:after{
    content: "";
    position: absolute;
    left: var(--size-15);
    right: var(--size-15);
    top: var(--size-9);
    bottom: 0;
    background: url(../images/alumni-card-bg.png) top center no-repeat;
    background-size: 100%;
    /* opacity: .7; */
}
.alumni-card:hover{
    top: var(--size-15-reverse);
    color: #fff!important;
}
.alumni-card:hover:before{
    opacity: 0;
}
.alumni-card .alumni-head{
    padding: var(--size-72) 0 var(--size-54);
    transition: all .3s ease-in-out;
}
.alumni-card .alumni-head .title{
    transition: all .3s ease-in-out;
}
.alumni-card:hover .alumni-head .title{
    color: #fff;
}
.alumni-card:hover .alumni-head{
    padding: 0 0 var(--size-24);
}
.alumni-card .avatar{
    width: var(--size-100);
    height: var(--size-100);
    border-radius: 50%;
    margin: 0 auto;
    overflow: hidden;
    padding: var(--size-6);
    background-color: var(--theme-imba);
    transition: all .3s ease-in-out;
    border: var(--size-1) solid #fff;
    margin-bottom: var(--size-15);
}
.alumni-card:hover .avatar{
    background-color: var(--color-primary);
}
    .alumni-card .avatar img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 50%;
    }
.alumni-card .text-box{
    box-shadow: 0px var(--size-9) var(--size-20) 0px rgba(0,0,0,0.1);
    background-color: #fff;
    padding: var(--size-40) var(--size-24);
    transform: translateY(var(--size-30));
    position: absolute;
    left: var(--size-24);
    right: var(--size-24);
    bottom: 0;
}
.alumni-card .text-box .title{
    padding-bottom: var(--size-15);
    margin-bottom: var(--size-15);
    position: relative;
    color: var(--color-text-primary);
}
.alumni-card .text-box .title:before{
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: var(--size-60);
    height: var(--size-2);
    background-color: var(--color-primary);
    transform: translateX(-50%);
}
.alumni-card .text-box{
    transition: all .3s ease-in-out;
}
.alumni-card .text-box .content{
    height: 0;
    transition: all .3s ease-in-out;
}
.alumni-card:hover .text-box .content{
    height: 6em;
}
/* alumni-card END */


/* filter */
.filter {
    margin-bottom: 1.71875vw;
    padding: 2.34275vw;
    background-color: var(--bg-primary);
    /* border: 1px solid var(--border-color); */
}
.filter.bg-primary{
    background: var(--color-secondary);
    border-color: var(--color-secondary);
}

.filter .layui-form-item {
    margin-bottom: 0;
    position: relative;
    flex: 1;
    overflow: hidden;
    width: 100%;
    max-width: 280px;
}

.filter .layui-form-item>*+* {
    margin-left: 15px;
}

.filter .layui-input {
    background-color: #fff;
}

.filter .layui-form>.ala-flex {
    max-width: 50%;
}

.filter .layui-form .ala-flex .layui-form-select,
.filter .layui-form .ala-flex .layui-input {
    width: 100%;
    flex: 1;
}

@media screen and (max-width: 1199px) {
    .filter {
        padding: 30px;
        margin-bottom: 30px;
    }

    .filter .layui-form>.ala-flex {
        max-width: 60%;
    }
}

@media screen and (max-width: 991px) {
    .filter .layui-form>.ala-flex {
        max-width: 100%;
    }
}

@media screen and (max-width:567px) {
    .filter {
        padding: .4rem .3rem;
        margin-bottom: .4rem;
    }
}

/* filter END */


/* ala-tab */
.layui-tab {
    margin: 0;
}

.layui-tab .layui-tab-bar {
    display: none;
}

.ala-tab .layui-tab-title {
    height: unset;
    border-bottom: 0;
    font-size: inherit;
}

.ala-tab .layui-tab-title li {
    height: unset;
    line-height: inherit;
    font-size: inherit;
    background-color: transparent;
}

.ala-tab .layui-tab-title li a {
    padding: 1.25vw;
    display: block;
    color: inherit;
    line-height: 1.2;
    min-width: 10.4166667vw;
    text-align: center;
}

.ala-tab .layui-tab-title .layui-this:after {
    content: unset;
}

.ala-tab .layui-tab-title li:before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: var(--size-4);
    background: var(--color-primary);
    opacity: 0;
}
.ala-tab .layui-tab-title .layui-this{
    background-color: var(--bg-primary);
}
.ala-tab .layui-tab-title .layui-this:before{
    opacity: 1;
}

.ala-tab .layui-tab-content {
    padding: 0;
}

@media screen and (max-width: 1439px) {
    .ala-tab .layui-tab-title li a {
        padding-top: 18px;
        padding-bottom: 18px;
    }
}

@media screen and (max-width: 1199px) {
    .ala-tab .layui-tab-title li a {
        min-width: 125px;
        padding: 18px 15px;
    }
}

@media screen and (max-width: 767px) {
    .ala-tab .layui-tab-title {
        display: table;
        width: 100%;
    }

    .ala-tab .layui-tab-title li {
        text-align: center;
        min-width: 0;
        display: table-cell;
    }

    .ala-tab .layui-tab-title li a {
        padding: 18px 12px;
        min-width: 0;
    }
}

@media screen and (max-width: 567px) {
    .ala-tab .layui-tab-title li a {
        padding: .36rem .24rem;
    }
}

/* ala-tab END */

/* faculty-filter */
.faculty-filter{
    padding-bottom: var(--size-60);
    margin-bottom: var(--size-40);
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}
.faculty-filter .filter-item{
    display: flex;
}
.faculty-filter .filter-item+.filter-item{
    margin-top: var(--size-40);
}
.faculty-filter .filter-item .label{
    width: 5em;
    text-align: justify;
    margin: var(--size-6) 0;
    height: var(--size-48);
    line-height: var(--size-48);
}
.faculty-filter .filter-item .label i{
    display: inline-block;
    width: 100%;
}
.faculty-filter .filter-item .value{
    flex: 1;
    padding-left: var(--size-30);
}
.faculty-filter .options{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
}
.faculty-filter .options .item{
    height: var(--size-48);
    line-height: var(--size-48);
    background-color: #F6F6F6;
    color: var(--color-text-secondary-grey);
    margin: var(--size-6);
    cursor: pointer;
    transition: all .4s;
    padding: 0 var(--size-24);
}
.faculty-filter .options .item.active{
    background-color: var(--color-primary);
    color: #fff;
}
.faculty-filter .options .item:not(.active):hover{
    color: var(--color-secondary);
}
@media screen and (max-width: 767px) {
    .faculty-filter .filter-item{
        display: block;
    }
    .faculty-filter .filter-item .value{
        padding-left: 0;
    }
}
/* faculty-filter END */
/* letter-filter */
.letter-filter {
    display: flex;
    align-items: center;
    position: relative;
    justify-content: space-between;
}

.letter-filter .item {
    height: var(--size-48);
    width: var(--size-48);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    /* border: 1px solid transparent; */
    cursor: pointer;
    transition: all .4s;
    background-color: transparent;
    position: relative;
    margin: var(--size-6) 0;
}
.letter-filter .item.all{
    width: 2em;
    padding: 0 var(--size-24);
    box-sizing: content-box;
}

.letter-filter .item:hover {
    color: var(--color-secondary);
}

.letter-filter .item.active {
    /* border-color: var(--color-secondary); */
    background-color: var(--color-primary);
    color: #fff;
}

.letter-filter .item.disabled {
    cursor: not-allowed;
    color: #bcbec2;
}

@media screen and (max-width: 1439px) {
    .letter-filter {
        flex-wrap: wrap;
        justify-content: flex-start;
    }
}

/* letter-filter END */
.faculty-container .slide-door{
    border: var(--size-1) solid var(--border-color);
}
.faculty-container .slide-door .accordion-title{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.faculty-container .slide-door .accordion-title:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: unset;
    bottom: 0;
    height: unset;
    width: var(--size-4);
    background-color: var(--color-primary);
}
.faculty-container .slide-door.open .accordion-title{
    background-image: url(../images/slide-door-bg.jpg);
    background-size: cover;
    color: #fff;
}
.faculty-container .slide-door.open .accordion-title:before{
    background-color: transparent;
}
.faculty-container .slide-door .accordion-content{
    background-color: transparent;
}

/* faculty-list */
.faculty-list{
    overflow: hidden;
}
.faculty-list .layui-col-xs12{
    border-bottom: var(--size-1) solid rgba(0, 0, 0, .1);
}
.faculty-list .faculty-item{
    display: flex;
    /* transition: all .3s ease-in-out; */
    color: var(--color-text-primary);
    padding-top: var(--size-15);
    padding-left: var(--size-15);
    width: 100%;
}
.faculty-list .faculty-item:hover{
    color: var(--color-primary);
}
.faculty-list .faculty-item .img-box:after,
.faculty-list .faculty-item .img-box:before{
    content: "";
    position: absolute;
    left: var(--size-15-reverse);
    top: var(--size-15-reverse);
    width: 100%;
    height: 100%;
    background: linear-gradient( 142deg, #000000 0%, rgba(0,0,0,0) 100%);
    opacity: .1;
    transition: opacity .3s ease-in-out;
    z-index: 0;
}
.faculty-list .faculty-item .img-box:after{
    background: linear-gradient( 132deg, #DEC99B 0%, rgba(222,201,155,0) 100%);
    opacity: 0;
}
.faculty-list .faculty-item:hover .img-box:before{
    opacity: 0;
}
.faculty-list .faculty-item:hover .img-box:after{
    opacity: 1;
}
.faculty-list .faculty-item .img-box{
    width: 10.9375vw;
    height: 14.2185vw;
    position: relative;
    /* align-self: center; */
}
.faculty-list .faculty-item .img-box .img{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 2;
}
.faculty-list .faculty-item .img-box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.faculty-list .faculty-item .text-box{
    flex: 1;
    padding: var(--size-24);
    transition: all .3s ease-in-out;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.faculty-list .faculty-item .text-box>*{
    width: 100%;
}
.faculty-list .faculty-item .text-box .head-wrap{
    display: flex;
    line-height: 1;
    align-items: flex-end;
}
.faculty-list .faculty-item .text-box .head-wrap .title{
    -webkit-line-clamp: 1;
    margin-top: 0;
    flex: 1;
    margin-left: var(--size-9);
    color: var(--color-text-secondary);
}
.faculty-list .faculty-item .text-box .info{
    margin-top: var(--size-30);
    color: var(--color-text-secondary-grey);
    padding-left: var(--size-15);
    border-left: var(--size-1) solid var(--color-text-secondary);
    line-height: 1;
}
.faculty-list .faculty-item .text-box .info span{
    display: block;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.faculty-list .faculty-item .text-box .info .ala-icon{
    margin-right: var(--size-12);
    display: inline-flex;
}
.faculty-list .faculty-item .text-box .info span+span{
    margin-top: var(--size-15);
}
.faculty-list .faculty-item .text-box .research{
    color: var(--color-secondary);
    margin-top: var(--size-30);
}
@media screen and (max-width: 1439px) {
    .faculty-list .faculty-item .img-box{
        width: 158px;
        height: 205px;
    }
}
@media screen and (max-width: 991px) {
    .faculty-list .faculty-item .img-box{
        width: 140px;
        height: 182px;
    }
}
@media screen and (max-width: 567px) {
    .faculty-list .faculty-item .img-box{
        width: 2rem;
        height: 2.6rem;
    }
    .faculty-list .faculty-item .text-box{
        padding: .2rem .3rem;
    }
    .faculty-list .faculty-item .text-box .title{
        /* margin-top: .06rem; */
        line-height: 1.3;
    }
    .faculty-list .faculty-item .text-box .info{
        margin-top: .2rem;
        line-height: 1.3;
    }
    .faculty-list .faculty-item .text-box .info span+span{
        margin-top: .04rem;
    }
    .faculty-list .faculty-item .text-box .info .iconfont{
        margin-right: 0.16rem;
        width: 0.5rem;
        height: 0.5rem;
        line-height: .5rem;
        font-size: .3rem;
    }
}
/* faculty-list END */

/* name-list */
.name-section>.row-flex{
    flex-wrap: nowrap;
}
.name-section .label{
    width: 8em;
    font-weight: bold;
}
.name-section+.name-section{
    margin-top: var(--size-30);
    border-top: var(--size-1) solid var(--border-color);
    padding-top: var(--size-30);
}
.name-list{
    flex: 1;
}
.name-list .layui-row>*{
    overflow: hidden;
    text-overflow: ellipsis;
}
.name-list .name-item{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .3s ease-in-out;
}
.name-list .name-item:hover{
    color: var(--color-secondary);
    /* text-decoration: underline; */
}
@media screen and (max-width: 767px) {
    .name-section>.row-flex{
        display: block;
    }
    .name-section .label{
        width: 100%;
    }
}
/* name-list END */

/* ala-empty */
.ala-empty{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: var(--color-text-secondary-grey);
    padding: 3.125vw 0;
}
.ala-empty img{
    width: 12.5vw;
    margin-bottom: var(--size-12);
}
@media screen and (max-width: 1920px) {
    .ala-empty img{
        width: 240px;
    }
}
/* ala-empty END */


/* secondary-menu */
.secondary-menu {
    position: sticky;
    position: -webkit-sticky;
    transition: all .3s ease-in-out;
    top: calc(var(--size-100) + var(--size-30));
    padding: var(--size-24) var(--size-12);
    border-radius: var(--size-6);
    background-color: #F7F8FA;
}
.secondary-menu>*{
    position: relative;
    z-index: 1;
}
.secondary-menu .menu-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--size-15) var(--size-18);
    /* border-bottom: var(--size-1) solid rgba(0, 0, 0, .1); */
    transition: all .3s ease-in-out;
    position: relative;
}
.secondary-menu .menu-item+.menu-item{
    margin-top: var(--size-6);
}
.secondary-menu .menu-item em{
    font-style: normal;
}
.secondary-menu .menu-item .iconfont {
    opacity: 0;
    transition: all .3s ease-in-out;
    font-size: .9em;
}

.secondary-menu .menu-item.active {
    /* color: var(--color-secondary); */
    /* font-weight: bold; */
    /* border-bottom-color: var(--color-secondary); */
    background-color: var(--color-primary);
    color: #fff;
    border-radius: var(--size-4);
}

.secondary-menu .menu-item.active .iconfont {
    opacity: 1;
}

@media screen and (max-width: 1439px) {
    /* .header-fixed.header-show .secondary-menu { */
    .secondary-menu {
        top: 115px;
    }
    .secondary-menu .menu-item {
        padding: 15px 0;
    }
}

/* secondary-menu END */


/* secondary-menu-right */
.secondary-menu-right {
    margin-bottom: 1.5625vw;
    display: none;
}
.secondary-menu-right.show-pc{
    display: block;
    margin-bottom: var(--size-40);
}
.secondary-menu-right.show-pc.ala-flex{
    display: flex;
}

.secondary-menu-title {
    color: var(--color-primary);
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding-bottom: var(--size-40);
}
.secondary-menu-title em{
    font-style: normal;
}
/* .secondary-menu-right+.mce-content-body{
    margin-top: -.78125vw;
    margin-bottom: 1.5625vw;
} */

@media screen and (max-width: 1199px) {
    .secondary-menu-right {
        margin-bottom: 20px;
    }
    /* .secondary-menu-right+.mce-content-body{
        margin-top: -10px;
        margin-bottom: 20px;
    } */
}
@media screen and (min-width: 992px) {
    .secondary-menu-title .icon-down,
    .secondary-menu-list {
        display: none !important;
    }
}
@media screen and (max-width: 991px) {
    .secondary-menu-right{
        display: block;
    }
    .secondaryMenuTemp {
        height: 60px;
        display: none;
    }

    .secondary-menu-right {
        background-color: #fff;
        position: relative;
        transition: all .3s ease-in-out;
        transform: unset !important;
        display: block!important;
    }

    .secondary-menu-right .secondary-menu-title {
        padding-bottom: var(--size-24);
        cursor: pointer;
    }

    .secondary-menu-right.open .secondary-menu-title {
        border-bottom-color: var(--border-color);
    }

    .secondary-menu-right .secondary-menu-title .icon-down {
        transition: all .3s ease-in-out;
    }

    .secondary-menu-right.open .secondary-menu-title .icon-down {
        transform: rotate(180deg);
    }

    .secondary-menu-list {
        padding: 10px 0;
        display: none;
    }

    .secondary-menu-right.open .secondary-menu-list {
        display: block;
    }

    .secondary-menu-list .menu-item {
        display: block;
        border-bottom: 0;
        padding: 10px 0;
    }
    .secondary-menu-list .menu-item em{
        font-style: normal;
    }

    .secondary-menu-list .menu-item.active {
        color: var(--color-secondary);
    }

    .secondary-menu-fixed .secondary-menu-shade {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: rgba(0, 0, 0, .75);
        z-index: 98;
        display: none;
        -webkit-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s;
    }

    .secondary-menu-fixed header {
        box-shadow: unset;
    }

    .secondary-menu-right .fixed-wrap{
        background-color: #fff;
        transition: all .3s ease-in-out;
    }
    /* .secondary-menu-fixed .secondary-menu-right .fixed-wrap {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        z-index: 999;
    }

    .programMenu-fixed.secondary-menu-fixed .secondary-menu-right .fixed-wrap {
        top: var(--size-100);
    }

    .header-fixed.header-show.secondary-menu-fixed .secondary-menu-right .fixed-wrap  {
        top: 75px;
    } */

    .secondary-menu-fixed .secondary-menu-right .secondary-menu-title {
        background-color: #fff;
        padding: 0 4.166667vw;
        border-bottom: 1px solid var(--border-color);
        height: 50px;
    }

    .secondary-menu-fixed .secondary-menu-list {
        padding: 10px 4.166667vw;
    }
}

@media screen and (max-width: 567px) {
    .secondary-menu-right {
        margin-bottom: .3rem;
    }
    .secondary-menu-right .mce-content-body{
        margin-top: .15rem;
        margin-bottom: .3rem;
    }

    .secondary-menu-fixed .secondary-menu-right .secondary-menu-title {
        padding: 0 .32rem;
        height: 1rem;
    }

    .secondary-menu-fixed .secondary-menu-list {
        padding: 10px .32rem;
    }
}

/* secondary-menu-right END */


/* secondary-menu-filter */
.secondary-menu-filter{
    min-width: 35vw;
}
.secondary-menu-filter .layui-form.flex-1{
    flex: 1;
}
.secondary-menu-filter .layui-form.flex-2{
    flex: 2;
}
.secondary-menu-filter .layui-form-select{
    max-width: 30%;
}
.secondary-menu-filter [class^='layui-col'] .layui-form-select{
    max-width: 100%;
}
.secondary-menu-filter .layui-form-select+.layui-form-select,
.secondary-menu-filter .layui-form-select+.layui-input,
.secondary-menu-filter .layui-input+.layui-input,
.secondary-menu-filter .layui-input+.layui-form-select{
    margin-left: .15625vw;
}
.secondary-menu-filter .layui-input{
    flex: 1;
}
.secondary-menu-filter .layui-input-date{
    position: relative;
}
.secondary-menu-filter .layui-input-date .layui-input{
    padding: 0 1.875vw;
}
.secondary-menu-filter .layui-input-date:before,
.secondary-menu-filter .layui-input-date:after{
    font-family: 'iconfont';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.secondary-menu-filter .layui-input-date:before{
    content: "\e667";
    left: .625vw;
    color: var(--color-text-secondary);
}
.secondary-menu-filter .layui-input-date:after{
    content: "\e625";
    font-size: .7em;
    right: .625vw;
}
@media screen and (max-width: 1439px) {
    .secondary-menu-filter .layui-input-date .layui-input{
        padding: 0 30px;
    }
    .secondary-menu-filter .layui-input-date:before{
        left: 10px;
    }
    .secondary-menu-filter .layui-input-date:after{
        right: 10px;
    }
}
@media screen and (max-width: 991px) {
    .secondary-menu-filter{
        justify-content: unset;
    }
    .secondary-menu-filter .layui-form-select+.layui-form-select,
    .secondary-menu-filter .layui-form-select+.layui-input,
    .secondary-menu-filter .layui-input+.layui-input,
    .secondary-menu-filter .layui-input+.layui-form-select{
        margin-left: 2px;
    }
}
@media screen and (max-width: 767px) {
    .secondary-menu-filter{
        padding-top: 15px;
        width: 100%;
    }
}
/* secondary-menu-filter END */

/* faculty-banner */
.faculty-banner{
    height: 25vw;
    min-height: 180px;
}
/* faculty-banner END */

/* people-detail */
.people-detail .people-left{
    padding: var(--size-12);
    padding-bottom: 0;
    /* background-color: #fff; */
    margin-top: -8vw;
    position: sticky;
    position: -webkit-sticky;
    top: var(--size-45);
    transition: all .3s ease-in-out;
}
.people-detail .people-left .people-img{
    max-width: 80%;
    position: relative;
}
.people-detail .people-left .people-img:before{
    content: "";
    position: absolute;
    left: -.625vw;
    top: -.625vw;
    width: 100%;
    height: 100%;
    background: linear-gradient( 124deg, #DEC99B 0%, rgba(222,201,155,0) 100%);
}
.people-detail .people-img .img-box {
    width: 100%;
    height: 0;
    padding-bottom: 130%;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.people-detail .people-img .img-box .img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.people-detail .people-img .img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.people-detail .people-menu,
.people-detail .people-info{
    position: relative;
    padding-top: var(--size-24);
}
/* .people-detail .people-menu:before,
.people-detail .people-info:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: var(--size-1);
    background-color: var(--border-color);
} */

.people-detail .people-info .people-text{
    line-height: 1;
    display: flex;
    align-items: flex-end;
}
.people-detail .people-info .title{
    color: var(--color-text-secondary-grey);
    margin-left: var(--size-9);
}
.people-detail .people-info .people-title{
    margin-top: var(--size-15);
}
.people-detail .people-info .info{
    margin-top: var(--size-30);
    color: var(--color-text-secondary-grey);
    padding-left: var(--size-15);
    border-left: var(--size-1) solid var(--color-text-secondary);
    line-height: 1;
}
.people-detail .people-info .info span{
    display: block;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.people-detail .people-info .info span+span{
    margin-top: var(--size-15);
}


.people-detail .people-menu{
    padding-top: var(--size-36);
    padding-left: 0;
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    transition: all .3s ease-in-out;
    margin-left: var(--size-12);
}
.header-fixed.header-show .people-detail .people-left{
    top: calc(7.29166667vw + var(--size-40));
}
.people-detail .people-menu li{
    cursor: pointer;
    display: block;
    position: relative;
}
.people-detail .people-menu li:before{
    content: "";
    position: absolute;
    left: 0;
    top: 10%;
    bottom: 10%;
    width: var(--size-4);
    background: var(--bgColor-primary);
    opacity: 0;
}
.people-detail .people-menu li:hover,
.people-detail .people-menu li.active{
    font-weight: bold;
}
.people-detail .people-menu li.active:before{
    opacity: 1;
}
.people-detail .people-menu li+li{
    margin-top: var(--size-15);
}

.people-detail .section-head{
    position: relative;
    padding-left: var(--size-15);
    border-left: var(--size-4) solid var(--color-primary);
    line-height: 1;
    margin-bottom: var(--size-24);
    color: var(--color-primary);
}
@media screen and (max-width: 1439px) {
    .header-fixed.header-show .people-detail .people-left{
        top: calc(105px + var(--size-40));
    }
}
@media screen and (max-width: 1199px) {
    .people-detail .people-left .people-img:before{
        left: -8px;
        top: -8px;
    }
}
@media screen and (max-width: 991px) {
    .header-fixed.header-show .people-detail .people-left{
        top: calc(75px + var(--size-40));
    }
    .people-detail .people-left{
        margin-top: -120px;
    }
    .people-detail .people-left .people-img{
        max-width: 100%;
    }
}
@media screen and (max-width: 767px) {
    .people-detail .people-menu{
        display: none;
    }
    .people-detail .people-left{
        display: flex;
        align-items: flex-start;
    }
    .people-detail .people-left .people-img{
        width: 160px;
    }
    .people-detail .people-info{
        margin-top: 72px;
        margin-left: 15px;
        flex: 1;
    }
    .people-detail .people-info:before{
        content: unset;
    }
}
@media screen and (max-width: 567px) {
    .people-detail .people-left{
        margin-top: -100px;
    }
    .people-detail .people-left .people-img:before{
        left: -.16rem;
        top: -.16rem;
    }
    .people-detail .people-info{
        margin-top: calc(60px - .16rem);
        margin-left: .3rem;
    }
    .people-detail .people-left .people-img{
        width: 2.4rem;
    }
}

.faculty-detail-block{
    background: url(../images/faculty-detail-bg.jpg) center bottom no-repeat;
    background-size: 100% auto;
}
.faculty-detail-block:before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url(../images/faculty-detail-bg-top.jpg) center top no-repeat;
    background-size: 100% auto;
}

/* people-detail END */

/* ranking-block */
.ranking-block .bg{
    position: absolute;
}
.ranking-block .bg1{
    left: 0;
    top: 0;
    width: 34.375vw;
}
.ranking-block .bg2{
    right: 0;
    top: 0;
    width: 46.77vw;
}
.ranking-container .ranking-item+.ranking-item{
    margin-top: var(--size-80);
    padding-top: var(--size-80);
    border-top: var(--size-1) solid rgba(0, 0, 0, .1);
}
.ranking-logo{
    position: relative;
}
.ranking-logo .item{
    border-radius: var(--size-4);
    overflow: hidden;
    position: relative;
    cursor: pointer;
}
.ranking-logo .item .text{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url(../images/ranking-bg.png) center center no-repeat;
    background-size: cover;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 6%;
    text-align: center;
    line-height: 1.3;
    opacity: 0;
    transition: all .3s ease-in-out;
}
.ranking-logo .item:hover .text{
    opacity: 1;
}

/* .ranking-text */
.ranking-text .item{
    position: relative;
    min-height: var(--size-100);
    padding: 0 var(--size-15);
    height: 100%;
}
.ranking-text .item>*{
    position: relative;
}
.ranking-text .item:after,
.ranking-text .item:before{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.ranking-text .item:before{
    background: url(../images/ranking-left-bg.png) left bottom no-repeat;
    background-size: auto 100%;
}
.ranking-text .item:after{
    background: url(../images/ranking-right-bg.png) right bottom no-repeat;
    background-size: auto 100%;
}
.ranking-text .item .text{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    text-align: center;
}
.ranking-text .item .text .value{
    line-height: 1.3;
}
/* .ranking-text END */
@media screen and (max-width: 991px) {
    .ranking-container .ranking-item+.ranking-item{
        margin-top: var(--size-60);
        padding-top: var(--size-60);
    }
}
@media screen and (max-width: 767px) {
    .ranking-container .ranking-item+.ranking-item{
        margin-top: var(--size-48);
        padding-top: var(--size-48);
    }
}
/* ranking-block END */

/* international-program-block */
.international-program-block{
    background: linear-gradient(to bottom, #FFF8EE 0%, rgba(255,255,255,0) 80%, rgba(255,255,255,0) 100%);
    position: relative;
    z-index: 9;
}
.international-program-block .bg{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 39vw;
}
.international-program-block .index_title .title-wrap{
    padding-bottom: var(--size-30);
    position: relative;
}
.international-program-block .index_title .title-wrap:before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: var(--size-1);
    background-color: rgba(0, 0, 0, .1);
}
.international-program-block .index_title .title-wrap:after{
    content: "";
    position: absolute;
    left: 0;
    height: var(--size-4);
    width: 2em;
    bottom: 0;
    background-color: var(--color-primary);
}
/* international-program-block END */

/* exchange-block */
.exchange-block{
    background: url(../images/international-exchange-bg.jpg) center top no-repeat;
    background-size: cover;
}
.exchange-block .index_title .desc{
    overflow: hidden;
    line-height: 1.5;
}
/* exchange-block END */

/* exchange-list */
.exchange-list .exchange-item .slide .title{
    margin-top: 0;
    padding-top: var(--size-12);
    position: relative;
}
.exchange-list .exchange-item .slide .title:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 1.2em;
    height: var(--size-4);
    background-color: #fff;
}
.exchange-list .exchange-item .slide{
    border-radius: 0;
    cursor: pointer;
}
.exchange-list .exchange-item .logo-img{
    position: absolute;
    left: var(--size-30);
    top: var(--size-36);
    height: 3.59375vw;
    min-height: 40px;
    transform: scale(1)!important;
}
.exchange-list .exchange-item .logo-img img{
    width: 100%;
}
@media screen and (min-width: 992px) {
    .exchange-list{
        display: flex;
        margin: var(--size-6-reverse);
    }
    .exchange-list .exchange-item{
        padding: var(--size-6);
        flex: 1;
        width: 25%;
        transition: all .3s ease-in-out;
    }
    .exchange-list .exchange-item .img-box-post{
        padding-bottom: 0;
        height: 24.5vw;
        min-height: 300px;
    }
    .exchange-list .exchange-item .img-box-post .img{
        background-position: right 25% center;
        background-size: cover;
        background-repeat: no-repeat;
        transition: all .3s ease-in-out;
    }
    .exchange-list .exchange-item.active .img-box-post .img{
        background-position: right center;
    }
    .exchange-list .exchange-item.active{
        flex: 2;
        width: 50%;
    }
    .exchange-list .exchange-item .slide .text-box{
        bottom: unset!important;
        top: 100%;
        transform: translateY(-5em);
        transition: all .3s ease-in-out .3s;
    }
    .exchange-list .exchange-item .slide .text-box .desc{
        opacity: 0;
        transition: all .3s ease-in-out .3s;
    }
    .exchange-list .exchange-item .slide .text-box .more{
        margin-top: var(--size-30);
    }
    .exchange-list .exchange-item.active .slide .text-box,
    .exchange-list .exchange-item:hover .slide .text-box{
        transform: translateY(-100%);
    }
    .exchange-list .exchange-item.active .slide .text-box .more,
    .exchange-list .exchange-item.active .slide .text-box .desc,
    .exchange-list .exchange-item:hover .slide .text-box .desc{
        opacity: 1;
    }
}
@media screen and (max-width: 991px){
    .exchange-list .exchange-item + .exchange-item{
        margin-top: var(--size-15);
    }
    .exchange-list .exchange-item .img-box-post .img{
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }
    .exchange-list .exchange-item .slide .text-box .desc{
        margin-top: var(--size-9);
    }
    .exchange-list .exchange-item .slide .text-box{
        bottom: -2.5em;
    }
    .exchange-list .exchange-item .slide .text-box .more{
        opacity: 0!important;
    }
}
@media screen and (max-width: 767px){
    .exchange-list .exchange-item .slide .img-box-post:before{
        height: 100%;
    }
    .exchange-list .exchange-item .slide .text-box .desc{
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
}
/* exchange-list END */

/* international-notice-block */
.international-notice-block{
    background: linear-gradient(rgb(255, 248, 238) 0%,  rgba(255, 255, 255, 0) 100%);
}
.international-notice-block .bg{
    position: absolute;
    right: var(--size-40);
    top: 60%;
    width: 28vw;
}
.international-notice-block .news-list{
    padding-top: 0;
    border-top: 0;
}
.international-notice-block .news-list .news-item{
    padding-bottom: var(--size-24);
    margin-bottom: var(--size-24);
}
.international-notice-block .news-list .news-item:last-child{
    margin-bottom: 0;
}
/* international-notice-block END */

/* contact-column */
.contact-column .column-item{
    height: 100%;
    display: flex;
    align-items: center;
    background-color: var(--bg-grey);
    padding: var(--size-30);
}
.contact-column .column-item .icon-box{
    width: var(--size-64);
    height: var(--size-64);
    background-color: var(--color-primary);
    color: #fff;
    border-radius: var(--size-64);
    display: flex;
    align-items: center;
    justify-content: center;
}
.contact-column .column-item .icon-box img{
    width: var(--size-24);
    height: var(--size-24);
    object-fit: contain;
}
.contact-column .column-item .text-box{
    padding-left: var(--size-20);
    flex: 1;
    overflow: hidden;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .contact-column .column-item{
        display: block;
        text-align: center;
    }
    .contact-column .column-item .icon-box{
        margin: 0 auto;
    }
    .contact-column .column-item .text-box{
        padding-left: 0;
        padding-top: var(--size-20);
    }
}
@media screen and (max-width: 1199px) {
    .contact-column .column-item .icon-box img{
        width: var(--size-30);
        height: var(--size-30);
    }
}
@media screen and (max-width: 991px) {
    .contact-column .layui-row{
        margin: -5px;
    }
    .contact-column .layui-row>*{
        padding: 5px;
    }
}
/* contact-column END */


/* financial-club-introduction */
.financial-club-introduction{
    background: linear-gradient(to bottom, #FDFCFB 0%, #FFF8EE 100%);
}
.introduction-wrapper{
    position: relative;
}
.introduction-wrapper .mce-content-body{
    padding-bottom: var(--size-30);
}
.introduction-wrapper .img-box{
    display: flex;
    position: relative;
    justify-content: flex-end;
    margin-top: var(--size-30-reverse);
    height: 100%;
}
.introduction-wrapper .img-box .img2{
    width: 72%;
    display: block;
}
.introduction-wrapper .img-box .img1{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 35%;
    display: block;
}

.introduction-card .card-item{
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 15vw;
    min-height: 200px;
}
.introduction-card .card-item .img-box{
    padding-bottom: 36%;
}
.introduction-card .card-item .text-box{
    color: #fff;
    padding: 0 var(--size-30);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 45%;
    background-color: transparent;
    transition: all .3s ease-in-out;
}
.introduction-card .card-item .text-box .icon img{
    height: var(--size-48);
    width: var(--size-48);
    object-fit: contain;
}
.introduction-card .card-item .text-box .desc{
    padding-top: var(--size-20);
    margin-top: var(--size-20);
    border-top: var(--size-1) solid rgba(255, 255, 255, .2);
    opacity: 0;
    display: none;
    transition: all .3s ease-in-out;
}
.introduction-card .card-item .text-box .title-wrap{
    display: block;
    transition: all .3s ease-in-out;
}
.introduction-card .card-item .text-box .title-wrap em{
    font-style: normal;
}
.introduction-card .card-item .text-box .title-wrap .title{
    padding-top: var(--size-9);
    padding-left: 0;
    transition: all .3s ease-in-out;
}

.introduction-card .card-item:hover .title-wrap{
    display: flex;
    align-items: center;
}
.introduction-card .card-item:hover .text-box{
    padding: var(--size-30);
}
.introduction-card .card-item:hover .text-box .title-wrap .title{
    padding-left: var(--size-18);
    padding-top: 0;
}

.introduction-card .card-item:hover .text-box{
    height: 100%;
    background-color: var(--color-primary);
}
.introduction-card .card-item:hover .text-box .desc{
    display: block;
    opacity: 1;
}

@media screen and (max-width: 991px) {
    .introduction-card .card-item .text-box .icon img{
        width: var(--size-45);
        height: var(--size-45);
    }
}

/* financial-club-introduction END */

/* program-file */
.program-file{
    background: linear-gradient( 180deg, #FFFFFF 0%, #FFF8EE 100%);
}
/* program-file END */

/* journal-list */
.journal-list .journal-item .img-box{
    padding-bottom: 140%;
    box-shadow: 0px var(--size-30) var(--size-30) 0px rgba(0, 0, 0, 0.1);
}
/* journal-list END */


/* career-overview */
.career-overview{
    background: linear-gradient( 180deg, rgba(253,252,252,0) 0%, #FFF8EE 100%);
}
/* career-overview END */
/* .career-service */
.career-service:before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: -4.6875vw;
    background: linear-gradient( 180deg, rgba(253,252,252,0) 0%, #FFF8EE 100%);
}
.career-service .bg{
    position: absolute;
    right: 0;
    top: 0;
    width: 30vw;
}
.career-service .ala-card .column-2 {
    columns: 2;
    column-count: 2;
    column-gap: var(--size-24);
}
.career-service .ala-card .mce-content-body ul li:before{
    content: '';
    width: var(--size-18);
    height: var(--size-18);
    min-height: 15px;
    min-width: 15px;
    border-radius: unset;
    background: url(../images/icon_selected.png) center center no-repeat;
    background-size: contain;
    top: .6em;
}
/* .career-service END */

/* cob-swiper-nav */
.cob-swiper-nav{
    position: relative;
    margin-bottom: var(--size-45);
    display: flex;
    justify-content: center;
}
.cob-swiper-nav:before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: var(--size-1);
    background-color: rgba(0, 0, 0, .1);
}
.cob-swiper-nav .swiper-container{
    width: unset;
}
.cob-swiper-nav .swiper-wrapper{
    width: unset;
    display: inline-flex;
}
.cob-swiper-nav .swiper-slide{
    width: unset!important;
    padding: var(--size-24) var(--size-40);
    color: var(--color-text-secondary-grey);
    cursor: pointer;
    transition: all .3s ease-in-out;
    position: relative;
}
.cob-swiper-nav .swiper-slide:after{
    content: "";
    position: absolute;
    left: var(--size-40);
    right: var(--size-40);
    height: var(--size-2);
    min-height: 2px;
    bottom: 0;
    background-color: var(--color-primary);
    opacity: 0;
    transition: all .3s ease-in-out;
}
.cob-swiper-nav .swiper-slide:hover{
    color: var(--color-primary);
}
.cob-swiper-nav .swiper-slide.swiper-slide-thumb-active:after{
    opacity: 1;
}
.cob-swiper-nav .swiper-slide.swiper-slide-thumb-active{
    color: var(--color-primary);
}
/* @media screen and (max-width: 767px) {
    .cob-swiper-nav .swiper-container{
        display: block;
    }
    .cob-swiper-nav .swiper-wrapper{
        width: unset;
    }
} */
/* cob-swiper-nav END */

/* cob-panel */
.cob-panel{
    background-color: #F7FAFC;
    padding: var(--size-30);
    border-radius: var(--size-9);
    position: relative;
    overflow: hidden;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
}
.cob-panel .cob-panel_hd{
    display: flex;
    align-items: center;
    width: 100%;
}
.cob-panel .cob-panel_hd .ala-icon{
    background-color: unset;
    border-radius: unset;
    margin-right: var(--size-18);
    object-fit: contain;
    border-radius: var(--size-9);
    overflow: hidden;
}
.cob-panel .cob-panel_hd .title{
    flex: 1;
}
.cob-panel .cob-panel_bd{
    padding-top: var(--size-18);
    color: var(--color-text-secondary-grey);
    line-height: 1.7;
    flex: 1;
    width: 100%;
}


.cob-panel-list .cob-panel .cob-panel_ft{
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    transform: translateY(0);
    transition: all .3s ease-in-out;
    padding: var(--size-60) var(--size-30) var(--size-20);
    background: linear-gradient( 180deg, rgba(247,250,252,0) 0%, #F7FAFC 100%);
}
.cob-panel-list .cob-panel .cob-panel_ft .more-btn{
    border-radius: var(--size-6);
}
.cob-panel-list .cob-panel .cob-panel_ft .more-btn+.more-btn{
    margin-left: var(--size-15);
}
.cob-panel-list .cob-panel:hover .cob-panel_ft{
    transform: translateY(-100%);
}
.cob-panel-list .cob-panel .cob-panel_ft .more-btn.is-plain{
    background-color: #fff;
    border-color: var(--border-color);
    color: var(--color-text-primary);
}

@media screen and (max-width: 767px) {
    .cob-swiper-nav .swiper-slide{
        padding: var(--size-24);
    }
    /* .cob-panel-list .cob-panel .cob-panel_ft{
        padding: var(--size-60) var(--size-24) var(--size-20);
    } */
    /* .cob-panel-list .cob-panel .cob-panel_ft{
        position: static;
        transform: unset!important;
        padding: 0;
        padding-top: var(--size-20);
    } */
}
/* cob-panel END */

/* lab-wrapper */
.lab-wrapper .lab-info{
    padding-bottom: var(--size-20);
    border-bottom: var(--size-1) solid rgba(0, 0, 0, .1);
    margin-bottom: var(--size-24);
}
.lab-wrapper .lab-info .iconfont{
    margin-right: var(--size-6);
}
.lab-wrapper .lab-highlight{
    display: flex;
    margin-top: var(--size-40);
}
.lab-wrapper .lab-highlight .value{
    padding-left: var(--size-20);
    /* padding-left: var(--size-15); */
    /* border-left: var(--size-1) solid var(--color-primary); */
    flex: 1;
    color: var(--color-text-secondary-grey);
    max-height: 14em;
}
.lab-wrapper .lab-highlight ul li{
    margin-bottom: .5em;
}
.lab-wrapper .lab-highlight ul li:before{
    content: '';
    width: var(--size-18);
    height: var(--size-18);
    min-height: 15px;
    min-width: 15px;
    border-radius: unset;
    background: url(../images/icon_selected.png) center center no-repeat;
    background-size: contain;
    top: .5em;
}
.lab-wrapper .lab-highlight .mCSB_inside > .mCSB_container{
    padding-left: 30px;
    padding-right: 0;
}
.lab-wrapper .lab-highlight .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{
    padding-left: 0;
}
.lab-wrapper .lab-highlight .mCSB_scrollTools{
    left: 0;
}
.lab-wrapper .lab-highlight .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    width: var(--size-1);
}

@media screen and (max-width: 767px) {
    .lab-wrapper .lab-info span{
        display: block;
        margin-left: unset!important;
    }
    .lab-wrapper .lab-info span+span{
        margin-top: var(--size-9);
    }
    .lab-wrapper .lab-highlight{
        display: block;
    }
    .lab-wrapper .lab-highlight .value{
        padding-left: 0;
        padding-top: var(--size-20);
        max-height: unset;
    }
}
/* lab-wrapper END */

/* AI-container */
.AI-container{
    background: url(../images/ai-top-bg.png) center top no-repeat;
    background-size: 100%;
    padding-top: var(--size-100);
    padding-bottom: var(--size-100);
    position: relative;
}
.AI-container>*{
    position: relative;
}
.AI-container:before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: url(../images/ai-bottom-bg.png) center bottom no-repeat;
    background-size: 100%;
}
/* AI-container END */

/* si-tool-list */
.ai-tool-list{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: var(--size-60) 0 0;
    overflow: hidden;
}
.ai-tool-list .tool-item{
    text-align: center;
    padding: var(--size-24) var(--size-30);
    cursor: pointer;
    position: relative;
    transform: translateY(0);
    transition: all .3s ease-in-out;
}
.ai-tool-list .tool-item:hover{
    transform: translateY(-10%);
}
.ai-tool-list .tool-item .ala-icon{
    background-color: unset;
    border-radius: unset;
    margin-right: var(--size-18);
    object-fit: contain;
    border-radius: var(--size-9);
    background-color: #F7FAFC;
    margin: 0 auto;
    overflow: hidden;
}
.ai-tool-list .tool-item .more-btn{
    padding: var(--size-9) var(--size-18);
    border: var(--size-1) solid var(--color-primary);
    background-color: #fff;
    border-radius: var(--size-6);
    color: var(--color-primary);
    margin-top: var(--size-18);
    opacity: 0;
}
.ai-tool-list .tool-item:hover .more-btn{
    opacity: 1;
}

@media screen and (max-width: 767px) {
    .AI-container{
        padding: var(--size-60) 0;
    }
    .ai-tool-list{
        padding-top: var(--size-40);
    }
    .ai-tool-list .tool-item{
        width: 33.33333%;
        padding: 0;
    }
}
/* si-tool-list END */

/* alumni-network */
.alumni-network{
    background-color: var(--color-primary);
}
/* alumni-network END */

/* alumni-organization */
.alumni-organization{
    margin-top: var(--size-48);
}
.alumni-organization .cob-panel{
    background-color: var(--bg-grey);
    transition: all .3s ease-in-out;
    box-shadow: unset;
}
.alumni-organization .cob-panel:hover{
    background-color: #fff;
    box-shadow: 0px var(--size-9) var(--size-20) 0px rgba(0,0,0,0.1);
}
.alumni-organization .cob-panel_bd{
    flex: 1;
}
/* .alumni-organization .cob-panel:hover .cob-panel_ft,
.alumni-organization .cob-panel_ft{
    position: static;
    padding: 0;
    background: unset;
    transform: unset;
} */
/* alumni-organization END */

/* alumni-network */
.alumni-network .program_title{
    position: absolute;
}
/* alumni-network END */
/* alumni-network-wrapper */
.alumni-network-wrapper{
    display: flex;
    align-items: center;
    justify-content: center;
}
.alumni-network-wrapper .center-container{
    position: relative;
    width: 20vw;
    height: 20vw;
    margin: 0 var(--size-48);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 8;
}
.alumni-network-wrapper .center-container>*{
    position: relative;
}
.alumni-network-wrapper .circle1,
.alumni-network-wrapper .circle2{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border: var(--size-1) dashed rgba(255, 255, 255, .3);
    border-radius: 50%;
}
.alumni-network-wrapper .circle2{
    left: -50%;
    right: -50%;
    top: -50%;
    bottom: -50%;
}
.alumni-network-wrapper .circle1{
    -webkit-animation: rotate 12s linear infinite;
    -o-animation: rotate 12s linear infinite;
    animation: rotate 12s linear infinite;
    transform-origin: 50% 50%;
}
.alumni-network-wrapper .circle2{
    -webkit-animation: rotate 18s linear infinite;
    -o-animation: rotate 18s linear infinite;
    animation: rotate 18s linear infinite;
    transform-origin: 50% 50%;
}
.alumni-network-wrapper .dot{
    position: absolute;
    width: var(--size-12);
    height: var(--size-12);
    background-color: #fff;
    border-radius: 50%;
}
.alumni-network-wrapper .dot1{
    left: 3.8%;
    top: 25.5%;
}
.alumni-network-wrapper .dot2{
    right: 23%;
    top: 5.5%;
}
.alumni-network-wrapper .center-container .center-logo img{
    width: 6vw;
    height: 6vw;
    object-fit: contain;
    min-width: 80px;
    min-height: 80px;
}

.alumni-network-wrapper .left-column{
    position: relative;
    text-align: right;
}
.alumni-network-wrapper .item{
    position: relative;
    padding: var(--size-20) var(--size-45);
    text-align: center;
    transition: all .3s ease-in-out;
}
.alumni-network-wrapper .item+.item{
    margin-top: var(--size-54);
}
.alumni-network-wrapper .item>*{
    position: relative;
}
.alumni-network-wrapper .item:before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: var(--size-9);
    background-color: rgba(255, 255, 255, .2);
    transition: all .3s ease-in-out;
}
.alumni-network-wrapper .item:hover{
    color: var(--color-primary);
}
.alumni-network-wrapper .item:hover:before{
    background-color: #fff;
}
.alumni-network-wrapper .left-column,
.alumni-network-wrapper .right-column{
    position: relative;
    z-index: 9;
}
.alumni-network-wrapper .left-column .item:nth-of-type(1),
.alumni-network-wrapper .left-column .item:nth-of-type(3){
    padding: var(--size-20) var(--size-20) var(--size-20) var(--size-48);
}
.alumni-network-wrapper .right-column .item:nth-of-type(1),
.alumni-network-wrapper .right-column .item:nth-of-type(3){
    padding: var(--size-20) var(--size-48) var(--size-20) var(--size-20);
}
.alumni-network-wrapper .left-column .item:nth-of-type(1):before{
    transform: skew(-25deg);
    transform-origin: 100% 100%;
    padding: var(--size-20) var(--size-20) var(--size-20) var(--size-48);
}
.alumni-network-wrapper .left-column .item:nth-of-type(3):before{
    transform: skew(25deg);
    transform-origin: 100% 0;
}
.alumni-network-wrapper .right-column .item:nth-of-type(1):before{
    transform: skew(25deg);
    transform-origin: 0 100%;
}
.alumni-network-wrapper .right-column .item:nth-of-type(3):before{
    transform: skew(-25deg);
    transform-origin: 0 0
}

@media screen and (max-width: 1199px) {
    .alumni-network .program_title{
        position: relative;
        margin-bottom: var(--size-60);
    }
}
@media screen and (max-width: 767px) {
    .alumni-network-wrapper .center-container{
        width: 50vw;
        height: 50vw;
        margin: var(--size-40) auto;
    }
    .alumni-network-wrapper .circle2{
        left: -80%;
        right: -80%;
        top: -80%;
        bottom: -80%;
    }
    .alumni-network .program_title{
        position: relative;
        margin-bottom: var(--size-60);
    }
    .alumni-network-wrapper .item{
        padding: var(--size-20)!important;
    }
    .alumni-network-wrapper .item+.item{
        margin-top: var(--size-18);
    }
    .alumni-network-wrapper{
        display: block;
    }
    .alumni-network-wrapper .item:before{
        transform: unset!important;
    }
}
/* alumni-network-wrapper END */

/* post-list */
.post-list {
    border-top: var(--size-1) solid rgba(0, 0, 0, .1);
}
.post-list .post-item{
    display: flex;
    align-items: flex-start;
    border-bottom: var(--size-1) solid rgba(0, 0, 0, .1);
    padding: var(--size-45) 0;
}
.post-list .post-item .calendar{
    min-width: var(--size-90);
    min-height: var(--size-90);
    text-align: center;
    background-color: var(--bg-grey);
    padding: var(--size-15) 0;
    line-height: 1;
    transition: all .3s ease-in-out;
    border-radius: var(--size-6);
    color: var(--color-primary);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.post-list .post-item .calendar .day{
    margin-bottom: var(--size-6);
}
.post-list .post-item .item-body{
    display: flex;
    align-items: flex-start;
    flex: 1;
}
.post-list .post-item .calendar+.item-body{
    margin-left: var(--size-60);
}
.post-list .post-item .text-box{
    flex: 1;
    display: flex;
    align-items: flex-start;
}
.post-list .post-item .text-box .title{
    width: 40%;
    font-weight: bold;
}
.post-list .post-item .text-box .content{
    width: 60%;
    margin-left: var(--size-60);
}
.post-list .post-item .info-wrap{
    margin-top: var(--size-24);
    padding-left: var(--size-18);
    border-left: var(--size-1) solid var(--color-secondary);
    color: var(--color-secondary);
    line-height: 1;
}
.post-list .post-item .info-wrap .item{
    display: flex;
    align-items: center;
}
.post-list .post-item .text-box .info-wrap .iconfont{
    margin-right: var(--size-9);
}
.post-list .post-item .info-wrap .item .ala-icon{
    margin-right: var(--size-9);
}
.post-list .post-item .info-wrap .item .ala-icon .iconfont{
    margin-right: 0;
}
.post-list .post-item .info-wrap .item+.item{
    margin-top: var(--size-15);
}

.post-list .post-item .item-img{
    width: 13.75vw;
    min-width: 180px;
    margin-left: var(--size-60);
}
.post-list .post-item:hover .calendar{
    background-color: var(--color-primary);
    color: #fff;
}

@media screen and (max-width: 991px) {
    .post-list .post-item .text-box{
        display: block;
    }
    .post-list .post-item .text-box .title{
        width: 100%;
    }
    .post-list .post-item .text-box .content{
        width: 100%;
        margin-left: 0;
        margin-top: var(--size-20);
    }
}
@media screen and (max-width: 767px) {
    .post-list .post-item .item-body{
        display: block;
    }
    .post-list .post-item .calendar+.item-body{
        margin-left: var(--size-30);
    }
    .post-list .post-item .item-img{
        margin-left: 0;
        margin-top: var(--size-20);
        width: 100%;
    }
}
/* post-list END */


/*.category-nav*/
.category-nav{
    position: relative;
}

.category-nav .swiper-slide{
    width: auto;
    position: relative;
    cursor: pointer;
    color: var(--color-primary);
    transition: color .3s ease-in-out;
}
.category-nav .swiper-slide a{
    display: block;
    padding: var(--size-20) 0;
    color: inherit;
}
.category-nav .swiper-slide+.swiper-slide{
    margin-left: 4.16667vw;
}
.category-nav .swiper-slide:after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    height: var(--size-2);
    background-color:var(--color-primary);
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.category-nav .swiper-slide.active:after{
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
}
.category-nav .swiper-slide.active{
    color: var(--color-primary);
    font-weight: bold;
}
@media screen and (max-width: 567px) {
    .category-nav .swiper-slide+.swiper-slide{
        margin-left: .5rem;
    }
}

/* category-nav END */

/* category-nav-block */
.category-nav-block{
    position: relative;
    margin-bottom: var(--size-60);
}
.category-nav-block.has-border{
    padding-bottom: var(--size-60);
    border-bottom: var(--size-1) solid rgba(0, 0, 0, .1);
}
.category-nav-block .layui-container{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.category-nav-block .category-nav .swiper-slide .category-item{
    padding: var(--size-18);
    background-color: #eee;
    color: var(--color-text-primary);
    border-radius: var(--size-4);
    text-align: center;
    min-width: calc(var(--size-100) * 2);
}
.category-nav-block .category-nav .swiper-slide.active:after{
    content: unset;
}
.category-nav-block .category-nav .swiper-slide.active .category-item{
    background-color: var(--color-primary);
    color: #fff;
}
.category-nav-block .category-nav .swiper-slide+.swiper-slide{
    margin-left: var(--size-12);
}
.category-nav-block .category-nav{
    display: flex;
    align-items: center;
    justify-content: center;
}
.category-nav-block .category-nav .swiper-container{
    width: unset;
}
@media screen and (max-width: 567px) {
    .category-nav-block .category-nav .swiper-slide .category-item{
        padding: var(--size-18) var(--size-30);
    }
}

@media screen and (max-width: 767px) {
    .category-nav-block .layui-container{
        display: block;
    }
    .category-nav-block .category-nav .swiper-slide .category-item{
        min-width: unset;
    }
    .category-nav-block{
        margin-bottom: var(--size-40);
    }
    .category-nav-block.has-border{
        padding-bottom: var(--size-40);
    }
}
/* category-nav-block END */



/* article-title */
.article-title {
    line-height: 1.3;
    position: relative;
    flex: 1;
    padding-bottom: var(--size-40);
    margin-bottom: var(--size-45);
    border-bottom: var(--size-1) solid var(--border-color);
}

.article-title .tags {
    margin-bottom: var(--size-24);
}

.article-title .article-other {
    margin-top: var(--size-24);
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--color-text-secondary-grey);
}
.article-title .article-otherBase .iconfont {
    margin-right: var(--size-9);
}

.article-title .article-otherBase span+span {
    margin-left: var(--size-40);
}
.article-title .share-btn{
    display: flex;
    align-items: center;
}
.article-title .share-btn span+span{
    margin-left: var(--size-9);
}
.article-title .share-btn .iconfont {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    width: var(--size-48);
    height: var(--size-48);
    border: var(--size-1) solid var(--border-color);
    border-radius: 50%;
}
.article-title .share-btn .iconfont:hover{
    color: var(--color-secondary);
}

.article-calendar {
    color: #fff;
    line-height: 1;
    padding-right: var(--size-45);
    margin-right: var(--size-45);
    border-right: var(--size-1) solid rgba(255, 255, 255, .75);
}

.article-calendar>* {
    line-height: 1 !important;
}
.article-calendar .date{
    font-weight: bold;
}
.article-calendar .year {
    margin-top: var(--size-12);
}

@media screen and (max-width: 767px) {
    .article-title .share-btn{
        display: none;
    }
}

/* 活动 */
.article-banner{
    justify-content: flex-start;
    min-height: 25vw;
}
.article-banner .breadcrumb+.inner-banner-text{
    padding-top: var(--size-90)!important;
}
.article-banner .inner-banner-text{
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}
.article-banner .inner-banner-text>*{
    width: 100%;
}
.article-banner .article-title-wrapper{
    flex: 1;
    width: 100%;
}
.article-banner .article-title{
    color: #fff;
    margin-bottom: 0;
    padding-bottom: 0;
    border: 0;
    flex: 1;
}
.article-banner .article-title .article-other{
    margin-top: var(--size-30);
}
.article-banner .article-title .article-otherBase span{
    display: block;
}
.article-banner .article-title .article-otherBase span+span{
    margin-left: 0;
    margin-top: var(--size-12);
}
.article-banner .article-title .article-other{
    color: #fff;
}
@media screen and (max-width: 991px) {
    .article-banner{
        min-height: 240px;
    }
}
@media screen and (max-width: 567px) {
    .article-banner .breadcrumb .layui-container{
        padding: 0 .32rem;
    }
}
/* article-title END */


/* article-btn */
.article-btn .btn {
    display: block;
    padding: var(--size-24);
    background-color: var(--bg-primary);
}

.article-btn .btn:hover {
    text-decoration: underline;
}

.article-btn .btn+.btn {
    margin-top: var(--size-4);
}

/* article-btn END */


/*share*/
#qrcode-img {
    padding: 1.09375vw;
    border-radius: .46875vw;
    overflow: hidden;
    text-align: center;
    /* font-family: "Nexa Regular"; */
    width: 14.6875vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#qrcode canvas {
    width: 100%;
    display: block;
    line-height: 1;
    margin-bottom: .625vw;
}

@media screen and (max-width: 1600px) {
    #qrcode-img {
        width: 235px;
        padding: 18px;
        border-radius: 8px;
    }

    #qrcode canvas {
        margin-bottom: 10px;
    }
}

/*share END*/


/* article-container */
.article-container .article-title{
    margin-bottom: 0;
}
.article-container .article-content{
    padding-top: var(--size-48);
    overflow: hidden;
}
.article-container .layui-row .layui-col-md9{
    border-right:  var(--size-1) solid rgba(0, 0, 0, .1);
}
.article-container .side-column .side-title{
    margin-bottom: var(--size-30);
}
.article-container .side-column .slide-card+.slide-card{
    margin-top: var(--size-40);
}
.article-container .side-column .slide-card .time{
    margin-left: var(--size-15);
    padding-left: var(--size-15);
    border-left: var(--size-1) solid rgba(0, 0, 0, .1);
    line-height: 1;
    color: var(--color-text-secondary-grey);
}

.article-container .mce-content-body img{
    max-width: 80%;
}
@media screen and (max-width: 767px) {
    .article-container .mce-content-body img{
        max-width: 100%;
    }
}
/* article-container END */

/* event-container */
.event-container{
    display: flex;
    align-items: flex-start;
    max-width: 80vw;
    margin: 0 auto;
}
.event-content{
    background-color: #fff;
    padding: 2.5vw;
    flex: 1;
    border-radius: var(--size-9);
}
.event-content-right{
    margin-left: var(--size-20);
    width: 18.75vw;
    position: sticky;
    position: -webkit-sticky;
    top: var(--size-20);
    transition: all .3s ease-in-out;
}
.header-fixed.header-show .event-content-right {
    top: calc(7.29166667vw + var(--size-20));
}
.event-content-right .side-item{
    background-color: #fff;
    padding: var(--size-30);
    border-radius: var(--size-9);
    overflow: hidden;
}
.event-content-right .side-item:before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: var(--size-4);
    background: var(--color-primary);
}
.event-content-right .side-head{
    display: flex;
    align-items: center;
}
.event-content-right .side-head{
    padding-bottom: var(--size-20);
    margin-bottom: var(--size-24);
    border-bottom: var(--size-1) solid var(--border-color);
}
.event-content-right .side-head .iconfont{
    margin-right: var(--size-12);
}
.event-content-right .side-body .info span{
    display: flex;
}
.event-content-right .side-body .info .iconfont{
    margin-right: var(--size-12);
    color: var(--color-primary);
}
.event-content-right .side-body .info span+span{
    margin-top: var(--size-18);
}
.event-content-right .side-body .more-btn{
    width: 100%;
    margin-top: var(--size-30);
    letter-spacing: var(--size-1);
}
.event-content-right .side-body .share-btn{
    display: flex;
    align-items: center;
    margin-top: var(--size-30);
    color: var(--color-text-secondary-grey);
}
.event-content-right .side-body .share-btn .icon i{
    cursor: pointer;
}
.event-content-right .side-body .share-btn .icon i:hover{
    /* color: var(--color-secondary); */
    color: var(--color-secondary);
}
.event-content-right .side-body .share-btn .icon i+i{
    margin-left: var(--size-6);
}
@media screen and (max-width: 1439px) {
    .event-content-right{
        width: 270px;
        top: 115px;
    }
    .header-fixed.header-show .event-content-right{
        top: calc(105px + var(--size-20));
    }
}
@media screen and (max-width: 1199px){
    .event-container{
        max-width: 100%;
    }
}
@media screen and (max-width: 991px) {
    .header-fixed.header-show .event-content-right{
        top: calc(75px + var(--size-20));
    }
    .event-container{
        display: block;
    }
    .event-content-right{
        margin-left: 0;
        margin-top: var(--size-30);
        width: 100%;
    }
}
@media screen and (max-width: 767px) {
    .inner-banner .inner-banner-text{
        text-align: unset;
    }
    .article-banner .breadcrumb+.inner-banner-text{
        padding-top: var(--size-60)!important;
    }
}
@media screen and (max-width: 567px) {
    .event-detail-block{
        background-color: #fff!important;
    }
    .event-content{
        padding: 0;
        background-color: unset;
    }
    .event-content-right{
        margin-top: .6rem;
    }
    .event-content-right .side-item{
        background-color: var(--bg-primary);
    }
}
/* event-container END */

/* .event-content */
.event-content .event-banner img{
    max-width: 100%;
}
.event-content .ala-section .section-head{
    padding-bottom: var(--size-24);
    margin-bottom: var(--size-36);
    border-bottom: var(--size-1) solid var(--border-color);
    line-height: 1.5;
}
.event-content .ala-section .section-head .ala-icon{
    margin-right: var(--size-12);
}
@media screen and (max-width: 991px) {
    .event-content .ala-section+.ala-section{
        margin-top: 30px;
    }
}
@media screen and (max-width: 567px) {
    .event-content .ala-section+.ala-section{
        margin-top: .6rem;
    }
}
/* .event-content END */

/* about-overview-container */
.about-overview-container .ala-section+.ala-section{
    margin-top: var(--size-72);
    overflow: hidden;
}
.about-overview-container .ala-section:nth-of-type(2n+2) .layui-row{
    flex-direction: row-reverse;
}
.about-overview-container h4{
    color: var(--color-primary);
    position: relative;
    padding-left: var(--size-15);
}
.about-overview-container h4:after{
    content: "";
    position: absolute;
    left: 0;
    top: .15em;
    bottom: .15em;
    width: var(--size-2);
    background-color: var(--color-third);
}
.about-overview-container .layui-row{
    align-items: center;
}
/* about-overview-container END */

/* about-message */
.about-message .message-img{
    padding: 0 0 var(--size-60) var(--size-60);
    background: url(../images/about-message-bg.jpg) bottom left no-repeat;
    background-size: calc(100% - var(--size-60));
}
.about-message .message-img img{
    width: 100%;
}

.about-message .message-title{
    position: relative;
    padding-bottom: var(--size-30);
    margin-bottom: var(--size-40);
}
.about-message .message-title:before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: var(--size-1);
    border-bottom: var(--size-1) solid rgba(0, 0, 0, .1);
}
.about-message .message-title:after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: var(--size-4);
    background-color: var(--color-primary);
    width: var(--size-100);
}
@media screen and (max-width: 991px) {
    .about-message .message-img{
        padding: 0 0 var(--size-40) var(--size-40);
        background-size: calc(100% - var(--size-40));
    }
}
@media screen and (max-width: 767px) {
    .about-message .message-img{
        padding: 0 0 var(--size-48) var(--size-48);
        background-size: calc(100% - var(--size-48));
    }
}
/* about-message END */


/* leader-list */

.leader-list .leader-item{
    padding: var(--size-48) 0;
    border-top: var(--size-1) solid rgba(0, 0, 0, .1);
    display: flex;
}
.leader-list .leader-item .label{
    min-width: 12em;
    margin-right: var(--size-40);
    position: relative;
    padding-left: 1em;
}
.leader-list .leader-item .label:after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 1em;
    top: .25em;
    width: var(--size-4);
    background-color: var(--color-third);
}
.leader-list .leader-item .value{
    padding-top: .25em;
}
.leader-list .leader-item .item{
    display: flex;
    flex: 1;
}
.leader-list .leader-item .item+.item{
    margin-top: var(--size-18);
}
.leader-list .leader-item .name{
    width: 8em;
}
.leader-list .leader-item .title{
    flex: 1;
}
@media screen and (max-width: 991px) {
    .leader-list .leader-item .label{
        min-width: 10em;
    }
    .leader-list .leader-item .name{
        width: 6em;
    }
}
@media screen and (max-width: 767px) {
    .leader-list .leader-item{
        display: block;
        padding: var(--size-45) 0;
    }
    .leader-list .leader-item .label{
        width: 100%;
    }
    .leader-list .leader-item .value{
        padding-top: var(--size-24);
    }
    .leader-list .leader-item .name{
        min-width: 5em;
        width: unset;
    }
}
/* leader-list END */

/* organization-list */
.organization-list .organization-head{
    text-align: center;
    margin-bottom: var(--size-48);
}
.organization-list .organization-head img{
    height: var(--size-90);
}
.organization-list .organization-body{
    position: relative;
    overflow: hidden;
    padding-top: var(--size-24);
}
.organization-list .organization-body:before{
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    bottom: 0;
    width: var(--size-1);
    background-color: rgba(0, 0, 0, .1);
}
.organization-list .item{
    width: 50%;
    display: flex;
    position: relative;
    padding: var(--size-30) 0;
    border-top: var(--size-1) solid rgba(0, 0, 0, .1);
}
.organization-list .item:before{
    content: "";
    position: absolute;
    width: var(--size-24);
    height: var(--size-24);
    background: url(../images/icon-dot.png) center center no-repeat;
    background-size: contain;
    top: 0;
    transform: translate(-50%,-50%);
}
/* .organization-list .item+.item{
    margin-top: var(--size-48);
} */
.organization-list .item .item-title{
    line-height: 1;
    min-width: 12em;
}
.organization-list .item .item-title .ala-tag{
    margin-top: var(--size-18);
}
.organization-list .item .item-value{
    flex: 1;
}
.organization-list .item .item-value ul{
    margin: var(--size-9-reverse);
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.organization-list .item .item-value ul li{
    width: 50%;
    padding: var(--size-9);
}
.organization-list .item .item-value ul li em{
    font-style: normal;
    color: var(--color-text-secondary);
    font-size: .9em;
}

@media screen and (min-width: 992px) {
    .organization-list .item:nth-of-type(2n+1){
        flex-direction: row-reverse;
        padding-right: var(--size-40);
        text-align: right;
    }
    .organization-list .item:nth-of-type(2n+1) .item-title{
        text-align: right;
    }
    .organization-list .item:nth-of-type(2n+1):before{
        right: 0;
        transform: translate(50%,-50%);
    }
    .organization-list .item:nth-of-type(2n+2){
        padding-left: var(--size-40);
        margin-left: 50%;
    }
    .organization-list .item:nth-of-type(2n+2):before{
        left: 0;
        transform: translate(-50%,-50%);
    }
}

@media screen and (max-width: 991px) {
    .organization-list .item{
        display: block;
    }
    .organization-list .item .item-value{
        margin-top: var(--size-30);
    }
}
@media screen and (max-width: 767px) {
    .organization-list .organization-head{
        text-align: left;
    }
    .organization-list .item{
        display: block;
        padding-left: var(--size-40);
        width: 100%;
    }
    .organization-list .item+.item{
        margin-top: var(--size-45);
    }
    .organization-list .item:before{
        left: 0;
    }
    .organization-list .item .item-value{
        margin-top: var(--size-30);
    }
    .organization-list .organization-body{
        padding: var(--size-12);
    }
    .organization-list .organization-body:before{
        left: var(--size-12);
    }
}
@media screen and (max-width: 567px) {
    .organization-list .item .item-value ul li{
        width: 100%;
    }
}
/* organization-list END */

/* contact-book */
.contact-book{
    margin-top: var(--size-60);
}
.contact-book .layui-row{
    margin-top: 0;
    margin-bottom: 0;
}
.contact-book .layui-row>*{
    padding-top: 0;
    padding-bottom: 0;
}
.contact-book .book-item{
    height: 100%;
    padding: var(--size-24) 0 var(--size-48);
    border-top: var(--size-1) solid rgba(0, 0, 0, .1);
}
.contact-book .book-item .title{
    color: var(--color-primary);
    margin-bottom: var(--size-12);
}
.contact-book .book-item .info{
    color: var(--color-text-secondary);
}
.contact-book .book-item .info .iconfont{
    display: inline-block;
    width: 1.4em;
    text-align: center;
    margin-right: var(--size-6);
}
.contact-book .book-item .info .item+.item{
    margin-top: var(--size-4);
}
@media screen and (max-width: 767px) {
    .contact-book .book-item{
        padding: var(--size-24) 0;
    }
}
/* contact-book END */

/* page-list */
.page-list .cob-panel{
    background-color: var(--bg-grey);
    transition: all .3s ease-in-out;
}
.page-list .cob-panel:hover{
    background-color: var(--color-primary);
    color: #fff;
}
.page-list .cob-panel .ala-icon{
    width: var(--size-30);
    height: var(--size-30);
    object-fit: contain;
    border-radius: 0;
}
.page-list .cob-panel .ala-icon img{
    -webkit-filter: invert(90%);
    -moz-filter: invert(90%);
    -ms-filter: invert(90%);
    -o-filter: invert(90%);
    filter: invert(90%);
    transition: all .3s ease-in-out;
}
.page-list .cob-panel:hover .ala-icon img{
    -webkit-filter: invert(0);
    -moz-filter: invert(0);
    -ms-filter: invert(0);
    -o-filter: invert(0);
    filter: invert(0);
}
.page-list .cob-panel .cob-panel_bd{
    transition: all .3s ease-in-out;
}
.page-list .cob-panel:hover .cob-panel_bd{
    color: #fff;
}
/* page-list END */

/* department-swiper */
.department-swiper{
    position: relative;
}
.department-swiper .swiper-container{
    padding: var(--size-20) var(--size-9);
}
.department-swiper .ala-cell{
    background: #fff;
    border: var(--size-1) solid rgba(0, 0, 0, .1);
    border-top: var(--size-2) solid var(--color-primary);
    box-shadow: unset;
    transition: all .3s ease-in-out;
    padding: var(--size-20);
    align-items: flex-start;
}
.department-swiper .ala-cell:hover{
    box-shadow: 0px var(--size-9) var(--size-20) 0px rgba(0,0,0,0.1);
}
.department-swiper .ala-cell .ala-cell_bd{
    padding-left: var(--size-15);
    padding-top: var(--size-9);
}
.department-swiper .ala-cell .ala-cell_bd .title,
.department-swiper .ala-cell:hover .ala-cell_bd .title{
    color: var(--color-text-secondary);
    margin-top: var(--size-6);
}
.department-swiper .ala-cell_hd{
    width: 40%;
}

.department-swiper .ala-swiper .swiper-button-next, 
.department-swiper .ala-swiper .swiper-button-prev{
    background-color: var(--color-primary);
    color: #fff;
    border-color: transparent!important;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all .3s ease-in-out;
}
.department-swiper .ala-swiper .swiper-button-prev{
    transform: translate(-100%,-50%);
}
.department-swiper .ala-swiper .swiper-button-next{
    transform: translate(100%,-50%);
}
@media screen and (max-width: 567px) {
    .department-swiper .ala-swiper{
        justify-content: center;
    }
    .department-swiper .ala-swiper .swiper-button-next, 
    .department-swiper .ala-swiper .swiper-button-prev{
        position: static;
        transform: unset;
    }
}
/* department-swiper END */

/* .department-intro */
.department-intro{
    margin-top: var(--size-60);
}
.department-intro .item{
    padding: var(--size-40) 0 var(--size-48);
    border-top: var(--size-1) solid rgba(0, 0, 0, .1);
}
.department-intro .item .title{
    margin-bottom: var(--size-15);
}

@media screen and (min-width: 768px) {
    .department-intro .item{
        display: flex;
        padding: var(--size-40) 0 var(--size-80);
    }
    .department-intro .item .title{
        width: 13em;
    }
    .department-intro .item .mce-content-body{
        flex: 1;
    }
}
/* .department-intro END */

/* program-major */
.program-major:before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: -4.6875vw;
    background: linear-gradient( 180deg, rgba(253,252,252,0) 0%, #FFF8EE 100%);
}
.major-right-card .item{
    border: var(--size-1) solid rgba(0, 0, 0, .1);
    padding: var(--size-24);
    border-top: var(--size-2) solid var(--color-primary);
    margin-bottom: var(--size-30);
}
.major-right-card .item .title{
    margin-bottom: var(--size-15);
}
.major-right-card .item+.item{
    margin-top: var(--size-30);
}
@media screen and (min-width: 992px) {
    .program-major .major-right{
        display: flex;
        flex-direction: column-reverse;
    }
    .program-major .major-right-card{
        margin-top: var(--size-30);
        margin-bottom: 0;
    }
}
@media screen and (max-width: 1920px) {
    .major-right-card .item{
        border-top: 2px solid var(--color-primary);
    }
}
/* program-major END */


/* program-major-swiper */
.program-major-swiper .slide .img-box-post{
    padding-bottom: 90%;
}
.program-major-swiper .slide .img-box-post:after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0;
    height: 100%;
    background: linear-gradient( to top, #00275D 0%, rgba(0,39,93,0) 100%);
    z-index: 3;
    transition: all .3s ease-in-out;
}
.program-major-swiper .slide:hover .img-box-post:after{
    opacity: 1;
}
.program-major-swiper .more-link::before{
    content: unset;
}
/* program-major-swiper END */

/* cob-panel-ug */
.cob-panel-ug{
    margin-top: var(--size-60);
}
.cob-panel-ug .cob-panel{
    background: linear-gradient( 180deg, #FDFCFC 0%, #FFF8EE 100%);
}
.cob-panel-ug .cob-panel .ala-icon{
    border-radius: 0;
}
.cob-panel-ug .cob-panel .cob-panel_hd{
    display: block;
    padding-bottom: var(--size-20);
    border-bottom: var(--size-1) solid rgba(0, 0, 0, .1);
}
.cob-panel-ug .cob-panel .cob-panel_hd .title{
    margin-top: var(--size-12);
}
.cob-panel-ug .cob-panel .num{
    font-weight: bold;
    font-size: 7em;
    position: absolute;
    right: 0;
    top: 0;
    line-height: 1;
    background-image: -webkit-linear-gradient(to bottom, rgba(222, 201, 155, .2), rgba(241, 230, 203, 0));
    background-image: linear-gradient(to bottom, rgba(222, 201, 155, .2), rgba(241, 230, 203, 0));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.cob-panel-ug .cob-panel .cob-panel_bd{
    padding-top: var(--size-24);
}
/* cob-panel-ug END */

/* cob-panel-service */
.cob-panel-service .cob-panel{
    background-color: unset;
    border-radius: unset;
    border: var(--size-1) solid rgba(0, 0, 0, .1);
    border-top: var(--size-4) solid var(--color-primary);
    transition: all .3s ease-in-out;
}
.cob-panel-service .cob-panel .cob-panel_hd{
    display: block;
}
.cob-panel-service .cob-panel .cob-panel_hd .title{
    margin-top: var(--size-12);
}

.cob-panel-service .cob-panel:hover{
    border-color: transparent;
    background-color: var(--color-primary);
    color: #fff;
}
.cob-panel-service .cob-panel .cob-panel_bd{
    transition: all .3s ease-in-out;
}
.cob-panel-service .cob-panel:hover .cob-panel_bd{
    color: #fff;
}
.cob-panel-service .cob-panel .ala-icon{
    border-radius: 0;
}
.cob-panel-service .cob-panel .ala-icon img{
    -webkit-filter: invert(90%);
    -moz-filter: invert(90%);
    -ms-filter: invert(90%);
    -o-filter: invert(90%);
    filter: invert(90%);
    transition: all .3s ease-in-out;
}
.cob-panel-service .cob-panel:hover .ala-icon img{
    -webkit-filter: invert(0);
    -moz-filter: invert(0);
    -ms-filter: invert(0);
    -o-filter: invert(0);
    filter: invert(0);
}
/* cob-panel-service END */

/* mib-overview-img */
.mib-overview-img{
    margin: var(--size-60) 0;
}
.mib-overview-img img{
    width: 100%;
}
/* mib-overview-img END */

/* mib-overview-tab */
.mib-overview-tab .layui-tab-title{
    display: flex;
    border-bottom: unset;
    height: unset;
    line-height: unset;
    overflow: unset!important;
}
.mib-overview-tab .layui-tab-title li{
    flex: 1;
    border: 0;
    background-color: var(--bg-secondary);
    padding: var(--size-24) var(--size-12);
    border: var(--size-1) solid #E0CDA2;
    height: unset;
    line-height: unset;
    position: relative;
    white-space: normal;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mib-overview-tab .layui-tab-title li+li{
    border-left: var(--size-1) solid transparent;
}
.mib-overview-tab .layui-tab-title li:after{
    content: unset;
}
.mib-overview-tab .layui-tab-title li:before{
    content: "";
    position: absolute;
    left: 50%;
    top: 100%;
    border: var(--size-15) solid transparent;
    border-top: var(--size-15) solid var(--color-primary);
    opacity: 0;
    transform: translateX(-50%);
}
.mib-overview-tab .layui-tab-title li.layui-this{
    border-color: transparent;
    background-color: var(--color-primary);
    color: #fff;
}
.mib-overview-tab .layui-tab-title li.layui-this:before{
    opacity: 1;
}
.mib-overview-tab .layui-tab-content{
    padding: var(--size-60) var(--size-40) var(--size-40);
    border: var(--size-1) solid #E0CDA2;
    border-top: 0;
}

.mib-overview-tab hr{
    margin: var(--size-40) 0;
}
/* mib-overview-tab END */

/* mib-training-list */
.mib-training-list .item{
    height: 100%;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0px var(--size-9) var(--size-20) 0px rgba(0,0,0,0.1);
    padding: var(--size-30);
    position: relative;
    transition: all .3s ease-in-out;
}
.mib-training-list .item>*{
    position: relative;
}
.mib-training-list .item .icon-bg{
    position: absolute;
    right: var(--size-12);
    bottom: var(--size-12);
    height: 60%;
}
.mib-training-list .item .icon-bg img{
    height: 100%;
}
.mib-training-list .item .ala-icon{
    background-color: rgba(0, 41, 85, .1);
    width: var(--size-72);
    height: var(--size-72);
    position: absolute;
    left: var(--size-30);
    top: var(--size-30);
    opacity: 1;
    transition: all .3s ease-in-out;
}
.mib-training-list .item .ala-icon img{
    display: block;
    width: var(--size-40);
    height: var(--size-40);
    object-fit: contain;
}
.mib-training-list .item-body{
    transform: translateY(calc(100% - 3.6em));
    transition: all .3s ease-in-out;
}
.mib-training-list .item-body .title{
    color: var(--color-primary);
    transition: all .3s ease-in-out;
    font-size: 1.333em;
}
.mib-training-list .item-body .sub-title{
    color: var(--color-text-secondary);
    transition: all .3s ease-in-out;
}
.mib-training-list .item-body .desc{
    margin-top: var(--size-15);
    border-top: var(--size-1) solid rgba(255, 255, 255, .2);
    padding-top: var(--size-15);
    color: #fff;
}

.mib-training-list .item:hover{
    background-color: var(--color-primary);
}
.mib-training-list .item:hover .ala-icon{
    opacity: 0;
}
.mib-training-list .item:hover .item-body .title,
.mib-training-list .item:hover .item-body .sub-title{
    color: #fff;
}
.mib-training-list .item:hover .item-body{
    transform: translateY(0);
}
/* mib-training-list END */

/* mib-logo-list */
.mib-logo-list .img-box-post{
    padding-bottom: 20%;
    background-color: #fff;
    margin-bottom: var(--size-9);
}
.mib-logo-list .img-box-post img{
    object-fit: contain;
}
/* mib-logo-list END */

/* mib-contact-list */
.mib-contact-list{
    margin-top: var(--size-60);
}
.mib-contact-list .item{
    display: flex;
}
.mib-contact-list .item>*{
    width: 50%;
}
.mib-contact-list .item .text-box{
    padding-left: var(--size-30);
}
.mib-contact-list .item .text-box .name{
    border-bottom: var(--size-1) solid rgba(0, 0, 0, 0.1);
    padding-bottom: var(--size-15);
    margin-bottom: var(--size-18);
}

@media screen and (max-width: 567px) {
    .mib-contact-list .item{
        display: block;
    }
    .mib-contact-list .item>*{
        width: 100%;
    }
    .mib-contact-list .item .text-box{
        padding-top: var(--size-20);
        padding-left: 0;
    }
}
/* mib-contact-list END */

/* mib-footer */
.mib-footer{
    background: url(../images/mib-footer-bg.jpg) center center no-repeat;
    background-size: cover;
    padding: var(--size-45) 0;
    position: relative;
}
.mib-footer .bg{
    position: absolute;
    right: 0;
    bottom: 0;
    height: 130%;
}
.mib-footer .bg img{
    height: 100%;
    width: 100%;
}
.mib-footer .text-box{
    padding: var(--size-24) var(--size-30);
    background: linear-gradient( 270deg, rgba(0,79,150,0) 0%, #00275D 100%);
}
.mib-footer .text-box img{
    max-width: 80%;
    height: 5.78125vw;
    min-height: 40px;
}
/* mib-footer END */

/* mib-alumni-section */
.mib-alumni-section{
    margin-top: var(--size-1);
    background: linear-gradient( 180deg, rgba(253,252,252,0) 0%, #FFF8EE 100%);
}
.mib-alumni-section .mib-alumni-title{
    padding-left: var(--size-20);
    line-height: 1;
    margin-bottom: var(--size-40);
    border-left: var(--size-6) solid var(--theme-mib);
}
.mib-alumni-head{
    height: 100%;
}
.mib-alumni-head .img-box{
    height: 100%;
    position: relative;
}
.mib-alumni-head .img-box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mib-alumni-head .video-play-btn{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.mib-alumni-swiper .swiper-btn {
    width: 100%;
    margin-top: var(--size-36);
}
.mib-alumni-swiper .swiper-pagination{
    flex: 1;
    margin-right: var(--size-45);
}

.mib-alumni-swiper .alumni-item{
    padding-bottom: var(--size-100);
}
.mib-alumni-swiper .alumni-item .img-box{
    margin-bottom: var(--size-20);
}
.mib-alumni-swiper .alumni-item .text-box{
    transition: all .3s ease-in-out;
    position: absolute;
    top: calc(100% - var(--size-100));
    background-color: unset;
}
.mib-alumni-swiper .alumni-item .desc{
    color: #fff;
    height: 0;
    transition: all .3s ease-in-out;
}
.mib-alumni-swiper .alumni-item:hover .text-box{
    top: 0;
    bottom: 0;
    color: #fff;
    background-color: var(--color-primary);
}
.mib-alumni-swiper .alumni-item:hover .title{
    color: #fff;
    margin-bottom: var(--size-15);
    padding-bottom: var(--size-15);
    border-bottom: var(--size-1) solid rgba(255, 255, 255, .2);
}
.mib-alumni-swiper .alumni-item:hover .desc{
    height: 7.5em;
    color: #fff;
}
.mib-alumni-swiper .alumni-item:hover .text-box{
    padding: var(--size-30);
}
/* mib-alumni-section END */

/* mib-enroll-container */
.mib-enroll-container{
    border-top: var(--size-6) solid var(--theme-mib);
    box-shadow: 0px var(--size-9) var(--size-20) 0px rgba(0,0,0,0.1);
}
.mib-enroll-container +.mib-enroll-container {
    margin-top: var(--size-40);
}
.mib-enroll-container .mib-enroll-right,
.mib-enroll-container .mib-enroll-left{
    padding: var(--size-48) var(--size-40);
}
.mib-enroll-container .mib-enroll-left{
    background: linear-gradient( 180deg, #FDFCFC 0%, #FFF8EE 100%);
    height: 100%;
    position: relative;
}
.mib-enroll-container .mib-enroll-left .img-box{
    margin: var(--size-60) 0 var(--size-36);
}
.mib-enroll-container .mib-enroll-left .img-box img{
    width: 100%;
}
.mib-enroll-container .mib-enroll-left .more-link{
    color: var(--color-primary);
}
.mib-enroll-container .enroll-title{
    padding-bottom: var(--size-30);
    margin-bottom: var(--size-30);
    border-bottom: var(--size-1) solid rgba(0, 0, 0, .1);
}
.mib-enroll-container .enroll-title .color_primary{
    font-weight: 500;
}
.mib-enroll-container .mib-enroll-left .bg{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url(../images/mib-apply-bg.png) right bottom no-repeat;
    background-size: 50%;
    width: 100%;
}
.mib-enroll-container .mib-enroll-left>*{
    position: relative;
}
.mib-enroll-container .enroll-apply{
    position: relative;
}
.mib-enroll-container .enroll-apply .item{
    padding: var(--size-12) 0;
}
.mib-enroll-container .enroll-apply .text{
    padding-left: var(--size-15);
}
/* mib-enroll-container END */

/* schedule-tab */
.schedule-tab .layui-tab-title{
    border-bottom: unset;
    height: unset;
    line-height: unset;
    overflow: unset!important;
}
.schedule-tab .layui-tab-title li{
    border: 0;
    background-color: transparent;
    padding: var(--size-12) var(--size-20);
    min-width: 100px;
    border: var(--size-1) solid var(--color-primary);
    height: unset;
    line-height: unset;
    position: relative;
    white-space: normal;
    color: var(--color-primary);
}
.schedule-tab .layui-tab-title li+li{
    border-left: var(--size-1) solid transparent;
}
.schedule-tab .layui-tab-title li:after{
    content: unset;
}
.schedule-tab .layui-tab-title li:before{
    content: "";
    position: absolute;
    left: 50%;
    top: 100%;
    border: var(--size-12) solid transparent;
    border-top: var(--size-12) solid var(--color-primary);
    opacity: 0;
    transform: translateX(-50%);
}
.schedule-tab .layui-tab-title li.layui-this{
    border-color: transparent;
    background-color: var(--color-primary);
    color: #fff;
}
.schedule-tab .layui-tab-title li.layui-this:before{
    opacity: 1;
}
.schedule-tab .layui-tab-content{
    padding: var(--size-24) 0 0;
}
.schedule-tab table{
    width: 100%;
}
.schedule-tab table td{
    padding: var(--size-15) var(--size-20);
    border-top: var(--size-1) solid rgba(0, 0, 0, .1);
    color: var(--color-text-secondary-grey)
}
.schedule-tab table thead td{
    padding: var(--size-18) var(--size-20);
    border-top: var(--size-1) solid var(--color-primary);
    color: var(--color-primary);
    font-weight: bold;
}
/* schedule-tab eND */

/* jnks-container */
.jnks-container{
    background-color: #fff;
}
/* jnks-container END */

/* .tc-content */
.layui-layer.tc-container {
    background: #fff;
    max-height: 95vh;
    max-width: 95vw;
}
.layui-layer.tc-container .layui-layer-setwin .layui-layer-close2{
    background-color: rgba(0, 39, 93, .1);
}
.layui-layer.tc-container .layui-layer-setwin .layui-layer-close2:after{
    color: var(--color-text-primary);
}
.layui-layer.tc-container .layui-layer-setwin .layui-layer-close2:hover{
    background-color: var(--color-primary);
}
.layui-layer.tc-container .layui-layer-setwin .layui-layer-close2:hover:after{
    color: #fff;
}
.tc-content {
    padding: var(--size-48);
}
.tc-content .tc-content-head{
    padding-bottom: var(--size-30);
    border-bottom: var(--size-1) solid rgba(0, 0, 0, .1);
    margin-bottom: var(--size-30);
}
.layui-layer.tc-container .layui-layer-content{
    overflow: auto;
}

/* .tc-content END */

/* mib-process */
.mib-process{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: var(--size-30);
}
.mib-process .process-item{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    flex: 2;
    flex-wrap: wrap;
    min-width: var(--size-100);
    margin-bottom: var(--size-30);
}
.mib-process .process-item .icon-box{
    position: relative;
    border: var(--size-1) dashed var(--color-primary);
    padding: var(--size-9);
    border-radius: 50%;
    display: inline-block;
}
.mib-process .process-item .icon-box .ala-icon{
    width: var(--size-100);
    height: var(--size-100);
    background-color: #E5E9EE;
}
.mib-process .process-item .icon-box .ala-icon img{
    width: var(--size-36);
    height: var(--size-36);
    object-fit: contain;
}
.mib-process .process-item .icon-box .num{
    width: var(--size-36);
    height: var(--size-36);
    line-height: var(--size-36);
    text-align: center;
    font-weight: bold;
    color: #fff;
    background-color: var(--color-primary);
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translate(-50%,-50%);
    font-size: var(--size-16);
}
.mib-process .process-item .text{
    /* width: var(--size-100); */
    margin: 0 auto;
    margin-top: var(--size-36);
    text-align: center;
    line-height: 1.2;
}

.mib-process .arrow{
    flex: 1;
    text-align: center;
    padding-top: calc(var(--size-100) / 2 + var(--size-9));
    width: var(--size-60);
    overflow: hidden;
    align-items: flex-start;
}
.mib-process .arrow img{
    width: var(--size-30);
    height: var(--size-30);
    object-fit: contain;
    transform: translateY(-50%);
}

@media screen and (max-width: 991px) {
    .mib-process{
        justify-content: flex-start;
    }
    .mib-process .process-item,
    .mib-process .arrow{
        flex: unset;
    }
    .mib-process .process-item .text{
        width: calc(var(--size-100)*1.5);
    }
}
@media screen and (max-width: 767px) {
    .mib-process{
        display: block;
    }
    .mib-process .process-item .text{
        width: 100%;
    }
    .mib-process .arrow{
        padding: 0;
        margin: var(--size-30) auto;
    }
    .mib-process .arrow img{
        transform: rotate(90deg);
    }
}
/* mib-process END */
.mib-course{
    display: flex;
    align-items: center;
    max-width: 90%;
    margin: 0 auto;
}
.mib-course .mib-course-head{
    padding: 9.375vw 0;
    padding-right: 6.875vw;
    background: url(../images/mib-course-bg.png) right center no-repeat;
    background-size: contain;
    width: 17.8125vw;
    min-width: calc(130px + 6.875vw);
}
.mib-course .mib-course-head .text-box{
    width: 10.9375vw;
    height: 10.9375vw;
    min-width: 130px;
    min-height: 130px;
    background-color: var(--color-primary);
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 50%;
}
.mib-course .mib-course-head .text-box img{
    width: var(--size-45);
    height: var(--size-45);
    object-fit: contain;
    display: inline-block;
    margin-bottom: var(--size-12);
}
.mib-course .mib-course-body{
    flex: 1;
    margin-left: var(--size-100-reverse);
}
.mib-course .mib-course-body .course-item{
    background: fixed;
    box-shadow: unset!important;
    height: unset;
    padding: 0;
}
.mib-course .mib-course-body .course-item:nth-of-type(2){
    padding: var(--size-30) 0;
    padding-left: var(--size-60);
}
.mib-course .mib-course-body .course-item .ala-icon{
    width: var(--size-72);
    height: var(--size-72);
}
.mib-course .mib-course-body .course-item .ala-icon img{
    width: var(--size-30);
    height: var(--size-30);
    min-width: 24px;
    min-height: 24px;
    object-fit: contain;
}
.mib-course .mib-course-body .course-item .ala-cell_ft{
    width: 11.40625vw;
    padding-left: 0;
    margin-left: var(--size-24);
}
.mib-course .mib-course-body .course-item .ala-cell_ft img{
    width: 100%;
}

@media screen and (max-width: 1199px) {
    .mib-course{
        max-width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .mib-course{
        display: block;
    }
    .mib-course .mib-course-body{
        margin-left: 0;
    }
    .mib-course .mib-course-body .course-item:nth-of-type(2){
        padding-left: 0;
    }
    .mib-course .mib-course-head{
        padding: 0;
        width: 100%;
        min-width: 100%;
        margin-bottom: var(--size-45);
    }
    .mib-course .mib-course-head .text-box{
        margin: 0 auto;
    }
    .mib-course .mib-course-head{
        background: url(../images/mib-course-bg-1.png) center bottom no-repeat;
        background-size: contain;
        position: relative;
        padding-bottom: var(--size-80);
    }
    .mib-course .mib-course-body .course-item{
        flex-wrap: wrap;
    }
    .mib-course .mib-course-body .course-item .ala-cell_hd{
        align-self: flex-start;
    }
    .mib-course .mib-course-body .course-item .ala-cell_ft{
        width: 100%;
        margin-left: calc( var(--size-54) + var(--size-24) );
        margin-top: var(--size-12);
    }
    .mib-course .mib-course-body .course-item .ala-icon{
        width: var(--size-54);
        height: var(--size-54);
    }
    .mib-course .mib-course-body .course-item .ala-icon img{
        min-width: 18px;
        min-height: 18px;
    }
}
/* .error-block */
.error-block {
    min-height: 100vh;
    display: flex;
    align-items: center;
}
.error-block .row-flex{
    align-items: center;
}
.error-block .img-box{
    display: flex;
    align-items: center;
    justify-content: center;
}
.error-block img{
    max-height: 75vh;
}
.error-block hr{
    margin: var(--size-45) 0;
}
@media screen and (max-width: 767px) {
    .error-block img{
        max-width: 60vw;
        width: 320px;
    }
    .error-block .error-text{
        text-align: center;
    }
}
/* .error-block END */