/*!
 * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
.fa,.fab,.fad,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s linear infinite;animation:fa-spin 2s linear infinite}.fa-pulse{-webkit-animation:fa-spin 1s steps(8) infinite;animation:fa-spin 1s steps(8) infinite}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1);transform:scale(-1)}:root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-500px:before{content:"\F26E"}.fa-accessible-icon:before{content:"\F368"}.fa-accusoft:before{content:"\F369"}.fa-acquisitions-incorporated:before{content:"\F6AF"}.fa-ad:before{content:"\F641"}.fa-address-book:before{content:"\F2B9"}.fa-address-card:before{content:"\F2BB"}.fa-adjust:before{content:"\F042"}.fa-adn:before{content:"\F170"}.fa-adversal:before{content:"\F36A"}.fa-affiliatetheme:before{content:"\F36B"}.fa-air-freshener:before{content:"\F5D0"}.fa-airbnb:before{content:"\F834"}.fa-algolia:before{content:"\F36C"}.fa-align-center:before{content:"\F037"}.fa-align-justify:before{content:"\F039"}.fa-align-left:before{content:"\F036"}.fa-align-right:before{content:"\F038"}.fa-alipay:before{content:"\F642"}.fa-allergies:before{content:"\F461"}.fa-amazon:before{content:"\F270"}.fa-amazon-pay:before{content:"\F42C"}.fa-ambulance:before{content:"\F0F9"}.fa-american-sign-language-interpreting:before{content:"\F2A3"}.fa-amilia:before{content:"\F36D"}.fa-anchor:before{content:"\F13D"}.fa-android:before{content:"\F17B"}.fa-angellist:before{content:"\F209"}.fa-angle-double-down:before{content:"\F103"}.fa-angle-double-left:before{content:"\F100"}.fa-angle-double-right:before{content:"\F101"}.fa-angle-double-up:before{content:"\F102"}.fa-angle-down:before{content:"\F107"}.fa-angle-left:before{content:"\F104"}.fa-angle-right:before{content:"\F105"}.fa-angle-up:before{content:"\F106"}.fa-angry:before{content:"\F556"}.fa-angrycreative:before{content:"\F36E"}.fa-angular:before{content:"\F420"}.fa-ankh:before{content:"\F644"}.fa-app-store:before{content:"\F36F"}.fa-app-store-ios:before{content:"\F370"}.fa-apper:before{content:"\F371"}.fa-apple:before{content:"\F179"}.fa-apple-alt:before{content:"\F5D1"}.fa-apple-pay:before{content:"\F415"}.fa-archive:before{content:"\F187"}.fa-archway:before{content:"\F557"}.fa-arrow-alt-circle-down:before{content:"\F358"}.fa-arrow-alt-circle-left:before{content:"\F359"}.fa-arrow-alt-circle-right:before{content:"\F35A"}.fa-arrow-alt-circle-up:before{content:"\F35B"}.fa-arrow-circle-down:before{content:"\F0AB"}.fa-arrow-circle-left:before{content:"\F0A8"}.fa-arrow-circle-right:before{content:"\F0A9"}.fa-arrow-circle-up:before{content:"\F0AA"}.fa-arrow-down:before{content:"\F063"}.fa-arrow-left:before{content:"\F060"}.fa-arrow-right:before{content:"\F061"}.fa-arrow-up:before{content:"\F062"}.fa-arrows-alt:before{content:"\F0B2"}.fa-arrows-alt-h:before{content:"\F337"}.fa-arrows-alt-v:before{content:"\F338"}.fa-artstation:before{content:"\F77A"}.fa-assistive-listening-systems:before{content:"\F2A2"}.fa-asterisk:before{content:"\F069"}.fa-asymmetrik:before{content:"\F372"}.fa-at:before{content:"\F1FA"}.fa-atlas:before{content:"\F558"}.fa-atlassian:before{content:"\F77B"}.fa-atom:before{content:"\F5D2"}.fa-audible:before{content:"\F373"}.fa-audio-description:before{content:"\F29E"}.fa-autoprefixer:before{content:"\F41C"}.fa-avianex:before{content:"\F374"}.fa-aviato:before{content:"\F421"}.fa-award:before{content:"\F559"}.fa-aws:before{content:"\F375"}.fa-baby:before{content:"\F77C"}.fa-baby-carriage:before{content:"\F77D"}.fa-backspace:before{content:"\F55A"}.fa-backward:before{content:"\F04A"}.fa-bacon:before{content:"\F7E5"}.fa-bacteria:before{content:"\E059"}.fa-bacterium:before{content:"\E05A"}.fa-bahai:before{content:"\F666"}.fa-balance-scale:before{content:"\F24E"}.fa-balance-scale-left:before{content:"\F515"}.fa-balance-scale-right:before{content:"\F516"}.fa-ban:before{content:"\F05E"}.fa-band-aid:before{content:"\F462"}.fa-bandcamp:before{content:"\F2D5"}.fa-barcode:before{content:"\F02A"}.fa-bars:before{content:"\F0C9"}.fa-baseball-ball:before{content:"\F433"}.fa-basketball-ball:before{content:"\F434"}.fa-bath:before{content:"\F2CD"}.fa-battery-empty:before{content:"\F244"}.fa-battery-full:before{content:"\F240"}.fa-battery-half:before{content:"\F242"}.fa-battery-quarter:before{content:"\F243"}.fa-battery-three-quarters:before{content:"\F241"}.fa-battle-net:before{content:"\F835"}.fa-bed:before{content:"\F236"}.fa-beer:before{content:"\F0FC"}.fa-behance:before{content:"\F1B4"}.fa-behance-square:before{content:"\F1B5"}.fa-bell:before{content:"\F0F3"}.fa-bell-slash:before{content:"\F1F6"}.fa-bezier-curve:before{content:"\F55B"}.fa-bible:before{content:"\F647"}.fa-bicycle:before{content:"\F206"}.fa-biking:before{content:"\F84A"}.fa-bimobject:before{content:"\F378"}.fa-binoculars:before{content:"\F1E5"}.fa-biohazard:before{content:"\F780"}.fa-birthday-cake:before{content:"\F1FD"}.fa-bitbucket:before{content:"\F171"}.fa-bitcoin:before{content:"\F379"}.fa-bity:before{content:"\F37A"}.fa-black-tie:before{content:"\F27E"}.fa-blackberry:before{content:"\F37B"}.fa-blender:before{content:"\F517"}.fa-blender-phone:before{content:"\F6B6"}.fa-blind:before{content:"\F29D"}.fa-blog:before{content:"\F781"}.fa-blogger:before{content:"\F37C"}.fa-blogger-b:before{content:"\F37D"}.fa-bluetooth:before{content:"\F293"}.fa-bluetooth-b:before{content:"\F294"}.fa-bold:before{content:"\F032"}.fa-bolt:before{content:"\F0E7"}.fa-bomb:before{content:"\F1E2"}.fa-bone:before{content:"\F5D7"}.fa-bong:before{content:"\F55C"}.fa-book:before{content:"\F02D"}.fa-book-dead:before{content:"\F6B7"}.fa-book-medical:before{content:"\F7E6"}.fa-book-open:before{content:"\F518"}.fa-book-reader:before{content:"\F5DA"}.fa-bookmark:before{content:"\F02E"}.fa-bootstrap:before{content:"\F836"}.fa-border-all:before{content:"\F84C"}.fa-border-none:before{content:"\F850"}.fa-border-style:before{content:"\F853"}.fa-bowling-ball:before{content:"\F436"}.fa-box:before{content:"\F466"}.fa-box-open:before{content:"\F49E"}.fa-box-tissue:before{content:"\E05B"}.fa-boxes:before{content:"\F468"}.fa-braille:before{content:"\F2A1"}.fa-brain:before{content:"\F5DC"}.fa-bread-slice:before{content:"\F7EC"}.fa-briefcase:before{content:"\F0B1"}.fa-briefcase-medical:before{content:"\F469"}.fa-broadcast-tower:before{content:"\F519"}.fa-broom:before{content:"\F51A"}.fa-brush:before{content:"\F55D"}.fa-btc:before{content:"\F15A"}.fa-buffer:before{content:"\F837"}.fa-bug:before{content:"\F188"}.fa-building:before{content:"\F1AD"}.fa-bullhorn:before{content:"\F0A1"}.fa-bullseye:before{content:"\F140"}.fa-burn:before{content:"\F46A"}.fa-buromobelexperte:before{content:"\F37F"}.fa-bus:before{content:"\F207"}.fa-bus-alt:before{content:"\F55E"}.fa-business-time:before{content:"\F64A"}.fa-buy-n-large:before{content:"\F8A6"}.fa-buysellads:before{content:"\F20D"}.fa-calculator:before{content:"\F1EC"}.fa-calendar:before{content:"\F133"}.fa-calendar-alt:before{content:"\F073"}.fa-calendar-check:before{content:"\F274"}.fa-calendar-day:before{content:"\F783"}.fa-calendar-minus:before{content:"\F272"}.fa-calendar-plus:before{content:"\F271"}.fa-calendar-times:before{content:"\F273"}.fa-calendar-week:before{content:"\F784"}.fa-camera:before{content:"\F030"}.fa-camera-retro:before{content:"\F083"}.fa-campground:before{content:"\F6BB"}.fa-canadian-maple-leaf:before{content:"\F785"}.fa-candy-cane:before{content:"\F786"}.fa-cannabis:before{content:"\F55F"}.fa-capsules:before{content:"\F46B"}.fa-car:before{content:"\F1B9"}.fa-car-alt:before{content:"\F5DE"}.fa-car-battery:before{content:"\F5DF"}.fa-car-crash:before{content:"\F5E1"}.fa-car-side:before{content:"\F5E4"}.fa-caravan:before{content:"\F8FF"}.fa-caret-down:before{content:"\F0D7"}.fa-caret-left:before{content:"\F0D9"}.fa-caret-right:before{content:"\F0DA"}.fa-caret-square-down:before{content:"\F150"}.fa-caret-square-left:before{content:"\F191"}.fa-caret-square-right:before{content:"\F152"}.fa-caret-square-up:before{content:"\F151"}.fa-caret-up:before{content:"\F0D8"}.fa-carrot:before{content:"\F787"}.fa-cart-arrow-down:before{content:"\F218"}.fa-cart-plus:before{content:"\F217"}.fa-cash-register:before{content:"\F788"}.fa-cat:before{content:"\F6BE"}.fa-cc-amazon-pay:before{content:"\F42D"}.fa-cc-amex:before{content:"\F1F3"}.fa-cc-apple-pay:before{content:"\F416"}.fa-cc-diners-club:before{content:"\F24C"}.fa-cc-discover:before{content:"\F1F2"}.fa-cc-jcb:before{content:"\F24B"}.fa-cc-mastercard:before{content:"\F1F1"}.fa-cc-paypal:before{content:"\F1F4"}.fa-cc-stripe:before{content:"\F1F5"}.fa-cc-visa:before{content:"\F1F0"}.fa-centercode:before{content:"\F380"}.fa-centos:before{content:"\F789"}.fa-certificate:before{content:"\F0A3"}.fa-chair:before{content:"\F6C0"}.fa-chalkboard:before{content:"\F51B"}.fa-chalkboard-teacher:before{content:"\F51C"}.fa-charging-station:before{content:"\F5E7"}.fa-chart-area:before{content:"\F1FE"}.fa-chart-bar:before{content:"\F080"}.fa-chart-line:before{content:"\F201"}.fa-chart-pie:before{content:"\F200"}.fa-check:before{content:"\F00C"}.fa-check-circle:before{content:"\F058"}.fa-check-double:before{content:"\F560"}.fa-check-square:before{content:"\F14A"}.fa-cheese:before{content:"\F7EF"}.fa-chess:before{content:"\F439"}.fa-chess-bishop:before{content:"\F43A"}.fa-chess-board:before{content:"\F43C"}.fa-chess-king:before{content:"\F43F"}.fa-chess-knight:before{content:"\F441"}.fa-chess-pawn:before{content:"\F443"}.fa-chess-queen:before{content:"\F445"}.fa-chess-rook:before{content:"\F447"}.fa-chevron-circle-down:before{content:"\F13A"}.fa-chevron-circle-left:before{content:"\F137"}.fa-chevron-circle-right:before{content:"\F138"}.fa-chevron-circle-up:before{content:"\F139"}.fa-chevron-down:before{content:"\F078"}.fa-chevron-left:before{content:"\F053"}.fa-chevron-right:before{content:"\F054"}.fa-chevron-up:before{content:"\F077"}.fa-child:before{content:"\F1AE"}.fa-chrome:before{content:"\F268"}.fa-chromecast:before{content:"\F838"}.fa-church:before{content:"\F51D"}.fa-circle:before{content:"\F111"}.fa-circle-notch:before{content:"\F1CE"}.fa-city:before{content:"\F64F"}.fa-clinic-medical:before{content:"\F7F2"}.fa-clipboard:before{content:"\F328"}.fa-clipboard-check:before{content:"\F46C"}.fa-clipboard-list:before{content:"\F46D"}.fa-clock:before{content:"\F017"}.fa-clone:before{content:"\F24D"}.fa-closed-captioning:before{content:"\F20A"}.fa-cloud:before{content:"\F0C2"}.fa-cloud-download-alt:before{content:"\F381"}.fa-cloud-meatball:before{content:"\F73B"}.fa-cloud-moon:before{content:"\F6C3"}.fa-cloud-moon-rain:before{content:"\F73C"}.fa-cloud-rain:before{content:"\F73D"}.fa-cloud-showers-heavy:before{content:"\F740"}.fa-cloud-sun:before{content:"\F6C4"}.fa-cloud-sun-rain:before{content:"\F743"}.fa-cloud-upload-alt:before{content:"\F382"}.fa-cloudflare:before{content:"\E07D"}.fa-cloudscale:before{content:"\F383"}.fa-cloudsmith:before{content:"\F384"}.fa-cloudversify:before{content:"\F385"}.fa-cocktail:before{content:"\F561"}.fa-code:before{content:"\F121"}.fa-code-branch:before{content:"\F126"}.fa-codepen:before{content:"\F1CB"}.fa-codiepie:before{content:"\F284"}.fa-coffee:before{content:"\F0F4"}.fa-cog:before{content:"\F013"}.fa-cogs:before{content:"\F085"}.fa-coins:before{content:"\F51E"}.fa-columns:before{content:"\F0DB"}.fa-comment:before{content:"\F075"}.fa-comment-alt:before{content:"\F27A"}.fa-comment-dollar:before{content:"\F651"}.fa-comment-dots:before{content:"\F4AD"}.fa-comment-medical:before{content:"\F7F5"}.fa-comment-slash:before{content:"\F4B3"}.fa-comments:before{content:"\F086"}.fa-comments-dollar:before{content:"\F653"}.fa-compact-disc:before{content:"\F51F"}.fa-compass:before{content:"\F14E"}.fa-compress:before{content:"\F066"}.fa-compress-alt:before{content:"\F422"}.fa-compress-arrows-alt:before{content:"\F78C"}.fa-concierge-bell:before{content:"\F562"}.fa-confluence:before{content:"\F78D"}.fa-connectdevelop:before{content:"\F20E"}.fa-contao:before{content:"\F26D"}.fa-cookie:before{content:"\F563"}.fa-cookie-bite:before{content:"\F564"}.fa-copy:before{content:"\F0C5"}.fa-copyright:before{content:"\F1F9"}.fa-cotton-bureau:before{content:"\F89E"}.fa-couch:before{content:"\F4B8"}.fa-cpanel:before{content:"\F388"}.fa-creative-commons:before{content:"\F25E"}.fa-creative-commons-by:before{content:"\F4E7"}.fa-creative-commons-nc:before{content:"\F4E8"}.fa-creative-commons-nc-eu:before{content:"\F4E9"}.fa-creative-commons-nc-jp:before{content:"\F4EA"}.fa-creative-commons-nd:before{content:"\F4EB"}.fa-creative-commons-pd:before{content:"\F4EC"}.fa-creative-commons-pd-alt:before{content:"\F4ED"}.fa-creative-commons-remix:before{content:"\F4EE"}.fa-creative-commons-sa:before{content:"\F4EF"}.fa-creative-commons-sampling:before{content:"\F4F0"}.fa-creative-commons-sampling-plus:before{content:"\F4F1"}.fa-creative-commons-share:before{content:"\F4F2"}.fa-creative-commons-zero:before{content:"\F4F3"}.fa-credit-card:before{content:"\F09D"}.fa-critical-role:before{content:"\F6C9"}.fa-crop:before{content:"\F125"}.fa-crop-alt:before{content:"\F565"}.fa-cross:before{content:"\F654"}.fa-crosshairs:before{content:"\F05B"}.fa-crow:before{content:"\F520"}.fa-crown:before{content:"\F521"}.fa-crutch:before{content:"\F7F7"}.fa-css3:before{content:"\F13C"}.fa-css3-alt:before{content:"\F38B"}.fa-cube:before{content:"\F1B2"}.fa-cubes:before{content:"\F1B3"}.fa-cut:before{content:"\F0C4"}.fa-cuttlefish:before{content:"\F38C"}.fa-d-and-d:before{content:"\F38D"}.fa-d-and-d-beyond:before{content:"\F6CA"}.fa-dailymotion:before{content:"\E052"}.fa-dashcube:before{content:"\F210"}.fa-database:before{content:"\F1C0"}.fa-deaf:before{content:"\F2A4"}.fa-deezer:before{content:"\E077"}.fa-delicious:before{content:"\F1A5"}.fa-democrat:before{content:"\F747"}.fa-deploydog:before{content:"\F38E"}.fa-deskpro:before{content:"\F38F"}.fa-desktop:before{content:"\F108"}.fa-dev:before{content:"\F6CC"}.fa-deviantart:before{content:"\F1BD"}.fa-dharmachakra:before{content:"\F655"}.fa-dhl:before{content:"\F790"}.fa-diagnoses:before{content:"\F470"}.fa-diaspora:before{content:"\F791"}.fa-dice:before{content:"\F522"}.fa-dice-d20:before{content:"\F6CF"}.fa-dice-d6:before{content:"\F6D1"}.fa-dice-five:before{content:"\F523"}.fa-dice-four:before{content:"\F524"}.fa-dice-one:before{content:"\F525"}.fa-dice-six:before{content:"\F526"}.fa-dice-three:before{content:"\F527"}.fa-dice-two:before{content:"\F528"}.fa-digg:before{content:"\F1A6"}.fa-digital-ocean:before{content:"\F391"}.fa-digital-tachograph:before{content:"\F566"}.fa-directions:before{content:"\F5EB"}.fa-discord:before{content:"\F392"}.fa-discourse:before{content:"\F393"}.fa-disease:before{content:"\F7FA"}.fa-divide:before{content:"\F529"}.fa-dizzy:before{content:"\F567"}.fa-dna:before{content:"\F471"}.fa-dochub:before{content:"\F394"}.fa-docker:before{content:"\F395"}.fa-dog:before{content:"\F6D3"}.fa-dollar-sign:before{content:"\F155"}.fa-dolly:before{content:"\F472"}.fa-dolly-flatbed:before{content:"\F474"}.fa-donate:before{content:"\F4B9"}.fa-door-closed:before{content:"\F52A"}.fa-door-open:before{content:"\F52B"}.fa-dot-circle:before{content:"\F192"}.fa-dove:before{content:"\F4BA"}.fa-download:before{content:"\F019"}.fa-draft2digital:before{content:"\F396"}.fa-drafting-compass:before{content:"\F568"}.fa-dragon:before{content:"\F6D5"}.fa-draw-polygon:before{content:"\F5EE"}.fa-dribbble:before{content:"\F17D"}.fa-dribbble-square:before{content:"\F397"}.fa-dropbox:before{content:"\F16B"}.fa-drum:before{content:"\F569"}.fa-drum-steelpan:before{content:"\F56A"}.fa-drumstick-bite:before{content:"\F6D7"}.fa-drupal:before{content:"\F1A9"}.fa-dumbbell:before{content:"\F44B"}.fa-dumpster:before{content:"\F793"}.fa-dumpster-fire:before{content:"\F794"}.fa-dungeon:before{content:"\F6D9"}.fa-dyalog:before{content:"\F399"}.fa-earlybirds:before{content:"\F39A"}.fa-ebay:before{content:"\F4F4"}.fa-edge:before{content:"\F282"}.fa-edge-legacy:before{content:"\E078"}.fa-edit:before{content:"\F044"}.fa-egg:before{content:"\F7FB"}.fa-eject:before{content:"\F052"}.fa-elementor:before{content:"\F430"}.fa-ellipsis-h:before{content:"\F141"}.fa-ellipsis-v:before{content:"\F142"}.fa-ello:before{content:"\F5F1"}.fa-ember:before{content:"\F423"}.fa-empire:before{content:"\F1D1"}.fa-envelope:before{content:"\F0E0"}.fa-envelope-open:before{content:"\F2B6"}.fa-envelope-open-text:before{content:"\F658"}.fa-envelope-square:before{content:"\F199"}.fa-envira:before{content:"\F299"}.fa-equals:before{content:"\F52C"}.fa-eraser:before{content:"\F12D"}.fa-erlang:before{content:"\F39D"}.fa-ethereum:before{content:"\F42E"}.fa-ethernet:before{content:"\F796"}.fa-etsy:before{content:"\F2D7"}.fa-euro-sign:before{content:"\F153"}.fa-evernote:before{content:"\F839"}.fa-exchange-alt:before{content:"\F362"}.fa-exclamation:before{content:"\F12A"}.fa-exclamation-circle:before{content:"\F06A"}.fa-exclamation-triangle:before{content:"\F071"}.fa-expand:before{content:"\F065"}.fa-expand-alt:before{content:"\F424"}.fa-expand-arrows-alt:before{content:"\F31E"}.fa-expeditedssl:before{content:"\F23E"}.fa-external-link-alt:before{content:"\F35D"}.fa-external-link-square-alt:before{content:"\F360"}.fa-eye:before{content:"\F06E"}.fa-eye-dropper:before{content:"\F1FB"}.fa-eye-slash:before{content:"\F070"}.fa-facebook:before{content:"\F09A"}.fa-facebook-f:before{content:"\F39E"}.fa-facebook-messenger:before{content:"\F39F"}.fa-facebook-square:before{content:"\F082"}.fa-fan:before{content:"\F863"}.fa-fantasy-flight-games:before{content:"\F6DC"}.fa-fast-backward:before{content:"\F049"}.fa-fast-forward:before{content:"\F050"}.fa-faucet:before{content:"\E005"}.fa-fax:before{content:"\F1AC"}.fa-feather:before{content:"\F52D"}.fa-feather-alt:before{content:"\F56B"}.fa-fedex:before{content:"\F797"}.fa-fedora:before{content:"\F798"}.fa-female:before{content:"\F182"}.fa-fighter-jet:before{content:"\F0FB"}.fa-figma:before{content:"\F799"}.fa-file:before{content:"\F15B"}.fa-file-alt:before{content:"\F15C"}.fa-file-archive:before{content:"\F1C6"}.fa-file-audio:before{content:"\F1C7"}.fa-file-code:before{content:"\F1C9"}.fa-file-contract:before{content:"\F56C"}.fa-file-csv:before{content:"\F6DD"}.fa-file-download:before{content:"\F56D"}.fa-file-excel:before{content:"\F1C3"}.fa-file-export:before{content:"\F56E"}.fa-file-image:before{content:"\F1C5"}.fa-file-import:before{content:"\F56F"}.fa-file-invoice:before{content:"\F570"}.fa-file-invoice-dollar:before{content:"\F571"}.fa-file-medical:before{content:"\F477"}.fa-file-medical-alt:before{content:"\F478"}.fa-file-pdf:before{content:"\F1C1"}.fa-file-powerpoint:before{content:"\F1C4"}.fa-file-prescription:before{content:"\F572"}.fa-file-signature:before{content:"\F573"}.fa-file-upload:before{content:"\F574"}.fa-file-video:before{content:"\F1C8"}.fa-file-word:before{content:"\F1C2"}.fa-fill:before{content:"\F575"}.fa-fill-drip:before{content:"\F576"}.fa-film:before{content:"\F008"}.fa-filter:before{content:"\F0B0"}.fa-fingerprint:before{content:"\F577"}.fa-fire:before{content:"\F06D"}.fa-fire-alt:before{content:"\F7E4"}.fa-fire-extinguisher:before{content:"\F134"}.fa-firefox:before{content:"\F269"}.fa-firefox-browser:before{content:"\E007"}.fa-first-aid:before{content:"\F479"}.fa-first-order:before{content:"\F2B0"}.fa-first-order-alt:before{content:"\F50A"}.fa-firstdraft:before{content:"\F3A1"}.fa-fish:before{content:"\F578"}.fa-fist-raised:before{content:"\F6DE"}.fa-flag:before{content:"\F024"}.fa-flag-checkered:before{content:"\F11E"}.fa-flag-usa:before{content:"\F74D"}.fa-flask:before{content:"\F0C3"}.fa-flickr:before{content:"\F16E"}.fa-flipboard:before{content:"\F44D"}.fa-flushed:before{content:"\F579"}.fa-fly:before{content:"\F417"}.fa-folder:before{content:"\F07B"}.fa-folder-minus:before{content:"\F65D"}.fa-folder-open:before{content:"\F07C"}.fa-folder-plus:before{content:"\F65E"}.fa-font:before{content:"\F031"}.fa-font-awesome:before{content:"\F2B4"}.fa-font-awesome-alt:before{content:"\F35C"}.fa-font-awesome-flag:before{content:"\F425"}.fa-font-awesome-logo-full:before{content:"\F4E6"}.fa-fonticons:before{content:"\F280"}.fa-fonticons-fi:before{content:"\F3A2"}.fa-football-ball:before{content:"\F44E"}.fa-fort-awesome:before{content:"\F286"}.fa-fort-awesome-alt:before{content:"\F3A3"}.fa-forumbee:before{content:"\F211"}.fa-forward:before{content:"\F04E"}.fa-foursquare:before{content:"\F180"}.fa-free-code-camp:before{content:"\F2C5"}.fa-freebsd:before{content:"\F3A4"}.fa-frog:before{content:"\F52E"}.fa-frown:before{content:"\F119"}.fa-frown-open:before{content:"\F57A"}.fa-fulcrum:before{content:"\F50B"}.fa-funnel-dollar:before{content:"\F662"}.fa-futbol:before{content:"\F1E3"}.fa-galactic-republic:before{content:"\F50C"}.fa-galactic-senate:before{content:"\F50D"}.fa-gamepad:before{content:"\F11B"}.fa-gas-pump:before{content:"\F52F"}.fa-gavel:before{content:"\F0E3"}.fa-gem:before{content:"\F3A5"}.fa-genderless:before{content:"\F22D"}.fa-get-pocket:before{content:"\F265"}.fa-gg:before{content:"\F260"}.fa-gg-circle:before{content:"\F261"}.fa-ghost:before{content:"\F6E2"}.fa-gift:before{content:"\F06B"}.fa-gifts:before{content:"\F79C"}.fa-git:before{content:"\F1D3"}.fa-git-alt:before{content:"\F841"}.fa-git-square:before{content:"\F1D2"}.fa-github:before{content:"\F09B"}.fa-github-alt:before{content:"\F113"}.fa-github-square:before{content:"\F092"}.fa-gitkraken:before{content:"\F3A6"}.fa-gitlab:before{content:"\F296"}.fa-gitter:before{content:"\F426"}.fa-glass-cheers:before{content:"\F79F"}.fa-glass-martini:before{content:"\F000"}.fa-glass-martini-alt:before{content:"\F57B"}.fa-glass-whiskey:before{content:"\F7A0"}.fa-glasses:before{content:"\F530"}.fa-glide:before{content:"\F2A5"}.fa-glide-g:before{content:"\F2A6"}.fa-globe:before{content:"\F0AC"}.fa-globe-africa:before{content:"\F57C"}.fa-globe-americas:before{content:"\F57D"}.fa-globe-asia:before{content:"\F57E"}.fa-globe-europe:before{content:"\F7A2"}.fa-gofore:before{content:"\F3A7"}.fa-golf-ball:before{content:"\F450"}.fa-goodreads:before{content:"\F3A8"}.fa-goodreads-g:before{content:"\F3A9"}.fa-google:before{content:"\F1A0"}.fa-google-drive:before{content:"\F3AA"}.fa-google-pay:before{content:"\E079"}.fa-google-play:before{content:"\F3AB"}.fa-google-plus:before{content:"\F2B3"}.fa-google-plus-g:before{content:"\F0D5"}.fa-google-plus-square:before{content:"\F0D4"}.fa-google-wallet:before{content:"\F1EE"}.fa-gopuram:before{content:"\F664"}.fa-graduation-cap:before{content:"\F19D"}.fa-gratipay:before{content:"\F184"}.fa-grav:before{content:"\F2D6"}.fa-greater-than:before{content:"\F531"}.fa-greater-than-equal:before{content:"\F532"}.fa-grimace:before{content:"\F57F"}.fa-grin:before{content:"\F580"}.fa-grin-alt:before{content:"\F581"}.fa-grin-beam:before{content:"\F582"}.fa-grin-beam-sweat:before{content:"\F583"}.fa-grin-hearts:before{content:"\F584"}.fa-grin-squint:before{content:"\F585"}.fa-grin-squint-tears:before{content:"\F586"}.fa-grin-stars:before{content:"\F587"}.fa-grin-tears:before{content:"\F588"}.fa-grin-tongue:before{content:"\F589"}.fa-grin-tongue-squint:before{content:"\F58A"}.fa-grin-tongue-wink:before{content:"\F58B"}.fa-grin-wink:before{content:"\F58C"}.fa-grip-horizontal:before{content:"\F58D"}.fa-grip-lines:before{content:"\F7A4"}.fa-grip-lines-vertical:before{content:"\F7A5"}.fa-grip-vertical:before{content:"\F58E"}.fa-gripfire:before{content:"\F3AC"}.fa-grunt:before{content:"\F3AD"}.fa-guilded:before{content:"\E07E"}.fa-guitar:before{content:"\F7A6"}.fa-gulp:before{content:"\F3AE"}.fa-h-square:before{content:"\F0FD"}.fa-hacker-news:before{content:"\F1D4"}.fa-hacker-news-square:before{content:"\F3AF"}.fa-hackerrank:before{content:"\F5F7"}.fa-hamburger:before{content:"\F805"}.fa-hammer:before{content:"\F6E3"}.fa-hamsa:before{content:"\F665"}.fa-hand-holding:before{content:"\F4BD"}.fa-hand-holding-heart:before{content:"\F4BE"}.fa-hand-holding-medical:before{content:"\E05C"}.fa-hand-holding-usd:before{content:"\F4C0"}.fa-hand-holding-water:before{content:"\F4C1"}.fa-hand-lizard:before{content:"\F258"}.fa-hand-middle-finger:before{content:"\F806"}.fa-hand-paper:before{content:"\F256"}.fa-hand-peace:before{content:"\F25B"}.fa-hand-point-down:before{content:"\F0A7"}.fa-hand-point-left:before{content:"\F0A5"}.fa-hand-point-right:before{content:"\F0A4"}.fa-hand-point-up:before{content:"\F0A6"}.fa-hand-pointer:before{content:"\F25A"}.fa-hand-rock:before{content:"\F255"}.fa-hand-scissors:before{content:"\F257"}.fa-hand-sparkles:before{content:"\E05D"}.fa-hand-spock:before{content:"\F259"}.fa-hands:before{content:"\F4C2"}.fa-hands-helping:before{content:"\F4C4"}.fa-hands-wash:before{content:"\E05E"}.fa-handshake:before{content:"\F2B5"}.fa-handshake-alt-slash:before{content:"\E05F"}.fa-handshake-slash:before{content:"\E060"}.fa-hanukiah:before{content:"\F6E6"}.fa-hard-hat:before{content:"\F807"}.fa-hashtag:before{content:"\F292"}.fa-hat-cowboy:before{content:"\F8C0"}.fa-hat-cowboy-side:before{content:"\F8C1"}.fa-hat-wizard:before{content:"\F6E8"}.fa-hdd:before{content:"\F0A0"}.fa-head-side-cough:before{content:"\E061"}.fa-head-side-cough-slash:before{content:"\E062"}.fa-head-side-mask:before{content:"\E063"}.fa-head-side-virus:before{content:"\E064"}.fa-heading:before{content:"\F1DC"}.fa-headphones:before{content:"\F025"}.fa-headphones-alt:before{content:"\F58F"}.fa-headset:before{content:"\F590"}.fa-heart:before{content:"\F004"}.fa-heart-broken:before{content:"\F7A9"}.fa-heartbeat:before{content:"\F21E"}.fa-helicopter:before{content:"\F533"}.fa-highlighter:before{content:"\F591"}.fa-hiking:before{content:"\F6EC"}.fa-hippo:before{content:"\F6ED"}.fa-hips:before{content:"\F452"}.fa-hire-a-helper:before{content:"\F3B0"}.fa-history:before{content:"\F1DA"}.fa-hive:before{content:"\E07F"}.fa-hockey-puck:before{content:"\F453"}.fa-holly-berry:before{content:"\F7AA"}.fa-home:before{content:"\F015"}.fa-hooli:before{content:"\F427"}.fa-hornbill:before{content:"\F592"}.fa-horse:before{content:"\F6F0"}.fa-horse-head:before{content:"\F7AB"}.fa-hospital:before{content:"\F0F8"}.fa-hospital-alt:before{content:"\F47D"}.fa-hospital-symbol:before{content:"\F47E"}.fa-hospital-user:before{content:"\F80D"}.fa-hot-tub:before{content:"\F593"}.fa-hotdog:before{content:"\F80F"}.fa-hotel:before{content:"\F594"}.fa-hotjar:before{content:"\F3B1"}.fa-hourglass:before{content:"\F254"}.fa-hourglass-end:before{content:"\F253"}.fa-hourglass-half:before{content:"\F252"}.fa-hourglass-start:before{content:"\F251"}.fa-house-damage:before{content:"\F6F1"}.fa-house-user:before{content:"\E065"}.fa-houzz:before{content:"\F27C"}.fa-hryvnia:before{content:"\F6F2"}.fa-html5:before{content:"\F13B"}.fa-hubspot:before{content:"\F3B2"}.fa-i-cursor:before{content:"\F246"}.fa-ice-cream:before{content:"\F810"}.fa-icicles:before{content:"\F7AD"}.fa-icons:before{content:"\F86D"}.fa-id-badge:before{content:"\F2C1"}.fa-id-card:before{content:"\F2C2"}.fa-id-card-alt:before{content:"\F47F"}.fa-ideal:before{content:"\E013"}.fa-igloo:before{content:"\F7AE"}.fa-image:before{content:"\F03E"}.fa-images:before{content:"\F302"}.fa-imdb:before{content:"\F2D8"}.fa-inbox:before{content:"\F01C"}.fa-indent:before{content:"\F03C"}.fa-industry:before{content:"\F275"}.fa-infinity:before{content:"\F534"}.fa-info:before{content:"\F129"}.fa-info-circle:before{content:"\F05A"}.fa-innosoft:before{content:"\E080"}.fa-instagram:before{content:"\F16D"}.fa-instagram-square:before{content:"\E055"}.fa-instalod:before{content:"\E081"}.fa-intercom:before{content:"\F7AF"}.fa-internet-explorer:before{content:"\F26B"}.fa-invision:before{content:"\F7B0"}.fa-ioxhost:before{content:"\F208"}.fa-italic:before{content:"\F033"}.fa-itch-io:before{content:"\F83A"}.fa-itunes:before{content:"\F3B4"}.fa-itunes-note:before{content:"\F3B5"}.fa-java:before{content:"\F4E4"}.fa-jedi:before{content:"\F669"}.fa-jedi-order:before{content:"\F50E"}.fa-jenkins:before{content:"\F3B6"}.fa-jira:before{content:"\F7B1"}.fa-joget:before{content:"\F3B7"}.fa-joint:before{content:"\F595"}.fa-joomla:before{content:"\F1AA"}.fa-journal-whills:before{content:"\F66A"}.fa-js:before{content:"\F3B8"}.fa-js-square:before{content:"\F3B9"}.fa-jsfiddle:before{content:"\F1CC"}.fa-kaaba:before{content:"\F66B"}.fa-kaggle:before{content:"\F5FA"}.fa-key:before{content:"\F084"}.fa-keybase:before{content:"\F4F5"}.fa-keyboard:before{content:"\F11C"}.fa-keycdn:before{content:"\F3BA"}.fa-khanda:before{content:"\F66D"}.fa-kickstarter:before{content:"\F3BB"}.fa-kickstarter-k:before{content:"\F3BC"}.fa-kiss:before{content:"\F596"}.fa-kiss-beam:before{content:"\F597"}.fa-kiss-wink-heart:before{content:"\F598"}.fa-kiwi-bird:before{content:"\F535"}.fa-korvue:before{content:"\F42F"}.fa-landmark:before{content:"\F66F"}.fa-language:before{content:"\F1AB"}.fa-laptop:before{content:"\F109"}.fa-laptop-code:before{content:"\F5FC"}.fa-laptop-house:before{content:"\E066"}.fa-laptop-medical:before{content:"\F812"}.fa-laravel:before{content:"\F3BD"}.fa-lastfm:before{content:"\F202"}.fa-lastfm-square:before{content:"\F203"}.fa-laugh:before{content:"\F599"}.fa-laugh-beam:before{content:"\F59A"}.fa-laugh-squint:before{content:"\F59B"}.fa-laugh-wink:before{content:"\F59C"}.fa-layer-group:before{content:"\F5FD"}.fa-leaf:before{content:"\F06C"}.fa-leanpub:before{content:"\F212"}.fa-lemon:before{content:"\F094"}.fa-less:before{content:"\F41D"}.fa-less-than:before{content:"\F536"}.fa-less-than-equal:before{content:"\F537"}.fa-level-down-alt:before{content:"\F3BE"}.fa-level-up-alt:before{content:"\F3BF"}.fa-life-ring:before{content:"\F1CD"}.fa-lightbulb:before{content:"\F0EB"}.fa-line:before{content:"\F3C0"}.fa-link:before{content:"\F0C1"}.fa-linkedin:before{content:"\F08C"}.fa-linkedin-in:before{content:"\F0E1"}.fa-linode:before{content:"\F2B8"}.fa-linux:before{content:"\F17C"}.fa-lira-sign:before{content:"\F195"}.fa-list:before{content:"\F03A"}.fa-list-alt:before{content:"\F022"}.fa-list-ol:before{content:"\F0CB"}.fa-list-ul:before{content:"\F0CA"}.fa-location-arrow:before{content:"\F124"}.fa-lock:before{content:"\F023"}.fa-lock-open:before{content:"\F3C1"}.fa-long-arrow-alt-down:before{content:"\F309"}.fa-long-arrow-alt-left:before{content:"\F30A"}.fa-long-arrow-alt-right:before{content:"\F30B"}.fa-long-arrow-alt-up:before{content:"\F30C"}.fa-low-vision:before{content:"\F2A8"}.fa-luggage-cart:before{content:"\F59D"}.fa-lungs:before{content:"\F604"}.fa-lungs-virus:before{content:"\E067"}.fa-lyft:before{content:"\F3C3"}.fa-magento:before{content:"\F3C4"}.fa-magic:before{content:"\F0D0"}.fa-magnet:before{content:"\F076"}.fa-mail-bulk:before{content:"\F674"}.fa-mailchimp:before{content:"\F59E"}.fa-male:before{content:"\F183"}.fa-mandalorian:before{content:"\F50F"}.fa-map:before{content:"\F279"}.fa-map-marked:before{content:"\F59F"}.fa-map-marked-alt:before{content:"\F5A0"}.fa-map-marker:before{content:"\F041"}.fa-map-marker-alt:before{content:"\F3C5"}.fa-map-pin:before{content:"\F276"}.fa-map-signs:before{content:"\F277"}.fa-markdown:before{content:"\F60F"}.fa-marker:before{content:"\F5A1"}.fa-mars:before{content:"\F222"}.fa-mars-double:before{content:"\F227"}.fa-mars-stroke:before{content:"\F229"}.fa-mars-stroke-h:before{content:"\F22B"}.fa-mars-stroke-v:before{content:"\F22A"}.fa-mask:before{content:"\F6FA"}.fa-mastodon:before{content:"\F4F6"}.fa-maxcdn:before{content:"\F136"}.fa-mdb:before{content:"\F8CA"}.fa-medal:before{content:"\F5A2"}.fa-medapps:before{content:"\F3C6"}.fa-medium:before{content:"\F23A"}.fa-medium-m:before{content:"\F3C7"}.fa-medkit:before{content:"\F0FA"}.fa-medrt:before{content:"\F3C8"}.fa-meetup:before{content:"\F2E0"}.fa-megaport:before{content:"\F5A3"}.fa-meh:before{content:"\F11A"}.fa-meh-blank:before{content:"\F5A4"}.fa-meh-rolling-eyes:before{content:"\F5A5"}.fa-memory:before{content:"\F538"}.fa-mendeley:before{content:"\F7B3"}.fa-menorah:before{content:"\F676"}.fa-mercury:before{content:"\F223"}.fa-meteor:before{content:"\F753"}.fa-microblog:before{content:"\E01A"}.fa-microchip:before{content:"\F2DB"}.fa-microphone:before{content:"\F130"}.fa-microphone-alt:before{content:"\F3C9"}.fa-microphone-alt-slash:before{content:"\F539"}.fa-microphone-slash:before{content:"\F131"}.fa-microscope:before{content:"\F610"}.fa-microsoft:before{content:"\F3CA"}.fa-minus:before{content:"\F068"}.fa-minus-circle:before{content:"\F056"}.fa-minus-square:before{content:"\F146"}.fa-mitten:before{content:"\F7B5"}.fa-mix:before{content:"\F3CB"}.fa-mixcloud:before{content:"\F289"}.fa-mixer:before{content:"\E056"}.fa-mizuni:before{content:"\F3CC"}.fa-mobile:before{content:"\F10B"}.fa-mobile-alt:before{content:"\F3CD"}.fa-modx:before{content:"\F285"}.fa-monero:before{content:"\F3D0"}.fa-money-bill:before{content:"\F0D6"}.fa-money-bill-alt:before{content:"\F3D1"}.fa-money-bill-wave:before{content:"\F53A"}.fa-money-bill-wave-alt:before{content:"\F53B"}.fa-money-check:before{content:"\F53C"}.fa-money-check-alt:before{content:"\F53D"}.fa-monument:before{content:"\F5A6"}.fa-moon:before{content:"\F186"}.fa-mortar-pestle:before{content:"\F5A7"}.fa-mosque:before{content:"\F678"}.fa-motorcycle:before{content:"\F21C"}.fa-mountain:before{content:"\F6FC"}.fa-mouse:before{content:"\F8CC"}.fa-mouse-pointer:before{content:"\F245"}.fa-mug-hot:before{content:"\F7B6"}.fa-music:before{content:"\F001"}.fa-napster:before{content:"\F3D2"}.fa-neos:before{content:"\F612"}.fa-network-wired:before{content:"\F6FF"}.fa-neuter:before{content:"\F22C"}.fa-newspaper:before{content:"\F1EA"}.fa-nimblr:before{content:"\F5A8"}.fa-node:before{content:"\F419"}.fa-node-js:before{content:"\F3D3"}.fa-not-equal:before{content:"\F53E"}.fa-notes-medical:before{content:"\F481"}.fa-npm:before{content:"\F3D4"}.fa-ns8:before{content:"\F3D5"}.fa-nutritionix:before{content:"\F3D6"}.fa-object-group:before{content:"\F247"}.fa-object-ungroup:before{content:"\F248"}.fa-octopus-deploy:before{content:"\E082"}.fa-odnoklassniki:before{content:"\F263"}.fa-odnoklassniki-square:before{content:"\F264"}.fa-oil-can:before{content:"\F613"}.fa-old-republic:before{content:"\F510"}.fa-om:before{content:"\F679"}.fa-opencart:before{content:"\F23D"}.fa-openid:before{content:"\F19B"}.fa-opera:before{content:"\F26A"}.fa-optin-monster:before{content:"\F23C"}.fa-orcid:before{content:"\F8D2"}.fa-osi:before{content:"\F41A"}.fa-otter:before{content:"\F700"}.fa-outdent:before{content:"\F03B"}.fa-page4:before{content:"\F3D7"}.fa-pagelines:before{content:"\F18C"}.fa-pager:before{content:"\F815"}.fa-paint-brush:before{content:"\F1FC"}.fa-paint-roller:before{content:"\F5AA"}.fa-palette:before{content:"\F53F"}.fa-palfed:before{content:"\F3D8"}.fa-pallet:before{content:"\F482"}.fa-paper-plane:before{content:"\F1D8"}.fa-paperclip:before{content:"\F0C6"}.fa-parachute-box:before{content:"\F4CD"}.fa-paragraph:before{content:"\F1DD"}.fa-parking:before{content:"\F540"}.fa-passport:before{content:"\F5AB"}.fa-pastafarianism:before{content:"\F67B"}.fa-paste:before{content:"\F0EA"}.fa-patreon:before{content:"\F3D9"}.fa-pause:before{content:"\F04C"}.fa-pause-circle:before{content:"\F28B"}.fa-paw:before{content:"\F1B0"}.fa-paypal:before{content:"\F1ED"}.fa-peace:before{content:"\F67C"}.fa-pen:before{content:"\F304"}.fa-pen-alt:before{content:"\F305"}.fa-pen-fancy:before{content:"\F5AC"}.fa-pen-nib:before{content:"\F5AD"}.fa-pen-square:before{content:"\F14B"}.fa-pencil-alt:before{content:"\F303"}.fa-pencil-ruler:before{content:"\F5AE"}.fa-penny-arcade:before{content:"\F704"}.fa-people-arrows:before{content:"\E068"}.fa-people-carry:before{content:"\F4CE"}.fa-pepper-hot:before{content:"\F816"}.fa-perbyte:before{content:"\E083"}.fa-percent:before{content:"\F295"}.fa-percentage:before{content:"\F541"}.fa-periscope:before{content:"\F3DA"}.fa-person-booth:before{content:"\F756"}.fa-phabricator:before{content:"\F3DB"}.fa-phoenix-framework:before{content:"\F3DC"}.fa-phoenix-squadron:before{content:"\F511"}.fa-phone:before{content:"\F095"}.fa-phone-alt:before{content:"\F879"}.fa-phone-slash:before{content:"\F3DD"}.fa-phone-square:before{content:"\F098"}.fa-phone-square-alt:before{content:"\F87B"}.fa-phone-volume:before{content:"\F2A0"}.fa-photo-video:before{content:"\F87C"}.fa-php:before{content:"\F457"}.fa-pied-piper:before{content:"\F2AE"}.fa-pied-piper-alt:before{content:"\F1A8"}.fa-pied-piper-hat:before{content:"\F4E5"}.fa-pied-piper-pp:before{content:"\F1A7"}.fa-pied-piper-square:before{content:"\E01E"}.fa-piggy-bank:before{content:"\F4D3"}.fa-pills:before{content:"\F484"}.fa-pinterest:before{content:"\F0D2"}.fa-pinterest-p:before{content:"\F231"}.fa-pinterest-square:before{content:"\F0D3"}.fa-pizza-slice:before{content:"\F818"}.fa-place-of-worship:before{content:"\F67F"}.fa-plane:before{content:"\F072"}.fa-plane-arrival:before{content:"\F5AF"}.fa-plane-departure:before{content:"\F5B0"}.fa-plane-slash:before{content:"\E069"}.fa-play:before{content:"\F04B"}.fa-play-circle:before{content:"\F144"}.fa-playstation:before{content:"\F3DF"}.fa-plug:before{content:"\F1E6"}.fa-plus:before{content:"\F067"}.fa-plus-circle:before{content:"\F055"}.fa-plus-square:before{content:"\F0FE"}.fa-podcast:before{content:"\F2CE"}.fa-poll:before{content:"\F681"}.fa-poll-h:before{content:"\F682"}.fa-poo:before{content:"\F2FE"}.fa-poo-storm:before{content:"\F75A"}.fa-poop:before{content:"\F619"}.fa-portrait:before{content:"\F3E0"}.fa-pound-sign:before{content:"\F154"}.fa-power-off:before{content:"\F011"}.fa-pray:before{content:"\F683"}.fa-praying-hands:before{content:"\F684"}.fa-prescription:before{content:"\F5B1"}.fa-prescription-bottle:before{content:"\F485"}.fa-prescription-bottle-alt:before{content:"\F486"}.fa-print:before{content:"\F02F"}.fa-procedures:before{content:"\F487"}.fa-product-hunt:before{content:"\F288"}.fa-project-diagram:before{content:"\F542"}.fa-pump-medical:before{content:"\E06A"}.fa-pump-soap:before{content:"\E06B"}.fa-pushed:before{content:"\F3E1"}.fa-puzzle-piece:before{content:"\F12E"}.fa-python:before{content:"\F3E2"}.fa-qq:before{content:"\F1D6"}.fa-qrcode:before{content:"\F029"}.fa-question:before{content:"\F128"}.fa-question-circle:before{content:"\F059"}.fa-quidditch:before{content:"\F458"}.fa-quinscape:before{content:"\F459"}.fa-quora:before{content:"\F2C4"}.fa-quote-left:before{content:"\F10D"}.fa-quote-right:before{content:"\F10E"}.fa-quran:before{content:"\F687"}.fa-r-project:before{content:"\F4F7"}.fa-radiation:before{content:"\F7B9"}.fa-radiation-alt:before{content:"\F7BA"}.fa-rainbow:before{content:"\F75B"}.fa-random:before{content:"\F074"}.fa-raspberry-pi:before{content:"\F7BB"}.fa-ravelry:before{content:"\F2D9"}.fa-react:before{content:"\F41B"}.fa-reacteurope:before{content:"\F75D"}.fa-readme:before{content:"\F4D5"}.fa-rebel:before{content:"\F1D0"}.fa-receipt:before{content:"\F543"}.fa-record-vinyl:before{content:"\F8D9"}.fa-recycle:before{content:"\F1B8"}.fa-red-river:before{content:"\F3E3"}.fa-reddit:before{content:"\F1A1"}.fa-reddit-alien:before{content:"\F281"}.fa-reddit-square:before{content:"\F1A2"}.fa-redhat:before{content:"\F7BC"}.fa-redo:before{content:"\F01E"}.fa-redo-alt:before{content:"\F2F9"}.fa-registered:before{content:"\F25D"}.fa-remove-format:before{content:"\F87D"}.fa-renren:before{content:"\F18B"}.fa-reply:before{content:"\F3E5"}.fa-reply-all:before{content:"\F122"}.fa-replyd:before{content:"\F3E6"}.fa-republican:before{content:"\F75E"}.fa-researchgate:before{content:"\F4F8"}.fa-resolving:before{content:"\F3E7"}.fa-restroom:before{content:"\F7BD"}.fa-retweet:before{content:"\F079"}.fa-rev:before{content:"\F5B2"}.fa-ribbon:before{content:"\F4D6"}.fa-ring:before{content:"\F70B"}.fa-road:before{content:"\F018"}.fa-robot:before{content:"\F544"}.fa-rocket:before{content:"\F135"}.fa-rocketchat:before{content:"\F3E8"}.fa-rockrms:before{content:"\F3E9"}.fa-route:before{content:"\F4D7"}.fa-rss:before{content:"\F09E"}.fa-rss-square:before{content:"\F143"}.fa-ruble-sign:before{content:"\F158"}.fa-ruler:before{content:"\F545"}.fa-ruler-combined:before{content:"\F546"}.fa-ruler-horizontal:before{content:"\F547"}.fa-ruler-vertical:before{content:"\F548"}.fa-running:before{content:"\F70C"}.fa-rupee-sign:before{content:"\F156"}.fa-rust:before{content:"\E07A"}.fa-sad-cry:before{content:"\F5B3"}.fa-sad-tear:before{content:"\F5B4"}.fa-safari:before{content:"\F267"}.fa-salesforce:before{content:"\F83B"}.fa-sass:before{content:"\F41E"}.fa-satellite:before{content:"\F7BF"}.fa-satellite-dish:before{content:"\F7C0"}.fa-save:before{content:"\F0C7"}.fa-schlix:before{content:"\F3EA"}.fa-school:before{content:"\F549"}.fa-screwdriver:before{content:"\F54A"}.fa-scribd:before{content:"\F28A"}.fa-scroll:before{content:"\F70E"}.fa-sd-card:before{content:"\F7C2"}.fa-search:before{content:"\F002"}.fa-search-dollar:before{content:"\F688"}.fa-search-location:before{content:"\F689"}.fa-search-minus:before{content:"\F010"}.fa-search-plus:before{content:"\F00E"}.fa-searchengin:before{content:"\F3EB"}.fa-seedling:before{content:"\F4D8"}.fa-sellcast:before{content:"\F2DA"}.fa-sellsy:before{content:"\F213"}.fa-server:before{content:"\F233"}.fa-servicestack:before{content:"\F3EC"}.fa-shapes:before{content:"\F61F"}.fa-share:before{content:"\F064"}.fa-share-alt:before{content:"\F1E0"}.fa-share-alt-square:before{content:"\F1E1"}.fa-share-square:before{content:"\F14D"}.fa-shekel-sign:before{content:"\F20B"}.fa-shield-alt:before{content:"\F3ED"}.fa-shield-virus:before{content:"\E06C"}.fa-ship:before{content:"\F21A"}.fa-shipping-fast:before{content:"\F48B"}.fa-shirtsinbulk:before{content:"\F214"}.fa-shoe-prints:before{content:"\F54B"}.fa-shopify:before{content:"\E057"}.fa-shopping-bag:before{content:"\F290"}.fa-shopping-basket:before{content:"\F291"}.fa-shopping-cart:before{content:"\F07A"}.fa-shopware:before{content:"\F5B5"}.fa-shower:before{content:"\F2CC"}.fa-shuttle-van:before{content:"\F5B6"}.fa-sign:before{content:"\F4D9"}.fa-sign-in-alt:before{content:"\F2F6"}.fa-sign-language:before{content:"\F2A7"}.fa-sign-out-alt:before{content:"\F2F5"}.fa-signal:before{content:"\F012"}.fa-signature:before{content:"\F5B7"}.fa-sim-card:before{content:"\F7C4"}.fa-simplybuilt:before{content:"\F215"}.fa-sink:before{content:"\E06D"}.fa-sistrix:before{content:"\F3EE"}.fa-sitemap:before{content:"\F0E8"}.fa-sith:before{content:"\F512"}.fa-skating:before{content:"\F7C5"}.fa-sketch:before{content:"\F7C6"}.fa-skiing:before{content:"\F7C9"}.fa-skiing-nordic:before{content:"\F7CA"}.fa-skull:before{content:"\F54C"}.fa-skull-crossbones:before{content:"\F714"}.fa-skyatlas:before{content:"\F216"}.fa-skype:before{content:"\F17E"}.fa-slack:before{content:"\F198"}.fa-slack-hash:before{content:"\F3EF"}.fa-slash:before{content:"\F715"}.fa-sleigh:before{content:"\F7CC"}.fa-sliders-h:before{content:"\F1DE"}.fa-slideshare:before{content:"\F1E7"}.fa-smile:before{content:"\F118"}.fa-smile-beam:before{content:"\F5B8"}.fa-smile-wink:before{content:"\F4DA"}.fa-smog:before{content:"\F75F"}.fa-smoking:before{content:"\F48D"}.fa-smoking-ban:before{content:"\F54D"}.fa-sms:before{content:"\F7CD"}.fa-snapchat:before{content:"\F2AB"}.fa-snapchat-ghost:before{content:"\F2AC"}.fa-snapchat-square:before{content:"\F2AD"}.fa-snowboarding:before{content:"\F7CE"}.fa-snowflake:before{content:"\F2DC"}.fa-snowman:before{content:"\F7D0"}.fa-snowplow:before{content:"\F7D2"}.fa-soap:before{content:"\E06E"}.fa-socks:before{content:"\F696"}.fa-solar-panel:before{content:"\F5BA"}.fa-sort:before{content:"\F0DC"}.fa-sort-alpha-down:before{content:"\F15D"}.fa-sort-alpha-down-alt:before{content:"\F881"}.fa-sort-alpha-up:before{content:"\F15E"}.fa-sort-alpha-up-alt:before{content:"\F882"}.fa-sort-amount-down:before{content:"\F160"}.fa-sort-amount-down-alt:before{content:"\F884"}.fa-sort-amount-up:before{content:"\F161"}.fa-sort-amount-up-alt:before{content:"\F885"}.fa-sort-down:before{content:"\F0DD"}.fa-sort-numeric-down:before{content:"\F162"}.fa-sort-numeric-down-alt:before{content:"\F886"}.fa-sort-numeric-up:before{content:"\F163"}.fa-sort-numeric-up-alt:before{content:"\F887"}.fa-sort-up:before{content:"\F0DE"}.fa-soundcloud:before{content:"\F1BE"}.fa-sourcetree:before{content:"\F7D3"}.fa-spa:before{content:"\F5BB"}.fa-space-shuttle:before{content:"\F197"}.fa-speakap:before{content:"\F3F3"}.fa-speaker-deck:before{content:"\F83C"}.fa-spell-check:before{content:"\F891"}.fa-spider:before{content:"\F717"}.fa-spinner:before{content:"\F110"}.fa-splotch:before{content:"\F5BC"}.fa-spotify:before{content:"\F1BC"}.fa-spray-can:before{content:"\F5BD"}.fa-square:before{content:"\F0C8"}.fa-square-full:before{content:"\F45C"}.fa-square-root-alt:before{content:"\F698"}.fa-squarespace:before{content:"\F5BE"}.fa-stack-exchange:before{content:"\F18D"}.fa-stack-overflow:before{content:"\F16C"}.fa-stackpath:before{content:"\F842"}.fa-stamp:before{content:"\F5BF"}.fa-star:before{content:"\F005"}.fa-star-and-crescent:before{content:"\F699"}.fa-star-half:before{content:"\F089"}.fa-star-half-alt:before{content:"\F5C0"}.fa-star-of-david:before{content:"\F69A"}.fa-star-of-life:before{content:"\F621"}.fa-staylinked:before{content:"\F3F5"}.fa-steam:before{content:"\F1B6"}.fa-steam-square:before{content:"\F1B7"}.fa-steam-symbol:before{content:"\F3F6"}.fa-step-backward:before{content:"\F048"}.fa-step-forward:before{content:"\F051"}.fa-stethoscope:before{content:"\F0F1"}.fa-sticker-mule:before{content:"\F3F7"}.fa-sticky-note:before{content:"\F249"}.fa-stop:before{content:"\F04D"}.fa-stop-circle:before{content:"\F28D"}.fa-stopwatch:before{content:"\F2F2"}.fa-stopwatch-20:before{content:"\E06F"}.fa-store:before{content:"\F54E"}.fa-store-alt:before{content:"\F54F"}.fa-store-alt-slash:before{content:"\E070"}.fa-store-slash:before{content:"\E071"}.fa-strava:before{content:"\F428"}.fa-stream:before{content:"\F550"}.fa-street-view:before{content:"\F21D"}.fa-strikethrough:before{content:"\F0CC"}.fa-stripe:before{content:"\F429"}.fa-stripe-s:before{content:"\F42A"}.fa-stroopwafel:before{content:"\F551"}.fa-studiovinari:before{content:"\F3F8"}.fa-stumbleupon:before{content:"\F1A4"}.fa-stumbleupon-circle:before{content:"\F1A3"}.fa-subscript:before{content:"\F12C"}.fa-subway:before{content:"\F239"}.fa-suitcase:before{content:"\F0F2"}.fa-suitcase-rolling:before{content:"\F5C1"}.fa-sun:before{content:"\F185"}.fa-superpowers:before{content:"\F2DD"}.fa-superscript:before{content:"\F12B"}.fa-supple:before{content:"\F3F9"}.fa-surprise:before{content:"\F5C2"}.fa-suse:before{content:"\F7D6"}.fa-swatchbook:before{content:"\F5C3"}.fa-swift:before{content:"\F8E1"}.fa-swimmer:before{content:"\F5C4"}.fa-swimming-pool:before{content:"\F5C5"}.fa-symfony:before{content:"\F83D"}.fa-synagogue:before{content:"\F69B"}.fa-sync:before{content:"\F021"}.fa-sync-alt:before{content:"\F2F1"}.fa-syringe:before{content:"\F48E"}.fa-table:before{content:"\F0CE"}.fa-table-tennis:before{content:"\F45D"}.fa-tablet:before{content:"\F10A"}.fa-tablet-alt:before{content:"\F3FA"}.fa-tablets:before{content:"\F490"}.fa-tachometer-alt:before{content:"\F3FD"}.fa-tag:before{content:"\F02B"}.fa-tags:before{content:"\F02C"}.fa-tape:before{content:"\F4DB"}.fa-tasks:before{content:"\F0AE"}.fa-taxi:before{content:"\F1BA"}.fa-teamspeak:before{content:"\F4F9"}.fa-teeth:before{content:"\F62E"}.fa-teeth-open:before{content:"\F62F"}.fa-telegram:before{content:"\F2C6"}.fa-telegram-plane:before{content:"\F3FE"}.fa-temperature-high:before{content:"\F769"}.fa-temperature-low:before{content:"\F76B"}.fa-tencent-weibo:before{content:"\F1D5"}.fa-tenge:before{content:"\F7D7"}.fa-terminal:before{content:"\F120"}.fa-text-height:before{content:"\F034"}.fa-text-width:before{content:"\F035"}.fa-th:before{content:"\F00A"}.fa-th-large:before{content:"\F009"}.fa-th-list:before{content:"\F00B"}.fa-the-red-yeti:before{content:"\F69D"}.fa-theater-masks:before{content:"\F630"}.fa-themeco:before{content:"\F5C6"}.fa-themeisle:before{content:"\F2B2"}.fa-thermometer:before{content:"\F491"}.fa-thermometer-empty:before{content:"\F2CB"}.fa-thermometer-full:before{content:"\F2C7"}.fa-thermometer-half:before{content:"\F2C9"}.fa-thermometer-quarter:before{content:"\F2CA"}.fa-thermometer-three-quarters:before{content:"\F2C8"}.fa-think-peaks:before{content:"\F731"}.fa-thumbs-down:before{content:"\F165"}.fa-thumbs-up:before{content:"\F164"}.fa-thumbtack:before{content:"\F08D"}.fa-ticket-alt:before{content:"\F3FF"}.fa-tiktok:before{content:"\E07B"}.fa-times:before{content:"\F00D"}.fa-times-circle:before{content:"\F057"}.fa-tint:before{content:"\F043"}.fa-tint-slash:before{content:"\F5C7"}.fa-tired:before{content:"\F5C8"}.fa-toggle-off:before{content:"\F204"}.fa-toggle-on:before{content:"\F205"}.fa-toilet:before{content:"\F7D8"}.fa-toilet-paper:before{content:"\F71E"}.fa-toilet-paper-slash:before{content:"\E072"}.fa-toolbox:before{content:"\F552"}.fa-tools:before{content:"\F7D9"}.fa-tooth:before{content:"\F5C9"}.fa-torah:before{content:"\F6A0"}.fa-torii-gate:before{content:"\F6A1"}.fa-tractor:before{content:"\F722"}.fa-trade-federation:before{content:"\F513"}.fa-trademark:before{content:"\F25C"}.fa-traffic-light:before{content:"\F637"}.fa-trailer:before{content:"\E041"}.fa-train:before{content:"\F238"}.fa-tram:before{content:"\F7DA"}.fa-transgender:before{content:"\F224"}.fa-transgender-alt:before{content:"\F225"}.fa-trash:before{content:"\F1F8"}.fa-trash-alt:before{content:"\F2ED"}.fa-trash-restore:before{content:"\F829"}.fa-trash-restore-alt:before{content:"\F82A"}.fa-tree:before{content:"\F1BB"}.fa-trello:before{content:"\F181"}.fa-trophy:before{content:"\F091"}.fa-truck:before{content:"\F0D1"}.fa-truck-loading:before{content:"\F4DE"}.fa-truck-monster:before{content:"\F63B"}.fa-truck-moving:before{content:"\F4DF"}.fa-truck-pickup:before{content:"\F63C"}.fa-tshirt:before{content:"\F553"}.fa-tty:before{content:"\F1E4"}.fa-tumblr:before{content:"\F173"}.fa-tumblr-square:before{content:"\F174"}.fa-tv:before{content:"\F26C"}.fa-twitch:before{content:"\F1E8"}.fa-twitter:before{content:"\F099"}.fa-twitter-square:before{content:"\F081"}.fa-typo3:before{content:"\F42B"}.fa-uber:before{content:"\F402"}.fa-ubuntu:before{content:"\F7DF"}.fa-uikit:before{content:"\F403"}.fa-umbraco:before{content:"\F8E8"}.fa-umbrella:before{content:"\F0E9"}.fa-umbrella-beach:before{content:"\F5CA"}.fa-uncharted:before{content:"\E084"}.fa-underline:before{content:"\F0CD"}.fa-undo:before{content:"\F0E2"}.fa-undo-alt:before{content:"\F2EA"}.fa-uniregistry:before{content:"\F404"}.fa-unity:before{content:"\E049"}.fa-universal-access:before{content:"\F29A"}.fa-university:before{content:"\F19C"}.fa-unlink:before{content:"\F127"}.fa-unlock:before{content:"\F09C"}.fa-unlock-alt:before{content:"\F13E"}.fa-unsplash:before{content:"\E07C"}.fa-untappd:before{content:"\F405"}.fa-upload:before{content:"\F093"}.fa-ups:before{content:"\F7E0"}.fa-usb:before{content:"\F287"}.fa-user:before{content:"\F007"}.fa-user-alt:before{content:"\F406"}.fa-user-alt-slash:before{content:"\F4FA"}.fa-user-astronaut:before{content:"\F4FB"}.fa-user-check:before{content:"\F4FC"}.fa-user-circle:before{content:"\F2BD"}.fa-user-clock:before{content:"\F4FD"}.fa-user-cog:before{content:"\F4FE"}.fa-user-edit:before{content:"\F4FF"}.fa-user-friends:before{content:"\F500"}.fa-user-graduate:before{content:"\F501"}.fa-user-injured:before{content:"\F728"}.fa-user-lock:before{content:"\F502"}.fa-user-md:before{content:"\F0F0"}.fa-user-minus:before{content:"\F503"}.fa-user-ninja:before{content:"\F504"}.fa-user-nurse:before{content:"\F82F"}.fa-user-plus:before{content:"\F234"}.fa-user-secret:before{content:"\F21B"}.fa-user-shield:before{content:"\F505"}.fa-user-slash:before{content:"\F506"}.fa-user-tag:before{content:"\F507"}.fa-user-tie:before{content:"\F508"}.fa-user-times:before{content:"\F235"}.fa-users:before{content:"\F0C0"}.fa-users-cog:before{content:"\F509"}.fa-users-slash:before{content:"\E073"}.fa-usps:before{content:"\F7E1"}.fa-ussunnah:before{content:"\F407"}.fa-utensil-spoon:before{content:"\F2E5"}.fa-utensils:before{content:"\F2E7"}.fa-vaadin:before{content:"\F408"}.fa-vector-square:before{content:"\F5CB"}.fa-venus:before{content:"\F221"}.fa-venus-double:before{content:"\F226"}.fa-venus-mars:before{content:"\F228"}.fa-vest:before{content:"\E085"}.fa-vest-patches:before{content:"\E086"}.fa-viacoin:before{content:"\F237"}.fa-viadeo:before{content:"\F2A9"}.fa-viadeo-square:before{content:"\F2AA"}.fa-vial:before{content:"\F492"}.fa-vials:before{content:"\F493"}.fa-viber:before{content:"\F409"}.fa-video:before{content:"\F03D"}.fa-video-slash:before{content:"\F4E2"}.fa-vihara:before{content:"\F6A7"}.fa-vimeo:before{content:"\F40A"}.fa-vimeo-square:before{content:"\F194"}.fa-vimeo-v:before{content:"\F27D"}.fa-vine:before{content:"\F1CA"}.fa-virus:before{content:"\E074"}.fa-virus-slash:before{content:"\E075"}.fa-viruses:before{content:"\E076"}.fa-vk:before{content:"\F189"}.fa-vnv:before{content:"\F40B"}.fa-voicemail:before{content:"\F897"}.fa-volleyball-ball:before{content:"\F45F"}.fa-volume-down:before{content:"\F027"}.fa-volume-mute:before{content:"\F6A9"}.fa-volume-off:before{content:"\F026"}.fa-volume-up:before{content:"\F028"}.fa-vote-yea:before{content:"\F772"}.fa-vr-cardboard:before{content:"\F729"}.fa-vuejs:before{content:"\F41F"}.fa-walking:before{content:"\F554"}.fa-wallet:before{content:"\F555"}.fa-warehouse:before{content:"\F494"}.fa-watchman-monitoring:before{content:"\E087"}.fa-water:before{content:"\F773"}.fa-wave-square:before{content:"\F83E"}.fa-waze:before{content:"\F83F"}.fa-weebly:before{content:"\F5CC"}.fa-weibo:before{content:"\F18A"}.fa-weight:before{content:"\F496"}.fa-weight-hanging:before{content:"\F5CD"}.fa-weixin:before{content:"\F1D7"}.fa-whatsapp:before{content:"\F232"}.fa-whatsapp-square:before{content:"\F40C"}.fa-wheelchair:before{content:"\F193"}.fa-whmcs:before{content:"\F40D"}.fa-wifi:before{content:"\F1EB"}.fa-wikipedia-w:before{content:"\F266"}.fa-wind:before{content:"\F72E"}.fa-window-close:before{content:"\F410"}.fa-window-maximize:before{content:"\F2D0"}.fa-window-minimize:before{content:"\F2D1"}.fa-window-restore:before{content:"\F2D2"}.fa-windows:before{content:"\F17A"}.fa-wine-bottle:before{content:"\F72F"}.fa-wine-glass:before{content:"\F4E3"}.fa-wine-glass-alt:before{content:"\F5CE"}.fa-wix:before{content:"\F5CF"}.fa-wizards-of-the-coast:before{content:"\F730"}.fa-wodu:before{content:"\E088"}.fa-wolf-pack-battalion:before{content:"\F514"}.fa-won-sign:before{content:"\F159"}.fa-wordpress:before{content:"\F19A"}.fa-wordpress-simple:before{content:"\F411"}.fa-wpbeginner:before{content:"\F297"}.fa-wpexplorer:before{content:"\F2DE"}.fa-wpforms:before{content:"\F298"}.fa-wpressr:before{content:"\F3E4"}.fa-wrench:before{content:"\F0AD"}.fa-x-ray:before{content:"\F497"}.fa-xbox:before{content:"\F412"}.fa-xing:before{content:"\F168"}.fa-xing-square:before{content:"\F169"}.fa-y-combinator:before{content:"\F23B"}.fa-yahoo:before{content:"\F19E"}.fa-yammer:before{content:"\F840"}.fa-yandex:before{content:"\F413"}.fa-yandex-international:before{content:"\F414"}.fa-yarn:before{content:"\F7E3"}.fa-yelp:before{content:"\F1E9"}.fa-yen-sign:before{content:"\F157"}.fa-yin-yang:before{content:"\F6AD"}.fa-yoast:before{content:"\F2B1"}.fa-youtube:before{content:"\F167"}.fa-youtube-square:before{content:"\F431"}.fa-zhihu:before{content:"\F63F"}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:400;font-display:block;src:url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.eot?592643a83b8541edc52063d84c468700);src:url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.eot?592643a83b8541edc52063d84c468700?#iefix) format("embedded-opentype"),url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.woff2?ed311c7a0ade9a75bb3ebf5a7670f31d) format("woff2"),url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.woff?1a575a4138e5f366474f0e7c5bd614a5) format("woff"),url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.ttf?513aa607d398efaccc559916c3431403) format("truetype"),url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.svg?1d5619cd804367cefe6da2d79289218a#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands"}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:block;src:url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.eot?b0e2db3b634d1bc3928e127458d993d8);src:url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.eot?b0e2db3b634d1bc3928e127458d993d8?#iefix) format("embedded-opentype"),url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.woff2?b91d376b8d7646d671cd820950d5f7f1) format("woff2"),url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.woff?d1d7e3b4c219fde0f7376c6facfd7149) format("woff"),url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.ttf?766913e6c0088ab8c9f73e18b4127bc4) format("truetype"),url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.svg?c5d109be8edd3de0f60eb472bd9ef691#fontawesome) format("svg")}.fab,.far{font-weight:400}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:block;src:url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.eot?0c6bfc668a72935760178f91327aed3a);src:url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.eot?0c6bfc668a72935760178f91327aed3a?#iefix) format("embedded-opentype"),url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.woff2?d824df7eb2e268626a2dd9a6a741ac4e) format("woff2"),url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.woff?d745348d289b149026921f197929a893) format("woff"),url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.ttf?b9625119ce4300f0ef890a8f3234c773) format("truetype"),url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.svg?37bc7099f6f1ba80236164f22e905837#fontawesome) format("svg")}.fa,.far,.fas{font-family:"Font Awesome 5 Free"}.fa,.fas{font-weight:900}@charset "UTF-8";

.iframe-container {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 56.25%;
}

.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}

video {
  height: auto;
  width: 100%;
}

.video-responsive {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  width: 100%;
}

.video-responsive .youtube-video {
  aspect-ratio: 16 / 9;
  width: 100%;
}

.video-responsive iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

body {
  background-image: url("/template/app/images/bg_new.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
}

a {
  text-decoration: none !important;
}

.section {
  padding: 20px 0;
  display: block;
}

.bg-section {
  background: url("/template/app/images/school_map_bg.png");
  background-position: right top;
  background-repeat: no-repeat;
  background-size: 100%;
  height: 100%;
  overflow: hidden;
  padding: 20px 0;
  display: block;
  margin: 50px 0;
}

.bg-section2 {
  background-position: right top;
  background-repeat: no-repeat;
  background-size: 100%;
  height: 100%;
  overflow: hidden;
  display: block;
}

.bg-section3 {
  background: url("/template/app/images/history-bg-7.png");
  background-position: right top;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  display: block;
}

.iframe-container {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 56.25%;
}

.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.fb-page,
.fb-page span,
.fb-page span iframe[style] {
  max-width: 100% !important;
}

#link .row > * {
  width: unset;
}

.common-btn-hover {
  width: 200px;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  cursor: pointer;
  margin: 20px;
  height: 55px;
  text-align: center;
  border: none;
  background-size: 300% 100%;
  border-radius: 30px;
  moz-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  background-image: -webkit-gradient(linear, left top, right top, from(#25aae1), color-stop(#4481eb), color-stop(#04befe), to(#3f86ed));
  background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed);
  -webkit-box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75);
          box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75);
}

.common-btn-hover:hover {
  background-position: 100% 0;
  moz-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

.common-btn-hover:focus {
  outline: none;
}

.listview2_container {
  display: grid;
  grid-template-columns: 15% 35% 50%;
  color: #757575;
}

.listview2_container .header_column1,
.listview2_container .header_column2,
.listview2_container .header_column3 {
  border-top: 2px solid;
  padding: 10px;
  border-color: #757575;
}

.listview2_container .column1 {
  border-top: 1px solid;
  padding: 10px;
  border-color: #757575;
  white-space: nowrap;
  display: inline-block;
  max-width: 100%;
}

.listview2_container .column2,
.listview2_container .column3 {
  border-top: 1px solid;
  padding: 10px;
  border-color: #757575;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.listview2_container .column2 a,
.listview2_container .column3 a {
  border-color: #757575;
}

.listview2_container .column2 a:active,
.listview2_container .column3 a:active {
  border-color: #757575;
}

.listview3_container {
  display: grid;
  grid-template-columns: 15% 85%;
  color: #757575;
}

.listview3_container .header_column1,
.listview3_container .header_column2 {
  border-top: 2px solid;
  padding: 10px;
  border-color: #757575;
}

.listview3_container .column1 {
  border-top: 1px solid;
  padding: 10px;
  border-color: #757575;
  white-space: nowrap;
  display: inline-block;
  max-width: 100%;
}

.listview3_container .column2 {
  border-top: 1px solid;
  padding: 10px;
  border-color: #757575;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.listview3_container .column2 a {
  border-color: #757575;
}

.listview3_container .column2 a:active {
  border-color: #757575;
}

.listview_table {
  max-width: 1320px;
  color: #757575;
}

.listview_table .date {
  width: 15%;
  white-space: nowrap;
}

.listview_table .desc {
  width: 55%;
}

.listview_table td {
  border-top: 1px solid;
  border-color: #dee2e6;
}

@media screen and (max-width: 991px) {
  .listview2_container {
    grid-template-columns: 25% 30% 45%;
  }

  .listview3_container {
    grid-template-columns: 25% 75%;
  }
}

@media screen and (max-width: 767px) {
  .listview2_container {
    grid-template-columns: 25% 30% 45%;
  }

  .listview2_container .header_column1,
  .listview2_container .header_column2,
  .listview2_container .header_column3,
  .listview2_container .column1,
  .listview2_container .column2,
  .listview2_container .column3 {
    font-size: 14px;
  }

  .listview3_container {
    grid-template-columns: 25% 75%;
  }

  .listview3_container .header_column1,
  .listview3_container .header_column2,
  .listview3_container .column1,
  .listview3_container .column2 {
    font-size: 14px;
  }
}

@media screen and (max-width: 460px) {
  .listview2_container {
    grid-template-columns: 30% 30% 40%;
  }

  .listview3_container {
    grid-template-columns: 30% 70%;
  }
}

@media screen and (max-width: 420px) {
  .listview2_container {
    grid-template-columns: 35% 30% 35%;
  }

  .listview3_container {
    grid-template-columns: 35% 65%;
  }
}

#header {
  width: 100%;
  background: url("/template/app/images/top-bg-5.png");
  background-repeat: no-repeat;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  color: black;
}

#header .logo {
  position: relative;
  top: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#header .header-container {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  z-index: 600;
  background-repeat: no-repeat;
  background-size: inherit;
}

#header .right_header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: end;
      align-content: flex-end;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-top: -4px;
}

#header .right_header2 img {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
  float: right;
  width: 55%;
}

#header::before {
  background-repeat: no-repeat;
  background-position: top 22px right 47%;
  background-size: auto 115px;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.school_top_logo {
  width: 100%;
  height: auto;
  -o-object-fit: scale-down;
     object-fit: scale-down;
  max-width: 360px;
}

@media screen and (max-width: 768px) {
  #header .left-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media screen and (max-width: 767px) {
  .col-sm-12 {
    padding-top: 20px;
  }

  .right_header {
    -ms-flex-line-pack: center !important;
        align-content: center !important;
  }

  .right_header ul {
    padding-left: 0px;
  }

  #header .logo {
    top: 0px;
    width: 100%;
  }
}

@media screen and (max-width: 500px) {
  .school_top_logo {
    max-width: 300px;
  }

  #top-menu ul li a img {
    width: 20px !important;
    height: 20px !important;
  }
}

@media (max-width: 414px) {
  #header .left-header {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }

  #header .right_header {
    margin-top: unset;
  }
}

.go_page_top {
  position: fixed;
  bottom: 30px;
  right: 20px;
  z-index: 100;
  cursor: pointer;
  width: 30px;
  height: 30px;
  -webkit-transition: all .5s;
  transition: all .5s;
  border: 1px solid rgba(175, 175, 175, 0.3);
  border-radius: 50%;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.go_page_top img {
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  border-style: none;
}

.go_page_top:hover {
  border: 1px solid #fff;
  background-color: #1ca796;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border-color: #94dbc4;
}

@media screen and (max-width: 414px) {
  .go_page_top {
    width: 45px;
    height: 45px;
  }

  .go_page_top img {
    width: 70%;
  }
}

#golden_sentence {
  height: auto;
  width: 100%;
  text-align: right;
  margin: 20px 5px 0;
  color: #000000a1;
  font-style: italic;
  letter-spacing: 1px;
}

@media (max-width: 768px) {
  #golden_sentence {
    font-size: 12px;
  }
}

@media (max-width: 414px) {
  #golden_sentence {
    font-size: 10px;
  }
}

.navbar {
  position: relative;
  display: block;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 0px;
  padding-bottom: 0px;
}

#top-menu {
  text-align: right;
  z-index: 2;
}

#top-menu ul {
  margin-bottom: 0;
  background-image: url(/template/app/images/top_right_bg.png);
}

#top-menu ul li {
  margin-left: auto;
  display: inline-block;
  line-height: 17px;
  margin-top: 15px;
  margin-bottom: 15px;
}

#top-menu ul li a {
  font-weight: bold;
  padding: 10px 8px;
  color: #707070;
  text-align: left;
  font-size: 1.125rem;
  -webkit-text-decoration: white;
          text-decoration: white;
  -webkit-text-decoration-color: white;
          text-decoration-color: white;
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
  -webkit-text-decoration-style: solid;
          text-decoration-style: solid;
  text-decoration-thickness: auto;
  white-space: nowrap;
  outline-color: white;
}

#top-menu ul li a img {
  max-width: unset !important;
  width: 30px !important;
  height: 30px !important;
}

#top-menu ul li:hover {
  text-decoration: underline;
}

.custom-col-width1 {
  /* (5/12) * 100% */
}

.custom-col-width2 {
  /* (5/12) * 100% */
}

.top_desc_2 {
  text-align: center;
  display: none;
}

.top_desc_2 img {
  width: 70%;
  padding-top: 40px;
  padding-bottom: 20px;
}

@media screen and (max-width: 1399px) {
  #top-menu ul li a {
    font-size: 14px;
  }
}

@media screen and (max-width: 1199px) {
  #top-menu ul li {
    margin-bottom: 10px;
  }

  #top-menu ul li a {
    font-size: 13px;
  }

  .custom-col-width1 {
    width: 42%;
    /* (5/12) * 100% */
  }

  .custom-col-width2 {
    width: 58%;
    /* (5/12) * 100% */
  }
}

@media screen and (max-width: 991px) {
  .custom-col-width1 {
    width: 50%;
    /* (5/12) * 100% */
  }

  .custom-col-width2 {
    width: 50%;
    /* (5/12) * 100% */
  }

  .top_desc_2 {
    display: block;
  }

  .right_header2 {
    display: none;
  }
}

@media screen and (max-width: 992px) {
  #top-menu {
    top: 15px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
  }

  #top-menu ul li a {
    padding: 0 5px;
    font-size: 12px;
  }
}

@media screen and (max-width: 768px) {
  .custom-col-width1 {
    width: 100%;
  }

  .custom-col-width2 {
    width: 100%;
  }
}

@media screen and (max-width: 500px) {
  #top-menu ul li a img {
    width: 20px !important;
    height: 20px !important;
  }
}

@media screen and (max-width: 414px) {
  #top-menu ul li a {
    font-size: 10px !important;
  }

  #top-menu ul li a img {
    width: 20px !important;
    height: 20px !important;
  }

  .school_top_logo {
    max-width: 260px;
  }
}

@media screen and (max-width: 767px) {
  #top-menu ul {
    background-image: unset;
  }

  .top_desc_2 img {
    padding-top: 20px;
    width: 70%;
  }

  #top-menu ul li {
    margin-top: 0px;
  }

  #top-menu ul li a {
    font-size: 14px;
  }
}

@media screen and (max-width: 320px) {
  #top-menu {
    top: 15px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    text-align: justify;
  }

  #top-menu ul li {
    margin: 0;
  }

  #top-menu ul li a {
    font-size: 12px !important;
  }
}

.sm-mint {
  border-bottom: 2px solid #8686bd;
  background: black;
}

.sm-mint a,
.sm-mint a:hover,
.sm-mint a:focus,
.sm-mint a:active {
  /* make room for the toggle button (sub indicator) */
  font-family: Arial, sans-serif;
  font-size: 20px;
  text-decoration: none;
  line-height: normal !important;
}

.sm-mint li:last-child a {
  border-right: 0 solid #96c8ff;
}

.sm-mint a.current {
  font-weight: bold;
}

.sm-mint a.disabled {
  color: #cccccc;
}

.sm-mint a .sub-arrow {
  position: absolute;
  top: 50%;
  margin-top: -17px;
  left: auto;
  right: 4px;
  width: 34px;
  height: 34px;
  overflow: hidden;
  font: bold 14px/34px monospace !important;
  text-align: center;
  text-shadow: none;
  border-radius: 4px;
}

.sm-mint a .sub-arrow::before {
  content: '+';
}

.sm-mint a.highlighted .sub-arrow::before {
  content: '-';
}

.sm-mint li {
  border-top: 1px solid rgba(224, 184, 78, 0.2);
}

.sm-mint li a {
  color: #000 !important;
}

.sm-mint .L1 {
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  padding: 5px 0;
  text-align: center;
  letter-spacing: 1.5px;
}

.sm-mint .L1 .root-link {
  color: #fff !important;
}

#more-sub-menu .L1 {
  border-bottom: unset !important;
}

.sm-mint > li:first-child {
  letter-spacing: 2px;
  border-top: 0;
}

.sm-mint ul a,
.sm-mint ul a:hover,
.sm-mint ul a:focus,
.sm-mint ul a:active {
  font-size: 18px;
  border-left: 8px solid transparent;
}

.sm-mint ul ul a,
.sm-mint ul ul a:hover,
.sm-mint ul ul a:focus,
.sm-mint ul ul a:active {
  border-left: 16px solid transparent;
}

.sm-mint ul ul ul a,
.sm-mint ul ul ul a:hover,
.sm-mint ul ul ul a:focus,
.sm-mint ul ul ul a:active {
  border-left: 24px solid transparent;
}

.sm-mint ul ul ul ul a,
.sm-mint ul ul ul ul a:hover,
.sm-mint ul ul ul ul a:focus,
.sm-mint ul ul ul ul a:active {
  border-left: 32px solid transparent;
}

.sm-mint ul ul ul ul ul a,
.sm-mint ul ul ul ul ul a:hover,
.sm-mint ul ul ul ul ul a:focus,
.sm-mint ul ul ul ul ul a:active {
  border-left: 40px solid transparent;
}

.sm-mint {
  border-bottom: 0px !important;
}

@media (max-width: 767px) {
  .header-container.container .row {
    position: relative;
    display: flow;
  }

  .text-center {
    position: absolute;
  }
}

@media (min-width: 768px) {
  /* Switch to desktop layout
	  -----------------------------------------------
		 These transform the menu tree from
		 collapsible to desktop (navbar + dropdowns)
	  -----------------------------------------------*/

  /* start... (it's not recommended editing these rules) */

  .sm-mint ul {
    position: absolute;
    width: 15em;
  }

  .sm-mint li {
    float: left;
  }

  .sm-mint.sm-rtl li {
    float: right;
  }

  .sm-mint ul li,
  .sm-mint.sm-rtl ul li,
  .sm-mint.sm-vertical li {
    float: none;
  }

  .sm-mint a {
    white-space: nowrap;
  }

  .sm-mint ul a,
  .sm-mint.sm-vertical a {
    white-space: normal;
  }

  .sm-mint .sm-nowrap > li > a,
  .sm-mint .sm-nowrap > li > :not(ul) a {
    white-space: nowrap;
  }

  /* ...end */

  .sm-mint {
    border-top: 0;
    background: transparent;
  }

  .sm-mint a,
  .sm-mint a:hover,
  .sm-mint a:focus,
  .sm-mint a:active,
  .sm-mint a.highlighted {
    color: black;
  }

  .sm-mint a:hover,
  .sm-mint a:focus,
  .sm-mint a:active {
    color: #96c8ff;
  }

  .sm-mint a:after {
    position: absolute;
    bottom: -2px;
    left: 0;
    content: '';
    width: 100%;
    height: 1px;
    background: #8686bd;
    -webkit-transform: scale(0, 1);
            transform: scale(0, 1);
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
  }

  .sm-mint a:hover:after {
    text-decoration: none;
  }

  .sm-mint a.highlighted {
    background-color: transparent;
    color: black;
  }

  .sm-mint a.disabled {
    background: transparent;
    color: #cccccc;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  .sm-mint a .sub-arrow {
    top: 50%;
    margin-top: -3px;
    right: 18px;
    width: 0;
    height: 0;
    border-width: 6px 4.02px 0 4.02px;
    border-style: solid dashed dashed dashed;
    border-color: #96c8ff transparent transparent transparent;
    background: transparent;
    border-radius: 0;
  }

  .sm-mint a:hover .sub-arrow,
  .sm-mint a:focus .sub-arrow,
  .sm-mint a:active .sub-arrow {
    border-color: #fff transparent transparent transparent;
  }

  .sm-mint a.highlighted .sub-arrow {
    border-color: #96c8ff transparent transparent transparent;
  }

  .sm-mint a.disabled .sub-arrow {
    border-color: #96c8ff transparent transparent transparent;
  }

  .sm-mint a .sub-arrow::before {
    display: none;
  }

  .sm-mint li {
    border-top: 0;
  }

  .sm-mint ul {
    border: 0;
    padding: 8px 0;
    background: #fff;
    border-radius: 0 4px 4px 4px;
    -webkit-box-shadow: 0 4px 3px rgba(0, 0, 0, 0.25);
    box-shadow: 0 4px 3px rgba(0, 0, 0, 0.25);
  }

  .sm-mint ul ul {
    border-radius: 4px;
  }

  .sm-mint ul a,
  .sm-mint ul a:hover,
  .sm-mint ul a:focus,
  .sm-mint ul a:active,
  .sm-mint ul a.highlighted {
    border: 0 !important;
    padding: 10px 20px;
    color: #333;
    border-radius: 0;
    width: 100%;
    padding-right: 10px;
  }

  .sm-mint ul a:hover,
  .sm-mint ul a:focus,
  .sm-mint ul a:active,
  .sm-mint ul a.highlighted {
    padding-right: 20px;
    font-size: 18px;
    font-weight: 400;
    background: #96c8ff;
    color: black !important;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  .sm-mint ul a.disabled {
    background: transparent;
    color: #b3b2b2;
  }

  .sm-mint ul a .sub-arrow {
    right: 10px;
    margin-top: -4.02px;
    border-width: 4.02px 0 4.02px 6px;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #96c8ff;
  }

  .sm-mint ul a:hover .sub-arrow,
  .sm-mint ul a:focus .sub-arrow,
  .sm-mint ul a:active .sub-arrow,
  .sm-mint ul a.highlighted .sub-arrow {
    border-color: transparent transparent transparent #fff;
  }

  .sm-mint ul a.disabled .sub-arrow {
    border-color: transparent transparent transparent #fff;
  }

  .sm-mint .scroll-up,
  .sm-mint .scroll-down {
    position: absolute;
    display: none;
    visibility: hidden;
    overflow: hidden;
    background: #8686bd;
    height: 20px;
  }

  .sm-mint .scroll-up-arrow,
  .sm-mint .scroll-down-arrow {
    position: absolute;
    top: 6px;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    overflow: hidden;
    border-width: 0 6px 8px 6px;
    border-style: dashed dashed solid dashed;
  }

  .sm-mint .scroll-down-arrow {
    border-width: 8px 6px 0 6px;
    border-style: solid dashed dashed dashed;
    border-color: #8686bd transparent transparent transparent;
  }

  .sm-mint.sm-rtl a.has-submenu {
    padding-right: 30px;
    padding-left: 34px;
  }

  .sm-mint.sm-rtl a .sub-arrow {
    right: auto;
    left: 20px;
  }

  .sm-mint.sm-rtl.sm-vertical {
    border-right: 0;
    border-right: 2px solid #8686bd;
  }

  .sm-mint.sm-rtl.sm-vertical a {
    border-radius: 0 4px 4px 0;
  }

  .sm-mint.sm-rtl.sm-vertical a.has-submenu {
    padding: 10px 20px;
  }

  .sm-mint.sm-rtl.sm-vertical a .sub-arrow {
    right: auto;
    left: 10px;
    border-width: 4.02px 6px 4.02px 0;
    border-style: dashed solid dashed dashed;
    border-color: transparent #8686bd transparent transparent;
  }

  .sm-mint.sm-rtl.sm-vertical a:hover .sub-arrow,
  .sm-mint.sm-rtl.sm-vertical a:focus .sub-arrow,
  .sm-mint.sm-rtl.sm-vertical a:active .sub-arrow,
  .sm-mint.sm-rtl.sm-vertical a.highlighted .sub-arrow {
    border-color: transparent #fff transparent transparent;
  }

  .sm-mint.sm-rtl.sm-vertical a.disabled .sub-arrow {
    border-color: transparent #8686bd transparent transparent;
  }

  .sm-mint.sm-rtl ul {
    border-radius: 4px 0 4px 4px;
  }

  .sm-mint.sm-rtl ul a {
    border-radius: 0 !important;
  }

  .sm-mint.sm-rtl ul a.has-submenu {
    padding: 10px 20px !important;
  }

  .sm-mint.sm-rtl ul a .sub-arrow {
    right: auto;
    left: 10px;
    border-width: 4.02px 6px 4.02px 0;
    border-style: dashed solid dashed dashed;
    border-color: transparent #8686bd transparent transparent;
  }

  .sm-mint.sm-rtl ul a:hover .sub-arrow,
  .sm-mint.sm-rtl ul a:focus .sub-arrow,
  .sm-mint.sm-rtl ul a:active .sub-arrow,
  .sm-mint.sm-rtl ul a.highlighted .sub-arrow {
    border-color: transparent #fff transparent transparent;
  }

  .sm-mint.sm-rtl ul a.disabled .sub-arrow {
    border-color: transparent #8686bd transparent transparent;
  }

  .sm-mint.sm-vertical {
    border-bottom: 0;
    border-right: 2px solid #8686bd;
  }

  .sm-mint.sm-vertical a {
    padding: 10px 20px;
    border-radius: 4px 0 0 4px;
  }

  .sm-mint.sm-vertical a:hover,
  .sm-mint.sm-vertical a:focus,
  .sm-mint.sm-vertical a:active,
  .sm-mint.sm-vertical a.highlighted {
    background: #8686bd;
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  .sm-mint.sm-vertical a.disabled {
    background: transparent;
    color: #cccccc;
  }

  .sm-mint.sm-vertical a .sub-arrow {
    right: 10px;
    margin-top: -4.02px;
    border-width: 4.02px 0 4.02px 6px;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #8686bd;
  }

  .sm-mint.sm-vertical a:hover .sub-arrow,
  .sm-mint.sm-vertical a:focus .sub-arrow,
  .sm-mint.sm-vertical a:active .sub-arrow,
  .sm-mint.sm-vertical a.highlighted .sub-arrow {
    border-color: transparent transparent transparent #fff;
  }

  .sm-mint.sm-vertical a.disabled .sub-arrow {
    border-color: transparent transparent transparent #8686bd;
  }

  .sm-mint.sm-vertical ul {
    border-radius: 4px !important;
  }

  .sm-mint.sm-vertical ul a {
    padding: 10px 20px;
  }
}

/* apply the animations just in desktop view */

@media (min-width: 768px) {
  /* prevent text rendering degrade during animation in Mac browsers */

  #main-menu {
    -webkit-font-smoothing: subpixel-antialiased;
  }

  /* show animation */

  #main-menu ul.show-animation {
    -webkit-animation: show-animation 0.2s;
    animation: show-animation 0.2s;
  }

@-webkit-keyframes show-animation {
    0% {
      -webkit-transform: scale3d(0, 0, 1);
      opacity: 0;
    }

    60% {
      -webkit-transform: scale3d(1.05, 1.05, 1);
    }

    100% {
      -webkit-transform: scale3d(1, 1, 1);
      opacity: 1;
    }
}

@keyframes show-animation {
    0% {
      -webkit-transform: scale3d(0, 0, 1);
              transform: scale3d(0, 0, 1);
      opacity: 0;
    }

    60% {
      -webkit-transform: scale3d(1.05, 1.05, 1);
              transform: scale3d(1.05, 1.05, 1);
    }

    100% {
      -webkit-transform: scale3d(1, 1, 1);
              transform: scale3d(1, 1, 1);
      opacity: 1;
    }
}

  /* hide animation */

  #main-menu ul.hide-animation {
    -webkit-animation: hide-animation 0.2s;
    animation: hide-animation 0.2s;
  }

@-webkit-keyframes hide-animation {
    0% {
      -webkit-transform: scale3d(1, 1, 1);
      opacity: 1;
    }

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

@keyframes hide-animation {
    0% {
      -webkit-transform: scale3d(1, 1, 1);
              transform: scale3d(1, 1, 1);
      opacity: 1;
    }

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

@media (min-width: 768px) {
  #main-nav {
    line-height: 0;
    float: none;
  }

  #main-menu {
    float: none !important;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    z-index: 600;
  }

  .sm a {
    display: inline-block;
  }

  .sm-mint li:first-child:before {
    border-width: 0px;
  }

  .sm-mint .sm-nowrap li:before {
    border-width: 0px;
  }

  .sm-mint .sm-nowrap li:after {
    border-width: 0px;
  }
}

/* Mobile menu toggle button */

/* x icon */

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon {
  height: 0;
  background: transparent;
}

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:before {
  top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after {
  top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* hide menu state checkbox (keep it visible to screen readers) */

#main-menu-state {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

@media (min-width: 768px) {
  /* hide the button in desktop view */

  .main-menu-btn {
    position: absolute;
    top: -99999px;
  }

  /* always show the menu in desktop view */

  #main-menu-state:not(:checked) ~ #main-menu {
    display: block;
  }
}

#main-menu {
  clear: both;
  -webkit-box-shadow: none;
  box-shadow: none;
}

@media (min-width: 768px) {
  #main-menu {
    float: none;
    clear: none;
  }
}

/* Mobile menu top separator */

#main-menu:before {
  content: '';
  display: block;
  height: 1px;
  font: 1px/1px sans-serif;
  overflow: hidden;
  background: #fff;
}

@media (min-width: 768px) {
  #main-menu:before {
    display: none;
  }
}

@media (max-width: 768px) {
  .header-bottom {
    height: initial;
  }

  #main-menu:before {
    background-color: initial;
  }

  .sm-mint ul {
    background: rgba(224, 184, 78, 0.2);
  }

  /*
    .main-menu-btn {
        margin: 10px;
        position: absolute;
        display: inline-block;
        width: 29px;
        height: 29px;
        text-indent: 29px;
        white-space: nowrap;
        overflow: hidden;
        cursor: pointer;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        top: 25px;
        right: 15px;
        background-color: #5090e0;
    }
    */

  /* hamburger icon */

  .main-menu-btn-icon,
  .main-menu-btn-icon:before,
  .main-menu-btn-icon:after {
    position: absolute;
    top: 50%;
    left: 2px;
    height: 2px;
    width: 24px;
    background: #fff;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
  }

  .main-menu-btn-icon:before {
    content: '';
    top: -7px;
    left: 0;
  }

  .main-menu-btn-icon:after {
    content: '';
    top: 7px;
    left: 0;
  }

  /* hide the menu in mobile view */

  #main-menu-state:not(:checked) ~ #main-menu {
    display: none;
  }

  #main-menu-state:checked ~ #main-menu {
    display: block;
  }

  .menu_nav {
    width: 100%;
  }

  .menu_nav .root-link .sub-arrow {
    display: block !important;
  }

  #main-menu {
    background-color: #0000000d !important;
  }

  .sm-mint ul {
    background: #fffefe;
  }

  .menu_nav ul {
    border-radius: 0 !important;
    border-bottom: 3px solid;
    -webkit-box-shadow: 0 0 30px 1px rgba(0, 0, 0, 0.06);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
  }

  .smart-menu .menu_nav ul li ul li {
    background-color: #fff !important;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

@media (max-width: 767px) {
  .main-menu-btn {
    margin: 10px;
    position: fixed;
    display: inline-block;
    width: 29px;
    height: 29px;
    text-indent: 29px;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    top: 25px;
    right: 5px;
    background-color: #5090e0;
  }

  #main-menu {
    display: none;
    width: 100%;
  }

  .smart-menu .menu_nav ul li {
    background-color: #5090e0 !important;
  }

  .smart-menu .menu_nav ul li a div {
    background: none !important;
  }

  .sm-mint .L1 {
    border-radius: unset;
    border-bottom: unset;
  }
}

.clv_menu_nav > ul > li > a::after {
  background-color: #8686bd;
}

.clv_menu_nav > ul > li > a > span {
  background-color: transparent !important;
}

#main-menu {
  font-family: '\5FAE\8EDF\6B63\9ED1\9AD4';
  background-color: transparent !important;
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
}

#main-menu .root-link:hover {
  border-top-right-radius: 0px !important;
  border-top-left-radius: 0px !important;
  min-width: 100%;
}

#main-menu #more-menu {
  color: block !important;
}

#main-menu #more-menu .more-menu-left {
  min-width: 31px;
  max-width: 31px;
  min-height: 47px;
  background: url("/template/app/images/menu_left.png");
}

#main-menu #more-menu .more-menu-middle {
  line-height: 47px;
  min-height: 47px;
  background: url("/template/app/images/menu_middle.png");
  color: #ffffff !important;
}

#main-menu #more-menu .more-menu-right {
  min-width: 31px;
  max-width: 31px;
  min-height: 47px;
  background: url("/template/app/images/menu_right.png");
}

#main-menu #more-menu .sub-arrow {
  display: block;
  border-color: #96c8ff transparent transparent transparent;
}

#main-menu #more-menu:hover {
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}

#main-menu .cus-more-list li {
  all: unset;
}

#main-menu .dropdown-menu .root-link {
  padding: 0px 15px 0px 15px;
  color: initial;
  color: black !important;
}

#main-menu .dropdown-menu .root-link div {
  background: none !important;
}

#main-menu .dropdown-menu .root-link:hover {
  background-color: #96c8ff;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  color: #fff;
}

#main-menu .dropdown-menu .root-link:hover div {
  background: none !important;
}

#more-sub-menu .L1 {
  background-color: unset;
}

#more-sub-menu .root-link .sub-arrow {
  display: block;
}

#more-sub-menu li div {
  background-image: unset !important;
}

.menu_nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0px 20px;
  padding-right: 10px;
}

.menu_nav ul {
  border-radius: 0 0 10px 10px;
  border-bottom: 3px solid;
  border-bottom-color: #5090e0;
  -webkit-box-shadow: 0 0 30px 1px rgba(0, 0, 0, 0.06);
          box-shadow: 0 0 30px 1px rgba(0, 0, 0, 0.06);
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
}

.menu_nav ul li ul {
  width: 100px;
}

.menu_nav .root-link .sub-arrow {
  display: none;
}

@media (min-width: 768px) {
  .sm-mint a:after {
    position: absolute;
    bottom: -2px;
    left: 0;
    content: '';
    width: 100%;
    height: 0px;
    background: #063e66;
  }
}

.sm-mint .L1 {
  padding: 0px 0px 0px 0px !important;
}

.back-button {
  margin-top: 30px !important;
  max-width: 300px;
  width: 100%;
  text-align: center;
}

.back_to_top {
  position: fixed;
  right: 25px;
  bottom: 14px;
  display: none;
  z-index: 999;
}

.back_to_top a {
  display: block;
  width: 48px;
  height: 48px;
  background-color: #c1c1c1;
  border-radius: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  color: #9a9a98;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.back_to_top a:hover {
  -webkit-box-shadow: 0 0 10px 6px rgba(255, 255, 255, 0.6);
          box-shadow: 0 0 10px 6px rgba(255, 255, 255, 0.6);
}

.back_to_top a i {
  font-size: 40px;
  line-height: 44px;
}

.back_to_top.overFooterOnBottom {
  position: fixed !important;
  bottom: 14px !important;
}

#footer {
  display: block;
  width: 100%;
  background-image: url(/template/app/images/footer_bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  /* 將圖案置中 */
  /* 將圖案置中 */
  padding: 30px 0px 0;
}

#footer .footer_logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

#footer .footer_logo img {
  padding-top: 5px;
  width: 100%;
  -o-object-fit: scale-down;
     object-fit: scale-down;
}

#footer .contact_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: auto;
  z-index: 11;
  margin-top: 10px;
}

#footer .contact_info .group_left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-left: 30px;
}

#footer .contact_info .group_right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-left: 30px;
  width: 50%;
}

#footer .contact_info .info-item {
  display: block;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-bottom: 10px;
}

#footer .contact_info .info-item .icon img {
  width: 30px;
  height: 30px;
}

#footer .contact_info .info-item .value {
  color: white;
  margin-left: 10px;
  font-size: 18px;
}

#footer .contact_info .info-item .value a {
  color: white;
  text-decoration: none !important;
}

#footer .contact_info .info-item .value a:hover {
  text-decoration: underline !important;
}

#footer-school-info {
  margin: 40px 0;
}

#copyright {
  padding: 20px 0px;
  height: 20px;
  width: 100%;
  background-color: #2990db;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-line-pack: center;
      align-content: center;
}

#copyright .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
}

#copyright .inner .right {
  font-size: 12px;
}

#copyright .inner .right a {
  font-size: 12px;
  color: #fff;
}

@media screen and (max-width: 768px) {
  #footer .footer_logo img {
    width: 280px;
  }

  #footer .contact_info {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  #footer .contact_info .info-item .value {
    font-size: 15px;
  }

  #footer .contact_info .info-item .icon img {
    width: 15px;
    height: 15px;
  }

  #copyright .inner .right {
    font-size: 10px;
  }
}

@media screen and (max-width: 576px) {
  #footer .contact_info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-top: 20px;
  }

  #footer #footer-school-info {
    margin: 10px 0;
  }

  #copyright {
    margin-top: 0;
  }
}

@media screen and (max-width: 414px) {
  #footer {
    padding: 10px 0px 0;
  }

  #footer .footer_logo {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }

  #copyright {
    margin-top: 10px;
    height: 40px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 20px 0px;
  }

  #copyright .inner {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media (max-width: 320px) {
  #footer .contact_info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

/* width */

::-webkit-scrollbar {
  width: 10px;
}

/* Track */

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px white;
          box-shadow: inset 0 0 5px white;
}

/* Handle */

::-webkit-scrollbar-thumb {
  background: #8686bd;
}

/* Handle on hover */

::-webkit-scrollbar-thumb:hover {
  background: #1ca796;
}

.button-basic,
.next-button,
.link-next-button,
.prev-button,
.link-prev-button {
  position: absolute;
  background-color: #8686bd;
  width: 44px;
  height: 44px;
  color: #fff;
  border: none;
}

.button-basic:hover,
.next-button:hover,
.link-next-button:hover,
.prev-button:hover,
.link-prev-button:hover {
  background-color: #bfbfbf;
  border: none;
}

.button-basic button:active,
.next-button button:active,
.link-next-button button:active,
.prev-button button:active,
.link-prev-button button:active {
  background-color: #bfbfbf;
  outline: 0px;
  border: none;
}

.next-button,
.link-next-button {
  -webkit-transform: translateY(-150%);
          transform: translateY(-150%);
  right: 0px;
}

.link-title {
  background-color: #3D65D6;
  font-size: 1rem;
  color: #fff;
  padding: 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.prev-button,
.link-prev-button {
  -webkit-transform: translateY(-150%);
          transform: translateY(-150%);
  left: 0px;
}

.arrow-icon {
  fill: #fff;
  position: absolute;
  left: 30%;
  top: 20%;
  width: 40%;
  height: 60%;
}

.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background-color: #3D65D6;
  width: 44px;
  height: 44px;
  color: #fff;
  border: none;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background-color: #bfbfbf;
  border: none;
}

#link {
  padding: 25px;
  background-image: url(/template/app/images/bottom-link-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
}

#link .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#link .slick-track .slick-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#link .body {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}

#link .body .slick-track {
  margin-bottom: 10px;
}

#link .body .link-item {
  margin: 15px 15px 0 0;
  height: auto;
  margin-left: 20px;
  margin-right: 20px;
  border: 1px #000 solid;
  padding: 0 15px 0 15px;
}

#link .body .link-item img {
  width: 100%;
  height: 93px;
  -o-object-fit: scale-down;
     object-fit: scale-down;
}

@media only screen and (max-width: 414px) {
  #link .body .link-item img {
    width: 100%;
    height: 80px !important;
  }
}

#top-section .slick-slide,
#top-section .slick-slide::before {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

#top-section .slick-slide::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#top-section {
  position: relative;
}

#top-section .slick-track {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

#top-section .slider_arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 46px;
  height: 110px;
  margin: auto;
  display: inline-block;
  z-index: 1;
  cursor: pointer;
  background-size: 30px 120px;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#top-section #prev-button {
  background-image: url("/template/app/images/left_arrow.png") !important;
  right: auto;
  left: 20px;
}

#top-section #next-button {
  background-image: url("/template/app/images/right_arrow.png") !important;
  left: auto;
  right: 20px;
}

#top-section #prev-button:hover {
  border-right: 5px solid #96c8ff;
}

#top-section #next-button:hover {
  border-left: 5px solid #96c8ff;
}

#top-section .slick-slide:before {
  all: initial;
}

#top-section .slick-slide:before * {
  all: unset;
}

#top-section .auto-container {
  position: static;
  max-width: 1200px;
  padding: 0 15px;
  margin: 0 auto;
}

#top-section .block-title {
  margin-bottom: 60px;
  margin-top: -6px;
}

#top-section .block-title p {
  margin: 0;
  text-transform: uppercase;
  color: var(--thm-primary);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.2em;
  line-height: 24px;
}

#top-section .block-title h3 {
  margin: 0;
  color: var(--thm-black);
  font-size: 70px;
  font-weight: 700;
  font-family: var(--heading-font);
  line-height: 1em;
}

#top-section figure {
  display: block;
  -webkit-margin-before: 0;
          margin-block-start: 0;
  -webkit-margin-after: 0;
          margin-block-end: 0;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  -webkit-margin-end: 0;
          margin-inline-end: 0;
}

#top-section .top-slider-section {
  position: relative;
  height: auto;
  background-color: black;
  width: 100%;
  min-height: 8vw;
  margin-bottom: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 1.2s ease;
  transition: all 1.2s ease;
}

#top-section .top-slider-section.slick-initialized {
  opacity: 1;
  visibility: visible;
}

#top-section .slick-dots li button:before {
  font-size: 30px;
  color: #8686bd;
}

#top-section .slick-slide {
  position: relative;
  aspect-ratio: 16/9;
}

#top-section .slick-slide::before {
  background-color: #0000;
  opacity: 0.3;
  z-index: 1;
}

#top-section .slick-slide video {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

#top-section .slick-slide iframe {
  position: relative;
  pointer-events: none;
}

#top-section .slick-slide figure {
  height: 100%;
}

#top-section .slick-slide .slide-image {
  background-size: cover;
  background-position-x: center;
  background-position-y: 30%;
  -webkit-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

#top-section .slick-slide .slide-image.show {
  opacity: 1;
}

#top-section .slick-slide .image-entity {
  width: 100%;
  opacity: 0;
  visibility: hidden;
}

#top-section .slick-slide .loading {
  position: absolute;
  top: 44%;
  left: calc(100%/2 - 5%);
  width: 100%;
}

#top-section .slick-slide .sub-title {
  display: none;
  width: inherit;
  color: #96c8ff;
  font-size: calc(1.55rem + 3.6vw);
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

@media (min-width: 1200px) {
  #top-section .slick-slide .sub-title {
    font-size: 4.25rem;
  }
}

#top-section .slick-slide .animation {
  -webkit-animation: slideOut 0.4s cubic-bezier(0.4, 0.29, 0.01, 1);
          animation: slideOut 0.4s cubic-bezier(0.4, 0.29, 0.01, 1);
}

#top-section .slick-slide.slick-active {
  z-index: 1;
}

#top-section .slick-slide.slick-active .animation {
  -webkit-animation: slideIn 2.4s cubic-bezier(0.4, 0.29, 0.01, 1);
          animation: slideIn 2.4s cubic-bezier(0.4, 0.29, 0.01, 1);
  -webkit-transition: all 2000ms linear;
  transition: all 2000ms linear;
}

#top-section .slick-slide.slick-active .caption {
  position: absolute;
  bottom: 0;
  z-index: 3;
  width: 100%;
  height: auto;
  left: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.7s cubic-bezier(0.32, 0.34, 0, 1.62) 0.6s;
  transition: all 0.7s cubic-bezier(0.32, 0.34, 0, 1.62) 0.6s;
  margin-bottom: 10%;
}

#top-section .slick-slide.slick-active .caption .title {
  font-size: calc(1.35rem + 1.2vw);
  text-align: left;
  word-break: break-word;
  overflow: hidden;
  color: #96c8ff;
  text-align: center;
  letter-spacing: 1.5px;
  font-family: Noto Sans TC, 微軟正黑體;
  font-weight: 800;
}

@media (min-width: 1200px) {
  #top-section .slick-slide.slick-active .caption .title {
    font-size: 2.25rem;
  }
}

#top-section .slick-slide.slick-active .caption .more-btn {
  display: none;
  width: 110px;
  height: 40px;
  background-color: #ff6000;
  border-radius: 25px 25px;
  -webkit-box-shadow: 6px 6px 0px rgba(0, 0, 0, 0.15) !important;
          box-shadow: 6px 6px 0px rgba(0, 0, 0, 0.15) !important;
  padding: 10px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  margin-left: 30px;
  position: absolute;
  bottom: 20px;
  right: 20px;
}

#top-section .slick-slide.slick-active .caption .more-btn .btn-text {
  color: white;
  font-size: 18px;
}

#top-section .slick-slide.slick-active .caption .more-btn:hover {
  background-color: #ff6000;
  border-color: #17a2b8;
}

#top-section .slick-slide.slick-active .caption .more-btn:hover .btn-text {
  color: #fff;
}

#top-section .mute-btn {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 30px;
  left: 40px;
  z-index: 1;
}

#top-section .mute-btn button {
  width: 40px;
  height: 40px;
  font-size: 14px;
  color: #94dbc4;
}

#top-section .btn-light {
  color: #212529;
  background-color: #f8f9fa29;
  border-color: #94dbc4;
}

@media screen and (max-width: 768px) {
  #top-section .mute-btn {
    width: 40px;
    height: 30px;
    top: 30px;
    left: 20px;
  }

  #top-section .mute-btn button {
    font-size: 14px;
  }

  #top-section .top-slider-section {
    margin-bottom: 0;
  }

  #top-section .slick-dots {
    margin-bottom: 0 !important;
  }

  #top-section .slick-slide .slide-media {
    background-repeat: no-repeat;
    background-position: center;
  }

  #top-section .slick-slide .sub-title {
    width: inherit;
    color: #96c8ff;
    font-family: Noto Sans TC, 微軟正黑體;
    font-size: 20px;
  }

  #top-section .slick-slide.slick-active .caption .title {
    font-size: 33px;
    word-break: break-word;
  }

  #top-section .slick-slide.slick-active .caption .more-btn {
    display: none;
    width: 100px;
    height: 30px;
    background-color: #ff6000;
    border-radius: 25px 25px;
    -webkit-box-shadow: 6px 6px 0px rgba(0, 0, 0, 0.15) !important;
            box-shadow: 6px 6px 0px rgba(0, 0, 0, 0.15) !important;
    padding: 10px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
    margin-left: 15px;
    position: absolute;
    bottom: 20px;
    right: 20px;
  }

  #top-section .slick-slide.slick-active .caption .more-btn .btn-text {
    color: #fff;
    font-size: 18px;
  }
}

@media screen and (max-width: 414px) {
  #top-section .top-slider-section {
    margin-bottom: 0px;
  }

  #top-section .slider-caption {
    bottom: 38px;
    font-size: 28px;
  }

  #top-section .slick-dots {
    margin-bottom: 0 !important;
  }

  #top-section .slick-slide .slide-media {
    background-repeat: no-repeat;
    background-position: center;
  }

  #top-section .slick-slide.slick-active .caption .title {
    font-size: 26px;
    word-break: break-word;
    width: inherit;
  }

  #top-section .slick-slide.slick-active .caption .more-btn {
    width: 100px;
    height: 30px;
    background-color: #ff6000;
    border-radius: 25px 25px;
    -webkit-box-shadow: 6px 6px 0px rgba(0, 0, 0, 0.15) !important;
            box-shadow: 6px 6px 0px rgba(0, 0, 0, 0.15) !important;
    padding: 10px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
    margin-left: 15px;
    position: absolute;
    bottom: 10px;
    right: 20px;
  }

  #top-section .slick-slide.slick-active .caption .more-btn .btn-text {
    color: #fff;
    font-size: 15px;
  }

  #top-section .section_list {
    padding: 10px 0 46px 0 !important;
  }
}

@media screen and (min-width: 769px) {
  .slider_arrow {
    display: inline-block !important;
  }
}

@media (max-width: 447px) {
  #top-section .caption {
    width: 100%;
    top: unset;
    bottom: 15% !important;
    left: -15% !important;
    max-width: 300px;
  }

  #top-section .slick-slide .bottom_container img {
    -o-object-position: center;
       object-position: center;
    height: 35px;
  }
}

.clv_banner_slider .slider_arrow {
  left: 30px;
}

@-webkit-keyframes slideIn {
  from {
    -webkit-filter: blur(15px);
            filter: blur(15px);
  }

  to {
    -webkit-filter: blur(0);
            filter: blur(0);
  }
}

@keyframes slideIn {
  from {
    -webkit-filter: blur(15px);
            filter: blur(15px);
  }

  to {
    -webkit-filter: blur(0);
            filter: blur(0);
  }
}

@-webkit-keyframes slideOut {
  from {
    -webkit-filter: blur(0);
            filter: blur(0);
  }

  to {
    -webkit-filter: blur(15px);
            filter: blur(15px);
  }
}

@keyframes slideOut {
  from {
    -webkit-filter: blur(0);
            filter: blur(0);
  }

  to {
    -webkit-filter: blur(15px);
            filter: blur(15px);
  }
}

#facebook {
  background-image: url(/template/app/images/facebook_school_map_bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  overflow: hidden;
  padding-bottom: 20px;
}

#facebook #img-map {
  min-height: 400px;
}

#facebook .map-header {
  background-image: url("/template/app/images/map_header_bg.png");
  background-repeat: no-repeat;
  height: 80px;
  background-size: contain;
  position: relative;
  z-index: 2;
}

#facebook .map-header h2 {
  position: relative;
  top: 10px;
  left: 30px;
  color: #fff;
}

#facebook .map-header span {
  text-align: right;
  position: absolute;
  right: 10px;
  top: 20px;
  width: 299px;
}

#facebook .map-header span a {
  color: #fff;
  font-size: larger;
}

@media (min-width: 992px) and (max-width: 1200px) {
  #facebook .map-header span {
    width: 200px !important;
    right: 15px;
    top: 5px;
  }
}

@media screen and (max-width: 641px) {
  #facebook .map-header span a {
    font-size: medium;
  }
}

@media screen and (max-width: 576px) {
  #facebook .map-header span {
    width: 150px;
    right: 20px;
    top: 10px;
  }
}

@media screen and (max-width: 414px) {
  #facebook .map-header {
    height: 54px;
    top: 10px;
  }

  #facebook .map-header span {
    width: 130px;
    right: 10px;
    top: -3px;
  }
}

#facebook .address {
  margin: 10px 0;
}

#facebook .address .icon {
  height: 30px;
  -o-object-fit: scale-down;
     object-fit: scale-down;
}

#facebook .address .text {
  padding: 20px 10px 0;
  letter-spacing: 1px;
  line-height: 20px;
  font-weight: 700;
  font-size: 20px;
  color: black;
  position: relative;
  top: 3px;
}

@media screen and (max-width: 576px) {
  #img-map {
    min-height: unset !important;
    padding-top: 80%;
  }

  #img-map img {
    height: auto;
    width: 100%;
  }
}

.map-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.map-column div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 10px;
  color: white;
  line-height: 1.4;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
}

.map-column left-column {
  background-color: blue;
  width: 60%;
}

.map-column right-column {
  background-color: red;
  width: 40%;
  line-height: 3;
}

.map-header2 {
  width: 195px;
  height: 40px;
  background-image: url(/template/app/images/map_header_bg_2.png);
  margin-top: 39px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

#facebook_iframe {
  border: 4px solid;
  border-color: #0080ff;
}

#map_iframe {
  border: 4px solid;
  border-color: #0080ff;
}

.facebook-header {
  width: 173px;
  height: 40px;
  background-image: url(/template/app/images/facebook_header_bg.png);
  margin-top: 39px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.sign-left {
  -webkit-clip-path: polygon(15% 0%, 100% 1%, 100% 100%, 15% 100%, 0% 100%);
  clip-path: polygon(15% 0%, 100% 1%, 100% 100%, 15% 100%, 0% 100%);
}

#video-section {
  width: 100%;
  height: auto;
}

#video-section .wrapper {
  margin: 20px 0 40px 0;
}

#video-section .video-section-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  letter-spacing: 2px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, rgba(179, 229, 190, 0.21)), color-stop(75%, #67c6aa), color-stop(96%, #0ea293));
  background: linear-gradient(180deg, rgba(179, 229, 190, 0.21) 5%, #67c6aa 75%, #0ea293 96%);
  font-weight: 700;
  line-height: 1.5;
  color: #94dbc4;
  height: 60px;
  padding-left: 60px;
  margin: 0 0 30px 0;
}

#video-section .video-section-title h3 img {
  height: 85px;
  position: relative;
  top: -15px;
}

#video-section .video-section-title h3 .more-btn {
  height: 40px;
  position: relative;
  top: -7px;
  left: 15px;
}

#video-section .video_slider {
  padding: 0px 50px;
  height: 100%;
  width: 100%;
  position: relative;
  display: block;
  text-align: left;
}

#video-section .video_slide {
  padding: 20px;
}

#video-section .video_slider .video_slide .video_image {
  text-align: center;
  border-radius: 15px;
  border: 10px solid #fff;
  background-size: auto 350px;
  background-position: center;
  -webkit-filter: drop-shadow(0px 13px 6px rgba(0, 0, 0, 0.161));
          filter: drop-shadow(0px 13px 6px rgba(0, 0, 0, 0.161));
}

#video-section .video_slider .video_slide .video_image img {
  border-radius: 45px;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: none;
     object-fit: none;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}

#video-section .video_slider .video_slide .video_image:hover {
  border-color: #94dbc4;
  background-color: #94dbc4;
  z-index: 3;
  opacity: 0.5;
}

#video-section .slider_arrow {
  position: absolute;
  top: 45%;
  -webkit-transform: translateY(-45%);
          transform: translateY(-45%);
  width: 46px;
  height: 110px;
  margin: auto;
  display: inline-block;
  z-index: 1;
  cursor: pointer;
  background-size: 30px 120px;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#video-section .swiper-button-prev {
  background-image: url("/template/app/images/left_arrow.svg") !important;
}

#video-section .swiper-button-next {
  background-image: url("/template/app/images/right_arrow.svg") !important;
}

#video-section .swiper-button-next {
  left: auto;
  right: -20px;
}

#video-section .swiper-button-prev {
  right: auto;
  left: -20px;
}

#video-section .swiper-button-next:hover {
  border-left: 3px solid #94dbc4;
}

#video-section .swiper-button-prev:hover {
  border-right: 3px solid #94dbc4;
}

@media screen and (max-width: 414px) {
  #video-section .video-section-title h3 img {
    height: 63px;
    position: relative;
    top: -15px;
  }

  #video-section .video-section-title {
    padding-left: 0;
  }
}

#gallery-section {
  width: 100%;
  height: auto;
  margin-top: 80px;
}

#gallery-section .wrapper {
  margin: 20px 0 0 0;
}

#gallery-section .gallery-section-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  letter-spacing: 2px;
  font-weight: 700;
  line-height: 1.5;
  color: #0c134c;
  height: 60px;
  padding-left: 60px;
}

#gallery-section .gallery-section-title h3 img {
  height: 85px;
  position: relative;
  top: -15px;
}

#gallery-section .gallery-section-title h3 .more-btn {
  height: 40px;
  position: relative;
  top: -7px;
  left: 15px;
}

#gallery-section .gallery-section-header {
  background-image: url(/template/app/images/history-header-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 311px;
  height: 100px;
  margin-top: -75px;
  margin-left: 30px;
  padding-left: 30px;
}

#gallery-section .gallery-section-header h3 {
  color: white;
  padding-top: 12px;
  padding-left: 100px;
  captionshadow: 0px -2px #197fc6;
}

#gallery-section .gallery-section-video {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 20px;
  width: 100%;
  text-align: center;
  position: relative;
  padding-top: 40px;
}

#gallery-section .gallery-section-video .gallery-section-video-title {
  display: inline-block;
  bottom: 0px;
}

#gallery-section .gallery-section-video .gallery-section-video-more {
  position: absolute;
  right: 0px;
  bottom: 0px;
}

#gallery-section .gallery-section-photo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 50px;
  width: 100%;
  text-align: center;
  position: relative;
}

#gallery-section .gallery-section-photo .gallery-section-photo-title {
  display: inline-block;
  bottom: 0px;
}

#gallery-section .gallery-section-photo .gallery-section-photo-more {
  position: absolute;
  right: 0px;
  bottom: 0px;
}

#gallery-section .overlayVideo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  /* 设定上层透明 PNG 图片的层级，低于下层内容 */
  background-image: url(/template/app/images/video_border.png);
  /* 替换为透明 PNG 图片的 URL */
  background-size: cover;
  background-repeat: no-repeat;
  opacity: 0.8;
  /* 调整透明度 */
  pointer-events: none;
  /* 禁用上层透明 PNG 图片的交互 */
  margin-top: -6px;
  margin-left: -6px;
}

#gallery-section .overlayGallery {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  /* 设定上层透明 PNG 图片的层级，低于下层内容 */
  background-image: url(/template/app/images/photo_border.png);
  /* 替换为透明 PNG 图片的 URL */
  background-size: 100% 100%;
  background-repeat: no-repeat;
  opacity: 0.8;
  /* 调整透明度 */
  pointer-events: none;
  /* 禁用上层透明 PNG 图片的交互 */
  margin-top: -6px;
  margin-left: -6px;
}

#gallery-section .gallery_slider {
  padding: 0px 50px;
  height: 100%;
  width: 100%;
  position: relative;
  display: block;
  text-align: left;
}

#gallery-section .gallery_slider a:link {
  text-decoration: none;
}

#gallery-section .gallery_slider a:hover {
  color: #0c134c;
}

#gallery-section .gallery_slider .gallery_slide {
  display: grid;
}

#gallery-section .gallery_slider .gallery_slide .caption {
  margin-top: -45px !important;
  height: 40px;
  margin-top: -5px;
  font-size: 1.125rem;
  padding: 10px 10px 10px;
  color: #e1027a;
  text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
  font-weight: 400;
  overflow: hidden;
  text-align: center !important;
  text-overflow: ellipsis;
  text-align: right !important;
  -webkit-line-clamp: 1；;
}

#gallery-section .gallery_slider .gallery_slide .caption:hover {
  color: #0c134c;
}

#gallery-section .gallery_slider .gallery_slide .text-center {
  right: 0px;
}

#gallery-section .gallery_slider .gallery_slide .gallery_image {
  text-align: center;
  border-radius: 30px;
  background-size: 130% 140%;
  background-position-y: top 45%;
  background-position-x: center;
}

#gallery-section .gallery_slider .gallery_slide .gallery_image img {
  border-radius: 30px;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}

#gallery-section .gallery_slider .gallery_slide .gallery_image:hover {
  border-color: #fff;
  z-index: 3;
  opacity: 0.5;
  cursor: pointer;
}

#gallery-section .slider_arrow {
  position: absolute;
  top: 33%;
  -webkit-transform: translateY(-45%);
          transform: translateY(-45%);
  width: 46px;
  height: 110px;
  margin: auto;
  display: inline-block;
  z-index: 1;
  cursor: pointer;
  background-size: 30px 120px;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#gallery-section .video_slider_arrow {
  position: absolute;
  top: 45%;
  -webkit-transform: translateY(-45%);
          transform: translateY(-45%);
  width: 46px;
  height: 110px;
  margin: auto;
  display: inline-block;
  z-index: 1;
  cursor: pointer;
  background-size: 30px 120px;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#gallery-section .gallery-swiper-button-next {
  left: auto;
  right: -5px;
  background-image: url("/template/app/images/right_arrow_white.png") !important;
}

#gallery-section .gallery-swiper-button-prev {
  right: auto;
  left: -5px;
  background-image: url("/template/app/images/left_arrow_white.png") !important;
}

#gallery-section .gallery-swiper-button-next:hover {
  border-left: 5px solid #96c8ff;
}

#gallery-section .gallery-swiper-button-prev:hover {
  border-right: 5px solid #fff;
}

#gallery-section .container {
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 100px;
}

#gallery-section .video_slider {
  padding: 0px 50px;
  height: 100%;
  width: 100%;
  position: relative;
  display: block;
  text-align: left;
}

#gallery-section .video_slider .swiper-button-prev {
  background-image: url("/template/app/images/left_arrow_white.png") !important;
  left: -5px;
  margin-top: -30px;
}

#gallery-section .video_slider .swiper-button-next {
  background-image: url("/template/app/images/right_arrow_white.png") !important;
  right: -5px;
  margin-top: -30px;
}

#gallery-section .video_slider .swiper-button-prev:hover {
  border-right: 5px solid #fff;
}

#gallery-section .video_slider .swiper-button-next:hover {
  border-left: 5px solid #96c8ff;
}

#gallery-section .video_slider .video_slide .caption {
  margin-top: -45px !important;
  height: 40px;
  margin-top: -5px;
  font-size: 1.125rem;
  padding: 10px 10px 10px;
  color: #e1027a;
  text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
  font-weight: 400;
  overflow: hidden;
  text-align: center !important;
  text-overflow: ellipsis;
  text-align: right !important;
  -webkit-line-clamp: 1；;
}

#gallery-section .video_slider .video_slide .video_image {
  text-align: center;
  border-radius: 30px;
  background-size: auto 350px;
  background-position: center;
}

#gallery-section .video_slider .video_slide .video_image img {
  border-radius: 30px;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}

#gallery-section .video_slider .video_slide .video_image:hover {
  border-color: #fff;
  background-color: #fff;
  z-index: 3;
  opacity: 0.5;
}

#gallery-section .video-title {
  z-index: 1;
}

#gallery-section .swiper-container {
  padding-top: 20px;
}

#gallery-section .gallery-section-video-title img {
  max-height: 40px;
}

#gallery-section .gallery-section-photo-title img {
  max-height: 40px;
}

@media screen and (max-width: 768px) {
  #gallery-section .gallery-section-video-title img {
    width: 180px;
  }

  #gallery-section .gallery-section-photo-title img {
    width: 180px;
  }
}

@media screen and (max-width: 414px) {
  #gallery-section .gallery-section-title h3 img {
    height: 63px;
    position: relative;
    top: -15px;
  }

  #gallery-section .gallery-section-title {
    padding-left: 0;
  }
}

#activities-section {
  width: 100%;
  height: 100%;
  margin-bottom: 30px;
}

#activities-section .header {
  position: relative;
  top: 4px;
  height: 45px;
  min-width: 208px;
  background-color: #27e1c1;
  width: 50%;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

#activities-section .header .icon {
  position: relative;
  width: 73px;
  height: 73px;
  z-index: 3;
  top: -25px;
}

#activities-section .header .title {
  margin: auto 5px;
  color: #fff;
}

#activities-section .panel {
  width: 100%;
  height: 550px;
  background-color: #fff;
  border: 5px solid #27e1c1;
  border-bottom-left-radius: 15px;
  border-top-right-radius: 15px;
  position: relative;
}

#activities-section .panel .more-btn {
  position: absolute;
  bottom: -52px;
  right: -6px;
  z-index: 3;
}

#activities-section .panel .more-btn img {
  width: 123px;
  height: auto;
}

#activities-section .panel .activities-slider {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  top: -250;
}

#activities-section .panel .activities-slider .swiper-pagination {
  position: unset;
  margin-top: 10px;
}

#activities-section .panel .activities-slider .swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  margin: 5px;
}

#activities-section .panel .activities-slider .swiper-pagination-bullet-active {
  background: red !important;
}

#activities-section .panel .activities-slider .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 0px;
}

#activities-section .panel .activities-slider .swiper-slide a {
  width: 100%;
  height: 100%;
}

#activities-section .panel .activities-slider .swiper-slide a #bg-img {
  height: 300px;
  width: 100%;
  background-image: var(--bgurl);
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: center;
}

#activities-section .panel .activities-slider .swiper-slide img {
  text-align: center;
  display: block;
  width: 100%;
  height: 290px;
  -o-object-fit: cover;
     object-fit: cover;
}

#activities-section .panel .activities-slider .swiper-slide .date {
  color: #da2626;
  -ms-flex-item-align: start;
      align-self: flex-start;
  text-decoration: none;
  width: calc((100% - 10px));
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(40%, #670b0b), color-stop(20%, rgba(255, 255, 255, 0)));
  background-image: linear-gradient(to right, #670b0b 40%, rgba(255, 255, 255, 0) 20%);
  background-position: bottom;
  background-size: 8px 1px;
  background-repeat: repeat-x;
  padding: 10px 20px 0px 20px;
  font-size: 16px;
  font-weight: 700;
}

#activities-section .panel .activities-slider .swiper-slide .title {
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin-top: 10px;
  color: #707070;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 1.5px;
  padding: 0px 20px;
}

#activities-section .panel .activities-slider .swiper-slide .desc {
  padding: 0px 20px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

@media (max-width: 768px) {
  #activities-section {
    margin-bottom: 30px;
  }
}

#award-section {
  width: 100%;
  height: 100%;
  margin-bottom: 30px;
}

#award-section .header {
  position: relative;
  top: 4px;
  height: 45px;
  min-width: 208px;
  background-color: #27e1c1;
  width: 50%;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

#award-section .header .icon {
  position: relative;
  width: 73px;
  height: 73px;
  z-index: 3;
  top: -25px;
}

#award-section .header .title {
  margin: auto 5px;
  color: #fff;
}

#award-section .panel {
  width: 100%;
  height: 550px;
  background-color: #fff;
  border: 5px solid #27e1c1;
  border-bottom-left-radius: 15px;
  border-top-right-radius: 15px;
  position: relative;
}

#award-section .panel .more-btn {
  position: absolute;
  bottom: -52px;
  right: -6px;
  z-index: 3;
}

#award-section .panel .more-btn img {
  width: 123px;
  height: auto;
}

#award-section .panel .news-item {
  width: calc(100wv-10px);
  height: auto;
  padding: 20px 20px 10px 5px;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(40%, #333), color-stop(20%, rgba(255, 255, 255, 0)));
  background-image: linear-gradient(to right, #333 40%, rgba(255, 255, 255, 0) 20%);
  background-position: bottom;
  background-size: 8px 1px;
  background-repeat: repeat-x;
  margin: 0 15px;
}

#award-section .panel .news-item img {
  width: 75px;
  height: auto;
}

#award-section .panel .news-item .text-content {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

#award-section .panel .news-item .text-content a {
  color: #707070;
}

#award-section .panel .news-item .text-content .title {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.2px;
  line-height: 26px;
  color: #707070;
  width: 100%;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

#award-section .panel .news-item .text-content .date {
  color: #ff6000;
}

@media (max-width: 768px) {
  #award-section {
    margin-bottom: 30px;
  }
}

#latest-news-section {
  width: 100%;
  height: 100%;
}

#latest-news-section .header {
  position: relative;
  top: 4px;
  height: 45px;
  background-color: #27e1c1;
  width: 175px;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  z-index: 3;
}

#latest-news-section .header .icon {
  position: relative;
  width: auto;
  height: 100px;
  top: -25px;
  left: 10px;
}

#latest-news-section .header .title {
  margin: auto 5px;
  color: #fff;
}

#latest-news-section .panel {
  width: 100%;
  height: 550px;
  background-color: #fff;
  border: 5px solid #27e1c1;
  border-bottom-left-radius: 15px;
  border-top-right-radius: 15px;
  position: relative;
}

#latest-news-section .panel .more-btn {
  position: absolute;
  bottom: -52px;
  right: -6px;
  z-index: 3;
}

#latest-news-section .panel .more-btn img {
  width: 123px;
  height: auto;
}

#latest-news-section .panel .news-item {
  width: 100%;
  height: auto;
  padding: 20px 20px 10px 5px;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(40%, #333), color-stop(20%, rgba(255, 255, 255, 0)));
  background-image: linear-gradient(to right, #333 40%, rgba(255, 255, 255, 0) 20%);
  background-position: bottom;
  background-size: 8px 1px;
  background-repeat: repeat-x;
}

#latest-news-section .panel .news-item img {
  width: 150px;
  height: auto;
}

#latest-news-section .panel .news-item .text-content {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

#latest-news-section .panel .news-item .text-content a {
  color: #707070;
}

#latest-news-section .panel .news-item .text-content .title {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.2px;
  line-height: 26px;
  color: #707070;
  width: 100%;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

#latest-news-section .panel .news-item .text-content .date {
  color: #ff6000;
}

#latest-news-section .three-grid-middle-center .news-item {
  width: 100%;
  height: auto;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(40%, #333), color-stop(20%, rgba(255, 255, 255, 0)));
  background-image: linear-gradient(to right, #333 40%, rgba(255, 255, 255, 0) 20%);
  background-position: bottom;
  background-size: 8px 1px;
  background-repeat: repeat-x;
}

#latest-news-section .three-grid-middle-center .news-item img {
  width: 100%;
  max-height: 130px;
}

#latest-news-section .three-grid-middle-center .news-item .text-content {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

#latest-news-section .three-grid-middle-center .news-item .text-content a {
  color: #707070;
}

#latest-news-section .three-grid-middle-center .news-item .text-content .title {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.2px;
  line-height: 26px;
  color: #707070;
  width: 100%;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

#latest-news-section .three-grid-middle-center .news-item .text-content .date {
  color: #ff6000;
}

@media (min-width: 800px) and (max-width: 1200px) {
  #latest-news-section .panel .news-item img {
    max-width: 100px;
  }
}

@media (max-width: 350px) {
  #latest-news-section .panel .news-item img {
    width: 100px;
  }
}

.modal-header {
  background-color: #98eecc !important;
}

.modal-header .modal-title {
  color: #000000 !important;
}

.modal-content .close {
  background-color: unset;
  border: unset;
}

.modal-content .close:hover {
  color: white;
}

.modal-footer button {
  float: right;
  background-color: #ff6000 !important;
  border-color: #ff6000 !important;
}

.modal-footer button:hover {
  color: #ff6000 !important;
  background-color: #fff !important;
  border-color: #ff6000 !important;
}

@media screen and (max-width: 768px) {
  .modal-header .modal-title {
    font-size: 18px;
  }
}

#grids-section-3 .container {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding-bottom: 100px;
}

#grids-section-3 .three-grid-news-top-left {
  background-image: url(/template/app/images/news_top_left.png);
  height: 92px;
  min-width: 210px;
  float: left;
  background-repeat: no-repeat;
}

#grids-section-3 .three-grid-top-right {
  background-image: url(/template/app/images/top_right_4.png);
  background-position: right;
  background-repeat: no-repeat;
  min-width: 200px;
  height: 92px;
}

#grids-section-3 .three-grid-middle-left {
  background-image: url(/template/app/images/middle_left.png);
  background-position: bottom;
  width: 46px;
  height: 100%;
  float: left;
}

#grids-section-3 .three-grid-middle-right {
  background-image: url(/template/app/images/middle_right.png);
  background-position: bottom;
  width: 62px;
  height: 100%;
  float: right;
}

#grids-section-3 .three-grid-bottom-left {
  background-image: url(/template/app/images/bottom_left.png);
  min-width: 100px;
  width: calc(100% - 140px);
  height: 76px;
  float: left;
  margin: 0;
  padding: 0;
}

#grids-section-3 .three-grid-bottom-right {
  background-image: url(/template/app/images/bottom_right.png);
  width: 140px;
  height: 76px;
  background-repeat: no-repeat;
  float: right;
  margin: 0;
  padding: 0;
}

#grids-section-3 .three-grid-middle {
  height: 424px;
}

#grids-section-3 .three-grid-middle-center {
  background-color: white;
}

#grids-section-3 .three-grid-middle-center {
  width: calc(100% - 108px);
  min-width: 127px;
  float: left;
  height: 424px;
  overflow: hidden;
}

#grids-section-3 .three-grid-activity-top-left {
  background-image: url(/template/app/images/activity_top_left.png);
  height: 92px;
  min-width: 210px;
  float: left;
  background-repeat: no-repeat;
}

#grids-section-3 .three-grid-awards-top-left {
  background-image: url(/template/app/images/awards_top_left.png);
  height: 92px;
  min-width: 210px;
  float: left;
  background-repeat: no-repeat;
}

@media screen and (max-width: 991px) {
  #grids-section-3 .three-grid-top-right {
    background-image: url(/template/app/images/top_right.png);
    background-position: right;
    background-repeat: no-repeat;
    min-width: 100px;
    height: 92px;
  }
}

@media screen and (max-width: 767px) {
  #grids-section-3 .three-grid-top-right {
    background-image: url(/template/app/images/top_right_4a.png);
    background-position: right;
    background-repeat: no-repeat;
    min-width: 100px;
    height: 92px;
  }
}

@media screen and (max-width: 531px) {
  #grids-section-3 .three-grid-bottom-left {
    min-width: 310px;
  }
}

@media screen and (max-width: 521px) {
  #grids-section-3 .three-grid-top-right {
    background-image: url(/template/app/images/top_right_4.png);
  }

  #grids-section-3 .three-grid-bottom-left {
    min-width: 299px;
  }
}

@media screen and (max-width: 482px) {
  #grids-section-3 .three-grid-bottom-left {
    min-width: 250px;
  }
}

@media screen and (max-width: 433px) {
  #grids-section-3 .three-grid-bottom-left {
    min-width: 240px;
  }
}

@media screen and (max-width: 424px) {
  #grids-section-3 .three-grid-bottom-left {
    min-width: 220px;
  }
}

@media screen and (max-width: 404px) {
  #grids-section-3 .three-grid-bottom-left {
    min-width: 200px;
  }
}

@media screen and (max-width: 384px) {
  #grids-section-3 .three-grid-bottom-left {
    min-width: 180px;
  }
}

@media screen and (max-width: 364px) {
  #grids-section-3 .three-grid-bottom-left {
    min-width: 160px;
  }
}

@media (min-width: 531px) and (max-width: 991px) {
  .text-content {
    display: inline-block !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .text-content > div {
    float: none;
    width: auto;
  }

  .date {
    padding-left: 10px;
  }

  .title {
    padding-left: 10px;
  }
}

/*
@media screen and (max-width: 1400px) {
    #grids-section-3 {
        .three-grid-news-middle {
            height: 380px;
        }
        .three-grid-news-middle-center {
            height: 380px;
        }
    }
}*/

.hex {
  display: inline-block;
  display: block;
  margin: 0 auto;
  position: relative;
  width: 260px;
  height: calc(260px * 0.866);
  /* width * 0.866 */
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-clip-path: polygon(0% 50%, 25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%);
  -moz-clip-path: polygon(0% 50%, 25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%);
}

.hex:before {
  content: " ";
  display: block;
  position: relative;
  background-color: orange;
  /*color of the main-background*/
  top: 2px;
  /* equal to border thickness */
  left: 2px;
  /* equal to border thickness */
  width: calc(260px - (2px * 2));
  /* container height - (border thickness * 2) */
  height: calc((260px * 0.866) - (2px * 2));
  /* container height - (border thickness * 2) */
  -webkit-clip-path: polygon(0% 50%, 25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%);
  -moz-clip-path: polygon(0% 50%, 25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%);
}

.hex img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-clip-path: polygon(0% 50%, 25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%);
  -moz-clip-path: polygon(0% 50%, 25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%);
}

#hexagon-links {
  width: 100%;
  background-image: url(/template/app/images/hexagon-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: -3px;
}

.hex-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  --s: 220px;
  /* size */
  --r: 0.85;
  /* ratio */
  /* clip-path */
  --h: 0.25;
  --v: 0.5;
  --hc: calc(clamp(0, var(--h), 0.5) * var(--s));
  --vc: calc(clamp(0, var(--v), 0.5) * var(--s) * var(--r));
  /*margin */
  --mv: 6px;
  /* vertical */
  --mh: calc(var(--mv) + (var(--s) - 2*var(--hc))/2);
  /* horizontal */
  /* for the float*/
  --f: calc(2*var(--s)*var(--r) + 4*var(--mv) - 2*var(--vc) - 2px);
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  position: relative;
}

.hex-wrapper .hex-container {
  margin: 20px 0;
  font-size: 0;
  -webkit-filter: drop-shadow(-1px 6px 3px rgba(50, 50, 0, 0.5));
          filter: drop-shadow(-1px 6px 3px rgba(50, 50, 0, 0.5));
  display: block;
  /* disable white space between inline block element */
}

.hex-wrapper .hex-container .item {
  width: var(--s);
  margin: var(--mv) var(--mh);
  height: calc(var(--s) *var(--r));
  display: inline-block;
  font-size: initial;
  background: white;
  /* we reset the font-size if we want to add some content */
  -webkit-clip-path: polygon(var(--hc) 0, calc(100% - var(--hc)) 0, 100% var(--vc), 100% calc(100% - var(--vc)), calc(100% - var(--hc)) 100%, var(--hc) 100%, 0 calc(100% - var(--vc)), 0 var(--vc));
          clip-path: polygon(var(--hc) 0, calc(100% - var(--hc)) 0, 100% var(--vc), 100% calc(100% - var(--vc)), calc(100% - var(--hc)) 100%, var(--hc) 100%, 0 calc(100% - var(--vc)), 0 var(--vc));
  margin-bottom: calc(var(--mv) - var(--vc));
  position: relative;
}

.hex-wrapper .hex-container .item .inside {
  position: absolute;
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  background: var(--background);
  -webkit-clip-path: polygon(var(--hc) 0, calc(100% - var(--hc)) 0, 100% var(--vc), 100% calc(100% - var(--vc)), calc(100% - var(--hc)) 100%, var(--hc) 100%, 0 calc(100% - var(--vc)), 0 var(--vc));
          clip-path: polygon(var(--hc) 0, calc(100% - var(--hc)) 0, 100% var(--vc), 100% calc(100% - var(--vc)), calc(100% - var(--hc)) 100%, var(--hc) 100%, 0 calc(100% - var(--vc)), 0 var(--vc));
}

.hex-wrapper .hex-container .item .inside .item-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  padding-top: 30px;
}

.hex-wrapper .hex-container .item .inside .item-body img {
  max-height: 100px;
  width: auto !important;
  max-width: 120px;
}

.hex-wrapper .hex-container .item .inside .item-body .title h2 {
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 40px;
  margin-top: 10px;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.hex-wrapper .hex-container .item .inside .item-body .eng_title h2 {
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 35px;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.hex-wrapper .hex-container .item .inside .item-body .icon {
  width: 50%;
  text-align: center;
}

.hex-wrapper .hex-container .item .inside .item-body i {
  font-size: 60px;
  color: #fff;
  margin-top: 30px;
  text-align: center;
}

.hex-wrapper .hex-container::before {
  content: "";
  width: calc(var(--s)/2 + var(--mh));
  float: left;
  height: 135%;
  shape-outside: repeating-linear-gradient(#0000 0 calc(var(--f) - 2px), #000 0 var(--f));
}

@media (min-width: 1400px) {
  .hex-wrapper {
    height: 500px !important;
  }
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .hex-wrapper {
    height: 600px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hex-wrapper {
    height: 700px !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hex-wrapper {
    height: 830px !important;
  }
}

@media (min-width: 547px) and (max-width: 767px) {
  .hex-wrapper {
    height: 1100px !important;
  }
}

@media (min-width: 528px) and (max-width: 546px) {
  .hex-wrapper {
    height: 750px !important;
    --s: 160px;
  }

  .hex-wrapper .title h2 {
    font-size: 20px !important;
  }
}

@media (min-width: 492px) and (max-width: 527px) {
  .hex-wrapper {
    height: 1300px !important;
    --s: 200px;
  }
}

@media (min-width: 470px) and (max-width: 491px) {
  .hex-wrapper {
    height: 1000px !important;
    --s: 190px;
  }
}

@media (min-width: 447px) and (max-width: 469px) {
  .hex-wrapper {
    height: 940px !important;
    --s: 180px;
  }

  .hex-wrapper .title h2 {
    font-size: 20px !important;
  }
}

@media (min-width: 425px) and (max-width: 446px) {
  .hex-wrapper {
    height: 880px !important;
    --s: 170px;
  }

  .hex-wrapper .title h2 {
    font-size: 20px !important;
  }
}

@media (min-width: 402px) and (max-width: 424px) {
  .hex-wrapper {
    height: 840px !important;
    --s: 160px;
  }

  .hex-wrapper .title h2 {
    font-size: 20px !important;
  }
}

@media (min-width: 320px) and (max-width: 401px) {
  .hex-wrapper {
    height: 800px !important;
    --s: 150px;
  }

  .hex-wrapper .title h2 {
    font-size: 18px !important;
  }
}

/*
@media (max-width:401px) {
    .hex-wrapper {
        height: 510px !important;
        --s: 120px;
        .hex-container .item .inside .item-body .icon {
            height: 50px;
        }
    }
}*/

