/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}legend{padding:0;border:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="javascript:"]:after,a[href^="#"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #ddd!important}}@font-face{font-family:'Glyphicons Halflings';src:url(../../bundles/pjcore/fonts/glyphicons-halflings-regular.eot);src:url(../../bundles/pjcore/fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../../bundles/pjcore/fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(../../bundles/pjcore/fonts/glyphicons-halflings-regular.woff) format('woff'),url(../../bundles/pjcore/fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../../bundles/pjcore/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\002a"}.glyphicon-plus:before{content:"\002b"}.glyphicon-eur:before,.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}.glyphicon-cd:before{content:"\e201"}.glyphicon-save-file:before{content:"\e202"}.glyphicon-open-file:before{content:"\e203"}.glyphicon-level-up:before{content:"\e204"}.glyphicon-copy:before{content:"\e205"}.glyphicon-paste:before{content:"\e206"}.glyphicon-alert:before{content:"\e209"}.glyphicon-equalizer:before{content:"\e210"}.glyphicon-king:before{content:"\e211"}.glyphicon-queen:before{content:"\e212"}.glyphicon-pawn:before{content:"\e213"}.glyphicon-bishop:before{content:"\e214"}.glyphicon-knight:before{content:"\e215"}.glyphicon-baby-formula:before{content:"\e216"}.glyphicon-tent:before{content:"\26fa"}.glyphicon-blackboard:before{content:"\e218"}.glyphicon-bed:before{content:"\e219"}.glyphicon-apple:before{content:"\f8ff"}.glyphicon-erase:before{content:"\e221"}.glyphicon-hourglass:before{content:"\231b"}.glyphicon-lamp:before{content:"\e223"}.glyphicon-duplicate:before{content:"\e224"}.glyphicon-piggy-bank:before{content:"\e225"}.glyphicon-scissors:before{content:"\e226"}.glyphicon-bitcoin:before{content:"\e227"}.glyphicon-btc:before{content:"\e227"}.glyphicon-xbt:before{content:"\e227"}.glyphicon-yen:before{content:"\00a5"}.glyphicon-jpy:before{content:"\00a5"}.glyphicon-ruble:before{content:"\20bd"}.glyphicon-rub:before{content:"\20bd"}.glyphicon-scale:before{content:"\e230"}.glyphicon-ice-lolly:before{content:"\e231"}.glyphicon-ice-lolly-tasted:before{content:"\e232"}.glyphicon-education:before{content:"\e233"}.glyphicon-option-horizontal:before{content:"\e234"}.glyphicon-option-vertical:before{content:"\e235"}.glyphicon-menu-hamburger:before{content:"\e236"}.glyphicon-modal-window:before{content:"\e237"}.glyphicon-oil:before{content:"\e238"}.glyphicon-grain:before{content:"\e239"}.glyphicon-sunglasses:before{content:"\e240"}.glyphicon-text-size:before{content:"\e241"}.glyphicon-text-color:before{content:"\e242"}.glyphicon-text-background:before{content:"\e243"}.glyphicon-object-align-top:before{content:"\e244"}.glyphicon-object-align-bottom:before{content:"\e245"}.glyphicon-object-align-horizontal:before{content:"\e246"}.glyphicon-object-align-left:before{content:"\e247"}.glyphicon-object-align-vertical:before{content:"\e248"}.glyphicon-object-align-right:before{content:"\e249"}.glyphicon-triangle-right:before{content:"\e250"}.glyphicon-triangle-left:before{content:"\e251"}.glyphicon-triangle-bottom:before{content:"\e252"}.glyphicon-triangle-top:before{content:"\e253"}.glyphicon-console:before{content:"\e254"}.glyphicon-superscript:before{content:"\e255"}.glyphicon-subscript:before{content:"\e256"}.glyphicon-menu-left:before{content:"\e257"}.glyphicon-menu-right:before{content:"\e258"}.glyphicon-menu-down:before{content:"\e259"}.glyphicon-menu-up:before{content:"\e260"}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:focus,a:hover{color:#23527c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{display:inline-block;max-width:100%;height:auto;padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role=button]{cursor:pointer}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#777}.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}.h5,h5{font-size:14px}.h6,h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}.small,small{font-size:85%}.mark,mark{padding:.2em;background-color:#fcf8e3}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#337ab7}a.text-primary:focus,a.text-primary:hover{color:#286090}.text-success{color:#3c763d}a.text-success:focus,a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:focus,a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:focus,a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:focus,a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#337ab7}a.bg-primary:focus,a.bg-primary:hover{background-color:#286090}.bg-success{background-color:#dff0d8}a.bg-success:focus,a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:focus,a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:focus,a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:focus,a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ol,ul{margin-top:0;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;margin-left:-5px;list-style:none}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}dl{margin-top:0;margin-bottom:20px}dd,dt{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[data-original-title],abbr[title]{cursor:help;border-bottom:1px dotted #777}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child{margin-bottom:0}blockquote .small,blockquote footer,blockquote small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote .small:before,blockquote footer:before,blockquote small:before{content:'\2014 \00A0'}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;text-align:right;border-right:5px solid #eee;border-left:0}.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before{content:''}.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after{content:'\00A0 \2014'}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;font-weight:700;-webkit-box-shadow:none;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{background-color:transparent}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover{background-color:#f5f5f5}table col[class*=col-]{position:static;display:table-column;float:none}table td[class*=col-],table th[class*=col-]{position:static;display:table-cell;float:none}.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f5f5f5}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8}.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#dff0d8}.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{background-color:#d0e9c6}.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#d9edf7}.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{background-color:#c4e3f3}.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#fcf8e3}.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{background-color:#faf2cc}.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:#f2dede}.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{background-color:#ebcccc}.table-responsive{min-height:.01%;overflow-x:auto}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type=checkbox],input[type=radio]{margin:4px 0 0;margin-top:1px\9;line-height:normal}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=file]:focus,input[type=checkbox]:focus,input[type=radio]:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control::-ms-expand{background-color:transparent;border:0}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#eee;opacity:1}.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}textarea.form-control{height:auto}input[type=search]{-webkit-appearance:none}@media screen and (-webkit-min-device-pixel-ratio:0){input[type=date].form-control,input[type=time].form-control,input[type=datetime-local].form-control,input[type=month].form-control{line-height:34px}.input-group-sm input[type=date],.input-group-sm input[type=time],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],input[type=date].input-sm,input[type=time].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm{line-height:30px}.input-group-lg input[type=date],.input-group-lg input[type=time],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],input[type=date].input-lg,input[type=time].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg{line-height:46px}}.form-group{margin-bottom:15px}.checkbox,.radio{position:relative;display:block;margin-top:10px;margin-bottom:10px}.checkbox label,.radio label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{position:absolute;margin-top:4px\9;margin-left:-20px}.checkbox+.checkbox,.radio+.radio{margin-top:-5px}.checkbox-inline,.radio-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;font-weight:400;vertical-align:middle;cursor:pointer}.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:0;margin-left:10px}fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{cursor:not-allowed}.checkbox-inline.disabled,.radio-inline.disabled,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio-inline{cursor:not-allowed}.checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio label{cursor:not-allowed}.form-control-static{min-height:34px;padding-top:7px;padding-bottom:7px;margin-bottom:0}.form-control-static.input-lg,.form-control-static.input-sm{padding-right:0;padding-left:0}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}select[multiple].input-sm,textarea.input-sm{height:auto}.form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.form-group-sm select.form-control{height:30px;line-height:30px}.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control{height:auto}.form-group-sm .form-control-static{height:30px;min-height:32px;padding:6px 10px;font-size:12px;line-height:1.5}.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-lg{height:46px;line-height:46px}select[multiple].input-lg,textarea.input-lg{height:auto}.form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.form-group-lg select.form-control{height:46px;line-height:46px}.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control{height:auto}.form-group-lg .form-control-static{height:46px;min-height:38px;padding:11px 16px;font-size:18px;line-height:1.3333333}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px}.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;background-color:#dff0d8;border-color:#3c763d}.has-success .form-control-feedback{color:#3c763d}.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;background-color:#fcf8e3;border-color:#8a6d3b}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;background-color:#f2dede;border-color:#a94442}.has-error .form-control-feedback{color:#a94442}.has-feedback label~.form-control-feedback{top:25px}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-static{display:inline-block}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .checkbox,.form-inline .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .checkbox label,.form-inline .radio label{padding-left:0}.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{padding-top:7px;margin-top:0;margin-bottom:0}.form-horizontal .checkbox,.form-horizontal .radio{min-height:27px}.form-horizontal .form-group{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.form-horizontal .control-label{padding-top:7px;margin-bottom:0;text-align:right}}.form-horizontal .has-feedback .form-control-feedback{right:15px}@media (min-width:768px){.form-horizontal .form-group-lg .control-label{padding-top:11px;font-size:18px}}@media (min-width:768px){.form-horizontal .form-group-sm .control-label{padding-top:6px;font-size:12px}}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn.focus,.btn:focus,.btn:hover{color:#333;text-decoration:none}.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none;opacity:.65}a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default.focus,.btn-default:focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}.btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{background-image:none}.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#286090;border-color:#122b40}.btn-primary:hover{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{color:#fff;background-color:#204d74;border-color:#122b40}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#337ab7;border-color:#2e6da4}.btn-primary .badge{color:#337ab7;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#449d44;border-color:#255625}.btn-success:hover{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover{color:#fff;background-color:#398439;border-color:#255625}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{background-image:none}.btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled].focus,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info.focus,.btn-info:focus{color:#fff;background-color:#31b0d5;border-color:#1b6d85}.btn-info:hover{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover{color:#fff;background-color:#269abc;border-color:#1b6d85}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{background-image:none}.btn-info.disabled.focus,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled].focus,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning.focus,.btn-warning:focus{color:#fff;background-color:#ec971f;border-color:#985f0d}.btn-warning:hover{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover{color:#fff;background-color:#d58512;border-color:#985f0d}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled.focus,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled].focus,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#c9302c;border-color:#761c19}.btn-danger:hover{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover{color:#fff;background-color:#ac2925;border-color:#761c19}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled.focus,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled].focus,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{font-weight:400;color:#337ab7;border-radius:0}.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent}.btn-link:focus,.btn-link:hover{color:#23527c;text-decoration:underline;background-color:transparent}.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{color:#777;text-decoration:none}.btn-group-lg>.btn,.btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.btn-group-sm>.btn,.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-xs>.btn,.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid\9;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown,.dropup{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#262626;text-decoration:none;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;background-color:#337ab7;outline:0}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#777}.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{right:0;left:auto}.dropdown-menu-left{right:auto;left:0}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{content:"";border-top:0;border-bottom:4px dashed;border-bottom:4px solid\9}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}@media (min-width:768px){.navbar-right .dropdown-menu{right:0;left:auto}.navbar-right .dropdown-menu-left{right:auto;left:0}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;float:left}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:2}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-right:8px;padding-left:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-right:12px;padding-left:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-top-right-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{display:table-cell;float:none;width:1%}.btn-group-justified>.btn-group .btn{width:100%}.btn-group-justified>.btn-group .dropdown-menu{left:auto}[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*=col-]{float:none;padding-right:0;padding-left:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group .form-control:focus{z-index:3}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type=checkbox],.input-group-addon input[type=radio]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{z-index:2;margin-left:-1px}.nav{padding-left:0;margin-bottom:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#337ab7}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{color:#fff;background-color:#337ab7}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media (min-width:768px){.navbar{border-radius:4px}}@media (min-width:768px){.navbar-header{float:left}}.navbar-collapse{padding-right:15px;padding-left:15px;overflow-x:visible;-webkit-overflow-scrolling:touch;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse{padding-right:0;padding-left:0}}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:340px}@media (max-device-width:480px) and (orientation:landscape){.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:200px}}.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:768px){.navbar-static-top{border-radius:0}}.navbar-fixed-bottom,.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030}@media (min-width:768px){.navbar-fixed-bottom,.navbar-fixed-top{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.navbar-brand{float:left;height:50px;padding:15px 15px;font-size:18px;line-height:20px}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-brand>img{display:block}@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:8px;margin-right:15px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{background-image:none}}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}.navbar-form{padding:10px 15px;margin-top:8px;margin-right:-15px;margin-bottom:8px;margin-left:-15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1)}@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .form-control-static{display:inline-block}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .checkbox,.navbar-form .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .checkbox label,.navbar-form .radio label{padding-left:0}.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio]{position:relative;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}.navbar-form .form-group:last-child{margin-bottom:0}}@media (min-width:768px){.navbar-form{width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;-webkit-box-shadow:none;box-shadow:none}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{margin-bottom:0;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}@media (min-width:768px){.navbar-text{float:left;margin-right:15px;margin-left:15px}}@media (min-width:768px){.navbar-left{float:left!important}.navbar-right{float:right!important;margin-right:-15px}.navbar-right~.navbar-right{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover{color:#ccc;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#555;background-color:#e7e7e7}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#ccc;background-color:transparent}}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-default .btn-link{color:#777}.navbar-default .btn-link:focus,.navbar-default .btn-link:hover{color:#333}.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover{color:#ccc}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#9d9d9d}.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{color:#fff;background-color:#080808}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#444;background-color:transparent}}.navbar-inverse .navbar-link{color:#9d9d9d}.navbar-inverse .navbar-link:hover{color:#fff}.navbar-inverse .btn-link{color:#9d9d9d}.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover{color:#fff}.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover{color:#444}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}.breadcrumb>.active{color:#777}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:focus,.label-default[href]:hover{background-color:#5e5e5e}.label-primary{background-color:#337ab7}.label-primary[href]:focus,.label-primary[href]:hover{background-color:#286090}.label-success{background-color:#5cb85c}.label-success[href]:focus,.label-success[href]:hover{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:focus,.label-info[href]:hover{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:focus,.label-warning[href]:hover{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:focus,.label-danger[href]:hover{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:middle;background-color:#777;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-group-xs>.btn .badge,.btn-xs .badge{top:0;padding:1px 5px}a.badge:focus,a.badge:hover{color:#fff;text-decoration:none;cursor:pointer}.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#337ab7;background-color:#fff}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding-top:30px;padding-bottom:30px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron .h1,.jumbotron h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.jumbotron>hr{border-top-color:#d5d5d5}.container .jumbotron,.container-fluid .jumbotron{padding-right:15px;padding-left:15px;border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron,.container-fluid .jumbotron{padding-right:60px;padding-left:60px}.jumbotron .h1,.jumbotron h1{font-size:63px}}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}.thumbnail a>img,.thumbnail>img{margin-right:auto;margin-left:auto}a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{border-color:#337ab7}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-bar-striped,.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;background-size:40px 40px}.progress-bar.active,.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.media{margin-top:15px}.media:first-child{margin-top:0}.media,.media-body{overflow:hidden;zoom:1}.media-body{width:10000px}.media-object{display:block}.media-object.img-thumbnail{max-width:none}.media-right,.media>.pull-right{padding-left:10px}.media-left,.media>.pull-left{padding-right:10px}.media-body,.media-left,.media-right{display:table-cell;vertical-align:top}.media-middle{vertical-align:middle}.media-bottom{vertical-align:bottom}.media-heading{margin-top:0;margin-bottom:5px}.media-list{padding-left:0;list-style:none}.list-group{padding-left:0;margin-bottom:20px}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}a.list-group-item,button.list-group-item{color:#555}a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading{color:#333}a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover{color:#555;text-decoration:none;background-color:#f5f5f5}button.list-group-item{width:100%;text-align:left}.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover{color:#777;cursor:not-allowed;background-color:#eee}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text{color:#777}.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{z-index:2;color:#fff;background-color:#337ab7;border-color:#337ab7}.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text{color:#c7ddef}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success,button.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading,button.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:focus,a.list-group-item-success:hover,button.list-group-item-success:focus,button.list-group-item-success:hover{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover,button.list-group-item-success.active,button.list-group-item-success.active:focus,button.list-group-item-success.active:hover{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info,button.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading,button.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:focus,a.list-group-item-info:hover,button.list-group-item-info:focus,button.list-group-item-info:hover{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover,button.list-group-item-info.active,button.list-group-item-info.active:focus,button.list-group-item-info.active:hover{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning,button.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading,button.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:focus,a.list-group-item-warning:hover,button.list-group-item-warning:focus,button.list-group-item-warning:hover{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover,button.list-group-item-warning.active,button.list-group-item-warning.active:focus,button.list-group-item-warning.active:hover{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger,button.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading,button.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:focus,a.list-group-item-danger:hover,button.list-group-item-danger:focus,button.list-group-item-danger:hover{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover,button.list-group-item-danger.active,button.list-group-item-danger.active:focus,button.list-group-item-danger.active:hover{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group,.panel>.panel-collapse>.list-group{margin-bottom:0}.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-left-radius:3px;border-top-right-radius:3px}.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child{border-top-left-radius:0;border-top-right-radius:0}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.list-group+.panel-footer{border-top-width:0}.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel>.panel-collapse>.table caption,.panel>.table caption,.panel>.table-responsive>.table caption{padding-right:15px;padding-left:15px}.panel>.table-responsive:first-child>.table:first-child,.panel>.table:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table-responsive:last-child>.table:last-child,.panel>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.panel>.table-responsive{margin-bottom:0;border:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#337ab7}.panel-primary>.panel-heading{color:#fff;background-color:#337ab7;border-color:#337ab7}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#337ab7}.panel-primary>.panel-heading .badge{color:#337ab7;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#337ab7}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive-4by3{padding-bottom:75%}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0}.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%)}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;filter:alpha(opacity=0);opacity:0;line-break:auto}.tooltip.in{filter:alpha(opacity=90);opacity:.9}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{right:5px;bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);line-break:auto}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{padding:8px 14px;margin:0;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow{border-width:11px}.popover>.arrow:after{content:"";border-width:10px}.popover.top>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,.25);border-bottom-width:0}.popover.top>.arrow:after{bottom:1px;margin-left:-10px;content:" ";border-top-color:#fff;border-bottom-width:0}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,.25);border-left-width:0}.popover.right>.arrow:after{bottom:-10px;left:1px;content:" ";border-right-color:#fff;border-left-width:0}.popover.bottom>.arrow{top:-11px;left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25)}.popover.bottom>.arrow:after{top:1px;margin-left:-10px;content:" ";border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{right:1px;bottom:-10px;content:" ";border-right-width:0;border-left-color:#fff}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1}@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-inner>.item.active.right,.carousel-inner>.item.next{left:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.carousel-inner>.item.active.left,.carousel-inner>.item.prev{left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{left:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);background-color:rgba(0,0,0,0);filter:alpha(opacity=50);opacity:.5}.carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);background-repeat:repeat-x}.carousel-control.right{right:0;left:auto;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);background-repeat:repeat-x}.carousel-control:focus,.carousel-control:hover{color:#fff;text-decoration:none;filter:alpha(opacity=90);outline:0;opacity:.9}.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-10px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{left:50%;margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%;margin-right:-10px}.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;font-family:serif;line-height:1}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000\9;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{width:30px;height:30px;margin-top:-10px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-10px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{display:table;content:" "}.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-lg,.visible-md,.visible-sm,.visible-xs{display:none!important}.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table!important}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}}@media (max-width:767px){.visible-xs-block{display:block!important}}@media (max-width:767px){.visible-xs-inline{display:inline!important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table!important}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table!important}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table!important}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}}@media (min-width:1200px){.visible-lg-block{display:block!important}}@media (min-width:1200px){.visible-lg-inline{display:inline!important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table!important}tr.visible-print{display:table-row!important}td.visible-print,th.visible-print{display:table-cell!important}}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}}@media print{.hidden-print{display:none!important}}
/*# sourceMappingURL=bootstrap.min.css.map */
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url('../../bundles/pjcore/fonts/fontawesome-webfont.eot?v=4.7.0');src:url('../../bundles/pjcore/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../../bundles/pjcore/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../../bundles/pjcore/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../../bundles/pjcore/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../../bundles/pjcore/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url(../../bundles/pjcore/images/fancybox/fancybox_sprite.png);
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url(../../bundles/pjcore/images/fancybox/fancybox_loading.gif) center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url../../(../../../bundles/pjcore/images/fancybox/blank.gif); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: visible !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url(../../bundles/pjcore/images/fancybox/fancybox_overlay.png);
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url(../../bundles/pjcore/images/fancybox/fancybox_sprite@2x.png);
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url(../../bundles/pjcore/images/fancybox/fancybox_loading@2x.gif);
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}

/*# sourceMappingURL=site.css.map */
@charset "UTF-8";
/*Color Value*/
/*2021*/
/*Font Value*/
/**
 * $font-face LESS Mixin
 * use: .font-face(
 *   $font-family, // name
 *   $file-path,   // absolute/relative URL to font files
 *   $font-weight, // light/normal/bold/inherit | 300/400/700
 *   $font-style   // italic/normal/inherit
 * )
 */
/**
 * font LESS Mixin
 * use: .font(
 *   $font-family, // name
 *   $file-size,   // any unit/inherit
 *   $font-weight, // light/normal/bold/inherit | 300/400/700
 *   $font-style   // italic/normal/inherit
 * )
 */
/*Button Style Start*/
/*Button Style End*/
/*Input Style Start*/
/*Input Style End*/
/*Clearfix function Start*/
/*Clearfix function End*/
/*Common LESS Start*/
/*
.list-margin-fit{ 
  &:first-child{margin-left:0;}
  &:last-child{margin-right:0;}
}

.list-padding-fit{ 
  &:first-child{padding-left:0;}
  &:last-child{padding-right:0;}
}
*/
/*Common LESS End*/
/*Common CSS3 LESS Mixins Start*/
/*Common CSS3 LESS Mixins End*/
/*
@include keyframes(anim-rotate){
	0% {
		@include rotate(0deg);
	}
	100% {
		@include rotate(360deg);
	}
}
*/
/*
@function drop-shadow-converter($color: #000, $opacity: 100, $angle: 0, $distance: 0, $spread: 0, $size: 0, $is-box-shadow: false) {
	$__ang: (180-$angle) * 3.14 / 180;
  $__offset-y: round(sin($__ang) * $distance);
  $__offset-x: round(cos($__ang) * $distance);
  $__spread-rad: $size * $spread/100;
  $__blur-rad: $size - $__spread-rad;
  @if ($is-box-shadow) {
    @return $__offset-x $__offset-y $__blur-rad $__spread-rad rgba(red($color), green($color), blue($color), $opacity/100);
  } @else {
    @return $__offset-x $__offset-y $__blur-rad rgba(red($color), green($color), blue($color), $opacity/100);
  }
}
*/
/*Color Value*/
/*2021*/
/*Font Value*/
/**
 * $font-face LESS Mixin
 * use: .font-face(
 *   $font-family, // name
 *   $file-path,   // absolute/relative URL to font files
 *   $font-weight, // light/normal/bold/inherit | 300/400/700
 *   $font-style   // italic/normal/inherit
 * )
 */
/**
 * font LESS Mixin
 * use: .font(
 *   $font-family, // name
 *   $file-size,   // any unit/inherit
 *   $font-weight, // light/normal/bold/inherit | 300/400/700
 *   $font-style   // italic/normal/inherit
 * )
 */
/*Button Style Start*/
/*Button Style End*/
/*Input Style Start*/
/*Input Style End*/
/*Clearfix function Start*/
/*Clearfix function End*/
/*Common LESS Start*/
/*
.list-margin-fit{ 
  &:first-child{margin-left:0;}
  &:last-child{margin-right:0;}
}

.list-padding-fit{ 
  &:first-child{padding-left:0;}
  &:last-child{padding-right:0;}
}
*/
/*Common LESS End*/
/*Common CSS3 LESS Mixins Start*/
/*Common CSS3 LESS Mixins End*/
/*
@include keyframes(anim-rotate){
	0% {
		@include rotate(0deg);
	}
	100% {
		@include rotate(360deg);
	}
}
*/
/*
@function drop-shadow-converter($color: #000, $opacity: 100, $angle: 0, $distance: 0, $spread: 0, $size: 0, $is-box-shadow: false) {
	$__ang: (180-$angle) * 3.14 / 180;
  $__offset-y: round(sin($__ang) * $distance);
  $__offset-x: round(cos($__ang) * $distance);
  $__spread-rad: $size * $spread/100;
  $__blur-rad: $size - $__spread-rad;
  @if ($is-box-shadow) {
    @return $__offset-x $__offset-y $__blur-rad $__spread-rad rgba(red($color), green($color), blue($color), $opacity/100);
  } @else {
    @return $__offset-x $__offset-y $__blur-rad rgba(red($color), green($color), blue($color), $opacity/100);
  }
}
*/
/*
$xs-col-padding: 5px;
$sm-col-padding:10px;
$md-col-padding:15px;
$lg-col-padding:20px;

.row-xs-col{ margin:0 -$xs-col-padding; >div{padding:0 $xs-col-padding}}
.row-sm-col{ margin:0 -$sm-col-padding; >div{padding:0 $sm-col-padding}}
.row-md-col{ margin:0 -$md-col-padding; >div{padding:0 $md-col-padding}}
.row-lg-col{ margin:0 -$lg-col-padding; >div{padding:0 $lg-col-padding}}
*/
@-webkit-keyframes anim-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
@keyframes anim-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
/*
@include keyframes(anim-floating){
	0% {
		@include translateY(-20px);
	}
	50%{
		@include translateY(20px);
	}
	100% {
		@include translateY(-20px);
	}
}
*/
/*
html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
  font-family: 'Fira Sans', 'Microsoft JhengHei' , sans-serif;
}


body a{transition: all .6s}
body a:hover,
body a:focus,
body a:active{text-decoration: none;}
*/
.container-vm {
  width: 100%;
  height: 100%;
  display: table;
  table-layout: fixed;
  position: relative;
}

.container-vm-box {
  display: table-cell;
  vertical-align: middle;
}

.container-vb {
  width: 100%;
  height: 100%;
  display: table;
  table-layout: fixed;
  position: relative;
}

.container-vb-box {
  display: table-cell;
  vertical-align: bottom;
}

.img-responsive-center {
  margin-left: auto;
  margin-right: auto;
}

.form-group-inline .checkbox,
.form-group-inline .radio {
  display: inline-block;
  margin-right: 15px;
}

@media (min-width: 768px) {
  .text-sm-left {
    text-align: left;
  }
  .text-sm-center {
    text-align: center;
  }
  .text-sm-right {
    text-align: right;
  }
}
@media (min-width: 992px) {
  .text-md-left {
    text-align: left;
  }
  .text-md-center {
    text-align: center;
  }
  .text-md-right {
    text-align: right;
  }
}
@media (min-width: 1200px) {
  .text-lg-left {
    text-align: left;
  }
  .text-lg-center {
    text-align: center;
  }
  .text-lg-right {
    text-align: right;
  }
}
@media (min-width: 768px) {
  .float-sm-left {
    float: left;
  }
  .float-sm-right {
    float: right;
  }
  .float-sm-none {
    float: none;
  }
}
@media (min-width: 992px) {
  .float-md-left {
    float: left;
  }
  .float-md-right {
    float: right;
  }
  .float-md-none {
    float: none;
  }
}
@media (min-width: 1200px) {
  .float-lg-left {
    float: left;
  }
  .float-lg-right {
    float: right;
  }
  .float-lg-none {
    float: none;
  }
}
@media (max-width: 767px) {
  .row-clear .col-xs-2:nth-child(6n+1),
.row-clear .col-xs-3:nth-child(4n+1),
.row-clear .col-xs-4:nth-child(3n+1),
.row-clear .col-xs-6:nth-child(2n+1),
.row-clear .col-sm-2:nth-child(6n+1),
.row-clear .col-sm-3:nth-child(4n+1),
.row-clear .col-sm-4:nth-child(3n+1),
.row-clear .col-sm-6:nth-child(2n+1),
.row-clear .col-md-2:nth-child(6n+1),
.row-clear .col-md-3:nth-child(4n+1),
.row-clear .col-md-4:nth-child(3n+1),
.row-clear .col-md-6:nth-child(2n+1),
.row-clear .col-lg-2:nth-child(6n+1),
.row-clear .col-lg-3:nth-child(4n+1),
.row-clear .col-lg-4:nth-child(3n+1),
.row-clear .col-lg-6:nth-child(2n+1) {
    clear: none;
  }
  .row-clear .col-xs-2:nth-child(6n+1),
.row-clear .col-xs-3:nth-child(4n+1),
.row-clear .col-xs-4:nth-child(3n+1),
.row-clear .col-xs-6:nth-child(2n+1) {
    clear: both;
  }
}
@media (min-width: 768px) {
  .row-clear .col-xs-2:nth-child(6n+1),
.row-clear .col-xs-3:nth-child(4n+1),
.row-clear .col-xs-4:nth-child(3n+1),
.row-clear .col-xs-6:nth-child(2n+1),
.row-clear .col-sm-2:nth-child(6n+1),
.row-clear .col-sm-3:nth-child(4n+1),
.row-clear .col-sm-4:nth-child(3n+1),
.row-clear .col-sm-6:nth-child(2n+1),
.row-clear .col-md-2:nth-child(6n+1),
.row-clear .col-md-3:nth-child(4n+1),
.row-clear .col-md-4:nth-child(3n+1),
.row-clear .col-md-6:nth-child(2n+1),
.row-clear .col-lg-2:nth-child(6n+1),
.row-clear .col-lg-3:nth-child(4n+1),
.row-clear .col-lg-4:nth-child(3n+1),
.row-clear .col-lg-6:nth-child(2n+1) {
    clear: none;
  }
  .row-clear .col-sm-2:nth-child(6n+1),
.row-clear .col-sm-3:nth-child(4n+1),
.row-clear .col-sm-4:nth-child(3n+1),
.row-clear .col-sm-6:nth-child(2n+1) {
    clear: both;
  }
}
@media (min-width: 992px) {
  .row-clear .col-xs-2:nth-child(6n+1),
.row-clear .col-xs-3:nth-child(4n+1),
.row-clear .col-xs-4:nth-child(3n+1),
.row-clear .col-xs-6:nth-child(2n+1),
.row-clear .col-sm-2:nth-child(6n+1),
.row-clear .col-sm-3:nth-child(4n+1),
.row-clear .col-sm-4:nth-child(3n+1),
.row-clear .col-sm-6:nth-child(2n+1),
.row-clear .col-md-2:nth-child(6n+1),
.row-clear .col-md-3:nth-child(4n+1),
.row-clear .col-md-4:nth-child(3n+1),
.row-clear .col-md-6:nth-child(2n+1),
.row-clear .col-lg-2:nth-child(6n+1),
.row-clear .col-lg-3:nth-child(4n+1),
.row-clear .col-lg-4:nth-child(3n+1),
.row-clear .col-lg-6:nth-child(2n+1) {
    clear: none;
  }
  .row-clear .col-md-2:nth-child(6n+1),
.row-clear .col-md-3:nth-child(4n+1),
.row-clear .col-md-4:nth-child(3n+1),
.row-clear .col-md-6:nth-child(2n+1) {
    clear: both;
  }
}
@media (min-width: 1200px) {
  .row-clear .col-xs-2:nth-child(6n+1),
.row-clear .col-xs-3:nth-child(4n+1),
.row-clear .col-xs-4:nth-child(3n+1),
.row-clear .col-xs-6:nth-child(2n+1),
.row-clear .col-sm-2:nth-child(6n+1),
.row-clear .col-sm-3:nth-child(4n+1),
.row-clear .col-sm-4:nth-child(3n+1),
.row-clear .col-sm-6:nth-child(2n+1),
.row-clear .col-md-2:nth-child(6n+1),
.row-clear .col-md-3:nth-child(4n+1),
.row-clear .col-md-4:nth-child(3n+1),
.row-clear .col-md-6:nth-child(2n+1),
.row-clear .col-lg-2:nth-child(6n+1),
.row-clear .col-lg-3:nth-child(4n+1),
.row-clear .col-lg-4:nth-child(3n+1),
.row-clear .col-lg-6:nth-child(2n+1) {
    clear: none;
  }
  .row-clear .col-lg-2:nth-child(6n+1),
.row-clear .col-lg-3:nth-child(4n+1),
.row-clear .col-lg-4:nth-child(3n+1),
.row-clear .col-lg-6:nth-child(2n+1) {
    clear: both;
  }
}
/*For loop example start*/
/*For loop example end*/
/*For loop example start*/
/*
@mixin mixin-loop($i) when ($i > 0){
	div:nth-child(${i}):after {
		content: "${i}";
	}
	@include mixin-loop($i - 1);
}
*/
/*For loop example end*/
@font-face {
  font-family: "Century Gothic Bold";
  src: url("../../bundles/pjcore/fonts/3396C6_0_0.eot");
  src: url("../../bundles/pjcore/fonts/3396C6_0_0.eot?#iefix") format("embedded-opentype"), url("../../bundles/pjcore/fonts/3396C6_0_0.woff") format("woff"), url("../../bundles/pjcore/fonts/3396C6_0_0.ttf") format("truetype"), url("../../bundles/pjcore/bundles/pjcore/fonts/3396C6_0_0") format("svg"), url("../../bundles/pjcore/fonts/3396C6_0_0.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Din Regular";
  src: url("../../bundles/pjcore/fonts/3396C6_1_0.eot");
  src: url("../../bundles/pjcore/fonts/3396C6_1_0.eot?#iefix") format("embedded-opentype"), url("../../bundles/pjcore/fonts/3396C6_1_0.woff") format("woff"), url("../../bundles/pjcore/fonts/3396C6_1_0.ttf") format("truetype"), url("../../bundles/pjcore/bundles/pjcore/fonts/3396C6_1_0") format("svg"), url("../../bundles/pjcore/fonts/3396C6_1_0.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Din Bold";
  src: url("../../bundles/pjcore/fonts/3396C6_2_0.eot");
  src: url("../../bundles/pjcore/fonts/3396C6_2_0.eot?#iefix") format("embedded-opentype"), url("../../bundles/pjcore/fonts/3396C6_2_0.woff") format("woff"), url("../../bundles/pjcore/fonts/3396C6_2_0.ttf") format("truetype"), url("../../bundles/pjcore/bundles/pjcore/fonts/3396C6_2_0") format("svg"), url("../../bundles/pjcore/fonts/3396C6_2_0.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Apercu Pro";
  src: url("../../bundles/pjcore/fonts/ApercuProLight.eot");
  src: url("../../bundles/pjcore/fonts/ApercuProLight.eot?#iefix") format("embedded-opentype"), url("../../bundles/pjcore/fonts/ApercuProLight.woff") format("woff"), url("../../bundles/pjcore/fonts/ApercuProLight.ttf") format("truetype"), url("../../bundles/pjcore/bundles/pjcore/fonts/ApercuProLight") format("svg"), url("../../bundles/pjcore/fonts/ApercuProLight.otf") format("opentype");
  font-weight: 300;
  font-style: light;
  font-display: swap;
}
@font-face {
  font-family: "Apercu Pro";
  src: url("../../bundles/pjcore/fonts/ApercuProRegular.eot");
  src: url("../../bundles/pjcore/fonts/ApercuProRegular.eot?#iefix") format("embedded-opentype"), url("../../bundles/pjcore/fonts/ApercuProRegular.woff") format("woff"), url("../../bundles/pjcore/fonts/ApercuProRegular.ttf") format("truetype"), url("../../bundles/pjcore/bundles/pjcore/fonts/ApercuProRegular") format("svg"), url("../../bundles/pjcore/fonts/ApercuProRegular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Apercu Pro";
  src: url("../../bundles/pjcore/fonts/ApercuProMedium.eot");
  src: url("../../bundles/pjcore/fonts/ApercuProMedium.eot?#iefix") format("embedded-opentype"), url("../../bundles/pjcore/fonts/ApercuProMedium.woff") format("woff"), url("../../bundles/pjcore/fonts/ApercuProMedium.ttf") format("truetype"), url("../../bundles/pjcore/bundles/pjcore/fonts/ApercuProMedium") format("svg"), url("../../bundles/pjcore/fonts/ApercuProMedium.otf") format("opentype");
  font-weight: 500;
  font-style: medium;
  font-display: swap;
}
@font-face {
  font-family: "Apercu Pro";
  src: url("../../bundles/pjcore/fonts/ApercuProBold.eot");
  src: url("../../bundles/pjcore/fonts/ApercuProBold.eot?#iefix") format("embedded-opentype"), url("../../bundles/pjcore/fonts/ApercuProBold.woff") format("woff"), url("../../bundles/pjcore/fonts/ApercuProBold.ttf") format("truetype"), url("../../bundles/pjcore/bundles/pjcore/fonts/ApercuProBold") format("svg"), url("../../bundles/pjcore/fonts/ApercuProBold.otf") format("opentype");
  font-weight: 700;
  font-style: bold;
  font-display: swap;
}
@font-face {
  font-family: "Barlow";
  src: url("../../bundles/pjcore/fonts/Barlow600.eot");
  src: url("../../bundles/pjcore/fonts/Barlow600.eot?#iefix") format("embedded-opentype"), url("../../bundles/pjcore/fonts/Barlow600.woff") format("woff"), url("../../bundles/pjcore/fonts/Barlow600.ttf") format("truetype"), url("../../bundles/pjcore/bundles/pjcore/fonts/Barlow600") format("svg"), url("../../bundles/pjcore/fonts/Barlow600.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Barlow";
  src: url("../../bundles/pjcore/fonts/Barlow600.eot");
  src: url("../../bundles/pjcore/fonts/Barlow600.eot?#iefix") format("embedded-opentype"), url("../../bundles/pjcore/fonts/Barlow600.woff") format("woff"), url("../../bundles/pjcore/fonts/Barlow600.ttf") format("truetype"), url("../../bundles/pjcore/bundles/pjcore/fonts/Barlow600") format("svg"), url("../../bundles/pjcore/fonts/Barlow600.otf") format("opentype");
  font-weight: 500;
  font-style: medium;
  font-display: swap;
}
@font-face {
  font-family: "Barlow";
  src: url("../../bundles/pjcore/fonts/Barlow700.eot");
  src: url("../../bundles/pjcore/fonts/Barlow700.eot?#iefix") format("embedded-opentype"), url("../../bundles/pjcore/fonts/Barlow700.woff") format("woff"), url("../../bundles/pjcore/fonts/Barlow700.ttf") format("truetype"), url("../../bundles/pjcore/bundles/pjcore/fonts/Barlow700") format("svg"), url("../../bundles/pjcore/fonts/Barlow700.otf") format("opentype");
  font-weight: 700;
  font-style: bold;
  font-display: swap;
}
@font-face {
  font-family: "Balboa-Medium";
  src: url("../../bundles/pjcore/fonts/3700C4_2_0.eot");
  src: url("../../bundles/pjcore/fonts/3700C4_2_0.eot?#iefix") format("embedded-opentype"), url("../../bundles/pjcore/fonts/3700C4_2_0.woff") format("woff"), url("../../bundles/pjcore/fonts/3700C4_2_0.ttf") format("truetype"), url("../../bundles/pjcore/bundles/pjcore/fonts/3700C4_2_0") format("svg"), url("../../bundles/pjcore/fonts/3700C4_2_0.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ITCAvantGardeStd";
  src: url("../../bundles/pjcore/fonts/ITCAvantGardeStd-XLt.eot");
  src: url("../../bundles/pjcore/fonts/ITCAvantGardeStd-XLt.eot?#iefix") format("embedded-opentype"), url("../../bundles/pjcore/fonts/ITCAvantGardeStd-XLt.woff") format("woff"), url("../../bundles/pjcore/fonts/ITCAvantGardeStd-XLt.ttf") format("truetype"), url("../../bundles/pjcore/bundles/pjcore/fonts/ITCAvantGardeStd-XLt") format("svg"), url("../../bundles/pjcore/fonts/ITCAvantGardeStd-XLt.otf") format("opentype");
  font-weight: 100;
  font-style: medium;
  font-display: swap;
}
@font-face {
  font-family: "ITCAvantGardeStd";
  src: url("../../bundles/pjcore/fonts/ITCAvantGardeStd-Md.eot");
  src: url("../../bundles/pjcore/fonts/ITCAvantGardeStd-Md.eot?#iefix") format("embedded-opentype"), url("../../bundles/pjcore/fonts/ITCAvantGardeStd-Md.woff") format("woff"), url("../../bundles/pjcore/fonts/ITCAvantGardeStd-Md.ttf") format("truetype"), url("../../bundles/pjcore/bundles/pjcore/fonts/ITCAvantGardeStd-Md") format("svg"), url("../../bundles/pjcore/fonts/ITCAvantGardeStd-Md.otf") format("opentype");
  font-weight: 500;
  font-style: medium;
  font-display: swap;
}
@font-face {
  font-family: "ITCAvantGardeStd";
  src: url("../../bundles/pjcore/fonts/ITCAvantGardeStd-Demi.eot");
  src: url("../../bundles/pjcore/fonts/ITCAvantGardeStd-Demi.eot?#iefix") format("embedded-opentype"), url("../../bundles/pjcore/fonts/ITCAvantGardeStd-Demi.woff") format("woff"), url("../../bundles/pjcore/fonts/ITCAvantGardeStd-Demi.ttf") format("truetype"), url("../../bundles/pjcore/bundles/pjcore/fonts/ITCAvantGardeStd-Demi") format("svg"), url("../../bundles/pjcore/fonts/ITCAvantGardeStd-Demi.otf") format("opentype");
  font-weight: 600;
  font-style: bold;
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans SC";
  src: url("../../bundles/pjcore/fonts/NotoSansSC-Black.eot");
  src: url("../../bundles/pjcore/fonts/NotoSansSC-Black.eot?#iefix") format("embedded-opentype"), url("../../bundles/pjcore/fonts/NotoSansSC-Black.woff") format("woff"), url("../../bundles/pjcore/fonts/NotoSansSC-Black.ttf") format("truetype"), url("../../bundles/pjcore/bundles/pjcore/fonts/NotoSansSC-Black") format("svg"), url("../../bundles/pjcore/fonts/NotoSansSC-Black.otf") format("opentype");
  font-weight: 900;
  font-style: black;
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans SC";
  src: url("../../bundles/pjcore/fonts/NotoSansSC-Bold.eot");
  src: url("../../bundles/pjcore/fonts/NotoSansSC-Bold.eot?#iefix") format("embedded-opentype"), url("../../bundles/pjcore/fonts/NotoSansSC-Bold.woff") format("woff"), url("../../bundles/pjcore/fonts/NotoSansSC-Bold.ttf") format("truetype"), url("../../bundles/pjcore/bundles/pjcore/fonts/NotoSansSC-Bold") format("svg"), url("../../bundles/pjcore/fonts/NotoSansSC-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: bold;
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans SC";
  src: url("../../bundles/pjcore/fonts/NotoSansSC-Medium.eot");
  src: url("../../bundles/pjcore/fonts/NotoSansSC-Medium.eot?#iefix") format("embedded-opentype"), url("../../bundles/pjcore/fonts/NotoSansSC-Medium.woff") format("woff"), url("../../bundles/pjcore/fonts/NotoSansSC-Medium.ttf") format("truetype"), url("../../bundles/pjcore/bundles/pjcore/fonts/NotoSansSC-Medium") format("svg"), url("../../bundles/pjcore/fonts/NotoSansSC-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: medium;
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans SC";
  src: url("../../bundles/pjcore/fonts/NotoSansSC-Regular.eot");
  src: url("../../bundles/pjcore/fonts/NotoSansSC-Regular.eot?#iefix") format("embedded-opentype"), url("../../bundles/pjcore/fonts/NotoSansSC-Regular.woff") format("woff"), url("../../bundles/pjcore/fonts/NotoSansSC-Regular.ttf") format("truetype"), url("../../bundles/pjcore/bundles/pjcore/fonts/NotoSansSC-Regular") format("svg"), url("../../bundles/pjcore/fonts/NotoSansSC-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: regular;
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans SC";
  src: url("../../bundles/pjcore/fonts/NotoSansSC-Light.eot");
  src: url("../../bundles/pjcore/fonts/NotoSansSC-Light.eot?#iefix") format("embedded-opentype"), url("../../bundles/pjcore/fonts/NotoSansSC-Light.woff") format("woff"), url("../../bundles/pjcore/fonts/NotoSansSC-Light.ttf") format("truetype"), url("../../bundles/pjcore/bundles/pjcore/fonts/NotoSansSC-Light") format("svg"), url("../../bundles/pjcore/fonts/NotoSansSC-Light.otf") format("opentype");
  font-weight: 300;
  font-style: light;
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans SC";
  src: url("../../bundles/pjcore/fonts/NotoSansSC-Thin.eot");
  src: url("../../bundles/pjcore/fonts/NotoSansSC-Thin.eot?#iefix") format("embedded-opentype"), url("../../bundles/pjcore/fonts/NotoSansSC-Thin.woff") format("woff"), url("../../bundles/pjcore/fonts/NotoSansSC-Thin.ttf") format("truetype"), url("../../bundles/pjcore/bundles/pjcore/fonts/NotoSansSC-Thin") format("svg"), url("../../bundles/pjcore/fonts/NotoSansSC-Thin.otf") format("opentype");
  font-weight: 100;
  font-style: thin;
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans TC";
  src: url("../../bundles/pjcore/fonts/NotoSansTC-Black.eot");
  src: url("../../bundles/pjcore/fonts/NotoSansTC-Black.eot?#iefix") format("embedded-opentype"), url("../../bundles/pjcore/fonts/NotoSansTC-Black.woff") format("woff"), url("../../bundles/pjcore/fonts/NotoSansTC-Black.ttf") format("truetype"), url("../../bundles/pjcore/bundles/pjcore/fonts/NotoSansTC-Black") format("svg"), url("../../bundles/pjcore/fonts/NotoSansTC-Black.otf") format("opentype");
  font-weight: 900;
  font-style: black;
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans TC";
  src: url("../../bundles/pjcore/fonts/NotoSansTC-Bold.eot");
  src: url("../../bundles/pjcore/fonts/NotoSansTC-Bold.eot?#iefix") format("embedded-opentype"), url("../../bundles/pjcore/fonts/NotoSansTC-Bold.woff") format("woff"), url("../../bundles/pjcore/fonts/NotoSansTC-Bold.ttf") format("truetype"), url("../../bundles/pjcore/bundles/pjcore/fonts/NotoSansTC-Bold") format("svg"), url("../../bundles/pjcore/fonts/NotoSansTC-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: bold;
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans TC";
  src: url("../../bundles/pjcore/fonts/NotoSansTC-Medium.eot");
  src: url("../../bundles/pjcore/fonts/NotoSansTC-Medium.eot?#iefix") format("embedded-opentype"), url("../../bundles/pjcore/fonts/NotoSansTC-Medium.woff") format("woff"), url("../../bundles/pjcore/fonts/NotoSansTC-Medium.ttf") format("truetype"), url("../../bundles/pjcore/bundles/pjcore/fonts/NotoSansTC-Medium") format("svg"), url("../../bundles/pjcore/fonts/NotoSansTC-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: medium;
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans TC";
  src: url("../../bundles/pjcore/fonts/NotoSansTC-Regular.eot");
  src: url("../../bundles/pjcore/fonts/NotoSansTC-Regular.eot?#iefix") format("embedded-opentype"), url("../../bundles/pjcore/fonts/NotoSansTC-Regular.woff") format("woff"), url("../../bundles/pjcore/fonts/NotoSansTC-Regular.ttf") format("truetype"), url("../../bundles/pjcore/bundles/pjcore/fonts/NotoSansTC-Regular") format("svg"), url("../../bundles/pjcore/fonts/NotoSansTC-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: regular;
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans TC";
  src: url("../../bundles/pjcore/fonts/NotoSansTC-Light.eot");
  src: url("../../bundles/pjcore/fonts/NotoSansTC-Light.eot?#iefix") format("embedded-opentype"), url("../../bundles/pjcore/fonts/NotoSansTC-Light.woff") format("woff"), url("../../bundles/pjcore/fonts/NotoSansTC-Light.ttf") format("truetype"), url("../../bundles/pjcore/bundles/pjcore/fonts/NotoSansTC-Light") format("svg"), url("../../bundles/pjcore/fonts/NotoSansTC-Light.otf") format("opentype");
  font-weight: 300;
  font-style: light;
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans TC";
  src: url("../../bundles/pjcore/fonts/NotoSansTC-Thin.eot");
  src: url("../../bundles/pjcore/fonts/NotoSansTC-Thin.eot?#iefix") format("embedded-opentype"), url("../../bundles/pjcore/fonts/NotoSansTC-Thin.woff") format("woff"), url("../../bundles/pjcore/fonts/NotoSansTC-Thin.ttf") format("truetype"), url("../../bundles/pjcore/bundles/pjcore/fonts/NotoSansTC-Thin") format("svg"), url("../../bundles/pjcore/fonts/NotoSansTC-Thin.otf") format("opentype");
  font-weight: 100;
  font-style: thin;
  font-display: swap;
}
@font-face {
  font-family: "TTHovesProTrialVariable";
  src: url("../../bundles/pjcore/fonts/TTHovesProTrialVariable.eot");
  src: url("../../bundles/pjcore/fonts/TTHovesProTrialVariable.eot?#iefix") format("embedded-opentype"), url("../../bundles/pjcore/fonts/TTHovesProTrialVariable.woff2") format("woff2"), url("../../bundles/pjcore/fonts/TTHovesProTrialVariable.woff") format("woff"), url("../../bundles/pjcore/fonts/TTHovesProTrialVariable.ttf") format("truetype"), url("../../bundles/pjcore/fonts/TTHovesProTrialVariable.svg#TTHovesProTrialVariable") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TTHovesProTrialVariable";
  src: url("../../bundles/pjcore/fonts/TTHovesProTrialVariable.eot");
  src: url("../../bundles/pjcore/fonts/TTHovesProTrialVariable.eot?#iefix") format("embedded-opentype"), url("../../bundles/pjcore/fonts/TTHovesProTrialVariable.woff2") format("woff2"), url("../../bundles/pjcore/fonts/TTHovesProTrialVariable.woff") format("woff"), url("../../bundles/pjcore/fonts/TTHovesProTrialVariable.ttf") format("truetype"), url("../../bundles/pjcore/fonts/TTHovesProTrialVariable.svg#TTHovesProTrialVariable") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../../bundles/pjcore/fonts/Poppins-ExtraBold.woff2") format("woff2"), url("../../bundles/pjcore/fonts/Poppins-ExtraBold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../../bundles/pjcore/fonts/Poppins-BoldItalic.woff2") format("woff2"), url("../../bundles/pjcore/fonts/Poppins-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../../bundles/pjcore/fonts/Poppins-Bold.woff2") format("woff2"), url("../../bundles/pjcore/fonts/Poppins-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../../bundles/pjcore/fonts/Poppins-ExtraLightItalic.woff2") format("woff2"), url("../../bundles/pjcore/fonts/Poppins-ExtraLightItalic.woff") format("woff");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../../bundles/pjcore/fonts/Poppins-ExtraBoldItalic.woff2") format("woff2"), url("../../bundles/pjcore/fonts/Poppins-ExtraBoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../../bundles/pjcore/fonts/Poppins-ExtraLight.woff2") format("woff2"), url("../../bundles/pjcore/fonts/Poppins-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../../bundles/pjcore/fonts/Poppins-Regular.woff2") format("woff2"), url("../../bundles/pjcore/fonts/Poppins-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../../bundles/pjcore/fonts/Poppins-Medium.woff2") format("woff2"), url("../../bundles/pjcore/fonts/Poppins-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../../bundles/pjcore/fonts/Poppins-LightItalic.woff2") format("woff2"), url("../../bundles/pjcore/fonts/Poppins-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../../bundles/pjcore/fonts/Poppins-MediumItalic.woff2") format("woff2"), url("../../bundles/pjcore/fonts/Poppins-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../../bundles/pjcore/fonts/Poppins-Light.woff2") format("woff2"), url("../../bundles/pjcore/fonts/Poppins-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../../bundles/pjcore/fonts/Poppins-Italic.woff2") format("woff2"), url("../../bundles/pjcore/fonts/Poppins-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../../bundles/pjcore/fonts/Poppins-SemiBoldItalic.woff2") format("woff2"), url("../../bundles/pjcore/fonts/Poppins-SemiBoldItalic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../../bundles/pjcore/fonts/Poppins-SemiBold.woff2") format("woff2"), url("../../bundles/pjcore/fonts/Poppins-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../../bundles/pjcore/fonts/Poppins-ThinItalic.woff2") format("woff2"), url("../../bundles/pjcore/fonts/Poppins-ThinItalic.woff") format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../../bundles/pjcore/fonts/Poppins-Thin.woff2") format("woff2"), url("../../bundles/pjcore/fonts/Poppins-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../../bundles/pjcore/fonts/Poppins-Black.woff2") format("woff2"), url("../../bundles/pjcore/fonts/Poppins-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../../bundles/pjcore/fonts/Poppins-BlackItalic.woff2") format("woff2"), url("../../bundles/pjcore/fonts/Poppins-BlackItalic.woff") format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "StencilCreek";
  src: url("../../bundles/pjcore/fonts/StencilCreek-70.woff2") format("woff2"), url("../../bundles/pjcore/fonts/StencilCreek-70.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TTHovesProRegular";
  src: url("../../bundles/pjcore/fonts/TTHovesProRegular.woff2") format("woff2"), url("../../bundles/pjcore/fonts/TTHovesProRegular.woff") format("woff");
}
@font-face {
  font-family: "TTHovesProDemiBold";
  src: url("../../bundles/pjcore/fonts/TTHovesProDemiBold.woff2") format("woff2"), url("../../bundles/pjcore/fonts/TTHovesProDemiBold.woff") format("woff");
}
@font-face {
  font-family: "TTHovesProMedium";
  src: url("../../bundles/pjcore/fonts/TTHovesProMedium.woff2") format("woff2"), url("../../bundles/pjcore/fonts/TTHovesProMedium.woff") format("woff");
}
@font-face {
  font-family: "TTHovesProBold";
  src: url("../../bundles/pjcore/fonts/TTHovesProBold.woff2") format("woff2"), url("../../bundles/pjcore/fonts/TTHovesProBold.woff") format("woff");
}
@font-face {
  font-family: "TTOctosquares";
  src: url("../../bundles/pjcore/fonts/TTOctosquares-Regular.eot");
  src: url("../../bundles/pjcore/fonts/TTOctosquares-Regular.eot?#iefix") format("embedded-opentype"), url("../../bundles/pjcore/fonts/TTOctosquares-Regular.woff2") format("woff2"), url("../../bundles/pjcore/fonts/TTOctosquares-Regular.woff") format("woff"), url("../../bundles/pjcore/fonts/TTOctosquares-Regular.ttf") format("truetype"), url("../../bundles/pjcore/fonts/TTOctosquares-Regular.svg#TTOctosquares-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/*Only use font-weight 300, 400, 500, 600, 700*/
body {
  font-family: "TTHovesProRegular", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei";
  /*
  &.tc{
  	font-family: "Noto Sans TC","Noto Sans SC",'Microsoft JhengHei', sans-serif;
  }
  &.sc{
  	font-family: "Noto Sans SC","Noto Sans TC",'Microsoft JhengHei', sans-serif;
  } 
  */
  overflow-x: hidden;
}
body a {
  color: #303030;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
}
body a:hover, body a:focus, body a:active {
  text-decoration: none;
}
body p > strong {
  font-family: "TTHovesProBold", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei";
}

.ck-box p,
.ck-box li,
.ck-box label,
.ck-box table,
.ck-box h1,
.ck-box h2,
.ck-box h3,
.ck-box h4,
.ck-box h5,
.ck-box h6 {
  line-height: 1.8;
}
@media (max-width: 575px) {
  .ck-box blockquote {
    font-size: 13px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .ck-box blockquote {
    font-size: 14px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .ck-box blockquote {
    font-size: 15px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .ck-box blockquote {
    font-size: 17px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .ck-box blockquote {
    font-size: 15px;
  }
}
@media (min-width: 1550px) {
  .ck-box blockquote {
    font-size: 18px;
  }
}
.text-red {
  color: red;
}

.btn-theme {
  display: inline-block;
  padding: 8px 15px;
  text-align: center;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.btn-theme:hover, .btn-theme:focus, .btn-theme:active {
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.btn-theme.theme1 {
  color: #ffffff;
  background-color: #E4A84C;
  background: linear-gradient(to right, #E4A84C, #DC766F);
}
.btn-theme.theme2 {
  color: #ffffff;
  background-color: #78DACB;
  background: linear-gradient(to right, #78DACB, #5F82DE);
}
.btn-theme.theme3 {
  color: #ffffff;
  background-color: #FF6914;
  background: linear-gradient(to right, #FF6914, #F51A64);
}
.btn-theme.theme4 {
  color: #ffffff;
  background-color: #54AAAD;
  background: linear-gradient(to right, #54AAAD, #869CC6);
}
.btn-theme.theme5 {
  color: #ffffff;
  background-color: #F15B2B;
}

.btn-border {
  display: inline-block;
  padding: 3px;
  border-radius: 12px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  /*
  &:hover,&:focus,&:active{
  	span{
  		background-color: $White;
  		color: $Black;
  		@include inner-shadow(0, 1px, 1px, 0);
  	}
  }
  */
}
.btn-border span {
  display: block;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #000000;
  padding: 8px 15px;
  color: #ffffff;
  text-align: center;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
}
@media (max-width: 575px) {
  .btn-border span {
    font-size: 11px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .btn-border span {
    font-size: 12px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .btn-border span {
    font-size: 14px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .btn-border span {
    font-size: 15px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .btn-border span {
    font-size: 14px;
  }
}
@media (min-width: 1550px) {
  .btn-border span {
    font-size: 16px;
  }
}
.btn-border:hover, .btn-border:focus, .btn-border:active {
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.btn-border.theme1 {
  background-color: #EEB24C;
  background: linear-gradient(to right, #EEB24C, #E6766F);
}
.btn-border.theme1:hover span, .btn-border.theme1:focus span, .btn-border.theme1:active span {
  background-color: #E6766F;
  background: linear-gradient(to right, #E6766F, #EEB24C);
}
.btn-border.theme2 {
  background-color: #FF6914;
  background: linear-gradient(to right, #FF6914, #F51A64);
}
.btn-border.theme2:hover span, .btn-border.theme2:focus span, .btn-border.theme2:active span {
  background-color: #F51A64;
  background: linear-gradient(to right, #F51A64, #FF6914);
}
.btn-border.theme3 {
  padding: 1px;
  background-color: #ffffff;
  border-radius: 100px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.btn-border.theme3 span {
  background-color: #AD945C;
  border-radius: 100px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.btn-border.theme3:hover span, .btn-border.theme3:focus span, .btn-border.theme3:active span {
  background-color: #ffffff;
  color: #AD945C;
}
.btn-border.theme4 {
  padding: 1px;
  background-color: #AD945C;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.btn-border.theme4 span {
  color: #AD945C;
  background-color: #ffffff;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.btn-border.theme4:hover span, .btn-border.theme4:focus span, .btn-border.theme4:active span {
  background-color: #AD945C;
  color: #ffffff;
}
.btn-border.theme5 {
  padding: 1px;
  background-color: #ffffff;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.btn-border.theme5 span {
  color: #ffffff;
  background-color: #000000;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.btn-border.theme5:hover span, .btn-border.theme5:focus span, .btn-border.theme5:active span {
  background-color: #ffffff;
  color: #000000;
}
.btn-border.theme6 {
  padding: 2px;
  background-color: #FB7435;
  background: linear-gradient(to right, #FB7435, #E13866);
}
.btn-border.theme6 span {
  background-color: #0B1939;
}
.btn-border.theme6:hover span, .btn-border.theme6:focus span, .btn-border.theme6:active span {
  background-color: #E13866;
  background: linear-gradient(to right, #E13866, #FB7435);
}
.btn-border.theme7 {
  padding: 2px;
  background-color: #DCB47F;
  background: linear-gradient(to right, #DCB47F, #4E7FFF);
}
.btn-border.theme7 span {
  background-color: #0B1939;
}
.btn-border.theme7:hover span, .btn-border.theme7:focus span, .btn-border.theme7:active span {
  background-color: #4E7FFF;
  background: linear-gradient(to right, #4E7FFF, #DCB47F);
}

.btn-ghost {
  display: inline-block;
  padding: 8px 15px;
  text-align: center;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ffffff;
}
.btn-ghost:hover, .btn-ghost:focus, .btn-ghost:active {
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.hr {
  height: 2px;
  border: 0;
  background-color: #EEC67F;
  background: linear-gradient(to right, #EEC67F, #4E7FFF);
}

@media (max-width: 575px) {
  .section-main p,
.section-main li,
.section-main label,
.section-main table {
    font-size: 10px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-main p,
.section-main li,
.section-main label,
.section-main table {
    font-size: 11px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-main p,
.section-main li,
.section-main label,
.section-main table {
    font-size: 12px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-main p,
.section-main li,
.section-main label,
.section-main table {
    font-size: 13px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-main p,
.section-main li,
.section-main label,
.section-main table {
    font-size: 12px;
  }
}
@media (min-width: 1550px) {
  .section-main p,
.section-main li,
.section-main label,
.section-main table {
    font-size: 14px;
  }
}
.section-main h1 {
  margin-bottom: 25px;
}
@media (max-width: 575px) {
  .section-main h1 {
    font-size: 36px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-main h1 {
    font-size: 39px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-main h1 {
    font-size: 42px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-main h1 {
    font-size: 46px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-main h1 {
    font-size: 42px;
  }
}
@media (min-width: 1550px) {
  .section-main h1 {
    font-size: 50px;
  }
}
@media (max-width: 575px) {
  .section-main h2 {
    font-size: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-main h2 {
    font-size: 33px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-main h2 {
    font-size: 36px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-main h2 {
    font-size: 39px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-main h2 {
    font-size: 36px;
  }
}
@media (min-width: 1550px) {
  .section-main h2 {
    font-size: 42px;
  }
}
@media (max-width: 575px) {
  .section-main h3 {
    font-size: 23px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-main h3 {
    font-size: 25px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-main h3 {
    font-size: 27px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-main h3 {
    font-size: 29px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-main h3 {
    font-size: 27px;
  }
}
@media (min-width: 1550px) {
  .section-main h3 {
    font-size: 32px;
  }
}
@media (max-width: 575px) {
  .section-main h4 {
    font-size: 17px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-main h4 {
    font-size: 19px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-main h4 {
    font-size: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-main h4 {
    font-size: 22px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-main h4 {
    font-size: 20px;
  }
}
@media (min-width: 1550px) {
  .section-main h4 {
    font-size: 24px;
  }
}
@media (max-width: 575px) {
  .section-main h5 {
    font-size: 13px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-main h5 {
    font-size: 14px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-main h5 {
    font-size: 15px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-main h5 {
    font-size: 17px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-main h5 {
    font-size: 15px;
  }
}
@media (min-width: 1550px) {
  .section-main h5 {
    font-size: 18px;
  }
}
@media (max-width: 575px) {
  .section-main h6 {
    font-size: 11px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-main h6 {
    font-size: 12px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-main h6 {
    font-size: 14px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-main h6 {
    font-size: 15px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-main h6 {
    font-size: 14px;
  }
}
@media (min-width: 1550px) {
  .section-main h6 {
    font-size: 16px;
  }
}
.section-main h1, .section-main h2, .section-main h3, .section-main h4, .section-main h5, .section-main h6 {
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
.section-main h1, .section-main h2, .section-main h3 {
  font-weight: 900;
}

.section-padding {
  padding: 75px 0;
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-padding {
    padding: 70px 0;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-padding {
    padding: 55px 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-padding {
    padding: 45px 0;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-padding {
    padding: 35px 0;
  }
}
@media (max-width: 575px) {
  .section-padding {
    padding: 30px 0;
  }
}

@media (min-width: 1550px) {
  .container-xl {
    width: 1520px;
  }
}

.section-first {
  padding-top: 180px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-first {
    padding-top: 75px;
  }
}

@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-bg.section-second .bg-img {
    background-size: 200vw;
    background-position: center -600px;
  }
}
.section-bg.section-third {
  height: calc(100vh - 100px);
}
.section-bg.section-third .bg-img {
  background-size: cover;
  background-position: center;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-bg.section-third {
    height: auto;
  }
  .section-bg.section-third .bg-img {
    display: none;
  }
}

header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 10px 0 0px;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.8);
  font-family: "Century Gothic Bold", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
header .header-container {
  /*
  .header-account{
  	text-align: right;
  	margin-top: 5px;
  	@media (min-width: 576px) and (max-width: 767px), (max-width: 575px){

  		display: none;
  		&.active{
  			display:block;
  		}
  	}
  	.btn-border{
  		min-width: 125px;
  		margin-left: 5px;
  		@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px){
  			min-width: 120px;
  		}
  		@media (min-width: 576px) and (max-width: 767px), (max-width: 575px){
  			padding: 2px;
  			@include border-radius(8px);
  			span{
  				padding: 5px 10px;

  			}
  		}
  	}

  	.dropdown{
  		display:inline-block;
  		.btn-border{
  			.arrow{
  				vertical-align: middle;
  				display:inline-block;
  				@include triangle(bottom, 10px, 5px, $White);
  			}
  		}
  		.dropdown-menu{

  			@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px){
  				left:inherit;
  				right: 0;
  			}
  			border:0;
  			min-width: 125px;
  			@media (min-width: 576px) and (max-width: 767px), (max-width: 575px){
  				min-width: 150px;
  			}
  			@include border-radius(0);
  			@include box-shadow(none);
  			a{
  				padding: 5px 15px;
  				color: $Black;
  				&:hover,&:focus,&:active{
  					background-color: transparent;
  				}
  			}
  		}
  	}
  }
  */
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  header .header-container {
    max-width: 1700px;
    width: 100%;
  }
}
header .header-container .header-top {
  margin-bottom: 10px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  header .header-container .header-bottom {
    display: none;
  }
  header .header-container .header-bottom.active {
    display: block;
  }
}
header .header-container .header-logo img {
  width: 873px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  header .header-container .header-logo img {
    width: 650px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  header .header-container .header-logo img {
    width: 420px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  header .header-container .header-logo img {
    top: 2px;
    max-width: 90%;
    width: 400px;
  }
}
header .header-container .header-btn {
  display: none;
  float: right;
  width: 21px;
  height: 21px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  header .header-container .header-btn {
    display: inline-block;
    margin-top: 21px;
  }
}
header .header-container .header-btn span {
  display: block;
  width: 100%;
  height: 3px;
  background-color: #ffffff;
  margin: 5px 0;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  header .header-container .header-account {
    text-align: right;
  }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  header .header-container .header-account {
    margin-top: 10px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  header .header-container .header-account {
    width: 400px;
    margin-left: auto;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  header .header-container .header-account {
    display: none;
    margin-top: 10px;
  }
  header .header-container .header-account.active {
    display: block;
  }
}
header .header-container .header-account .wrapper-item {
  border: 1px solid transparent;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  display: inline-block;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  header .header-container .header-account .wrapper-item {
    margin-left: 10px;
  }
}
header .header-container .header-account .wrapper-item:after {
  content: "";
  clear: both;
  display: block;
}
header .header-container .header-account .wrapper-item .item-title,
header .header-container .header-account .wrapper-item .item-btn {
  float: left;
  padding: 0.5em 1.2em;
  font-size: 12px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  header .header-container .header-account .wrapper-item .item-title,
header .header-container .header-account .wrapper-item .item-btn {
    font-size: 14px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  header .header-container .header-account .wrapper-item .item-title,
header .header-container .header-account .wrapper-item .item-btn {
    padding: 0.5em 0.8em;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  header .header-container .header-account .wrapper-item .item-title,
header .header-container .header-account .wrapper-item .item-btn {
    padding: 0.5em 0.4em;
  }
}
header .header-container .header-account .wrapper-item .item-title {
  color: #ffffff;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-topleft: 10px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
header .header-container .header-account .wrapper-item .item-btn {
  border-left: 1px solid transparent;
  position: relative;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
  cursor: pointer;
}
header .header-container .header-account .wrapper-item .item-btn span {
  display: inline-block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 6px 4px 0 4px;
  border-top-color: #ffffff;
  border-left-color: fade(#ffffff, 0);
  border-right-color: fade(#ffffff, 0);
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
}
header .header-container .header-account .wrapper-item .item-btn:hover, header .header-container .header-account .wrapper-item .item-btn:focus, header .header-container .header-account .wrapper-item .item-btn:active {
  background-color: #ffffff;
}
header .header-container .header-account .wrapper-item .item-btn:hover .btn-menu, header .header-container .header-account .wrapper-item .item-btn:focus .btn-menu, header .header-container .header-account .wrapper-item .item-btn:active .btn-menu {
  opacity: 1;
  visibility: visible;
}
header .header-container .header-account .wrapper-item .item-btn:last-child {
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 0px;
  -moz-border-radius-topleft: 0px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
header .header-container .header-account .wrapper-item .item-btn .btn-menu {
  opacity: 0;
  visibility: hidden;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  position: absolute;
  background-color: #ffffff;
  right: 0;
  top: calc(100% + 1px);
  width: 100px;
  z-index: 1;
}
header .header-container .header-account .wrapper-item .item-btn .btn-menu .item-btn-sub {
  display: block;
  padding: 0.5em 1.2em;
  color: #000000;
}
header .header-container .header-account .wrapper-item.item1 {
  border-color: #F26F21;
}
header .header-container .header-account .wrapper-item.item1 .item-title {
  background: #F51A64;
  background: linear-gradient(to right, #F51A64, #FF6914);
}
header .header-container .header-account .wrapper-item.item1 .item-btn {
  border-left-color: #F26F21;
  color: #F26F21;
}
header .header-container .header-account .wrapper-item.item2 {
  border-color: #5DAFDC;
}
header .header-container .header-account .wrapper-item.item2 .item-title {
  background: #82287F;
  background: linear-gradient(to right, #82287F, #5FB0DB);
}
header .header-container .header-account .wrapper-item.item2 .item-btn {
  border-left-color: #5DAFDC;
  color: #5DAFDC;
}
header .header-container .header-account .wrapper-item.item2 .item-btn span {
  border-top-color: #5DAFDC;
}
header .header-lang {
  float: right;
}
@media (max-width: 575px) {
  header .header-lang {
    font-size: 11px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  header .header-lang {
    font-size: 12px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  header .header-lang {
    font-size: 14px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  header .header-lang {
    font-size: 15px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  header .header-lang {
    font-size: 14px;
  }
}
@media (min-width: 1550px) {
  header .header-lang {
    font-size: 16px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  header .header-lang {
    float: inherit;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  header .header-lang .current-lang {
    display: none;
  }
}
header .header-lang > ul > li {
  position: relative;
}
header .header-lang > ul > li > a {
  display: inline-block;
  padding: 5px 8px;
  color: #ffffff;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  header .header-lang > ul > li > a {
    padding: 5px 0;
  }
}
header .header-lang > ul > li > ul {
  display: none;
  position: absolute;
  right: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #ffffff;
}
header .header-lang > ul > li > ul > li > a {
  padding: 5px 16px;
  display: block;
  color: #000000;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  header .header-lang > ul > li > ul > li > a {
    padding: 5px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  header .header-lang > ul > li > ul {
    display: inline-block;
    position: relative;
    background-color: transparent;
  }
  header .header-lang > ul > li > ul > li {
    display: inline-block;
  }
  header .header-lang > ul > li > ul > li > a {
    padding: 5px 7px;
    color: #ffffff;
  }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  header .header-lang > ul > li:hover > ul {
    display: block;
  }
}
header .header-menu {
  font-weight: 700;
  text-transform: uppercase;
  display: inline-block;
}
header .header-menu > ul {
  position: relative;
  margin: 0;
  padding: 0;
}
header .header-menu > ul > li {
  display: inline-block;
  position: relative;
  vertical-align: top;
}
header .header-menu > ul > li > a {
  color: #ffffff;
  display: inline-block;
  padding: 5px 10px;
}
@media (max-width: 575px) {
  header .header-menu > ul > li > a {
    font-size: 11px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  header .header-menu > ul > li > a {
    font-size: 12px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  header .header-menu > ul > li > a {
    font-size: 14px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  header .header-menu > ul > li > a {
    font-size: 15px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  header .header-menu > ul > li > a {
    font-size: 14px;
  }
}
@media (min-width: 1550px) {
  header .header-menu > ul > li > a {
    font-size: 16px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  header .header-menu > ul > li > a {
    font-size: 16px;
  }
}
@media (max-width: 575px) {
  header .header-menu > ul > li > a {
    font-size: 13px;
  }
}
header .header-menu > ul > li > ul {
  display: none;
  position: absolute;
  left: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 240px;
  background-color: #ffffff;
  text-transform: capitalize;
}
header .header-menu > ul > li > ul > li.title {
  text-transform: uppercase;
}
header .header-menu > ul > li > ul > li.title > a {
  color: #fb7435;
}
header .header-menu > ul > li > ul > li > a {
  padding: 5px 8px;
  display: block;
  color: #000000;
}
@media (max-width: 575px) {
  header .header-menu > ul > li > ul > li > a {
    font-size: 11px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  header .header-menu > ul > li > ul > li > a {
    font-size: 12px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  header .header-menu > ul > li > ul > li > a {
    font-size: 14px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  header .header-menu > ul > li > ul > li > a {
    font-size: 15px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  header .header-menu > ul > li > ul > li > a {
    font-size: 14px;
  }
}
@media (min-width: 1550px) {
  header .header-menu > ul > li > ul > li > a {
    font-size: 16px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  header .header-menu > ul > li > ul > li > a {
    font-size: 15px;
  }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  header .header-menu > ul > li:hover > ul {
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  header .header-menu {
    width: calc(100% - 100px);
  }
  header .header-menu > ul > li > a {
    padding: 5px 5px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  header .header-menu {
    display: block;
  }
  header .header-menu > ul > li {
    display: block;
  }
  header .header-menu > ul > li > .plus {
    float: right;
    margin-top: 4px;
    margin-right: 4px;
    position: relative;
    cursor: pointer;
    width: 12px;
    height: 12px;
  }
  header .header-menu > ul > li > .plus:before, header .header-menu > ul > li > .plus:after {
    content: "";
    position: absolute;
    background-color: #ffffff;
  }
  header .header-menu > ul > li > .plus:before {
    width: 100%;
    height: 2px;
    top: 50%;
    margin-top: -1px;
  }
  header .header-menu > ul > li > .plus:after {
    width: 2px;
    height: 100%;
    left: 50%;
    margin-left: -1px;
  }
  header .header-menu > ul > li > a {
    display: inline-block;
    width: calc(100% - 20px);
    padding: 3px 0;
  }
  header .header-menu > ul > li > ul {
    width: inherit;
    position: relative;
  }
  header .header-menu > ul > li > ul > li {
    display: block;
  }
  header .header-menu > ul > li.active > .plus:after {
    display: none;
  }
  header .header-menu > ul > li.active > ul {
    display: block;
  }
}
header .header-note {
  display: block;
  background-color: #EEB24C;
  background: linear-gradient(to right, #EEB24C, #BC302C);
  color: #ffffff;
  font-family: "Century Gothic", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  text-align: center;
  padding: 10px 15px;
}
@media (max-width: 575px) {
  header .header-note {
    font-size: 12px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  header .header-note {
    font-size: 13px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  header .header-note {
    font-size: 14px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  header .header-note {
    font-size: 16px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  header .header-note {
    font-size: 14px;
  }
}
@media (min-width: 1550px) {
  header .header-note {
    font-size: 17px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  header .header-note {
    margin-top: 5px;
    padding: 5px 15px;
  }
}

.en header .header-container .header-account .wrapper-item .item-btn .btn-menu {
  width: 220px;
}
@media (max-width: 575px) {
  .en header .header-container .header-account .wrapper-item .item-btn .btn-menu {
    width: 200px;
    right: -60px;
  }
}

.footer-subscribe {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #FB7435;
  background: linear-gradient(to right, #FB7435, #E13866);
  color: #ffffff;
  font-family: "Century Gothic", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .footer-subscribe {
    padding-top: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-subscribe {
    padding-top: 10px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .footer-subscribe {
    padding-bottom: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-subscribe {
    padding-bottom: 10px;
  }
}
.footer-subscribe .subscribe-item1 .item-title {
  margin-bottom: 16px;
}
@media (max-width: 575px) {
  .footer-subscribe .subscribe-item1 .item-title {
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .footer-subscribe .subscribe-item1 .item-title {
    font-size: 16px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .footer-subscribe .subscribe-item1 .item-title {
    font-size: 17px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .footer-subscribe .subscribe-item1 .item-title {
    font-size: 18px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .footer-subscribe .subscribe-item1 .item-title {
    font-size: 17px;
  }
}
@media (min-width: 1550px) {
  .footer-subscribe .subscribe-item1 .item-title {
    font-size: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .footer-subscribe .subscribe-item1 .item-title {
    margin-bottom: 8px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-subscribe .subscribe-item1 .item-title {
    margin-bottom: 4px;
  }
}
.footer-subscribe .subscribe-item1 .item-form {
  margin-bottom: 20px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .footer-subscribe .subscribe-item1 .item-form {
    margin-bottom: 10px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-subscribe .subscribe-item1 .item-form {
    margin-bottom: 5px;
  }
}
.footer-subscribe .subscribe-item1 .item-form .form-input {
  display: block;
  padding: 10px 0;
  width: 100%;
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid #ffffff;
  color: #ffffff;
  outline: 0;
}
@media (max-width: 575px) {
  .footer-subscribe .subscribe-item1 .item-form .form-input {
    font-size: 13px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .footer-subscribe .subscribe-item1 .item-form .form-input {
    font-size: 14px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .footer-subscribe .subscribe-item1 .item-form .form-input {
    font-size: 15px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .footer-subscribe .subscribe-item1 .item-form .form-input {
    font-size: 17px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .footer-subscribe .subscribe-item1 .item-form .form-input {
    font-size: 15px;
  }
}
@media (min-width: 1550px) {
  .footer-subscribe .subscribe-item1 .item-form .form-input {
    font-size: 18px;
  }
}
.footer-subscribe .subscribe-item1 .item-form .form-input::-webkit-input-placeholder {
  color: #ffffff;
}
.footer-subscribe .subscribe-item1 .item-form .form-input::-moz-placeholder {
  color: #ffffff;
}
.footer-subscribe .subscribe-item1 .item-form .form-input:-ms-input-placeholder {
  color: #ffffff;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-subscribe .subscribe-item1 .item-form .form-input {
    margin-bottom: 5px;
  }
}
.footer-subscribe .subscribe-item1 .item-form .btn-subscribe {
  display: block;
  width: 100%;
  text-align: center;
  background-color: transparent;
  border: 1px solid #ffffff;
  padding: 5px 15px;
}
@media (max-width: 575px) {
  .footer-subscribe .subscribe-item1 .item-form .btn-subscribe {
    font-size: 17px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .footer-subscribe .subscribe-item1 .item-form .btn-subscribe {
    font-size: 19px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .footer-subscribe .subscribe-item1 .item-form .btn-subscribe {
    font-size: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .footer-subscribe .subscribe-item1 .item-form .btn-subscribe {
    font-size: 22px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .footer-subscribe .subscribe-item1 .item-form .btn-subscribe {
    font-size: 20px;
  }
}
@media (min-width: 1550px) {
  .footer-subscribe .subscribe-item1 .item-form .btn-subscribe {
    font-size: 24px;
  }
}
.footer-subscribe .subscribe-item2 .item-title {
  text-transform: uppercase;
  margin-bottom: 16px;
  font-family: "Century Gothic Bold", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
@media (max-width: 575px) {
  .footer-subscribe .subscribe-item2 .item-title {
    font-size: 16px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .footer-subscribe .subscribe-item2 .item-title {
    font-size: 17px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .footer-subscribe .subscribe-item2 .item-title {
    font-size: 19px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .footer-subscribe .subscribe-item2 .item-title {
    font-size: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .footer-subscribe .subscribe-item2 .item-title {
    font-size: 19px;
  }
}
@media (min-width: 1550px) {
  .footer-subscribe .subscribe-item2 .item-title {
    font-size: 22px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .footer-subscribe .subscribe-item2 .item-title {
    margin-bottom: 8px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-subscribe .subscribe-item2 .item-title {
    margin-bottom: 4px;
  }
}
.footer-subscribe .subscribe-item2 .media-list a {
  display: inline-block;
  width: 43px;
  height: 43px;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #ffffff;
  text-align: center;
  margin-right: 20px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .footer-subscribe .subscribe-item2 .media-list a {
    margin-right: 10px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-subscribe .subscribe-item2 .media-list a {
    margin-right: 5px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-subscribe .subscribe-item2 .media-list a {
    width: 32px;
    height: 32px;
  }
  .footer-subscribe .subscribe-item2 .media-list a .fa-2x {
    font-size: 1.2em;
  }
}
.footer-subscribe .subscribe-item2 .media-list a:last-child {
  margin-right: 0;
}
.footer-subscribe .subscribe-item2 .media-list a .fa {
  color: #CD5C37;
  line-height: 42px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-subscribe .subscribe-item2 .media-list a .fa {
    line-height: 30px;
    color: #EEB24C;
  }
}

footer {
  font-family: "Din Regular", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
footer h4 {
  font-weight: 700;
  margin-top: 0;
}
footer .text-right {
  text-align: right;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  footer .text-right {
    text-align: left;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  footer .footer-menu li {
    display: block;
  }
  footer .footer-menu li:before {
    display: none;
  }
}
footer hr {
  border-top-color: #8F8F8F;
}
footer .footer-top {
  background-color: #000000;
  color: #8F8F8F;
  padding: 30px 0;
}
footer .footer-top .fa-inverse {
  color: #000000;
}
footer .footer-top p {
  line-height: 1.6em;
}
footer .footer-top a {
  color: #8F8F8F;
}
footer .footer-top .fa-stack {
  font-size: 0.6em;
}
footer .footer-top .footer-btn .fa-angle-down {
  display: none;
}
footer .footer-top .text-border {
  border: 1px solid #8F8F8F;
  display: inline-block;
  font-size: 12px;
  padding: 5px;
  margin-top: 15px;
}
footer .footer-top .form-control {
  border-radius: 0px;
  border-color: #8F8F8F;
  background-color: #8F8F8F;
  color: #ffffff;
}
footer .footer-top .form-control::-moz-placeholder {
  color: #ffffff;
}
footer .footer-top .form-control::placeholder {
  color: #ffffff;
}
footer .footer-top .form-control:-ms-input-placeholde {
  color: #ffffff;
}
footer .footer-top .form-control::-ms-input-placeholder {
  color: #ffffff;
}
footer .footer-top .btn {
  border-radius: 0px;
  border-color: #8F8F8F;
  background-color: #8F8F8F;
  color: #ffffff;
}
footer .footer-top .list-share {
  margin-top: 10px;
  margin-bottom: 15px;
}
footer .footer-top .list-share a {
  display: inline-block;
  background-color: #8F8F8F;
  color: #000000;
  text-align: center;
  line-height: 24px;
  width: 26px;
  height: 26px;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
footer .footer-top .list-share a:hover, footer .footer-top .list-share a:focus, footer .footer-top .list-share a:active {
  background-color: #ffffff;
}
footer .footer-top .form-newsletter {
  margin-top: 15px;
}
footer .footer-top .form-newsletter .col-xs-8 {
  padding-right: 0;
}
footer .footer-top .form-newsletter .col-xs-4 {
  padding-left: 5px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  footer .footer-top .footer-logo {
    margin-top: 10px;
    display: inline-block;
  }
}
footer .footer-top .footer-logo img {
  width: 100%;
  max-width: 560px;
}
footer .footer-top .footer-menu {
  margin-bottom: 30px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  footer .footer-top .footer-menu {
    margin-bottom: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  footer .footer-top .footer-menu {
    margin-bottom: 7.5px;
  }
}
footer .footer-top .footer-menu a {
  display: block;
  text-transform: uppercase;
}
footer .footer-top .footer-menu a:hover, footer .footer-top .footer-menu a:focus, footer .footer-top .footer-menu a:active {
  color: #ffffff;
}
footer .footer-top .footer-menu .menu-title {
  font-weight: 700;
  margin-bottom: 5px;
}
@media (max-width: 575px) {
  footer .footer-top .footer-menu .menu-title {
    font-size: 13px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  footer .footer-top .footer-menu .menu-title {
    font-size: 14px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  footer .footer-top .footer-menu .menu-title {
    font-size: 15px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  footer .footer-top .footer-menu .menu-title {
    font-size: 17px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  footer .footer-top .footer-menu .menu-title {
    font-size: 15px;
  }
}
@media (min-width: 1550px) {
  footer .footer-top .footer-menu .menu-title {
    font-size: 18px;
  }
}
footer .footer-top .footer-menu .menu-detail {
  font-weight: 700;
}
@media (max-width: 575px) {
  footer .footer-top .footer-menu .menu-detail {
    font-size: 10px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  footer .footer-top .footer-menu .menu-detail {
    font-size: 11px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  footer .footer-top .footer-menu .menu-detail {
    font-size: 12px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  footer .footer-top .footer-menu .menu-detail {
    font-size: 13px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  footer .footer-top .footer-menu .menu-detail {
    font-size: 12px;
  }
}
@media (min-width: 1550px) {
  footer .footer-top .footer-menu .menu-detail {
    font-size: 14px;
  }
}
footer .footer-top .footer-item {
  margin-bottom: 40px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  footer .footer-top .footer-item {
    margin-bottom: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  footer .footer-top .footer-item {
    margin-bottom: 10px;
  }
}
footer .footer-top .footer-item a[href^="mailto:"]:hover, footer .footer-top .footer-item a[href^="mailto:"]:focus, footer .footer-top .footer-item a[href^="mailto:"]:active {
  color: #ffffff;
}
footer .footer-top .footer-link {
  margin-top: 5px;
  margin-bottom: 5px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  footer .footer-top .footer-link {
    text-align: right;
  }
}
footer .footer-top .footer-link li {
  font-size: 12px;
  position: relative;
}
footer .footer-top .footer-link li:before {
  content: "|";
  display: block;
  left: -3px;
  position: absolute;
  top: 0;
}
footer .footer-top .footer-link li:first-child:before {
  content: "";
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  footer .footer-top .footer-link li {
    display: block;
  }
  footer .footer-top .footer-link li:before {
    display: none;
  }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  footer .footer-top .footer-link-logo {
    text-align: right;
  }
}
footer .footer-top .footer-link-logo a {
  position: relative;
  display: inline-block;
  padding: 0 20px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  footer .footer-top .footer-link-logo a {
    padding: 0;
    display: block;
    margin-bottom: 10px;
  }
}
footer .footer-top .footer-link-logo a img {
  height: 64px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  footer .footer-top .footer-link-logo a img {
    height: 48px;
  }
}
footer .footer-top .footer-link-logo a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 0;
  height: 38px;
  margin-top: -19px;
  border-left: 1px solid #8F8F8F;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  footer .footer-top .footer-link-logo a:before {
    display: none;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  footer .footer-top .footer-link-logo a:first-child {
    padding-left: 0;
  }
}
footer .footer-top .footer-link-logo a:first-child:before {
  display: none;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  footer .footer-top .footer-link-logo a:last-child {
    padding-right: 0;
  }
}
footer .footer-btm {
  padding: 15px 0;
  background-color: #AD945C;
  color: #ffffff;
}
footer .footer-btm2 {
  padding: 15px 0;
  background-color: #8F8F8F;
  color: #ffffff;
  text-align: center;
}
footer .footer-btm2 a {
  color: #ffffff;
}

@-webkit-keyframes anim-bg-gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes anim-bg-gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.section-bg {
  background-color: #000000;
  position: relative;
  overflow: hidden;
  padding-bottom: 60px;
  background-size: 400% 400%;
  -webkit-animation: anim-bg-gradient 15s 0 linear;
  -moz-animation: anim-bg-gradient 15s 0 linear;
  -ms-animation: anim-bg-gradient 15s 0 linear;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  -ms-animation-direction: normal;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-bg {
    padding-bottom: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-bg {
    padding-bottom: 15px;
  }
}
.section-bg.section-bg-home {
  padding-bottom: 0;
}
.section-bg .bg-img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-size: 1920px;
  background-position: top center;
  background-repeat: no-repeat;
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-bg .bg-img {
    background-size: 1550px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-bg .bg-img {
    background-size: 1200px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-bg .bg-img {
    background-size: 992px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-bg .bg-img {
    background-size: 768px;
  }
}
@media (max-width: 575px) {
  .section-bg .bg-img {
    background-size: 576px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-bg .bg-img {
    opacity: 0.6;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-bg .bg-img {
    opacity: 0.3;
  }
}
.section-bg section {
  position: relative;
}
.section-bg .home-bg {
  position: absolute;
  left: 50%;
  /*
  &.bg1{
  	top: 0;
  }
  &.bg2{
  	top: 25%;
  }
  &.bg3{
  	top: 50%;
  }
  &.bg4{
  	top: 75%;
  }
  */
}
.section-bg .home-bg .img-back {
  width: 100%;
}
.section-bg .home-bg .img-front {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.section-bg .home-bg.bg1, .section-bg .home-bg.bg3, .section-bg .home-bg.bg4 {
  width: 3000px;
  margin-left: -1500px;
}
.section-bg .home-bg.bg2 {
  width: 5000px;
  margin-left: -2500px;
}
.section-bg.section-2021-bg-home .bg {
  position: absolute;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  background-image: url("../../uploads/images/2021/common/home/home_bg.png");
}

.section-inner .container-inner {
  position: relative;
  margin: 0 -15px;
}

.section-banner {
  padding-top: 52px;
  padding-bottom: 52px;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-banner {
    padding-top: 26px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-banner {
    padding-top: 13px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-banner {
    padding-bottom: 26px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-banner {
    padding-bottom: 13px;
  }
}
.section-banner .container-inner {
  height: 550px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-banner .container-inner {
    height: auto;
  }
}
.section-banner .container-inner .layer1 {
  width: 100%;
  max-width: 770px;
  height: 440px;
  margin-left: 110px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-banner .container-inner .layer1 {
    margin-right: 40px;
    width: calc(100% - 150px);
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-banner .container-inner .layer1 {
    margin-left: 50px;
    margin-right: 20px;
    width: calc(100% - 70px);
    max-width: inherit;
    height: 30px;
  }
}
.section-banner .container-inner .layer2 {
  position: absolute;
  width: 820px;
  height: 470px;
  left: 0;
  top: 70px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-banner .container-inner .layer2 {
    width: 670px;
    height: 385px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-banner .container-inner .layer2 {
    width: 100%;
    height: 57vw;
    top: 0;
    position: relative;
  }
}
.section-banner .container-inner .layer2 .img-bg {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
}
.section-banner .container-inner .layer3 {
  position: absolute;
  padding: 40px 30px;
  width: 545px;
  height: 420px;
  bottom: 0;
  right: 0;
  color: #ffffff;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-banner .container-inner .layer3 {
    width: 445px;
    height: 345px;
    padding: 20px 15px;
  }
  .section-banner .container-inner .layer3 .layer-btn {
    left: 15px;
    bottom: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-banner .container-inner .layer3 {
    position: relative;
    margin-left: auto;
    margin-top: -15px;
    width: 100%;
    padding: 15px;
    height: inherit;
  }
}
.section-banner .container-inner .layer3 .layer-title {
  line-height: 1.2em;
  margin-bottom: 15px;
  text-transform: uppercase;
  font-weight: 700;
}
@media (max-width: 575px) {
  .section-banner .container-inner .layer3 .layer-title {
    font-size: 34px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-banner .container-inner .layer3 .layer-title {
    font-size: 37px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-banner .container-inner .layer3 .layer-title {
    font-size: 41px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-banner .container-inner .layer3 .layer-title {
    font-size: 44px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-banner .container-inner .layer3 .layer-title {
    font-size: 41px;
  }
}
@media (min-width: 1550px) {
  .section-banner .container-inner .layer3 .layer-title {
    font-size: 48px;
  }
}
.section-banner .container-inner .layer3 .layer-title-sub {
  line-height: 1em;
  margin-bottom: 25px;
  text-transform: uppercase;
  font-weight: 700;
}
@media (max-width: 575px) {
  .section-banner .container-inner .layer3 .layer-title-sub {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-banner .container-inner .layer3 .layer-title-sub {
    font-size: 34px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-banner .container-inner .layer3 .layer-title-sub {
    font-size: 37px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-banner .container-inner .layer3 .layer-title-sub {
    font-size: 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-banner .container-inner .layer3 .layer-title-sub {
    font-size: 37px;
  }
}
@media (min-width: 1550px) {
  .section-banner .container-inner .layer3 .layer-title-sub {
    font-size: 44px;
  }
}
.section-banner .container-inner .layer3 .layer-title-sub .small {
  line-height: 1em;
}
@media (max-width: 575px) {
  .section-banner .container-inner .layer3 .layer-title-sub .small {
    font-size: 26px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-banner .container-inner .layer3 .layer-title-sub .small {
    font-size: 28px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-banner .container-inner .layer3 .layer-title-sub .small {
    font-size: 30px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-banner .container-inner .layer3 .layer-title-sub .small {
    font-size: 33px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-banner .container-inner .layer3 .layer-title-sub .small {
    font-size: 30px;
  }
}
@media (min-width: 1550px) {
  .section-banner .container-inner .layer3 .layer-title-sub .small {
    font-size: 36px;
  }
}
.section-banner .container-inner .layer3 .layer-title-sub span {
  display: inline-block;
  line-height: 1em;
}
@media (max-width: 575px) {
  .section-banner .container-inner .layer3 .layer-title-sub span {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-banner .container-inner .layer3 .layer-title-sub span {
    font-size: 22px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-banner .container-inner .layer3 .layer-title-sub span {
    font-size: 24px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-banner .container-inner .layer3 .layer-title-sub span {
    font-size: 26px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-banner .container-inner .layer3 .layer-title-sub span {
    font-size: 24px;
  }
}
@media (min-width: 1550px) {
  .section-banner .container-inner .layer3 .layer-title-sub span {
    font-size: 28px;
  }
}
.section-banner .container-inner .layer3 .layer-btn {
  position: absolute;
  left: 30px;
  bottom: 40px;
}
.section-banner .container-inner .layer3 .layer-btn .btn-main {
  display: inline-block;
  text-transform: uppercase;
  padding: 10px 15px;
  width: 260px;
  text-align: center;
  color: #ffffff;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
@media (max-width: 575px) {
  .section-banner .container-inner .layer3 .layer-btn .btn-main {
    font-size: 17px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-banner .container-inner .layer3 .layer-btn .btn-main {
    font-size: 19px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-banner .container-inner .layer3 .layer-btn .btn-main {
    font-size: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-banner .container-inner .layer3 .layer-btn .btn-main {
    font-size: 22px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-banner .container-inner .layer3 .layer-btn .btn-main {
    font-size: 20px;
  }
}
@media (min-width: 1550px) {
  .section-banner .container-inner .layer3 .layer-btn .btn-main {
    font-size: 24px;
  }
}
.section-banner .container-inner .layer3 .layer-btn .btn-main:hover, .section-banner .container-inner .layer3 .layer-btn .btn-main:focus, .section-banner .container-inner .layer3 .layer-btn .btn-main:active {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -o-transform: translateY(-5px);
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-banner .container-inner .layer3 .layer-btn {
    position: relative;
    left: 0;
    bottom: 0;
  }
  .section-banner .container-inner .layer3 .layer-btn .btn-main {
    width: 100%;
  }
}
.section-banner .container-inner .layer3 .layer-logo {
  text-align: center;
}
.section-banner .container-inner .layer3 .layer-logo .logo-cross {
  width: 23px;
  margin: 0 5px;
}
.section-banner .container-inner .layer3 .layer-logo .logo-text {
  text-align: center;
  display: inline-block;
  color: #ffffff;
  font-weight: 700;
}
@media (max-width: 575px) {
  .section-banner .container-inner .layer3 .layer-logo .logo-text {
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-banner .container-inner .layer3 .layer-logo .logo-text {
    font-size: 15px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-banner .container-inner .layer3 .layer-logo .logo-text {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-banner .container-inner .layer3 .layer-logo .logo-text {
    font-size: 17px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-banner .container-inner .layer3 .layer-logo .logo-text {
    font-size: 16px;
  }
}
@media (min-width: 1550px) {
  .section-banner .container-inner .layer3 .layer-logo .logo-text {
    font-size: 19px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-banner .container-inner .layer3 .layer-logo .logo-text {
    display: block;
  }
}
.section-banner .container-inner .layer3 .layer-logo .logo-main {
  height: 64px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-banner .container-inner .layer3 .layer-logo .logo-main {
    height: 48px;
  }
}
@media (max-width: 575px) {
  .section-banner .container-inner .layer3 .layer-logo .logo-main {
    height: inherit;
    max-width: 100%;
  }
}
.section-banner .container-inner .layer-location-title {
  position: absolute;
  left: 15px;
  top: 20px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-banner .container-inner .layer-location-title {
    display: none;
  }
}
.section-banner .container-inner .side {
  position: absolute;
  z-index: 1;
}
.section-banner.theme-startup .layer1, .section-banner.theme-investor .layer1 {
  background-color: #2CBBBB;
}
.section-banner.theme-startup .layer3, .section-banner.theme-investor .layer3 {
  background-color: #E15A2B;
}
.section-banner.theme-startup .layer3 .layer-btn .btn-main, .section-banner.theme-investor .layer3 .layer-btn .btn-main {
  background-color: #69DDEA;
  background: linear-gradient(to right, #69DDEA, #0082D4);
}
.section-banner.theme-startup .side, .section-banner.theme-investor .side {
  top: 86px;
  left: 0;
}
@media (min-width: 1550px) {
  .section-banner.theme-startup .side, .section-banner.theme-investor .side {
    left: -133px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-banner.theme-startup .side, .section-banner.theme-investor .side {
    top: 40px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-banner.theme-startup .side, .section-banner.theme-investor .side {
    top: 20px;
  }
}
@media (min-width: 1550px) {
  .section-banner.theme-startup .side img, .section-banner.theme-investor .side img {
    width: 150px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-banner.theme-startup .side img, .section-banner.theme-investor .side img {
    width: 100px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-banner.theme-startup .side img, .section-banner.theme-investor .side img {
    width: 50px;
  }
}
.section-banner.theme-rule .layer1 {
  background-color: #C3B1A3;
}
.section-banner.theme-rule .layer3 {
  background-color: #3E65A5;
}
.section-banner.theme-rule .layer3 .layer-btn .btn-main {
  background-color: #E4A84C;
  background: linear-gradient(to right, #E4A84C, #DC766F);
}
.section-banner.theme-shenzhen .layer1, .section-banner.theme-kualalumpur .layer1, .section-banner.theme-london .layer1, .section-banner.theme-sanfrancisco .layer1, .section-banner.theme-toronto .layer1, .section-banner.theme-hongkong .layer1, .section-banner.theme-beijing .layer1, .section-banner.theme-shanghai .layer1 {
  background-color: #2CBBBB;
}
.section-banner.theme-shenzhen .layer3, .section-banner.theme-kualalumpur .layer3, .section-banner.theme-london .layer3, .section-banner.theme-sanfrancisco .layer3, .section-banner.theme-toronto .layer3, .section-banner.theme-hongkong .layer3, .section-banner.theme-beijing .layer3, .section-banner.theme-shanghai .layer3 {
  height: 520px;
  background-color: #8D7D5E;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-banner.theme-shenzhen .layer3, .section-banner.theme-kualalumpur .layer3, .section-banner.theme-london .layer3, .section-banner.theme-sanfrancisco .layer3, .section-banner.theme-toronto .layer3, .section-banner.theme-hongkong .layer3, .section-banner.theme-beijing .layer3, .section-banner.theme-shanghai .layer3 {
    height: 450px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-banner.theme-shenzhen .layer3, .section-banner.theme-kualalumpur .layer3, .section-banner.theme-london .layer3, .section-banner.theme-sanfrancisco .layer3, .section-banner.theme-toronto .layer3, .section-banner.theme-hongkong .layer3, .section-banner.theme-beijing .layer3, .section-banner.theme-shanghai .layer3 {
    height: 420px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-banner.theme-shenzhen .layer3, .section-banner.theme-kualalumpur .layer3, .section-banner.theme-london .layer3, .section-banner.theme-sanfrancisco .layer3, .section-banner.theme-toronto .layer3, .section-banner.theme-hongkong .layer3, .section-banner.theme-beijing .layer3, .section-banner.theme-shanghai .layer3 {
    height: auto;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-banner.theme-shenzhen .layer3 .layer-btn, .section-banner.theme-kualalumpur .layer3 .layer-btn, .section-banner.theme-london .layer3 .layer-btn, .section-banner.theme-sanfrancisco .layer3 .layer-btn, .section-banner.theme-toronto .layer3 .layer-btn, .section-banner.theme-hongkong .layer3 .layer-btn, .section-banner.theme-beijing .layer3 .layer-btn, .section-banner.theme-shanghai .layer3 .layer-btn {
    margin-top: 25px;
  }
}
.section-banner.theme-shenzhen .layer3 .layer-btn .btn-border span, .section-banner.theme-kualalumpur .layer3 .layer-btn .btn-border span, .section-banner.theme-london .layer3 .layer-btn .btn-border span, .section-banner.theme-sanfrancisco .layer3 .layer-btn .btn-border span, .section-banner.theme-toronto .layer3 .layer-btn .btn-border span, .section-banner.theme-hongkong .layer3 .layer-btn .btn-border span, .section-banner.theme-beijing .layer3 .layer-btn .btn-border span, .section-banner.theme-shanghai .layer3 .layer-btn .btn-border span {
  font-family: "Century Gothic Bold", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  padding: 12px 30px;
}
@media (max-width: 575px) {
  .section-banner.theme-shenzhen .layer3 .layer-btn .btn-border span, .section-banner.theme-kualalumpur .layer3 .layer-btn .btn-border span, .section-banner.theme-london .layer3 .layer-btn .btn-border span, .section-banner.theme-sanfrancisco .layer3 .layer-btn .btn-border span, .section-banner.theme-toronto .layer3 .layer-btn .btn-border span, .section-banner.theme-hongkong .layer3 .layer-btn .btn-border span, .section-banner.theme-beijing .layer3 .layer-btn .btn-border span, .section-banner.theme-shanghai .layer3 .layer-btn .btn-border span {
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-banner.theme-shenzhen .layer3 .layer-btn .btn-border span, .section-banner.theme-kualalumpur .layer3 .layer-btn .btn-border span, .section-banner.theme-london .layer3 .layer-btn .btn-border span, .section-banner.theme-sanfrancisco .layer3 .layer-btn .btn-border span, .section-banner.theme-toronto .layer3 .layer-btn .btn-border span, .section-banner.theme-hongkong .layer3 .layer-btn .btn-border span, .section-banner.theme-beijing .layer3 .layer-btn .btn-border span, .section-banner.theme-shanghai .layer3 .layer-btn .btn-border span {
    font-size: 16px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-banner.theme-shenzhen .layer3 .layer-btn .btn-border span, .section-banner.theme-kualalumpur .layer3 .layer-btn .btn-border span, .section-banner.theme-london .layer3 .layer-btn .btn-border span, .section-banner.theme-sanfrancisco .layer3 .layer-btn .btn-border span, .section-banner.theme-toronto .layer3 .layer-btn .btn-border span, .section-banner.theme-hongkong .layer3 .layer-btn .btn-border span, .section-banner.theme-beijing .layer3 .layer-btn .btn-border span, .section-banner.theme-shanghai .layer3 .layer-btn .btn-border span {
    font-size: 17px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-banner.theme-shenzhen .layer3 .layer-btn .btn-border span, .section-banner.theme-kualalumpur .layer3 .layer-btn .btn-border span, .section-banner.theme-london .layer3 .layer-btn .btn-border span, .section-banner.theme-sanfrancisco .layer3 .layer-btn .btn-border span, .section-banner.theme-toronto .layer3 .layer-btn .btn-border span, .section-banner.theme-hongkong .layer3 .layer-btn .btn-border span, .section-banner.theme-beijing .layer3 .layer-btn .btn-border span, .section-banner.theme-shanghai .layer3 .layer-btn .btn-border span {
    font-size: 18px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-banner.theme-shenzhen .layer3 .layer-btn .btn-border span, .section-banner.theme-kualalumpur .layer3 .layer-btn .btn-border span, .section-banner.theme-london .layer3 .layer-btn .btn-border span, .section-banner.theme-sanfrancisco .layer3 .layer-btn .btn-border span, .section-banner.theme-toronto .layer3 .layer-btn .btn-border span, .section-banner.theme-hongkong .layer3 .layer-btn .btn-border span, .section-banner.theme-beijing .layer3 .layer-btn .btn-border span, .section-banner.theme-shanghai .layer3 .layer-btn .btn-border span {
    font-size: 17px;
  }
}
@media (min-width: 1550px) {
  .section-banner.theme-shenzhen .layer3 .layer-btn .btn-border span, .section-banner.theme-kualalumpur .layer3 .layer-btn .btn-border span, .section-banner.theme-london .layer3 .layer-btn .btn-border span, .section-banner.theme-sanfrancisco .layer3 .layer-btn .btn-border span, .section-banner.theme-toronto .layer3 .layer-btn .btn-border span, .section-banner.theme-hongkong .layer3 .layer-btn .btn-border span, .section-banner.theme-beijing .layer3 .layer-btn .btn-border span, .section-banner.theme-shanghai .layer3 .layer-btn .btn-border span {
    font-size: 20px;
  }
}
.section-banner.theme-about .layer1 {
  background-color: #8D7D5E;
}
.section-banner.theme-about .layer3 {
  background-color: #E15A2B;
}
.section-banner.theme-student .layer1 {
  background-color: #E15A2B;
}
.section-banner.theme-student .layer3 {
  background-color: #54AAAD;
}
.section-banner.theme-student .layer3 .layer-date {
  font-weight: 700;
  margin-bottom: 10px;
  font-family: "Century Gothic", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-banner.theme-student .layer3 .layer-date {
    margin-top: 60px;
  }
}
.section-banner.theme-student .layer3 .layer-date .date-title {
  text-transform: uppercase;
}
@media (max-width: 575px) {
  .section-banner.theme-student .layer3 .layer-date .date-title {
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-banner.theme-student .layer3 .layer-date .date-title {
    font-size: 16px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-banner.theme-student .layer3 .layer-date .date-title {
    font-size: 17px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-banner.theme-student .layer3 .layer-date .date-title {
    font-size: 18px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-banner.theme-student .layer3 .layer-date .date-title {
    font-size: 17px;
  }
}
@media (min-width: 1550px) {
  .section-banner.theme-student .layer3 .layer-date .date-title {
    font-size: 20px;
  }
}
.section-banner.theme-student .layer3 .layer-date .date-detail {
  text-transform: uppercase;
}
@media (max-width: 575px) {
  .section-banner.theme-student .layer3 .layer-date .date-detail {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-banner.theme-student .layer3 .layer-date .date-detail {
    font-size: 34px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-banner.theme-student .layer3 .layer-date .date-detail {
    font-size: 37px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-banner.theme-student .layer3 .layer-date .date-detail {
    font-size: 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-banner.theme-student .layer3 .layer-date .date-detail {
    font-size: 37px;
  }
}
@media (min-width: 1550px) {
  .section-banner.theme-student .layer3 .layer-date .date-detail {
    font-size: 44px;
  }
}
.section-banner.theme-student .layer3 .layer-btn {
  width: 100%;
}
.section-banner.theme-student .layer3 .layer-btn .btn-theme {
  width: 100%;
  max-width: 330px;
  padding: 15px;
  font-family: "Century Gothic", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
@media (max-width: 575px) {
  .section-banner.theme-student .layer3 .layer-btn .btn-theme {
    font-size: 16px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-banner.theme-student .layer3 .layer-btn .btn-theme {
    font-size: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-banner.theme-student .layer3 .layer-btn .btn-theme {
    font-size: 19px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-banner.theme-student .layer3 .layer-btn .btn-theme {
    font-size: 21px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-banner.theme-student .layer3 .layer-btn .btn-theme {
    font-size: 19px;
  }
}
@media (min-width: 1550px) {
  .section-banner.theme-student .layer3 .layer-btn .btn-theme {
    font-size: 23px;
  }
}

.section-2021-banner {
  position: relative;
  height: 560px;
  overflow: hidden;
  margin-bottom: 60px;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-banner {
    margin-bottom: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-banner {
    margin-bottom: 15px;
  }
}
.section-2021-banner .banner-bar {
  position: absolute;
  left: 0;
  top: 245px;
  width: 50%;
  height: 285px;
  background: #FF6914;
  background: linear-gradient(to right, #FF6914, #F51A64);
}
.section-2021-banner .banner-img {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -400px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 1090px;
  height: 470px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-2021-banner .banner-img {
    margin-left: -320px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-2021-banner .banner-img {
    margin-left: -250px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-banner .banner-img {
    width: 100%;
    left: 0;
    margin-left: 0;
  }
}
.section-2021-banner .banner-title-sub {
  width: 150px;
  line-height: 1.2em;
  font-weight: 500;
  text-align: right;
  position: absolute;
  left: calc(50% - 410px);
  top: 0;
  color: #ffffff;
  text-transform: uppercase;
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-banner .banner-title-sub {
    font-size: 17px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-banner .banner-title-sub {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-banner .banner-title-sub {
    font-size: 12px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-2021-banner .banner-title-sub {
    left: calc(50% - 330px);
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-2021-banner .banner-title-sub {
    left: calc(50% - 260px);
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-banner .banner-title-sub {
    display: none;
  }
}
.section-2021-banner .banner-title-sub:after {
  content: "";
  position: absolute;
  top: 0.6em;
  left: 100%;
  margin-left: 10px;
  border-top: 1px solid #ffffff;
  width: 100px;
}
.section-2021-banner .container {
  position: relative;
}
.section-2021-banner .container .banner-title {
  font-weight: 700;
  color: #ffffff;
  text-transform: uppercase;
  line-height: 1.2em;
  margin-top: 310px;
  position: relative;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-banner .container .banner-title {
    font-size: 50px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-banner .container .banner-title {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-banner .container .banner-title {
    font-size: 24px;
  }
}
.section-2021-banner .container .banner-text {
  position: absolute;
  right: 15px;
  top: 360px;
}
.section-2021-banner .container .banner-text img {
  width: 24.79vw;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-banner .container .banner-text img {
    width: 28vw;
  }
}
.section-2021-banner.banner-ideapop .banner-title {
  margin-top: 280px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-banner.banner-ideapop .banner-title {
    margin-top: 200px;
  }
}
.section-2021-banner.banner-ideapop .banner-title-sub {
  text-transform: inherit;
  left: calc(50% + 720px);
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-2021-banner.banner-ideapop .banner-title-sub {
    left: calc(50% - 330px);
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-2021-banner.banner-ideapop .banner-title-sub {
    left: calc(50% - 260px);
  }
}
.section-2021-banner.banner-ideapop .title-img {
  width: 445px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-banner.banner-ideapop .title-img {
    width: 290px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-banner.banner-ideapop .title-img {
    width: 220px;
  }
}
.section-2021-banner.banner-ideapop .title-img img {
  width: 100%;
}
.section-2021-banner.banner-ideapop .banner-apply {
  color: #ffffff;
  width: 100%;
  max-width: 390px;
  text-align: center;
  margin-left: auto;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-banner.banner-ideapop .banner-apply {
    margin-top: 280px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-banner.banner-ideapop .banner-apply {
    margin-top: 30px;
    margin-right: auto;
  }
}
.section-2021-banner.banner-ideapop .banner-apply .apply-title {
  color: #FF6914;
  font-weight: 700;
  line-height: 1.1em;
  text-shadow: -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff, 1px 1px 0 #ffffff;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-banner.banner-ideapop .banner-apply .apply-title {
    font-size: 62px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-banner.banner-ideapop .banner-apply .apply-title {
    font-size: 42px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-banner.banner-ideapop .banner-apply .apply-title {
    font-size: 32px;
  }
}
.section-2021-banner.banner-ideapop .banner-apply .apply-list .list-item {
  display: block;
  margin-bottom: 10px;
  border: 1px solid #ffffff;
  color: #ffffff;
  text-transform: uppercase;
  padding: 0.2em 0.8em;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-weight: 500;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-banner.banner-ideapop .banner-apply .apply-list .list-item {
    font-size: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-banner.banner-ideapop .banner-apply .apply-list .list-item {
    font-size: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-banner.banner-ideapop .banner-apply .apply-list .list-item {
    font-size: 16px;
  }
}
.section-2021-banner.banner-ideapop .banner-apply .apply-list .list-item.item1 {
  background: #FF6914;
  background: linear-gradient(to right, #FF6914, #F51A64);
}
.section-2021-banner.banner-ideapop .banner-apply .apply-list .list-item.item2 {
  background: #82287F;
  background: linear-gradient(to right, #82287F, #5DAFDC);
}
.section-2021-banner.banner-ideapop .banner-apply .apply-list .list-item:hover, .section-2021-banner.banner-ideapop .banner-apply .apply-list .list-item:focus, .section-2021-banner.banner-ideapop .banner-apply .apply-list .list-item:active {
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.section-2021-banner.banner-secondary-student, .section-2021-banner.banner-tertiary-student {
  height: 640px;
}
.section-2021-banner.banner-secondary-student .banner-title-sub, .section-2021-banner.banner-tertiary-student .banner-title-sub {
  text-transform: inherit;
}
.section-2021-banner.banner-secondary-student .banner-text, .section-2021-banner.banner-tertiary-student .banner-text {
  right: 0px;
  top: 360px;
}
@media (min-width: 1550px) {
  .section-2021-banner.banner-secondary-student .banner-text, .section-2021-banner.banner-tertiary-student .banner-text {
    right: -188px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-banner.banner-secondary-student .banner-text, .section-2021-banner.banner-tertiary-student .banner-text {
    display: none;
  }
}
.section-2021-banner.banner-secondary-student .banner-text img, .section-2021-banner.banner-tertiary-student .banner-text img {
  width: 60vw;
}
.section-2021-banner.banner-secondary-student .banner-title .ideapop, .section-2021-banner.banner-tertiary-student .banner-title .ideapop {
  text-transform: none;
}
.section-2021-banner.banner-secondary-student .banner-title small, .section-2021-banner.banner-tertiary-student .banner-title small {
  display: block;
  font-size: 80%;
  line-height: 1.2em;
  text-transform: initial;
}
.section-2021-banner.banner-secondary-student .banner-title small .highlight, .section-2021-banner.banner-tertiary-student .banner-title small .highlight {
  color: #AD945C;
}
.section-2021-banner.banner-secondary-student .banner-text img {
  width: 60vw;
}
.section-2021-banner.banner-tertiary-student .banner-text img {
  width: 40vw;
}
.section-2021-banner.banner-tertiary-student .banner-bar {
  background: #82287F;
  background: linear-gradient(to right, #82287F, #5FB0DB);
}

/*Home section*/
.section-home-bar {
  background-color: #AD945C;
  padding: 25px 0;
}
@media (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-home-bar {
    padding: 10px 0;
  }
}
.section-home-bar .bar-img {
  height: 40px;
  background-image: url("../../uploads/images/2020/common/home/home_bar.png");
  -webkit-animation: anim-home-bar 20000ms 0 linear;
  -moz-animation: anim-home-bar 20000ms 0 linear;
  -ms-animation: anim-home-bar 20000ms 0 linear;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  -ms-animation-direction: normal;
}
@media (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-home-bar .bar-img {
    height: 20px;
    background-size: auto 20px;
  }
}

@-webkit-keyframes anim-home-bar {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -3026px 0;
  }
}
@keyframes anim-home-bar {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -3026px 0;
  }
}
.section-home-banner-p2 {
  position: relative;
  background-color: #000000;
  overflow: hidden;
  /*
  .banner-mark{
  	position: absolute;
  	width: 180px;
  	right: 50px;
  	top: 140px;

  	@media (min-width: 1200px) and (max-width: 1549px){
  		width: 130px;
  		right: 20px;
  	}

  	@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px){
  		width: 120px;
  		right: 15px;
  	}


  	@media (min-width: 576px) and (max-width: 767px), (max-width: 575px){
  		width: 80px;
  		right: 15px;
  		top: 75px;
  	}
  	img{
  		width: 100%;
  	}
  }
  */
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-home-banner-p2 {
    min-height: 750px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-home-banner-p2 {
    min-height: 600px;
  }
}
.section-home-banner-p2 .banner-bg {
  /*
  position: absolute;
  left:50%;
  top:50%;
  @include square(100vw);
  margin-top: -50vw;
  margin-left: -50vw;

  .bg-img{
  	@include bg();
  }

  @include animation(banner-anim-rotate, 60000ms, 0, linear, infinite, normal);
  */
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.section-home-banner-p2 .banner-bg .bg-img {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
}
.section-home-banner-p2 .banner-video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.section-home-banner-p2 .banner-video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (min-aspect-ratio: 16/9) {
  .section-home-banner-p2 .banner-video video {
    height: 360%;
    top: -130%;
  }
}
@media (max-aspect-ratio: 16/9) {
  .section-home-banner-p2 .banner-video video {
    width: 360%;
    left: -130%;
  }
}
.section-home-banner-p2 .banner-slider {
  position: relative;
  width: 100%;
  height: 100%;
  color: #ffffff;
  font-family: "Century Gothic Bold", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
.section-home-banner-p2 .banner-slider .swiper-slide {
  width: 100%;
  height: 100vh;
  min-height: 560px;
}
@media (min-width: 1550px) {
  .section-home-banner-p2 .banner-slider .swiper-slide {
    min-height: 790px;
  }
}
.section-home-banner-p2 .banner-slider .slide-bg .video-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.section-home-banner-p2 .banner-slider .slide-bg .video-bg video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (min-aspect-ratio: 16/9) {
  .section-home-banner-p2 .banner-slider .slide-bg .video-bg video {
    height: 300%;
    top: -100%;
  }
}
@media (max-aspect-ratio: 16/9) {
  .section-home-banner-p2 .banner-slider .slide-bg .video-bg video {
    width: 300%;
    left: -100%;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-home-banner-p2 .banner-slider .slide-bg .video-bg video {
    display: none;
  }
}
.section-home-banner-p2 .banner-slider .slide-bg .video-bg .video-cover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 22, 47, 0.5);
}
.section-home-banner-p2 .banner-slider .slide-content {
  text-align: center;
  max-width: 1440px;
  width: 100%;
  margin: -100px auto 0;
  padding: 0 50px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-home-banner-p2 .banner-slider .slide-content {
    padding: 0 30px;
  }
}
.section-home-banner-p2 .banner-slider .slide-content .slide1-title {
  line-height: 1.2em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-home-banner-p2 .banner-slider .slide-content .slide1-title {
    font-size: 100px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-home-banner-p2 .banner-slider .slide-content .slide1-title {
    font-size: 50px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-home-banner-p2 .banner-slider .slide-content .slide1-title {
    font-size: 26px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-home-banner-p2 .banner-slider .slide-content .slide1-title {
    font-size: 78px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-home-banner-p2 .banner-slider .slide-content .slide1-title {
    font-size: 46px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-home-banner-p2 .banner-slider .slide-content .slide1-title {
    line-height: 1.3em;
  }
}
.section-home-banner-p2 .banner-slider .slide-content .slide2-title {
  line-height: 1.2em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-home-banner-p2 .banner-slider .slide-content .slide2-title {
    font-size: 80px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-home-banner-p2 .banner-slider .slide-content .slide2-title {
    font-size: 40px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-home-banner-p2 .banner-slider .slide-content .slide2-title {
    font-size: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-home-banner-p2 .banner-slider .slide-content .slide2-title {
    font-size: 64px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-home-banner-p2 .banner-slider .slide-content .slide2-title {
    line-height: 1.3em;
  }
}
.section-home-banner-p2 .banner-slider .slide-content .slide-title {
  line-height: 1.2em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-home-banner-p2 .banner-slider .slide-content .slide-title {
    font-size: 68px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-home-banner-p2 .banner-slider .slide-content .slide-title {
    font-size: 34px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-home-banner-p2 .banner-slider .slide-content .slide-title {
    font-size: 18px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-home-banner-p2 .banner-slider .slide-content .slide-title {
    font-size: 56px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-home-banner-p2 .banner-slider .slide-content .slide-title {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-home-banner-p2 .banner-slider .slide-content .slide-title {
    line-height: 1.3em;
  }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-home-banner-p2 .banner-slider .slide-content .slide-title-sub {
    font-size: 60px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-home-banner-p2 .banner-slider .slide-content .slide-title-sub {
    font-size: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-home-banner-p2 .banner-slider .slide-content .slide-title-sub {
    font-size: 15px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-home-banner-p2 .banner-slider .slide-content .slide-title-sub {
    font-size: 46px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-home-banner-p2 .banner-slider .slide-content .slide-title-sub {
    font-size: 28px;
  }
}
.section-home-banner-p2 .banner-slider .slide-content .slide-title-sub .title-box {
  display: inline-block;
  font-size: 60%;
  border: 2px solid #ffffff;
  vertical-align: middle;
  padding: 0 15px;
  margin-left: 30px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-home-banner-p2 .banner-slider .slide-content .slide-title-sub .title-box {
    line-height: 1.3em;
  }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-home-banner-p2 .banner-slider .slide-content .slide-title-sub2 {
    font-size: 64px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-home-banner-p2 .banner-slider .slide-content .slide-title-sub2 {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-home-banner-p2 .banner-slider .slide-content .slide-title-sub2 {
    font-size: 16px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-home-banner-p2 .banner-slider .slide-content .slide-title-sub2 {
    font-size: 50px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-home-banner-p2 .banner-slider .slide-content .slide-title-sub2 {
    font-size: 30px;
  }
}
.section-home-banner-p2 .banner-slider .slide-content .slide-title-sub2 .title-box {
  display: inline-block;
  font-size: 60%;
  border: 2px solid #ffffff;
  vertical-align: middle;
  padding: 0 15px;
  margin-left: 30px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-home-banner-p2 .banner-slider .slide-content .slide-title-sub2 .title-box {
    line-height: 1.3em;
  }
}
.section-home-banner-p2 .banner-slider .slide-content .slide-date {
  margin-top: 10px;
  color: #AD945C;
  font-weight: 600;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-home-banner-p2 .banner-slider .slide-content .slide-date {
    margin-top: 0;
  }
}
.section-home-banner-p2 .banner-slider .slide-content .slide-date .date-title {
  border-top: 1px solid #AD945C;
  border-bottom: 1px solid #AD945C;
  display: inline-block;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-home-banner-p2 .banner-slider .slide-content .slide-date .date-title {
    font-size: 36px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-home-banner-p2 .banner-slider .slide-content .slide-date .date-title {
    font-size: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-home-banner-p2 .banner-slider .slide-content .slide-date .date-title {
    font-size: 16px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-home-banner-p2 .banner-slider .slide-content .slide-date .date-title {
    line-height: 1.3em;
  }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-home-banner-p2 .banner-slider .slide-content .slide-date .date-title-sub {
    font-size: 42px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-home-banner-p2 .banner-slider .slide-content .slide-date .date-title-sub {
    font-size: 21px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-home-banner-p2 .banner-slider .slide-content .slide-date .date-title-sub {
    font-size: 10.5px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-home-banner-p2 .banner-slider .slide-content .slide-date .date-title-sub {
    line-height: 1.3em;
  }
}
.section-home-banner-p2 .banner-slider .slide-content .slide-btn {
  margin-top: 15px;
}
.section-home-banner-p2 .banner-slider .slide-content .slide-btn .btn-border {
  min-width: 250px;
  text-align: center;
}
@media (max-width: 575px) {
  .section-home-banner-p2 .banner-slider .slide-content .slide-btn .btn-border {
    min-width: 200px;
  }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-home-banner-p2 .banner-slider .slide-content .slide-btn .btn-border span {
    font-size: 22px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-home-banner-p2 .banner-slider .slide-content .slide-btn .btn-border span {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-home-banner-p2 .banner-slider .slide-content .slide-btn .btn-border span {
    font-size: 18px;
  }
}
.section-home-banner-p2 .banner-slider .award-content {
  text-align: center;
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
  padding: 0 50px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-home-banner-p2 .banner-slider .award-content {
    margin-top: 118px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-home-banner-p2 .banner-slider .award-content {
    padding: 0 30px;
  }
}
.section-home-banner-p2 .banner-slider .award-content .award-slide-title {
  font-weight: 500;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-home-banner-p2 .banner-slider .award-content .award-slide-title {
    font-size: 40px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-home-banner-p2 .banner-slider .award-content .award-slide-title {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-home-banner-p2 .banner-slider .award-content .award-slide-title {
    font-size: 18px;
  }
}
.section-home-banner-p2 .banner-slider .award-content .award-slide-wrapper {
  border-top: 1px solid #AD945C;
  border-bottom: 1px solid #AD945C;
  padding: 15px 0;
  margin-bottom: 60px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-home-banner-p2 .banner-slider .award-content .award-slide-wrapper {
    padding: 10px 0;
    margin-bottom: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-home-banner-p2 .banner-slider .award-content .award-slide-wrapper {
    padding: 5px 0;
    margin-bottom: 15px;
  }
}
.section-home-banner-p2 .banner-slider .award-content .award-slide-wrapper .wrapper-title {
  font-weight: 700;
  line-height: 1em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-home-banner-p2 .banner-slider .award-content .award-slide-wrapper .wrapper-title {
    font-size: 100px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-home-banner-p2 .banner-slider .award-content .award-slide-wrapper .wrapper-title {
    font-size: 42px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-home-banner-p2 .banner-slider .award-content .award-slide-wrapper .wrapper-title {
    font-size: 27px;
  }
}
.section-home-banner-p2 .banner-slider .award-content .award-slide-wrapper .wrapper-title-sub {
  font-weight: 700;
  line-height: 1.1em;
  text-transform: uppercase;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-home-banner-p2 .banner-slider .award-content .award-slide-wrapper .wrapper-title-sub {
    font-size: 46px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-home-banner-p2 .banner-slider .award-content .award-slide-wrapper .wrapper-title-sub {
    font-size: 26px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-home-banner-p2 .banner-slider .award-content .award-slide-wrapper .wrapper-title-sub {
    font-size: 20spx;
  }
}
.section-home-banner-p2 .banner-slider .award-content .slide-btn {
  margin-top: 15px;
}
.section-home-banner-p2 .banner-slider .award-content .slide-btn .btn-border {
  min-width: 250px;
  text-align: center;
}
@media (max-width: 575px) {
  .section-home-banner-p2 .banner-slider .award-content .slide-btn .btn-border {
    min-width: 200px;
  }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-home-banner-p2 .banner-slider .award-content .slide-btn .btn-border span {
    font-size: 22px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-home-banner-p2 .banner-slider .award-content .slide-btn .btn-border span {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-home-banner-p2 .banner-slider .award-content .slide-btn .btn-border span {
    font-size: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-home-banner-p2 .banner-slider .swiper-button-prev,
.section-home-banner-p2 .banner-slider .swiper-button-next {
    width: 13px;
    height: 22px;
    margin-top: -11px;
    background-size: contain;
  }
}
.section-home-banner-p2 .banner-slider .swiper-button-prev {
  left: 10px;
}
.section-home-banner-p2 .banner-slider .swiper-button-next {
  right: 10px;
}
.section-home-banner-p2 .banner-mark {
  position: absolute;
  width: 180px;
  right: 50px;
  z-index: 1;
  top: 195px;
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-home-banner-p2 .banner-mark {
    width: 130px;
    right: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-home-banner-p2 .banner-mark {
    width: 120px;
    right: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-home-banner-p2 .banner-mark {
    width: 80px;
    right: 15px;
    top: 120px;
  }
}
.section-home-banner-p2 .banner-mark img {
  width: 100%;
}

@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .tc .section-home-banner-p2 .banner-slider .slide-content .slide1-title, .sc .section-home-banner-p2 .banner-slider .slide-content .slide1-title {
    font-size: 96px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .tc .section-home-banner-p2 .banner-slider .slide-content .slide1-title, .sc .section-home-banner-p2 .banner-slider .slide-content .slide1-title {
    font-size: 48px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tc .section-home-banner-p2 .banner-slider .slide-content .slide1-title, .sc .section-home-banner-p2 .banner-slider .slide-content .slide1-title {
    font-size: 24px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .tc .section-home-banner-p2 .banner-slider .slide-content .slide1-title, .sc .section-home-banner-p2 .banner-slider .slide-content .slide1-title {
    font-size: 80px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tc .section-home-banner-p2 .banner-slider .slide-content .slide1-title, .sc .section-home-banner-p2 .banner-slider .slide-content .slide1-title {
    font-size: 20px;
  }
}

.popup-video video {
  outline: 0;
  width: 100%;
  max-width: 1280px;
}

.section-home-banner-2022 {
  position: relative;
  background-color: #000000;
  overflow: hidden;
  /*
  .banner-mark{
  	position: absolute;
  	width: 180px;
  	right: 50px;
  	top: 140px;

  	@media (min-width: 1200px) and (max-width: 1549px){
  		width: 130px;
  		right: 20px;
  	}

  	@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px){
  		width: 120px;
  		right: 15px;
  	}


  	@media (min-width: 576px) and (max-width: 767px), (max-width: 575px){
  		width: 80px;
  		right: 15px;
  		top: 75px;
  	}
  	img{
  		width: 100%;
  	}
  }
  */
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-home-banner-2022 {
    min-height: 750px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-home-banner-2022 {
    min-height: 600px;
  }
}
.section-home-banner-2022 .banner-bg {
  /*
  position: absolute;
  left:50%;
  top:50%;
  @include square(100vw);
  margin-top: -50vw;
  margin-left: -50vw;

  .bg-img{
  	@include bg();
  }

  @include animation(banner-anim-rotate, 60000ms, 0, linear, infinite, normal);
  */
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.section-home-banner-2022 .banner-bg .bg-img {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
}
.section-home-banner-2022 .banner-video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.section-home-banner-2022 .banner-video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (min-aspect-ratio: 16/9) {
  .section-home-banner-2022 .banner-video video {
    height: 360%;
    top: -130%;
  }
}
@media (max-aspect-ratio: 16/9) {
  .section-home-banner-2022 .banner-video video {
    width: 360%;
    left: -130%;
  }
}
.section-home-banner-2022 .banner-slider {
  position: relative;
  width: 100%;
  height: 100%;
  color: #ffffff;
  font-family: "Barlow", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
.section-home-banner-2022 .banner-slider .swiper-slide {
  width: 100%;
  height: 100vh;
  min-height: 560px;
}
@media (min-width: 1550px) {
  .section-home-banner-2022 .banner-slider .swiper-slide {
    min-height: 790px;
  }
}
.section-home-banner-2022 .banner-slider .slide-bg .video-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.section-home-banner-2022 .banner-slider .slide-bg .video-bg video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (min-aspect-ratio: 16/9) {
  .section-home-banner-2022 .banner-slider .slide-bg .video-bg video {
    height: 300%;
    top: -100%;
  }
}
@media (max-aspect-ratio: 16/9) {
  .section-home-banner-2022 .banner-slider .slide-bg .video-bg video {
    width: 300%;
    left: -100%;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-home-banner-2022 .banner-slider .slide-bg .video-bg video {
    display: none;
  }
}
.section-home-banner-2022 .banner-slider .slide-bg .video-bg .video-cover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 22, 47, 0.5);
}
.section-home-banner-2022 .banner-slider .slide-content {
  text-align: center;
  max-width: 1440px;
  width: 100%;
  margin: -100px auto 0;
  padding: 0 50px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-home-banner-2022 .banner-slider .slide-content {
    padding: 0 30px;
  }
}
.section-home-banner-2022 .banner-slider .slide-content .slide-title-sub {
  font-family: "Barlow", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  font-weight: 600;
  margin-bottom: 1em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-home-banner-2022 .banner-slider .slide-content .slide-title-sub {
    font-size: 60px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-home-banner-2022 .banner-slider .slide-content .slide-title-sub {
    font-size: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-home-banner-2022 .banner-slider .slide-content .slide-title-sub {
    font-size: 15px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-home-banner-2022 .banner-slider .slide-content .slide-title-sub {
    font-size: 40px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-home-banner-2022 .banner-slider .slide-content .slide-title-sub {
    font-size: 20px;
  }
}
.section-home-banner-2022 .banner-slider .slide-content .slide-title1 {
  font-family: "Balboa-Medium", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  line-height: 1em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-home-banner-2022 .banner-slider .slide-content .slide-title1 {
    font-size: 180px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-home-banner-2022 .banner-slider .slide-content .slide-title1 {
    font-size: 90px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-home-banner-2022 .banner-slider .slide-content .slide-title1 {
    font-size: 50px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-home-banner-2022 .banner-slider .slide-content .slide-title1 {
    font-size: 140px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-home-banner-2022 .banner-slider .slide-content .slide-title1 {
    font-size: 70px;
  }
}
.section-home-banner-2022 .banner-slider .slide-content .slide-title2 {
  font-family: "Balboa-Medium", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  line-height: 1em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-home-banner-2022 .banner-slider .slide-content .slide-title2 {
    font-size: 120px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-home-banner-2022 .banner-slider .slide-content .slide-title2 {
    font-size: 60px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-home-banner-2022 .banner-slider .slide-content .slide-title2 {
    font-size: 30px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-home-banner-2022 .banner-slider .slide-content .slide-title2 {
    font-size: 90px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-home-banner-2022 .banner-slider .slide-content .slide-title2 {
    font-size: 45px;
  }
}
.section-home-banner-2022 .banner-slider .slide-content .slide2-title {
  line-height: 1.1em;
  margin-bottom: 200px;
  margin-top: 200px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-home-banner-2022 .banner-slider .slide-content .slide2-title {
    font-size: 100px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-home-banner-2022 .banner-slider .slide-content .slide2-title {
    font-size: 50px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-home-banner-2022 .banner-slider .slide-content .slide2-title {
    font-size: 26px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-home-banner-2022 .banner-slider .slide-content .slide2-title {
    font-size: 64px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-home-banner-2022 .banner-slider .slide-content .slide2-title {
    margin-bottom: 100px;
    margin-top: 100px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-home-banner-2022 .banner-slider .slide-content .slide2-title {
    font-size: 42px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-home-banner-2022 .banner-slider .slide-content .slide2-title {
    margin-top: 0px;
    margin-bottom: 40px;
  }
}
.section-home-banner-2022 .banner-slider .slide-content .slide3-title {
  line-height: 1.1em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-home-banner-2022 .banner-slider .slide-content .slide3-title {
    font-size: 90px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-home-banner-2022 .banner-slider .slide-content .slide3-title {
    font-size: 50px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-home-banner-2022 .banner-slider .slide-content .slide3-title {
    font-size: 26px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-home-banner-2022 .banner-slider .slide-content .slide3-title {
    font-size: 64px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-home-banner-2022 .banner-slider .slide-content .slide3-title {
    font-size: 42px;
  }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-home-banner-2022 .banner-slider .slide-content .slide-title-sub2 {
    font-size: 64px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-home-banner-2022 .banner-slider .slide-content .slide-title-sub2 {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-home-banner-2022 .banner-slider .slide-content .slide-title-sub2 {
    font-size: 16px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-home-banner-2022 .banner-slider .slide-content .slide-title-sub2 {
    font-size: 50px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-home-banner-2022 .banner-slider .slide-content .slide-title-sub2 {
    font-size: 30px;
  }
}
.section-home-banner-2022 .banner-slider .slide-content .slide-title-sub2 .title-box {
  display: inline-block;
  font-size: 60%;
  border: 2px solid #ffffff;
  vertical-align: middle;
  padding: 0 15px;
  margin-left: 30px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-home-banner-2022 .banner-slider .slide-content .slide-title-sub2 .title-box {
    line-height: 1.3em;
  }
}
.section-home-banner-2022 .banner-slider .slide-content .slide-date {
  margin-top: 10px;
  color: #AD945C;
  font-weight: 600;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-home-banner-2022 .banner-slider .slide-content .slide-date {
    margin-top: 0;
  }
}
.section-home-banner-2022 .banner-slider .slide-content .slide-date .date-title {
  border-top: 1px solid #AD945C;
  border-bottom: 1px solid #AD945C;
  display: inline-block;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-home-banner-2022 .banner-slider .slide-content .slide-date .date-title {
    font-size: 36px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-home-banner-2022 .banner-slider .slide-content .slide-date .date-title {
    font-size: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-home-banner-2022 .banner-slider .slide-content .slide-date .date-title {
    font-size: 16px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-home-banner-2022 .banner-slider .slide-content .slide-date .date-title {
    line-height: 1.3em;
  }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-home-banner-2022 .banner-slider .slide-content .slide-date .date-title-sub {
    font-size: 42px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-home-banner-2022 .banner-slider .slide-content .slide-date .date-title-sub {
    font-size: 21px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-home-banner-2022 .banner-slider .slide-content .slide-date .date-title-sub {
    font-size: 10.5px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-home-banner-2022 .banner-slider .slide-content .slide-date .date-title-sub {
    line-height: 1.3em;
  }
}
.section-home-banner-2022 .banner-slider .slide-content .slide-btn {
  margin-top: 15px;
}
.section-home-banner-2022 .banner-slider .slide-content .slide-btn .btn-border {
  min-width: 250px;
  text-align: center;
}
@media (max-width: 575px) {
  .section-home-banner-2022 .banner-slider .slide-content .slide-btn .btn-border {
    min-width: 200px;
  }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-home-banner-2022 .banner-slider .slide-content .slide-btn .btn-border span {
    font-size: 44px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-home-banner-2022 .banner-slider .slide-content .slide-btn .btn-border span {
    font-size: 22px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-home-banner-2022 .banner-slider .slide-content .slide-btn .btn-border span {
    font-size: 18px;
  }
}
.section-home-banner-2022 .banner-slider .award-content {
  text-align: center;
  width: 100%;
  margin: 0 auto;
  padding: 0 15px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-home-banner-2022 .banner-slider .award-content {
    margin-top: 118px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-home-banner-2022 .banner-slider .award-content {
    padding: 0 30px;
  }
}
.section-home-banner-2022 .banner-slider .award-content .award-slide-title {
  font-weight: 500;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-home-banner-2022 .banner-slider .award-content .award-slide-title {
    font-size: 56px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-home-banner-2022 .banner-slider .award-content .award-slide-title {
    font-size: 36px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-home-banner-2022 .banner-slider .award-content .award-slide-title {
    font-size: 15px;
  }
}
.section-home-banner-2022 .banner-slider .award-content .award-slide-wrapper {
  font-family: "Balboa-Medium", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  padding: 15px 0;
  margin-bottom: 40px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-home-banner-2022 .banner-slider .award-content .award-slide-wrapper {
    padding: 10px 0;
    margin-bottom: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-home-banner-2022 .banner-slider .award-content .award-slide-wrapper {
    padding: 5px 0;
    margin-bottom: 15px;
  }
}
.section-home-banner-2022 .banner-slider .award-content .award-slide-wrapper .wrapper-title {
  line-height: 1em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-home-banner-2022 .banner-slider .award-content .award-slide-wrapper .wrapper-title {
    font-size: 200px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-home-banner-2022 .banner-slider .award-content .award-slide-wrapper .wrapper-title {
    font-size: 115px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-home-banner-2022 .banner-slider .award-content .award-slide-wrapper .wrapper-title {
    font-size: 55px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-home-banner-2022 .banner-slider .award-content .award-slide-wrapper .wrapper-title {
    font-size: 120px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-home-banner-2022 .banner-slider .award-content .award-slide-wrapper .wrapper-title {
    font-size: 72px;
  }
}
@media (max-width: 575px) {
  .section-home-banner-2022 .banner-slider .award-content .award-slide-wrapper .wrapper-title {
    font-size: 36px;
  }
}
.section-home-banner-2022 .banner-slider .award-content .award-slide-wrapper .wrapper-title-sub {
  font-weight: 700;
  line-height: 1.1em;
  text-transform: uppercase;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-home-banner-2022 .banner-slider .award-content .award-slide-wrapper .wrapper-title-sub {
    font-size: 110px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-home-banner-2022 .banner-slider .award-content .award-slide-wrapper .wrapper-title-sub {
    font-size: 63px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-home-banner-2022 .banner-slider .award-content .award-slide-wrapper .wrapper-title-sub {
    font-size: 30px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-home-banner-2022 .banner-slider .award-content .award-slide-wrapper .wrapper-title-sub {
    font-size: 72px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-home-banner-2022 .banner-slider .award-content .award-slide-wrapper .wrapper-title-sub {
    font-size: 42px;
  }
}
@media (max-width: 575px) {
  .section-home-banner-2022 .banner-slider .award-content .award-slide-wrapper .wrapper-title-sub {
    font-size: 24px;
  }
}
@-webkit-keyframes anim-2022-bg-title {
  0% {
    background-position: 1920px 1080px;
  }
  100% {
    background-position: 0 0;
  }
}
@keyframes anim-2022-bg-title {
  0% {
    background-position: 1920px 1080px;
  }
  100% {
    background-position: 0 0;
  }
}
.section-home-banner-2022 .banner-slider .award-content .award-slide-wrapper.bg-title {
  color: #000000;
  -webkit-text-fill-color: transparent;
  background: -webkit-linear-gradient(transparent, transparent), url("../../uploads/images/2022/common/home/slide_title_bg.png") repeat;
  -webkit-background-clip: text;
  background-attachment: fixed;
  background-size: 100%;
  background-position: center;
  -webkit-animation: anim-2022-bg-title 25000ms 0 linear;
  -moz-animation: anim-2022-bg-title 25000ms 0 linear;
  -ms-animation: anim-2022-bg-title 25000ms 0 linear;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  -ms-animation-direction: normal;
}
.section-home-banner-2022 .banner-slider .award-content .award-slide-title-sub {
  font-family: "Balboa-Medium", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  font-weight: 500;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-home-banner-2022 .banner-slider .award-content .award-slide-title-sub {
    font-size: 80px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-home-banner-2022 .banner-slider .award-content .award-slide-title-sub {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-home-banner-2022 .banner-slider .award-content .award-slide-title-sub {
    font-size: 20px;
  }
}
.section-home-banner-2022 .banner-slider .award-content .slide-btn {
  margin-top: 15px;
}
.section-home-banner-2022 .banner-slider .award-content .slide-btn .btn-border {
  min-width: 250px;
  text-align: center;
}
@media (max-width: 575px) {
  .section-home-banner-2022 .banner-slider .award-content .slide-btn .btn-border {
    min-width: 200px;
  }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-home-banner-2022 .banner-slider .award-content .slide-btn .btn-border span {
    font-size: 44px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-home-banner-2022 .banner-slider .award-content .slide-btn .btn-border span {
    font-size: 22px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-home-banner-2022 .banner-slider .award-content .slide-btn .btn-border span {
    font-size: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-home-banner-2022 .banner-slider .swiper-button-prev,
.section-home-banner-2022 .banner-slider .swiper-button-next {
    width: 13px;
    height: 22px;
    margin-top: -11px;
    background-size: contain;
  }
}
.section-home-banner-2022 .banner-slider .swiper-button-prev {
  left: 10px;
}
.section-home-banner-2022 .banner-slider .swiper-button-next {
  right: 10px;
}
.section-home-banner-2022 .banner-slider .swiper-pagination {
  bottom: 40px;
}
.section-home-banner-2022 .banner-slider .swiper-pagination .swiper-pagination-bullet {
  width: 92px;
  height: 16px;
  position: relative;
  background-color: transparent;
  margin: 0 15px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-home-banner-2022 .banner-slider .swiper-pagination .swiper-pagination-bullet {
    width: 48px;
    margin: 0 5px;
    bottom: 20px;
  }
}
.section-home-banner-2022 .banner-slider .swiper-pagination .swiper-pagination-bullet:before {
  content: "";
  width: 100%;
  height: 2px;
  background-color: #ffffff;
  margin-top: -1px;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
}
.section-home-banner-2022 .banner-slider .swiper-pagination .swiper-pagination-bullet:hover:before, .section-home-banner-2022 .banner-slider .swiper-pagination .swiper-pagination-bullet:focus:before, .section-home-banner-2022 .banner-slider .swiper-pagination .swiper-pagination-bullet:active:before {
  height: 6px;
  margin-top: -3px;
}
.section-home-banner-2022 .banner-slider .swiper-pagination .swiper-pagination-bullet .swiper-pagination-bullet-active {
  background-color: transparent;
}
.section-home-banner-2022 .banner-mark {
  position: fixed;
  width: 180px;
  right: 80px;
  z-index: 6;
  top: 195px;
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-home-banner-2022 .banner-mark {
    width: 130px;
    right: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-home-banner-2022 .banner-mark {
    width: 120px;
    right: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-home-banner-2022 .banner-mark {
    width: 120px;
    right: 15px;
    top: 120px;
  }
}
.section-home-banner-2022 .banner-mark img {
  width: 100%;
}
.section-home-banner-2022 .banner-title {
  position: absolute;
  bottom: 60px;
  width: 100%;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-home-banner-2022 .banner-title {
    bottom: 32px;
  }
}
.section-home-banner-2022 .banner-title .container-xl {
  width: 1700px;
  max-width: 100%;
}

@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .tc .section-home-banner-2022 .banner-slider .slide-content .slide1-title, .sc .section-home-banner-2022 .banner-slider .slide-content .slide1-title {
    font-size: 96px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .tc .section-home-banner-2022 .banner-slider .slide-content .slide1-title, .sc .section-home-banner-2022 .banner-slider .slide-content .slide1-title {
    font-size: 48px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tc .section-home-banner-2022 .banner-slider .slide-content .slide1-title, .sc .section-home-banner-2022 .banner-slider .slide-content .slide1-title {
    font-size: 24px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .tc .section-home-banner-2022 .banner-slider .slide-content .slide1-title, .sc .section-home-banner-2022 .banner-slider .slide-content .slide1-title {
    font-size: 80px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tc .section-home-banner-2022 .banner-slider .slide-content .slide1-title, .sc .section-home-banner-2022 .banner-slider .slide-content .slide1-title {
    font-size: 20px;
  }
}

/*

.section-home-grand-btm{
	margin-bottom:40px;
	position: relative;
	.container-inner{
		@include font-name("Century Gothic Bold");
		padding: 30px 25px;
		@media (min-width: 576px) and (max-width: 767px), (max-width: 575px){
			padding: 20px 15px;
		}
		.inner-btn{
			text-align: center;
			.btn-border{
				span{
					padding: 12px 30px;
					@include font-setup(20px);

				}
			}
		}
	}
}

.section-home-more{
	.container-inner{
		background-color: $Firefly;

		@include background-setup(contain);
		padding: 60px;
		@include margin(bottom, 60px);
		color: $White;

		@media (min-width: 576px) and (max-width: 767px), (max-width: 575px){
			padding: 15px;
		}

		.inner-title{
			text-transform: uppercase;
			@include font-setup(48px);
			line-height: 1.2em;
			@include font-name("Century Gothic Bold");
			margin-bottom: 60px;
			text-align: center;

			@media (min-width: 576px) and (max-width: 767px), (max-width: 575px){
				margin-bottom: 15px;
			}
		}

		.more-list{
			.list-item{
				display: block;
				margin: 0 auto 15px;

				.item-img{
					@include margin(bottom, 20px);
					.img-bg{
						padding:15px;
						@include bg();
						&.box1{
							background-color: $FlamePea;
						}
						&.box2{
							background-color: $FountainBlue;
						}
						&.box3{
							background-color: $BisonHide;
						}
						&.box4{
							background-color: $Danube;
							}
							.box-image{
								img{
									border-radius: 50%;
									width:100%;
								}
							}
							.box-title{
								display: flex;
								flex-direction: column;
								justify-content: center;
								min-height: 66px;
								vertical-align: middle;
								@include font-setup(28px);
								line-height:33px;
								text-align:center;
								color:$Firefly;
								text-transform: uppercase;
								margin-top: 20px;
								margin-bottom:10px;
								@include font-name("Century Gothic Bold");
								@media (max-width: 575px), (min-width: 576px) and (max-width: 767px), (min-width: 768px) and (max-width: 991px){
									font-size: 32px;
								}
							}
					}
				}
				.item-title{
					line-height: 1.2em;
					@include font-name("Century Gothic Bold");
					@include font-setup(22px);
				}

			}
		}
	}
}

*/
/*Home section p2*/
.section-home-countdown {
  margin-top: -200px;
  position: relative;
  z-index: 10;
}
@media (min-width: 1550px) {
  .section-home-countdown {
    margin-top: -240px;
    margin-bottom: 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-home-countdown {
    margin-top: -250px;
    margin-bottom: 70px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-home-countdown {
    margin-top: -150px;
  }
}
.section-home-countdown .countdown-wrapper .countdown {
  text-align: center;
}
.section-home-countdown .countdown-wrapper .countdown-title {
  text-align: center;
  color: #ffffff;
  padding-top: 10px;
  font-size: 28px;
  font-family: "Century Gothic Bold", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-home-countdown .countdown-wrapper .countdown-title {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-home-countdown .countdown-wrapper .countdown-title {
    padding-top: 5px;
    font-size: 14px;
  }
}
.section-home-countdown .countdown-wrapper .countdown-item {
  display: inline-block;
  width: 23%;
  margin: 0 5px;
  text-align: center;
  color: #ffffff;
  position: relative;
}
.section-home-countdown .countdown-wrapper .countdown-item .countdown-circle {
  display: inline-block;
  width: 120px;
  height: 120px;
  border: 4px solid #ffffff;
  border-radius: 75px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.section-home-countdown .countdown-wrapper .countdown-item .countdown-value {
  font-size: 32px;
  margin-top: 25px;
  font-family: "Century Gothic Bold", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
.section-home-countdown .countdown-wrapper .countdown-item .countdown-days {
  border-color: #E65A2B;
}
.section-home-countdown .countdown-wrapper .countdown-item .countdown-hrs {
  border-color: #3E65A5;
}
.section-home-countdown .countdown-wrapper .countdown-item .countdown-mins {
  border-color: #8D7D5E;
}
.section-home-countdown .countdown-wrapper .countdown-item .countdown-sec {
  border-color: #303030;
}
.section-home-countdown .countdown-wrapper .countdown-item .countdown-unit {
  font-weight: 700;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-home-countdown .countdown-wrapper .countdown {
    margin-top: 10px;
  }
  .section-home-countdown .countdown-wrapper .countdown-item {
    margin: 5px 0;
  }
  .section-home-countdown .countdown-wrapper .countdown-item:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    height: 60px;
    margin-top: -30px;
    border-left: 1px solid #ffffff;
  }
  .section-home-countdown .countdown-wrapper .countdown-item:first-child:before {
    display: none;
  }
  .section-home-countdown .countdown-wrapper .countdown-item .countdown-circle {
    width: 65px;
    height: 65px;
    border: 0;
  }
  .section-home-countdown .countdown-wrapper .countdown-item .countdown-value {
    margin: 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-home-countdown .countdown-wrapper .countdown-item {
    margin: 5px 0;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-home-countdown .countdown-wrapper .countdown-item {
    margin: 5px 0;
  }
  .section-home-countdown .countdown-wrapper .countdown-item .countdown-circle {
    width: 80px;
    height: 80px;
  }
  .section-home-countdown .countdown-wrapper .countdown-item .countdown-value {
    font-size: 26px;
    margin-top: 7px;
  }
}
@media (min-width: 1200px) and (max-width: 1599px) {
  .section-home-countdown .countdown-wrapper .countdown {
    margin-top: 15px;
  }
  .section-home-countdown .countdown-wrapper .countdown-item {
    width: 24%;
    margin: 0;
  }
  .section-home-countdown .countdown-wrapper .countdown-item .countdown-circle {
    width: 90px;
    height: 90px;
  }
  .section-home-countdown .countdown-wrapper .countdown-item .countdown-value {
    font-size: 36px;
    margin-top: 5px;
  }
  .section-home-countdown .countdown-wrapper .countdown-item .countdown-unit {
    font-size: 16px;
  }
  .section-home-countdown .countdown-wrapper .section-home-banner h4 {
    font-size: 20px;
    margin: 0;
  }
}
@media (min-width: 1600px) and (max-width: 1849px) {
  .section-home-countdown .countdown-wrapper .countdown-item {
    width: 22%;
    margin: 5px;
  }
  .section-home-countdown .countdown-wrapper .countdown-item .countdown-circle {
    width: 130px;
    height: 130px;
  }
  .section-home-countdown .countdown-wrapper .countdown-item .countdown-value {
    font-size: 48px;
    margin-top: 20px;
  }
  .section-home-countdown .countdown-wrapper .countdown-item .countdown-unit {
    font-size: 18px;
  }
}
@media (min-width: 1850px) {
  .section-home-countdown .countdown-wrapper .countdown-item {
    width: 23%;
    margin: 5px;
  }
  .section-home-countdown .countdown-wrapper .countdown-item .countdown-circle {
    width: 140px;
    height: 140px;
  }
  .section-home-countdown .countdown-wrapper .countdown-item .countdown-value {
    font-size: 48px;
    margin-top: 25px;
  }
  .section-home-countdown .countdown-wrapper .countdown-item .countdown-unit {
    font-size: 18px;
  }
}
.section-home-countdown .countdown-wrapper .circle-svg {
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -70px;
  display: block;
  width: 140px;
  height: 140px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-home-countdown .countdown-wrapper .circle-svg {
    display: none;
  }
}
.section-home-countdown .countdown-wrapper .circle-svg svg {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
}
.section-home-countdown .countdown-wrapper .circle-svg svg .circle-animation {
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  stroke-dasharray: 414.69;
  stroke-dashoffset: 414.69;
}

/*Startup section*/
/*Rule Section*/
/*Section About*/
/*investor section*/
/**/
/*Media section*/
.section-media {
  padding-top: 40px;
}
.section-media h1 {
  font-size: 54px;
  margin-bottom: 30px;
  text-align: center;
}
.section-media .title-video {
  margin-top: 40px;
  margin-bottom: 40px;
  position: relative;
  padding-right: 25px;
  padding-bottom: 25px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-media .title-video {
    margin-top: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-media .title-video {
    margin-top: 10px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-media .title-video {
    margin-bottom: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-media .title-video {
    margin-bottom: 10px;
  }
}
.section-media .title-video .title-shadow {
  position: absolute;
  right: 0;
  bottom: 0;
  width: calc(100% - 25px);
  height: calc(100% - 25px);
  background-color: #8D7D5E;
}
.section-media .title-video .title-cover {
  position: relative;
  padding: 40px 20px;
  color: #ffffff;
  font-family: "Century Gothic Bold", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  width: 100%;
  height: 100%;
  background-color: #3E65A5;
}
@media (max-width: 575px) {
  .section-media .title-video .title-cover {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-media .title-video .title-cover {
    font-size: 34px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-media .title-video .title-cover {
    font-size: 37px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-media .title-video .title-cover {
    font-size: 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-media .title-video .title-cover {
    font-size: 37px;
  }
}
@media (min-width: 1550px) {
  .section-media .title-video .title-cover {
    font-size: 44px;
  }
}
.section-media .title-photo {
  margin-top: 40px;
  margin-bottom: 40px;
  position: relative;
  padding-right: 25px;
  padding-bottom: 25px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-media .title-photo {
    margin-top: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-media .title-photo {
    margin-top: 10px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-media .title-photo {
    margin-bottom: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-media .title-photo {
    margin-bottom: 10px;
  }
}
.section-media .title-photo .title-shadow {
  position: absolute;
  right: 0;
  bottom: 0;
  width: calc(100% - 25px);
  height: calc(100% - 25px);
  background-color: #2CBBBB;
}
.section-media .title-photo .title-cover {
  position: relative;
  padding: 40px 20px;
  color: #ffffff;
  font-family: "Century Gothic Bold", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  width: 100%;
  height: 100%;
  background-color: #E15A2B;
}
@media (max-width: 575px) {
  .section-media .title-photo .title-cover {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-media .title-photo .title-cover {
    font-size: 34px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-media .title-photo .title-cover {
    font-size: 37px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-media .title-photo .title-cover {
    font-size: 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-media .title-photo .title-cover {
    font-size: 37px;
  }
}
@media (min-width: 1550px) {
  .section-media .title-photo .title-cover {
    font-size: 44px;
  }
}
.section-media .media-btn {
  text-align: center;
}
.section-media .media-btn .btn-theme {
  font-family: "Century Gothic Bold", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  width: 240px;
  padding: 15px;
}
@media (max-width: 575px) {
  .section-media .media-btn .btn-theme {
    font-size: 17px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-media .media-btn .btn-theme {
    font-size: 19px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-media .media-btn .btn-theme {
    font-size: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-media .media-btn .btn-theme {
    font-size: 22px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-media .media-btn .btn-theme {
    font-size: 20px;
  }
}
@media (min-width: 1550px) {
  .section-media .media-btn .btn-theme {
    font-size: 24px;
  }
}
.section-media .btn-view {
  background: #E15A2B;
  border-radius: 22px;
  border: 1px solid #E15A2B;
  color: #ffffff;
}
.section-media .btn-view:hover {
  background: #ffffff;
  color: #E15A2B;
}
.section-media .btn-view-photo {
  background: #437394;
  border: 1px solid #437394;
  color: #ffffff;
}
.section-media .btn-view-photo:hover {
  background: #ffffff;
  color: #437394;
}
.section-media .swiper-slide {
  height: 500px;
  overflow: hidden;
  width: 880px;
}
.section-media .swiper-slide a {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  display: block;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -ms-transition: all 0.6s;
  -o-transition: all 0.6s;
}
.section-media .swiper-slide:hover a {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
.section-media .swiper-slide:hover .swiper-hover-icon {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  visibility: hidden;
}
.section-media .swiper-slide .swiper-hover-icon {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../../uploads/images/2020/common/system/video_hover.png");
  height: 84px;
  left: 50%;
  margin-left: -42px;
  margin-top: -42px;
  position: absolute;
  top: 50%;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -ms-transition: all 0.6s;
  -o-transition: all 0.6s;
  width: 84px;
}
.section-media .swiper-slide .swiper-text {
  background-color: rgba(0, 0, 0, 0.3);
  bottom: 0;
  color: #ffffff;
  display: block;
  left: 0;
  padding: 5px 10px;
  position: absolute;
  text-align: center;
  width: 100%;
}
.section-media .swiper-pagination {
  padding: 15px 0;
  position: relative;
}
.section-media .swiper-button-prev {
  left: 15px;
  margin-top: -48px;
}
.section-media .swiper-button-next {
  margin-top: -48px;
  right: 15px;
}
.section-media .swiper-pagination.swiper-pagination-bullets {
  bottom: inherit;
  padding: 45px 0 35px;
  position: relative;
}
.section-media .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
  display: inline-block;
  margin: 0 7px;
  opacity: 1;
  position: relative;
  width: 14px;
  height: 14px;
}
.section-media .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet:before {
  border-style: solid;
  border-width: 0 5px 7px 5px;
  content: "";
  display: none;
  left: 50%;
  margin-left: -5px;
  position: absolute;
  top: 0px;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -ms-transition: all 0.6s;
  -o-transition: all 0.6s;
  width: 0;
  height: 0;
}
.section-media .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet:nth-child(4n+1) {
  background: #E15A2B;
}
.section-media .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet:nth-child(4n+1) before {
  border-color: transparent transparent #E15A2B transparent;
}
.section-media .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet:nth-child(4n+2) {
  background: #ffffff;
}
.section-media .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet:nth-child(4n+2) before {
  border-color: transparent transparent #ffffff transparent;
}
.section-media .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet:nth-child(4n+3) {
  background: #808059;
}
.section-media .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet:nth-child(4n+3) before {
  border-color: transparent transparent #808059 transparent;
}
.section-media .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet:nth-child(4n+4) {
  background: #3E65A5;
}
.section-media .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet:nth-child(4n+4) before {
  border-color: transparent transparent #3E65A5 transparent;
}
.section-media .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.section-media .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  top: -5px;
}
.section-media .media-list .media-item {
  margin-bottom: 25px;
}
.section-media .media-list .media-item .media-top {
  display: block;
  height: 202px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.section-media .media-list .media-item .media-top .media-img {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -ms-transition: all 0.6s;
  -o-transition: all 0.6s;
  width: 100%;
  height: 100%;
}
.section-media .media-list .media-item .media-top:hover .media-img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
.section-media .media-list .media-item .media-top .media-hover {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../../uploads/images/2020/common/system/video_hover.png");
  height: 42px;
  left: 50%;
  margin-left: -21px;
  margin-top: -21px;
  position: absolute;
  top: 50%;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -ms-transition: all 0.6s;
  -o-transition: all 0.6s;
  width: 42px;
}
.section-media .media-list .media-item:hover .media-top .media-hover {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  visibility: hidden;
}
.section-media .media-list .media-item:hover .media-bottom {
  background: #E15A2B;
}
.section-media .media-list .media-item:hover .media-title {
  color: #ffffff;
}
.section-media .media-list .media-item .media-bottom {
  background: #8F8F8F;
  padding: 10px 10px;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -ms-transition: all 0.6s;
  -o-transition: all 0.6s;
}
.section-media .media-list .media-item .media-bottom .media-title {
  font-family: "Century Gothic Bold", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  font-size: 18px;
  min-height: 4.5em;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -ms-transition: all 0.6s;
  -o-transition: all 0.6s;
}
.section-media .media-list .media-item .media-bottom .media-info-title {
  background: #000000;
  border-radius: 10px;
  color: #ffffff;
  display: inline-block;
  font-family: "Din Bold", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  font-size: 12px;
  padding: 1px 5px;
}
.section-media .media-list .media-item .media-bottom .media-info-item {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.section-media .media-list .media-item .media-bottom .media-info-item span {
  font-family: "Din Bold", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
.section-media .media-list .media-item .media-bottom .media-info-item a:hover {
  color: #ffffff;
  text-decoration: underline;
}
.section-media .media-list.photo-list .media-item:hover .media-bottom {
  background: #437394;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .section-media .media-list .media-item .media-top {
    height: 165px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-media .swiper-slide {
    height: 410px;
    width: 720px;
  }
  .section-media .media-list .media-item .media-top {
    height: 200px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-media h1 {
    font-size: 22px;
    margin-bottom: 30px;
  }
  .section-media .container-fluid {
    margin-bottom: 30px;
  }
  .section-media .swiper-slide {
    height: inherit;
    width: 250px;
  }
  .section-media .swiper-slide a {
    height: 140px;
    position: relative;
  }
  .section-media .swiper-slide:hover a {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
  .section-media .swiper-slide:hover .swiper-hover-icon {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    visibility: inherit;
  }
  .section-media .swiper-slide .swiper-hover-icon {
    height: 42px;
    margin-left: -21px;
    margin-top: -16px;
    width: 42px;
  }
  .section-media .swiper-slide .swiper-text {
    background-color: transparent;
    color: #000000;
    font-size: 12px;
    position: relative;
  }
  .section-media .swiper-button-prev {
    display: none;
  }
  .section-media .swiper-button-next {
    display: none;
  }
  .section-media .swiper-pagination.swiper-pagination-bullets {
    padding: 0;
  }
  .section-media .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    margin: 0 3px;
  }
  .section-media .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet:before {
    border-width: 0 4px 6px 4px;
    margin-left: -4px;
  }
  .section-media .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
    top: -3px;
  }
  .media-list .media-item {
    margin: 0 -10px 10px;
  }
  .media-list .media-item .media-top {
    height: 28vw;
  }
  .media-list .media-item .media-bottom .media-title,
.media-list .media-item .media-bottom .media-info-title,
.media-list .media-item .media-bottom .media-info-item {
    font-size: 12px;
  }
}
.fancybox-video .fancybox-skin {
  background: none;
  box-shadow: none !important;
}
.fancybox-video .fancybox-inner {
  padding: 20px 0;
}
.fancybox-video .fancybox-close {
  background-image: url("../../uploads/images/2020/common/system/popup_close.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.section-photo {
  color: #ffffff;
}
.section-photo .swiper-slide {
  height: 712px;
  margin-bottom: 30px;
  overflow: hidden;
  width: 100%;
}
.section-photo .swiper-slide .semi-video-item {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -ms-transition: all 0.6s;
  -o-transition: all 0.6s;
  width: 100%;
  height: 100%;
}
.section-photo .swiper-slide .swiper-text {
  background-color: rgba(0, 0, 0, 0.3);
  bottom: 0;
  color: #ffffff;
  display: block;
  left: 0;
  padding: 5px 10px;
  position: absolute;
  text-align: center;
  width: 100%;
}
.section-photo .swiper-button-prev {
  left: 15px;
}
.section-photo .swiper-button-next {
  right: 15px;
}
.section-photo .photo-album-info {
  margin-bottom: 30px;
}
.section-photo .photo-album-info a {
  color: #ffffff;
}

@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-photo {
    padding-top: 60px;
  }
  .section-photo h1 {
    font-size: 22px;
    margin-bottom: 30px;
  }
  .section-photo .container-fluid {
    margin-bottom: 30px;
  }
  .section-photo .swiper-slide {
    height: inherit;
    width: 250px;
  }
  .section-photo .swiper-slide .semi-video-item {
    height: 140px;
    position: relative;
    width: 250px;
  }
  .section-photo .swiper-button-prev {
    display: none;
  }
  .section-photo .swiper-button-next {
    display: none;
  }
  .section-photo .swiper-button-prev-overlay {
    width: 8%;
  }
  .section-photo .swiper-button-next-overlay {
    width: 8%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-photo .swiper-slide {
    width: 720px;
    height: 410px;
  }
}
.media-pager .pager-item {
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  width: 139px;
  height: 139px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .media-pager .pager-item {
    width: 114px;
    height: 114px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .media-pager .pager-item {
    width: 141px;
    height: 141px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .media-pager .pager-item {
    width: 21.5vw;
    height: 21.5vw;
  }
}
.media-pager .pager-item .pager-item-img {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -ms-transition: all 0.6s;
  -o-transition: all 0.6s;
  width: 100%;
  height: 100%;
}
.media-pager .pager-item:hover .pager-item-img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
}

.section-magazine-banner {
  background-position: center center;
  background-size: cover;
  color: #ffffff;
  height: 620px;
  overflow: hidden;
}
.section-magazine-banner h1 {
  margin-top: 0;
  -webkit-animation: banner-text-anim 0.6s 0 ease;
  -moz-animation: banner-text-anim 0.6s 0 ease;
  -ms-animation: banner-text-anim 0.6s 0 ease;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -webkit-animation-direction: alternate;
  -moz-animation-direction: alternate;
  -ms-animation-direction: alternate;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  opacity: 0;
  transform: translate(150px);
  font-family: "Century Gothic Bold", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
@media (max-width: 575px) {
  .section-magazine-banner h1 {
    font-size: 43px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-magazine-banner h1 {
    font-size: 47px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-magazine-banner h1 {
    font-size: 51px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-magazine-banner h1 {
    font-size: 55px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-magazine-banner h1 {
    font-size: 51px;
  }
}
@media (min-width: 1550px) {
  .section-magazine-banner h1 {
    font-size: 60px;
  }
}

@-webkit-keyframes banner-text-anim {
  from {
    transform: translate(150px);
    opacity: 0;
  }
  to {
    transform: translate(0px);
    opacity: 1;
  }
}

@keyframes banner-text-anim {
  from {
    transform: translate(150px);
    opacity: 0;
  }
  to {
    transform: translate(0px);
    opacity: 1;
  }
}
.section-magazine-main1 {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-magazine-main1 {
    padding-top: 40px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-magazine-main1 {
    padding-top: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-magazine-main1 {
    padding-bottom: 40px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-magazine-main1 {
    padding-bottom: 20px;
  }
}
.section-magazine-main1 .title-container {
  margin: 0 auto;
  width: 1556px;
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-magazine-main1 .title-container {
    width: 1160px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-magazine-main1 .title-container {
    width: 761px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-magazine-main1 .title-container {
    width: 368px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-magazine-main1 .title-container {
    width: 100%;
  }
}
.section-magazine-main1 .title-magazine {
  margin-top: 40px;
  margin-bottom: 40px;
  position: relative;
  padding-right: 25px;
  padding-bottom: 25px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-magazine-main1 .title-magazine {
    margin-top: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-magazine-main1 .title-magazine {
    margin-top: 10px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-magazine-main1 .title-magazine {
    margin-bottom: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-magazine-main1 .title-magazine {
    margin-bottom: 10px;
  }
}
.section-magazine-main1 .title-magazine .title-shadow {
  position: absolute;
  right: 0;
  bottom: 0;
  width: calc(100% - 25px);
  height: calc(100% - 25px);
  background-color: #2CBBBB;
}
.section-magazine-main1 .title-magazine .title-cover {
  position: relative;
  padding: 40px 20px;
  color: #ffffff;
  font-family: "Century Gothic Bold", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  width: 100%;
  height: 100%;
  background-color: #8D7D5E;
}
@media (max-width: 575px) {
  .section-magazine-main1 .title-magazine .title-cover {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-magazine-main1 .title-magazine .title-cover {
    font-size: 34px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-magazine-main1 .title-magazine .title-cover {
    font-size: 37px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-magazine-main1 .title-magazine .title-cover {
    font-size: 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-magazine-main1 .title-magazine .title-cover {
    font-size: 37px;
  }
}
@media (min-width: 1550px) {
  .section-magazine-main1 .title-magazine .title-cover {
    font-size: 44px;
  }
}

.magazine-item {
  background-position: center;
  background-size: cover;
  color: #ffffff;
  display: inline-block;
  font-family: "Din Bold", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  width: 300px;
  height: 300px;
  margin: 5px;
  position: relative;
  vertical-align: top;
}
.magazine-item a {
  color: #ffffff;
}
.magazine-item .magazine-content {
  background: #8F8F8F;
  bottom: 0;
  left: 0;
  padding: 15px;
  position: absolute;
}
.magazine-item .list-inline {
  margin-bottom: 2px;
}
.magazine-item .list-detail li {
  border-left: 1px solid #ffffff;
  line-height: 12px;
}
.magazine-item .list-detail li:first-child {
  border-left: 0;
}
.magazine-item .magazine-title {
  font-family: "Din Bold", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  font-size: 14px;
  margin-top: 5px;
}
.magazine-item .magazine-text {
  line-height: 14px;
  margin-bottom: 5px;
}
.magazine-item .magazine-footer {
  font-family: "Din Regular", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  font-size: 12px;
}

.magazine-blockquotes .magazine-content {
  height: 100%;
  width: 100%;
}
.magazine-blockquotes .blockquotes-container {
  background: url("../../uploads/images/2020/common/magazine/bg.png") no-repeat right top;
  border-bottom: 1px solid #ffffff;
  margin-bottom: 5px;
  padding-top: 50px;
}
.magazine-blockquotes .blockquotes-content {
  font-size: 20px;
  height: 140px;
}
.magazine-blockquotes .blockquotes-footer {
  height: 40px;
}

.magazine-theme-curiousBlue .magazine-content {
  background-color: #29A6DD;
}

.magazine-theme-flamingo .magazine-content {
  background-color: #F15B2B;
}

.magazine-theme-indianKhaki .magazine-content {
  background-color: #C2AD94;
}

.magazine-media img {
  width: 100px;
}
.magazine-media h6 {
  margin-bottom: 0;
}

.section-magazine-detail .magazine-col {
  background-color: #ffffff;
  margin: 0 -15px;
  padding: 25px 15px;
}

.magazine-col .h4 {
  border-bottom: 3px solid #CD5C37;
  display: inline-block;
  font-weight: bold;
  margin-top: 25px;
  padding: 5px 5px 5px 0;
  text-transform: uppercase;
}
.magazine-col .h4:first-child {
  margin-top: 0;
}
.magazine-col .form-main .form-control {
  background: none;
  box-shadow: none;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.magazine-col .form-main .btn {
  background: #B7B7B7;
  border-radius: 0;
  color: #8F8F8F;
  font-weight: normal;
}
.magazine-col .list-unstyled li {
  font-family: "Din Regular", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  margin-bottom: 8px;
}
.magazine-col .list-unstyled li a:hover {
  color: #1A1A1A;
}
.magazine-col .list-unstyled li a:focus {
  color: #1A1A1A;
}
.magazine-col .list-unstyled li a:active {
  color: #1A1A1A;
}

.magazine-calendar .table-condensed > tbody > tr > td, .magazine-calendar .table-condensed > tbody > tr > th, .magazine-calendar .table-condensed > tfoot > tr > td, .magazine-calendar .table-condensed > tfoot > tr > th, .magazine-calendar .table-condensed > thead > tr > td, .magazine-calendar .table-condensed > thead > tr > th {
  padding: 2px 2px;
}

.magazine-calendar .bootstrap-datetimepicker-widget table td.active.today:before {
  display: none;
}

.magazine-pagination > li {
  display: inline-block;
  line-height: 28px;
  vertical-align: middle;
}
.magazine-pagination > li:nth-child(4n) > a {
  background: #8D7D5E;
}
.magazine-pagination > li:nth-child(4n) > a:hover {
  background: none;
  border: 1px solid #8D7D5E;
}
.magazine-pagination > li:nth-child(4n+1) > a {
  background: #1A1A1A;
}
.magazine-pagination > li:nth-child(4n+1) > a:hover {
  background: none;
  border: 1px solid #1A1A1A;
}
.magazine-pagination > li:nth-child(4n+2) > a {
  background: #E65A2B;
}
.magazine-pagination > li:nth-child(4n+2) > a:hover {
  background: none;
  border: 1px solid #E65A2B;
}
.magazine-pagination > li:nth-child(4n+3) > a {
  background: #3E65A5;
}
.magazine-pagination > li:nth-child(4n+3) > a:hover {
  background: none;
  border: 1px solid #3E65A5;
}
.magazine-pagination > li:first-child > a {
  background: none;
  color: #ffffff;
}
.magazine-pagination > li:first-child > a hover {
  border-color: transparent;
}
.magazine-pagination > li:last-child > a {
  background: none;
  color: #ffffff;
}
.magazine-pagination > li:last-child > a:hover {
  border-color: transparent;
}
.magazine-pagination > li > a {
  background: none;
  border-radius: 100%;
  border: 0;
  border: 1px solid transparent;
  color: #ffffff;
  font-size: 16px;
  margin: 0 3px;
  padding: 0px 7px;
  text-transform: uppercase;
}
.magazine-pagination > li > a:hover {
  color: #ffffff;
}
.magazine-pagination > li.pager-prev a {
  font-size: 20px;
  padding-left: 20px;
}
.magazine-pagination > li.pager-next a {
  font-size: 20px;
  padding-right: 18px;
}
.magazine-pagination > li.dot a {
  background: none;
  color: #ffffff;
}
.magazine-pagination > li.dot a:hover {
  border: 1px solid transparent;
}
.magazine-pagination > li.active a {
  background: none;
  border: 1px solid transparent;
  color: #ffffff;
}
.magazine-pagination > li.active a:hover {
  background: none;
  border: 1px solid transparent;
  color: #ffffff;
}
.magazine-pagination > li.active a:focus {
  background: none;
  border: 1px solid transparent;
  color: #ffffff;
}
.magazine-pagination > li.active a:active {
  background: none;
  border: 1px solid transparent;
  color: #ffffff;
}
.magazine-pagination .pager-icon {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 11px;
  display: inline-block;
  height: 20px;
  position: absolute;
  top: 5px;
  width: 11px;
}
.magazine-pagination .pager-icon-prev {
  background-image: url("../../uploads/images/2020/common/magazine/pager_prev.png");
  left: 0;
}
.magazine-pagination .pager-icon-next {
  background-image: url("../../uploads/images/2020/common/magazine/pager_next.png");
  right: 0;
}

.list-tags {
  max-height: 330px;
  overflow: auto;
}
.list-tags li {
  margin: 2px;
  padding: 0;
}
.list-tags a {
  background: #CCCCCC;
  color: #666666;
  display: inline-block;
  margin: 1px 0;
  padding: 2px;
}

.list-ig {
  margin-left: 0;
}
.list-ig li {
  padding: 0px;
}
.list-ig a {
  background-position: center;
  background-size: cover;
  display: inline-block;
  height: 50px;
  width: 50px;
}

@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .magazine-list {
    margin-bottom: 50px;
    margin: 0 auto;
    max-width: 320px;
    text-align: center;
  }
  .magazine-item {
    margin: 4px -15px;
    text-align: left;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .magazine-list {
    margin-bottom: 50px;
    margin: 0 auto;
    width: 625px;
  }
}
.magazine-detail {
  color: #ffffff;
}

.magazine-detail-title {
  font-family: "Century Gothic Bold", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}

.magazine-detail-about {
  font-family: "Din Bold", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
.magazine-detail-about li {
  border-left: 1px solid #8F8F8F;
  color: #8F8F8F;
  font-size: 13px;
  line-height: 14px;
  padding-right: 0;
}
.magazine-detail-about li:first-child {
  border-left: 0;
}

.magazine-detail-content {
  font-family: "Din Regular", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  font-size: 14px;
  line-height: 2em;
  margin-bottom: 30px;
  text-align: justify;
}
.magazine-detail-content img {
  height: auto !important;
  max-width: 100% !important;
}
.magazine-detail-content img[style*="float: left;"] {
  margin-right: 20px !important;
}
.magazine-detail-content img[style*="float: right;"] {
  margin-left: 20px !important;
}
.magazine-detail-content a:not(.btn) {
  color: #ffffff;
}

.magazine-detail-footer {
  border-bottom: 1px solid #ffffff;
  color: #ffffff;
}

.magazine-detail-list-tag {
  display: inline-block;
}
.magazine-detail-list-tag li {
  padding: 0;
}
.magazine-detail-list-tag li:before {
  content: "/";
}
.magazine-detail-list-tag li:first-child before {
  content: "";
}
.magazine-detail-list-tag li a {
  color: #ffffff;
  margin-left: 5px;
}

.magazine-detail-list-share {
  display: inline-block;
  margin-left: 5px;
}
.magazine-detail-list-share li {
  padding: 0;
}
.magazine-detail-list-share li a {
  background: #ffffff;
  border-radius: 10px;
  color: #ffffff;
  display: inline-block;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  width: 20px;
}

.magazine-detail-addthis-share {
  display: inline-block;
  vertical-align: middle;
}
.magazine-detail-addthis-share .at-style-responsive .at-share-btn {
  padding: 2px;
}

@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .magazine-detail-content {
    text-align: inherit;
  }
  .magazine-detail-content img[style*="float:left;"] {
    float: none !important;
    height: auto !important;
    margin-right: 0 !important;
    width: 100% !important;
  }
  .magazine-detail-content img[style*="float:right;"] {
    float: none !important;
    height: auto !important;
    margin-left: 0 !important;
    width: 100% !important;
  }
  .magazine-detail p {
    font-size: 14px;
    line-height: 1.4em;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .magazine-detail p {
    line-height: 1.6em;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .magazine-detail {
    padding-right: 30px;
  }
  .magazine-detail p {
    line-height: 1.8em;
  }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .magazine-detail {
    padding-right: 30px;
  }
}
.magazine-detail-pager {
  font-size: 18px;
  margin: 20px 0;
}
.magazine-detail-pager a {
  color: #ffffff;
}
.magazine-detail-pager a:hover {
  color: #F15B2B;
}
.magazine-detail-pager a:focus {
  color: #F15B2B;
}
.magazine-detail-pager a:active {
  color: #F15B2B;
}

.grid-item {
  background: #AAAAAA;
  color: #ffffff;
  height: 483px;
  margin-bottom: 25px;
  overflow: hidden;
  padding: 20px;
  width: 368px;
}
.grid-item a {
  color: #ffffff;
}
.grid-item .list-inline {
  margin-bottom: 0;
}
.grid-item:hover .hover-content {
  left: 0;
}
.grid-item:hover .original-content {
  left: calc(-100% - 40px);
}

.grid-theme-curiousBlue {
  background-color: #29A6DD;
}
.grid-theme-curiousBlue .addthis-share a.at-share-btn svg {
  fill: #29A6DD !important;
}
.grid-theme-curiousBlue .h1 {
  font-family: "Din Bold", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}

.grid-theme-flamingo {
  background-color: #F15B2B;
}
.grid-theme-flamingo .addthis-share a.at-share-btn svg {
  fill: #F15B2B !important;
}
.grid-theme-flamingo .h1 {
  font-family: "Din Bold", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}

.grid-theme-indianKhaki {
  background-color: #C2AD94;
}
.grid-theme-indianKhaki .addthis-share a.at-share-btn svg {
  fill: #C2AD94 !important;
}
.grid-theme-indianKhaki .h1 {
  font-family: "Din Bold", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}

.grid-header {
  font-family: "Din Bold", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  font-size: 12px;
  text-align: right;
}
.grid-header .addthis-share a.at-share-btn {
  background-color: transparent !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 17px;
  width: 17px;
}
.grid-header .addthis-share a.at-share-btn * {
  display: none;
}
.grid-header .addthis-share a.at-svc-facebook {
  background-image: url("../../uploads/images/2020/common/magazine/share_fb.png");
}
.grid-header .addthis-share a.at-svc-twitter {
  background-image: url("../../uploads/images/2020/common/magazine/share_tw.png");
}
.grid-header .addthis-share a.at-svc-email {
  background-image: url("../../uploads/images/2020/common/magazine/share_em.png");
}
.grid-header > * {
  vertical-align: middle;
}

.grid-share {
  display: inline-block;
  margin-left: 8px;
}
.grid-share li {
  padding: 0 2px;
}
.grid-share img {
  height: 17px;
}

.addthis-share {
  display: inline-block;
  margin-left: 3px;
  vertical-align: top;
}
.addthis-share .at-style-responsive .at-share-btn {
  margin-bottom: 0;
  padding: 2px;
}

.grid-main {
  cursor: pointer;
  display: block;
  height: 400px;
  margin: 0px 0;
  position: relative;
}
.grid-main .h1 {
  font-family: "Century Gothic Bold", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  margin: 50px 0 40px 0;
  max-height: 240px;
  overflow: hidden;
}
.grid-main .h4 {
  bottom: 35px;
  font-family: "Din Regular", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  font-style: italic;
  left: 0;
  position: absolute;
}

.grid-theme-background {
  background-position: center !important;
  background-size: cover !important;
}
.grid-theme-background .grid-main .h1 {
  margin-bottom: 15px;
}

.grid-footer {
  border-top: 1px solid #ffffff;
  font-family: "Din Regular", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  font-size: 12px;
  padding: 5px 0;
  position: relative;
}
.grid-footer .list-inline {
  padding-right: 80px;
}
.grid-footer .grid-more {
  text-transform: uppercase;
}

.grid-info {
  display: inline-block;
}
.grid-info li {
  border-left: 1px solid #ffffff;
  line-height: 12px;
  padding-right: 2px;
}
.grid-info li:first-child {
  border-left: 0;
}

.grid-more {
  position: absolute;
  right: 0;
  top: 5px;
}
.grid-more .fa {
  transition: all 0.3s;
}
.grid-more:hover .fa {
  margin-left: 5px;
}

.original-content {
  height: 100%;
  left: 0;
  position: absolute;
  transition: all 0.6s;
  width: 100%;
}

.hover-content {
  height: 100%;
  left: 0;
  left: calc(100% + 40px);
  position: absolute;
  top: 0;
  transition: all 0.6s;
  width: 100%;
}

.grid-date {
  background: #ffffff;
  color: #666666;
  display: none;
  padding-left: 45px;
  padding-right: 45px;
}
.grid-date a {
  color: #666666;
}

.magazine-grid {
  margin: 0 auto;
  width: 1556px;
}
.magazine-grid .zabuto_calendar .table th {
  border: 0;
  padding: 2px;
}
.magazine-grid .zabuto_calendar .table td {
  border: 0;
  padding: 2px;
}
.magazine-grid .zabuto_calendar .table tr:last-child {
  border: 0;
}
.magazine-grid .zabuto_calendar .table tr.calendar-month-header th {
  background: none;
  font-family: "Din Bold", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
.magazine-grid .zabuto_calendar .table tr.calendar-month-header th span {
  padding-bottom: 10px;
  text-transform: uppercase;
}
.magazine-grid .zabuto_calendar .table tr.calendar-month-header th span:before {
  display: none;
}
.magazine-grid .zabuto_calendar .table tr.calendar-month-header th span .glyphicon {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 14px;
  margin-top: 3px;
  width: 8px;
}
.magazine-grid .zabuto_calendar .table tr.calendar-month-header th span .glyphicon-chevron-right {
  background-image: url("../../uploads/images/2020/common/news/cal_next.png");
}
.magazine-grid .zabuto_calendar .table tr.calendar-month-header th span .glyphicon-chevron-left {
  background-image: url("../../uploads/images/2020/common/news/cal_prev.png");
}
.magazine-grid .zabuto_calendar .table tr.calendar-dow-header th {
  background: none;
  font-family: "Din Bold", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
.magazine-grid .zabuto_calendar .calendar-month-navigation {
  padding-top: 0;
}
.magazine-grid .zabuto_calendar .badge {
  font-size: 14px;
  padding: 0;
  vertical-align: inherit;
}
.magazine-grid .zabuto_calendar .badge-today {
  background: none;
  color: #CD5C37;
}
.magazine-grid .zabuto_calendar div.legend span.badge-today {
  background: none;
  color: #CD5C37;
}
.magazine-grid div.zabuto_calendar .table tr td.event div.day {
  background: none;
  border: 1px solid #CD5C37;
}
.magazine-grid div.zabuto_calendar .table tr td div.day {
  margin: 0 6px;
  padding: 0;
}
.magazine-grid div.zabuto_calendar ul.legend li.event {
  background: none;
  border: 1px solid #CD5C37;
}
.magazine-grid .list-unstyled li {
  font-family: "Din Regular", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  margin-bottom: 8px;
}
.magazine-grid .list-unstyled li a:hover {
  color: #F15B2B;
}
.magazine-grid .list-unstyled li a:focus {
  color: #F15B2B;
}
.magazine-grid .list-unstyled li a:active {
  color: #F15B2B;
}
.magazine-grid .grid-date {
  position: relative;
}
.magazine-grid .grid-date .form-main {
  bottom: 20px;
  left: 45px;
  position: absolute;
  width: calc(100% - 90px);
}

@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .magazine-grid {
    width: 100%;
  }
  .grid-main {
    height: 390px;
  }
  .grid-main .h1 {
    font-size: 24px;
  }
  .grid-main .h4 {
    font-size: 16px;
  }
  .grid-item {
    width: 100%;
  }
  .grid-footer li {
    font-size: 12px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .magazine-grid {
    width: 368px;
  }
  .grid-footer li {
    font-size: 12px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .magazine-grid {
    width: 761px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .magazine-grid {
    width: 1160px;
  }
}
@media (min-width: 1550px) {
  .grid-item--width2 {
    width: 761px;
  }
  .grid-item--height2 {
    height: 991px;
  }
  .grid-item--height2 .grid-main {
    height: 908px;
  }
  .grid-date {
    display: block;
  }
}
.magazine-flexslider .flex-direction-nav li a {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 40px;
  width: 21px;
}
.magazine-flexslider .flex-direction-nav li a:before {
  display: none;
}
.magazine-flexslider .flex-direction-nav li a.flex-prev {
  background-image: url("../../uploads/images/2020/common/magazine/btn_prev.png");
}
.magazine-flexslider .flex-direction-nav li a.flex-next {
  background-image: url("../../uploads/images/2020/common/magazine/btn_next.png");
}
.magazine-flexslider .slides li {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 544px;
}
@media (max-width: 575px) {
  .magazine-flexslider .slides li {
    height: 240px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .magazine-flexslider .slides li {
    height: 320px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .magazine-flexslider .slides li {
    height: 480px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .magazine-flexslider .slides li {
    height: 480px;
  }
}

.section-registration {
  padding-bottom: 80px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-registration {
    padding-bottom: 40px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-registration {
    padding-bottom: 20px;
  }
}
.section-registration .terms-box {
  padding: 0 15px;
}

.section-login {
  padding-bottom: 80px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-login {
    padding-bottom: 40px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-login {
    padding-bottom: 20px;
  }
}

.section-account {
  padding-bottom: 80px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-account {
    padding-bottom: 40px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-account {
    padding-bottom: 20px;
  }
}
.section-account .account-box {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-account .account-box {
    padding-top: 40px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-account .account-box {
    padding-top: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-account .account-box {
    padding-bottom: 40px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-account .account-box {
    padding-bottom: 20px;
  }
}

.section-login .login-box {
  background-color: #ffffff;
  border: 1px solid #8F8F8F;
  padding: 30px;
  margin: 20px 0 40px;
}
.section-login .login-border {
  border-right: 2px solid #8F8F8F;
}
.section-login .login-box1 {
  padding: 30px 90px;
  color: #666666;
}
.section-login .login-box1 .form-control {
  background-color: #ffffff;
  border-radius: 0;
}
.section-login .login-box2 {
  padding: 30px 80px;
  color: #666666;
  min-height: 425px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-login .login-box2 {
    min-height: 337px;
  }
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-login .login-box2 {
    min-height: inherit;
  }
}
.section-login .btn {
  margin-top: 10px;
  margin-bottom: 10px;
  min-width: 180px;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .section-login .login-box1 {
    padding: 0 50px;
  }
  .section-login .login-box2 {
    padding: 0 50px;
  }
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-login .login-border {
    border-right: 0;
    border-bottom: 2px solid #8F8F8F;
  }
  .section-login .login-box1 {
    padding: 30px 50px;
  }
  .section-login .login-box2 {
    padding: 30px 50px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-login {
    margin-top: 0;
  }
  .section-login .login-box1 {
    padding: 15px 10px;
  }
  .section-login .login-box2 {
    padding: 15px 10px;
  }
}
.section-callout-form .form-success {
  height: 600px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-callout-form .form-success {
    height: 320px;
  }
}
.section-callout-form .form-success .form-success-detail {
  text-align: center;
  font-family: "Century Gothic Bold", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  margin-bottom: 30px;
}
@media (max-width: 575px) {
  .section-callout-form .form-success .form-success-detail {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-callout-form .form-success .form-success-detail {
    font-size: 22px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-callout-form .form-success .form-success-detail {
    font-size: 24px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-callout-form .form-success .form-success-detail {
    font-size: 26px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-callout-form .form-success .form-success-detail {
    font-size: 24px;
  }
}
@media (min-width: 1550px) {
  .section-callout-form .form-success .form-success-detail {
    font-size: 28px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-callout-form .form-success .form-success-detail {
    margin-bottom: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-callout-form .form-success .form-success-detail {
    margin-bottom: 7.5px;
  }
}
.section-callout-form .form-success .form-success-detail a {
  color: #FF7328;
}
.section-callout-form .form-success .form-success-detail a:hover, .section-callout-form .form-success .form-success-detail a:focus, .section-callout-form .form-success .form-success-detail a:active {
  text-decoration: underline;
}
.section-callout-form .terms-box {
  padding: 0 15px;
}
.section-callout-form .form-main-title {
  font-family: "Century Gothic Bold", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
.section-callout-form .form-title-sub {
  font-family: "Century Gothic", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}

/*Resources Section*/
.section-resources {
  background-color: #E9E9E9;
  margin-top: 90px;
  padding-top: 80px;
}
.section-resources h1 {
  margin-bottom: 30px;
}

.resources-title {
  color: #ffffff;
  padding: 20px 10px 20px 85px;
  position: relative;
}
.resources-title .title-icon {
  background: #ffffff;
  border-radius: 100%;
  height: 56px;
  left: 15px;
  margin-top: -28px;
  position: absolute;
  top: 50%;
  width: 56px;
}
.resources-title .title-icon img {
  width: 100%;
}
.resources-title .title-text h2 {
  line-height: 1.5em;
  margin: 0;
}

.resources-title-SanMarino {
  background: #3E65A5;
}

.resources-title-ClayCreek {
  background: #808059;
}

.resources-title-FlamePea {
  background: #E15A2B;
}

.resources-title-Black {
  background: #000000;
}

.resources-main {
  margin: 30px 0;
}
.resources-main a {
  background: #D6D6D6;
  border: 1px solid #4D4D4D;
  display: block;
  font-family: "Din Bold", "Microsoft JhengHei", sans-serif;
  font-size: 20px;
  height: 108px;
  margin-bottom: 30px;
  padding: 15px;
  text-align: center;
}

.resources-main-SanMarino a:hover {
  color: #3E65A5;
}

.resources-main-ClayCreek a:hover {
  color: #808059;
}

.resources-main-FlamePea a:hover {
  color: #E15A2B;
}

@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-resources h1 {
    font-size: 48px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .resources-main a {
    height: 120px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .resources-main a {
    font-size: 16px;
    height: 120px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-resources {
    margin-top: 0;
  }
  .resources-title {
    display: table;
    padding: 15px 10px 15px 65px;
    width: 100%;
  }
  .resources-title .title-text {
    display: table-cell;
    vertical-align: middle;
  }
  .resources-title .title-text h2 {
    font-size: 16px;
  }
  .resources-title .title-icon {
    height: 40px;
    margin-top: -20px;
    width: 40px;
  }
  .resources-main {
    margin: 20px 0;
  }
  .resources-main a {
    font-size: 12px;
    height: 80px;
    margin-bottom: 10px;
    padding: 5px;
  }
  .resources-wrapper .row {
    margin-left: -5px;
    margin-right: -5px;
  }
}
/*Section support*/
.section-support h3 {
  margin-bottom: 0;
  padding-bottom: 10px;
  font-weight: 700;
  color: #8D7D5E;
}
@media (max-width: 575px) {
  .section-support h3 {
    font-size: 17px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-support h3 {
    font-size: 19px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-support h3 {
    font-size: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-support h3 {
    font-size: 22px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-support h3 {
    font-size: 20px;
  }
}
@media (min-width: 1550px) {
  .section-support h3 {
    font-size: 24px;
  }
}
@media (max-width: 575px) {
  .section-support h3 {
    font-size: 14px;
    margin-left: -5px;
  }
}
.section-support .swiper-container-footer .swiper-slide {
  padding: 10px;
}
.section-support .swiper-container-footer .swiper-slide .footer-logo {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
}
.section-support .swiper-pagination.swiper-pagination-bullets {
  bottom: inherit;
  padding: 45px 0 15px;
  position: relative;
}
.section-support .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
  display: none;
  opacity: 0.8;
}
.section-support .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet:nth-child(1) {
  display: inline-block;
}
.section-support .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet:nth-child(2) {
  display: inline-block;
}
.section-support .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet:nth-child(3) {
  display: inline-block;
}
.section-support .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet:nth-child(4) {
  display: inline-block;
}
.section-support .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet:nth-child(4n+1) {
  background: #E15A2B;
}
.section-support .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet:nth-child(4n+2) {
  background: #ffffff;
}
.section-support .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet:nth-child(4n+3) {
  background: #808059;
}
.section-support .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet:nth-child(4n+4) {
  background: #3E65A5;
}

.list-sponsor {
  border-top: 1px solid #8D7D5E;
  display: inline-block;
  padding-top: 15px;
  padding-bottom: 15px;
  min-width: 290px;
}
.list-sponsor li {
  margin-bottom: 25px;
  padding: 0 15px;
  text-align: center;
  vertical-align: middle;
  height: 45px;
}
.list-sponsor li img {
  height: 100%;
}
.list-sponsor li.lg-li {
  height: 120px;
}
@media (max-width: 575px) {
  .list-sponsor li.lg-li {
    height: 90px;
  }
}
.list-sponsor li.md-li {
  height: 80px;
}
@media (max-width: 575px) {
  .list-sponsor li.md-li {
    height: 70px;
  }
}
.list-sponsor li.sm-li {
  height: 60px;
}
@media (max-width: 575px) {
  .list-sponsor li.sm-li {
    height: 50px;
  }
}
.list-sponsor li.xs-li {
  height: 40px;
}
@media (max-width: 575px) {
  .list-sponsor li.xs-li {
    height: 30px;
  }
}
@media (max-width: 575px) {
  .list-sponsor li.global-co-li {
    height: 45px;
    padding: 0 10px;
  }
}
.list-sponsor li.co-organizer-li {
  height: 45px;
  padding: 0 25px;
}
.list-sponsor.lg-list li {
  height: 60px;
}
@media (max-width: 575px) {
  .list-sponsor.lg-list li.co-organizer-li {
    height: 50px;
    padding: 0 10px;
  }
}
.list-sponsor.list-title-sponsor {
  padding-top: 0;
  padding-bottom: 0;
}
.list-sponsor.list-title-sponsor li {
  height: 160px;
}
@media (max-width: 575px) {
  .list-sponsor.list-title-sponsor li {
    height: 120px;
  }
}
.list-sponsor li.wide-container {
  max-width: 100%;
}
.list-sponsor li.ultra-wide-container {
  max-width: 100%;
}
.list-sponsor.list-sm li {
  padding: 0 15px;
  height: 33px;
}
.list-sponsor.list-sm li.suqare-item {
  height: 45px;
}
.list-sponsor.list-sm li.md-li {
  height: 50px;
}
@media (max-width: 575px) {
  .list-sponsor.list-sm li.md-li {
    height: 40px;
  }
}
.list-sponsor.list-sm li.lg-li {
  height: 60px;
}
@media (max-width: 575px) {
  .list-sponsor.list-sm li.lg-li {
    height: 50px;
  }
}
.list-sponsor.list-global-partners li img {
  height: 87%;
}
.list-sponsor.list-gold-sponsor li {
  height: 45px;
}
@media (max-width: 575px) {
  .list-sponsor.list-gold-sponsor li {
    height: 35px;
  }
}
.list-sponsor.list-gold-sponsor li.md-li {
  height: 50px;
}
@media (max-width: 575px) {
  .list-sponsor.list-gold-sponsor li.md-li {
    height: 40px;
  }
}
.list-sponsor.list-gold-sponsor li.lg-li {
  height: 60px;
}
@media (max-width: 575px) {
  .list-sponsor.list-gold-sponsor li.lg-li {
    height: 50px;
  }
}
.list-sponsor.list-sponsors li {
  height: 50px;
}
@media (max-width: 575px) {
  .list-sponsor.list-sponsors li {
    height: 40px;
  }
}

.section-home-support .container-fluid {
  max-width: 1920px;
}

.list-support.media {
  border-top: none;
  margin-top: -30px;
}

.section-terms h5 {
  font-weight: 700;
}

.fancybox-speaker .fancybox-skin, .fancybox-judges .fancybox-skin, .fancybox-note .fancybox-skin {
  background: none;
  box-shadow: none !important;
}
.fancybox-speaker .fancybox-inner, .fancybox-judges .fancybox-inner, .fancybox-note .fancybox-inner {
  height: inherit !important;
  padding: 20px 0;
}
.fancybox-speaker .fancybox-close, .fancybox-judges .fancybox-close, .fancybox-note .fancybox-close {
  background-image: url("../../uploads/images/2020/common/system/popup_close.png");
  background-size: cover;
}

.speaker-popup, .judges-popup, .note-popup {
  color: #ffffff;
}
.speaker-popup .speaker-img, .speaker-popup .judges-img, .judges-popup .speaker-img, .judges-popup .judges-img, .note-popup .speaker-img, .note-popup .judges-img {
  background-position: center;
  background-size: cover;
  width: 290px;
  height: 290px;
}
.speaker-popup h4, .judges-popup h4, .note-popup h4 {
  font-weight: 900;
  margin-bottom: 0px;
}
.speaker-popup h5, .judges-popup h5, .note-popup h5 {
  margin: 0 auto;
}
.speaker-popup h5 span, .judges-popup h5 span, .note-popup h5 span {
  display: inline-block;
  margin-top: 5px;
}
.speaker-popup p, .judges-popup p, .note-popup p {
  text-align: justify;
}
.speaker-popup a, .judges-popup a, .note-popup a {
  color: #ffffff;
  text-decoration: underline;
}

.art-popup .img, .nft-popup .img, .experience-popup .img {
  width: 100%;
  margin-bottom: 25px;
}
.art-popup .left-border-box, .nft-popup .left-border-box, .experience-popup .left-border-box {
  display: inline-block;
  border-left: 4px solid #08f203;
  padding-left: 10px;
  margin-bottom: 28px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .art-popup .left-border-box, .nft-popup .left-border-box, .experience-popup .left-border-box {
    margin-bottom: 6px;
  }
}
.art-popup .left-border-box .box-title, .nft-popup .left-border-box .box-title, .experience-popup .left-border-box .box-title {
  font-family: "Century Gothic Bold", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  font-size: 36px;
  color: #FFFFFF;
  letter-spacing: -1px;
  line-height: 1.2em;
  margin-bottom: 4px;
}
.art-popup .left-border-box .box-title.small, .nft-popup .left-border-box .box-title.small, .experience-popup .left-border-box .box-title.small {
  font-size: 22px;
}
.art-popup .left-border-box .by, .nft-popup .left-border-box .by, .experience-popup .left-border-box .by {
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 2px;
}
.art-popup .left-border-box .name, .nft-popup .left-border-box .name, .experience-popup .left-border-box .name {
  color: #FFFFFF;
  font-size: 16px;
  font-style: italic;
  font-weight: 600;
}
.art-popup .content, .nft-popup .content, .experience-popup .content {
  color: #FFFFFF;
  font-style: italic;
  font-weight: 600;
  font-size: 16px;
}
.art-popup .content span, .nft-popup .content span, .experience-popup .content span {
  color: #08f203;
}

.experience-popup .left-border-box {
  border-left: 4px solid #F15B2B;
}

.nft-popup .img {
  width: 100%;
  margin-bottom: 25px;
}
.nft-popup .left-border-box {
  display: inline-block;
  border-left: 4px solid #00988F;
  padding-left: 10px;
  margin-bottom: 28px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .nft-popup .left-border-box {
    margin-bottom: 6px;
  }
}
.nft-popup .left-border-box .box-title {
  font-family: "Century Gothic Bold", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  font-size: 36px;
  color: #FFFFFF;
  letter-spacing: -1px;
  line-height: 1.2em;
  margin-bottom: 4px;
}
.nft-popup .left-border-box .box-title.small {
  font-size: 22px;
}
.nft-popup .left-border-box .by {
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 2px;
}
.nft-popup .left-border-box .name {
  color: #FFFFFF;
  font-size: 16px;
  font-style: italic;
  font-weight: 600;
}
.nft-popup .content {
  color: #FFFFFF;
  font-style: italic;
  font-weight: 600;
  font-size: 16px;
}
.nft-popup .content span {
  color: #00988F;
}

.fancybox-webinar {
  background-color: #808059;
}
.fancybox-webinar .fancybox-skin {
  background: none;
  box-shadow: none !important;
}
.fancybox-webinar .fancybox-inner {
  height: inherit !important;
  padding: 85px 0;
  position: relative;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .fancybox-webinar .fancybox-inner {
    padding: 15px 0;
  }
}
.fancybox-webinar .fancybox-close {
  background-image: url("../../uploads/images/2020/common/system/popup_close.png");
  background-size: cover;
}

.webinar-popup {
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  color: #ffffff;
}
.webinar-popup .popup-wrapper {
  width: 100%;
  max-width: 855px;
  margin: 0 auto;
}
.webinar-popup .popup-wrapper .popup-close {
  display: inline-block;
  text-align: right;
  color: #ffffff;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .webinar-popup .popup-wrapper .popup-close {
    position: absolute;
    top: 20px;
    right: 25px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .webinar-popup .popup-wrapper .popup-close {
    float: right;
  }
}
.webinar-popup .popup-wrapper .popup-close .close-title {
  font-weight: 300;
  margin-bottom: 0.4em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .webinar-popup .popup-wrapper .popup-close .close-title {
    font-size: 13px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .webinar-popup .popup-wrapper .popup-close .close-title {
    font-size: 12px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .webinar-popup .popup-wrapper .popup-close .close-title {
    font-size: 11px;
  }
}
.webinar-popup .popup-wrapper .popup-close .close-icon {
  width: 52px;
  height: 52px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
  background-image: url("../../uploads/images/2022/common/webinar/popup_close.png");
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .webinar-popup .popup-wrapper .popup-close .close-icon {
    width: 35px;
    height: 35px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .webinar-popup .popup-wrapper .popup-close .close-icon {
    width: 26px;
    height: 26px;
  }
}
.webinar-popup .popup-wrapper .popup-close:hover .close-icon, .webinar-popup .popup-wrapper .popup-close:focus .close-icon, .webinar-popup .popup-wrapper .popup-close:active .close-icon {
  background-color: rgba(0, 0, 0, 0.25);
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .webinar-popup .popup-wrapper {
    display: flex;
  }
  .webinar-popup .popup-wrapper .wrapper-left {
    width: 315px;
    padding-right: 15px;
  }
  .webinar-popup .popup-wrapper .wrapper-right {
    width: calc(100% - 315px);
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .webinar-popup .popup-wrapper .wrapper-left {
    margin-bottom: 20px;
  }
}
.webinar-popup .popup-wrapper .wrapper-left .popup-img {
  width: 206px;
  height: 206px;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-bottom: 50px;
  overflow: hidden;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .webinar-popup .popup-wrapper .wrapper-left .popup-img {
    width: 160px;
    height: 160px;
    margin-bottom: 30px;
  }
}
.webinar-popup .popup-wrapper .wrapper-left .popup-img .img-bg {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
}
.webinar-popup .popup-wrapper .wrapper-left .popup-title,
.webinar-popup .popup-wrapper .wrapper-left .popup-company {
  font-weight: 700;
  line-height: 1.2em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .webinar-popup .popup-wrapper .wrapper-left .popup-title,
.webinar-popup .popup-wrapper .wrapper-left .popup-company {
    font-size: 18px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .webinar-popup .popup-wrapper .wrapper-left .popup-title,
.webinar-popup .popup-wrapper .wrapper-left .popup-company {
    font-size: 16px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .webinar-popup .popup-wrapper .wrapper-left .popup-title,
.webinar-popup .popup-wrapper .wrapper-left .popup-company {
    font-size: 14px;
  }
}
.webinar-popup .popup-wrapper .wrapper-left .popup-hr {
  width: 190px;
  height: 1px;
  background-color: #ffffff;
  margin: 10px 0 25px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .webinar-popup .popup-wrapper .wrapper-left .popup-hr {
    margin: 5px 0 15px;
  }
}
.webinar-popup .popup-wrapper .wrapper-left .popup-name {
  font-weight: 700;
  line-height: 1.2em;
  margin-bottom: 0.4em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .webinar-popup .popup-wrapper .wrapper-left .popup-name {
    font-size: 25px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .webinar-popup .popup-wrapper .wrapper-left .popup-name {
    font-size: 21px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .webinar-popup .popup-wrapper .wrapper-left .popup-name {
    font-size: 19px;
  }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .webinar-popup .popup-wrapper .wrapper-right .popup-detail {
    font-size: 13px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .webinar-popup .popup-wrapper .wrapper-right .popup-detail {
    font-size: 12px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .webinar-popup .popup-wrapper .wrapper-right .popup-detail {
    font-size: 12px;
  }
}

.note-popup {
  background-color: #EEB24C;
  background: linear-gradient(to right, #EEB24C, #BC302C);
}
.note-popup .note-detail {
  line-height: 1.4;
}
@media (max-width: 575px) {
  .note-popup .note-detail h3 {
    font-size: 17px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .note-popup .note-detail h3 {
    font-size: 19px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .note-popup .note-detail h3 {
    font-size: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .note-popup .note-detail h3 {
    font-size: 22px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .note-popup .note-detail h3 {
    font-size: 20px;
  }
}
@media (min-width: 1550px) {
  .note-popup .note-detail h3 {
    font-size: 24px;
  }
}
.note-popup .note-detail p {
  text-align: left;
}
@media (max-width: 575px) {
  .note-popup .note-detail p {
    font-size: 11px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .note-popup .note-detail p {
    font-size: 12px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .note-popup .note-detail p {
    font-size: 14px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .note-popup .note-detail p {
    font-size: 15px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .note-popup .note-detail p {
    font-size: 14px;
  }
}
@media (min-width: 1550px) {
  .note-popup .note-detail p {
    font-size: 16px;
  }
}
.startup-popup {
  color: #ffffff;
}
@media (max-width: 575px) {
  .startup-popup {
    font-size: 13px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .startup-popup {
    font-size: 14px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .startup-popup {
    font-size: 15px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .startup-popup {
    font-size: 17px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .startup-popup {
    font-size: 15px;
  }
}
@media (min-width: 1550px) {
  .startup-popup {
    font-size: 18px;
  }
}
.startup-popup .startup-logo {
  width: 370px;
  height: 370px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #ffffff;
  margin-bottom: 30px;
  text-align: center;
  color: #000000;
}
@media (max-width: 575px) {
  .startup-popup .startup-logo {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .startup-popup .startup-logo {
    font-size: 22px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .startup-popup .startup-logo {
    font-size: 24px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .startup-popup .startup-logo {
    font-size: 26px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .startup-popup .startup-logo {
    font-size: 24px;
  }
}
@media (min-width: 1550px) {
  .startup-popup .startup-logo {
    font-size: 28px;
  }
}
.startup-popup .startup-title {
  font-family: "Century Gothic Bold", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  color: #F15B2B;
  text-transform: uppercase;
}
@media (max-width: 575px) {
  .startup-popup .startup-title {
    font-size: 27px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .startup-popup .startup-title {
    font-size: 30px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .startup-popup .startup-title {
    font-size: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .startup-popup .startup-title {
    font-size: 35px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .startup-popup .startup-title {
    font-size: 32px;
  }
}
@media (min-width: 1550px) {
  .startup-popup .startup-title {
    font-size: 38px;
  }
}
.startup-popup .startup-website {
  text-transform: uppercase;
}
@media (max-width: 575px) {
  .startup-popup .startup-website {
    font-size: 16px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .startup-popup .startup-website {
    font-size: 17px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .startup-popup .startup-website {
    font-size: 19px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .startup-popup .startup-website {
    font-size: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .startup-popup .startup-website {
    font-size: 19px;
  }
}
@media (min-width: 1550px) {
  .startup-popup .startup-website {
    font-size: 22px;
  }
}
.startup-popup .startup-website a {
  color: #8F8F8F;
}
.startup-popup .startup-website a:hover, .startup-popup .startup-website a:focus, .startup-popup .startup-website a:active {
  color: #ffffff;
}
.startup-popup .startup-detail {
  margin-top: 30px;
  margin-bottom: 60px;
  line-height: 1.6;
}
.startup-popup .startup-title-sub {
  text-transform: uppercase;
  font-family: "Century Gothic", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  border-bottom: 1px solid #8F8F8F;
  color: #8F8F8F;
  margin-bottom: 30px;
  padding: 5px 0;
}
@media (max-width: 575px) {
  .startup-popup .startup-title-sub {
    font-size: 16px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .startup-popup .startup-title-sub {
    font-size: 17px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .startup-popup .startup-title-sub {
    font-size: 19px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .startup-popup .startup-title-sub {
    font-size: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .startup-popup .startup-title-sub {
    font-size: 19px;
  }
}
@media (min-width: 1550px) {
  .startup-popup .startup-title-sub {
    font-size: 22px;
  }
}
.startup-popup .startup-table .table {
  table-layout: fixed;
}
.startup-popup .startup-table .table tr th, .startup-popup .startup-table .table tr td {
  padding: 15px 15px;
  vertical-align: middle;
}
.startup-popup .startup-table .table tr th {
  border-top-color: #D2D2D2;
  background-color: #8F8F8F;
  color: #ffffff;
  font-weight: 400;
  width: 235px;
}
.startup-popup .startup-table .table tr td {
  border-top-color: #666666;
  background-color: #D2D2D2;
  color: #8F8F8F;
}
.startup-popup .startup-table .table tr:first-child th, .startup-popup .startup-table .table tr:first-child td {
  border-top: 0;
}

@media (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .speaker-popup .speaker-img {
    width: 250px;
    height: 250px;
    margin: 0 auto;
  }
  .speaker-popup h4 {
    text-align: center;
  }
  .speaker-popup h5 {
    text-align: center;
  }
  .startup-popup .startup-logo {
    width: 240px;
    height: 240px;
    margin-left: auto;
    margin-right: auto;
  }
  .startup-popup .startup-table .table tr th, .startup-popup .startup-table .table tr td {
    padding: 10px 5px;
  }
  .startup-popup .startup-table .table tr th {
    width: 90px;
  }
}
/*scoring css start*/
.bg-scoring {
  background-color: #1A1A1A;
}

.header-scoring {
  position: relative;
  height: auto;
  padding: 10px 0;
  background-color: rgba(0, 0, 0, 0.8);
  color: #ffffff;
}
.header-scoring .header-logo img {
  width: 298px;
}

.section-scoring {
  position: relative;
  color: #ffffff;
}
.section-scoring .scoring-title {
  color: #F15B2B;
  text-transform: uppercase;
  font-weight: 700;
}
.section-scoring .login-box {
  padding: 30px 15px;
  background-color: #282220;
}
.section-scoring .login-box .form-control {
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-shadow: none;
  background-color: #D2D2D2;
}
.section-scoring .login-box h3 {
  margin: 0;
}

.section-scoring-login {
  height: 640px;
}
.section-scoring-login .scoring-title {
  text-align: center;
}

.section-panel hr {
  height: 3px;
  margin: 10px 0;
  border: 0;
  background-color: #F8D07F;
  background: linear-gradient(to right, #F8D07F, #4E7FFF);
}
.section-panel .header-btn {
  margin-top: 10px;
  text-align: right;
}
.section-panel .header-btn .btn {
  background-color: #F15B2B;
}
.section-panel .table-scoring a {
  color: #ffffff;
}
.section-panel .table-scoring .tr-cn {
  border-top: 1px solid #ffffff;
}
.section-panel .table-scoring .tr-2nd td, .section-panel .table-scoring .tr-2nd th {
  padding-top: 0;
}
.section-panel .table-scoring .col-question {
  width: 15%;
}
.section-panel .table-scoring td.col-name {
  text-decoration: underline;
}
.section-panel .table-scoring th, .section-panel .table-scoring td {
  padding: 15px 10px;
  border-top: 0px;
}
.section-panel .table-scoring th {
  border-top: 0;
  color: #F15B2B;
  padding: 0px 10px 10px;
}
@media (max-width: 575px) {
  .section-panel .table-scoring th {
    font-size: 11px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-panel .table-scoring th {
    font-size: 12px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-panel .table-scoring th {
    font-size: 14px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-panel .table-scoring th {
    font-size: 15px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-panel .table-scoring th {
    font-size: 14px;
  }
}
@media (min-width: 1550px) {
  .section-panel .table-scoring th {
    font-size: 16px;
  }
}
.section-panel .table-scoring th a {
  color: #F15B2B;
}
.section-panel .table-scoring th .tooltip .tooltip-arrow {
  border-top-color: #F15B2B;
}
.section-panel .table-scoring th .tooltip .tooltip-inner {
  background-color: #F15B2B;
  color: #ffffff;
}
.section-panel .table-scoring .form-control {
  background-color: transparent;
  color: #ffffff;
  border-color: #AAAAAA !important;
}
.section-panel .table-scoring .input-group .input-group-addon {
  background-color: #666666 !important;
  color: #ffffff;
}
.section-panel .table-scoring textarea.form-control {
  resize: none;
}
.section-panel .table-scoring .front-textarea-comment {
  margin-bottom: 10px;
}
.section-panel .table-scoring td .dropdown {
  display: inline-block;
  width: 40px;
}
.section-panel .table-scoring td .dropdown a {
  display: inline-block;
  text-align: center;
  background-color: #ffffff;
  color: #000000;
  line-height: 20px;
  width: 40px;
  height: 20px;
  padding-right: 20px;
  position: relative;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.section-panel .table-scoring td .dropdown a:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -3px;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-top-color: #000000;
  border-left-color: fade(#000000, 0);
  border-right-color: fade(#000000, 0);
}
.section-panel .table-scoring td .dropdown .dropdown-menu {
  width: 20px;
  min-width: inherit;
  padding: 0;
  border: 0;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.section-panel .table-scoring td .dropdown .dropdown-menu li {
  color: #000000;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.section-panel .table-scoring td .dropdown .dropdown-menu li:hover {
  background-color: #F15B2B;
  color: #ffffff;
}
.section-panel .table-scoring td .checkbox {
  margin: 0;
}
.section-panel .table-scoring td .checkbox label:before {
  outline: 0 !important;
}
.section-panel .table-scoring tr td, .section-panel .table-scoring tr th {
  text-align: center;
}
.section-panel .table-scoring tr td:first-child, .section-panel .table-scoring tr td.text-left, .section-panel .table-scoring tr th:first-child, .section-panel .table-scoring tr th.text-left {
  text-align: left;
}

.section-panel-detail {
  display: none;
  color: #ffffff;
}
@media (max-width: 575px) {
  .section-panel-detail {
    font-size: 11px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-panel-detail {
    font-size: 12px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-panel-detail {
    font-size: 14px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-panel-detail {
    font-size: 15px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-panel-detail {
    font-size: 14px;
  }
}
@media (min-width: 1550px) {
  .section-panel-detail {
    font-size: 16px;
  }
}
.section-panel-detail .embed-checking .embed-iframe {
  display: block;
}
.section-panel-detail .embed-checking .embed-object {
  display: none;
}
.section-panel-detail .embed-checking.embed-desktop .embed-iframe {
  display: none;
}
.section-panel-detail .embed-checking.embed-desktop .embed-object {
  display: block;
}
.section-panel-detail .detail-wrapper {
  padding: 30px 15px;
  margin: 0 -15px;
  background-color: #282220;
}
.section-panel-detail .detail-wrapper .detail-item {
  display: none;
}
.section-panel-detail .detail-wrapper .detail-title {
  color: #ffffff;
  margin: 0;
}
.section-panel-detail .detail-wrapper .header-btn {
  text-align: right;
}
.section-panel-detail .detail-wrapper hr {
  height: 3px;
  margin: 10px 0;
  border: 0;
  background-color: #F8D07F;
  background: linear-gradient(to right, #F8D07F, #4E7FFF);
}
.section-panel-detail .detail-wrapper .info-box {
  margin: 15px 0;
}
.section-panel-detail .detail-wrapper .info-box .info-title {
  text-transform: uppercase;
  color: #F15B2B;
  font-weight: 700;
}
@media (max-width: 575px) {
  .section-panel-detail .detail-wrapper .info-box .info-title {
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-panel-detail .detail-wrapper .info-box .info-title {
    font-size: 16px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-panel-detail .detail-wrapper .info-box .info-title {
    font-size: 17px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-panel-detail .detail-wrapper .info-box .info-title {
    font-size: 18px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-panel-detail .detail-wrapper .info-box .info-title {
    font-size: 17px;
  }
}
@media (min-width: 1550px) {
  .section-panel-detail .detail-wrapper .info-box .info-title {
    font-size: 20px;
  }
}
.section-panel-detail .detail-wrapper .info-box .info-detail {
  line-height: 1.6;
}
.section-panel-detail .detail-wrapper .question-list .question-item .form-control {
  background-color: transparent;
  color: #ffffff;
  border-color: #AAAAAA !important;
}
.section-panel-detail .detail-wrapper .question-list .question-item .input-group .input-group-addon {
  background-color: #666666 !important;
  color: #ffffff;
}
.section-panel-detail .detail-wrapper .question-list .question-item textarea.form-control {
  resize: none;
}
.section-panel-detail .detail-wrapper .question-list .question-item .item-title {
  font-weight: 700;
  margin-bottom: 10px;
  color: #F15B2B;
}
@media (max-width: 575px) {
  .section-panel-detail .detail-wrapper .question-list .question-item .item-title {
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-panel-detail .detail-wrapper .question-list .question-item .item-title {
    font-size: 16px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-panel-detail .detail-wrapper .question-list .question-item .item-title {
    font-size: 17px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-panel-detail .detail-wrapper .question-list .question-item .item-title {
    font-size: 18px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-panel-detail .detail-wrapper .question-list .question-item .item-title {
    font-size: 17px;
  }
}
@media (min-width: 1550px) {
  .section-panel-detail .detail-wrapper .question-list .question-item .item-title {
    font-size: 20px;
  }
}
.section-panel-detail .detail-wrapper .question-list .question-item .item-detail ol {
  padding-left: 18px;
}
.section-panel-detail .detail-wrapper .question-list .question-item .item-slider {
  margin: 30px 0 40px;
  padding: 0 15px;
}
.section-panel-detail .detail-wrapper .question-list .question-item .item-slider .question-slider {
  height: 0;
}
.section-panel-detail .detail-wrapper .question-list .question-item .item-slider .question-slider .ui-slider-handle {
  text-align: center;
  background-color: #F15B2B;
  margin-top: -15px;
  margin-left: -15px;
  border: 0;
  line-height: 30px;
  color: #ffffff;
  outline: 0;
  top: 0;
  cursor: pointer;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.section-panel-detail .detail-wrapper .question-list .question-item .item-radio {
  margin: 10px 0 25px;
  display: inline-block;
}
.section-panel-detail .detail-wrapper .question-list .question-item .item-radio .radio-mark .mark-text .text-first,
.section-panel-detail .detail-wrapper .question-list .question-item .item-radio .radio-mark .mark-text .text-last {
  display: inline-block;
}
.section-panel-detail .detail-wrapper .question-list .question-item .item-radio .radio-mark .mark-text .text-last {
  float: right;
}
.section-panel-detail .detail-wrapper .question-list .question-item .item-radio .radio-mark .mark-value {
  margin: 15px 0 10px;
}
.section-panel-detail .detail-wrapper .question-list .question-item .item-radio .radio-mark .mark-value .value-number {
  width: calc(100% / 9);
  float: left;
  text-align: center;
}
.section-panel-detail .detail-wrapper .question-list .question-item .item-radio .radio-mark .mark-value:after {
  content: "";
  clear: both;
  display: block;
}
.section-panel-detail .detail-wrapper .question-list .question-item .item-radio .radio-mark .mark-hr {
  position: relative;
}
.section-panel-detail .detail-wrapper .question-list .question-item .item-radio .radio-mark .mark-hr .arrow-start,
.section-panel-detail .detail-wrapper .question-list .question-item .item-radio .radio-mark .mark-hr .arrow-end {
  position: absolute;
  width: 16px;
  height: 16px;
  margin-top: -9px;
}
.section-panel-detail .detail-wrapper .question-list .question-item .item-radio .radio-mark .mark-hr .arrow-start {
  left: 0;
  top: 50%;
  border-top: 2px solid #F8D07F;
  border-left: 2px solid #F8D07F;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
}
.section-panel-detail .detail-wrapper .question-list .question-item .item-radio .radio-mark .mark-hr .arrow-end {
  right: 0;
  top: 50%;
  border-top: 2px solid #4E7FFF;
  border-left: 2px solid #4E7FFF;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
}
.section-panel-detail .detail-wrapper .question-list .question-item .item-radio .radio-mark .mark-hr hr {
  width: 100%;
  height: 2px;
  margin: 10px 0;
  border: 0;
  background-color: #F8D07F;
  background: linear-gradient(to right, #F8D07F, #4E7FFF);
}
.section-panel-detail .detail-wrapper .question-list .question-item .item-radio .radio {
  width: 38px;
  margin: 0;
}
.section-panel-detail .detail-wrapper .question-list .question-item .item-radio .radio label::before {
  left: 11px;
}
.section-panel-detail .detail-wrapper .question-list .question-item .item-radio .radio label::after {
  left: 14px;
}
.section-panel-detail .detail-wrapper .detail-btn {
  text-align: right;
}

.section-panel-result br {
  display: none;
}

.section-scoring-login .btn,
.section-panel .btn,
.section-panel-detail .btn {
  width: 120px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
  border-width: 2px;
  border-style: solid;
  color: #ffffff;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.section-scoring-login .btn.btn-style1,
.section-panel .btn.btn-style1,
.section-panel-detail .btn.btn-style1 {
  background-color: #F15B2B;
  border-color: #F15B2B;
}
.section-scoring-login .btn.btn-style1:hover, .section-scoring-login .btn.btn-style1:focus, .section-scoring-login .btn.btn-style1:active,
.section-panel .btn.btn-style1:hover,
.section-panel .btn.btn-style1:focus,
.section-panel .btn.btn-style1:active,
.section-panel-detail .btn.btn-style1:hover,
.section-panel-detail .btn.btn-style1:focus,
.section-panel-detail .btn.btn-style1:active {
  background-color: transparent;
}
.section-scoring-login .btn.btn-style2,
.section-panel .btn.btn-style2,
.section-panel-detail .btn.btn-style2 {
  background-color: #3E65A5;
  border-color: #3E65A5;
}
.section-scoring-login .btn.btn-style2:hover, .section-scoring-login .btn.btn-style2:focus, .section-scoring-login .btn.btn-style2:active,
.section-panel .btn.btn-style2:hover,
.section-panel .btn.btn-style2:focus,
.section-panel .btn.btn-style2:active,
.section-panel-detail .btn.btn-style2:hover,
.section-panel-detail .btn.btn-style2:focus,
.section-panel-detail .btn.btn-style2:active {
  background-color: transparent;
}
.section-scoring-login .btn.btn-style3,
.section-panel .btn.btn-style3,
.section-panel-detail .btn.btn-style3 {
  background-color: #AD945C;
  border-color: #AD945C;
}
.section-scoring-login .btn.btn-style3:hover, .section-scoring-login .btn.btn-style3:focus, .section-scoring-login .btn.btn-style3:active,
.section-panel .btn.btn-style3:hover,
.section-panel .btn.btn-style3:focus,
.section-panel .btn.btn-style3:active,
.section-panel-detail .btn.btn-style3:hover,
.section-panel-detail .btn.btn-style3:focus,
.section-panel-detail .btn.btn-style3:active {
  background-color: transparent;
}
.section-scoring-login .btn.btn-lg,
.section-panel .btn.btn-lg,
.section-panel-detail .btn.btn-lg {
  width: 200px;
}
.section-scoring-login .btn.btn-xl,
.section-panel .btn.btn-xl,
.section-panel-detail .btn.btn-xl {
  width: 270px;
}

@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .col-sponsor-fix {
    margin-left: 13%;
  }
}

.call-out-form-popup .fancybox-close {
  top: 15px;
  right: 15px;
  background-image: url("../../uploads/images/common/2019/system/popup_close.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .call-out-form-popup {
    width: calc(100% - 40px) !important;
  }
  .call-out-form-popup .fancybox-inner {
    width: auto !important;
  }
}
.call-out-form-popup .fancybox-skin {
  background-color: #282220;
  color: #ffffff;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.pop-tnc {
  padding: 5px 15px;
}
@media (max-width: 575px) {
  .pop-tnc {
    font-size: 11px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .pop-tnc {
    font-size: 12px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .pop-tnc {
    font-size: 13px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .pop-tnc {
    font-size: 14px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .pop-tnc {
    font-size: 13px;
  }
}
@media (min-width: 1550px) {
  .pop-tnc {
    font-size: 15px;
  }
}
.pop-tnc a {
  color: white;
  text-decoration: underline;
}
.pop-tnc h1 {
  font-weight: 700;
  margin-top: 0;
  padding-right: 45px;
  color: #F26F21;
}
@media (max-width: 575px) {
  .pop-tnc h1 {
    font-size: 26px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .pop-tnc h1 {
    font-size: 28px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .pop-tnc h1 {
    font-size: 30px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .pop-tnc h1 {
    font-size: 33px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .pop-tnc h1 {
    font-size: 30px;
  }
}
@media (min-width: 1550px) {
  .pop-tnc h1 {
    font-size: 36px;
  }
}
.pop-tnc h3 {
  padding: 15px 0;
}
.pop-tnc ol, .pop-tnc ul {
  padding-left: 25px;
}
.pop-tnc li {
  margin-bottom: 10px;
}
.pop-tnc .popup-close {
  display: inline-block;
  color: #ffffff;
  background-color: #F15B2B;
  border-color: #F15B2B;
}
.pop-tnc .popup-close:hover, .pop-tnc .popup-close:focus, .pop-tnc .popup-close:active {
  background-color: transparent;
}

.section-panel-tnc {
  padding: 5px 0;
  color: #ffffff;
}
.section-panel-tnc a {
  color: #F26F21;
}
.section-panel-tnc a:hover, .section-panel-tnc a:focus, .section-panel-tnc a:active {
  text-decoration: underline;
}

.section-form-participate {
  height: 640px;
}

/*scoring css end*/
/*Top Start*/
.section-top-menu-2019 {
  padding: 160px 0 90px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .section-top-menu-2019 {
    padding: 100px 0 60px;
  }
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .section-top-menu-2019 {
    padding: 160px 0 80px;
  }
}
.section-top-menu-2019 .main-tab {
  text-align: center;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-top-menu-2019 .main-tab {
    text-align: left;
  }
}
.section-top-menu-2019 .main-tab .tab-item {
  position: relative;
  display: inline-block;
  color: #4D4D4D;
  margin: 0 50px;
  text-align: left;
  vertical-align: middle;
}
.section-top-menu-2019 .main-tab .tab-item .item-title {
  line-height: 1;
}
@media (max-width: 575px) {
  .section-top-menu-2019 .main-tab .tab-item .item-title {
    font-size: 33px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-top-menu-2019 .main-tab .tab-item .item-title {
    font-size: 36px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-top-menu-2019 .main-tab .tab-item .item-title {
    font-size: 39px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-top-menu-2019 .main-tab .tab-item .item-title {
    font-size: 42px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-top-menu-2019 .main-tab .tab-item .item-title {
    font-size: 39px;
  }
}
@media (min-width: 1550px) {
  .section-top-menu-2019 .main-tab .tab-item .item-title {
    font-size: 46px;
  }
}
@media (max-width: 575px) {
  .section-top-menu-2019 .main-tab .tab-item .item-title-sub {
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-top-menu-2019 .main-tab .tab-item .item-title-sub {
    font-size: 15px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-top-menu-2019 .main-tab .tab-item .item-title-sub {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-top-menu-2019 .main-tab .tab-item .item-title-sub {
    font-size: 17px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-top-menu-2019 .main-tab .tab-item .item-title-sub {
    font-size: 16px;
  }
}
@media (min-width: 1550px) {
  .section-top-menu-2019 .main-tab .tab-item .item-title-sub {
    font-size: 19px;
  }
}
@media (max-width: 575px) {
  .section-top-menu-2019 .main-tab .tab-item .item-title-sub span {
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-top-menu-2019 .main-tab .tab-item .item-title-sub span {
    font-size: 16px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-top-menu-2019 .main-tab .tab-item .item-title-sub span {
    font-size: 17px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-top-menu-2019 .main-tab .tab-item .item-title-sub span {
    font-size: 18px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-top-menu-2019 .main-tab .tab-item .item-title-sub span {
    font-size: 17px;
  }
}
@media (min-width: 1550px) {
  .section-top-menu-2019 .main-tab .tab-item .item-title-sub span {
    font-size: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-top-menu-2019 .main-tab .tab-item {
    margin: 0 30px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-top-menu-2019 .main-tab .tab-item {
    margin: 0 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-top-menu-2019 .main-tab .tab-item {
    margin: 0 0 10px 40px;
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-top-menu-2019 .main-tab .tab-item .item-title {
    line-height: 1;
  }
}
@media (min-width: 768px) and (max-width: 991px) and (max-width: 575px), (min-width: 576px) and (max-width: 767px) and (max-width: 575px), (max-width: 575px) and (max-width: 575px) {
  .section-top-menu-2019 .main-tab .tab-item .item-title {
    font-size: 29px;
  }
}
@media (min-width: 768px) and (max-width: 991px) and (min-width: 576px) and (max-width: 767px), (min-width: 576px) and (max-width: 767px) and (min-width: 576px) and (max-width: 767px), (max-width: 575px) and (min-width: 576px) and (max-width: 767px) {
  .section-top-menu-2019 .main-tab .tab-item .item-title {
    font-size: 31px;
  }
}
@media (min-width: 768px) and (max-width: 991px) and (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px) and (min-width: 768px) and (max-width: 991px), (max-width: 575px) and (min-width: 768px) and (max-width: 991px) {
  .section-top-menu-2019 .main-tab .tab-item .item-title {
    font-size: 34px;
  }
}
@media (min-width: 768px) and (max-width: 991px) and (min-width: 992px) and (max-width: 1199px), (min-width: 576px) and (max-width: 767px) and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) and (min-width: 992px) and (max-width: 1199px) {
  .section-top-menu-2019 .main-tab .tab-item .item-title {
    font-size: 37px;
  }
}
@media (min-width: 768px) and (max-width: 991px) and (min-width: 1200px) and (max-width: 1549px), (min-width: 576px) and (max-width: 767px) and (min-width: 1200px) and (max-width: 1549px), (max-width: 575px) and (min-width: 1200px) and (max-width: 1549px) {
  .section-top-menu-2019 .main-tab .tab-item .item-title {
    font-size: 34px;
  }
}
@media (min-width: 768px) and (max-width: 991px) and (min-width: 1550px), (min-width: 576px) and (max-width: 767px) and (min-width: 1550px), (max-width: 575px) and (min-width: 1550px) {
  .section-top-menu-2019 .main-tab .tab-item .item-title {
    font-size: 40px;
  }
}
@media (min-width: 768px) and (max-width: 991px) and (max-width: 575px), (min-width: 576px) and (max-width: 767px) and (max-width: 575px), (max-width: 575px) and (max-width: 575px) {
  .section-top-menu-2019 .main-tab .tab-item .item-title-sub {
    font-size: 11px;
  }
}
@media (min-width: 768px) and (max-width: 991px) and (min-width: 576px) and (max-width: 767px), (min-width: 576px) and (max-width: 767px) and (min-width: 576px) and (max-width: 767px), (max-width: 575px) and (min-width: 576px) and (max-width: 767px) {
  .section-top-menu-2019 .main-tab .tab-item .item-title-sub {
    font-size: 12px;
  }
}
@media (min-width: 768px) and (max-width: 991px) and (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px) and (min-width: 768px) and (max-width: 991px), (max-width: 575px) and (min-width: 768px) and (max-width: 991px) {
  .section-top-menu-2019 .main-tab .tab-item .item-title-sub {
    font-size: 14px;
  }
}
@media (min-width: 768px) and (max-width: 991px) and (min-width: 992px) and (max-width: 1199px), (min-width: 576px) and (max-width: 767px) and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) and (min-width: 992px) and (max-width: 1199px) {
  .section-top-menu-2019 .main-tab .tab-item .item-title-sub {
    font-size: 15px;
  }
}
@media (min-width: 768px) and (max-width: 991px) and (min-width: 1200px) and (max-width: 1549px), (min-width: 576px) and (max-width: 767px) and (min-width: 1200px) and (max-width: 1549px), (max-width: 575px) and (min-width: 1200px) and (max-width: 1549px) {
  .section-top-menu-2019 .main-tab .tab-item .item-title-sub {
    font-size: 14px;
  }
}
@media (min-width: 768px) and (max-width: 991px) and (min-width: 1550px), (min-width: 576px) and (max-width: 767px) and (min-width: 1550px), (max-width: 575px) and (min-width: 1550px) {
  .section-top-menu-2019 .main-tab .tab-item .item-title-sub {
    font-size: 16px;
  }
}
@media (min-width: 768px) and (max-width: 991px) and (max-width: 575px), (min-width: 576px) and (max-width: 767px) and (max-width: 575px), (max-width: 575px) and (max-width: 575px) {
  .section-top-menu-2019 .main-tab .tab-item .item-title-sub span {
    font-size: 13px;
  }
}
@media (min-width: 768px) and (max-width: 991px) and (min-width: 576px) and (max-width: 767px), (min-width: 576px) and (max-width: 767px) and (min-width: 576px) and (max-width: 767px), (max-width: 575px) and (min-width: 576px) and (max-width: 767px) {
  .section-top-menu-2019 .main-tab .tab-item .item-title-sub span {
    font-size: 14px;
  }
}
@media (min-width: 768px) and (max-width: 991px) and (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px) and (min-width: 768px) and (max-width: 991px), (max-width: 575px) and (min-width: 768px) and (max-width: 991px) {
  .section-top-menu-2019 .main-tab .tab-item .item-title-sub span {
    font-size: 15px;
  }
}
@media (min-width: 768px) and (max-width: 991px) and (min-width: 992px) and (max-width: 1199px), (min-width: 576px) and (max-width: 767px) and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) and (min-width: 992px) and (max-width: 1199px) {
  .section-top-menu-2019 .main-tab .tab-item .item-title-sub span {
    font-size: 17px;
  }
}
@media (min-width: 768px) and (max-width: 991px) and (min-width: 1200px) and (max-width: 1549px), (min-width: 576px) and (max-width: 767px) and (min-width: 1200px) and (max-width: 1549px), (max-width: 575px) and (min-width: 1200px) and (max-width: 1549px) {
  .section-top-menu-2019 .main-tab .tab-item .item-title-sub span {
    font-size: 15px;
  }
}
@media (min-width: 768px) and (max-width: 991px) and (min-width: 1550px), (min-width: 576px) and (max-width: 767px) and (min-width: 1550px), (max-width: 575px) and (min-width: 1550px) {
  .section-top-menu-2019 .main-tab .tab-item .item-title-sub span {
    font-size: 18px;
  }
}
.section-top-menu-2019 .main-tab .tab-item:before {
  content: "";
  width: 40px;
  height: 77px;
  background-image: url("../../uploads/images/2020/common/top/tab_arrow.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  left: -50px;
  top: 50%;
  margin-left: -20px;
  margin-top: -38px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-top-menu-2019 .main-tab .tab-item:before {
    left: -30px;
    width: 30px;
    height: 58px;
    margin-left: -15px;
    margin-top: -29px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-top-menu-2019 .main-tab .tab-item:before {
    left: -20px;
    width: 20px;
    height: 38px;
    margin-left: -10px;
    margin-top: -19px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-top-menu-2019 .main-tab .tab-item:before {
    left: -20px;
    width: 20px;
    height: 38px;
    margin-left: -10px;
    margin-top: -19px;
  }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-top-menu-2019 .main-tab .tab-item:first-child:before {
    display: none;
  }
}
.section-top-menu-2019 .main-tab .tab-item.active {
  color: #ffffff;
}
.section-top-menu-2019 hr {
  border-color: #8F8F8F;
}
.section-top-menu-2019 hr.main-hr {
  height: 3px;
  margin: 20px 0;
  border: 0;
  background-color: #F8D07F;
  background: linear-gradient(to right, #F8D07F, #4E7FFF);
}
.section-top-menu-2019 .main-content1 {
  margin-bottom: 30px;
}
.section-top-menu-2019 .main-content1 .content-title {
  color: #F15B2B;
  text-transform: uppercase;
  line-height: 1.2;
  margin-bottom: 15px;
  text-align: center;
}
@media (max-width: 575px) {
  .section-top-menu-2019 .main-content1 .content-title {
    font-size: 29px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-top-menu-2019 .main-content1 .content-title {
    font-size: 31px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-top-menu-2019 .main-content1 .content-title {
    font-size: 34px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-top-menu-2019 .main-content1 .content-title {
    font-size: 37px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-top-menu-2019 .main-content1 .content-title {
    font-size: 34px;
  }
}
@media (min-width: 1550px) {
  .section-top-menu-2019 .main-content1 .content-title {
    font-size: 40px;
  }
}
@media (max-width: 575px) {
  .section-top-menu-2019 .main-content1 .content-detail {
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-top-menu-2019 .main-content1 .content-detail {
    font-size: 15px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-top-menu-2019 .main-content1 .content-detail {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-top-menu-2019 .main-content1 .content-detail {
    font-size: 17px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-top-menu-2019 .main-content1 .content-detail {
    font-size: 16px;
  }
}
@media (min-width: 1550px) {
  .section-top-menu-2019 .main-content1 .content-detail {
    font-size: 19px;
  }
}
.section-top-menu-2019 .main-content2 .content-title {
  color: #666666;
  text-transform: uppercase;
  line-height: 1.2;
  margin-bottom: 15px;
  padding: 15px 25px 15px 0;
  border-bottom: 1px solid #666666;
  position: relative;
}
@media (max-width: 575px) {
  .section-top-menu-2019 .main-content2 .content-title {
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-top-menu-2019 .main-content2 .content-title {
    font-size: 15px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-top-menu-2019 .main-content2 .content-title {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-top-menu-2019 .main-content2 .content-title {
    font-size: 17px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-top-menu-2019 .main-content2 .content-title {
    font-size: 16px;
  }
}
@media (min-width: 1550px) {
  .section-top-menu-2019 .main-content2 .content-title {
    font-size: 19px;
  }
}
.section-top-menu-2019 .main-content2 .content-title .title-btn {
  position: absolute;
  right: 0;
  bottom: 20px;
  display: inline-block;
  width: 19px;
  height: 19px;
}
.section-top-menu-2019 .main-content2 .content-title .title-btn img {
  width: 100%;
}
.section-top-menu-2019 .main-content2 .content-detail {
  color: #AD945C;
}
@media (max-width: 575px) {
  .section-top-menu-2019 .main-content2 .content-detail {
    font-size: 13px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-top-menu-2019 .main-content2 .content-detail {
    font-size: 14px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-top-menu-2019 .main-content2 .content-detail {
    font-size: 15px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-top-menu-2019 .main-content2 .content-detail {
    font-size: 17px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-top-menu-2019 .main-content2 .content-detail {
    font-size: 15px;
  }
}
@media (min-width: 1550px) {
  .section-top-menu-2019 .main-content2 .content-detail {
    font-size: 18px;
  }
}
.section-top-menu-2019 .main-content2 .content-detail ul {
  padding-left: 25px;
}
.section-top-menu-2019 .main-content2 .content-detail ul li {
  line-height: 1.2;
  margin-bottom: 10px;
}
.section-top-menu-2019 .starters-list {
  text-align: center;
}
.section-top-menu-2019 .starters-list .starters-item {
  display: inline-block;
  height: 56px;
  margin: 20px 14px;
  padding: 15px;
  opacity: 1;
  color: #25282D;
  background-color: #ffffff;
  text-align: center;
  width: 200px;
  height: 200px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  vertical-align: top;
}
@media (max-width: 575px) {
  .section-top-menu-2019 .starters-list .starters-item {
    font-size: 13px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-top-menu-2019 .starters-list .starters-item {
    font-size: 14px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-top-menu-2019 .starters-list .starters-item {
    font-size: 15px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-top-menu-2019 .starters-list .starters-item {
    font-size: 17px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-top-menu-2019 .starters-list .starters-item {
    font-size: 15px;
  }
}
@media (min-width: 1550px) {
  .section-top-menu-2019 .starters-list .starters-item {
    font-size: 18px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-top-menu-2019 .starters-list .starters-item {
    margin: 20px 17px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-top-menu-2019 .starters-list .starters-item {
    margin: 20px 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-top-menu-2019 .starters-list .starters-item {
    margin: 5px 5px;
    padding: 10px;
    width: calc(50vw - 25px);
    height: calc(50vw - 25px);
  }
}
.section-top-menu-2019 .starters-list .starters-item:hover, .section-top-menu-2019 .starters-list .starters-item:focus, .section-top-menu-2019 .starters-list .starters-item:active {
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.section-top-menu-2019 .starters-list .starters-item .item-img {
  display: inline-block;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.section-top-detail-2019 {
  color: #ffffff;
  padding: 160px 0 90px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .section-top-detail-2019 {
    padding: 100px 0 60px;
  }
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .section-top-detail-2019 {
    padding: 160px 0 80px;
  }
}
.section-top-detail-2019 .btn-back {
  display: inline-block;
  color: #8F8F8F;
}
@media (max-width: 575px) {
  .section-top-detail-2019 .btn-back {
    font-size: 16px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-top-detail-2019 .btn-back {
    font-size: 17px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-top-detail-2019 .btn-back {
    font-size: 19px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-top-detail-2019 .btn-back {
    font-size: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-top-detail-2019 .btn-back {
    font-size: 19px;
  }
}
@media (min-width: 1550px) {
  .section-top-detail-2019 .btn-back {
    font-size: 22px;
  }
}
.section-top-detail-2019 .btn-back span {
  display: inline-block;
  width: 15px;
  height: 27px;
  margin-right: 15px;
  background-image: url("../../uploads/images/2020/common/top/back_btn.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
}
.section-top-detail-2019 hr {
  border-color: #8F8F8F;
}
.section-top-detail-2019 hr.main-hr {
  height: 3px;
  margin: 20px 0 40px;
  border: 0;
  background-color: #F8D07F;
  background: linear-gradient(to right, #F8D07F, #4E7FFF);
}
.section-top-detail-2019 .starter-logo {
  width: 100%;
  width: 320px;
  height: 320px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #ffffff;
  margin-bottom: 60px;
  background-position: left center;
  padding: 15px;
  background-size: contain;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-top-detail-2019 .starter-logo {
    width: 270px;
    height: 270px;
  }
}
.section-top-detail-2019 .starter-logo span {
  display: block;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.section-top-detail-2019 .starter-img {
  height: 350px;
  margin-bottom: 15px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-top-detail-2019 .starter-img {
    height: 70vw;
  }
}
.section-top-detail-2019 .starter-title {
  color: #F15B2B;
  text-transform: uppercase;
  line-height: 1.2;
  margin-bottom: 5px;
}
@media (max-width: 575px) {
  .section-top-detail-2019 .starter-title {
    font-size: 29px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-top-detail-2019 .starter-title {
    font-size: 31px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-top-detail-2019 .starter-title {
    font-size: 34px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-top-detail-2019 .starter-title {
    font-size: 37px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-top-detail-2019 .starter-title {
    font-size: 34px;
  }
}
@media (min-width: 1550px) {
  .section-top-detail-2019 .starter-title {
    font-size: 40px;
  }
}
.section-top-detail-2019 .starter-title-sub {
  text-transform: uppercase;
  line-height: 1.2;
  margin-bottom: 15px;
}
@media (max-width: 575px) {
  .section-top-detail-2019 .starter-title-sub {
    font-size: 16px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-top-detail-2019 .starter-title-sub {
    font-size: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-top-detail-2019 .starter-title-sub {
    font-size: 19px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-top-detail-2019 .starter-title-sub {
    font-size: 21px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-top-detail-2019 .starter-title-sub {
    font-size: 19px;
  }
}
@media (min-width: 1550px) {
  .section-top-detail-2019 .starter-title-sub {
    font-size: 23px;
  }
}
.section-top-detail-2019 .starter-detail {
  line-height: 1.6;
}
@media (max-width: 575px) {
  .section-top-detail-2019 .starter-detail {
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-top-detail-2019 .starter-detail {
    font-size: 15px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-top-detail-2019 .starter-detail {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-top-detail-2019 .starter-detail {
    font-size: 17px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-top-detail-2019 .starter-detail {
    font-size: 16px;
  }
}
@media (min-width: 1550px) {
  .section-top-detail-2019 .starter-detail {
    font-size: 19px;
  }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px) {
  .section-top-detail-2019 .starter-detail {
    min-height: 260px;
  }
}
.section-top-detail-2019 .starter-note {
  color: #666666;
  text-transform: uppercase;
  padding: 10px 0;
  margin-bottom: 15px;
  border-bottom: 1px solid #666666;
}
@media (max-width: 575px) {
  .section-top-detail-2019 .starter-note {
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-top-detail-2019 .starter-note {
    font-size: 15px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-top-detail-2019 .starter-note {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-top-detail-2019 .starter-note {
    font-size: 17px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-top-detail-2019 .starter-note {
    font-size: 16px;
  }
}
@media (min-width: 1550px) {
  .section-top-detail-2019 .starter-note {
    font-size: 19px;
  }
}
.section-top-detail-2019 .starter-item {
  margin-bottom: 15px;
}
.section-top-detail-2019 .starter-item .item-title {
  color: #AD945C;
  line-height: 1.2;
}
@media (max-width: 575px) {
  .section-top-detail-2019 .starter-item .item-title {
    font-size: 16px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-top-detail-2019 .starter-item .item-title {
    font-size: 17px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-top-detail-2019 .starter-item .item-title {
    font-size: 19px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-top-detail-2019 .starter-item .item-title {
    font-size: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-top-detail-2019 .starter-item .item-title {
    font-size: 19px;
  }
}
@media (min-width: 1550px) {
  .section-top-detail-2019 .starter-item .item-title {
    font-size: 22px;
  }
}
.section-top-detail-2019 .starter-item .item-detail {
  line-height: 1.2;
}
@media (max-width: 575px) {
  .section-top-detail-2019 .starter-item .item-detail {
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-top-detail-2019 .starter-item .item-detail {
    font-size: 15px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-top-detail-2019 .starter-item .item-detail {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-top-detail-2019 .starter-item .item-detail {
    font-size: 17px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-top-detail-2019 .starter-item .item-detail {
    font-size: 16px;
  }
}
@media (min-width: 1550px) {
  .section-top-detail-2019 .starter-item .item-detail {
    font-size: 19px;
  }
}

/*Top End*/
.section-top64 {
  margin-bottom: 60px;
  color: #ffffff;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-top64 {
    margin-bottom: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-top64 {
    margin-bottom: 15px;
  }
}
.section-top64 .inner-title-main {
  text-align: center;
  font-size: 76px;
  font-family: "Century Gothic Bold", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  text-transform: uppercase;
  line-height: 1.2em;
  margin-bottom: 60px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-top64 .inner-title-main {
    margin-bottom: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-top64 .inner-title-main {
    margin-bottom: 15px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-top64 .inner-title-main {
    font-size: 38px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-top64 .inner-title-main {
    font-size: 24px;
  }
}
.section-top64 .top64-menu {
  width: 100%;
  max-width: 980px;
  margin: 50px auto;
  font-family: "Century Gothic Bold", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
.section-top64 .top64-menu:after {
  content: "";
  clear: both;
  display: block;
}
.section-top64 .top64-menu .menu-item {
  float: left;
  width: 50%;
  height: 182px;
  padding: 20px 30px 20px 200px;
  text-transform: uppercase;
  position: relative;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-top64 .top64-menu .menu-item {
    float: inherit;
    width: 100%;
    display: block;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-top64 .top64-menu .menu-item {
    height: 120px;
    padding: 10px 15px 10px 100px;
  }
}
.section-top64 .top64-menu .menu-item .item-ball {
  position: absolute;
  width: 130px;
  height: 130px;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  left: 30px;
  top: 50%;
  margin-top: -65px;
  border: 5px solid transparent;
  text-align: center;
  padding: 9px;
}
.section-top64 .top64-menu .menu-item .item-ball .ball-wrapper {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 3px solid transparent;
  line-height: 1;
}
@media (max-width: 575px) {
  .section-top64 .top64-menu .menu-item .item-ball .ball-wrapper {
    font-size: 33px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-top64 .top64-menu .menu-item .item-ball .ball-wrapper {
    font-size: 36px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-top64 .top64-menu .menu-item .item-ball .ball-wrapper {
    font-size: 39px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-top64 .top64-menu .menu-item .item-ball .ball-wrapper {
    font-size: 42px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-top64 .top64-menu .menu-item .item-ball .ball-wrapper {
    font-size: 39px;
  }
}
@media (min-width: 1550px) {
  .section-top64 .top64-menu .menu-item .item-ball .ball-wrapper {
    font-size: 46px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-top64 .top64-menu .menu-item .item-ball {
    width: 75px;
    height: 75px;
    margin-top: -37px;
    border-width: 2px;
    padding: 4px;
    left: 15px;
  }
  .section-top64 .top64-menu .menu-item .item-ball .ball-wrapper {
    border-width: 1px;
  }
}
.section-top64 .top64-menu .menu-item .item-title {
  height: 100%;
  line-height: 1;
}
@media (max-width: 575px) {
  .section-top64 .top64-menu .menu-item .item-title {
    font-size: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-top64 .top64-menu .menu-item .item-title {
    font-size: 33px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-top64 .top64-menu .menu-item .item-title {
    font-size: 36px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-top64 .top64-menu .menu-item .item-title {
    font-size: 39px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-top64 .top64-menu .menu-item .item-title {
    font-size: 36px;
  }
}
@media (min-width: 1550px) {
  .section-top64 .top64-menu .menu-item .item-title {
    font-size: 42px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-top64 .top64-menu .menu-item .item-title {
    font-size: 20px;
  }
}
.section-top64 .top64-menu .menu-item:hover, .section-top64 .top64-menu .menu-item:focus, .section-top64 .top64-menu .menu-item:active {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  -webkit-transform: translateY(-3px);
  -moz-transform: translateY(-3px);
  -ms-transform: translateY(-3px);
  -o-transform: translateY(-3px);
}
.section-top64 .top64-menu .menu-item.style1 {
  background-color: #AD945C;
  color: #00162F;
}
.section-top64 .top64-menu .menu-item.style1 .item-ball {
  border-color: #00162F;
}
.section-top64 .top64-menu .menu-item.style1 .item-ball .ball-wrapper {
  border-color: #00162F;
}
.section-top64 .top64-menu .menu-item.style2 {
  background-color: #3E65A5;
  color: #ffffff;
}
.section-top64 .top64-menu .menu-item.style2 .item-ball {
  border-color: #ffffff;
}
.section-top64 .top64-menu .menu-item.style2 .item-ball .ball-wrapper {
  border-color: #ffffff;
}
.section-top64 .container-inner {
  background-color: rgba(0, 0, 0, 0.9);
  padding: 45px 40px;
  color: #090C07;
  margin-bottom: 60px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-top64 .container-inner {
    margin-bottom: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-top64 .container-inner {
    margin-bottom: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-top64 .container-inner {
    padding: 30px 20px;
  }
}
.section-top64 .container-inner .inner-title-sub,
.section-top64 .container-inner .inner-title,
.section-top64 .container-inner .inner-detail {
  text-transform: uppercase;
  font-family: "Century Gothic Bold", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
.section-top64 .container-inner .inner-title-sub {
  color: #F26F21;
}
@media (max-width: 575px) {
  .section-top64 .container-inner .inner-title-sub {
    font-size: 17px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-top64 .container-inner .inner-title-sub {
    font-size: 19px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-top64 .container-inner .inner-title-sub {
    font-size: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-top64 .container-inner .inner-title-sub {
    font-size: 22px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-top64 .container-inner .inner-title-sub {
    font-size: 20px;
  }
}
@media (min-width: 1550px) {
  .section-top64 .container-inner .inner-title-sub {
    font-size: 24px;
  }
}
.section-top64 .container-inner .inner-title {
  color: #000000;
  font-size: 76px;
  text-shadow: -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff, 1px 1px 0 #ffffff;
  font-weight: 700;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-top64 .container-inner .inner-title {
    font-size: 38px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-top64 .container-inner .inner-title {
    font-size: 24px;
  }
}
.section-top64 .container-inner .inner-detail {
  color: #ffffff;
}
@media (max-width: 575px) {
  .section-top64 .container-inner .inner-detail {
    font-size: 16px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-top64 .container-inner .inner-detail {
    font-size: 17px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-top64 .container-inner .inner-detail {
    font-size: 19px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-top64 .container-inner .inner-detail {
    font-size: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-top64 .container-inner .inner-detail {
    font-size: 19px;
  }
}
@media (min-width: 1550px) {
  .section-top64 .container-inner .inner-detail {
    font-size: 22px;
  }
}
.section-top64 .container-inner .top64-list {
  margin-top: 40px;
  margin-bottom: 60px;
}
.section-top64 .container-inner .top64-list .list-title {
  padding: 10px 0;
  margin-bottom: 30px;
  text-transform: uppercase;
  font-family: "Century Gothic Bold", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  border-bottom: 1px solid #ffffff;
  color: #ffffff;
}
@media (max-width: 575px) {
  .section-top64 .container-inner .top64-list .list-title {
    font-size: 34px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-top64 .container-inner .top64-list .list-title {
    font-size: 37px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-top64 .container-inner .top64-list .list-title {
    font-size: 40px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-top64 .container-inner .top64-list .list-title {
    font-size: 43px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-top64 .container-inner .top64-list .list-title {
    font-size: 40px;
  }
}
@media (min-width: 1550px) {
  .section-top64 .container-inner .top64-list .list-title {
    font-size: 47px;
  }
}
.section-top64 .container-inner .top64-list .list-wrapper:after {
  content: "";
  clear: both;
  display: block;
}
.section-top64 .container-inner .top64-list .list-wrapper .list-item {
  text-align: center;
  float: left;
  width: 20%;
  margin-bottom: 50px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-top64 .container-inner .top64-list .list-wrapper .list-item {
    width: 25%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-top64 .container-inner .top64-list .list-wrapper .list-item {
    width: calc(100% / 3);
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-top64 .container-inner .top64-list .list-wrapper .list-item {
    width: 50%;
  }
}
@media (max-width: 575px) {
  .section-top64 .container-inner .top64-list .list-wrapper .list-item {
    width: 100%;
  }
}
.section-top64 .container-inner .top64-list .list-wrapper .list-item .item-logo {
  margin: 0 auto 20px;
  width: 172px;
  height: 172px;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #ffffff;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
  overflow: hidden;
  padding: 15px;
}
.section-top64 .container-inner .top64-list .list-wrapper .list-item .item-logo .logo-img {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
}
.section-top64 .container-inner .top64-list .list-wrapper .list-item .item-title {
  font-family: "Century Gothic", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  color: #ffffff;
  height: 60px;
}
@media (max-width: 575px) {
  .section-top64 .container-inner .top64-list .list-wrapper .list-item .item-title {
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-top64 .container-inner .top64-list .list-wrapper .list-item .item-title {
    font-size: 16px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-top64 .container-inner .top64-list .list-wrapper .list-item .item-title {
    font-size: 17px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-top64 .container-inner .top64-list .list-wrapper .list-item .item-title {
    font-size: 18px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-top64 .container-inner .top64-list .list-wrapper .list-item .item-title {
    font-size: 17px;
  }
}
@media (min-width: 1550px) {
  .section-top64 .container-inner .top64-list .list-wrapper .list-item .item-title {
    font-size: 20px;
  }
}
.section-top64 .container-inner .top64-list .list-wrapper .list-item:hover .item-logo, .section-top64 .container-inner .top64-list .list-wrapper .list-item:focus .item-logo, .section-top64 .container-inner .top64-list .list-wrapper .list-item:active .item-logo {
  color: #000000;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  -webkit-transform: translateY(-3px);
  -moz-transform: translateY(-3px);
  -ms-transform: translateY(-3px);
  -o-transform: translateY(-3px);
}
.section-top64 .container-inner .top64-list.style1 .list-title {
  color: #F15B2B;
}
.section-top64 .container-inner .top64-list.style1 .list-wrapper .list-item .item-title {
  color: #F15B2B;
}
.section-top64 .container-inner .top64-list.style2 .list-title {
  color: #3E65A5;
}
.section-top64 .container-inner .top64-list.style2 .list-wrapper .list-item .item-title {
  color: #3E65A5;
}
.section-top64 .container-inner .top64-list.style3 .list-title {
  color: #AD945C;
}
.section-top64 .container-inner .top64-list.style3 .list-wrapper .list-item .item-title {
  color: #AD945C;
}
.section-top64 .container-inner .top64-list.style4 .list-title {
  color: #5BC3B7;
}
.section-top64 .container-inner .top64-list.style4 .list-wrapper .list-item .item-title {
  color: #5BC3B7;
}

.section-speakers, .section-judges {
  margin-bottom: 60px;
  color: #ffffff;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-speakers, .section-judges {
    margin-bottom: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-speakers, .section-judges {
    margin-bottom: 15px;
  }
}
.section-speakers .inner-title-main, .section-judges .inner-title-main {
  text-align: center;
  font-size: 76px;
  font-family: "Century Gothic Bold", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  text-transform: uppercase;
  line-height: 1.2em;
  margin-bottom: 60px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-speakers .inner-title-main, .section-judges .inner-title-main {
    margin-bottom: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-speakers .inner-title-main, .section-judges .inner-title-main {
    margin-bottom: 15px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-speakers .inner-title-main, .section-judges .inner-title-main {
    font-size: 38px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-speakers .inner-title-main, .section-judges .inner-title-main {
    font-size: 24px;
  }
}
.section-speakers .container-inner, .section-judges .container-inner {
  background-color: #0E1B2D;
  padding: 45px 40px;
  color: #090C07;
  width: 100%;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-speakers .container-inner, .section-judges .container-inner {
    margin-bottom: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-speakers .container-inner, .section-judges .container-inner {
    margin-bottom: 15px;
  }
}
@media (min-width: 1550px) {
  .section-speakers .container-inner, .section-judges .container-inner {
    width: 1320px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-speakers .container-inner, .section-judges .container-inner {
    padding: 30px 20px;
  }
}
.section-speakers .container-inner .inner-title, .section-judges .container-inner .inner-title {
  text-align: center;
  color: #AD945C;
  font-size: 50px;
  font-family: "Century Gothic Bold", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  text-transform: uppercase;
  margin-bottom: 60px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-speakers .container-inner .inner-title, .section-judges .container-inner .inner-title {
    font-size: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-speakers .container-inner .inner-title, .section-judges .container-inner .inner-title {
    font-size: 20px;
  }
}
.section-speakers .container-inner .inner-menu, .section-judges .container-inner .inner-menu {
  margin: 0 -40px 50px;
  font-family: "Century Gothic", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  text-transform: uppercase;
}
.section-speakers .container-inner .inner-menu:after, .section-judges .container-inner .inner-menu:after {
  content: "";
  clear: both;
  display: block;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-speakers .container-inner .inner-menu, .section-judges .container-inner .inner-menu {
    margin: 0 -20px 20px;
  }
}
.section-speakers .container-inner .inner-menu .menu-item, .section-judges .container-inner .inner-menu .menu-item {
  width: 20%;
  float: left;
  text-align: center;
  color: #666666;
}
@media (max-width: 575px) {
  .section-speakers .container-inner .inner-menu .menu-item, .section-judges .container-inner .inner-menu .menu-item {
    font-size: 16px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-speakers .container-inner .inner-menu .menu-item, .section-judges .container-inner .inner-menu .menu-item {
    font-size: 17px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-speakers .container-inner .inner-menu .menu-item, .section-judges .container-inner .inner-menu .menu-item {
    font-size: 19px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-speakers .container-inner .inner-menu .menu-item, .section-judges .container-inner .inner-menu .menu-item {
    font-size: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-speakers .container-inner .inner-menu .menu-item, .section-judges .container-inner .inner-menu .menu-item {
    font-size: 19px;
  }
}
@media (min-width: 1550px) {
  .section-speakers .container-inner .inner-menu .menu-item, .section-judges .container-inner .inner-menu .menu-item {
    font-size: 22px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-speakers .container-inner .inner-menu .menu-item, .section-judges .container-inner .inner-menu .menu-item {
    width: 100%;
    float: inherit;
    display: block;
  }
}
.section-speakers .container-inner .inner-menu .menu-item:after, .section-judges .container-inner .inner-menu .menu-item:after {
  content: "";
  display: block;
  height: 8px;
  margin-top: 12px;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
  opacity: 0.4;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-speakers .container-inner .inner-menu .menu-item:after, .section-judges .container-inner .inner-menu .menu-item:after {
    display: none;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-speakers .container-inner .inner-menu .menu-item.item1, .section-judges .container-inner .inner-menu .menu-item.item1 {
    background-color: #F26F21;
  }
}
.section-speakers .container-inner .inner-menu .menu-item.item1:after, .section-judges .container-inner .inner-menu .menu-item.item1:after {
  background-color: #F26F21;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-speakers .container-inner .inner-menu .menu-item.item2, .section-judges .container-inner .inner-menu .menu-item.item2 {
    background-color: #3E65A5;
  }
}
.section-speakers .container-inner .inner-menu .menu-item.item2:after, .section-judges .container-inner .inner-menu .menu-item.item2:after {
  background-color: #3E65A5;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-speakers .container-inner .inner-menu .menu-item.item3, .section-judges .container-inner .inner-menu .menu-item.item3 {
    background-color: #AD945C;
  }
}
.section-speakers .container-inner .inner-menu .menu-item.item3:after, .section-judges .container-inner .inner-menu .menu-item.item3:after {
  background-color: #AD945C;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-speakers .container-inner .inner-menu .menu-item.item4, .section-judges .container-inner .inner-menu .menu-item.item4 {
    background-color: #5BC3B7;
  }
}
.section-speakers .container-inner .inner-menu .menu-item.item4:after, .section-judges .container-inner .inner-menu .menu-item.item4:after {
  background-color: #5BC3B7;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-speakers .container-inner .inner-menu .menu-item.item5, .section-judges .container-inner .inner-menu .menu-item.item5 {
    background-color: #C3B1A3;
  }
}
.section-speakers .container-inner .inner-menu .menu-item.item5:after, .section-judges .container-inner .inner-menu .menu-item.item5:after {
  background-color: #C3B1A3;
}
.section-speakers .container-inner .inner-menu .menu-item:hover, .section-speakers .container-inner .inner-menu .menu-item:focus, .section-speakers .container-inner .inner-menu .menu-item:active, .section-judges .container-inner .inner-menu .menu-item:hover, .section-judges .container-inner .inner-menu .menu-item:focus, .section-judges .container-inner .inner-menu .menu-item:active {
  color: #ffffff;
}
.section-speakers .container-inner .inner-menu .menu-item.active, .section-judges .container-inner .inner-menu .menu-item.active {
  color: #ffffff;
}
.section-speakers .container-inner .inner-menu .menu-item.active:after, .section-judges .container-inner .inner-menu .menu-item.active:after {
  opacity: 1;
}
.section-speakers .container-inner .inner-judges-menu, .section-judges .container-inner .inner-judges-menu {
  margin: 0 -40px 50px;
  font-family: "Century Gothic", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  text-transform: uppercase;
}
.section-speakers .container-inner .inner-judges-menu:after, .section-judges .container-inner .inner-judges-menu:after {
  content: "";
  clear: both;
  display: block;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-speakers .container-inner .inner-judges-menu, .section-judges .container-inner .inner-judges-menu {
    margin: 0 -20px 20px;
  }
}
.section-speakers .container-inner .inner-judges-menu .menu-item, .section-judges .container-inner .inner-judges-menu .menu-item {
  width: 50%;
  float: left;
  text-align: center;
  color: #666666;
}
@media (max-width: 575px) {
  .section-speakers .container-inner .inner-judges-menu .menu-item, .section-judges .container-inner .inner-judges-menu .menu-item {
    font-size: 16px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-speakers .container-inner .inner-judges-menu .menu-item, .section-judges .container-inner .inner-judges-menu .menu-item {
    font-size: 17px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-speakers .container-inner .inner-judges-menu .menu-item, .section-judges .container-inner .inner-judges-menu .menu-item {
    font-size: 19px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-speakers .container-inner .inner-judges-menu .menu-item, .section-judges .container-inner .inner-judges-menu .menu-item {
    font-size: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-speakers .container-inner .inner-judges-menu .menu-item, .section-judges .container-inner .inner-judges-menu .menu-item {
    font-size: 19px;
  }
}
@media (min-width: 1550px) {
  .section-speakers .container-inner .inner-judges-menu .menu-item, .section-judges .container-inner .inner-judges-menu .menu-item {
    font-size: 22px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-speakers .container-inner .inner-judges-menu .menu-item, .section-judges .container-inner .inner-judges-menu .menu-item {
    width: 100%;
    float: inherit;
    display: block;
  }
}
.section-speakers .container-inner .inner-judges-menu .menu-item:after, .section-judges .container-inner .inner-judges-menu .menu-item:after {
  content: "";
  display: block;
  height: 8px;
  margin-top: 12px;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
  opacity: 0.4;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-speakers .container-inner .inner-judges-menu .menu-item:after, .section-judges .container-inner .inner-judges-menu .menu-item:after {
    display: none;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-speakers .container-inner .inner-judges-menu .menu-item.item1, .section-judges .container-inner .inner-judges-menu .menu-item.item1 {
    background-color: #F26F21;
  }
}
.section-speakers .container-inner .inner-judges-menu .menu-item.item1:after, .section-judges .container-inner .inner-judges-menu .menu-item.item1:after {
  background-color: #F26F21;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-speakers .container-inner .inner-judges-menu .menu-item.item2, .section-judges .container-inner .inner-judges-menu .menu-item.item2 {
    background-color: #3E65A5;
  }
}
.section-speakers .container-inner .inner-judges-menu .menu-item.item2:after, .section-judges .container-inner .inner-judges-menu .menu-item.item2:after {
  background-color: #3E65A5;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-speakers .container-inner .inner-judges-menu .menu-item.item3, .section-judges .container-inner .inner-judges-menu .menu-item.item3 {
    background-color: #AD945C;
  }
}
.section-speakers .container-inner .inner-judges-menu .menu-item.item3:after, .section-judges .container-inner .inner-judges-menu .menu-item.item3:after {
  background-color: #AD945C;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-speakers .container-inner .inner-judges-menu .menu-item.item4, .section-judges .container-inner .inner-judges-menu .menu-item.item4 {
    background-color: #5BC3B7;
  }
}
.section-speakers .container-inner .inner-judges-menu .menu-item.item4:after, .section-judges .container-inner .inner-judges-menu .menu-item.item4:after {
  background-color: #5BC3B7;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-speakers .container-inner .inner-judges-menu .menu-item.item5, .section-judges .container-inner .inner-judges-menu .menu-item.item5 {
    background-color: #C3B1A3;
  }
}
.section-speakers .container-inner .inner-judges-menu .menu-item.item5:after, .section-judges .container-inner .inner-judges-menu .menu-item.item5:after {
  background-color: #C3B1A3;
}
.section-speakers .container-inner .inner-judges-menu .menu-item:hover, .section-speakers .container-inner .inner-judges-menu .menu-item:focus, .section-speakers .container-inner .inner-judges-menu .menu-item:active, .section-judges .container-inner .inner-judges-menu .menu-item:hover, .section-judges .container-inner .inner-judges-menu .menu-item:focus, .section-judges .container-inner .inner-judges-menu .menu-item:active {
  color: #ffffff;
}
.section-speakers .container-inner .inner-judges-menu .menu-item.active, .section-judges .container-inner .inner-judges-menu .menu-item.active {
  color: #ffffff;
}
.section-speakers .container-inner .inner-judges-menu .menu-item.active:after, .section-judges .container-inner .inner-judges-menu .menu-item.active:after {
  opacity: 1;
}
.section-speakers .container-inner .speakers-list .grid, .section-speakers .container-inner .judges-list .grid, .section-judges .container-inner .speakers-list .grid, .section-judges .container-inner .judges-list .grid {
  margin-left: auto;
  margin-right: auto;
  /*

  &.grid-cat1{
  	.speakers-item{
  		display:none;
  		&.item-cat1{
  			display:block;
  		}
  	}
  }

  &.grid-cat2{
  	.speakers-item{
  		display:none;
  		&.item-cat2{
  			display:block;
  		}
  	}
  }

  &.grid-cat3{
  	.speakers-item{
  		display:none;
  		&.item-cat3{
  			display:block;
  		}
  	}
  }

  &.grid-cat4{
  	.speakers-item{
  		display:none;
  		&.item-cat4{
  			display:block;
  		}
  	}
  }

  */
}
@media (min-width: 1550px) {
  .section-speakers .container-inner .speakers-list .grid, .section-speakers .container-inner .judges-list .grid, .section-judges .container-inner .speakers-list .grid, .section-judges .container-inner .judges-list .grid {
    width: 1240px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-speakers .container-inner .speakers-list .grid, .section-speakers .container-inner .judges-list .grid, .section-judges .container-inner .speakers-list .grid, .section-judges .container-inner .judges-list .grid {
    width: 930px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-speakers .container-inner .speakers-list .grid, .section-speakers .container-inner .judges-list .grid, .section-judges .container-inner .speakers-list .grid, .section-judges .container-inner .judges-list .grid {
    width: 620px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-speakers .container-inner .speakers-list .grid, .section-speakers .container-inner .judges-list .grid, .section-judges .container-inner .speakers-list .grid, .section-judges .container-inner .judges-list .grid {
    width: 540px;
  }
}
@media (max-width: 575px) {
  .section-speakers .container-inner .speakers-list .grid, .section-speakers .container-inner .judges-list .grid, .section-judges .container-inner .speakers-list .grid, .section-judges .container-inner .judges-list .grid {
    width: 270px;
  }
}
.section-speakers .container-inner .speakers-list .grid .speakers-item, .section-speakers .container-inner .speakers-list .grid .judges-item, .section-speakers .container-inner .judges-list .grid .speakers-item, .section-speakers .container-inner .judges-list .grid .judges-item, .section-judges .container-inner .speakers-list .grid .speakers-item, .section-judges .container-inner .speakers-list .grid .judges-item, .section-judges .container-inner .judges-list .grid .speakers-item, .section-judges .container-inner .judges-list .grid .judges-item {
  width: 310px;
  height: 310px;
  padding: 0 10px;
  margin-bottom: 20px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-speakers .container-inner .speakers-list .grid .speakers-item, .section-speakers .container-inner .speakers-list .grid .judges-item, .section-speakers .container-inner .judges-list .grid .speakers-item, .section-speakers .container-inner .judges-list .grid .judges-item, .section-judges .container-inner .speakers-list .grid .speakers-item, .section-judges .container-inner .speakers-list .grid .judges-item, .section-judges .container-inner .judges-list .grid .speakers-item, .section-judges .container-inner .judges-list .grid .judges-item {
    width: 270px;
    height: 270px;
  }
}
.section-speakers .container-inner .speakers-list .grid .speakers-item .list-item, .section-speakers .container-inner .speakers-list .grid .judges-item .list-item, .section-speakers .container-inner .judges-list .grid .speakers-item .list-item, .section-speakers .container-inner .judges-list .grid .judges-item .list-item, .section-judges .container-inner .speakers-list .grid .speakers-item .list-item, .section-judges .container-inner .speakers-list .grid .judges-item .list-item, .section-judges .container-inner .judges-list .grid .speakers-item .list-item, .section-judges .container-inner .judges-list .grid .judges-item .list-item {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  color: #ffffff;
  position: relative;
}
.section-speakers .container-inner .speakers-list .grid .speakers-item .list-item .item-img, .section-speakers .container-inner .speakers-list .grid .judges-item .list-item .item-img, .section-speakers .container-inner .judges-list .grid .speakers-item .list-item .item-img, .section-speakers .container-inner .judges-list .grid .judges-item .list-item .item-img, .section-judges .container-inner .speakers-list .grid .speakers-item .list-item .item-img, .section-judges .container-inner .speakers-list .grid .judges-item .list-item .item-img, .section-judges .container-inner .judges-list .grid .speakers-item .list-item .item-img, .section-judges .container-inner .judges-list .grid .judges-item .list-item .item-img {
  width: 100%;
  height: 100%;
}
.section-speakers .container-inner .speakers-list .grid .speakers-item .list-item .item-img .img-bg, .section-speakers .container-inner .speakers-list .grid .judges-item .list-item .item-img .img-bg, .section-speakers .container-inner .judges-list .grid .speakers-item .list-item .item-img .img-bg, .section-speakers .container-inner .judges-list .grid .judges-item .list-item .item-img .img-bg, .section-judges .container-inner .speakers-list .grid .speakers-item .list-item .item-img .img-bg, .section-judges .container-inner .speakers-list .grid .judges-item .list-item .item-img .img-bg, .section-judges .container-inner .judges-list .grid .speakers-item .list-item .item-img .img-bg, .section-judges .container-inner .judges-list .grid .judges-item .list-item .item-img .img-bg {
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
}
.section-speakers .container-inner .speakers-list .grid .speakers-item .list-item .item-cover, .section-speakers .container-inner .speakers-list .grid .judges-item .list-item .item-cover, .section-speakers .container-inner .judges-list .grid .speakers-item .list-item .item-cover, .section-speakers .container-inner .judges-list .grid .judges-item .list-item .item-cover, .section-judges .container-inner .speakers-list .grid .speakers-item .list-item .item-cover, .section-judges .container-inner .speakers-list .grid .judges-item .list-item .item-cover, .section-judges .container-inner .judges-list .grid .speakers-item .list-item .item-cover, .section-judges .container-inner .judges-list .grid .judges-item .list-item .item-cover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 25px;
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-speakers .container-inner .speakers-list .grid .speakers-item .list-item .item-cover, .section-speakers .container-inner .speakers-list .grid .judges-item .list-item .item-cover, .section-speakers .container-inner .judges-list .grid .speakers-item .list-item .item-cover, .section-speakers .container-inner .judges-list .grid .judges-item .list-item .item-cover, .section-judges .container-inner .speakers-list .grid .speakers-item .list-item .item-cover, .section-judges .container-inner .speakers-list .grid .judges-item .list-item .item-cover, .section-judges .container-inner .judges-list .grid .speakers-item .list-item .item-cover, .section-judges .container-inner .judges-list .grid .judges-item .list-item .item-cover {
    padding: 15px;
  }
}
.section-speakers .container-inner .speakers-list .grid .speakers-item .list-item .item-cover .item-name, .section-speakers .container-inner .speakers-list .grid .judges-item .list-item .item-cover .item-name, .section-speakers .container-inner .judges-list .grid .speakers-item .list-item .item-cover .item-name, .section-speakers .container-inner .judges-list .grid .judges-item .list-item .item-cover .item-name, .section-judges .container-inner .speakers-list .grid .speakers-item .list-item .item-cover .item-name, .section-judges .container-inner .speakers-list .grid .judges-item .list-item .item-cover .item-name, .section-judges .container-inner .judges-list .grid .speakers-item .list-item .item-cover .item-name, .section-judges .container-inner .judges-list .grid .judges-item .list-item .item-cover .item-name {
  line-height: 1.2;
  font-weight: 700;
  text-transform: uppercase;
}
@media (max-width: 575px) {
  .section-speakers .container-inner .speakers-list .grid .speakers-item .list-item .item-cover .item-name, .section-speakers .container-inner .speakers-list .grid .judges-item .list-item .item-cover .item-name, .section-speakers .container-inner .judges-list .grid .speakers-item .list-item .item-cover .item-name, .section-speakers .container-inner .judges-list .grid .judges-item .list-item .item-cover .item-name, .section-judges .container-inner .speakers-list .grid .speakers-item .list-item .item-cover .item-name, .section-judges .container-inner .speakers-list .grid .judges-item .list-item .item-cover .item-name, .section-judges .container-inner .judges-list .grid .speakers-item .list-item .item-cover .item-name, .section-judges .container-inner .judges-list .grid .judges-item .list-item .item-cover .item-name {
    font-size: 19px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-speakers .container-inner .speakers-list .grid .speakers-item .list-item .item-cover .item-name, .section-speakers .container-inner .speakers-list .grid .judges-item .list-item .item-cover .item-name, .section-speakers .container-inner .judges-list .grid .speakers-item .list-item .item-cover .item-name, .section-speakers .container-inner .judges-list .grid .judges-item .list-item .item-cover .item-name, .section-judges .container-inner .speakers-list .grid .speakers-item .list-item .item-cover .item-name, .section-judges .container-inner .speakers-list .grid .judges-item .list-item .item-cover .item-name, .section-judges .container-inner .judges-list .grid .speakers-item .list-item .item-cover .item-name, .section-judges .container-inner .judges-list .grid .judges-item .list-item .item-cover .item-name {
    font-size: 20px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-speakers .container-inner .speakers-list .grid .speakers-item .list-item .item-cover .item-name, .section-speakers .container-inner .speakers-list .grid .judges-item .list-item .item-cover .item-name, .section-speakers .container-inner .judges-list .grid .speakers-item .list-item .item-cover .item-name, .section-speakers .container-inner .judges-list .grid .judges-item .list-item .item-cover .item-name, .section-judges .container-inner .speakers-list .grid .speakers-item .list-item .item-cover .item-name, .section-judges .container-inner .speakers-list .grid .judges-item .list-item .item-cover .item-name, .section-judges .container-inner .judges-list .grid .speakers-item .list-item .item-cover .item-name, .section-judges .container-inner .judges-list .grid .judges-item .list-item .item-cover .item-name {
    font-size: 22px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-speakers .container-inner .speakers-list .grid .speakers-item .list-item .item-cover .item-name, .section-speakers .container-inner .speakers-list .grid .judges-item .list-item .item-cover .item-name, .section-speakers .container-inner .judges-list .grid .speakers-item .list-item .item-cover .item-name, .section-speakers .container-inner .judges-list .grid .judges-item .list-item .item-cover .item-name, .section-judges .container-inner .speakers-list .grid .speakers-item .list-item .item-cover .item-name, .section-judges .container-inner .speakers-list .grid .judges-item .list-item .item-cover .item-name, .section-judges .container-inner .judges-list .grid .speakers-item .list-item .item-cover .item-name, .section-judges .container-inner .judges-list .grid .judges-item .list-item .item-cover .item-name {
    font-size: 24px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-speakers .container-inner .speakers-list .grid .speakers-item .list-item .item-cover .item-name, .section-speakers .container-inner .speakers-list .grid .judges-item .list-item .item-cover .item-name, .section-speakers .container-inner .judges-list .grid .speakers-item .list-item .item-cover .item-name, .section-speakers .container-inner .judges-list .grid .judges-item .list-item .item-cover .item-name, .section-judges .container-inner .speakers-list .grid .speakers-item .list-item .item-cover .item-name, .section-judges .container-inner .speakers-list .grid .judges-item .list-item .item-cover .item-name, .section-judges .container-inner .judges-list .grid .speakers-item .list-item .item-cover .item-name, .section-judges .container-inner .judges-list .grid .judges-item .list-item .item-cover .item-name {
    font-size: 22px;
  }
}
@media (min-width: 1550px) {
  .section-speakers .container-inner .speakers-list .grid .speakers-item .list-item .item-cover .item-name, .section-speakers .container-inner .speakers-list .grid .judges-item .list-item .item-cover .item-name, .section-speakers .container-inner .judges-list .grid .speakers-item .list-item .item-cover .item-name, .section-speakers .container-inner .judges-list .grid .judges-item .list-item .item-cover .item-name, .section-judges .container-inner .speakers-list .grid .speakers-item .list-item .item-cover .item-name, .section-judges .container-inner .speakers-list .grid .judges-item .list-item .item-cover .item-name, .section-judges .container-inner .judges-list .grid .speakers-item .list-item .item-cover .item-name, .section-judges .container-inner .judges-list .grid .judges-item .list-item .item-cover .item-name {
    font-size: 26px;
  }
}
.section-speakers .container-inner .speakers-list .grid .speakers-item .list-item .item-cover .item-title, .section-speakers .container-inner .speakers-list .grid .judges-item .list-item .item-cover .item-title, .section-speakers .container-inner .judges-list .grid .speakers-item .list-item .item-cover .item-title, .section-speakers .container-inner .judges-list .grid .judges-item .list-item .item-cover .item-title, .section-judges .container-inner .speakers-list .grid .speakers-item .list-item .item-cover .item-title, .section-judges .container-inner .speakers-list .grid .judges-item .list-item .item-cover .item-title, .section-judges .container-inner .judges-list .grid .speakers-item .list-item .item-cover .item-title, .section-judges .container-inner .judges-list .grid .judges-item .list-item .item-cover .item-title {
  line-height: 1.2;
}
@media (max-width: 575px) {
  .section-speakers .container-inner .speakers-list .grid .speakers-item .list-item .item-cover .item-title, .section-speakers .container-inner .speakers-list .grid .judges-item .list-item .item-cover .item-title, .section-speakers .container-inner .judges-list .grid .speakers-item .list-item .item-cover .item-title, .section-speakers .container-inner .judges-list .grid .judges-item .list-item .item-cover .item-title, .section-judges .container-inner .speakers-list .grid .speakers-item .list-item .item-cover .item-title, .section-judges .container-inner .speakers-list .grid .judges-item .list-item .item-cover .item-title, .section-judges .container-inner .judges-list .grid .speakers-item .list-item .item-cover .item-title, .section-judges .container-inner .judges-list .grid .judges-item .list-item .item-cover .item-title {
    font-size: 13px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-speakers .container-inner .speakers-list .grid .speakers-item .list-item .item-cover .item-title, .section-speakers .container-inner .speakers-list .grid .judges-item .list-item .item-cover .item-title, .section-speakers .container-inner .judges-list .grid .speakers-item .list-item .item-cover .item-title, .section-speakers .container-inner .judges-list .grid .judges-item .list-item .item-cover .item-title, .section-judges .container-inner .speakers-list .grid .speakers-item .list-item .item-cover .item-title, .section-judges .container-inner .speakers-list .grid .judges-item .list-item .item-cover .item-title, .section-judges .container-inner .judges-list .grid .speakers-item .list-item .item-cover .item-title, .section-judges .container-inner .judges-list .grid .judges-item .list-item .item-cover .item-title {
    font-size: 14px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-speakers .container-inner .speakers-list .grid .speakers-item .list-item .item-cover .item-title, .section-speakers .container-inner .speakers-list .grid .judges-item .list-item .item-cover .item-title, .section-speakers .container-inner .judges-list .grid .speakers-item .list-item .item-cover .item-title, .section-speakers .container-inner .judges-list .grid .judges-item .list-item .item-cover .item-title, .section-judges .container-inner .speakers-list .grid .speakers-item .list-item .item-cover .item-title, .section-judges .container-inner .speakers-list .grid .judges-item .list-item .item-cover .item-title, .section-judges .container-inner .judges-list .grid .speakers-item .list-item .item-cover .item-title, .section-judges .container-inner .judges-list .grid .judges-item .list-item .item-cover .item-title {
    font-size: 15px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-speakers .container-inner .speakers-list .grid .speakers-item .list-item .item-cover .item-title, .section-speakers .container-inner .speakers-list .grid .judges-item .list-item .item-cover .item-title, .section-speakers .container-inner .judges-list .grid .speakers-item .list-item .item-cover .item-title, .section-speakers .container-inner .judges-list .grid .judges-item .list-item .item-cover .item-title, .section-judges .container-inner .speakers-list .grid .speakers-item .list-item .item-cover .item-title, .section-judges .container-inner .speakers-list .grid .judges-item .list-item .item-cover .item-title, .section-judges .container-inner .judges-list .grid .speakers-item .list-item .item-cover .item-title, .section-judges .container-inner .judges-list .grid .judges-item .list-item .item-cover .item-title {
    font-size: 17px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-speakers .container-inner .speakers-list .grid .speakers-item .list-item .item-cover .item-title, .section-speakers .container-inner .speakers-list .grid .judges-item .list-item .item-cover .item-title, .section-speakers .container-inner .judges-list .grid .speakers-item .list-item .item-cover .item-title, .section-speakers .container-inner .judges-list .grid .judges-item .list-item .item-cover .item-title, .section-judges .container-inner .speakers-list .grid .speakers-item .list-item .item-cover .item-title, .section-judges .container-inner .speakers-list .grid .judges-item .list-item .item-cover .item-title, .section-judges .container-inner .judges-list .grid .speakers-item .list-item .item-cover .item-title, .section-judges .container-inner .judges-list .grid .judges-item .list-item .item-cover .item-title {
    font-size: 15px;
  }
}
@media (min-width: 1550px) {
  .section-speakers .container-inner .speakers-list .grid .speakers-item .list-item .item-cover .item-title, .section-speakers .container-inner .speakers-list .grid .judges-item .list-item .item-cover .item-title, .section-speakers .container-inner .judges-list .grid .speakers-item .list-item .item-cover .item-title, .section-speakers .container-inner .judges-list .grid .judges-item .list-item .item-cover .item-title, .section-judges .container-inner .speakers-list .grid .speakers-item .list-item .item-cover .item-title, .section-judges .container-inner .speakers-list .grid .judges-item .list-item .item-cover .item-title, .section-judges .container-inner .judges-list .grid .speakers-item .list-item .item-cover .item-title, .section-judges .container-inner .judges-list .grid .judges-item .list-item .item-cover .item-title {
    font-size: 18px;
  }
}
.section-speakers .container-inner .speakers-list .grid .speakers-item .list-item:hover .item-img .img-bg, .section-speakers .container-inner .speakers-list .grid .speakers-item .list-item:focus .item-img .img-bg, .section-speakers .container-inner .speakers-list .grid .speakers-item .list-item:active .item-img .img-bg, .section-speakers .container-inner .speakers-list .grid .judges-item .list-item:hover .item-img .img-bg, .section-speakers .container-inner .speakers-list .grid .judges-item .list-item:focus .item-img .img-bg, .section-speakers .container-inner .speakers-list .grid .judges-item .list-item:active .item-img .img-bg, .section-speakers .container-inner .judges-list .grid .speakers-item .list-item:hover .item-img .img-bg, .section-speakers .container-inner .judges-list .grid .speakers-item .list-item:focus .item-img .img-bg, .section-speakers .container-inner .judges-list .grid .speakers-item .list-item:active .item-img .img-bg, .section-speakers .container-inner .judges-list .grid .judges-item .list-item:hover .item-img .img-bg, .section-speakers .container-inner .judges-list .grid .judges-item .list-item:focus .item-img .img-bg, .section-speakers .container-inner .judges-list .grid .judges-item .list-item:active .item-img .img-bg, .section-judges .container-inner .speakers-list .grid .speakers-item .list-item:hover .item-img .img-bg, .section-judges .container-inner .speakers-list .grid .speakers-item .list-item:focus .item-img .img-bg, .section-judges .container-inner .speakers-list .grid .speakers-item .list-item:active .item-img .img-bg, .section-judges .container-inner .speakers-list .grid .judges-item .list-item:hover .item-img .img-bg, .section-judges .container-inner .speakers-list .grid .judges-item .list-item:focus .item-img .img-bg, .section-judges .container-inner .speakers-list .grid .judges-item .list-item:active .item-img .img-bg, .section-judges .container-inner .judges-list .grid .speakers-item .list-item:hover .item-img .img-bg, .section-judges .container-inner .judges-list .grid .speakers-item .list-item:focus .item-img .img-bg, .section-judges .container-inner .judges-list .grid .speakers-item .list-item:active .item-img .img-bg, .section-judges .container-inner .judges-list .grid .judges-item .list-item:hover .item-img .img-bg, .section-judges .container-inner .judges-list .grid .judges-item .list-item:focus .item-img .img-bg, .section-judges .container-inner .judges-list .grid .judges-item .list-item:active .item-img .img-bg {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
.section-speakers .container-inner .speakers-list .grid .speakers-item .list-item:hover .item-cover, .section-speakers .container-inner .speakers-list .grid .speakers-item .list-item:focus .item-cover, .section-speakers .container-inner .speakers-list .grid .speakers-item .list-item:active .item-cover, .section-speakers .container-inner .speakers-list .grid .judges-item .list-item:hover .item-cover, .section-speakers .container-inner .speakers-list .grid .judges-item .list-item:focus .item-cover, .section-speakers .container-inner .speakers-list .grid .judges-item .list-item:active .item-cover, .section-speakers .container-inner .judges-list .grid .speakers-item .list-item:hover .item-cover, .section-speakers .container-inner .judges-list .grid .speakers-item .list-item:focus .item-cover, .section-speakers .container-inner .judges-list .grid .speakers-item .list-item:active .item-cover, .section-speakers .container-inner .judges-list .grid .judges-item .list-item:hover .item-cover, .section-speakers .container-inner .judges-list .grid .judges-item .list-item:focus .item-cover, .section-speakers .container-inner .judges-list .grid .judges-item .list-item:active .item-cover, .section-judges .container-inner .speakers-list .grid .speakers-item .list-item:hover .item-cover, .section-judges .container-inner .speakers-list .grid .speakers-item .list-item:focus .item-cover, .section-judges .container-inner .speakers-list .grid .speakers-item .list-item:active .item-cover, .section-judges .container-inner .speakers-list .grid .judges-item .list-item:hover .item-cover, .section-judges .container-inner .speakers-list .grid .judges-item .list-item:focus .item-cover, .section-judges .container-inner .speakers-list .grid .judges-item .list-item:active .item-cover, .section-judges .container-inner .judges-list .grid .speakers-item .list-item:hover .item-cover, .section-judges .container-inner .judges-list .grid .speakers-item .list-item:focus .item-cover, .section-judges .container-inner .judges-list .grid .speakers-item .list-item:active .item-cover, .section-judges .container-inner .judges-list .grid .judges-item .list-item:hover .item-cover, .section-judges .container-inner .judges-list .grid .judges-item .list-item:focus .item-cover, .section-judges .container-inner .judges-list .grid .judges-item .list-item:active .item-cover {
  top: 100%;
}

.section-judges .container-inner {
  border-top: 14px solid #877448;
  border-bottom: 14px solid #877448;
  padding-top: 120px;
  padding-bottom: 120px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-judges .container-inner {
    padding-top: 60px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-judges .container-inner {
    padding-top: 30px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-judges .container-inner {
    padding-bottom: 60px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-judges .container-inner {
    padding-bottom: 30px;
  }
}

.section-agenda {
  margin-bottom: 60px;
  color: #ffffff;
  /*
  .container-inner{
  	@include opacity-bg-color($Black,.9);
  	padding: 45px 40px;
  	color: $Marshland;
  	@media (min-width: 576px) and (max-width: 767px), (max-width: 575px){
  		padding: 30px 20px;
  	}
  }
  */
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-agenda {
    margin-bottom: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-agenda {
    margin-bottom: 15px;
  }
}
.section-agenda .inner-title-main {
  text-align: center;
  font-size: 76px;
  font-family: "Century Gothic Bold", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  text-transform: uppercase;
  line-height: 1.2em;
  margin-bottom: 60px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-agenda .inner-title-main {
    margin-bottom: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-agenda .inner-title-main {
    margin-bottom: 15px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-agenda .inner-title-main {
    font-size: 38px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-agenda .inner-title-main {
    font-size: 24px;
  }
}
.section-agenda .agenda-btn {
  text-align: center;
  margin-bottom: 60px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-agenda .agenda-btn {
    margin-bottom: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-agenda .agenda-btn {
    margin-bottom: 15px;
  }
}
.section-agenda .agenda-btn .btn-border span {
  text-transform: uppercase;
  font-family: "Century Gothic Bold", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  padding: 10px 30px;
}
@media (max-width: 575px) {
  .section-agenda .agenda-btn .btn-border span {
    font-size: 19px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-agenda .agenda-btn .btn-border span {
    font-size: 20px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-agenda .agenda-btn .btn-border span {
    font-size: 22px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-agenda .agenda-btn .btn-border span {
    font-size: 24px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-agenda .agenda-btn .btn-border span {
    font-size: 22px;
  }
}
@media (min-width: 1550px) {
  .section-agenda .agenda-btn .btn-border span {
    font-size: 26px;
  }
}
.section-agenda .agenda-main .agenda-menu .menu-item {
  display: inline-block;
  width: 50%;
  padding: 15px 15px;
  color: #ffffff;
  text-align: center;
  float: left;
  text-transform: uppercase;
  color: #ffffff;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: rgba(26, 26, 26, 0.95);
}
@media (max-width: 575px) {
  .section-agenda .agenda-main .agenda-menu .menu-item {
    font-size: 21px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-agenda .agenda-main .agenda-menu .menu-item {
    font-size: 23px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-agenda .agenda-main .agenda-menu .menu-item {
    font-size: 25px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-agenda .agenda-main .agenda-menu .menu-item {
    font-size: 28px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-agenda .agenda-main .agenda-menu .menu-item {
    font-size: 25px;
  }
}
@media (min-width: 1550px) {
  .section-agenda .agenda-main .agenda-menu .menu-item {
    font-size: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px) and (max-width: 575px), (max-width: 575px) and (max-width: 575px) {
  .section-agenda .agenda-main .agenda-menu .menu-item {
    font-size: 17px;
  }
}
@media (min-width: 576px) and (max-width: 767px) and (min-width: 576px) and (max-width: 767px), (max-width: 575px) and (min-width: 576px) and (max-width: 767px) {
  .section-agenda .agenda-main .agenda-menu .menu-item {
    font-size: 19px;
  }
}
@media (min-width: 576px) and (max-width: 767px) and (min-width: 768px) and (max-width: 991px), (max-width: 575px) and (min-width: 768px) and (max-width: 991px) {
  .section-agenda .agenda-main .agenda-menu .menu-item {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px) and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) and (min-width: 992px) and (max-width: 1199px) {
  .section-agenda .agenda-main .agenda-menu .menu-item {
    font-size: 22px;
  }
}
@media (min-width: 576px) and (max-width: 767px) and (min-width: 1200px) and (max-width: 1549px), (max-width: 575px) and (min-width: 1200px) and (max-width: 1549px) {
  .section-agenda .agenda-main .agenda-menu .menu-item {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px) and (min-width: 1550px), (max-width: 575px) and (min-width: 1550px) {
  .section-agenda .agenda-main .agenda-menu .menu-item {
    font-size: 24px;
  }
}
.section-agenda .agenda-main .agenda-menu .menu-item.active {
  background-image: none;
  color: #F58562;
  background-color: rgba(40, 34, 32, 0.95);
}
.section-agenda .agenda-main .agenda-menu:after {
  content: "";
  clear: both;
  display: block;
}
.section-agenda .agenda-main .agenda-detail {
  background-color: rgba(40, 34, 32, 0.95);
  padding: 40px 60px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-agenda .agenda-main .agenda-detail {
    padding: 40px 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-agenda .agenda-main .agenda-detail {
    padding: 20px 15px;
  }
}
.section-agenda .agenda-main .agenda-detail .detail-tab {
  display: none;
}
.section-agenda .agenda-main .agenda-detail .detail-tab.active {
  display: block;
}
.section-agenda .agenda-main .agenda-detail .agenda-menu-sub:after {
  content: "";
  clear: both;
  display: block;
}
.section-agenda .agenda-main .agenda-detail .agenda-menu-sub .menu-item {
  display: block;
  float: left;
  width: calc((100% / 3) - 20px);
  padding: 10px 15px 10px;
  color: #ffffff;
  position: relative;
  margin: 10px;
  border: 2px solid transparent;
  /*&:before{
  	content:"";
  	position: absolute;
  	width: 100%;
  	height:5px;
  	bottom:0;
  	left:0;
  	@include transition(.3s all);
  }*/
  /*
  @mixin agenda-menu-sub-loop($i) when ($i > 0){
  	&.style${i} {
  		border-color:extract($agendaColorStyle, $i);
  		color:extract($agendaColorStyle, $i);
  	}
  	@include agenda-menu-sub-loop($i - 1);
  }
  @include agenda-menu-sub-loop(9);
  */
}
@media (max-width: 575px) {
  .section-agenda .agenda-main .agenda-detail .agenda-menu-sub .menu-item {
    font-size: 16px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-agenda .agenda-main .agenda-detail .agenda-menu-sub .menu-item {
    font-size: 17px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-agenda .agenda-main .agenda-detail .agenda-menu-sub .menu-item {
    font-size: 19px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-agenda .agenda-main .agenda-detail .agenda-menu-sub .menu-item {
    font-size: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-agenda .agenda-main .agenda-detail .agenda-menu-sub .menu-item {
    font-size: 19px;
  }
}
@media (min-width: 1550px) {
  .section-agenda .agenda-main .agenda-detail .agenda-menu-sub .menu-item {
    font-size: 22px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-agenda .agenda-main .agenda-detail .agenda-menu-sub .menu-item {
    width: calc(50% - 20px);
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-agenda .agenda-main .agenda-detail .agenda-menu-sub .menu-item {
    margin: 5px 0;
    width: 100%;
    padding: 5px 10px;
  }
}
.section-agenda .agenda-main .agenda-detail .agenda-menu-sub .menu-item.style0 {
  border-color: #EAEAEA;
  color: #EAEAEA;
}
.section-agenda .agenda-main .agenda-detail .agenda-menu-sub .menu-item.style1 {
  border-color: extract(#3E65A5, #F15B2B, #AD945C, #F7B3C6, #294D7F, #C3B1A3, #5BC3B7, #A6A7B4, #EEC67F, 1);
  color: extract(#3E65A5, #F15B2B, #AD945C, #F7B3C6, #294D7F, #C3B1A3, #5BC3B7, #A6A7B4, #EEC67F, 1);
}
.section-agenda .agenda-main .agenda-detail .agenda-menu-sub .menu-item.style2 {
  border-color: extract(#3E65A5, #F15B2B, #AD945C, #F7B3C6, #294D7F, #C3B1A3, #5BC3B7, #A6A7B4, #EEC67F, 2);
  color: extract(#3E65A5, #F15B2B, #AD945C, #F7B3C6, #294D7F, #C3B1A3, #5BC3B7, #A6A7B4, #EEC67F, 2);
}
.section-agenda .agenda-main .agenda-detail .agenda-menu-sub .menu-item.style3 {
  border-color: extract(#3E65A5, #F15B2B, #AD945C, #F7B3C6, #294D7F, #C3B1A3, #5BC3B7, #A6A7B4, #EEC67F, 3);
  color: extract(#3E65A5, #F15B2B, #AD945C, #F7B3C6, #294D7F, #C3B1A3, #5BC3B7, #A6A7B4, #EEC67F, 3);
}
.section-agenda .agenda-main .agenda-detail .agenda-menu-sub .menu-item.style4 {
  border-color: extract(#3E65A5, #F15B2B, #AD945C, #F7B3C6, #294D7F, #C3B1A3, #5BC3B7, #A6A7B4, #EEC67F, 4);
  color: extract(#3E65A5, #F15B2B, #AD945C, #F7B3C6, #294D7F, #C3B1A3, #5BC3B7, #A6A7B4, #EEC67F, 4);
}
.section-agenda .agenda-main .agenda-detail .agenda-menu-sub .menu-item.style5 {
  border-color: extract(#3E65A5, #F15B2B, #AD945C, #F7B3C6, #294D7F, #C3B1A3, #5BC3B7, #A6A7B4, #EEC67F, 5);
  color: extract(#3E65A5, #F15B2B, #AD945C, #F7B3C6, #294D7F, #C3B1A3, #5BC3B7, #A6A7B4, #EEC67F, 5);
}
.section-agenda .agenda-main .agenda-detail .agenda-menu-sub .menu-item.style6 {
  border-color: extract(#3E65A5, #F15B2B, #AD945C, #F7B3C6, #294D7F, #C3B1A3, #5BC3B7, #A6A7B4, #EEC67F, 6);
  color: extract(#3E65A5, #F15B2B, #AD945C, #F7B3C6, #294D7F, #C3B1A3, #5BC3B7, #A6A7B4, #EEC67F, 6);
}
.section-agenda .agenda-main .agenda-detail .agenda-menu-sub .menu-item.style7 {
  border-color: extract(#3E65A5, #F15B2B, #AD945C, #F7B3C6, #294D7F, #C3B1A3, #5BC3B7, #A6A7B4, #EEC67F, 7);
  color: extract(#3E65A5, #F15B2B, #AD945C, #F7B3C6, #294D7F, #C3B1A3, #5BC3B7, #A6A7B4, #EEC67F, 7);
}
.section-agenda .agenda-main .agenda-detail .agenda-menu-sub .menu-item.style8 {
  border-color: extract(#3E65A5, #F15B2B, #AD945C, #F7B3C6, #294D7F, #C3B1A3, #5BC3B7, #A6A7B4, #EEC67F, 8);
  color: extract(#3E65A5, #F15B2B, #AD945C, #F7B3C6, #294D7F, #C3B1A3, #5BC3B7, #A6A7B4, #EEC67F, 8);
}
.section-agenda .agenda-main .agenda-detail .agenda-menu-sub .menu-item.style9 {
  border-color: extract(#3E65A5, #F15B2B, #AD945C, #F7B3C6, #294D7F, #C3B1A3, #5BC3B7, #A6A7B4, #EEC67F, 9);
  color: extract(#3E65A5, #F15B2B, #AD945C, #F7B3C6, #294D7F, #C3B1A3, #5BC3B7, #A6A7B4, #EEC67F, 9);
}
.section-agenda .agenda-main .agenda-detail .agenda-menu-sub .menu-item:hover, .section-agenda .agenda-main .agenda-detail .agenda-menu-sub .menu-item:focus, .section-agenda .agenda-main .agenda-detail .agenda-menu-sub .menu-item:active {
  /*
  &:before{
  	height: 10px;
  }
  */
}
.section-agenda .agenda-main .agenda-detail .agenda-menu-sub .menu-item.active {
  color: #ffffff;
  /*
  @mixin agenda-menu-sub-loop($i) when ($i > 0){
  	&.style${i} {
  		background-color:extract($agendaColorStyle, $i);
  	}
  	@include agenda-menu-sub-loop($i - 1);
  }
  @include agenda-menu-sub-loop(9);
  */
}
.section-agenda .agenda-main .agenda-detail .agenda-menu-sub .menu-item.active.style0 {
  color: #090C07;
  background-color: #EAEAEA;
}
.section-agenda .agenda-main .agenda-detail .agenda-menu-sub .menu-item.active.style1 {
  background-color: extract(#3E65A5, #F15B2B, #AD945C, #F7B3C6, #294D7F, #C3B1A3, #5BC3B7, #A6A7B4, #EEC67F, 1);
}
.section-agenda .agenda-main .agenda-detail .agenda-menu-sub .menu-item.active.style2 {
  background-color: extract(#3E65A5, #F15B2B, #AD945C, #F7B3C6, #294D7F, #C3B1A3, #5BC3B7, #A6A7B4, #EEC67F, 2);
}
.section-agenda .agenda-main .agenda-detail .agenda-menu-sub .menu-item.active.style3 {
  background-color: extract(#3E65A5, #F15B2B, #AD945C, #F7B3C6, #294D7F, #C3B1A3, #5BC3B7, #A6A7B4, #EEC67F, 3);
}
.section-agenda .agenda-main .agenda-detail .agenda-menu-sub .menu-item.active.style4 {
  background-color: extract(#3E65A5, #F15B2B, #AD945C, #F7B3C6, #294D7F, #C3B1A3, #5BC3B7, #A6A7B4, #EEC67F, 4);
}
.section-agenda .agenda-main .agenda-detail .agenda-menu-sub .menu-item.active.style5 {
  background-color: extract(#3E65A5, #F15B2B, #AD945C, #F7B3C6, #294D7F, #C3B1A3, #5BC3B7, #A6A7B4, #EEC67F, 5);
}
.section-agenda .agenda-main .agenda-detail .agenda-menu-sub .menu-item.active.style6 {
  background-color: extract(#3E65A5, #F15B2B, #AD945C, #F7B3C6, #294D7F, #C3B1A3, #5BC3B7, #A6A7B4, #EEC67F, 6);
}
.section-agenda .agenda-main .agenda-detail .agenda-menu-sub .menu-item.active.style7 {
  background-color: extract(#3E65A5, #F15B2B, #AD945C, #F7B3C6, #294D7F, #C3B1A3, #5BC3B7, #A6A7B4, #EEC67F, 7);
}
.section-agenda .agenda-main .agenda-detail .agenda-menu-sub .menu-item.active.style8 {
  background-color: extract(#3E65A5, #F15B2B, #AD945C, #F7B3C6, #294D7F, #C3B1A3, #5BC3B7, #A6A7B4, #EEC67F, 8);
}
.section-agenda .agenda-main .agenda-detail .agenda-menu-sub .menu-item.active.style9 {
  background-color: extract(#3E65A5, #F15B2B, #AD945C, #F7B3C6, #294D7F, #C3B1A3, #5BC3B7, #A6A7B4, #EEC67F, 9);
}
.section-agenda .agenda-main .agenda-detail .agenda-menu-sub .menu-item.error {
  -webkit-animation: "shake" 1s 0 linear;
  -moz-animation: "shake" 1s 0 linear;
  -ms-animation: "shake" 1s 0 linear;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -webkit-animation-direction: alternate;
  -moz-animation-direction: alternate;
  -ms-animation-direction: alternate;
}
@-webkit-keyframes shake {
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    -moz-transform: translate3d(-10px, 0, 0);
    -ms-transform: translate3d(-10px, 0, 0);
    -o-transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    -moz-transform: translate3d(10px, 0, 0);
    -ms-transform: translate3d(10px, 0, 0);
    -o-transform: translate3d(10px, 0, 0);
  }
}
@keyframes shake {
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    -moz-transform: translate3d(-10px, 0, 0);
    -ms-transform: translate3d(-10px, 0, 0);
    -o-transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    -moz-transform: translate3d(10px, 0, 0);
    -ms-transform: translate3d(10px, 0, 0);
    -o-transform: translate3d(10px, 0, 0);
  }
}
.section-agenda .agenda-main .agenda-detail .agenda-body {
  border-top-color: #303030;
}
.section-agenda .agenda-main .agenda-detail .agenda-body .body-list {
  border-bottom: 1px solid #303030;
}
.section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-title {
  margin-top: 25px;
  color: #ffffff;
  border-bottom: 2px solid #ffffff;
  padding: 12px 0;
  font-family: "Century Gothic Bold", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
@media (max-width: 575px) {
  .section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-title {
    font-size: 19px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-title {
    font-size: 20px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-title {
    font-size: 22px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-title {
    font-size: 24px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-title {
    font-size: 22px;
  }
}
@media (min-width: 1550px) {
  .section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-title {
    font-size: 26px;
  }
}
.section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item {
  position: relative;
  padding: 12px 0;
  border-bottom: 1px solid #303030;
  border-left: 3px solid transparent;
  display: none;
  /*
  @mixin agenda-body-loop($i) when ($i > 0){
  	&.style${i} {
  		border-left-color:extract($agendaColorStyle, $i);
  		.item-left{
  			.left-place{
  				color:extract($agendaColorStyle, $i);
  			}
  		}
  	}
  	@include agenda-body-loop($i - 1);
  }
  @include agenda-body-loop(9);
  */
}
.section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item.active {
  display: block;
}
.section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item:last-child {
  border-bottom: 0px;
}
.section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-left {
  color: #717380;
  position: absolute;
  padding: 0 30px;
  width: 200px;
  height: 100%;
  top: 0;
  left: 0;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-left {
    width: 170px;
    padding: 0 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-left {
    width: 120px;
    padding: 0 5px;
  }
}
@media (max-width: 575px) {
  .section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-left {
    position: relative;
    padding: 0 5px;
    width: 100%;
  }
}
.section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-left .left-num {
  width: 37px;
  border-bottom: 1px solid #717380;
}
@media (max-width: 575px) {
  .section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-left .left-num {
    font-size: 10px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-left .left-num {
    font-size: 11px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-left .left-num {
    font-size: 12px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-left .left-num {
    font-size: 13px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-left .left-num {
    font-size: 12px;
  }
}
@media (min-width: 1550px) {
  .section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-left .left-num {
    font-size: 14px;
  }
}
.section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-left .left-time {
  color: #ffffff;
  font-weight: 700;
}
@media (max-width: 575px) {
  .section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-left .left-time {
    font-size: 16px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-left .left-time {
    font-size: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-left .left-time {
    font-size: 19px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-left .left-time {
    font-size: 21px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-left .left-time {
    font-size: 19px;
  }
}
@media (min-width: 1550px) {
  .section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-left .left-time {
    font-size: 23px;
  }
}
.section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-left .left-place {
  font-weight: 700;
}
@media (max-width: 575px) {
  .section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-left .left-place {
    font-size: 13px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-left .left-place {
    font-size: 14px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-left .left-place {
    font-size: 15px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-left .left-place {
    font-size: 17px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-left .left-place {
    font-size: 15px;
  }
}
@media (min-width: 1550px) {
  .section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-left .left-place {
    font-size: 18px;
  }
}
.section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-right {
  margin-left: 215px;
  padding: 20px 40px;
  border-left: 1px solid #717380;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-right {
    margin-left: 170px;
    padding: 20px 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-right {
    margin-left: 120px;
    padding: 20px 5px;
  }
}
@media (max-width: 575px) {
  .section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-right {
    margin-left: 0;
    border-left: 0;
    padding: 5px;
  }
}
.section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-right .right-title {
  line-height: 1.2;
  font-weight: 500;
}
@media (max-width: 575px) {
  .section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-right .right-title {
    font-size: 16px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-right .right-title {
    font-size: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-right .right-title {
    font-size: 19px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-right .right-title {
    font-size: 21px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-right .right-title {
    font-size: 19px;
  }
}
@media (min-width: 1550px) {
  .section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-right .right-title {
    font-size: 23px;
  }
}
.section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-right .right-detail {
  line-height: 1.2;
}
@media (max-width: 575px) {
  .section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-right .right-detail {
    font-size: 11px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-right .right-detail {
    font-size: 12px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-right .right-detail {
    font-size: 14px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-right .right-detail {
    font-size: 15px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-right .right-detail {
    font-size: 14px;
  }
}
@media (min-width: 1550px) {
  .section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-right .right-detail {
    font-size: 16px;
  }
}
.section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-right .speaker-list {
  margin-top: 20px;
}
.section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-right .speaker-list:after {
  content: "";
  clear: both;
  display: block;
}
.section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-right .speaker-list .speaker-item {
  color: #ffffff;
  display: inline-block;
  width: calc(100% / 3 - 15px);
  float: left;
  position: relative;
  min-height: 64px;
  margin-right: 15px;
  margin-bottom: 10px;
  padding-right: 15px;
}
.section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-right .speaker-list .speaker-item:before {
  content: "";
  position: absolute;
  left: -15px;
  top: 0;
  width: 0;
  height: 100%;
  border-left: 1px solid #303030;
}
.section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-right .speaker-list .speaker-item:first-child:before {
  display: none;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px) {
  .section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-right .speaker-list .speaker-item:nth-child(3n+1) {
    clear: both;
  }
  .section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-right .speaker-list .speaker-item:nth-child(3n+1):before {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px) {
  .section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-right .speaker-list .speaker-item {
    margin-right: 10px;
    padding-right: 10px;
    width: calc(100% / 2 - 10px);
  }
  .section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-right .speaker-list .speaker-item:before {
    left: -10px;
  }
  .section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-right .speaker-list .speaker-item:nth-child(2n+1) {
    clear: both;
  }
  .section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-right .speaker-list .speaker-item:nth-child(2n+1):before {
    display: none;
  }
}
@media (max-width: 575px) {
  .section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-right .speaker-list .speaker-item {
    margin-right: 5px;
    padding-right: 5px;
    width: 100%;
  }
  .section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-right .speaker-list .speaker-item:before {
    display: none;
  }
  .section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-right .speaker-list .speaker-item.img-none {
    min-height: auto;
  }
}
.section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-right .speaker-list .speaker-item .item-img {
  position: absolute;
  left: 0;
  top: 0;
  width: 64px;
  height: 64px;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  overflow: hidden;
}
.section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-right .speaker-list .speaker-item .item-img .img-bg {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-right .speaker-list .speaker-item .item-main {
  padding-left: 75px;
}
.section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-right .speaker-list .speaker-item .item-main .item-title {
  text-decoration: underline;
}
@media (max-width: 575px) {
  .section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-right .speaker-list .speaker-item .item-main .item-title {
    font-size: 9px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-right .speaker-list .speaker-item .item-main .item-title {
    font-size: 10px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-right .speaker-list .speaker-item .item-main .item-title {
    font-size: 11px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-right .speaker-list .speaker-item .item-main .item-title {
    font-size: 12px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-right .speaker-list .speaker-item .item-main .item-title {
    font-size: 11px;
  }
}
@media (min-width: 1550px) {
  .section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-right .speaker-list .speaker-item .item-main .item-title {
    font-size: 13px;
  }
}
.section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-right .speaker-list .speaker-item .item-main .item-name {
  font-weight: 700;
}
@media (max-width: 575px) {
  .section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-right .speaker-list .speaker-item .item-main .item-name {
    font-size: 11px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-right .speaker-list .speaker-item .item-main .item-name {
    font-size: 12px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-right .speaker-list .speaker-item .item-main .item-name {
    font-size: 13px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-right .speaker-list .speaker-item .item-main .item-name {
    font-size: 14px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-right .speaker-list .speaker-item .item-main .item-name {
    font-size: 13px;
  }
}
@media (min-width: 1550px) {
  .section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-right .speaker-list .speaker-item .item-main .item-name {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-right .speaker-list .speaker-item .item-main .item-title-name {
    font-size: 9px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-right .speaker-list .speaker-item .item-main .item-title-name {
    font-size: 9px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-right .speaker-list .speaker-item .item-main .item-title-name {
    font-size: 10px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-right .speaker-list .speaker-item .item-main .item-title-name {
    font-size: 11px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-right .speaker-list .speaker-item .item-main .item-title-name {
    font-size: 10px;
  }
}
@media (min-width: 1550px) {
  .section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-right .speaker-list .speaker-item .item-main .item-title-name {
    font-size: 12px;
  }
}
.section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-right .speaker-list .speaker-item.lg {
  width: calc(100% / 3 * 2 - 15px);
}
.section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-right .speaker-list .speaker-item.img-none .item-img {
  display: none;
}
.section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item .item-right .speaker-list .speaker-item.img-none .item-main {
  padding-left: 0;
}
.section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item.style1 {
  border-left-color: extract(#3E65A5, #F15B2B, #AD945C, #F7B3C6, #294D7F, #C3B1A3, #5BC3B7, #A6A7B4, #EEC67F, 1);
}
.section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item.style1 .item-left .left-place {
  color: extract(#3E65A5, #F15B2B, #AD945C, #F7B3C6, #294D7F, #C3B1A3, #5BC3B7, #A6A7B4, #EEC67F, 1);
}
.section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item.style2 {
  border-left-color: extract(#3E65A5, #F15B2B, #AD945C, #F7B3C6, #294D7F, #C3B1A3, #5BC3B7, #A6A7B4, #EEC67F, 2);
}
.section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item.style2 .item-left .left-place {
  color: extract(#3E65A5, #F15B2B, #AD945C, #F7B3C6, #294D7F, #C3B1A3, #5BC3B7, #A6A7B4, #EEC67F, 2);
}
.section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item.style3 {
  border-left-color: extract(#3E65A5, #F15B2B, #AD945C, #F7B3C6, #294D7F, #C3B1A3, #5BC3B7, #A6A7B4, #EEC67F, 3);
}
.section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item.style3 .item-left .left-place {
  color: extract(#3E65A5, #F15B2B, #AD945C, #F7B3C6, #294D7F, #C3B1A3, #5BC3B7, #A6A7B4, #EEC67F, 3);
}
.section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item.style4 {
  border-left-color: extract(#3E65A5, #F15B2B, #AD945C, #F7B3C6, #294D7F, #C3B1A3, #5BC3B7, #A6A7B4, #EEC67F, 4);
}
.section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item.style4 .item-left .left-place {
  color: extract(#3E65A5, #F15B2B, #AD945C, #F7B3C6, #294D7F, #C3B1A3, #5BC3B7, #A6A7B4, #EEC67F, 4);
}
.section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item.style5 {
  border-left-color: extract(#3E65A5, #F15B2B, #AD945C, #F7B3C6, #294D7F, #C3B1A3, #5BC3B7, #A6A7B4, #EEC67F, 5);
}
.section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item.style5 .item-left .left-place {
  color: extract(#3E65A5, #F15B2B, #AD945C, #F7B3C6, #294D7F, #C3B1A3, #5BC3B7, #A6A7B4, #EEC67F, 5);
}
.section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item.style6 {
  border-left-color: extract(#3E65A5, #F15B2B, #AD945C, #F7B3C6, #294D7F, #C3B1A3, #5BC3B7, #A6A7B4, #EEC67F, 6);
}
.section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item.style6 .item-left .left-place {
  color: extract(#3E65A5, #F15B2B, #AD945C, #F7B3C6, #294D7F, #C3B1A3, #5BC3B7, #A6A7B4, #EEC67F, 6);
}
.section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item.style7 {
  border-left-color: extract(#3E65A5, #F15B2B, #AD945C, #F7B3C6, #294D7F, #C3B1A3, #5BC3B7, #A6A7B4, #EEC67F, 7);
}
.section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item.style7 .item-left .left-place {
  color: extract(#3E65A5, #F15B2B, #AD945C, #F7B3C6, #294D7F, #C3B1A3, #5BC3B7, #A6A7B4, #EEC67F, 7);
}
.section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item.style8 {
  border-left-color: extract(#3E65A5, #F15B2B, #AD945C, #F7B3C6, #294D7F, #C3B1A3, #5BC3B7, #A6A7B4, #EEC67F, 8);
}
.section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item.style8 .item-left .left-place {
  color: extract(#3E65A5, #F15B2B, #AD945C, #F7B3C6, #294D7F, #C3B1A3, #5BC3B7, #A6A7B4, #EEC67F, 8);
}
.section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item.style9 {
  border-left-color: extract(#3E65A5, #F15B2B, #AD945C, #F7B3C6, #294D7F, #C3B1A3, #5BC3B7, #A6A7B4, #EEC67F, 9);
}
.section-agenda .agenda-main .agenda-detail .agenda-body .body-list .body-item.style9 .item-left .left-place {
  color: extract(#3E65A5, #F15B2B, #AD945C, #F7B3C6, #294D7F, #C3B1A3, #5BC3B7, #A6A7B4, #EEC67F, 9);
}
.section-agenda .agenda-main .agenda-detail .panel-group .panel-default {
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid #303030;
  box-shadow: none;
}
.section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-heading {
  position: relative;
  padding-left: 0;
  padding-right: 0;
  background-color: transparent;
  border: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-heading .title-main {
  font-weight: 700;
  padding-right: 130px;
}
@media (max-width: 575px) {
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-heading .title-main {
    font-size: 27px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-heading .title-main {
    font-size: 30px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-heading .title-main {
    font-size: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-heading .title-main {
    font-size: 35px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-heading .title-main {
    font-size: 32px;
  }
}
@media (min-width: 1550px) {
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-heading .title-main {
    font-size: 38px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-heading .title-main {
    padding-right: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px) and (max-width: 575px), (max-width: 575px) and (max-width: 575px) {
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-heading .title-main {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px) and (min-width: 576px) and (max-width: 767px), (max-width: 575px) and (min-width: 576px) and (max-width: 767px) {
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-heading .title-main {
    font-size: 22px;
  }
}
@media (min-width: 576px) and (max-width: 767px) and (min-width: 768px) and (max-width: 991px), (max-width: 575px) and (min-width: 768px) and (max-width: 991px) {
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-heading .title-main {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px) and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) and (min-width: 992px) and (max-width: 1199px) {
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-heading .title-main {
    font-size: 26px;
  }
}
@media (min-width: 576px) and (max-width: 767px) and (min-width: 1200px) and (max-width: 1549px), (max-width: 575px) and (min-width: 1200px) and (max-width: 1549px) {
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-heading .title-main {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px) and (min-width: 1550px), (max-width: 575px) and (min-width: 1550px) {
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-heading .title-main {
    font-size: 28px;
  }
}
.section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-heading .title-sub {
  position: absolute;
  right: 0;
  top: 25px;
  color: #717380;
  font-weight: 700;
}
@media (max-width: 575px) {
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-heading .title-sub {
    font-size: 11px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-heading .title-sub {
    font-size: 12px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-heading .title-sub {
    font-size: 14px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-heading .title-sub {
    font-size: 15px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-heading .title-sub {
    font-size: 14px;
  }
}
@media (min-width: 1550px) {
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-heading .title-sub {
    font-size: 16px;
  }
}
.section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-heading .title-sub .sub-note1 {
  display: inline;
}
.section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-heading .title-sub .sub-note2 {
  display: none;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-heading .title-sub .sub-note,
.section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-heading .title-sub .sub-note1,
.section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-heading .title-sub .sub-note2 {
    display: none !important;
  }
}
.section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-heading .title-sub .arrow {
  display: inline-block;
  margin-left: 10px;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 8px 8px 0 8px;
  border-top-color: transparent;
  border-left-color: fade(transparent, 0);
  border-right-color: fade(transparent, 0);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-heading .title-sub .arrow {
    margin-left: 0;
    position: absolute;
    right: 0;
    top: -5px;
  }
}
.section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-heading .panel-title .collapsed .title-sub .sub-note1 {
  display: none;
}
.section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-heading .panel-title .collapsed .title-sub .sub-note2 {
  display: inline;
}
.section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-heading .panel-title .collapsed .title-sub .arrow {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}
.section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse {
  border-left: 3px solid transparent;
  padding: 0;
}
.section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body {
  padding: 0;
  border-top-color: #303030;
}
.section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item {
  position: relative;
  padding: 12px 0;
  border-bottom: 1px solid #303030;
}
.section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item:last-child {
  border-bottom: 0px;
}
.section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-left {
  color: #717380;
  position: absolute;
  padding: 0 30px;
  width: 200px;
  height: 100%;
  top: 0;
  left: 0;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-left {
    width: 170px;
    padding: 0 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-left {
    width: 120px;
    padding: 0 5px;
  }
}
@media (max-width: 575px) {
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-left {
    position: relative;
    padding: 0 5px;
    width: 100%;
  }
}
.section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-left .left-num {
  width: 37px;
  border-bottom: 1px solid #717380;
}
@media (max-width: 575px) {
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-left .left-num {
    font-size: 10px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-left .left-num {
    font-size: 11px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-left .left-num {
    font-size: 12px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-left .left-num {
    font-size: 13px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-left .left-num {
    font-size: 12px;
  }
}
@media (min-width: 1550px) {
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-left .left-num {
    font-size: 14px;
  }
}
.section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-left .left-time {
  color: #ffffff;
  font-weight: 700;
}
@media (max-width: 575px) {
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-left .left-time {
    font-size: 16px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-left .left-time {
    font-size: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-left .left-time {
    font-size: 19px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-left .left-time {
    font-size: 21px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-left .left-time {
    font-size: 19px;
  }
}
@media (min-width: 1550px) {
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-left .left-time {
    font-size: 23px;
  }
}
.section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-left .left-place {
  font-weight: 700;
}
@media (max-width: 575px) {
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-left .left-place {
    font-size: 13px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-left .left-place {
    font-size: 14px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-left .left-place {
    font-size: 15px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-left .left-place {
    font-size: 17px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-left .left-place {
    font-size: 15px;
  }
}
@media (min-width: 1550px) {
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-left .left-place {
    font-size: 18px;
  }
}
.section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-right {
  margin-left: 215px;
  padding: 20px 40px;
  border-left: 1px solid #717380;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-right {
    margin-left: 170px;
    padding: 20px 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-right {
    margin-left: 120px;
    padding: 20px 5px;
  }
}
@media (max-width: 575px) {
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-right {
    margin-left: 0;
    border-left: 0;
    padding: 5px;
  }
}
.section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-right .right-title {
  line-height: 1.2;
  font-weight: 500;
}
@media (max-width: 575px) {
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-right .right-title {
    font-size: 16px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-right .right-title {
    font-size: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-right .right-title {
    font-size: 19px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-right .right-title {
    font-size: 21px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-right .right-title {
    font-size: 19px;
  }
}
@media (min-width: 1550px) {
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-right .right-title {
    font-size: 23px;
  }
}
.section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-right .right-detail {
  line-height: 1.2;
}
@media (max-width: 575px) {
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-right .right-detail {
    font-size: 13px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-right .right-detail {
    font-size: 14px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-right .right-detail {
    font-size: 15px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-right .right-detail {
    font-size: 17px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-right .right-detail {
    font-size: 15px;
  }
}
@media (min-width: 1550px) {
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-right .right-detail {
    font-size: 18px;
  }
}
.section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-right .speaker-list {
  margin-top: 20px;
}
.section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-right .speaker-list:after {
  content: "";
  clear: both;
  display: block;
}
.section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-right .speaker-list .speaker-item {
  color: #ffffff;
  display: inline-block;
  width: calc(100% / 3 - 15px);
  float: left;
  position: relative;
  min-height: 64px;
  margin-right: 15px;
  margin-bottom: 10px;
  padding-right: 15px;
}
.section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-right .speaker-list .speaker-item:before {
  content: "";
  position: absolute;
  left: -15px;
  top: 0;
  width: 0;
  height: 100%;
  border-left: 1px solid #303030;
}
.section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-right .speaker-list .speaker-item:first-child:before {
  display: none;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px) {
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-right .speaker-list .speaker-item:nth-child(3n+1) {
    clear: both;
  }
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-right .speaker-list .speaker-item:nth-child(3n+1):before {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px) {
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-right .speaker-list .speaker-item {
    margin-right: 10px;
    padding-right: 10px;
    width: calc(100% / 2 - 10px);
  }
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-right .speaker-list .speaker-item:before {
    left: -10px;
  }
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-right .speaker-list .speaker-item:nth-child(2n+1) {
    clear: both;
  }
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-right .speaker-list .speaker-item:nth-child(2n+1):before {
    display: none;
  }
}
@media (max-width: 575px) {
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-right .speaker-list .speaker-item {
    margin-right: 5px;
    padding-right: 5px;
    width: 100%;
  }
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-right .speaker-list .speaker-item:before {
    display: none;
  }
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-right .speaker-list .speaker-item.img-none {
    min-height: auto;
  }
}
.section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-right .speaker-list .speaker-item .item-img {
  position: absolute;
  left: 0;
  top: 0;
  width: 64px;
  height: 64px;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  overflow: hidden;
}
.section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-right .speaker-list .speaker-item .item-img .img-bg {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-right .speaker-list .speaker-item .item-main {
  padding-left: 75px;
}
.section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-right .speaker-list .speaker-item .item-main .item-title {
  text-decoration: underline;
}
@media (max-width: 575px) {
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-right .speaker-list .speaker-item .item-main .item-title {
    font-size: 9px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-right .speaker-list .speaker-item .item-main .item-title {
    font-size: 10px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-right .speaker-list .speaker-item .item-main .item-title {
    font-size: 11px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-right .speaker-list .speaker-item .item-main .item-title {
    font-size: 12px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-right .speaker-list .speaker-item .item-main .item-title {
    font-size: 11px;
  }
}
@media (min-width: 1550px) {
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-right .speaker-list .speaker-item .item-main .item-title {
    font-size: 13px;
  }
}
.section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-right .speaker-list .speaker-item .item-main .item-name {
  font-weight: 700;
}
@media (max-width: 575px) {
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-right .speaker-list .speaker-item .item-main .item-name {
    font-size: 11px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-right .speaker-list .speaker-item .item-main .item-name {
    font-size: 12px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-right .speaker-list .speaker-item .item-main .item-name {
    font-size: 13px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-right .speaker-list .speaker-item .item-main .item-name {
    font-size: 14px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-right .speaker-list .speaker-item .item-main .item-name {
    font-size: 13px;
  }
}
@media (min-width: 1550px) {
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-right .speaker-list .speaker-item .item-main .item-name {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-right .speaker-list .speaker-item .item-main .item-title-name {
    font-size: 9px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-right .speaker-list .speaker-item .item-main .item-title-name {
    font-size: 9px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-right .speaker-list .speaker-item .item-main .item-title-name {
    font-size: 10px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-right .speaker-list .speaker-item .item-main .item-title-name {
    font-size: 11px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-right .speaker-list .speaker-item .item-main .item-title-name {
    font-size: 10px;
  }
}
@media (min-width: 1550px) {
  .section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-right .speaker-list .speaker-item .item-main .item-title-name {
    font-size: 12px;
  }
}
.section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-right .speaker-list .speaker-item.lg {
  width: calc(100% / 3 * 2 - 15px);
}
.section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-right .speaker-list .speaker-item.img-none .item-img {
  display: none;
}
.section-agenda .agenda-main .agenda-detail .panel-group .panel-default .panel-collapse .panel-body .body-list .body-item .item-right .speaker-list .speaker-item.img-none .item-main {
  padding-left: 0;
}
.section-agenda .agenda-main .agenda-detail .panel-group .panel-default.style1 .panel-heading .title-main {
  color: #AD9D6D;
}
.section-agenda .agenda-main .agenda-detail .panel-group .panel-default.style1 .panel-heading .title-sub .arrow {
  border-top-color: #AD9D6D;
}
.section-agenda .agenda-main .agenda-detail .panel-group .panel-default.style1 .panel-collapse {
  border-left-color: #AD9D6D;
}
.section-agenda .agenda-main .agenda-detail .panel-group .panel-default.style1 .panel-collapse .panel-body .body-list .body-item .item-left .left-place {
  color: #AD9D6D;
}
.section-agenda .agenda-main .agenda-detail .panel-group .panel-default.style2 .panel-heading .title-main {
  color: #CF5A2B;
}
.section-agenda .agenda-main .agenda-detail .panel-group .panel-default.style2 .panel-heading .title-sub .arrow {
  border-top-color: #CF5A2B;
}
.section-agenda .agenda-main .agenda-detail .panel-group .panel-default.style2 .panel-collapse {
  border-left-color: #CF5A2B;
}
.section-agenda .agenda-main .agenda-detail .panel-group .panel-default.style2 .panel-collapse .panel-body .body-list .body-item .item-left .left-place {
  color: #CF5A2B;
}
.section-agenda .agenda-main .agenda-detail .panel-group .panel-default.style3 .panel-heading .title-main {
  color: #3E65A5;
}
.section-agenda .agenda-main .agenda-detail .panel-group .panel-default.style3 .panel-heading .title-sub .arrow {
  border-top-color: #3E65A5;
}
.section-agenda .agenda-main .agenda-detail .panel-group .panel-default.style3 .panel-collapse {
  border-left-color: #3E65A5;
}
.section-agenda .agenda-main .agenda-detail .panel-group .panel-default.style3 .panel-collapse .panel-body .body-list .body-item .item-left .left-place {
  color: #3E65A5;
}
.section-agenda .agenda-main .agenda-detail .panel-group .panel-default.style4 .panel-heading .title-main {
  color: #5BC3B7;
}
.section-agenda .agenda-main .agenda-detail .panel-group .panel-default.style4 .panel-heading .title-sub .arrow {
  border-top-color: #5BC3B7;
}
.section-agenda .agenda-main .agenda-detail .panel-group .panel-default.style4 .panel-collapse {
  border-left-color: #5BC3B7;
}
.section-agenda .agenda-main .agenda-detail .panel-group .panel-default.style4 .panel-collapse .panel-body .body-list .body-item .item-left .left-place {
  color: #5BC3B7;
}
.section-agenda .agenda-main .agenda-detail .panel-group .panel-default.style5 .panel-heading .title-main {
  color: #C4D3E7;
}
.section-agenda .agenda-main .agenda-detail .panel-group .panel-default.style5 .panel-heading .title-sub .arrow {
  border-top-color: #C4D3E7;
}
.section-agenda .agenda-main .agenda-detail .panel-group .panel-default.style5 .panel-collapse {
  border-left-color: #C4D3E7;
}
.section-agenda .agenda-main .agenda-detail .panel-group .panel-default.style5 .panel-collapse .panel-body .body-list .body-item .item-left .left-place {
  color: #C4D3E7;
}
.section-agenda .agenda-main .agenda-detail .panel-group .panel-default.style6 .panel-heading .title-main {
  color: #DF9CC5;
}
.section-agenda .agenda-main .agenda-detail .panel-group .panel-default.style6 .panel-heading .title-sub .arrow {
  border-top-color: #DF9CC5;
}
.section-agenda .agenda-main .agenda-detail .panel-group .panel-default.style6 .panel-collapse {
  border-left-color: #DF9CC5;
}
.section-agenda .agenda-main .agenda-detail .panel-group .panel-default.style6 .panel-collapse .panel-body .body-list .body-item .item-left .left-place {
  color: #DF9CC5;
}

/*vote mini site start*/
.btn-vote {
  display: inline-block;
  padding: 7px;
  color: #ffffff;
  background-color: #F4B84C;
  background: linear-gradient(to right, #F4B84C, #EC766F);
  border-radius: 24px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  max-width: 430px;
  width: 100%;
  text-transform: uppercase;
}
@media (max-width: 575px) {
  .btn-vote {
    font-size: 26px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .btn-vote {
    font-size: 28px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .btn-vote {
    font-size: 30px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .btn-vote {
    font-size: 33px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .btn-vote {
    font-size: 30px;
  }
}
@media (min-width: 1550px) {
  .btn-vote {
    font-size: 36px;
  }
}
.btn-vote .btn-inner {
  text-align: center;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  padding: 8px 15px;
  background-color: #000000;
  width: 100%;
  border-radius: 17px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.btn-vote:hover, .btn-vote:focus, .btn-vote:active {
  color: #ffffff;
}
.btn-vote:hover .btn-inner, .btn-vote:focus .btn-inner, .btn-vote:active .btn-inner {
  background-color: transparent;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .btn-vote {
    padding: 4px;
    max-width: 160px;
  }
}
@media (min-width: 576px) and (max-width: 767px) and (max-width: 575px), (max-width: 575px) and (max-width: 575px) {
  .btn-vote {
    font-size: 17px;
  }
}
@media (min-width: 576px) and (max-width: 767px) and (min-width: 576px) and (max-width: 767px), (max-width: 575px) and (min-width: 576px) and (max-width: 767px) {
  .btn-vote {
    font-size: 19px;
  }
}
@media (min-width: 576px) and (max-width: 767px) and (min-width: 768px) and (max-width: 991px), (max-width: 575px) and (min-width: 768px) and (max-width: 991px) {
  .btn-vote {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px) and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) and (min-width: 992px) and (max-width: 1199px) {
  .btn-vote {
    font-size: 22px;
  }
}
@media (min-width: 576px) and (max-width: 767px) and (min-width: 1200px) and (max-width: 1549px), (max-width: 575px) and (min-width: 1200px) and (max-width: 1549px) {
  .btn-vote {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px) and (min-width: 1550px), (max-width: 575px) and (min-width: 1550px) {
  .btn-vote {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .btn-vote .btn-inner {
    padding: 5px 10px;
  }
}

.section-vote-banner-main {
  margin-top: 101px;
  height: 1329px;
  background-image: url("../../uploads/images/common/2019/vote/banner_main_bg.jpg");
  background-position: center bottom;
  background-repeat: no-repeat;
  position: relative;
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-vote-banner-main {
    background-size: 1500px;
    height: 1040px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-vote-banner-main {
    margin-top: 131px;
    background-size: 1200px;
    height: 830px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-vote-banner-main {
    margin-top: 169px;
    background-size: 1000px;
    height: 690px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-vote-banner-main {
    margin-top: 60px;
    background-size: 140%;
    height: 95vw;
  }
}
.section-vote-banner-main .section-btn {
  position: absolute;
  left: 0;
  bottom: 150px;
  width: 100%;
  text-align: center;
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-vote-banner-main .section-btn {
    bottom: 120px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-vote-banner-main .section-btn {
    bottom: 90px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-vote-banner-main .section-btn {
    bottom: 50px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-vote-banner-main .section-btn {
    bottom: 5vw;
  }
}

.section-vote-main {
  padding-bottom: 100px;
  background-color: #3E65A5;
  color: #ffffff;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-vote-main {
    padding-bottom: 50px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-vote-main {
    padding-bottom: 25px;
  }
}
@media (max-width: 575px) {
  .section-vote-main .detail {
    font-size: 17px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-vote-main .detail {
    font-size: 19px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-vote-main .detail {
    font-size: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-vote-main .detail {
    font-size: 22px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-vote-main .detail {
    font-size: 20px;
  }
}
@media (min-width: 1550px) {
  .section-vote-main .detail {
    font-size: 24px;
  }
}
.section-vote-main .detail p {
  margin-bottom: 15px;
  line-height: 1.6;
}
@media (max-width: 575px) {
  .section-vote-main .detail2 {
    font-size: 17px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-vote-main .detail2 {
    font-size: 19px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-vote-main .detail2 {
    font-size: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-vote-main .detail2 {
    font-size: 22px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-vote-main .detail2 {
    font-size: 20px;
  }
}
@media (min-width: 1550px) {
  .section-vote-main .detail2 {
    font-size: 24px;
  }
}
.section-vote-main .detail2 p {
  margin-bottom: 15px;
  line-height: 1.6;
}
.section-vote-main .detail2 ul li {
  margin: 0;
  padding: 0;
}

.section-vote-result .vote-result-title {
  font-weight: 700;
  margin-bottom: 30px;
  text-align: center;
  color: #ffffff;
  text-transform: uppercase;
}
@media (max-width: 575px) {
  .section-vote-result .vote-result-title {
    font-size: 34px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-vote-result .vote-result-title {
    font-size: 37px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-vote-result .vote-result-title {
    font-size: 41px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-vote-result .vote-result-title {
    font-size: 44px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-vote-result .vote-result-title {
    font-size: 41px;
  }
}
@media (min-width: 1550px) {
  .section-vote-result .vote-result-title {
    font-size: 48px;
  }
}
.section-vote-result .vote-list .item-list {
  padding: 8px 0;
  position: relative;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-vote-result .vote-list .item-list {
    height: 90px;
  }
}
.section-vote-result .vote-list .item-list .item-name {
  width: 320px;
  font-weight: 700;
  text-transform: uppercase;
  color: #ffffff;
  text-align: right;
}
@media (max-width: 575px) {
  .section-vote-result .vote-list .item-list .item-name {
    font-size: 12px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-vote-result .vote-list .item-list .item-name {
    font-size: 13px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-vote-result .vote-list .item-list .item-name {
    font-size: 14px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-vote-result .vote-list .item-list .item-name {
    font-size: 16px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-vote-result .vote-list .item-list .item-name {
    font-size: 14px;
  }
}
@media (min-width: 1550px) {
  .section-vote-result .vote-list .item-list .item-name {
    font-size: 17px;
  }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-vote-result .vote-list .item-list .item-name {
    height: 100%;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-vote-result .vote-list .item-list .item-name {
    display: block;
    width: 100%;
    text-align: left;
    margin-bottom: 6px;
  }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-vote-result .vote-list .item-list .item-char {
    position: absolute;
    margin-left: 330px;
    border-left: 2px solid #ffffff;
    height: 100%;
    left: 0;
    top: 0;
    width: calc(100% - 250px);
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-vote-result .vote-list .item-list .item-char {
    position: relative;
    height: 30px;
  }
}
.section-vote-result .vote-list .item-list .item-char .item-bar {
  position: absolute;
  width: 0%;
  /*
  @mixin vote-result-char-loop($i) when ($i > 0){
  	&.bar${i} {
  		background-color:extract($barColorStyle, $i);
  	}
  	@include vote-result-char-loop($i - 1);
  }
  @include vote-result-char-loop(9);
  */
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-vote-result .vote-list .item-list .item-char .item-bar {
    height: 50px;
    margin-top: -25px;
    top: 50%;
    left: 0;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-vote-result .vote-list .item-list .item-char .item-bar {
    height: 100%;
  }
}
.section-vote-result .vote-list .item-list .item-char .item-bar.bar1 {
  background-color: extract(#3E65A5, #F15B2B, #AD945C, #F7B3C6, #294D7F, #C3B1A3, #5BC3B7, #A6A7B4, #EEC67F, 1);
}
.section-vote-result .vote-list .item-list .item-char .item-bar.bar2 {
  background-color: extract(#3E65A5, #F15B2B, #AD945C, #F7B3C6, #294D7F, #C3B1A3, #5BC3B7, #A6A7B4, #EEC67F, 2);
}
.section-vote-result .vote-list .item-list .item-char .item-bar.bar3 {
  background-color: extract(#3E65A5, #F15B2B, #AD945C, #F7B3C6, #294D7F, #C3B1A3, #5BC3B7, #A6A7B4, #EEC67F, 3);
}
.section-vote-result .vote-list .item-list .item-char .item-bar.bar4 {
  background-color: extract(#3E65A5, #F15B2B, #AD945C, #F7B3C6, #294D7F, #C3B1A3, #5BC3B7, #A6A7B4, #EEC67F, 4);
}
.section-vote-result .vote-list .item-list .item-char .item-bar.bar5 {
  background-color: extract(#3E65A5, #F15B2B, #AD945C, #F7B3C6, #294D7F, #C3B1A3, #5BC3B7, #A6A7B4, #EEC67F, 5);
}
.section-vote-result .vote-list .item-list .item-char .item-bar.bar6 {
  background-color: extract(#3E65A5, #F15B2B, #AD945C, #F7B3C6, #294D7F, #C3B1A3, #5BC3B7, #A6A7B4, #EEC67F, 6);
}
.section-vote-result .vote-list .item-list .item-char .item-bar.bar7 {
  background-color: extract(#3E65A5, #F15B2B, #AD945C, #F7B3C6, #294D7F, #C3B1A3, #5BC3B7, #A6A7B4, #EEC67F, 7);
}
.section-vote-result .vote-list .item-list .item-char .item-bar.bar8 {
  background-color: extract(#3E65A5, #F15B2B, #AD945C, #F7B3C6, #294D7F, #C3B1A3, #5BC3B7, #A6A7B4, #EEC67F, 8);
}
.section-vote-result .vote-list .item-list .item-char .item-bar.bar9 {
  background-color: extract(#3E65A5, #F15B2B, #AD945C, #F7B3C6, #294D7F, #C3B1A3, #5BC3B7, #A6A7B4, #EEC67F, 9);
}
.section-vote-result .vote-list .item-list .item-char .item-val {
  position: relative;
  height: 100%;
  padding: 10px;
  color: #ffffff;
  font-weight: 700;
  opacity: 0;
  margin-left: 50px;
}
@media (max-width: 575px) {
  .section-vote-result .vote-list .item-list .item-char .item-val {
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-vote-result .vote-list .item-list .item-char .item-val {
    font-size: 16px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-vote-result .vote-list .item-list .item-char .item-val {
    font-size: 17px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-vote-result .vote-list .item-list .item-char .item-val {
    font-size: 18px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-vote-result .vote-list .item-list .item-char .item-val {
    font-size: 17px;
  }
}
@media (min-width: 1550px) {
  .section-vote-result .vote-list .item-list .item-char .item-val {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-vote-result .vote-list .item-list .item-char .item-val {
    padding: 0 5px;
  }
}

.section-vote-banner {
  text-align: center;
  margin-top: 101px;
  background-color: #000000;
  padding-top: 30px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-vote-banner {
    margin-top: 131px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-vote-banner {
    margin-top: 169px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-vote-banner {
    margin-top: 60px;
  }
}
.section-vote-banner img {
  max-width: 100%;
}

.section-vote-content {
  color: #ffffff;
  background-color: #000000;
  padding: 100px 0;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-vote-content {
    padding: 50px 0;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-vote-content {
    padding: 25px 0;
  }
}
.section-vote-content.info-content {
  background-image: url("../../uploads/images/common/2020/vote/info_bg.png");
  background-repeat: no-repeat;
  background-position: center bottom;
}
.section-vote-content .content-title {
  font-weight: 700;
  margin-bottom: 30px;
  text-align: center;
}
@media (max-width: 575px) {
  .section-vote-content .content-title {
    font-size: 34px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-vote-content .content-title {
    font-size: 37px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-vote-content .content-title {
    font-size: 41px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-vote-content .content-title {
    font-size: 44px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-vote-content .content-title {
    font-size: 41px;
  }
}
@media (min-width: 1550px) {
  .section-vote-content .content-title {
    font-size: 48px;
  }
}
.section-vote-content .content-title-sub {
  margin: 30px 0 10px;
  font-weight: 700;
  text-align: center;
  color: #E15A2B;
}
@media (max-width: 575px) {
  .section-vote-content .content-title-sub {
    font-size: 25px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-vote-content .content-title-sub {
    font-size: 27px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-vote-content .content-title-sub {
    font-size: 30px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-vote-content .content-title-sub {
    font-size: 32px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-vote-content .content-title-sub {
    font-size: 30px;
  }
}
@media (min-width: 1550px) {
  .section-vote-content .content-title-sub {
    font-size: 35px;
  }
}
.section-vote-content .content-detail {
  text-align: center;
  margin-bottom: 15px;
}
@media (max-width: 575px) {
  .section-vote-content .content-detail {
    font-size: 17px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-vote-content .content-detail {
    font-size: 19px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-vote-content .content-detail {
    font-size: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-vote-content .content-detail {
    font-size: 22px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-vote-content .content-detail {
    font-size: 20px;
  }
}
@media (min-width: 1550px) {
  .section-vote-content .content-detail {
    font-size: 24px;
  }
}
.section-vote-content .content-detail a {
  color: #ffffff;
  text-decoration: underline;
}
.section-vote-content .content-btn {
  margin-bottom: 30px;
}
@media (max-width: 575px) {
  .section-vote-content .content-btn .btn-border span {
    font-size: 17px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-vote-content .content-btn .btn-border span {
    font-size: 19px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-vote-content .content-btn .btn-border span {
    font-size: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-vote-content .content-btn .btn-border span {
    font-size: 22px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-vote-content .content-btn .btn-border span {
    font-size: 20px;
  }
}
@media (min-width: 1550px) {
  .section-vote-content .content-btn .btn-border span {
    font-size: 24px;
  }
}
.section-vote-content .content-wrapper {
  margin-top: 30px;
  padding: 25px 15px;
  text-align: center;
  border-radius: 18px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
@media (max-width: 575px) {
  .section-vote-content .content-wrapper {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-vote-content .content-wrapper {
    font-size: 22px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-vote-content .content-wrapper {
    font-size: 24px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-vote-content .content-wrapper {
    font-size: 26px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-vote-content .content-wrapper {
    font-size: 24px;
  }
}
@media (min-width: 1550px) {
  .section-vote-content .content-wrapper {
    font-size: 28px;
  }
}
.section-vote-content .content-wrapper.style1 {
  background-color: #F15B2B;
}
.section-vote-content .content-wrapper.style2 {
  background-color: #3E65A5;
}
.section-vote-content .content-wrapper.style3 {
  background-color: #AD945C;
}
.section-vote-content .content-wrapper .wrapper-num {
  text-align: center;
  margin-bottom: 15px;
}
.section-vote-content .content-wrapper .wrapper-num img {
  width: 158px;
}
.section-vote-content .content-wrapper .wrapper-logo {
  margin: 15px 0;
}
.section-vote-content .content-wrapper .wrapper-logo .logo-aef {
  width: 243px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-vote-content .content-wrapper .wrapper-form {
    padding: 0 85px;
  }
}
.section-vote-content .content-wrapper .wrapper-form .form-horizontal .form-group {
  margin: 25px 0;
}
.section-vote-content .content-wrapper .wrapper-form .form-horizontal .form-group .control-label {
  padding-top: 2px;
  font-weight: 400px;
  text-align: left;
}
.section-vote-content .content-wrapper .wrapper-form .form-horizontal .form-group .form-control {
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-shadow: none;
  height: 41px;
}
@media (max-width: 575px) {
  .section-vote-content .content-wrapper .wrapper-form .form-horizontal .form-group .form-control {
    font-size: 17px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-vote-content .content-wrapper .wrapper-form .form-horizontal .form-group .form-control {
    font-size: 19px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-vote-content .content-wrapper .wrapper-form .form-horizontal .form-group .form-control {
    font-size: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-vote-content .content-wrapper .wrapper-form .form-horizontal .form-group .form-control {
    font-size: 22px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-vote-content .content-wrapper .wrapper-form .form-horizontal .form-group .form-control {
    font-size: 20px;
  }
}
@media (min-width: 1550px) {
  .section-vote-content .content-wrapper .wrapper-form .form-horizontal .form-group .form-control {
    font-size: 24px;
  }
}
.section-vote-content .content-recaptcha {
  margin: 50px 0;
  text-align: center;
}
.section-vote-content .content-recaptcha .g-recaptcha {
  display: inline-block;
}
@media (max-width: 575px) {
  .section-vote-content .content-recaptcha {
    margin: 50px -15px;
  }
}
.section-vote-content .content-thankyou {
  margin: 50px 0;
  text-align: center;
  color: #AD945C;
}
@media (max-width: 575px) {
  .section-vote-content .content-thankyou {
    font-size: 19px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-vote-content .content-thankyou {
    font-size: 21px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-vote-content .content-thankyou {
    font-size: 23px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-vote-content .content-thankyou {
    font-size: 25px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-vote-content .content-thankyou {
    font-size: 23px;
  }
}
@media (min-width: 1550px) {
  .section-vote-content .content-thankyou {
    font-size: 27px;
  }
}
.section-vote-content .content-btn {
  text-align: center;
}

.content-form {
  margin-bottom: 50px;
}
.content-form .panel-group .panel {
  border: 0px;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .content-form .panel-group .panel {
    margin-bottom: 15px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .content-form .panel-group .panel {
    margin-bottom: 10px;
  }
}
.content-form .panel-group .panel.panel-style1 {
  background-color: #3E65A5;
}
.content-form .panel-group .panel.panel-style2 {
  background-color: #5BC3B7;
}
.content-form .panel-group .panel.panel-style3 {
  background-color: #AD945C;
}
.content-form .panel-group .panel.panel-style4 {
  background-color: #8F8F8F;
}
.content-form .panel-group .panel .panel-heading {
  background-color: transparent;
  color: #ffffff;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-bottom: 0;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .content-form .panel-group .panel .panel-heading {
    padding: 15px 35px;
  }
}
.content-form .panel-group .panel .panel-heading .panel-title {
  position: relative;
  padding-right: 140px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .content-form .panel-group .panel .panel-heading .panel-title {
    padding-right: 40px;
  }
}
.content-form .panel-group .panel .panel-heading .panel-title .vote-title {
  text-transform: uppercase;
}
.content-form .panel-group .panel .panel-heading .panel-title .vote-title .title-sub,
.content-form .panel-group .panel .panel-heading .panel-title .vote-title .title-line,
.content-form .panel-group .panel .panel-heading .panel-title .vote-title .title-main {
  display: inline-block;
  vertical-align: middle;
  font-weight: 700;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .content-form .panel-group .panel .panel-heading .panel-title .vote-title .title-sub,
.content-form .panel-group .panel .panel-heading .panel-title .vote-title .title-line,
.content-form .panel-group .panel .panel-heading .panel-title .vote-title .title-main {
    display: block;
  }
}
@media (max-width: 575px) {
  .content-form .panel-group .panel .panel-heading .panel-title .vote-title .title-sub {
    font-size: 19px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-form .panel-group .panel .panel-heading .panel-title .vote-title .title-sub {
    font-size: 20px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-form .panel-group .panel .panel-heading .panel-title .vote-title .title-sub {
    font-size: 22px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .content-form .panel-group .panel .panel-heading .panel-title .vote-title .title-sub {
    font-size: 24px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .content-form .panel-group .panel .panel-heading .panel-title .vote-title .title-sub {
    font-size: 22px;
  }
}
@media (min-width: 1550px) {
  .content-form .panel-group .panel .panel-heading .panel-title .vote-title .title-sub {
    font-size: 26px;
  }
}
.content-form .panel-group .panel .panel-heading .panel-title .vote-title .title-line {
  border: 1px solid #ffffff;
  height: 0;
  width: 67px;
  margin: 0 15px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .content-form .panel-group .panel .panel-heading .panel-title .vote-title .title-line {
    width: 30px;
    margin: 0 10px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .content-form .panel-group .panel .panel-heading .panel-title .vote-title .title-line {
    margin: 0;
    width: 100%;
  }
}
@media (max-width: 575px) {
  .content-form .panel-group .panel .panel-heading .panel-title .vote-title .title-main {
    font-size: 26px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-form .panel-group .panel .panel-heading .panel-title .vote-title .title-main {
    font-size: 28px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-form .panel-group .panel .panel-heading .panel-title .vote-title .title-main {
    font-size: 30px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .content-form .panel-group .panel .panel-heading .panel-title .vote-title .title-main {
    font-size: 33px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .content-form .panel-group .panel .panel-heading .panel-title .vote-title .title-main {
    font-size: 30px;
  }
}
@media (min-width: 1550px) {
  .content-form .panel-group .panel .panel-heading .panel-title .vote-title .title-main {
    font-size: 36px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) and (max-width: 575px), (min-width: 768px) and (max-width: 991px) and (max-width: 575px) {
  .content-form .panel-group .panel .panel-heading .panel-title .vote-title .title-main {
    font-size: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) and (min-width: 576px) and (max-width: 767px), (min-width: 768px) and (max-width: 991px) and (min-width: 576px) and (max-width: 767px) {
  .content-form .panel-group .panel .panel-heading .panel-title .vote-title .title-main {
    font-size: 23px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) and (min-width: 768px) and (max-width: 991px), (min-width: 768px) and (max-width: 991px) and (min-width: 768px) and (max-width: 991px) {
  .content-form .panel-group .panel .panel-heading .panel-title .vote-title .title-main {
    font-size: 25px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) and (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) and (min-width: 992px) and (max-width: 1199px) {
  .content-form .panel-group .panel .panel-heading .panel-title .vote-title .title-main {
    font-size: 28px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) and (min-width: 1200px) and (max-width: 1549px), (min-width: 768px) and (max-width: 991px) and (min-width: 1200px) and (max-width: 1549px) {
  .content-form .panel-group .panel .panel-heading .panel-title .vote-title .title-main {
    font-size: 25px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) and (min-width: 1550px), (min-width: 768px) and (max-width: 991px) and (min-width: 1550px) {
  .content-form .panel-group .panel .panel-heading .panel-title .vote-title .title-main {
    font-size: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px) and (max-width: 575px), (max-width: 575px) and (max-width: 575px) {
  .content-form .panel-group .panel .panel-heading .panel-title .vote-title .title-main {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px) and (min-width: 576px) and (max-width: 767px), (max-width: 575px) and (min-width: 576px) and (max-width: 767px) {
  .content-form .panel-group .panel .panel-heading .panel-title .vote-title .title-main {
    font-size: 22px;
  }
}
@media (min-width: 576px) and (max-width: 767px) and (min-width: 768px) and (max-width: 991px), (max-width: 575px) and (min-width: 768px) and (max-width: 991px) {
  .content-form .panel-group .panel .panel-heading .panel-title .vote-title .title-main {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px) and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) and (min-width: 992px) and (max-width: 1199px) {
  .content-form .panel-group .panel .panel-heading .panel-title .vote-title .title-main {
    font-size: 26px;
  }
}
@media (min-width: 576px) and (max-width: 767px) and (min-width: 1200px) and (max-width: 1549px), (max-width: 575px) and (min-width: 1200px) and (max-width: 1549px) {
  .content-form .panel-group .panel .panel-heading .panel-title .vote-title .title-main {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px) and (min-width: 1550px), (max-width: 575px) and (min-width: 1550px) {
  .content-form .panel-group .panel .panel-heading .panel-title .vote-title .title-main {
    font-size: 28px;
  }
}
.content-form .panel-group .panel .panel-heading .panel-title .vote-title-sub {
  position: absolute;
  right: 0;
  top: 12px;
  color: #303030;
  font-weight: 700;
}
@media (max-width: 575px) {
  .content-form .panel-group .panel .panel-heading .panel-title .vote-title-sub {
    font-size: 13px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-form .panel-group .panel .panel-heading .panel-title .vote-title-sub {
    font-size: 14px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-form .panel-group .panel .panel-heading .panel-title .vote-title-sub {
    font-size: 15px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .content-form .panel-group .panel .panel-heading .panel-title .vote-title-sub {
    font-size: 17px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .content-form .panel-group .panel .panel-heading .panel-title .vote-title-sub {
    font-size: 15px;
  }
}
@media (min-width: 1550px) {
  .content-form .panel-group .panel .panel-heading .panel-title .vote-title-sub {
    font-size: 18px;
  }
}
.content-form .panel-group .panel .panel-heading .panel-title .vote-title-sub .sub-note1 {
  display: inline;
}
.content-form .panel-group .panel .panel-heading .panel-title .vote-title-sub .sub-note2 {
  display: none;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .content-form .panel-group .panel .panel-heading .panel-title .vote-title-sub .sub-note,
.content-form .panel-group .panel .panel-heading .panel-title .vote-title-sub .sub-note1,
.content-form .panel-group .panel .panel-heading .panel-title .vote-title-sub .sub-note2 {
    display: none !important;
  }
}
.content-form .panel-group .panel .panel-heading .panel-title .vote-title-sub .arrow {
  display: inline-block;
  margin-left: 10px;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 14px 8px 0 8px;
  border-top-color: #303030;
  border-left-color: fade(#303030, 0);
  border-right-color: fade(#303030, 0);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .content-form .panel-group .panel .panel-heading .panel-title .vote-title-sub .arrow {
    margin-left: 0;
    position: absolute;
    right: 0;
    top: -5px;
  }
}
.content-form .panel-group .panel .panel-heading .collapsed .vote-title-sub .sub-note1 {
  display: none;
}
.content-form .panel-group .panel .panel-heading .collapsed .vote-title-sub .sub-note2 {
  display: inline;
}
.content-form .panel-group .panel .panel-heading .collapsed .vote-title-sub .arrow {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}
.content-form .panel-group .panel .panel-collapse .panel-body {
  border-top: 0;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .content-form .panel-group .panel .panel-collapse .panel-body {
    padding: 15px 35px;
  }
}
.content-form .panel-group .panel .panel-collapse .panel-body .body-list {
  border-top: 1px solid #303030;
}
.content-form .panel-group .panel .panel-collapse .panel-body .body-list .body-item {
  padding: 15px;
  min-height: 80px;
  border-bottom: 1px solid #303030;
}
@media (max-width: 575px) {
  .content-form .panel-group .panel .panel-collapse .panel-body .body-list .body-item {
    font-size: 12px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-form .panel-group .panel .panel-collapse .panel-body .body-list .body-item {
    font-size: 13px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-form .panel-group .panel .panel-collapse .panel-body .body-list .body-item {
    font-size: 14px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .content-form .panel-group .panel .panel-collapse .panel-body .body-list .body-item {
    font-size: 16px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .content-form .panel-group .panel .panel-collapse .panel-body .body-list .body-item {
    font-size: 14px;
  }
}
@media (min-width: 1550px) {
  .content-form .panel-group .panel .panel-collapse .panel-body .body-list .body-item {
    font-size: 17px;
  }
}
.content-form .panel-group .panel .panel-collapse .panel-body .body-list .body-item .item-radio .checkbox {
  margin: 0;
  padding: 0;
}
.content-form .panel-group .panel .panel-collapse .panel-body .body-list .body-item .item-radio .checkbox label:before {
  border: 1px solid #303030;
  width: 50px;
  height: 50px;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-shadow: none;
  outline: 0;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .content-form .panel-group .panel .panel-collapse .panel-body .body-list .body-item .item-radio .checkbox label:before {
    width: 25px;
    height: 25px;
  }
}
.content-form .panel-group .panel .panel-collapse .panel-body .body-list .body-item .item-radio .checkbox label:after {
  opacity: 0;
  content: "";
  width: 55px;
  height: 20px;
  border-left: 5px solid #E15A2B;
  border-bottom: 5px solid #E15A2B;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  margin-left: -15px;
  background-color: transparent;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .content-form .panel-group .panel .panel-collapse .panel-body .body-list .body-item .item-radio .checkbox label:after {
    width: 27px;
    height: 10px;
    border-left-width: 3px;
    border-bottom-width: 3px;
  }
}
.content-form .panel-group .panel .panel-collapse .panel-body .body-list .body-item .item-radio .checkbox input:checked + label::after {
  opacity: 1;
}
.content-form .panel-group .panel .panel-collapse .panel-body .body-list .body-item .item-logo {
  width: 100px;
  height: 100px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 10px;
  background-color: #ffffff;
  color: #000000;
  text-align: center;
}
@media (max-width: 575px) {
  .content-form .panel-group .panel .panel-collapse .panel-body .body-list .body-item .item-logo {
    font-size: 7px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-form .panel-group .panel .panel-collapse .panel-body .body-list .body-item .item-logo {
    font-size: 8px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-form .panel-group .panel .panel-collapse .panel-body .body-list .body-item .item-logo {
    font-size: 8px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .content-form .panel-group .panel .panel-collapse .panel-body .body-list .body-item .item-logo {
    font-size: 9px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .content-form .panel-group .panel .panel-collapse .panel-body .body-list .body-item .item-logo {
    font-size: 8px;
  }
}
@media (min-width: 1550px) {
  .content-form .panel-group .panel .panel-collapse .panel-body .body-list .body-item .item-logo {
    font-size: 10px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .content-form .panel-group .panel .panel-collapse .panel-body .body-list .body-item .item-logo {
    margin-bottom: 10px;
    width: 80px;
    height: 80px;
  }
}
.content-form .panel-group .panel .panel-collapse .panel-body .body-list .body-item .item-logo span {
  display: block;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.content-form .panel-group .panel .panel-collapse .panel-body .body-list .body-item .item-info {
  font-weight: 700;
  text-transform: uppercase;
}
.content-form .panel-group .panel .panel-collapse .panel-body .body-list .body-item .item-info .item-url {
  word-break: break-all;
  margin-top: 15px;
}
@media (max-width: 575px) {
  .content-form .panel-group .panel .panel-collapse .panel-body .body-list .body-item .item-info .item-url {
    font-size: 11px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-form .panel-group .panel .panel-collapse .panel-body .body-list .body-item .item-info .item-url {
    font-size: 12px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-form .panel-group .panel .panel-collapse .panel-body .body-list .body-item .item-info .item-url {
    font-size: 13px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .content-form .panel-group .panel .panel-collapse .panel-body .body-list .body-item .item-info .item-url {
    font-size: 14px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .content-form .panel-group .panel .panel-collapse .panel-body .body-list .body-item .item-info .item-url {
    font-size: 13px;
  }
}
@media (min-width: 1550px) {
  .content-form .panel-group .panel .panel-collapse .panel-body .body-list .body-item .item-info .item-url {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .content-form .panel-group .panel .panel-collapse .panel-body .body-list .body-item .item-info .item-url {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
.content-form .panel-group .panel .panel-collapse .panel-body .body-list .body-item .item-info .item-url a {
  color: #ffffff;
}
.content-form .panel-group .panel .panel-collapse .panel-body .body-list .body-item .item-info .item-url a:hover, .content-form .panel-group .panel .panel-collapse .panel-body .body-list .body-item .item-info .item-url a:focus, .content-form .panel-group .panel .panel-collapse .panel-body .body-list .body-item .item-info .item-url a:active {
  text-decoration: underline;
}

/*vote mini site end*/
/*2021 start*/
.section-home-banner {
  position: relative;
  height: calc(100vh );
  min-height: 560px;
  padding-top: 111px;
  background-color: #000000;
  overflow: hidden;
}
@media (min-width: 1550px) {
  .section-home-banner {
    min-height: 790px;
  }
}
.section-home-banner .banner-bg {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100vw;
  height: 100vw;
  margin-top: -50vw;
  margin-left: -50vw;
  -webkit-animation: banner-anim-rotate 60000ms 0 linear;
  -moz-animation: banner-anim-rotate 60000ms 0 linear;
  -ms-animation: banner-anim-rotate 60000ms 0 linear;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  -ms-animation-direction: normal;
}
.section-home-banner .banner-bg .bg-img {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
}
.section-home-banner .banner-video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.section-home-banner .banner-video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (min-aspect-ratio: 16/9) {
  .section-home-banner .banner-video video {
    height: 300%;
    top: -100%;
  }
}
@media (max-aspect-ratio: 16/9) {
  .section-home-banner .banner-video video {
    width: 300%;
    left: -100%;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-home-banner .banner-video video {
    display: none;
  }
}
.section-home-banner .banner-main {
  position: relative;
  width: 100%;
  height: 100%;
  color: #ffffff;
  text-align: center;
  font-family: "Barlow", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-home-banner .banner-main .banner-date {
    font-size: 47px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-home-banner .banner-main .banner-date {
    font-size: 23.5px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-home-banner .banner-main .banner-date {
    font-size: 11.75px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-home-banner .banner-main .banner-date {
    font-size: 40px;
  }
}
.section-home-banner .banner-main .banner-title {
  line-height: 1.2em;
  font-weight: 700;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-home-banner .banner-main .banner-title {
    font-size: 135px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-home-banner .banner-main .banner-title {
    font-size: 67.5px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-home-banner .banner-main .banner-title {
    font-size: 33.75px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-home-banner .banner-main .banner-title {
    font-size: 100px;
  }
}
.section-home-banner .banner-main .banner-title-sub {
  line-height: 1.1em;
  margin-bottom: 40px;
  font-weight: 500;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-home-banner .banner-main .banner-title-sub {
    font-size: 63px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-home-banner .banner-main .banner-title-sub {
    font-size: 31.5px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-home-banner .banner-main .banner-title-sub {
    font-size: 15.75px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-home-banner .banner-main .banner-title-sub {
    margin-bottom: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-home-banner .banner-main .banner-title-sub {
    margin-bottom: 10px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-home-banner .banner-main .banner-title-sub {
    font-size: 60px;
  }
}
.section-home-banner .banner-main .banner-btn .btn-apply {
  display: inline-block;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  min-width: 250px;
  text-align: center;
  color: #ffffff;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-home-banner .banner-main .banner-btn .btn-apply {
    font-size: 22px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-home-banner .banner-main .banner-btn .btn-apply {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-home-banner .banner-main .banner-btn .btn-apply {
    font-size: 18px;
  }
}
.section-home-banner .banner-main .banner-btn .btn-apply:hover, .section-home-banner .banner-main .banner-btn .btn-apply:focus, .section-home-banner .banner-main .banner-btn .btn-apply:active {
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.section-home-banner .banner-mark {
  position: absolute;
  width: 180px;
  right: 50px;
  top: 195px;
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-home-banner .banner-mark {
    width: 130px;
    right: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-home-banner .banner-mark {
    width: 120px;
    right: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-home-banner .banner-mark {
    width: 100px;
    right: 15px;
    top: 120px;
  }
}
.section-home-banner .banner-mark img {
  width: 100%;
}

@-webkit-keyframes banner-anim-rotate {
  0% {
    transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
  }
  50% {
    transform: rotate(180deg) scale(2) skew(0deg) translate(0px);
  }
  100% {
    transform: rotate(360deg) scale(1) skew(0deg) translate(0px);
  }
}
@keyframes banner-anim-rotate {
  0% {
    transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
  }
  50% {
    transform: rotate(180deg) scale(2) skew(0deg) translate(0px);
  }
  100% {
    transform: rotate(360deg) scale(1) skew(0deg) translate(0px);
  }
}
.section-2021-home-banner {
  margin-bottom: 40px;
  position: relative;
  text-align: center;
}
.section-2021-home-banner .banner-img img {
  max-width: 100%;
}

.section-2021-home-banner-text {
  margin-bottom: 60px;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  text-align: center;
}
.section-2021-home-banner-text .banner-border {
  background-color: #FB7435;
  background: linear-gradient(to right, #FB7435, #E13866);
  padding: 2px;
}
.section-2021-home-banner-text .banner-border .banner-wrapper {
  background-color: #000000;
  padding: 40px 15px;
}
.section-2021-home-banner-text .banner-border .banner-wrapper .banner-title {
  font-weight: 700;
  color: #ffffff;
  text-transform: uppercase;
  line-height: 1.2em;
  position: relative;
  padding: 0 50px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-home-banner-text .banner-border .banner-wrapper .banner-title {
    font-size: 50px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-home-banner-text .banner-border .banner-wrapper .banner-title {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-banner-text .banner-border .banner-wrapper .banner-title {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-banner-text .banner-border .banner-wrapper .banner-title {
    padding: 0 25px;
  }
}
.section-2021-home-banner-text .banner-border .banner-wrapper .banner-title .title-wrapper {
  display: inline-block;
  position: relative;
  padding: 0 15px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-banner-text .banner-border .banner-wrapper .banner-title .title-wrapper {
    padding: 0 7px;
  }
}
.section-2021-home-banner-text .banner-border .banner-wrapper .banner-title .title-wrapper:before, .section-2021-home-banner-text .banner-border .banner-wrapper .banner-title .title-wrapper:after {
  content: "";
  position: absolute;
  top: 50%;
  background-image: url("../../uploads/images/2021/common/home/banner_title_icon.png");
  width: 46px;
  height: 23px;
  margin-top: -12px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-banner-text .banner-border .banner-wrapper .banner-title .title-wrapper:before, .section-2021-home-banner-text .banner-border .banner-wrapper .banner-title .title-wrapper:after {
    width: 23px;
    height: 12px;
    margin-top: -6px;
  }
}
.section-2021-home-banner-text .banner-border .banner-wrapper .banner-title .title-wrapper:before {
  right: 100%;
}
.section-2021-home-banner-text .banner-border .banner-wrapper .banner-title .title-wrapper:after {
  left: 100%;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.section-2021-home-banner-text .banner-border .banner-wrapper .banner-title-sub {
  color: #ffffff;
  line-height: 1.2em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-home-banner-text .banner-border .banner-wrapper .banner-title-sub {
    font-size: 29px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-home-banner-text .banner-border .banner-wrapper .banner-title-sub {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-banner-text .banner-border .banner-wrapper .banner-title-sub {
    font-size: 20px;
  }
}
.section-2021-home-banner-text .banner-border .banner-wrapper .banner-detail {
  margin-top: 1em;
  color: #AD945C;
  line-height: 1.2em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-home-banner-text .banner-border .banner-wrapper .banner-detail {
    font-size: 29px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-home-banner-text .banner-border .banner-wrapper .banner-detail {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-banner-text .banner-border .banner-wrapper .banner-detail {
    font-size: 20px;
  }
}

.section-2021-home-join {
  margin-bottom: 40px;
  position: relative;
  text-align: center;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
.section-2021-home-join .message {
  position: relative;
  background: #F51A64;
  background: linear-gradient(to bottom, #F51A64, #FF6914);
  width: 1000px;
  max-width: 100%;
  margin: 30px auto 100px;
  padding: 3px;
}
.section-2021-home-join .message .clearfix {
  position: relative;
  z-index: 1;
}
.section-2021-home-join .message:before {
  background: #F51A64;
  background: linear-gradient(to bottom, #F51A64, #FF6914);
  content: "";
  display: block;
  width: 150px;
  height: 150px;
  position: absolute;
  bottom: -10px;
  left: -10px;
  z-index: 0;
}
.section-2021-home-join .message:after {
  background: #F51A64;
  background: linear-gradient(to bottom, #F51A64, #FF6914);
  content: "";
  display: block;
  width: 150px;
  height: 150px;
  position: absolute;
  top: -10px;
  right: -10px;
  z-index: 0;
}
.section-2021-home-join .message p {
  color: #AD945C;
  font-size: 16px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-home-join .message p {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-home-join .message p {
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-join .message p {
    font-size: 14px;
  }
}
.section-2021-home-join .message p.lead {
  color: #F15B2B;
  font-weight: bold;
  font-size: 1.3em;
}
.section-2021-home-join .message .clearfix {
  display: table;
}
.section-2021-home-join .message .clearfix .col-md-4 {
  display: table-cell;
  float: none;
  height: 100%;
  background-size: cover;
  background-position: right 20px top;
  background-repeat: no-repeat;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .section-2021-home-join .message .clearfix .col-md-4 {
    float: left;
    height: 350px;
    background-position: right bottom 20px;
  }
}
.section-2021-home-join .message .clearfix .col-md-8 {
  display: table-cell;
  float: none;
  vertical-align: top;
  background-color: #000000;
  padding-top: 20px;
  padding-bottom: 10px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .section-2021-home-join .message .clearfix .col-md-8 {
    float: left;
  }
}
.section-2021-home-join .section-title {
  color: #ffffff;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.2em;
  margin-bottom: 40px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-home-join .section-title {
    font-size: 50px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-home-join .section-title {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-join .section-title {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-join .section-title {
    margin-bottom: 20px;
  }
}
.section-2021-home-join .section-title .highlight1 {
  color: #AD945C;
}
.section-2021-home-join .section-title .highlight2 {
  color: #F15B2B;
}
.section-2021-home-join .section-detail {
  color: #AD945C;
  margin-bottom: 60px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-home-join .section-detail {
    font-size: 29px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-home-join .section-detail {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-join .section-detail {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-join .section-detail {
    margin-bottom: 30px;
  }
}
.section-2021-home-join .join-logo {
  text-align: center;
  margin-bottom: 60px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-join .join-logo {
    margin-bottom: 30px;
  }
}
.section-2021-home-join .join-logo img {
  max-width: 695px;
}
.section-2021-home-join .join-list .list-item {
  position: relative;
  margin-bottom: 60px;
  padding-bottom: 20px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-join .join-list .list-item {
    margin-bottom: 30px;
    padding-bottom: 10px;
  }
}
.section-2021-home-join .join-list .list-item .item-icon {
  width: 110px;
  height: 90px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 auto 5px;
}
.section-2021-home-join .join-list .list-item .item-icon.icon1 {
  background-image: url("../../uploads/images/2021/common/home/join_icon1.png");
}
.section-2021-home-join .join-list .list-item .item-icon.icon2 {
  background-image: url("../../uploads/images/2021/common/home/join_icon2.png");
}
.section-2021-home-join .join-list .list-item .item-icon.icon3 {
  background-image: url("../../uploads/images/2021/common/home/join_icon3.png");
}
.section-2021-home-join .join-list .list-item .item-icon.icon4 {
  background-image: url("../../uploads/images/2021/common/home/join_icon4.png");
}
.section-2021-home-join .join-list .list-item .item-icon.icon5 {
  background-image: url("../../uploads/images/2021/common/home/join_icon5.png");
}
.section-2021-home-join .join-list .list-item .item-icon.icon6 {
  background-image: url("../../uploads/images/2021/common/home/join_icon6.png");
}
.section-2021-home-join .join-list .list-item .item-title {
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1.2em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-home-join .join-list .list-item .item-title {
    font-size: 25px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-home-join .join-list .list-item .item-title {
    font-size: 17px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-join .join-list .list-item .item-title {
    font-size: 12px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-join .join-list .list-item .item-title {
    min-height: 42px;
  }
}
.section-2021-home-join .join-list .list-item:after {
  content: "";
  width: 330px;
  height: 1px;
  left: 50%;
  margin-left: -165px;
  display: block;
  background-color: #FB7435;
  background: linear-gradient(to right, #FB7435, #E13866);
  position: absolute;
  bottom: 0;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-join .join-list .list-item:after {
    width: 100%;
    left: 0;
    margin-left: 0;
  }
}

.section-2021-home-global {
  margin-bottom: 40px;
  position: relative;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
.section-2021-home-global .container-inner {
  position: relative;
  padding: 45px 35px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-global .container-inner {
    padding: 30px 15px;
  }
}
.section-2021-home-global .container-inner .inner-bg {
  background-color: #0B1939;
  background: linear-gradient(to bottom, #0B1939, #0B1939);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.95;
}
.section-2021-home-global .container-inner .bg-img {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-position: top center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../../uploads/images/2021/common/home/global_bg.png");
}
.section-2021-home-global .container-inner .inner-main {
  position: relative;
}
.section-2021-home-global .container-inner .inner-main .inner-title {
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1.2em;
  text-align: center;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-home-global .container-inner .inner-main .inner-title {
    font-size: 48px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-home-global .container-inner .inner-main .inner-title {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-global .container-inner .inner-main .inner-title {
    font-size: 24px;
  }
}
.section-2021-home-global .container-inner .inner-main .inner-title-hkt {
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1.2em;
  text-align: center;
  margin-bottom: 50px;
  margin-top: 10px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-home-global .container-inner .inner-main .inner-title-hkt {
    font-size: 24px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-home-global .container-inner .inner-main .inner-title-hkt {
    font-size: 16px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-global .container-inner .inner-main .inner-title-hkt {
    font-size: 12px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-home-global .container-inner .inner-main .inner-title-hkt {
    margin-bottom: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-global .container-inner .inner-main .inner-title-hkt {
    margin-bottom: 20px;
  }
}
.section-2021-home-global .container-inner .inner-main .timeline-list {
  text-transform: uppercase;
  position: relative;
  margin-bottom: 30px;
}
.section-2021-home-global .container-inner .inner-main .timeline-list:before, .section-2021-home-global .container-inner .inner-main .timeline-list:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
}
.section-2021-home-global .container-inner .inner-main .timeline-list:before {
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 20px 11px 0 11px;
  border-top-color: #ffffff;
  border-left-color: fade(#ffffff, 0);
  border-right-color: fade(#ffffff, 0);
  margin-left: -11px;
}
.section-2021-home-global .container-inner .inner-main .timeline-list:after {
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 17px 10px 0 10px;
  border-top-color: #AD945C;
  border-left-color: fade(#AD945C, 0);
  border-right-color: fade(#AD945C, 0);
  margin-left: -10px;
  margin-top: 1px;
}
.section-2021-home-global .container-inner .inner-main .timeline-list .list-item {
  position: relative;
  padding-bottom: 40px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-global .container-inner .inner-main .timeline-list .list-item {
    padding-bottom: 20px;
  }
}
.section-2021-home-global .container-inner .inner-main .timeline-list .list-item:before, .section-2021-home-global .container-inner .inner-main .timeline-list .list-item:after {
  content: "";
  position: absolute;
  top: 0;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-home-global .container-inner .inner-main .timeline-list .list-item:before, .section-2021-home-global .container-inner .inner-main .timeline-list .list-item:after {
    left: 50%;
  }
}
.section-2021-home-global .container-inner .inner-main .timeline-list .list-item:before {
  width: 0;
  height: 100%;
  border-left: 1px solid #AD945C;
}
.section-2021-home-global .container-inner .inner-main .timeline-list .list-item:after {
  width: 24px;
  height: 24px;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-left: -12px;
  border: 1px solid #ffffff;
  background-color: #AD945C;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-global .container-inner .inner-main .timeline-list .list-item:after {
    width: 16px;
    height: 16px;
    margin-left: -8px;
  }
}
.section-2021-home-global .container-inner .inner-main .timeline-list .list-item .item-year {
  color: #0B1939;
  text-shadow: -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff, 1px 1px 0 #ffffff;
  line-height: 1.2em;
  margin-bottom: 10px;
  font-weight: 700;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-home-global .container-inner .inner-main .timeline-list .list-item .item-year {
    font-size: 22px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-home-global .container-inner .inner-main .timeline-list .list-item .item-year {
    font-size: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-global .container-inner .inner-main .timeline-list .list-item .item-year {
    font-size: 16px;
  }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-home-global .container-inner .inner-main .timeline-list .list-item .item-year {
    position: absolute;
    width: calc(50% - 80px);
    text-align: right;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-global .container-inner .inner-main .timeline-list .list-item .item-year {
    padding-left: 15px;
    text-shadow: -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff, 1px 1px 0 #ffffff;
  }
}
.section-2021-home-global .container-inner .inner-main .timeline-list .list-item .item-year .year-sub {
  font-size: 60%;
  text-shadow: none;
  color: #ffffff;
  line-height: 1.2em;
  margin-top: 5px;
}
.section-2021-home-global .container-inner .inner-main .timeline-list .list-item .item-year:after {
  content: "";
  position: absolute;
  top: 12px;
  left: 100%;
  margin-left: 15px;
  width: 45px;
  border-top: 1px solid #AD945C;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-home-global .container-inner .inner-main .timeline-list .list-item .item-main {
    margin-left: 50%;
    padding-left: 35px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-global .container-inner .inner-main .timeline-list .list-item .item-main {
    padding-left: 15px;
  }
}
.section-2021-home-global .container-inner .inner-main .timeline-list .list-item .item-main .item-title {
  color: #ffffff;
  line-height: 1.2em;
  margin-bottom: 5px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-home-global .container-inner .inner-main .timeline-list .list-item .item-main .item-title {
    font-size: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-home-global .container-inner .inner-main .timeline-list .list-item .item-main .item-title {
    font-size: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-global .container-inner .inner-main .timeline-list .list-item .item-main .item-title {
    font-size: 16px;
  }
}
.section-2021-home-global .container-inner .inner-main .timeline-list .list-item .item-main .item-highlight {
  color: #ffffff;
  background-color: #F15B2B;
  padding: 0.2em 0.5em;
  display: inline-block;
  margin-bottom: 10px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-home-global .container-inner .inner-main .timeline-list .list-item .item-main .item-highlight {
    font-size: 24px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-home-global .container-inner .inner-main .timeline-list .list-item .item-main .item-highlight {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-global .container-inner .inner-main .timeline-list .list-item .item-main .item-highlight {
    font-size: 18px;
  }
}
.section-2021-home-global .container-inner .inner-main .timeline-list .list-item .item-main .item-ghost {
  padding: 0.1em 0.5em;
  display: inline-block;
  color: #F15B2B;
  border: 1px solid #F15B2B;
  margin-bottom: 10px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-home-global .container-inner .inner-main .timeline-list .list-item .item-main .item-ghost {
    font-size: 17px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-home-global .container-inner .inner-main .timeline-list .list-item .item-main .item-ghost {
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-global .container-inner .inner-main .timeline-list .list-item .item-main .item-ghost {
    font-size: 12px;
  }
}
.section-2021-home-global .container-inner .inner-main .timeline-list .list-item .item-main .item-point {
  color: #F15B2B;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-home-global .container-inner .inner-main .timeline-list .list-item .item-main .item-point {
    font-size: 17px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-home-global .container-inner .inner-main .timeline-list .list-item .item-main .item-point {
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-global .container-inner .inner-main .timeline-list .list-item .item-main .item-point {
    font-size: 12px;
  }
}
.section-2021-home-global .container-inner .inner-main .timeline-list .list-item .item-main .item-point ul {
  padding-left: 1em;
}
.section-2021-home-global .container-inner .inner-main .timeline-list .list-item .item-main .item-point ul li {
  margin-bottom: 0.2em;
}
.section-2021-home-global .container-inner .inner-main .timeline-list .list-item-last {
  position: relative;
  border-right: 1px solid #AD945C;
  height: 20px;
  border-top: 1px solid #AD945C;
  width: 50%;
  margin-right: 50%;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-home-global .container-inner .inner-main .timeline-list .list-item-last {
    display: none;
  }
}
.section-2021-home-global .container-inner .inner-main .inner-title-sub {
  color: #AD945C;
  text-align: center;
  line-height: 1.2em;
  font-weight: 700;
  line-height: 1.2em;
  text-transform: uppercase;
  margin-bottom: 60px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-home-global .container-inner .inner-main .inner-title-sub {
    font-size: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-home-global .container-inner .inner-main .inner-title-sub {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-global .container-inner .inner-main .inner-title-sub {
    font-size: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-global .container-inner .inner-main .inner-title-sub {
    margin-bottom: 15px;
  }
}
.section-2021-home-global .container-inner .inner-main .inner-btn {
  text-align: center;
}
.section-2021-home-global .container-inner .inner-main .inner-btn .btn-border {
  background-color: #041A38;
}
.section-2021-home-global .container-inner .inner-main .inner-btn .btn-border span {
  font-weight: 700;
  padding: 0.5em 1em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-home-global .container-inner .inner-main .inner-btn .btn-border span {
    font-size: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-home-global .container-inner .inner-main .inner-btn .btn-border span {
    font-size: 16px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-global .container-inner .inner-main .inner-btn .btn-border span {
    font-size: 14px;
  }
}

.section-2021-home-num {
  position: relative;
  padding-top: 200px;
  padding-bottom: 60px;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-home-num {
    padding-top: 100px;
    padding-bottom: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-num {
    padding-top: 50px;
    padding-bottom: 15px;
  }
}
.section-2021-home-num .section-main-bg {
  position: absolute;
  left: 0;
  top: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  background-image: url("../../uploads/images/2021/common/home/num_bg.jpg");
  background-position: top center;
}
.section-2021-home-num .container {
  position: relative;
}
.section-2021-home-num .container .section-num {
  text-align: right;
  margin-bottom: 100px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-home-num .container .section-num {
    margin-bottom: 50px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-num .container .section-num {
    margin-bottom: 20px;
  }
}
.section-2021-home-num .container .section-num img {
  width: 37.81vw;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-num .container .section-num img {
    width: 80%;
  }
}
.section-2021-home-num .container .section-title {
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1.2em;
  text-align: center;
  margin-bottom: 40px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-home-num .container .section-title {
    font-size: 48px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-home-num .container .section-title {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-num .container .section-title {
    font-size: 24px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-home-num .container .section-title {
    margin-bottom: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-num .container .section-title {
    margin-bottom: 10px;
  }
}
.section-2021-home-num .container .num-list .list-item {
  text-align: center;
  margin-bottom: 20px;
}
.section-2021-home-num .container .num-list .list-item .item-num {
  font-family: "Barlow", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  font-weight: 700;
  color: #F15B2B;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-home-num .container .num-list .list-item .item-num {
    font-size: 42px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-home-num .container .num-list .list-item .item-num {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-num .container .num-list .list-item .item-num {
    font-size: 24px;
  }
}
.section-2021-home-num .container .num-list .list-item .item-line {
  width: 100%;
  max-width: 145px;
  height: 1px;
  margin: 0 auto 5px;
  background-color: #2CBBBB;
}
.section-2021-home-num .container .num-list .list-item .item-title {
  color: #ffffff;
  text-transform: uppercase;
  line-height: 1.2em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-home-num .container .num-list .list-item .item-title {
    font-size: 18px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-home-num .container .num-list .list-item .item-title {
    font-size: 16px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-num .container .num-list .list-item .item-title {
    font-size: 12px;
  }
}
.section-2021-home-num .container .section-btn {
  margin-top: 20px;
  text-align: center;
}
.section-2021-home-num .container .section-btn .btn-border {
  background-color: #041A38;
}
.section-2021-home-num .container .section-btn .btn-border span {
  font-weight: 700;
  padding: 0.5em 1em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-home-num .container .section-btn .btn-border span {
    font-size: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-home-num .container .section-btn .btn-border span {
    font-size: 16px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-num .container .section-btn .btn-border span {
    font-size: 14px;
  }
}

.section-2021-home-map {
  background: #090C07;
  background: linear-gradient(to bottom, #090C07 29%, #1D356F 100%);
  min-height: 50vw;
  position: relative;
  display: block;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  padding: 100px 0;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-home-map {
    padding: 50px 0;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-map {
    padding: 20px 0;
  }
}
.section-2021-home-map .section-main-bg {
  position: absolute;
  left: 0;
  top: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  background-color: initial;
  background-image: url("../../uploads/images/2021/common/home/map_bg.png");
}
.section-2021-home-map .container {
  position: relative;
  text-transform: uppercase;
}
.section-2021-home-map .container .section-title {
  font-weight: 700;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1.2em;
  margin-bottom: 40px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-home-map .container .section-title {
    font-size: 48px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-home-map .container .section-title {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-map .container .section-title {
    font-size: 24px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-home-map .container .section-title {
    margin-bottom: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-map .container .section-title {
    margin-bottom: 10px;
  }
}
.section-2021-home-map .container .map-list {
  width: 100%;
  max-width: 360px;
}
.section-2021-home-map .container .map-list .list-item {
  padding: 25px 0;
  border-bottom: 1px solid #ffffff;
}
.section-2021-home-map .container .map-list .list-item:first-child {
  border-top: 1px solid #ffffff;
}
.section-2021-home-map .container .map-list .list-item .item-num {
  margin-bottom: 10px;
}
.section-2021-home-map .container .map-list .list-item .item-num img {
  height: 51px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-home-map .container .map-list .list-item .item-num img {
    height: 42px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-map .container .map-list .list-item .item-num img {
    height: 32px;
  }
}
.section-2021-home-map .container .map-list .list-item .item-title {
  font-weight: 700;
  color: #ffffff;
  line-height: 1.2em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-home-map .container .map-list .list-item .item-title {
    font-size: 24px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-home-map .container .map-list .list-item .item-title {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-map .container .map-list .list-item .item-title {
    font-size: 18px;
  }
}

@-webkit-keyframes anim-2021-home-award-bg {
  0% {
    background-position: center 3653px;
  }
  100% {
    background-position: center 0px;
  }
}
@keyframes anim-2021-home-award-bg {
  0% {
    background-position: center 3653px;
  }
  100% {
    background-position: center 0px;
  }
}
@-webkit-keyframes anim-2021-home-award-bg-xxl {
  0% {
    background-position: center 190.26vw;
  }
  100% {
    background-position: center 0px;
  }
}
@keyframes anim-2021-home-award-bg-xxl {
  0% {
    background-position: center 190.26vw;
  }
  100% {
    background-position: center 0px;
  }
}
.section-2021-bg-home-award .bg-img {
  -webkit-animation: anim-2021-home-award-bg 100000ms 0 linear;
  -moz-animation: anim-2021-home-award-bg 100000ms 0 linear;
  -ms-animation: anim-2021-home-award-bg 100000ms 0 linear;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  -ms-animation-direction: normal;
  background-repeat: repeat-y;
}
@media (min-width: 1920px) {
  .section-2021-bg-home-award .bg-img {
    background-size: 100%;
    -webkit-animation: anim-2021-home-award-bg-xxl 100000ms 0 linear;
    -moz-animation: anim-2021-home-award-bg-xxl 100000ms 0 linear;
    -ms-animation: anim-2021-home-award-bg-xxl 100000ms 0 linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -moz-animation-direction: normal;
    -ms-animation-direction: normal;
  }
}

@-webkit-keyframes anim-2022-home-bg {
  0% {
    background-position: center 2622px;
  }
  100% {
    background-position: center 0px;
  }
}
@keyframes anim-2022-home-bg {
  0% {
    background-position: center 2622px;
  }
  100% {
    background-position: center 0px;
  }
}
@-webkit-keyframes anim-2022-home-bg-xxl {
  0% {
    background-position: center 136.56vw;
  }
  100% {
    background-position: center 0px;
  }
}
@keyframes anim-2022-home-bg-xxl {
  0% {
    background-position: center 136.56vw;
  }
  100% {
    background-position: center 0px;
  }
}
.section-2022-bg-home {
  padding-bottom: 0;
}
.section-2022-bg-home .bg-img {
  -webkit-animation: anim-2022-home-bg 100000ms 0 linear;
  -moz-animation: anim-2022-home-bg 100000ms 0 linear;
  -ms-animation: anim-2022-home-bg 100000ms 0 linear;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  -ms-animation-direction: normal;
  background-repeat: repeat-y;
}
@media (min-width: 1920px) {
  .section-2022-bg-home .bg-img {
    background-size: 100%;
    -webkit-animation: anim-2022-home-bg-xxl 100000ms 0 linear;
    -moz-animation: anim-2022-home-bg-xxl 100000ms 0 linear;
    -ms-animation: anim-2022-home-bg-xxl 100000ms 0 linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -moz-animation-direction: normal;
    -ms-animation-direction: normal;
  }
}

@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .img-desktop {
    display: none;
  }
}

.img-mobile {
  display: none;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .img-mobile {
    display: block;
  }
}

.grand-finale .content-wrapper {
  background-color: rgba(0, 0, 0, 0.8);
  padding: 50px 30px;
  margin-top: 50px;
}
.grand-finale .section-2022-home-event .xs-center {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
.grand-finale .section-2022-home-event .video-content-wrapper {
  margin-top: 150px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .grand-finale .section-2022-home-event .video-content-wrapper {
    margin-top: 115px;
  }
}
.grand-finale .section-2022-home-event .content-wrapper .col-md-6 img {
  position: relative;
  z-index: 2;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px), (min-width: 768px) and (max-width: 991px) {
  .grand-finale .section-2022-home-event .content-wrapper .col-md-6 {
    margin-bottom: 130px;
  }
  .grand-finale .section-2022-home-event .content-wrapper .col-md-6.last-box {
    margin-bottom: 50px;
  }
}
.grand-finale .section-2022-home-event .content-wrapper .col-12 {
  margin-top: 350px;
  z-index: 3;
  position: relative;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px), (min-width: 768px) and (max-width: 991px) {
  .grand-finale .section-2022-home-event .content-wrapper .col-12 {
    margin-top: 0;
  }
}
.grand-finale .section-2022-home-event .content-wrapper .video-container {
  position: relative;
}
.grand-finale .section-2022-home-event .content-wrapper .video-container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.grand-finale .section-2022-home-event .content-wrapper .video-container img {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-67%);
}
.grand-finale .inner-title {
  font-family: "Balboa-Medium", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  letter-spacing: 0.07em;
  margin: 50px 0;
}
.grand-finale .inner-title .arrow {
  margin-right: 25px;
  height: 70px;
  width: 80px;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (min-width: 768px) and (max-width: 991px) {
  .grand-finale .inner-title .arrow {
    height: 40px;
    width: 50px;
    margin-right: 25px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .grand-finale .inner-title .arrow {
    height: 30px;
    width: 40px;
    margin-right: 15px;
  }
}
.grand-finale .inner-title .title {
  font-size: 42px;
  text-transform: uppercase;
}
@media (min-width: 768px) and (max-width: 991px) {
  .grand-finale .inner-title .title {
    font-size: 36px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .grand-finale .inner-title .title {
    font-size: 30px;
  }
}
.grand-finale .section-2022-home-speakers {
  text-align: center;
}
.grand-finale .section-2022-home-speakers .inner-title .title {
  color: #FF7328;
  text-decoration: underline;
}
.grand-finale .section-2022-home-speakers .swiper-container .swiper-slide {
  display: inline-block;
  width: calc(20% - 4px);
  padding: 0 15px;
  color: #ffffff;
  vertical-align: top;
  margin-bottom: 40px;
}
@media (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px) {
  .grand-finale .section-2022-home-speakers .swiper-container .swiper-slide {
    width: calc(33% - 4px);
    margin-bottom: 50px;
  }
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .grand-finale .section-2022-home-speakers .swiper-container .swiper-slide {
    width: calc(50% - 4px);
    padding: 0 5px;
    margin-bottom: 20px;
  }
}
.grand-finale .section-2022-home-speakers .swiper-container .swiper-slide .item-img {
  height: 380px;
  background-color: #000000;
  margin: 0 auto 10px;
  overflow: hidden;
  position: relative;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
}
@media (max-width: 575px) {
  .grand-finale .section-2022-home-speakers .swiper-container .swiper-slide .item-img {
    width: 160px;
    height: 190px;
  }
}
.grand-finale .section-2022-home-speakers .swiper-container .swiper-slide .item-img .img-bg {
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  opacity: 0.7;
}
.grand-finale .section-2022-home-speakers .swiper-container .swiper-slide .item-img .img-title {
  text-align: left;
  color: #ffffff;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
  z-index: 3;
  position: absolute;
  bottom: 0;
  padding: 10px;
  font-weight: bold;
  font-style: italic;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .grand-finale .section-2022-home-speakers .swiper-container .swiper-slide .item-img .img-title {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .grand-finale .section-2022-home-speakers .swiper-container .swiper-slide .item-img .img-title {
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .grand-finale .section-2022-home-speakers .swiper-container .swiper-slide .item-img .img-title {
    font-size: 12px;
  }
}
.grand-finale .section-2022-home-speakers .swiper-container .swiper-slide .item-img .img-title small {
  font-weight: normal;
  font-style: normal;
}
.grand-finale .section-2022-home-speakers .swiper-container .swiper-slide:hover .item-img, .grand-finale .section-2022-home-speakers .swiper-container .swiper-slide:focus .item-img, .grand-finale .section-2022-home-speakers .swiper-container .swiper-slide:active .item-img {
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.grand-finale .section-2022-home-speakers .swiper-container .swiper-slide:hover .item-img .img-bg, .grand-finale .section-2022-home-speakers .swiper-container .swiper-slide:focus .item-img .img-bg, .grand-finale .section-2022-home-speakers .swiper-container .swiper-slide:active .item-img .img-bg {
  opacity: 1;
}
.grand-finale .section-2022-home-speakers .swiper-container .swiper-slide:hover .item-img .item-title, .grand-finale .section-2022-home-speakers .swiper-container .swiper-slide:focus .item-img .item-title, .grand-finale .section-2022-home-speakers .swiper-container .swiper-slide:active .item-img .item-title {
  color: #FF7328;
}
.grand-finale .common-homepage-section-title {
  display: flex;
  align-items: center;
  font-family: "Balboa-Medium", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
.grand-finale .common-homepage-section-title .left-col {
  width: calc(100% - 130px);
  display: flex;
  align-items: center;
}
.grand-finale .common-homepage-section-title .left-col .arrow {
  margin-right: 20px;
  height: 35px;
  width: 45px;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (min-width: 768px) and (max-width: 991px) {
  .grand-finale .common-homepage-section-title .left-col .arrow {
    height: 35px;
    width: 45px;
    margin-right: 15px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .grand-finale .common-homepage-section-title .left-col .arrow {
    margin-top: -5px;
    height: 15px;
    width: 25px;
    margin-right: 10px;
  }
}
.grand-finale .common-homepage-section-title .left-col .title {
  font-size: 55px;
  color: #1418F2;
}
@media (min-width: 768px) and (max-width: 991px) {
  .grand-finale .common-homepage-section-title .left-col .title {
    font-size: 45px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .grand-finale .common-homepage-section-title .left-col .title {
    font-size: 18px;
  }
}
.grand-finale .common-homepage-section-title.green .left-col .title {
  color: #08f203;
}
.grand-finale .common-homepage-section-title.green .right-col a {
  color: #08f203;
}
.grand-finale .common-homepage-section-title.orange .left-col .title {
  color: #F15B2B;
}
.grand-finale .common-homepage-section-title.orange .right-col a {
  color: #F15B2B;
}
.grand-finale .common-homepage-section-title.grey-green .left-col .title {
  color: #00988F;
}
.grand-finale .common-homepage-section-title.grey-green .right-col a {
  color: #00988F;
}
.grand-finale .common-homepage-section-title.pink .left-col .title {
  color: #F5B4C6;
}
.grand-finale .common-homepage-section-title.pink .right-col a {
  color: #F5B4C6;
}
.grand-finale .common-homepage-section-title.blue .left-col .title {
  color: #1B569F;
}
.grand-finale .common-homepage-section-title.blue .right-col a {
  color: #1B569F;
}
.grand-finale .common-homepage-section-title .right-col {
  width: 130px;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  align-self: baseline;
  padding-top: 8px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .grand-finale .common-homepage-section-title .right-col {
    padding-top: 1px;
  }
}
.grand-finale .common-homepage-section-title .right-col a {
  cursor: pointer;
  color: #1418F2;
  font-size: 21px;
  display: flex;
  align-items: center;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .grand-finale .common-homepage-section-title .right-col a {
    font-size: 14px;
  }
}
.grand-finale .common-homepage-section-title .right-col a .arrow-down {
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
  width: 15px;
  height: 17px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-left: 7px;
  pointer-events: none;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .grand-finale .common-homepage-section-title .right-col a .arrow-down {
    width: 12px;
  }
}
.grand-finale .common-homepage-section-title .right-col a.active .arrow-down {
  transform: rotate(180deg);
}
.grand-finale .section-2022-home-art .content-wrapper, .grand-finale .section-2022-home-experience .content-wrapper, .grand-finale .section-2022-home-nft .content-wrapper, .grand-finale .section-2022-home-keynotes .content-wrapper, .grand-finale .section-2022-home-showcase .content-wrapper {
  background-color: #000000;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .grand-finale .section-2022-home-art .content-wrapper, .grand-finale .section-2022-home-experience .content-wrapper, .grand-finale .section-2022-home-nft .content-wrapper, .grand-finale .section-2022-home-keynotes .content-wrapper, .grand-finale .section-2022-home-showcase .content-wrapper {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 35px;
  }
}
.grand-finale .section-2022-home-art .content-wrapper .accordion-container, .grand-finale .section-2022-home-experience .content-wrapper .accordion-container, .grand-finale .section-2022-home-nft .content-wrapper .accordion-container, .grand-finale .section-2022-home-keynotes .content-wrapper .accordion-container, .grand-finale .section-2022-home-showcase .content-wrapper .accordion-container {
  border-top: 1px solid #808080;
}
.grand-finale .section-2022-home-art .content-wrapper .accordion-container .accordion-content-wrapper, .grand-finale .section-2022-home-experience .content-wrapper .accordion-container .accordion-content-wrapper, .grand-finale .section-2022-home-nft .content-wrapper .accordion-container .accordion-content-wrapper, .grand-finale .section-2022-home-keynotes .content-wrapper .accordion-container .accordion-content-wrapper, .grand-finale .section-2022-home-showcase .content-wrapper .accordion-container .accordion-content-wrapper {
  position: relative;
  padding-top: 35px;
  padding-bottom: 25px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .grand-finale .section-2022-home-art .content-wrapper .accordion-container .accordion-content-wrapper, .grand-finale .section-2022-home-experience .content-wrapper .accordion-container .accordion-content-wrapper, .grand-finale .section-2022-home-nft .content-wrapper .accordion-container .accordion-content-wrapper, .grand-finale .section-2022-home-keynotes .content-wrapper .accordion-container .accordion-content-wrapper, .grand-finale .section-2022-home-showcase .content-wrapper .accordion-container .accordion-content-wrapper {
    padding-top: 25px;
  }
}
.grand-finale .section-2022-home-art .content-wrapper .accordion-container .accordion-content-wrapper .inner-title, .grand-finale .section-2022-home-experience .content-wrapper .accordion-container .accordion-content-wrapper .inner-title, .grand-finale .section-2022-home-nft .content-wrapper .accordion-container .accordion-content-wrapper .inner-title, .grand-finale .section-2022-home-keynotes .content-wrapper .accordion-container .accordion-content-wrapper .inner-title, .grand-finale .section-2022-home-showcase .content-wrapper .accordion-container .accordion-content-wrapper .inner-title {
  margin-top: 5px;
}
.grand-finale .section-2022-home-art .content-wrapper {
  border: 1px solid #08f203;
}
.grand-finale .section-2022-home-art .accordion-content-wrapper img {
  width: 100%;
}
.grand-finale .section-2022-home-art .accordion-content-wrapper .line1 {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
}
.grand-finale .section-2022-home-art .accordion-content-wrapper .line1 .left-col {
  width: 750px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .grand-finale .section-2022-home-art .accordion-content-wrapper .line1 .left-col {
    width: 100%;
  }
}
.grand-finale .section-2022-home-art .accordion-content-wrapper .line1 .left-col .img {
  width: 100%;
}
.grand-finale .section-2022-home-art .accordion-content-wrapper .line1 .right-col {
  width: calc(100% - 750px);
  padding-left: 25px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .grand-finale .section-2022-home-art .accordion-content-wrapper .line1 .right-col {
    width: 100%;
    padding-left: 0px;
    margin-top: 25px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .grand-finale .section-2022-home-art .accordion-content-wrapper .line1 .right-col {
    width: 100%;
    padding-left: 0px;
    margin-top: 25px;
  }
}
.grand-finale .section-2022-home-art .accordion-content-wrapper .line1 .right-col .title {
  font-family: "Balboa-Medium", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  font-size: 35px;
  text-decoration: underline;
  color: #08f203;
  line-height: 1.5em;
  margin-bottom: 85px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .grand-finale .section-2022-home-art .accordion-content-wrapper .line1 .right-col .title {
    margin-bottom: 25px;
    font-size: 30px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .grand-finale .section-2022-home-art .accordion-content-wrapper .line1 .right-col .title {
    font-size: 25px;
    margin-bottom: 25px;
  }
}
.grand-finale .section-2022-home-art .accordion-content-wrapper .line1 .right-col .left-border-box {
  display: inline-block;
  border-left: 4px solid #08f203;
  padding-left: 10px;
  margin-bottom: 28px;
}
.grand-finale .section-2022-home-art .accordion-content-wrapper .line1 .right-col .left-border-box .box-title {
  font-family: "Century Gothic Bold", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  font-size: 35px;
  color: #08f203;
  letter-spacing: -1px;
  line-height: 1em;
  margin-bottom: 4px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .grand-finale .section-2022-home-art .accordion-content-wrapper .line1 .right-col .left-border-box .box-title {
    font-size: 28px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .grand-finale .section-2022-home-art .accordion-content-wrapper .line1 .right-col .left-border-box .box-title {
    font-size: 22px;
  }
}
.grand-finale .section-2022-home-art .accordion-content-wrapper .line1 .right-col .left-border-box .by {
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 2px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .grand-finale .section-2022-home-art .accordion-content-wrapper .line1 .right-col .left-border-box .by {
    font-size: 16px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .grand-finale .section-2022-home-art .accordion-content-wrapper .line1 .right-col .left-border-box .by {
    font-size: 14px;
  }
}
.grand-finale .section-2022-home-art .accordion-content-wrapper .line1 .right-col .left-border-box .name {
  color: #FFFFFF;
  font-size: 22px;
  font-style: italic;
  font-weight: 600;
  line-height: 1em;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .grand-finale .section-2022-home-art .accordion-content-wrapper .line1 .right-col .left-border-box .name {
    font-size: 20px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .grand-finale .section-2022-home-art .accordion-content-wrapper .line1 .right-col .left-border-box .name {
    font-size: 16px;
  }
}
.grand-finale .section-2022-home-art .accordion-content-wrapper .line1 .right-col .desc {
  color: #FFFFFF;
  font-size: 24px;
  font-style: italic;
  font-weight: 600;
  line-height: 1.4em;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .grand-finale .section-2022-home-art .accordion-content-wrapper .line1 .right-col .desc {
    font-size: 22px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .grand-finale .section-2022-home-art .accordion-content-wrapper .line1 .right-col .desc {
    font-size: 18px;
  }
}
.grand-finale .section-2022-home-art .accordion-content-wrapper .line2 {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.grand-finale .section-2022-home-art .accordion-content-wrapper .line2 .img2, .grand-finale .section-2022-home-art .accordion-content-wrapper .line2 .img3 {
  border: 1px solid #08f203;
}
.grand-finale .section-2022-home-art .accordion-content-wrapper .line2 .left-col {
  width: 50%;
  display: flex;
  flex-wrap: wrap;
  padding-right: 7.5px;
}
.grand-finale .section-2022-home-art .accordion-content-wrapper .line2 .left-col .inner-left-col {
  width: 365px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .grand-finale .section-2022-home-art .accordion-content-wrapper .line2 .left-col .inner-left-col {
    width: 100%;
  }
}
.grand-finale .section-2022-home-art .accordion-content-wrapper .line2 .left-col .inner-right-col {
  width: calc(100% - 365px);
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  padding-left: 12px;
  padding-right: 12px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .grand-finale .section-2022-home-art .accordion-content-wrapper .line2 .left-col .inner-right-col {
    padding-top: 15px;
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    align-items: flex-start;
  }
}
.grand-finale .section-2022-home-art .accordion-content-wrapper .line2 .right-col {
  width: 50%;
  display: flex;
  flex-wrap: wrap;
  padding-left: 7.5px;
}
.grand-finale .section-2022-home-art .accordion-content-wrapper .line2 .right-col .inner-left-col {
  width: 365px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .grand-finale .section-2022-home-art .accordion-content-wrapper .line2 .right-col .inner-left-col {
    width: 100%;
  }
}
.grand-finale .section-2022-home-art .accordion-content-wrapper .line2 .right-col .inner-right-col {
  width: calc(100% - 365px);
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  padding-left: 12px;
  padding-right: 12px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .grand-finale .section-2022-home-art .accordion-content-wrapper .line2 .right-col .inner-right-col {
    padding-top: 15px;
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
  }
}
.grand-finale .section-2022-home-art .accordion-content-wrapper .line2 .left-border-box {
  display: inline-block;
  border-left: 4px solid #08f203;
  padding-left: 8px;
  margin-bottom: 17px;
}
.grand-finale .section-2022-home-art .accordion-content-wrapper .line2 .left-border-box .box-title {
  font-family: "Century Gothic Bold", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  font-size: 14px;
  color: #08f203;
  margin-bottom: 4px;
}
.grand-finale .section-2022-home-art .accordion-content-wrapper .line2 .left-border-box .by {
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 2px;
}
.grand-finale .section-2022-home-art .accordion-content-wrapper .line2 .desc {
  color: #FFFFFF;
  font-size: 14px;
  font-style: italic;
  font-weight: 600;
  line-height: 1.4em;
}
.grand-finale .section-2022-home-experience .content-wrapper {
  border: 1px solid #f15b2b;
}
.grand-finale .section-2022-home-experience .accordion-content-wrapper .experience-desktop {
  width: 100%;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .grand-finale .section-2022-home-experience .accordion-content-wrapper .experience-desktop {
    display: none;
  }
}
.grand-finale .section-2022-home-experience .accordion-content-wrapper .experience-mobile {
  width: 100%;
  display: none;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .grand-finale .section-2022-home-experience .accordion-content-wrapper .experience-mobile {
    display: block;
  }
}
.grand-finale .section-2022-home-experience .accordion-content-wrapper .experience-fancybox-a {
  position: absolute;
  z-index: 2;
}
.grand-finale .section-2022-home-experience .accordion-content-wrapper .experience-fancybox-a.experience1 {
  width: 60%;
  height: 55%;
  bottom: 9%;
  left: 3%;
}
.grand-finale .section-2022-home-experience .accordion-content-wrapper .experience-fancybox-a.experience2 {
  width: 37.5%;
  height: 37%;
  top: 10%;
  right: 4%;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .grand-finale .section-2022-home-experience .accordion-content-wrapper .experience-fancybox-a.experience1 {
    width: 100%;
    height: 40%;
    bottom: 0;
    right: 0;
  }
  .grand-finale .section-2022-home-experience .accordion-content-wrapper .experience-fancybox-a.experience2 {
    width: 100%;
    height: 40%;
    top: 20%;
    right: 0;
  }
}
.grand-finale .section-2022-home-nft .content-wrapper {
  border: 1px solid #00988f;
}
.grand-finale .section-2022-home-nft .accordion-content-wrapper .inner-title {
  margin-bottom: 25px;
}
.grand-finale .section-2022-home-nft .accordion-content-wrapper .inner-title .title {
  color: #00988f;
}
.grand-finale .section-2022-home-nft .accordion-content-wrapper .inner-title.subtitle .title {
  text-align: center;
  text-decoration: underline;
}
.grand-finale .section-2022-home-nft .accordion-content-wrapper .col-row {
  margin-bottom: -60px;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .grand-finale .section-2022-home-nft .accordion-content-wrapper .col-row {
    margin-bottom: -30px;
  }
}
.grand-finale .section-2022-home-nft .accordion-content-wrapper .col-row .col-box {
  margin-bottom: 60px;
  padding-top: 18px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .grand-finale .section-2022-home-nft .accordion-content-wrapper .col-row .col-box {
    width: 100%;
    margin-bottom: 30px;
  }
}
.grand-finale .section-2022-home-nft .accordion-content-wrapper .col-row .col-box .img {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 315px;
  position: relative;
  margin-bottom: 15px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .grand-finale .section-2022-home-nft .accordion-content-wrapper .col-row .col-box .img {
    height: 245px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .grand-finale .section-2022-home-nft .accordion-content-wrapper .col-row .col-box .img {
    height: 200px;
  }
}
.grand-finale .section-2022-home-nft .accordion-content-wrapper .col-row .col-box .img span {
  color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: white;
  font-family: "Balboa-Medium", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  font-size: 72px;
  top: -20px;
  left: 14px;
  position: absolute;
  line-height: 1em;
  letter-spacing: -2.5px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .grand-finale .section-2022-home-nft .accordion-content-wrapper .col-row .col-box .img span {
    font-size: 55px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .grand-finale .section-2022-home-nft .accordion-content-wrapper .col-row .col-box .img span {
    font-size: 45px;
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .grand-finale .section-2022-home-nft .accordion-content-wrapper .col-row .col-box .img span span {
    color: #FFFFFF;
  }
}
.grand-finale .section-2022-home-nft .accordion-content-wrapper .col-row .col-box .left-border-box {
  border-left: 4px solid #00988f;
  padding-left: 8px;
}
.grand-finale .section-2022-home-nft .accordion-content-wrapper .col-row .col-box .left-border-box .box-title {
  font-family: "Century Gothic Bold", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  font-size: 13px;
  color: #00988f;
  font-style: italic;
  margin-bottom: 2px;
}
.grand-finale .section-2022-home-nft .accordion-content-wrapper .col-row .col-box .left-border-box .by {
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 2px;
}
.grand-finale .section-2022-home-keynotes .content-wrapper {
  border: 1px solid #f5b4c6;
}
.grand-finale .section-2022-home-keynotes .content-wrapper .accordion-content-wrapper .title-line1 {
  margin-bottom: 10px;
  justify-content: center;
  text-align: center;
  font-size: 42px;
  color: #FFFFFF;
  display: flex;
  color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: white;
  font-family: "Balboa-Medium", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  line-height: 1em;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .grand-finale .section-2022-home-keynotes .content-wrapper .accordion-content-wrapper .title-line1 span {
    color: #FFFFFF;
  }
}
.grand-finale .section-2022-home-keynotes .content-wrapper .accordion-content-wrapper .title-line1 span {
  align-items: center;
  align-self: center;
  margin-right: 15px;
  color: #FFFFFF;
  font-size: 25px;
  line-height: 1em;
  padding-bottom: 2px;
  border-bottom: 1px solid #FFFFFF;
  font-family: "Balboa-Medium", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
.grand-finale .section-2022-home-keynotes .content-wrapper .accordion-content-wrapper .title-line2 {
  font-family: "Balboa-Medium", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  text-align: center;
  font-size: 42px;
  color: #f5b4c6;
  line-height: 1.2em;
  margin-bottom: 35px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .grand-finale .section-2022-home-keynotes .content-wrapper .accordion-content-wrapper .title-line2 {
    font-size: 36px;
  }
}
.grand-finale .section-2022-home-keynotes .content-wrapper .accordion-content-wrapper .seperator {
  margin-top: 40px;
  margin-bottom: 40px;
  width: 100%;
  height: 1px;
  background-color: #808080;
}
.grand-finale .section-2022-home-keynotes .content-wrapper .accordion-content-wrapper .box-container {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}
.grand-finale .section-2022-home-keynotes .content-wrapper .accordion-content-wrapper .box-container .col-box {
  padding-left: 15px;
  padding-right: 15px;
  width: 50%;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .grand-finale .section-2022-home-keynotes .content-wrapper .accordion-content-wrapper .box-container .col-box {
    width: 100%;
    margin-bottom: 15px;
  }
  .grand-finale .section-2022-home-keynotes .content-wrapper .accordion-content-wrapper .box-container .col-box:last-child {
    margin-bottom: 0px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .grand-finale .section-2022-home-keynotes .content-wrapper .accordion-content-wrapper .box-container .col-box {
    width: 100%;
    margin-bottom: 15px;
  }
  .grand-finale .section-2022-home-keynotes .content-wrapper .accordion-content-wrapper .box-container .col-box:last-child {
    margin-bottom: 0px;
  }
}
.grand-finale .section-2022-home-keynotes .content-wrapper .accordion-content-wrapper .box-container .col-box .box {
  background-color: #808080;
  padding: 20px 15px 15px;
  margin-bottom: 30px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .grand-finale .section-2022-home-keynotes .content-wrapper .accordion-content-wrapper .box-container .col-box .box {
    min-height: 450px;
  }
}
.grand-finale .section-2022-home-keynotes .content-wrapper .accordion-content-wrapper .box-container .col-box .box .line1 {
  display: flex;
  align-items: flex-end;
  color: #000000;
  font-size: 35px;
  font-family: "Balboa-Medium", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  line-height: 1em;
  margin-bottom: 18px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .grand-finale .section-2022-home-keynotes .content-wrapper .accordion-content-wrapper .box-container .col-box .box .line1 {
    font-size: 31px;
  }
}
.grand-finale .section-2022-home-keynotes .content-wrapper .accordion-content-wrapper .box-container .col-box .box .line1 span {
  font-size: 25px;
  color: #000000;
  display: flex;
  font-family: "Balboa-Medium", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  line-height: 1em;
  top: -4px;
}
.grand-finale .section-2022-home-keynotes .content-wrapper .accordion-content-wrapper .box-container .col-box .box .line1 .stroke {
  color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #000000;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .grand-finale .section-2022-home-keynotes .content-wrapper .accordion-content-wrapper .box-container .col-box .box .line1 .stroke span {
    color: #000000;
  }
}
.grand-finale .section-2022-home-keynotes .content-wrapper .accordion-content-wrapper .box-container .col-box .box .line2 {
  margin-bottom: 18px;
}
.grand-finale .section-2022-home-keynotes .content-wrapper .accordion-content-wrapper .box-container .col-box .box .line2 .left-border-box {
  border-left: 4px solid #f5b4c6;
  padding-left: 8px;
}
.grand-finale .section-2022-home-keynotes .content-wrapper .accordion-content-wrapper .box-container .col-box .box .line2 .left-border-box .box-title {
  font-family: "Century Gothic Bold", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  font-size: 20px;
  color: #000000;
  line-height: 1.1em;
  font-weight: 600;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .grand-finale .section-2022-home-keynotes .content-wrapper .accordion-content-wrapper .box-container .col-box .box .line2 .left-border-box .box-title {
    font-size: 18px;
  }
}
.grand-finale .section-2022-home-keynotes .content-wrapper .accordion-content-wrapper .box-container .col-box .box .line3 {
  display: flex;
  flex-wrap: wrap;
}
.grand-finale .section-2022-home-keynotes .content-wrapper .accordion-content-wrapper .box-container .col-box .box .line3 .left-col {
  width: 50%;
  display: flex;
  flex-wrap: wrap;
  margin-top: 25px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .grand-finale .section-2022-home-keynotes .content-wrapper .accordion-content-wrapper .box-container .col-box .box .line3 .left-col {
    width: 100%;
    margin-top: 0;
    margin-bottom: 15px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .grand-finale .section-2022-home-keynotes .content-wrapper .accordion-content-wrapper .box-container .col-box .box .line3 .left-col {
    width: 100%;
    margin-top: 0;
    margin-bottom: 15px;
  }
}
.grand-finale .section-2022-home-keynotes .content-wrapper .accordion-content-wrapper .box-container .col-box .box .line3 .left-col .inner-left-col {
  width: 110px;
}
.grand-finale .section-2022-home-keynotes .content-wrapper .accordion-content-wrapper .box-container .col-box .box .line3 .left-col .inner-left-col .img {
  width: 110px;
  height: 110px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.grand-finale .section-2022-home-keynotes .content-wrapper .accordion-content-wrapper .box-container .col-box .box .line3 .left-col .inner-right-col {
  width: calc(100% - 110px);
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
  align-items: flex-start;
}
.grand-finale .section-2022-home-keynotes .content-wrapper .accordion-content-wrapper .box-container .col-box .box .line3 .left-col .inner-right-col .inner-line1 {
  font-style: italic;
  font-size: 14px;
  color: #000000;
  font-weight: 600;
  line-height: 1em;
  margin-bottom: 4px;
}
.grand-finale .section-2022-home-keynotes .content-wrapper .accordion-content-wrapper .box-container .col-box .box .line3 .left-col .inner-right-col .inner-line2 {
  font-size: 19px;
  line-height: 1em;
  font-weight: 600;
  color: #000000;
  margin-bottom: 4px;
}
.grand-finale .section-2022-home-keynotes .content-wrapper .accordion-content-wrapper .box-container .col-box .box .line3 .left-col .inner-right-col .inner-line3 {
  font-size: 13px;
  color: #000000;
  font-weight: 600;
  line-height: 1.1em;
  font-style: italic;
  margin-bottom: 4px;
}
.grand-finale .section-2022-home-keynotes .content-wrapper .accordion-content-wrapper .box-container .col-box .box .line3 .left-col .inner-right-col .inner-line4 {
  font-size: 13px;
  color: #000000;
  font-weight: 600;
  line-height: 1.1em;
  font-style: italic;
  margin-bottom: 4px;
}
.grand-finale .section-2022-home-keynotes .content-wrapper .accordion-content-wrapper .box-container .col-box .box .line3 .right-col {
  width: 50%;
  display: flex;
  flex-wrap: wrap;
  margin-top: 25px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .grand-finale .section-2022-home-keynotes .content-wrapper .accordion-content-wrapper .box-container .col-box .box .line3 .right-col {
    width: 100%;
    margin-top: 0;
    margin-bottom: 15px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .grand-finale .section-2022-home-keynotes .content-wrapper .accordion-content-wrapper .box-container .col-box .box .line3 .right-col {
    width: 100%;
    margin-top: 0;
    margin-bottom: 15px;
  }
}
.grand-finale .section-2022-home-keynotes .content-wrapper .accordion-content-wrapper .box-container .col-box .box .line3 .right-col .inner-left-col {
  width: 110px;
}
.grand-finale .section-2022-home-keynotes .content-wrapper .accordion-content-wrapper .box-container .col-box .box .line3 .right-col .inner-left-col .img {
  width: 110px;
  height: 110px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.grand-finale .section-2022-home-keynotes .content-wrapper .accordion-content-wrapper .box-container .col-box .box .line3 .right-col .inner-right-col {
  width: calc(100% - 110px);
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
  align-items: flex-start;
}
.grand-finale .section-2022-home-keynotes .content-wrapper .accordion-content-wrapper .box-container .col-box .box .line3 .right-col .inner-right-col .inner-line1 {
  font-style: italic;
  font-size: 14px;
  color: #000000;
  font-weight: 600;
  line-height: 1em;
  margin-bottom: 4px;
}
.grand-finale .section-2022-home-keynotes .content-wrapper .accordion-content-wrapper .box-container .col-box .box .line3 .right-col .inner-right-col .inner-line2 {
  font-size: 19px;
  line-height: 1em;
  font-weight: 600;
  color: #000000;
  margin-bottom: 4px;
}
.grand-finale .section-2022-home-keynotes .content-wrapper .accordion-content-wrapper .box-container .col-box .box .line3 .right-col .inner-right-col .inner-line3 {
  font-size: 13px;
  color: #000000;
  font-weight: 600;
  line-height: 1.1em;
  font-style: italic;
  margin-bottom: 4px;
}
.grand-finale .section-2022-home-keynotes .content-wrapper .accordion-content-wrapper .box-container .col-box .box .line3 .right-col .inner-right-col .inner-line4 {
  font-size: 13px;
  color: #000000;
  font-weight: 600;
  line-height: 1.1em;
  font-style: italic;
  margin-bottom: 4px;
}
.grand-finale .section-2022-home-keynotes .content-wrapper .accordion-content-wrapper .type-container {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 55px;
}
.grand-finale .section-2022-home-keynotes .content-wrapper .accordion-content-wrapper .type-container .box {
  width: 50%;
  padding-right: 45px;
  padding-left: 0px;
  border-right: 1px solid #FFFFFF;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .grand-finale .section-2022-home-keynotes .content-wrapper .accordion-content-wrapper .type-container .box {
    width: 100%;
    border-right: 0px;
    padding-right: 0px;
  }
  .grand-finale .section-2022-home-keynotes .content-wrapper .accordion-content-wrapper .type-container .box:first-child {
    margin-bottom: 35px;
  }
}
.grand-finale .section-2022-home-keynotes .content-wrapper .accordion-content-wrapper .type-container .box:last-child {
  padding-left: 45px;
  padding-right: 0px;
  border-right: 0px solid #FFFFFF;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .grand-finale .section-2022-home-keynotes .content-wrapper .accordion-content-wrapper .type-container .box:last-child {
    padding-left: 0px;
    padding-right: 0px;
  }
}
.grand-finale .section-2022-home-keynotes .content-wrapper .accordion-content-wrapper .type-container .box .line1 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.grand-finale .section-2022-home-keynotes .content-wrapper .accordion-content-wrapper .type-container .box .line1 .left-col {
  width: 50px;
  height: 50px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .grand-finale .section-2022-home-keynotes .content-wrapper .accordion-content-wrapper .type-container .box .line1 .left-col {
    width: 50px;
    height: 50px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .grand-finale .section-2022-home-keynotes .content-wrapper .accordion-content-wrapper .type-container .box .line1 .left-col {
    width: 35px;
    height: 35px;
  }
}
.grand-finale .section-2022-home-keynotes .content-wrapper .accordion-content-wrapper .type-container .box .line1 .right-col {
  width: calc(100% - 70px);
  padding-left: 15px;
  color: #FFFFFF;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  font-weight: 600;
  font-size: 20px;
  line-height: 1.3em;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .grand-finale .section-2022-home-keynotes .content-wrapper .accordion-content-wrapper .type-container .box .line1 .right-col {
    font-size: 18px;
    line-height: 1.2em;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .grand-finale .section-2022-home-keynotes .content-wrapper .accordion-content-wrapper .type-container .box .line1 .right-col {
    font-size: 18px;
    line-height: 1.2em;
  }
}
.grand-finale .section-2022-home-keynotes .content-wrapper .accordion-content-wrapper .type-container .box .line2 {
  margin-top: 30px;
}
.grand-finale .section-2022-home-keynotes .content-wrapper .accordion-content-wrapper .type-container .box .line2 .type-btn {
  padding: 10px;
  color: #FFFFFF;
  font-size: 34px;
  background: rgb(251, 116, 53);
  background: linear-gradient(90deg, rgb(251, 116, 53) 0%, rgb(225, 56, 102) 100%);
  border: 1px solid #FFFFFF;
  border-radius: 5px;
  display: inline-flex;
  align-items: center;
  line-height: 1em;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .grand-finale .section-2022-home-keynotes .content-wrapper .accordion-content-wrapper .type-container .box .line2 .type-btn {
    font-size: 23px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .grand-finale .section-2022-home-keynotes .content-wrapper .accordion-content-wrapper .type-container .box .line2 .type-btn {
    font-size: 22px;
  }
}
.grand-finale .section-2022-home-keynotes .content-wrapper .accordion-content-wrapper .type-container .box .line2 .type-btn .arrow {
  margin-right: 10px;
  height: 50px;
  width: 50px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .grand-finale .section-2022-home-keynotes .content-wrapper .accordion-content-wrapper .type-container .box .line2 .type-btn .arrow {
    height: 30px;
    width: 30px;
    margin-right: 15px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .grand-finale .section-2022-home-keynotes .content-wrapper .accordion-content-wrapper .type-container .box .line2 .type-btn .arrow {
    height: 25px;
    width: 25px;
    margin-right: 15px;
  }
}
.grand-finale .section-2022-home-keynotes .content-wrapper .accordion-content-wrapper .type-container .box .line2 .type-btn:hover, .grand-finale .section-2022-home-keynotes .content-wrapper .accordion-content-wrapper .type-container .box .line2 .type-btn:focus, .grand-finale .section-2022-home-keynotes .content-wrapper .accordion-content-wrapper .type-container .box .line2 .type-btn:active {
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.grand-finale .section-2022-home-showcase .content-wrapper {
  border: 1px solid #1b569f;
}
.grand-finale .section-2022-home-showcase .content-wrapper .inner-title .title {
  color: #1b569f;
}
.grand-finale .section-2022-home-showcase .content-wrapper .inner-title.subtitle .title {
  text-align: center;
  text-decoration: underline;
}
.grand-finale .section-2022-home-showcase .content-wrapper .list-item {
  display: inline-block;
  width: calc(20% - 4px);
  margin-bottom: 25px;
  padding: 0 15px;
  color: #ffffff;
  vertical-align: top;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .grand-finale .section-2022-home-showcase .content-wrapper .list-item {
    width: calc(25% - 4px);
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .grand-finale .section-2022-home-showcase .content-wrapper .list-item {
    width: calc(33% - 4px);
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .grand-finale .section-2022-home-showcase .content-wrapper .list-item {
    margin-bottom: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .grand-finale .section-2022-home-showcase .content-wrapper .list-item {
    width: calc(50% - 4px);
    padding: 0 5px;
    margin-bottom: 10px;
  }
}
.grand-finale .section-2022-home-showcase .content-wrapper .list-item .item-img {
  width: 140px;
  height: 240px;
  margin: 0 auto 10px;
  overflow: hidden;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
}
.grand-finale .section-2022-home-showcase .content-wrapper .list-item .item-img .img-bg {
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  height: calc(100% - 100px);
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .grand-finale .section-2022-home-showcase .content-wrapper .list-item .item-img .img-bg {
    height: 120px;
    width: 120px;
  }
}
.grand-finale .section-2022-home-showcase .content-wrapper .list-item .item-img .item-title {
  border-left: 3px solid #1b569f;
  padding-left: 5px;
  width: 100%;
  max-width: 200px;
  margin: 10px auto;
  line-height: 1.2em;
  text-align: left;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
  font-weight: bold;
  text-transform: uppercase;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .grand-finale .section-2022-home-showcase .content-wrapper .list-item .item-img .item-title {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .grand-finale .section-2022-home-showcase .content-wrapper .list-item .item-img .item-title {
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .grand-finale .section-2022-home-showcase .content-wrapper .list-item .item-img .item-title {
    font-size: 12px;
  }
}
.grand-finale .section-2022-home-showcase .content-wrapper .list-item .item-img .item-title small {
  font-style: italic;
  font-weight: normal;
  text-transform: capitalize;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .grand-finale .section-2022-home-showcase .content-wrapper .list-item .item-img .item-title small {
    font-size: 12px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .grand-finale .section-2022-home-showcase .content-wrapper .list-item .item-img .item-title small {
    font-size: 11px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .grand-finale .section-2022-home-showcase .content-wrapper .list-item .item-img .item-title small {
    font-size: 10px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .grand-finale .section-2022-home-showcase .content-wrapper .list-item .item-img .item-title {
    min-height: 50px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .grand-finale .section-2022-home-showcase .content-wrapper .list-item .item-img .item-title {
    min-height: 40px;
  }
}
.grand-finale .section-2022-home-showcase .content-wrapper .list-item:hover .item-img, .grand-finale .section-2022-home-showcase .content-wrapper .list-item:focus .item-img, .grand-finale .section-2022-home-showcase .content-wrapper .list-item:active .item-img {
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.grand-finale .section-2022-home-showcase .content-wrapper .list-item:hover .item-img .img-bg, .grand-finale .section-2022-home-showcase .content-wrapper .list-item:focus .item-img .img-bg, .grand-finale .section-2022-home-showcase .content-wrapper .list-item:active .item-img .img-bg {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
.grand-finale .type-btn {
  padding: 5px 10px;
  color: #FFFFFF;
  font-size: 40px;
  background: rgb(251, 116, 53);
  background: linear-gradient(90deg, rgb(251, 116, 53) 0%, rgb(225, 56, 102) 100%);
  border: 1px solid #FFFFFF;
  border-radius: 5px;
  display: inline-flex;
  align-items: center;
  line-height: 1em;
  font-family: "Balboa-Medium", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .grand-finale .type-btn {
    font-size: 23px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .grand-finale .type-btn {
    font-size: 22px;
  }
}
.grand-finale .type-btn .arrow {
  margin-right: 10px;
  height: 50px;
  width: 50px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .grand-finale .type-btn .arrow {
    height: 30px;
    width: 30px;
    margin-right: 15px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .grand-finale .type-btn .arrow {
    height: 25px;
    width: 25px;
    margin-right: 15px;
  }
}
.grand-finale .type-btn:hover, .grand-finale .type-btn:focus, .grand-finale .type-btn:active {
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.section-2021-home-award-video {
  padding: 120px 0 90px;
  min-height: 768;
  position: relative;
}
.section-2021-home-award-video .video-bg {
  width: 100%;
  height: 756px;
  position: absolute;
  left: 0;
  top: 25px;
  background-image: url("../../uploads/images/2021/common/home/award/video_bg.png");
  background-size: 1920px;
  background-position: top center;
  background-repeat: no-repeat;
}
@-webkit-keyframes anim-2021-home-award-bar {
  0% {
    background-position: 1920px 0;
  }
  100% {
    background-position: 0px 0;
  }
}
@keyframes anim-2021-home-award-bar {
  0% {
    background-position: 1920px 0;
  }
  100% {
    background-position: 0px 0;
  }
}
.section-2021-home-award-video .video-bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 54px;
  background-size: auto 54px;
  background-image: url("../../uploads/images/2021/common/home/award/video_bar.png");
  -webkit-animation: anim-2021-home-award-bar 30000ms 0 linear;
  -moz-animation: anim-2021-home-award-bar 30000ms 0 linear;
  -ms-animation: anim-2021-home-award-bar 30000ms 0 linear;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  -ms-animation-direction: normal;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-award-video .video-bar {
    height: 27px;
    background-size: auto 27px;
  }
}
.section-2021-home-award-video .video-item {
  border: 10px solid #AD945C;
  position: relative;
  width: 985px;
  height: 542px;
  display: block;
  margin: 0 auto;
  overflow: hidden;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-home-award-video .video-item {
    width: 720px;
    height: 396px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-award-video .video-item {
    width: 100%;
    height: calc(55vw - 16px);
    border-width: 5px;
  }
}
.section-2021-home-award-video .video-item .item-bg {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  background-image: url("../../uploads/images/2021/common/home/award/video_img.jpg");
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
}
.section-2021-home-award-video .video-item .item-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 156px;
  height: 156px;
  margin-top: -78px;
  margin-left: -78px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../../uploads/images/2021/common/home/award/video_icon.png");
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-award-video .video-item .item-icon {
    width: 78px;
    height: 78px;
    margin-top: -39px;
    margin-left: -39px;
  }
}
.section-2021-home-award-video .video-item:hover .item-bg, .section-2021-home-award-video .video-item:focus .item-bg, .section-2021-home-award-video .video-item:active .item-bg {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
.section-2021-home-award-video .video-item:hover .item-icon, .section-2021-home-award-video .video-item:focus .item-icon, .section-2021-home-award-video .video-item:active .item-icon {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  opacity: 0;
}

.section-2021-home-award-result {
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
.section-2021-home-award-result .result-wrapper {
  background-color: rgba(0, 0, 0, 0.75);
  position: relative;
  padding: 80px 100px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-home-award-result .result-wrapper {
    padding: 40px 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-award-result .result-wrapper {
    padding: 20px 5px;
  }
}
.section-2021-home-award-result .result-wrapper .wrapper-title-float {
  position: absolute;
  left: -86px;
  top: 40px;
  width: 104px;
  pointer-events: none;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-award-result .result-wrapper .wrapper-title-float {
    display: none;
  }
}
.section-2021-home-award-result .result-wrapper .wrapper-title-float img {
  width: 100%;
}
.section-2021-home-award-result .result-wrapper .result-title {
  font-weight: 700;
  text-align: center;
  line-height: 1em;
  text-transform: uppercase;
  color: #ffffff;
  -webkit-text-stroke: 1px currentColor;
  -webkit-text-fill-color: transparent;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-home-award-result .result-wrapper .result-title {
    font-size: 72px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-home-award-result .result-wrapper .result-title {
    font-size: 36px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-award-result .result-wrapper .result-title {
    font-size: 24px;
  }
}
.section-2021-home-award-result .result-wrapper .result-title-sub {
  font-weight: 700;
  text-align: center;
  line-height: 1em;
  color: #AD945C;
  text-transform: uppercase;
  margin-top: 0.4em;
  margin-bottom: 1em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-home-award-result .result-wrapper .result-title-sub {
    font-size: 37px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-home-award-result .result-wrapper .result-title-sub {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-award-result .result-wrapper .result-title-sub {
    font-size: 20px;
  }
}
.section-2021-home-award-result .top-list {
  text-align: center;
}
.section-2021-home-award-result .top-list .list-item {
  margin-top: 18px;
  margin-bottom: 30px;
  position: relative;
  width: 450px;
  vertical-align: top;
  display: inline-block;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-home-award-result .top-list .list-item {
    margin-left: 5px;
    margin-right: 5px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-home-award-result .top-list .list-item {
    width: 330px;
    margin-left: 3px;
    margin-right: 3px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-award-result .top-list .list-item {
    width: 280px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
.section-2021-home-award-result .top-list .list-item .item-title-float {
  color: #ffffff;
  -webkit-text-stroke: 1px currentColor;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  text-align: left;
  line-height: 1em;
  position: absolute;
  top: -1.6em;
  left: 40px;
  text-transform: uppercase;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-home-award-result .top-list .list-item .item-title-float {
    font-size: 45px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-home-award-result .top-list .list-item .item-title-float {
    font-size: 28px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-award-result .top-list .list-item .item-title-float {
    font-size: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-home-award-result .top-list .list-item .item-title-float {
    left: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-award-result .top-list .list-item .item-title-float {
    left: 10px;
  }
}
.section-2021-home-award-result .top-list .list-item .item-mark {
  position: absolute;
  right: 26px;
  top: -19px;
  width: 56px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-award-result .top-list .list-item .item-mark {
    width: 28px;
    right: 13px;
    top: -10px;
  }
}
.section-2021-home-award-result .top-list .list-item .item-mark img {
  width: 100%;
}
.section-2021-home-award-result .top-list .list-item .item-top,
.section-2021-home-award-result .top-list .list-item .item-bottom {
  padding-left: 30px;
  padding-right: 30px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-home-award-result .top-list .list-item .item-top,
.section-2021-home-award-result .top-list .list-item .item-bottom {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-award-result .top-list .list-item .item-top,
.section-2021-home-award-result .top-list .list-item .item-bottom {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.section-2021-home-award-result .top-list .list-item .item-top {
  padding-top: 38px;
  padding-bottom: 46px;
  color: #ffffff;
  -webkit-border-top-right-radius: 12px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 12px;
  -moz-border-radius-topright: 12px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 12px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-award-result .top-list .list-item .item-top {
    padding-top: 19px;
    padding-bottom: 23px;
  }
}
.section-2021-home-award-result .top-list .list-item .item-top .top-wrapper {
  position: relative;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-home-award-result .top-list .list-item .item-top .top-wrapper {
    height: 133px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-home-award-result .top-list .list-item .item-top .top-wrapper {
    height: 80px;
  }
}
.section-2021-home-award-result .top-list .list-item .item-top .top-wrapper .top-logo {
  display: inline-block;
  width: 133px;
  height: 133px;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #ffffff;
}
.section-2021-home-award-result .top-list .list-item .item-top .top-wrapper .top-logo:hover, .section-2021-home-award-result .top-list .list-item .item-top .top-wrapper .top-logo:focus, .section-2021-home-award-result .top-list .list-item .item-top .top-wrapper .top-logo:active {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  -webkit-transform: translateY(-4px);
  -moz-transform: translateY(-4px);
  -ms-transform: translateY(-4px);
  -o-transform: translateY(-4px);
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-home-award-result .top-list .list-item .item-top .top-wrapper .top-logo {
    position: absolute;
    top: 0;
    left: 0;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-home-award-result .top-list .list-item .item-top .top-wrapper .top-logo {
    width: 80px;
    height: 80px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-award-result .top-list .list-item .item-top .top-wrapper .top-logo {
    margin: 0 auto;
    width: 160px;
    height: 160px;
  }
}
.section-2021-home-award-result .top-list .list-item .item-top .top-wrapper .top-logo .logo-img {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
}
.section-2021-home-award-result .top-list .list-item .item-top .top-wrapper .top-main {
  text-align: left;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-home-award-result .top-list .list-item .item-top .top-wrapper .top-main {
    height: 100%;
  }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-home-award-result .top-list .list-item .item-top .top-wrapper .top-main {
    margin-left: 160px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-home-award-result .top-list .list-item .item-top .top-wrapper .top-main {
    margin-left: 100px;
  }
}
.section-2021-home-award-result .top-list .list-item .item-top .top-wrapper .top-main .item-title {
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1em;
  height: 100%;
  /*
  @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px){
  	margin-bottom: 25px;
  }
  @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px){
  	margin-bottom: 15px;
  }
  @media (min-width: 576px) and (max-width: 767px), (max-width: 575px){
  	margin-bottom: 5px;
  }
  */
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-home-award-result .top-list .list-item .item-top .top-wrapper .top-main .item-title {
    font-size: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-home-award-result .top-list .list-item .item-top .top-wrapper .top-main .item-title {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-award-result .top-list .list-item .item-top .top-wrapper .top-main .item-title {
    font-size: 16px;
  }
}
.section-2021-home-award-result .top-list .list-item .item-top .top-wrapper .top-main .item-type-list {
  text-transform: uppercase;
  font-weight: 300;
}
.section-2021-home-award-result .top-list .list-item .item-top .top-wrapper .top-main .item-type-list .type-list-item {
  position: relative;
  margin-bottom: 5px;
}
.section-2021-home-award-result .top-list .list-item .item-top .top-wrapper .top-main .item-type-list .type-list-item .type-title {
  width: 66px;
  text-align: center;
  border: 1px solid #ffffff;
  position: absolute;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-home-award-result .top-list .list-item .item-top .top-wrapper .top-main .item-type-list .type-list-item .type-title {
    font-size: 12px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-home-award-result .top-list .list-item .item-top .top-wrapper .top-main .item-type-list .type-list-item .type-title {
    font-size: 11px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-award-result .top-list .list-item .item-top .top-wrapper .top-main .item-type-list .type-list-item .type-title {
    font-size: 10px;
  }
}
.section-2021-home-award-result .top-list .list-item .item-top .top-wrapper .top-main .item-type-list .type-list-item .type-detail {
  line-height: 1em;
  margin-left: 74px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-home-award-result .top-list .list-item .item-top .top-wrapper .top-main .item-type-list .type-list-item .type-detail {
    font-size: 19px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-home-award-result .top-list .list-item .item-top .top-wrapper .top-main .item-type-list .type-list-item .type-detail {
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-award-result .top-list .list-item .item-top .top-wrapper .top-main .item-type-list .type-list-item .type-detail {
    font-size: 12px;
  }
}
.section-2021-home-award-result .top-list .list-item .item-bottom {
  padding-top: 10px;
  padding-bottom: 20px;
  min-height: 120px;
  text-align: center;
  background-color: #ffffff;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 12px;
  -webkit-border-bottom-left-radius: 12px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 12px;
  -moz-border-radius-bottomleft: 12px;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  border-top-left-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-home-award-result .top-list .list-item .item-bottom {
    min-height: 100px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-award-result .top-list .list-item .item-bottom {
    min-height: inherit;
  }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-home-award-result .top-list .list-item .item-bottom .bottom-title {
    font-size: 14px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-home-award-result .top-list .list-item .item-bottom .bottom-title {
    font-size: 13px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-award-result .top-list .list-item .item-bottom .bottom-title {
    font-size: 12px;
  }
}
.section-2021-home-award-result .top-list .list-item .item-bottom .bottom-img {
  text-align: center;
}
.section-2021-home-award-result .top-list .list-item .item-bottom .bottom-img img {
  width: 100%;
  max-width: 352px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-home-award-result .top-list .list-item .item-bottom .bottom-presented {
    text-align: left;
    margin-top: 15px;
  }
  .section-2021-home-award-result .top-list .list-item .item-bottom .bottom-presented .presented-title,
.section-2021-home-award-result .top-list .list-item .item-bottom .bottom-presented .presented-img {
    display: inline-block;
  }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-home-award-result .top-list .list-item .item-bottom .bottom-presented .presented-title {
    width: 160px;
  }
  .section-2021-home-award-result .top-list .list-item .item-bottom .bottom-presented .presented-img img {
    height: 60px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-home-award-result .top-list .list-item .item-bottom .bottom-presented .presented-title {
    width: 120px;
  }
  .section-2021-home-award-result .top-list .list-item .item-bottom .bottom-presented .presented-img img {
    height: 50px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-award-result .top-list .list-item .item-bottom .bottom-presented .presented-img {
    text-align: center;
  }
  .section-2021-home-award-result .top-list .list-item .item-bottom .bottom-presented .presented-img img {
    height: 60px;
  }
}
.section-2021-home-award-result .top-list.style1 .list-item .item-top {
  background-color: #AD945C;
}
.section-2021-home-award-result .top-list.style1 .list-item .item-bottom {
  color: #AD945C;
}
.section-2021-home-award-result .top-list.style2 {
  margin-top: 88px;
}
.section-2021-home-award-result .top-list.style2 .list-item {
  margin-top: 88px;
}
.section-2021-home-award-result .top-list.style2 .list-item .item-top {
  background-color: #F26F21;
}
.section-2021-home-award-result .top-list.style2 .list-item .item-bottom {
  color: #F26F21;
}
.section-2021-home-award-result .best-title {
  text-align: center;
  color: #ffffff;
  -webkit-text-stroke: 1px currentColor;
  -webkit-text-fill-color: transparent;
  text-transform: uppercase;
  font-weight: 700;
  margin-top: 1.2em;
  margin-bottom: 0.4em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-home-award-result .best-title {
    font-size: 45px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-home-award-result .best-title {
    font-size: 28px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-award-result .best-title {
    font-size: 20px;
  }
}
.section-2021-home-award-result .best-list {
  text-align: center;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-award-result .best-list {
    margin: 0 auto;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px) {
  .section-2021-home-award-result .best-list {
    width: 470px;
  }
}
@media (max-width: 575px) {
  .section-2021-home-award-result .best-list {
    width: 240px;
  }
}
.section-2021-home-award-result .best-list .list-item {
  width: 220px;
  border-radius: 15px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  overflow: hidden;
  display: inline-block;
  margin-bottom: 5px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px) {
  .section-2021-home-award-result .best-list .list-item {
    margin-left: 5px;
    margin-right: 5px;
  }
}
.section-2021-home-award-result .best-list .list-item:nth-of-type(4n+1) .item-top {
  background-color: #5BC3B7;
}
.section-2021-home-award-result .best-list .list-item:nth-of-type(4n+1) .item-bottom {
  color: #5BC3B7;
}
.section-2021-home-award-result .best-list .list-item:nth-of-type(4n+2) .item-top {
  background-color: #C3B1A3;
}
.section-2021-home-award-result .best-list .list-item:nth-of-type(4n+2) .item-bottom {
  color: #C3B1A3;
}
.section-2021-home-award-result .best-list .list-item:nth-of-type(4n+3) .item-top {
  background-color: #3E65A5;
}
.section-2021-home-award-result .best-list .list-item:nth-of-type(4n+3) .item-bottom {
  color: #3E65A5;
}
.section-2021-home-award-result .best-list .list-item:nth-of-type(4n+4) .item-top {
  background-color: #8F8F8F;
}
.section-2021-home-award-result .best-list .list-item:nth-of-type(4n+4) .item-bottom {
  color: #8F8F8F;
}
.section-2021-home-award-result .best-list .list-item .item-top,
.section-2021-home-award-result .best-list .list-item .item-bottom {
  padding-left: 10px;
  padding-right: 10px;
}
.section-2021-home-award-result .best-list .list-item .item-top {
  color: #ffffff;
  padding-top: 20px;
  padding-bottom: 20px;
}
.section-2021-home-award-result .best-list .list-item .item-top .item-type {
  font-weight: 700;
  color: #000000;
  text-transform: uppercase;
  margin-bottom: 0.4em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-home-award-result .best-list .list-item .item-top .item-type {
    font-size: 34px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-home-award-result .best-list .list-item .item-top .item-type {
    font-size: 22px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-award-result .best-list .list-item .item-top .item-type {
    font-size: 18px;
  }
}
.section-2021-home-award-result .best-list .list-item .item-top .item-logo {
  display: block;
  width: 148px;
  height: 148px;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin: 0 auto 10px;
  background-color: #ffffff;
}
.section-2021-home-award-result .best-list .list-item .item-top .item-logo:hover, .section-2021-home-award-result .best-list .list-item .item-top .item-logo:focus, .section-2021-home-award-result .best-list .list-item .item-top .item-logo:active {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  -webkit-transform: translateY(-4px);
  -moz-transform: translateY(-4px);
  -ms-transform: translateY(-4px);
  -o-transform: translateY(-4px);
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-award-result .best-list .list-item .item-top .item-logo {
    width: 100px;
    height: 100px;
  }
}
.section-2021-home-award-result .best-list .list-item .item-top .item-logo .logo-img {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
}
.section-2021-home-award-result .best-list .list-item .item-top .item-name {
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1em;
  min-height: 3em;
  margin-bottom: 0.4em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-home-award-result .best-list .list-item .item-top .item-name {
    font-size: 23px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-home-award-result .best-list .list-item .item-top .item-name {
    font-size: 19px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-award-result .best-list .list-item .item-top .item-name {
    font-size: 15px;
  }
}
.section-2021-home-award-result .best-list .list-item .item-top .item-region {
  font-weight: 300;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-home-award-result .best-list .list-item .item-top .item-region {
    font-size: 19px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-home-award-result .best-list .list-item .item-top .item-region {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-award-result .best-list .list-item .item-top .item-region {
    font-size: 12px;
  }
}
.section-2021-home-award-result .best-list .list-item .item-top .item-region-title {
  font-weight: 300;
  min-width: 66px;
  border: 1px solid #ffffff;
  display: inline-block;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-home-award-result .best-list .list-item .item-top .item-region-title {
    font-size: 12px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-home-award-result .best-list .list-item .item-top .item-region-title {
    font-size: 11px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-award-result .best-list .list-item .item-top .item-region-title {
    font-size: 10px;
  }
}
.section-2021-home-award-result .best-list .list-item .item-bottom {
  background-color: #ffffff;
  padding-top: 10px;
  padding-bottom: 20px;
}
.section-2021-home-award-result .best-list .list-item .item-bottom .item-title {
  margin-bottom: 1em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-home-award-result .best-list .list-item .item-bottom .item-title {
    font-size: 14px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-home-award-result .best-list .list-item .item-bottom .item-title {
    font-size: 12px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-award-result .best-list .list-item .item-bottom .item-title {
    font-size: 11px;
  }
}
.section-2021-home-award-result .best-list .list-item .item-bottom .item-img img {
  height: 45px;
}

@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .tc .section-2021-home-award-result .best-list .list-item .item-top .item-type, .sc .section-2021-home-award-result .best-list .list-item .item-top .item-type {
    font-size: 30px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .tc .section-2021-home-award-result .best-list .list-item .item-top .item-type, .sc .section-2021-home-award-result .best-list .list-item .item-top .item-type {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tc .section-2021-home-award-result .best-list .list-item .item-top .item-type, .sc .section-2021-home-award-result .best-list .list-item .item-top .item-type {
    font-size: 16px;
  }
}

@-webkit-keyframes anim-2021-home-ideapop-bg {
  0% {
    background-position: center 0px;
  }
  100% {
    background-position: center 5250px;
  }
}
@keyframes anim-2021-home-ideapop-bg {
  0% {
    background-position: center 0px;
  }
  100% {
    background-position: center 5250px;
  }
}
@-webkit-keyframes anim-2021-home-ideapop-bg-xxl {
  0% {
    background-position: center 0px;
  }
  100% {
    background-position: center 273.43vw;
  }
}
@keyframes anim-2021-home-ideapop-bg-xxl {
  0% {
    background-position: center 0px;
  }
  100% {
    background-position: center 273.43vw;
  }
}
.section-2021-bg-home-ideapop .bg-img {
  -webkit-animation: anim-2021-home-ideapop-bg 100000ms 0 linear;
  -moz-animation: anim-2021-home-ideapop-bg 100000ms 0 linear;
  -ms-animation: anim-2021-home-ideapop-bg 100000ms 0 linear;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  -ms-animation-direction: normal;
  background-repeat: repeat-y;
}
@media (min-width: 1920px) {
  .section-2021-bg-home-ideapop .bg-img {
    background-size: 100%;
    -webkit-animation: anim-2021-home-ideapop-bg-xxl 100000ms 0 linear;
    -moz-animation: anim-2021-home-ideapop-bg-xxl 100000ms 0 linear;
    -ms-animation: anim-2021-home-ideapop-bg-xxl 100000ms 0 linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -moz-animation-direction: normal;
    -ms-animation-direction: normal;
  }
}

.section-2021-bg-home-ideapop {
  background-color: #0E1B2D;
  border-top: 24px solid #3E65A5;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-bg-home-ideapop {
    border-top-width: 12px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-bg-home-ideapop {
    border-top-width: 6px;
  }
}

.section-2021-home-ideapop-award-video {
  padding: 120px 0 90px;
  min-height: 768;
  position: relative;
  /*
  .video-bg{
  	width: 1920px;
  	height: 756px;
  	position: absolute;
  	left:0; 
  	top: 25px;
  	background-image: url("../../../uploads/images/2021/common/home/award/ideapop_video_bg.png");
  	background-size: 1920px;
  	background-position: top center;
  }
  */
}
@-webkit-keyframes anim-2021-home-ideapop-award-bar {
  0% {
    background-position: 0px 0;
  }
  100% {
    background-position: 1996px 0;
  }
}
@keyframes anim-2021-home-ideapop-award-bar {
  0% {
    background-position: 0px 0;
  }
  100% {
    background-position: 1996px 0;
  }
}
.section-2021-home-ideapop-award-video .video-bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 54px;
  background-size: auto 54px;
  background-image: url("../../uploads/images/2021/common/home/award/ideapop_video_bar.png");
  -webkit-animation: anim-2021-home-ideapop-award-bar 30000ms 0 linear;
  -moz-animation: anim-2021-home-ideapop-award-bar 30000ms 0 linear;
  -ms-animation: anim-2021-home-ideapop-award-bar 30000ms 0 linear;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  -ms-animation-direction: normal;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-ideapop-award-video .video-bar {
    height: 27px;
    background-size: auto 27px;
  }
}
.section-2021-home-ideapop-award-video .video-wrapper {
  padding: 10px 10px 72px 10px;
  background-color: #F26F21;
  width: 985px;
  margin: 0 auto;
  position: relative;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-home-ideapop-award-video .video-wrapper {
    width: 720px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-ideapop-award-video .video-wrapper {
    width: 100%;
    padding-bottom: 7vw;
  }
}
.section-2021-home-ideapop-award-video .video-wrapper .float-title1,
.section-2021-home-ideapop-award-video .video-wrapper .float-title2 {
  position: absolute;
  pointer-events: none;
  bottom: -4px;
}
.section-2021-home-ideapop-award-video .video-wrapper .float-title1 {
  right: 0;
  text-align: right;
}
.section-2021-home-ideapop-award-video .video-wrapper .float-title1 img {
  max-width: 100%;
}
.section-2021-home-ideapop-award-video .video-wrapper .float-title2 {
  left: calc(100% + 10px);
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-ideapop-award-video .video-wrapper .float-title2 {
    display: none;
  }
}
.section-2021-home-ideapop-award-video .video-item {
  position: relative;
  height: 542px;
  display: block;
  margin: 0 auto;
  overflow: hidden;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-home-ideapop-award-video .video-item {
    height: 396px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-ideapop-award-video .video-item {
    width: 100%;
    height: calc(55vw - 16px);
    border-width: 5px;
  }
}
.section-2021-home-ideapop-award-video .video-item .item-bg {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  background-image: url("../../uploads/images/2021/common/home/award/ideapop_video_img.jpg");
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
}
.section-2021-home-ideapop-award-video .video-item .item-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 156px;
  height: 156px;
  margin-top: -78px;
  margin-left: -78px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../../uploads/images/2021/common/home/award/ideapop_video_icon.png");
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-ideapop-award-video .video-item .item-icon {
    width: 78px;
    height: 78px;
    margin-top: -39px;
    margin-left: -39px;
  }
}
.section-2021-home-ideapop-award-video .video-item:hover .item-bg, .section-2021-home-ideapop-award-video .video-item:focus .item-bg, .section-2021-home-ideapop-award-video .video-item:active .item-bg {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
.section-2021-home-ideapop-award-video .video-item:hover .item-icon, .section-2021-home-ideapop-award-video .video-item:focus .item-icon, .section-2021-home-ideapop-award-video .video-item:active .item-icon {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  opacity: 0;
}

.section-2021-home-ideapop-award {
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
.section-2021-home-ideapop-award .secondary-wrapper {
  position: relative;
  padding: 45px;
  margin-bottom: 160px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-home-ideapop-award .secondary-wrapper {
    padding: 30px;
    margin-bottom: 80px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-ideapop-award .secondary-wrapper {
    padding: 15px;
    margin-bottom: 40px;
  }
}
.section-2021-home-ideapop-award .secondary-wrapper .wrapper-title {
  position: absolute;
  width: 100%;
  margin-top: -0.6em;
  line-height: 1.2em;
  z-index: 1;
  color: #ffffff;
  font-weight: 700;
  text-align: center;
  top: 0;
  left: 0;
  text-transform: uppercase;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-home-ideapop-award .secondary-wrapper .wrapper-title {
    font-size: 68px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-home-ideapop-award .secondary-wrapper .wrapper-title {
    font-size: 34px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-ideapop-award .secondary-wrapper .wrapper-title {
    font-size: 24px;
  }
}
.section-2021-home-ideapop-award .secondary-wrapper .wrapper-title-float {
  position: absolute;
  bottom: 0;
  left: calc(100% - 15px);
  z-index: 1;
  pointer-events: none;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-ideapop-award .secondary-wrapper .wrapper-title-float {
    display: none;
  }
}
.section-2021-home-ideapop-award .secondary-wrapper .wrapper-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000000;
  background: linear-gradient(to bottom, #000000 30%, #3E65A5 100%);
  opacity: 0.85;
}
.section-2021-home-ideapop-award .secondary-wrapper .wrapper-bg .bg-title {
  position: absolute;
  left: 30px;
  bottom: 30px;
  pointer-events: none;
}
.section-2021-home-ideapop-award .secondary-wrapper .wrapper-border {
  position: relative;
  border: 1px solid #F26F21;
  padding: 45px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-home-ideapop-award .secondary-wrapper .wrapper-border {
    padding: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-ideapop-award .secondary-wrapper .wrapper-border {
    padding: 30px 5px;
  }
}
.section-2021-home-ideapop-award .secondary-wrapper .wrapper-border .award-title {
  text-align: center;
  color: #ffffff;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 0.4em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-home-ideapop-award .secondary-wrapper .wrapper-border .award-title {
    font-size: 45px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-home-ideapop-award .secondary-wrapper .wrapper-border .award-title {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-ideapop-award .secondary-wrapper .wrapper-border .award-title {
    font-size: 20px;
  }
}
.section-2021-home-ideapop-award .secondary-wrapper .wrapper-border .award-item {
  text-align: center;
  text-transform: uppercase;
}
.section-2021-home-ideapop-award .secondary-wrapper .wrapper-border .award-item .item-logo {
  width: 332px;
  height: 332px;
  display: block;
  margin: 0 auto 5px;
  position: relative;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-ideapop-award .secondary-wrapper .wrapper-border .award-item .item-logo {
    width: 160px;
    height: 160px;
  }
}
.section-2021-home-ideapop-award .secondary-wrapper .wrapper-border .award-item .item-logo .logo-img {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #ffffff;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
}
.section-2021-home-ideapop-award .secondary-wrapper .wrapper-border .award-item .item-logo .logo-mark {
  position: absolute;
  right: -10%;
  top: 0%;
  width: 16.8%;
}
.section-2021-home-ideapop-award .secondary-wrapper .wrapper-border .award-item .item-logo .logo-mark img {
  width: 100%;
}
.section-2021-home-ideapop-award .secondary-wrapper .wrapper-border .award-item .item-logo:hover .logo-img, .section-2021-home-ideapop-award .secondary-wrapper .wrapper-border .award-item .item-logo:focus .logo-img, .section-2021-home-ideapop-award .secondary-wrapper .wrapper-border .award-item .item-logo:active .logo-img {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  -webkit-transform: translateY(-4px);
  -moz-transform: translateY(-4px);
  -ms-transform: translateY(-4px);
  -o-transform: translateY(-4px);
}
.section-2021-home-ideapop-award .secondary-wrapper .wrapper-border .award-item .item-school {
  color: #ffffff;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-home-ideapop-award .secondary-wrapper .wrapper-border .award-item .item-school {
    font-size: 24px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-home-ideapop-award .secondary-wrapper .wrapper-border .award-item .item-school {
    font-size: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-ideapop-award .secondary-wrapper .wrapper-border .award-item .item-school {
    font-size: 16px;
  }
}
.section-2021-home-ideapop-award .secondary-wrapper .wrapper-border .award-item .item-team {
  font-weight: 500;
  color: #F26F21;
  text-decoration: underline;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-home-ideapop-award .secondary-wrapper .wrapper-border .award-item .item-team {
    font-size: 40px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-home-ideapop-award .secondary-wrapper .wrapper-border .award-item .item-team {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-ideapop-award .secondary-wrapper .wrapper-border .award-item .item-team {
    font-size: 18px;
  }
}
.section-2021-home-ideapop-award .secondary-wrapper .wrapper-border .award-hr {
  border-top: 1px solid #F26F21;
  margin: 30px 0;
}
.section-2021-home-ideapop-award .secondary-wrapper .wrapper-border .award-list {
  text-align: center;
}
.section-2021-home-ideapop-award .secondary-wrapper .wrapper-border .award-list .list-item {
  text-align: center;
  color: #ffffff;
  text-transform: uppercase;
  display: inline-block;
  width: 295px;
  vertical-align: top;
  margin-bottom: 40px;
  margin-left: 5px;
  margin-right: 5px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-ideapop-award .secondary-wrapper .wrapper-border .award-list .list-item {
    width: 240px;
  }
}
.section-2021-home-ideapop-award .secondary-wrapper .wrapper-border .award-list .list-item .item-title {
  line-height: 1.1em;
  font-weight: 700;
  margin-bottom: 0.2em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-home-ideapop-award .secondary-wrapper .wrapper-border .award-list .list-item .item-title {
    font-size: 28px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-home-ideapop-award .secondary-wrapper .wrapper-border .award-list .list-item .item-title {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-ideapop-award .secondary-wrapper .wrapper-border .award-list .list-item .item-title {
    font-size: 18px;
  }
}
.section-2021-home-ideapop-award .secondary-wrapper .wrapper-border .award-list .list-item .item-wrapper {
  position: relative;
  background-color: #F26F21;
  padding: 80px 15px 15px;
  border-radius: 15px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-top: 80px;
  min-height: 200px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-ideapop-award .secondary-wrapper .wrapper-border .award-list .list-item .item-wrapper {
    min-height: inherit;
  }
}
.section-2021-home-ideapop-award .secondary-wrapper .wrapper-border .award-list .list-item .item-wrapper .item-logo {
  width: 132px;
  height: 132px;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-top: -66px;
  margin-left: -66px;
  position: absolute;
  top: 0;
  left: 50%;
  background-color: #ffffff;
}
.section-2021-home-ideapop-award .secondary-wrapper .wrapper-border .award-list .list-item .item-wrapper .item-logo:hover, .section-2021-home-ideapop-award .secondary-wrapper .wrapper-border .award-list .list-item .item-wrapper .item-logo:focus, .section-2021-home-ideapop-award .secondary-wrapper .wrapper-border .award-list .list-item .item-wrapper .item-logo:active {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  -webkit-transform: translateY(-4px);
  -moz-transform: translateY(-4px);
  -ms-transform: translateY(-4px);
  -o-transform: translateY(-4px);
}
.section-2021-home-ideapop-award .secondary-wrapper .wrapper-border .award-list .list-item .item-wrapper .item-logo .logo-img {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
}
.section-2021-home-ideapop-award .secondary-wrapper .wrapper-border .award-list .list-item .item-wrapper .item-school {
  font-weight: 300;
  line-height: 1.1em;
  height: 3.3em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-home-ideapop-award .secondary-wrapper .wrapper-border .award-list .list-item .item-wrapper .item-school {
    font-size: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-home-ideapop-award .secondary-wrapper .wrapper-border .award-list .list-item .item-wrapper .item-school {
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-ideapop-award .secondary-wrapper .wrapper-border .award-list .list-item .item-wrapper .item-school {
    font-size: 12px;
  }
}
.section-2021-home-ideapop-award .secondary-wrapper .wrapper-border .award-list .list-item .item-wrapper .item-team {
  font-weight: 500;
  line-height: 1.1em;
  text-decoration: underline;
  margin-bottom: 0.4em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-home-ideapop-award .secondary-wrapper .wrapper-border .award-list .list-item .item-wrapper .item-team {
    font-size: 22px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-home-ideapop-award .secondary-wrapper .wrapper-border .award-list .list-item .item-wrapper .item-team {
    font-size: 16px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-ideapop-award .secondary-wrapper .wrapper-border .award-list .list-item .item-wrapper .item-team {
    font-size: 14px;
  }
}
.section-2021-home-ideapop-award .tertiary-wrapper {
  position: relative;
  padding: 45px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-home-ideapop-award .tertiary-wrapper {
    padding: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-ideapop-award .tertiary-wrapper {
    padding: 15px;
  }
}
.section-2021-home-ideapop-award .tertiary-wrapper .wrapper-title {
  position: absolute;
  width: 100%;
  margin-top: -0.6em;
  line-height: 1.2em;
  z-index: 1;
  color: #ffffff;
  font-weight: 700;
  text-align: center;
  top: 0;
  left: 0;
  text-transform: uppercase;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-home-ideapop-award .tertiary-wrapper .wrapper-title {
    font-size: 68px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-home-ideapop-award .tertiary-wrapper .wrapper-title {
    font-size: 34px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-ideapop-award .tertiary-wrapper .wrapper-title {
    font-size: 24px;
  }
}
.section-2021-home-ideapop-award .tertiary-wrapper .wrapper-title-float {
  position: absolute;
  bottom: 0;
  left: calc(100% - 15px);
  z-index: 1;
  pointer-events: none;
}
.section-2021-home-ideapop-award .tertiary-wrapper .wrapper-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000000;
  background: linear-gradient(to bottom, #000000 30%, #F26F21 100%);
  opacity: 0.85;
}
.section-2021-home-ideapop-award .tertiary-wrapper .wrapper-bg .bg-title {
  position: absolute;
  left: 30px;
  bottom: 30px;
  pointer-events: none;
}
.section-2021-home-ideapop-award .tertiary-wrapper .wrapper-border {
  position: relative;
  border: 1px solid #ffffff;
  padding: 45px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-home-ideapop-award .tertiary-wrapper .wrapper-border {
    padding: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-ideapop-award .tertiary-wrapper .wrapper-border {
    padding: 30px 5px;
  }
}
.section-2021-home-ideapop-award .tertiary-wrapper .wrapper-border .award-title {
  text-align: center;
  color: #ffffff;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 0.4em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-home-ideapop-award .tertiary-wrapper .wrapper-border .award-title {
    font-size: 45px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-home-ideapop-award .tertiary-wrapper .wrapper-border .award-title {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-ideapop-award .tertiary-wrapper .wrapper-border .award-title {
    font-size: 20px;
  }
}
.section-2021-home-ideapop-award .tertiary-wrapper .wrapper-border .award-item {
  text-align: center;
  text-transform: uppercase;
}
.section-2021-home-ideapop-award .tertiary-wrapper .wrapper-border .award-item .item-logo {
  width: 332px;
  height: 332px;
  display: block;
  margin: 0 auto 5px;
  position: relative;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-ideapop-award .tertiary-wrapper .wrapper-border .award-item .item-logo {
    width: 160px;
    height: 160px;
  }
}
.section-2021-home-ideapop-award .tertiary-wrapper .wrapper-border .award-item .item-logo .logo-img {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #ffffff;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
}
.section-2021-home-ideapop-award .tertiary-wrapper .wrapper-border .award-item .item-logo .logo-mark {
  position: absolute;
  right: -10%;
  top: 0%;
  width: 16.8%;
}
.section-2021-home-ideapop-award .tertiary-wrapper .wrapper-border .award-item .item-logo .logo-mark img {
  width: 100%;
}
.section-2021-home-ideapop-award .tertiary-wrapper .wrapper-border .award-item .item-logo:hover .logo-img, .section-2021-home-ideapop-award .tertiary-wrapper .wrapper-border .award-item .item-logo:focus .logo-img, .section-2021-home-ideapop-award .tertiary-wrapper .wrapper-border .award-item .item-logo:active .logo-img {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  -webkit-transform: translateY(-4px);
  -moz-transform: translateY(-4px);
  -ms-transform: translateY(-4px);
  -o-transform: translateY(-4px);
}
.section-2021-home-ideapop-award .tertiary-wrapper .wrapper-border .award-item .item-school {
  font-weight: 500;
  color: #29A6DD;
  text-decoration: underline;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-home-ideapop-award .tertiary-wrapper .wrapper-border .award-item .item-school {
    font-size: 40px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-home-ideapop-award .tertiary-wrapper .wrapper-border .award-item .item-school {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-ideapop-award .tertiary-wrapper .wrapper-border .award-item .item-school {
    font-size: 18px;
  }
}
.section-2021-home-ideapop-award .tertiary-wrapper .wrapper-border .award-item .item-team {
  color: #ffffff;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-home-ideapop-award .tertiary-wrapper .wrapper-border .award-item .item-team {
    font-size: 22px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-home-ideapop-award .tertiary-wrapper .wrapper-border .award-item .item-team {
    font-size: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-ideapop-award .tertiary-wrapper .wrapper-border .award-item .item-team {
    font-size: 16px;
  }
}
.section-2021-home-ideapop-award .tertiary-wrapper .wrapper-border .award-hr {
  border-top: 1px solid #ffffff;
  margin: 30px 0;
}
.section-2021-home-ideapop-award .tertiary-wrapper .wrapper-border .award-list {
  text-align: center;
}
.section-2021-home-ideapop-award .tertiary-wrapper .wrapper-border .award-list .list-item {
  text-align: center;
  color: #ffffff;
  text-transform: uppercase;
  display: inline-block;
  width: 295px;
  vertical-align: top;
  margin-bottom: 40px;
  margin-left: 5px;
  margin-right: 5px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-ideapop-award .tertiary-wrapper .wrapper-border .award-list .list-item {
    width: 240px;
  }
}
.section-2021-home-ideapop-award .tertiary-wrapper .wrapper-border .award-list .list-item .item-title {
  line-height: 1.1em;
  font-weight: 700;
  margin-bottom: 0.2em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-home-ideapop-award .tertiary-wrapper .wrapper-border .award-list .list-item .item-title {
    font-size: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-home-ideapop-award .tertiary-wrapper .wrapper-border .award-list .list-item .item-title {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-ideapop-award .tertiary-wrapper .wrapper-border .award-list .list-item .item-title {
    font-size: 18px;
  }
}
.section-2021-home-ideapop-award .tertiary-wrapper .wrapper-border .award-list .list-item .item-wrapper {
  position: relative;
  background-color: #3E65A5;
  padding: 80px 15px 15px;
  border-radius: 15px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-top: 80px;
  min-height: 200px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-ideapop-award .tertiary-wrapper .wrapper-border .award-list .list-item .item-wrapper {
    min-height: inherit;
  }
}
.section-2021-home-ideapop-award .tertiary-wrapper .wrapper-border .award-list .list-item .item-wrapper .item-logo {
  width: 132px;
  height: 132px;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-top: -66px;
  margin-left: -66px;
  position: absolute;
  top: 0;
  left: 50%;
  background-color: #ffffff;
  overflow: hidden;
}
.section-2021-home-ideapop-award .tertiary-wrapper .wrapper-border .award-list .list-item .item-wrapper .item-logo:hover, .section-2021-home-ideapop-award .tertiary-wrapper .wrapper-border .award-list .list-item .item-wrapper .item-logo:focus, .section-2021-home-ideapop-award .tertiary-wrapper .wrapper-border .award-list .list-item .item-wrapper .item-logo:active {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  -webkit-transform: translateY(-4px);
  -moz-transform: translateY(-4px);
  -ms-transform: translateY(-4px);
  -o-transform: translateY(-4px);
}
.section-2021-home-ideapop-award .tertiary-wrapper .wrapper-border .award-list .list-item .item-wrapper .item-logo .logo-img {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
}
.section-2021-home-ideapop-award .tertiary-wrapper .wrapper-border .award-list .list-item .item-wrapper .item-school {
  font-weight: 500;
  line-height: 1.1em;
  margin-bottom: 0.4em;
  text-decoration: underline;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-home-ideapop-award .tertiary-wrapper .wrapper-border .award-list .list-item .item-wrapper .item-school {
    font-size: 22px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-home-ideapop-award .tertiary-wrapper .wrapper-border .award-list .list-item .item-wrapper .item-school {
    font-size: 16px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-ideapop-award .tertiary-wrapper .wrapper-border .award-list .list-item .item-wrapper .item-school {
    font-size: 14px;
  }
}
.section-2021-home-ideapop-award .tertiary-wrapper .wrapper-border .award-list .list-item .item-wrapper .item-team {
  line-height: 1.1em;
  font-weight: 300;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-home-ideapop-award .tertiary-wrapper .wrapper-border .award-list .list-item .item-wrapper .item-team {
    font-size: 18px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-home-ideapop-award .tertiary-wrapper .wrapper-border .award-list .list-item .item-wrapper .item-team {
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-home-ideapop-award .tertiary-wrapper .wrapper-border .award-list .list-item .item-wrapper .item-team {
    font-size: 12px;
  }
}

.section-location-pitching {
  margin-bottom: 60px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-location-pitching {
    margin-bottom: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-location-pitching {
    margin-bottom: 15px;
  }
}
.section-location-pitching .container-inner {
  background-color: #A6A7B4;
  padding: 45px 35px;
  color: #0E1B2D;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-location-pitching .container-inner {
    padding: 30px 15px;
  }
}
.section-location-pitching .container-inner .inner-title {
  margin-bottom: 20px;
  text-transform: uppercase;
  line-height: 1.2em;
  text-align: center;
  font-family: "Century Gothic Bold", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
@media (max-width: 575px) {
  .section-location-pitching .container-inner .inner-title {
    font-size: 34px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-location-pitching .container-inner .inner-title {
    font-size: 37px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-location-pitching .container-inner .inner-title {
    font-size: 41px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-location-pitching .container-inner .inner-title {
    font-size: 44px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-location-pitching .container-inner .inner-title {
    font-size: 41px;
  }
}
@media (min-width: 1550px) {
  .section-location-pitching .container-inner .inner-title {
    font-size: 48px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-location-pitching .container-inner .inner-title {
    margin-bottom: 15px;
  }
}
.section-location-pitching .container-inner .pitching-video video {
  width: 100%;
}
.section-location-pitching .container-inner .pitching-menu {
  position: relative;
  background-color: #303030;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px) {
  .section-location-pitching .container-inner .pitching-menu {
    height: 515px;
  }
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-location-pitching .container-inner .pitching-menu {
    height: 180px;
  }
}
.section-location-pitching .container-inner .pitching-menu .swiper-container {
  height: 100%;
  padding: 35px 0;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-location-pitching .container-inner .pitching-menu .swiper-container {
    padding: 35px 35px;
  }
}
.section-location-pitching .container-inner .pitching-menu .slide-item {
  display: block;
  width: 140px;
  height: 130px;
  margin: 0 auto;
  color: #ffffff;
}
.section-location-pitching .container-inner .pitching-menu .slide-item .item-img {
  position: relative;
  width: 100%;
  height: 87px;
}
.section-location-pitching .container-inner .pitching-menu .slide-item .item-img .img-bg {
  background-color: #000000;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
}
.section-location-pitching .container-inner .pitching-menu .slide-item .item-img:after {
  content: "";
  background-image: url("../../uploads/images/2020/common/system/video_hover.png");
  width: 42px;
  height: 42px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
}
.section-location-pitching .container-inner .pitching-menu .slide-item .item-title {
  padding-top: 5px;
  font-family: "Century Gothic Bold", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
.section-location-pitching .container-inner .pitching-menu .swiper-button-prev,
.section-location-pitching .container-inner .pitching-menu .swiper-button-next {
  position: absolute;
  background-color: #8D7D5E;
  background-image: none;
  margin: 0;
  z-index: 100;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px) {
  .section-location-pitching .container-inner .pitching-menu .swiper-button-prev,
.section-location-pitching .container-inner .pitching-menu .swiper-button-next {
    left: 0;
    height: 27px;
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-location-pitching .container-inner .pitching-menu .swiper-button-prev,
.section-location-pitching .container-inner .pitching-menu .swiper-button-next {
    top: 0;
    height: 100%;
    width: 27px;
  }
}
.section-location-pitching .container-inner .pitching-menu .swiper-button-prev:after,
.section-location-pitching .container-inner .pitching-menu .swiper-button-next:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
}
.section-location-pitching .container-inner .pitching-menu .swiper-button-prev.swiper-button-disabled,
.section-location-pitching .container-inner .pitching-menu .swiper-button-next.swiper-button-disabled {
  opacity: 1;
}
.section-location-pitching .container-inner .pitching-menu .swiper-button-prev.swiper-button-disabled:after,
.section-location-pitching .container-inner .pitching-menu .swiper-button-next.swiper-button-disabled:after {
  opacity: 0.35;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px) {
  .section-location-pitching .container-inner .pitching-menu .swiper-button-prev {
    top: 0;
  }
  .section-location-pitching .container-inner .pitching-menu .swiper-button-prev:after {
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 0 6px 8px 6px;
    border-bottom-color: #ffffff;
    border-left-color: fade(#ffffff, 0);
    border-right-color: fade(#ffffff, 0);
    margin-top: -4px;
    margin-left: -6px;
  }
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-location-pitching .container-inner .pitching-menu .swiper-button-prev {
    left: 0;
  }
  .section-location-pitching .container-inner .pitching-menu .swiper-button-prev:after {
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 6px 8px 6px 0;
    border-right-color: #ffffff;
    border-top-color: fade(#ffffff, 0);
    border-bottom-color: fade(#ffffff, 0);
    margin-top: -6px;
    margin-left: -4px;
  }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px) {
  .section-location-pitching .container-inner .pitching-menu .swiper-button-next {
    bottom: 0;
    top: inherit;
  }
  .section-location-pitching .container-inner .pitching-menu .swiper-button-next:after {
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 8px 6px 0 6px;
    border-top-color: #ffffff;
    border-left-color: fade(#ffffff, 0);
    border-right-color: fade(#ffffff, 0);
    margin-top: -4px;
    margin-left: -6px;
  }
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-location-pitching .container-inner .pitching-menu .swiper-button-next {
    right: 0;
  }
  .section-location-pitching .container-inner .pitching-menu .swiper-button-next:after {
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 6px 0 6px 8px;
    border-left-color: #ffffff;
    border-top-color: fade(#ffffff, 0);
    border-bottom-color: fade(#ffffff, 0);
    margin-top: -6px;
    margin-left: -4px;
  }
}

/*
.btn-scrolltop{
	position: fixed;
	right: 120px;
	bottom: 20px;
	@include circle(114px);
	border: 4px solid $White;
	display:inline-block;
	@include linear-gradient(to right, transparent, transparent);
	overflow: hidden;

	opacity: 0;
	visibility: hidden;

	.bg{
		@include linear-gradient(to right, $Pumpkin, $Razzmatazz);
		@include square(100%);
		@include transition(.3s all); 
		opacity: 0;
	}
	span{
		border-top: 4px solid $White;
		border-left: 4px solid $White;
		@include square(36px);
		margin-left: -18px;
		margin-top: -18px;
		left:50%;
		top: 60%;
		display:inline-block;
		position: absolute;
		@include rotate(45deg);
	}
	&:hover,&:focus,&:active{
		.bg{
			opacity: 1;
		}

	}
	@media (min-width: 1200px) and (max-width: 1549px){
		right: 60px;
	}
	@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px){
		@include circle(64px);
		border-width: 2px;
		right:30px;
		span{
			@include square(24px);
			border-top-width: 2px;
			border-left-width: 2px;
			margin-left:-12px;
			margin-top:-12px;
		}
	}
	@media (min-width: 576px) and (max-width: 767px), (max-width: 575px){
		display: none;
	}

	&.active{
		opacity:1;
		visibility: visible;
	}

}
*/
.btn-scrolltop {
  position: fixed;
  right: 120px;
  bottom: 20px;
  width: 66px;
  height: 66px;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 3px solid #ffffff;
  display: inline-block;
  background: transparent;
  background: linear-gradient(to right, transparent, transparent);
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
}
.btn-scrolltop .bg {
  background: #FF6914;
  background: linear-gradient(to right, #FF6914, #F51A64);
  width: 100%;
  height: 100%;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
  opacity: 0;
}
.btn-scrolltop span {
  border-top: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
  width: 20px;
  height: 20px;
  margin-left: -10px;
  margin-top: -10px;
  left: 50%;
  top: 60%;
  display: inline-block;
  position: absolute;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}
.btn-scrolltop:hover .bg, .btn-scrolltop:focus .bg, .btn-scrolltop:active .bg {
  opacity: 1;
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .btn-scrolltop {
    right: 60px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .btn-scrolltop {
    width: 64px;
    height: 64px;
    border-radius: 100%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-width: 2px;
    right: 30px;
  }
  .btn-scrolltop span {
    width: 24px;
    height: 24px;
    border-top-width: 2px;
    border-left-width: 2px;
    margin-left: -12px;
    margin-top: -12px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .btn-scrolltop {
    display: none;
  }
}
.btn-scrolltop.active {
  opacity: 1;
  visibility: visible;
}

.section-2021-about-info {
  margin-bottom: 60px;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-about-info {
    margin-bottom: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-about-info {
    margin-bottom: 15px;
  }
}
.section-2021-about-info .container-inner {
  background-color: #3E65A5;
  padding: 45px 35px;
  color: #ffffff;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-about-info .container-inner {
    padding: 30px 15px;
  }
}
.section-2021-about-info .container-inner .inner-title {
  margin-bottom: 20px;
  text-transform: uppercase;
  line-height: 1.2em;
  font-weight: 700;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-about-info .container-inner .inner-title {
    font-size: 48px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-about-info .container-inner .inner-title {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-about-info .container-inner .inner-title {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-about-info .container-inner .inner-title {
    margin-bottom: 15px;
  }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-about-info .container-inner .inner-detail {
    font-size: 24px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-about-info .container-inner .inner-detail {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-about-info .container-inner .inner-detail {
    font-size: 18px;
  }
}
.section-2021-about-info .container-inner .inner-img {
  margin-bottom: 30px;
}
@media (min-width: 1550px) {
  .section-2021-about-info .container-inner .inner-img {
    width: 584px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-about-info .container-inner .inner-img {
    width: 400px;
  }
}
.section-2021-about-info .container-inner .inner-img img {
  width: 100%;
}

.section-2021-about-point {
  margin-bottom: 60px;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-about-point {
    margin-bottom: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-about-point {
    margin-bottom: 15px;
  }
}
.section-2021-about-point .point-list .list-item:after {
  content: "";
  clear: both;
  display: block;
}
.section-2021-about-point .point-list .list-item .item-img,
.section-2021-about-point .point-list .list-item .item-main {
  float: left;
  width: 50%;
  height: 396px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-about-point .point-list .list-item .item-img,
.section-2021-about-point .point-list .list-item .item-main {
    width: 100%;
    float: inherit;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-about-point .point-list .list-item .item-img {
    height: 65vw;
  }
}
.section-2021-about-point .point-list .list-item .item-img .img-bg {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
}
.section-2021-about-point .point-list .list-item .item-img .img-bg.bg1 {
  background-image: url("../../uploads/images/2021/common/about/point_img1.jpg");
}
.section-2021-about-point .point-list .list-item .item-img .img-bg.bg2 {
  background-image: url("../../uploads/images/2021/common/about/point_img2.jpg");
}
.section-2021-about-point .point-list .list-item .item-img .img-bg.bg3 {
  background-image: url("../../uploads/images/2021/common/about/point_img3.jpg");
}
.section-2021-about-point .point-list .list-item .item-img .img-bg.bg4 {
  background-image: url("../../uploads/images/2021/common/about/point_img4.jpg");
}
.section-2021-about-point .point-list .list-item .item-main {
  color: #ffffff;
  padding: 45px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-about-point .point-list .list-item .item-main {
    padding: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-about-point .point-list .list-item .item-main {
    padding: 15px;
    height: auto;
  }
}
.section-2021-about-point .point-list .list-item .item-main .item-title {
  line-height: 1.2em;
  margin-bottom: 10px;
  font-weight: 700;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-about-point .point-list .list-item .item-main .item-title {
    font-size: 56px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-about-point .point-list .list-item .item-main .item-title {
    font-size: 36px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-about-point .point-list .list-item .item-main .item-title {
    font-size: 24px;
  }
}
.section-2021-about-point .point-list .list-item .item-main .item-detail {
  font-weight: 500;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-about-point .point-list .list-item .item-main .item-detail {
    font-size: 24px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-about-point .point-list .list-item .item-main .item-detail {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-about-point .point-list .list-item .item-main .item-detail {
    font-size: 18px;
  }
}
.section-2021-about-point .point-list .list-item:nth-child(2n+1) .item-main {
  background-color: #00162F;
}
.section-2021-about-point .point-list .list-item:nth-child(2n) .item-img,
.section-2021-about-point .point-list .list-item:nth-child(2n) .item-main {
  float: right;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-about-point .point-list .list-item:nth-child(2n) .item-img,
.section-2021-about-point .point-list .list-item:nth-child(2n) .item-main {
    width: 100%;
    float: inherit;
  }
}
.section-2021-about-point .point-list .list-item:nth-child(2n) .item-main {
  background-color: #8D7D5E;
}
.section-2021-about-point .point-list .list-item:nth-child(1) .item-main .item-title {
  color: #2CBBBB;
}
.section-2021-about-point .point-list .list-item:nth-child(2) .item-main .item-title {
  color: #00162F;
}
.section-2021-about-point .point-list .list-item:nth-child(3) .item-main .item-title {
  color: #F15B2B;
}

.section-2021-about-need {
  margin-bottom: 60px;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-about-need {
    margin-bottom: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-about-need {
    margin-bottom: 15px;
  }
}
.section-2021-about-need .container-inner {
  background-color: #E15A2B;
  padding: 45px 35px;
  color: #090C07;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-about-need .container-inner {
    padding: 30px 15px;
  }
}
.section-2021-about-need .container-inner .inner-title {
  margin-bottom: 80px;
  text-transform: uppercase;
  line-height: 1.2em;
  height: 300px;
  text-align: center;
  font-weight: 700;
  background-image: url("../../uploads/images/2021/common/about/2020.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-about-need .container-inner .inner-title {
    font-size: 48px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-about-need .container-inner .inner-title {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-about-need .container-inner .inner-title {
    font-size: 24px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-about-need .container-inner .inner-title {
    margin-bottom: 40px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-about-need .container-inner .inner-title {
    margin-bottom: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-about-need .container-inner .inner-title {
    height: 200px;
  }
}
.section-2021-about-need .container-inner .inner-detail {
  text-align: center;
  margin-bottom: 60px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-about-need .container-inner .inner-detail {
    font-size: 36px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-about-need .container-inner .inner-detail {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-about-need .container-inner .inner-detail {
    font-size: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-about-need .container-inner .inner-detail {
    margin-bottom: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-about-need .container-inner .inner-detail {
    margin-bottom: 15px;
  }
}
.section-2021-about-need .container-inner .inner-btn {
  text-align: center;
}
.section-2021-about-need .container-inner .inner-btn .btn-theme {
  text-transform: uppercase;
  font-weight: 700;
  padding: 15px 30px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-about-need .container-inner .inner-btn .btn-theme {
    font-size: 24px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-about-need .container-inner .inner-btn .btn-theme {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-about-need .container-inner .inner-btn .btn-theme {
    font-size: 18px;
  }
}

/*investor section*/
.section-2021-investor-info {
  overflow: hidden;
  margin-bottom: 60px;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-investor-info {
    margin-bottom: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-investor-info {
    margin-bottom: 15px;
  }
}
.section-2021-investor-info .container-inner {
  background-color: #0E1B2D;
  padding: 45px 35px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-investor-info .container-inner {
    padding: 30px 15px;
  }
}
.section-2021-investor-info .container-inner .inner-title {
  margin-bottom: 20px;
  text-transform: uppercase;
  line-height: 1.2em;
  text-align: center;
  color: #958059;
  font-weight: 700;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-investor-info .container-inner .inner-title {
    font-size: 48px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-investor-info .container-inner .inner-title {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-investor-info .container-inner .inner-title {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-investor-info .container-inner .inner-title {
    margin-bottom: 15px;
  }
}
.section-2021-investor-info .container-inner .inner-detail {
  color: #958059;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-investor-info .container-inner .inner-detail {
    font-size: 24px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-investor-info .container-inner .inner-detail {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-investor-info .container-inner .inner-detail {
    font-size: 18px;
  }
}
.section-2021-investor-info .container-inner .inner-img {
  margin-bottom: 30px;
}
@media (min-width: 1550px) {
  .section-2021-investor-info .container-inner .inner-img {
    width: 584px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-investor-info .container-inner .inner-img {
    width: 400px;
  }
}
.section-2021-investor-info .container-inner .inner-img img {
  width: 100%;
}
.section-2021-investor-info .container-inner .inner-btn {
  text-align: center;
}
.section-2021-investor-info .container-inner .inner-btn .btn-theme {
  text-transform: uppercase;
  font-weight: 700;
  padding: 15px 30px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-investor-info .container-inner .inner-btn .btn-theme {
    font-size: 24px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-investor-info .container-inner .inner-btn .btn-theme {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-investor-info .container-inner .inner-btn .btn-theme {
    font-size: 18px;
  }
}

.section-2021-investor-priority {
  margin-bottom: 60px;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-investor-priority {
    margin-bottom: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-investor-priority {
    margin-bottom: 15px;
  }
}
.section-2021-investor-priority .container-inner {
  background-color: #3E65A5;
  padding: 45px 35px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-investor-priority .container-inner {
    padding: 30px 15px;
  }
}
.section-2021-investor-priority .container-inner .inner-title {
  margin-bottom: 20px;
  text-transform: uppercase;
  line-height: 1.2em;
  text-align: center;
  color: #ffffff;
  font-weight: 700;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-investor-priority .container-inner .inner-title {
    font-size: 48px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-investor-priority .container-inner .inner-title {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-investor-priority .container-inner .inner-title {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-investor-priority .container-inner .inner-title {
    margin-bottom: 15px;
  }
}
.section-2021-investor-priority .container-inner .inner-detail {
  color: #090C07;
  line-height: 1.2em;
  margin-bottom: 60px;
  font-weight: 500;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-investor-priority .container-inner .inner-detail {
    margin-bottom: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-investor-priority .container-inner .inner-detail {
    margin-bottom: 15px;
  }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-investor-priority .container-inner .inner-detail {
    font-size: 24px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-investor-priority .container-inner .inner-detail {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-investor-priority .container-inner .inner-detail {
    font-size: 18px;
  }
}
.section-2021-investor-priority .container-inner .priority-list .list-item {
  border-bottom: 1px solid #0E1B2D;
  margin-bottom: 60px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-investor-priority .container-inner .priority-list .list-item {
    margin-bottom: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-investor-priority .container-inner .priority-list .list-item {
    margin-bottom: 15px;
  }
}
.section-2021-investor-priority .container-inner .priority-list .list-item .item-top {
  position: relative;
  margin-bottom: 15px;
}
.section-2021-investor-priority .container-inner .priority-list .list-item .item-top .item-img {
  position: absolute;
  left: 0;
  top: 0;
  width: 60px;
  height: 60px;
  border: 1px solid #ffffff;
  border-radius: 7px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.section-2021-investor-priority .container-inner .priority-list .list-item .item-top .item-img .img-bg {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  /*
  @mixin priority-cover-loop($i) when ($i > 0){
  	&.bg${i}{

  		background-image: url("../../../uploads/images/2020/common/investor/enjoy_priority_img${i}.png");
  	}
  	@include priority-cover-loop($i - 1);
  }
  @include priority-cover-loop(6);
  */
}
.section-2021-investor-priority .container-inner .priority-list .list-item .item-top .item-img .img-bg.bg1 {
  background-image: url("../../uploads/images/2021/common/investor/enjoy_priority_img1.png");
}
.section-2021-investor-priority .container-inner .priority-list .list-item .item-top .item-img .img-bg.bg2 {
  background-image: url("../../uploads/images/2021/common/investor/enjoy_priority_img2.png");
}
.section-2021-investor-priority .container-inner .priority-list .list-item .item-top .item-img .img-bg.bg3 {
  background-image: url("../../uploads/images/2021/common/investor/enjoy_priority_img3.png");
}
.section-2021-investor-priority .container-inner .priority-list .list-item .item-top .item-img .img-bg.bg4 {
  background-image: url("../../uploads/images/2021/common/investor/enjoy_priority_img4.png");
}
.section-2021-investor-priority .container-inner .priority-list .list-item .item-top .item-img .img-bg.bg5 {
  background-image: url("../../uploads/images/2021/common/investor/enjoy_priority_img5.png");
}
.section-2021-investor-priority .container-inner .priority-list .list-item .item-top .item-img .img-bg.bg6 {
  background-image: url("../../uploads/images/2021/common/investor/enjoy_priority_img6.png");
}
.section-2021-investor-priority .container-inner .priority-list .list-item .item-top .item-title {
  min-height: 60px;
  padding-left: 70px;
  color: #ffffff;
  line-height: 1.2em;
  font-weight: 700;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-investor-priority .container-inner .priority-list .list-item .item-top .item-title {
    font-size: 26px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-investor-priority .container-inner .priority-list .list-item .item-top .item-title {
    font-size: 22px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-investor-priority .container-inner .priority-list .list-item .item-top .item-title {
    font-size: 20px;
  }
}
.section-2021-investor-priority .container-inner .priority-list .list-item .item-bottom .item-detail {
  font-weight: 500;
  color: #090C07;
  height: 160px;
  line-height: 1.2em;
  padding-bottom: 10px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-investor-priority .container-inner .priority-list .list-item .item-bottom .item-detail {
    font-size: 24px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-investor-priority .container-inner .priority-list .list-item .item-bottom .item-detail {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-investor-priority .container-inner .priority-list .list-item .item-bottom .item-detail {
    font-size: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-investor-priority .container-inner .priority-list .list-item .item-bottom .item-detail {
    height: auto;
  }
}

.section-2021-investor-join {
  margin-bottom: 60px;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-investor-join {
    margin-bottom: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-investor-join {
    margin-bottom: 15px;
  }
}
.section-2021-investor-join .container-inner {
  background-color: #303030;
  padding: 45px 35px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-investor-join .container-inner {
    padding: 30px 15px;
  }
}
.section-2021-investor-join .container-inner .inner-img {
  position: relative;
  text-align: right;
  padding-bottom: 60px;
  margin-bottom: 40px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-investor-join .container-inner .inner-img {
    margin-bottom: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-investor-join .container-inner .inner-img {
    margin-bottom: 10px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-2021-investor-join .container-inner .inner-img {
    height: 400px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-investor-join .container-inner .inner-img {
    height: 40vw;
  }
}
.section-2021-investor-join .container-inner .inner-img .img1 {
  position: absolute;
  left: -210px;
  top: -140px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-investor-join .container-inner .inner-img .img1 {
    width: 80%;
    left: -100px;
    top: -70px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-investor-join .container-inner .inner-img .img1 {
    width: 80%;
    left: -50px;
    top: -40px;
  }
}
.section-2021-investor-join .container-inner .inner-img .img2 {
  position: relative;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-investor-join .container-inner .inner-img .img2 {
    width: 43%;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-investor-join .container-inner .inner-img .img2 {
    width: 40%;
  }
}
.section-2021-investor-join .container-inner .inner-title {
  margin-bottom: 20px;
  text-transform: uppercase;
  line-height: 1.2em;
  color: #E15A2B;
  font-weight: 700;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-investor-join .container-inner .inner-title {
    font-size: 48px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-investor-join .container-inner .inner-title {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-investor-join .container-inner .inner-title {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-investor-join .container-inner .inner-title {
    margin-bottom: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px) and (min-width: 1550px), (min-width: 576px) and (max-width: 767px) and (min-width: 1200px) and (max-width: 1549px), (max-width: 575px) and (min-width: 1550px), (max-width: 575px) and (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-investor-join .container-inner .inner-title {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px) and (min-width: 992px) and (max-width: 1199px), (min-width: 576px) and (max-width: 767px) and (min-width: 768px) and (max-width: 991px), (max-width: 575px) and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) and (min-width: 768px) and (max-width: 991px) {
  .section-2021-investor-join .container-inner .inner-title {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px) and (min-width: 576px) and (max-width: 767px), (min-width: 576px) and (max-width: 767px) and (max-width: 575px), (max-width: 575px) and (min-width: 576px) and (max-width: 767px), (max-width: 575px) and (max-width: 575px) {
  .section-2021-investor-join .container-inner .inner-title {
    font-size: 20px;
  }
}
.section-2021-investor-join .container-inner .inner-detail {
  color: #ffffff;
  margin-bottom: 60px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-investor-join .container-inner .inner-detail {
    margin-bottom: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-investor-join .container-inner .inner-detail {
    margin-bottom: 15px;
  }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-investor-join .container-inner .inner-detail {
    font-size: 24px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-investor-join .container-inner .inner-detail {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-investor-join .container-inner .inner-detail {
    font-size: 18px;
  }
}
.section-2021-investor-join .container-inner .inner-btn {
  text-align: center;
}
.section-2021-investor-join .container-inner .inner-btn .btn-theme {
  text-transform: uppercase;
  font-weight: 700;
  padding: 15px 30px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-investor-join .container-inner .inner-btn .btn-theme {
    font-size: 24px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-investor-join .container-inner .inner-btn .btn-theme {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-investor-join .container-inner .inner-btn .btn-theme {
    font-size: 18px;
  }
}

.section-2021-investor-get {
  margin-bottom: 60px;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-investor-get {
    margin-bottom: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-investor-get {
    margin-bottom: 15px;
  }
}
.section-2021-investor-get .get-list {
  margin: 0 -15px;
}
.section-2021-investor-get .get-list .list-item {
  display: block;
  text-align: center;
  color: #ffffff;
  padding: 30px;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
  font-weight: 700;
}
.section-2021-investor-get .get-list .list-item .item-title-sub {
  display: block;
  overflow: hidden;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-investor-get .get-list .list-item .item-title-sub {
    font-size: 38px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-investor-get .get-list .list-item .item-title-sub {
    font-size: 26px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-investor-get .get-list .list-item .item-title-sub {
    font-size: 22px;
  }
}
.section-2021-investor-get .get-list .list-item .item-title-sub .item-title-sub-inner {
  position: relative;
  padding: 0 15px;
  display: inline-block;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
}
.section-2021-investor-get .get-list .list-item .item-title-sub .item-title-sub-inner:before, .section-2021-investor-get .get-list .list-item .item-title-sub .item-title-sub-inner:after {
  content: "";
  border-top: 1px solid #ffffff;
  position: absolute;
  top: 50%;
  width: 768px;
}
.section-2021-investor-get .get-list .list-item .item-title-sub .item-title-sub-inner:before {
  right: 100%;
}
.section-2021-investor-get .get-list .list-item .item-title-sub .item-title-sub-inner:after {
  left: 100%;
}
.section-2021-investor-get .get-list .list-item .item-title {
  line-height: 1.2em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-investor-get .get-list .list-item .item-title {
    font-size: 52px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-investor-get .get-list .list-item .item-title {
    font-size: 42px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-investor-get .get-list .list-item .item-title {
    font-size: 32px;
  }
}
.section-2021-investor-get .get-list .list-item .item-img {
  margin: 15px 0;
  width: 465px;
  height: 465px;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  overflow: hidden;
  display: inline-block;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-2021-investor-get .get-list .list-item .item-img {
    width: 400px;
    height: 400px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-2021-investor-get .get-list .list-item .item-img {
    width: 300px;
    height: 300px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-2021-investor-get .get-list .list-item .item-img {
    width: 200px;
    height: 200px;
  }
}
@media (max-width: 575px) {
  .section-2021-investor-get .get-list .list-item .item-img {
    width: 120px;
    height: 120px;
  }
}
.section-2021-investor-get .get-list .list-item .item-img .img-bg {
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-investor-get .get-list .list-item .item-btn {
    font-size: 38px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-investor-get .get-list .list-item .item-btn {
    font-size: 26px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-investor-get .get-list .list-item .item-btn {
    font-size: 22px;
  }
}
.section-2021-investor-get .get-list .list-item .item-btn .btn-arrow {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 8px;
  width: 18px;
  height: 18px;
  border-bottom: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
}
.section-2021-investor-get .get-list .list-item .item-btn .btn-arrow:before {
  content: "";
  position: absolute;
  width: 19px;
  height: 0;
  border: 1px solid #ffffff;
  right: -4px;
  bottom: 5px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-investor-get .get-list .list-item .item-btn .btn-arrow {
    width: 14px;
    height: 14px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) and (max-width: 575px), (min-width: 768px) and (max-width: 991px) and (max-width: 575px), (min-width: 576px) and (max-width: 767px) and (max-width: 575px), (max-width: 575px) and (max-width: 575px) {
  .section-2021-investor-get .get-list .list-item .item-title-sub {
    font-size: 17px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) and (min-width: 576px) and (max-width: 767px), (min-width: 768px) and (max-width: 991px) and (min-width: 576px) and (max-width: 767px), (min-width: 576px) and (max-width: 767px) and (min-width: 576px) and (max-width: 767px), (max-width: 575px) and (min-width: 576px) and (max-width: 767px) {
  .section-2021-investor-get .get-list .list-item .item-title-sub {
    font-size: 19px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) and (min-width: 768px) and (max-width: 991px), (min-width: 768px) and (max-width: 991px) and (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px) and (min-width: 768px) and (max-width: 991px), (max-width: 575px) and (min-width: 768px) and (max-width: 991px) {
  .section-2021-investor-get .get-list .list-item .item-title-sub {
    font-size: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) and (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) and (min-width: 992px) and (max-width: 1199px), (min-width: 576px) and (max-width: 767px) and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) and (min-width: 992px) and (max-width: 1199px) {
  .section-2021-investor-get .get-list .list-item .item-title-sub {
    font-size: 22px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) and (min-width: 1200px) and (max-width: 1549px), (min-width: 768px) and (max-width: 991px) and (min-width: 1200px) and (max-width: 1549px), (min-width: 576px) and (max-width: 767px) and (min-width: 1200px) and (max-width: 1549px), (max-width: 575px) and (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-investor-get .get-list .list-item .item-title-sub {
    font-size: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) and (min-width: 1550px), (min-width: 768px) and (max-width: 991px) and (min-width: 1550px), (min-width: 576px) and (max-width: 767px) and (min-width: 1550px), (max-width: 575px) and (min-width: 1550px) {
  .section-2021-investor-get .get-list .list-item .item-title-sub {
    font-size: 24px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) and (max-width: 575px), (min-width: 768px) and (max-width: 991px) and (max-width: 575px), (min-width: 576px) and (max-width: 767px) and (max-width: 575px), (max-width: 575px) and (max-width: 575px) {
  .section-2021-investor-get .get-list .list-item .item-title {
    font-size: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) and (min-width: 576px) and (max-width: 767px), (min-width: 768px) and (max-width: 991px) and (min-width: 576px) and (max-width: 767px), (min-width: 576px) and (max-width: 767px) and (min-width: 576px) and (max-width: 767px), (max-width: 575px) and (min-width: 576px) and (max-width: 767px) {
  .section-2021-investor-get .get-list .list-item .item-title {
    font-size: 22px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) and (min-width: 768px) and (max-width: 991px), (min-width: 768px) and (max-width: 991px) and (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px) and (min-width: 768px) and (max-width: 991px), (max-width: 575px) and (min-width: 768px) and (max-width: 991px) {
  .section-2021-investor-get .get-list .list-item .item-title {
    font-size: 24px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) and (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) and (min-width: 992px) and (max-width: 1199px), (min-width: 576px) and (max-width: 767px) and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) and (min-width: 992px) and (max-width: 1199px) {
  .section-2021-investor-get .get-list .list-item .item-title {
    font-size: 26px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) and (min-width: 1200px) and (max-width: 1549px), (min-width: 768px) and (max-width: 991px) and (min-width: 1200px) and (max-width: 1549px), (min-width: 576px) and (max-width: 767px) and (min-width: 1200px) and (max-width: 1549px), (max-width: 575px) and (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-investor-get .get-list .list-item .item-title {
    font-size: 24px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) and (min-width: 1550px), (min-width: 768px) and (max-width: 991px) and (min-width: 1550px), (min-width: 576px) and (max-width: 767px) and (min-width: 1550px), (max-width: 575px) and (min-width: 1550px) {
  .section-2021-investor-get .get-list .list-item .item-title {
    font-size: 28px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) and (max-width: 575px), (min-width: 768px) and (max-width: 991px) and (max-width: 575px), (min-width: 576px) and (max-width: 767px) and (max-width: 575px), (max-width: 575px) and (max-width: 575px) {
  .section-2021-investor-get .get-list .list-item .item-btn {
    font-size: 17px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) and (min-width: 576px) and (max-width: 767px), (min-width: 768px) and (max-width: 991px) and (min-width: 576px) and (max-width: 767px), (min-width: 576px) and (max-width: 767px) and (min-width: 576px) and (max-width: 767px), (max-width: 575px) and (min-width: 576px) and (max-width: 767px) {
  .section-2021-investor-get .get-list .list-item .item-btn {
    font-size: 19px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) and (min-width: 768px) and (max-width: 991px), (min-width: 768px) and (max-width: 991px) and (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px) and (min-width: 768px) and (max-width: 991px), (max-width: 575px) and (min-width: 768px) and (max-width: 991px) {
  .section-2021-investor-get .get-list .list-item .item-btn {
    font-size: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) and (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) and (min-width: 992px) and (max-width: 1199px), (min-width: 576px) and (max-width: 767px) and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) and (min-width: 992px) and (max-width: 1199px) {
  .section-2021-investor-get .get-list .list-item .item-btn {
    font-size: 22px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) and (min-width: 1200px) and (max-width: 1549px), (min-width: 768px) and (max-width: 991px) and (min-width: 1200px) and (max-width: 1549px), (min-width: 576px) and (max-width: 767px) and (min-width: 1200px) and (max-width: 1549px), (max-width: 575px) and (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-investor-get .get-list .list-item .item-btn {
    font-size: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) and (min-width: 1550px), (min-width: 768px) and (max-width: 991px) and (min-width: 1550px), (min-width: 576px) and (max-width: 767px) and (min-width: 1550px), (max-width: 575px) and (min-width: 1550px) {
  .section-2021-investor-get .get-list .list-item .item-btn {
    font-size: 24px;
  }
}
@media (max-width: 575px) {
  .section-2021-investor-get .get-list .list-item .item-title {
    height: 2.4em;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-investor-get .get-list .list-item {
    padding: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-investor-get .get-list .list-item {
    padding: 5px;
  }
}
.section-2021-investor-get .get-list .list-item.item1 {
  background-color: #F15B2B;
}
.section-2021-investor-get .get-list .list-item.item1 .item-img .img-bg {
  background-image: url("../../uploads/images/2021/common/investor/get_img1.jpg");
}
.section-2021-investor-get .get-list .list-item.item2 {
  background-color: #958059;
}
.section-2021-investor-get .get-list .list-item.item2 .item-img .img-bg {
  background-image: url("../../uploads/images/2021/common/investor/get_img2.jpg");
}
.section-2021-investor-get .get-list .list-item:hover, .section-2021-investor-get .get-list .list-item:focus, .section-2021-investor-get .get-list .list-item:active {
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.section-2021-investor-get .get-list .list-item:hover .item-title-sub .item-title-sub-inner, .section-2021-investor-get .get-list .list-item:focus .item-title-sub .item-title-sub-inner, .section-2021-investor-get .get-list .list-item:active .item-title-sub .item-title-sub-inner {
  padding: 0 30px;
}
.section-2021-investor-get .get-list .list-item:hover .item-img .img-bg, .section-2021-investor-get .get-list .list-item:focus .item-img .img-bg, .section-2021-investor-get .get-list .list-item:active .item-img .img-bg {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
.section-2021-investor-get .get-list .list-item:hover .item-btn .btn-arrow, .section-2021-investor-get .get-list .list-item:focus .item-btn .btn-arrow, .section-2021-investor-get .get-list .list-item:active .item-btn .btn-arrow {
  margin-left: 10px;
}

.section-2021-investor-need {
  margin-bottom: 60px;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-investor-need {
    margin-bottom: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-investor-need {
    margin-bottom: 15px;
  }
}
.section-2021-investor-need .container-inner {
  background-color: #0E1B2D;
  padding: 45px 35px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-investor-need .container-inner {
    padding: 30px 15px;
  }
}
.section-2021-investor-need .container-inner .inner-title {
  margin-bottom: 80px;
  text-transform: uppercase;
  line-height: 1.2em;
  height: 300px;
  color: #F15B2B;
  text-align: center;
  font-weight: 700;
  background-image: url("../../uploads/images/2021/common/investor/2020.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-investor-need .container-inner .inner-title {
    font-size: 48px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-investor-need .container-inner .inner-title {
    font-size: 36px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-investor-need .container-inner .inner-title {
    font-size: 24px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-investor-need .container-inner .inner-title {
    margin-bottom: 40px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-investor-need .container-inner .inner-title {
    margin-bottom: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-investor-need .container-inner .inner-title {
    height: 200px;
  }
}
.section-2021-investor-need .container-inner .inner-detail {
  text-align: center;
  color: #ffffff;
  margin-bottom: 60px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-investor-need .container-inner .inner-detail {
    font-size: 36px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-investor-need .container-inner .inner-detail {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-investor-need .container-inner .inner-detail {
    font-size: 22px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-investor-need .container-inner .inner-detail {
    margin-bottom: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-investor-need .container-inner .inner-detail {
    margin-bottom: 15px;
  }
}
.section-2021-investor-need .container-inner .inner-btn {
  text-align: center;
}
.section-2021-investor-need .container-inner .inner-btn .btn-theme {
  text-transform: uppercase;
  font-weight: 700;
  padding: 15px 30px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-investor-need .container-inner .inner-btn .btn-theme {
    font-size: 24px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-investor-need .container-inner .inner-btn .btn-theme {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-investor-need .container-inner .inner-btn .btn-theme {
    font-size: 18px;
  }
}

.section-2021-startup-journey {
  margin-bottom: 40px;
  position: relative;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  padding: 60px 0;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-startup-journey {
    padding: 30px 0;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-startup-journey {
    padding: 15px 0;
  }
}
.section-2021-startup-journey .section-title {
  color: #ffffff;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 50px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-startup-journey .section-title {
    font-size: 50px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-startup-journey .section-title {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-startup-journey .section-title {
    font-size: 24px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-startup-journey .section-title {
    margin-bottom: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-startup-journey .section-title {
    margin-bottom: 10px;
  }
}
.section-2021-startup-journey .journey-list {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  color: #ffffff;
}
.section-2021-startup-journey .journey-list .list-item {
  position: relative;
  min-height: 130px;
  margin-bottom: 50px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-startup-journey .journey-list .list-item {
    margin-bottom: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-startup-journey .journey-list .list-item {
    margin-bottom: 10px;
  }
}
.section-2021-startup-journey .journey-list .list-item:after {
  content: "";
  display: block;
  height: 1px;
  background-color: #FF6914;
  background: linear-gradient(to right, #FF6914, #F51A64);
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-startup-journey .journey-list .list-item:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
  }
}
.section-2021-startup-journey .journey-list .list-item .item-num {
  width: 30px;
  font-weight: 500;
  font-style: italic;
  position: absolute;
  text-align: center;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-startup-journey .journey-list .list-item .item-num {
    font-size: 24px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-startup-journey .journey-list .list-item .item-num {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-startup-journey .journey-list .list-item .item-num {
    font-size: 18px;
  }
}
.section-2021-startup-journey .journey-list .list-item .item-num:after {
  content: "";
  width: 0;
  height: 75px;
  border-left: 1px solid #ffffff;
  position: absolute;
  left: 50%;
  top: 100%;
}
.section-2021-startup-journey .journey-list .list-item .item-icon {
  width: 100px;
  height: 100px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-startup-journey .journey-list .list-item .item-icon {
    position: absolute;
    top: 0;
    left: 55px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-startup-journey .journey-list .list-item .item-icon {
    margin-left: 40px;
  }
}
.section-2021-startup-journey .journey-list .list-item .item-icon.icon1 {
  background-image: url("../../uploads/images/2021/common/startup/journey_icon1.png");
}
.section-2021-startup-journey .journey-list .list-item .item-icon.icon2 {
  background-image: url("../../uploads/images/2021/common/startup/journey_icon2.png");
}
.section-2021-startup-journey .journey-list .list-item .item-icon.icon3 {
  background-image: url("../../uploads/images/2021/common/startup/journey_icon3.png");
}
.section-2021-startup-journey .journey-list .list-item .item-icon.icon4 {
  background-image: url("../../uploads/images/2021/common/startup/journey_icon4.png");
}
.section-2021-startup-journey .journey-list .list-item .item-detail {
  line-height: 1.2em;
  padding: 8px 0;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-startup-journey .journey-list .list-item .item-detail {
    font-size: 26px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-startup-journey .journey-list .list-item .item-detail {
    font-size: 22px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-startup-journey .journey-list .list-item .item-detail {
    font-size: 18px;
  }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-startup-journey .journey-list .list-item .item-detail {
    margin-left: 180px;
    margin-right: 250px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-startup-journey .journey-list .list-item .item-detail {
    margin-left: 180px;
    margin-right: 250px;
  }
}
.section-2021-startup-journey .journey-list .list-item .item-detail a {
  color: #ffffff;
  text-decoration: underline;
}
.section-2021-startup-journey .journey-list .list-item .item-detail a:hover, .section-2021-startup-journey .journey-list .list-item .item-detail a:focus, .section-2021-startup-journey .journey-list .list-item .item-detail a:active {
  text-decoration: none;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-startup-journey .journey-list .list-item .item-btn {
    font-size: 22px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-startup-journey .journey-list .list-item .item-btn {
    font-size: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-startup-journey .journey-list .list-item .item-btn {
    font-size: 16px;
  }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-startup-journey .journey-list .list-item .item-btn {
    position: absolute;
    right: 0;
    top: 0;
    padding: 25px 0;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-startup-journey .journey-list .list-item .item-btn {
    margin-bottom: 10px;
  }
}
.section-2021-startup-journey .journey-list .list-item .item-btn .btn-theme {
  width: 170px;
  display: inline-block;
  text-align: center;
}

.section-2021-startup-dates {
  margin-bottom: 40px;
  position: relative;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
.section-2021-startup-dates .container {
  position: relative;
}
.section-2021-startup-dates .container .container-bg {
  position: absolute;
  width: 100%;
  height: 610px;
  left: -35px;
  top: -35px;
  pointer-events: none;
  background: #54AAAD;
  background: linear-gradient(to right, #54AAAD, #869CC6);
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-startup-dates .container .container-bg {
    left: -25px;
    top: -25px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-startup-dates .container .container-bg {
    left: -15px;
    top: -15px;
  }
}
.section-2021-startup-dates .container-inner {
  position: relative;
  padding: 45px 35px;
  background: #8563AA;
  background: linear-gradient(to bottom, #8563AA, #A5BCDA);
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-startup-dates .container-inner {
    padding: 30px 15px;
  }
}
.section-2021-startup-dates .container-inner .inner-title {
  color: #0E1B2D;
  text-align: center;
  line-height: 1.2em;
  font-weight: 700;
  text-transform: uppercase;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-startup-dates .container-inner .inner-title {
    font-size: 42px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-startup-dates .container-inner .inner-title {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-startup-dates .container-inner .inner-title {
    font-size: 18px;
  }
}
.section-2021-startup-dates .container-inner .inner-title-sub {
  color: #0E1B2D;
  text-align: center;
  line-height: 1.2em;
  margin-top: 5px;
  margin-bottom: 20px;
  font-weight: 700;
  text-transform: uppercase;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-startup-dates .container-inner .inner-title-sub {
    font-size: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-startup-dates .container-inner .inner-title-sub {
    font-size: 16px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-startup-dates .container-inner .inner-title-sub {
    font-size: 12px;
  }
}
.section-2021-startup-dates .container-inner .dates-list {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 30px;
}
.section-2021-startup-dates .container-inner .dates-list .list-item {
  padding: 25px 0;
  border-bottom: 1px solid #0E1B2D;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-startup-dates .container-inner .dates-list .list-item {
    padding: 15px 0;
  }
}
.section-2021-startup-dates .container-inner .dates-list .list-item .item-title {
  color: #ffffff;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 10px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-startup-dates .container-inner .dates-list .list-item .item-title {
    font-size: 23px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-startup-dates .container-inner .dates-list .list-item .item-title {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-startup-dates .container-inner .dates-list .list-item .item-title {
    font-size: 18px;
  }
}
.section-2021-startup-dates .container-inner .dates-list .list-item .item-detail {
  color: #0E1B2D;
  font-weight: 500;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-startup-dates .container-inner .dates-list .list-item .item-detail {
    font-size: 23px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-startup-dates .container-inner .dates-list .list-item .item-detail {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-startup-dates .container-inner .dates-list .list-item .item-detail {
    font-size: 18px;
  }
}

.section-2021-startup-competition {
  margin-bottom: 40px;
  position: relative;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
.section-2021-startup-competition .container-inner {
  position: relative;
  padding: 45px 35px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-startup-competition .container-inner {
    padding: 30px 15px;
  }
}
.section-2021-startup-competition .container-inner .inner-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #0B1939;
  background: linear-gradient(to bottom, #0B1939, #06193B);
  opacity: 0.95;
}
.section-2021-startup-competition .container-inner .inner-float-text {
  position: absolute;
  left: 0;
  top: 385px;
  pointer-events: none;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-startup-competition .container-inner .inner-float-text {
    top: 190px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-startup-competition .container-inner .inner-float-text {
    top: 80px;
  }
}
.section-2021-startup-competition .container-inner .inner-float-text img {
  margin-left: -50px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-startup-competition .container-inner .inner-float-text img {
    width: 60px;
    margin-left: -30px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-startup-competition .container-inner .inner-float-text img {
    width: 40px;
    margin-left: -20px;
  }
}
.section-2021-startup-competition .container-inner .inner-main {
  position: relative;
}
.section-2021-startup-competition .container-inner .inner-title {
  color: #ffffff;
  text-align: center;
  line-height: 1.2em;
  margin-bottom: 20px;
  font-weight: 700;
  text-transform: uppercase;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-startup-competition .container-inner .inner-title {
    font-size: 50px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-startup-competition .container-inner .inner-title {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-startup-competition .container-inner .inner-title {
    font-size: 24px;
  }
}
.section-2021-startup-competition .container-inner .inner-title-sub {
  color: #F26F21;
  text-align: center;
  line-height: 1em;
  margin-bottom: 20px;
  font-weight: 700;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-startup-competition .container-inner .inner-title-sub {
    font-size: 36px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-startup-competition .container-inner .inner-title-sub {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-startup-competition .container-inner .inner-title-sub {
    font-size: 20px;
  }
}
.section-2021-startup-competition .container-inner .inner-title-sub small {
  font-size: 83%;
}
.section-2021-startup-competition .container-inner .inner-title-sub span {
  color: #AD945C;
}
.section-2021-startup-competition .container-inner .inner-img {
  text-align: center;
  margin-bottom: 50px;
}
.section-2021-startup-competition .container-inner .inner-img img {
  width: 100%;
  max-width: 1040px;
}
.section-2021-startup-competition .container-inner .inner-btn {
  text-align: center;
  margin-bottom: 50px;
}
.section-2021-startup-competition .container-inner .inner-btn .btn-border span {
  font-weight: 700;
  padding: 0.5em 1em;
  background-color: #041A38;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-startup-competition .container-inner .inner-btn .btn-border span {
    font-size: 24px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-startup-competition .container-inner .inner-btn .btn-border span {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-startup-competition .container-inner .inner-btn .btn-border span {
    font-size: 18px;
  }
}
.section-2021-startup-competition .container-inner .wild-list {
  max-width: 1020px;
  width: 100%;
  color: #ffffff;
  margin: 0 auto;
  padding: 40px 0;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-startup-competition .container-inner .wild-list {
    padding: 20px 0;
  }
}
.section-2021-startup-competition .container-inner .wild-list .list-item {
  margin-bottom: 30px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-startup-competition .container-inner .wild-list .list-item {
    margin-bottom: 15px;
  }
  .section-2021-startup-competition .container-inner .wild-list .list-item .item-detail:after {
    margin-bottom: 15px;
  }
}
.section-2021-startup-competition .container-inner .wild-list .list-item.item1 .item-title {
  color: #F26F21;
}
.section-2021-startup-competition .container-inner .wild-list .list-item.item2 .item-title {
  color: #5BC3B7;
}
.section-2021-startup-competition .container-inner .wild-list .list-item.item3 .item-title {
  color: #3E65A5;
}
.section-2021-startup-competition .container-inner .wild-list .list-item .item-img-wrapper {
  display: inline-block;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-startup-competition .container-inner .wild-list .list-item .item-img-wrapper {
    margin-bottom: 10px;
  }
}
.section-2021-startup-competition .container-inner .wild-list .list-item .item-img-wrapper .img-title {
  width: 54.5%;
  text-align: center;
  margin-bottom: 5px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-startup-competition .container-inner .wild-list .list-item .item-img-wrapper .img-title {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-startup-competition .container-inner .wild-list .list-item .item-img-wrapper .img-title {
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-startup-competition .container-inner .wild-list .list-item .item-img-wrapper .img-title {
    font-size: 12px;
  }
}
.section-2021-startup-competition .container-inner .wild-list .list-item .item-img-wrapper .img-bg {
  width: 222px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-startup-competition .container-inner .wild-list .list-item .item-img-wrapper .img-bg {
    width: 200px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-startup-competition .container-inner .wild-list .list-item .item-img-wrapper .img-bg {
    width: 160px;
  }
}
.section-2021-startup-competition .container-inner .wild-list .list-item .item-title {
  font-weight: 700;
  margin-bottom: 10px;
  line-height: 1.2em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-startup-competition .container-inner .wild-list .list-item .item-title {
    font-size: 27px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-startup-competition .container-inner .wild-list .list-item .item-title {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-startup-competition .container-inner .wild-list .list-item .item-title {
    font-size: 20px;
  }
}
.section-2021-startup-competition .container-inner .wild-list .list-item .item-detail {
  font-weight: 500;
  line-height: 1.2em;
  position: relative;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-startup-competition .container-inner .wild-list .list-item .item-detail {
    font-size: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-startup-competition .container-inner .wild-list .list-item .item-detail {
    font-size: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-startup-competition .container-inner .wild-list .list-item .item-detail {
    font-size: 16px;
  }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-startup-competition .container-inner .wild-list .list-item .item-detail {
    min-height: 120px;
  }
}
.section-2021-startup-competition .container-inner .wild-list .list-item .item-detail:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  margin-top: 15px;
  background: #FF6914;
  background: linear-gradient(to right, #FF6914, #F51A64);
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-startup-competition .container-inner .wild-list .list-item .item-detail:after {
    position: absolute;
    left: 0;
    bottom: 0;
  }
}
.section-2021-startup-competition .container-inner .wild-list .list-item:last-child {
  margin-bottom: 0;
}
.section-2021-startup-competition .container-inner .wild-list .list-item:last-child .item-detail:after {
  display: none;
}

.section-2021-startup-bp {
  margin-bottom: 40px;
  position: relative;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
.section-2021-startup-bp .container-inner {
  position: relative;
  padding: 45px 35px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-startup-bp .container-inner {
    padding: 30px 15px;
  }
}
.section-2021-startup-bp .container-inner .inner-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #1D356F;
  background: linear-gradient(to bottom, #1D356F 8%, #DB6980 96%);
  opacity: 0.95;
}
.section-2021-startup-bp .container-inner .inner-float-text {
  position: absolute;
  left: 0;
  top: 385px;
  pointer-events: none;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-startup-bp .container-inner .inner-float-text {
    top: 190px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-startup-bp .container-inner .inner-float-text {
    top: 80px;
  }
}
.section-2021-startup-bp .container-inner .inner-float-text img {
  margin-left: -50px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-startup-bp .container-inner .inner-float-text img {
    width: 60px;
    margin-left: -30px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-startup-bp .container-inner .inner-float-text img {
    width: 40px;
    margin-left: -20px;
  }
}
.section-2021-startup-bp .container-inner .inner-main {
  position: relative;
}
.section-2021-startup-bp .container-inner .inner-title {
  color: #ffffff;
  text-align: center;
  line-height: 1.2em;
  margin-bottom: 20px;
  font-weight: 700;
  text-transform: uppercase;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-startup-bp .container-inner .inner-title {
    font-size: 50px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-startup-bp .container-inner .inner-title {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-startup-bp .container-inner .inner-title {
    font-size: 24px;
  }
}
.section-2021-startup-bp .container-inner .inner-detail {
  color: #ffffff;
  text-align: center;
  line-height: 1.2em;
  margin-bottom: 20px;
  font-weight: 500;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-startup-bp .container-inner .inner-detail {
    font-size: 26px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-startup-bp .container-inner .inner-detail {
    font-size: 22px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-startup-bp .container-inner .inner-detail {
    font-size: 18px;
  }
}
.section-2021-startup-bp .container-inner .inner-detail small {
  font-size: 83%;
}
.section-2021-startup-bp .container-inner .bp-list .list-item {
  position: relative;
  min-height: 80px;
  margin-bottom: 40px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-startup-bp .container-inner .bp-list .list-item {
    margin-bottom: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-startup-bp .container-inner .bp-list .list-item {
    margin-bottom: 10px;
  }
}
.section-2021-startup-bp .container-inner .bp-list .list-item .item-icon {
  position: absolute;
  left: 0;
  top: 0;
  width: 80px;
  height: 80px;
  border: 1px solid #ffffff;
  border-radius: 12px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #EC7A4E;
  background: linear-gradient(to right, #EC7A4E, #E76272);
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-startup-bp .container-inner .bp-list .list-item .item-icon {
    width: 50px;
    height: 50px;
  }
}
.section-2021-startup-bp .container-inner .bp-list .list-item .item-icon .icon-img {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
}
.section-2021-startup-bp .container-inner .bp-list .list-item .item-icon .icon-img.icon1 {
  background-image: url("../../uploads/images/2021/common/startup/bp_icon1.png");
}
.section-2021-startup-bp .container-inner .bp-list .list-item .item-icon .icon-img.icon2 {
  background-image: url("../../uploads/images/2021/common/startup/bp_icon2.png");
}
.section-2021-startup-bp .container-inner .bp-list .list-item .item-icon .icon-img.icon3 {
  background-image: url("../../uploads/images/2021/common/startup/bp_icon3.png");
}
.section-2021-startup-bp .container-inner .bp-list .list-item .item-icon .icon-img.icon4 {
  background-image: url("../../uploads/images/2021/common/startup/bp_icon4.png");
}
.section-2021-startup-bp .container-inner .bp-list .list-item .item-icon .icon-img.icon5 {
  background-image: url("../../uploads/images/2021/common/startup/bp_icon5.png");
}
.section-2021-startup-bp .container-inner .bp-list .list-item .item-icon .icon-img.icon6 {
  background-image: url("../../uploads/images/2021/common/startup/bp_icon6.png");
}
.section-2021-startup-bp .container-inner .bp-list .list-item .item-icon .icon-img.icon7 {
  background-image: url("../../uploads/images/2021/common/startup/bp_icon7.png");
}
.section-2021-startup-bp .container-inner .bp-list .list-item .item-icon .icon-img.icon8 {
  background-image: url("../../uploads/images/2021/common/startup/bp_icon8.png");
}
.section-2021-startup-bp .container-inner .bp-list .list-item .item-icon .icon-img.icon9 {
  background-image: url("../../uploads/images/2021/common/startup/bp_icon9.png");
}
.section-2021-startup-bp .container-inner .bp-list .list-item .item-title {
  color: #ffffff;
  font-weight: 500;
  padding: 15px 0 15px 130px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-startup-bp .container-inner .bp-list .list-item .item-title {
    font-size: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-startup-bp .container-inner .bp-list .list-item .item-title {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-startup-bp .container-inner .bp-list .list-item .item-title {
    font-size: 14px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-startup-bp .container-inner .bp-list .list-item .item-title {
    padding: 20px 0 20px 130px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-startup-bp .container-inner .bp-list .list-item .item-title {
    padding: 5px 0 5px 60px;
  }
}

.section-2021-startup-industries {
  margin-bottom: 40px;
  position: relative;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
.section-2021-startup-industries .container-inner {
  background: #F51A64;
  background: linear-gradient(to bottom, #F51A64, #FF6914);
  padding: 45px 35px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-startup-industries .container-inner {
    padding: 30px 15px;
  }
}
.section-2021-startup-industries .container-inner .inner-title {
  font-weight: 700;
  color: #ffffff;
  text-align: center;
  margin-bottom: 20px;
  text-transform: uppercase;
  line-height: 1.2em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-startup-industries .container-inner .inner-title {
    font-size: 50px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-startup-industries .container-inner .inner-title {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-startup-industries .container-inner .inner-title {
    font-size: 24px;
  }
}
.section-2021-startup-industries .container-inner .inner-detail {
  color: #ffffff;
  text-align: center;
  line-height: 1.2em;
  margin-bottom: 20px;
  font-weight: 500;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-startup-industries .container-inner .inner-detail {
    font-size: 26px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-startup-industries .container-inner .inner-detail {
    font-size: 22px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-startup-industries .container-inner .inner-detail {
    font-size: 18px;
  }
}
.section-2021-startup-industries .container-inner .inner-detail small {
  font-size: 83%;
}
.section-2021-startup-industries .container-inner .industries-list {
  width: 1088px;
  margin: 0 auto 40px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-2021-startup-industries .container-inner .industries-list {
    width: 900px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-2021-startup-industries .container-inner .industries-list {
    width: 680px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-startup-industries .container-inner .industries-list {
    width: 100%;
  }
}
.section-2021-startup-industries .container-inner .industries-list:after {
  content: "";
  content: "";
  clear: both;
  display: block;
}
.section-2021-startup-industries .container-inner .industries-list .list-item {
  width: 544px;
  height: 343px;
  float: left;
  position: relative;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-2021-startup-industries .container-inner .industries-list .list-item {
    width: 450px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-2021-startup-industries .container-inner .industries-list .list-item {
    width: 340px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-startup-industries .container-inner .industries-list .list-item {
    width: 100%;
  }
}
@media (max-width: 575px) {
  .section-2021-startup-industries .container-inner .industries-list .list-item {
    height: calc(100vw - 20px);
  }
}
.section-2021-startup-industries .container-inner .industries-list .list-item .item-img {
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.section-2021-startup-industries .container-inner .industries-list .list-item .item-img .img-bg {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
}
.section-2021-startup-industries .container-inner .industries-list .list-item .item-img .img-bg.bg1 {
  background-image: url("../../uploads/images/2021/common/startup/industries_img1.jpg");
}
.section-2021-startup-industries .container-inner .industries-list .list-item .item-img .img-bg.bg2 {
  background-image: url("../../uploads/images/2021/common/startup/industries_img2.jpg");
}
.section-2021-startup-industries .container-inner .industries-list .list-item .item-img .img-bg.bg3 {
  background-image: url("../../uploads/images/2021/common/startup/industries_img3.jpg");
}
.section-2021-startup-industries .container-inner .industries-list .list-item .item-img .img-bg.bg4 {
  background-image: url("../../uploads/images/2021/common/startup/industries_img4.jpg");
}
.section-2021-startup-industries .container-inner .industries-list .list-item .item-cover {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.section-2021-startup-industries .container-inner .industries-list .list-item .item-cover .cover-bg {
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
}
.section-2021-startup-industries .container-inner .industries-list .list-item .item-cover .cover-bg.bg1 {
  background-image: url("../../uploads/images/2021/common/startup/industries_cover1.png");
}
.section-2021-startup-industries .container-inner .industries-list .list-item .item-cover .cover-bg.bg2 {
  background-image: url("../../uploads/images/2021/common/startup/industries_cover2.png");
}
.section-2021-startup-industries .container-inner .industries-list .list-item .item-cover .cover-bg.bg3 {
  background-image: url("../../uploads/images/2021/common/startup/industries_cover3.png");
}
.section-2021-startup-industries .container-inner .industries-list .list-item .item-cover .cover-bg.bg4 {
  background-image: url("../../uploads/images/2021/common/startup/industries_cover4.png");
}
.section-2021-startup-industries .container-inner .industries-list .list-item .item-main {
  padding: 25px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: #ffffff;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
}
.section-2021-startup-industries .container-inner .industries-list .list-item .item-main .item-title {
  line-height: 1.2em;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-weight: 700;
}
@media (max-width: 575px) {
  .section-2021-startup-industries .container-inner .industries-list .list-item .item-main .item-title {
    font-size: 34px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-2021-startup-industries .container-inner .industries-list .list-item .item-main .item-title {
    font-size: 37px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-2021-startup-industries .container-inner .industries-list .list-item .item-main .item-title {
    font-size: 41px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-2021-startup-industries .container-inner .industries-list .list-item .item-main .item-title {
    font-size: 44px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-startup-industries .container-inner .industries-list .list-item .item-main .item-title {
    font-size: 41px;
  }
}
@media (min-width: 1550px) {
  .section-2021-startup-industries .container-inner .industries-list .list-item .item-main .item-title {
    font-size: 48px;
  }
}
.section-2021-startup-industries .container-inner .industries-list .list-item .item-main .item-detail {
  line-height: 1.2em;
}
@media (max-width: 575px) {
  .section-2021-startup-industries .container-inner .industries-list .list-item .item-main .item-detail {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-2021-startup-industries .container-inner .industries-list .list-item .item-main .item-detail {
    font-size: 16px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-2021-startup-industries .container-inner .industries-list .list-item .item-main .item-detail {
    font-size: 18px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-2021-startup-industries .container-inner .industries-list .list-item .item-main .item-detail {
    font-size: 19px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-startup-industries .container-inner .industries-list .list-item .item-main .item-detail {
    font-size: 18px;
  }
}
@media (min-width: 1550px) {
  .section-2021-startup-industries .container-inner .industries-list .list-item .item-main .item-detail {
    font-size: 21px;
  }
}
.section-2021-startup-industries .container-inner .industries-list .list-item:hover .item-img .img-bg, .section-2021-startup-industries .container-inner .industries-list .list-item:focus .item-img .img-bg, .section-2021-startup-industries .container-inner .industries-list .list-item:active .item-img .img-bg {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
.section-2021-startup-industries .container-inner .industries-list .list-item:hover .item-cover .cover-bg, .section-2021-startup-industries .container-inner .industries-list .list-item:focus .item-cover .cover-bg, .section-2021-startup-industries .container-inner .industries-list .list-item:active .item-cover .cover-bg {
  opacity: 0;
  -moz-filter: blur(10px);
  -o-filter: blur(10px);
  -ms-filter: blur(10px);
  filter: blur(10px);
  -webkit-transform: scale(2);
  -moz-transform: scale(2);
  -ms-transform: scale(2);
  -o-transform: scale(2);
}
.section-2021-startup-industries .container-inner .industries-list .list-item:hover .item-main, .section-2021-startup-industries .container-inner .industries-list .list-item:focus .item-main, .section-2021-startup-industries .container-inner .industries-list .list-item:active .item-main {
  background-color: rgba(0, 0, 0, 0.5);
}
.section-2021-startup-industries .container-inner .inner-footer {
  border: 2px solid #0E1B2D;
  text-align: center;
  color: #0E1B2D;
  text-transform: uppercase;
  padding: 5px 15px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-startup-industries .container-inner .inner-footer {
    font-size: 50px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-startup-industries .container-inner .inner-footer {
    font-size: 25px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-startup-industries .container-inner .inner-footer {
    font-size: 12.5px;
  }
}

.section-2021-startup-table {
  margin-bottom: 80px;
  position: relative;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
.section-2021-startup-table .container-inner {
  padding: 45px 35px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-startup-table .container-inner {
    padding: 30px 15px;
  }
}
.section-2021-startup-table .container-inner .inner-bg {
  background: #A6A7B4;
  background: linear-gradient(to bottom, #A6A7B4, #ffffff);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.9;
}
.section-2021-startup-table .container-inner .inner-float-text {
  position: absolute;
  right: 0;
  top: 60px;
  pointer-events: none;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-startup-table .container-inner .inner-float-text {
    top: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-startup-table .container-inner .inner-float-text {
    top: 15px;
  }
}
.section-2021-startup-table .container-inner .inner-float-text img {
  margin-right: -50px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-startup-table .container-inner .inner-float-text img {
    width: 60px;
    margin-right: -30px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-startup-table .container-inner .inner-float-text img {
    width: 40px;
    margin-right: -20px;
  }
}
.section-2021-startup-table .container-inner .inner-main {
  position: relative;
}
.section-2021-startup-table .container-inner .inner-title {
  text-transform: uppercase;
  text-align: center;
  line-height: 1.2em;
  font-weight: 700;
  margin-bottom: 40px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-startup-table .container-inner .inner-title {
    font-size: 50px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-startup-table .container-inner .inner-title {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-startup-table .container-inner .inner-title {
    font-size: 24px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-startup-table .container-inner .inner-title {
    margin-bottom: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-startup-table .container-inner .inner-title {
    margin-bottom: 10px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-startup-table .container-inner .inner-table .table-responsive {
    margin-bottom: 0;
  }
}
.section-2021-startup-table .container-inner .inner-table .table {
  margin-bottom: 0;
}
.section-2021-startup-table .container-inner .inner-table .table tr {
  border-top: 0;
}
.section-2021-startup-table .container-inner .inner-table .table tr td:nth-child(5), .section-2021-startup-table .container-inner .inner-table .table tr th:nth-child(5) {
  display: none;
}
.section-2021-startup-table .container-inner .inner-table .table tr td a:hover, .section-2021-startup-table .container-inner .inner-table .table tr td a:focus, .section-2021-startup-table .container-inner .inner-table .table tr td a:active, .section-2021-startup-table .container-inner .inner-table .table tr th a:hover, .section-2021-startup-table .container-inner .inner-table .table tr th a:focus, .section-2021-startup-table .container-inner .inner-table .table tr th a:active {
  color: #E15A2B;
}
.section-2021-startup-table .container-inner .inner-table .table tr:first-child td {
  border-top: 0;
  vertical-align: top;
}
.section-2021-startup-table .container-inner .inner-table .table tr td {
  vertical-align: middle;
  padding: 15px 8px;
  border-top: 1px solid #8F8F8F;
  border-left: 1px solid #8F8F8F;
}
.section-2021-startup-table .container-inner .inner-table .table tr td:first-child {
  border-left: 0;
}
.section-2021-startup-table .container-inner .inner-table .table .td-col {
  width: 130px;
  padding: 15px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-startup-table .container-inner .inner-table .table .td-col {
    width: 120px;
    padding: 10px;
  }
}
.section-2021-startup-table .container-inner .inner-table .table-top {
  color: #E15A2B;
  font-weight: 700;
  line-height: 1.2em;
  text-align: center;
}
@media (max-width: 575px) {
  .section-2021-startup-table .container-inner .inner-table .table-top {
    font-size: 11px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-2021-startup-table .container-inner .inner-table .table-top {
    font-size: 12px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-2021-startup-table .container-inner .inner-table .table-top {
    font-size: 14px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-2021-startup-table .container-inner .inner-table .table-top {
    font-size: 15px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-startup-table .container-inner .inner-table .table-top {
    font-size: 14px;
  }
}
@media (min-width: 1550px) {
  .section-2021-startup-table .container-inner .inner-table .table-top {
    font-size: 16px;
  }
}
.section-2021-startup-table .container-inner .inner-table .table-top .top-item {
  border-bottom: 1px solid #E15A2B;
  padding: 10px 0;
  margin-bottom: 10px;
}
@media (max-width: 575px) {
  .section-2021-startup-table .container-inner .inner-table .table-top .top-item {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-2021-startup-table .container-inner .inner-table .table-top .top-item {
    font-size: 16px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-2021-startup-table .container-inner .inner-table .table-top .top-item {
    font-size: 18px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-2021-startup-table .container-inner .inner-table .table-top .top-item {
    font-size: 19px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-startup-table .container-inner .inner-table .table-top .top-item {
    font-size: 18px;
  }
}
@media (min-width: 1550px) {
  .section-2021-startup-table .container-inner .inner-table .table-top .top-item {
    font-size: 21px;
  }
}
.section-2021-startup-table .container-inner .inner-table .table-top .bottom-item {
  line-height: 1em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-startup-table .container-inner .inner-table .table-top .bottom-item {
    font-size: 12px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-startup-table .container-inner .inner-table .table-top .bottom-item {
    font-size: 12px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-startup-table .container-inner .inner-table .table-top .bottom-item {
    font-size: 10px;
  }
}
.section-2021-startup-table .container-inner .inner-table .table-left {
  font-weight: 500;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-startup-table .container-inner .inner-table .table-left {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-startup-table .container-inner .inner-table .table-left {
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-startup-table .container-inner .inner-table .table-left {
    font-size: 12px;
  }
}
.section-2021-startup-table .container-inner .inner-table .table-left small {
  display: block;
  font-weight: 400;
  line-height: 1.2em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-startup-table .container-inner .inner-table .table-left small {
    font-size: 12px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-startup-table .container-inner .inner-table .table-left small {
    font-size: 12px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-startup-table .container-inner .inner-table .table-left small {
    font-size: 10px;
  }
}
.section-2021-startup-table .container-inner .inner-table .table-mid {
  text-align: center;
}
.section-2021-startup-table .container-inner .inner-table .tick-icon {
  display: inline-block;
  width: 18px;
  height: 10px;
  border-left: 1px solid #E15A2B;
  border-bottom: 1px solid #E15A2B;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  margin-top: -20px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-startup-table .container-inner .inner-table .tick-icon {
    width: 20px;
    height: 10px;
    margin-top: -10px;
  }
}
.section-2021-startup-table .container-inner .inner-table .na-line {
  display: inline-block;
  max-width: 45px;
  width: 100%;
  border-top: 3px solid #666666;
  vertical-align: middle;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-startup-table .container-inner .inner-table .na-line {
    max-width: 30px;
  }
}
.section-2021-startup-table .container-inner .inner-note {
  margin-top: 20px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-startup-table .container-inner .inner-note {
    font-size: 12px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-startup-table .container-inner .inner-note {
    font-size: 12px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-startup-table .container-inner .inner-note {
    font-size: 10px;
  }
}

.section-2021-rule-eligible {
  margin-bottom: 60px;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-rule-eligible {
    margin-bottom: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-rule-eligible {
    margin-bottom: 15px;
  }
}
.section-2021-rule-eligible .container-inner {
  padding: 45px 35px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-rule-eligible .container-inner {
    padding: 30px 15px;
  }
}
.section-2021-rule-eligible .container-inner .inner-bg {
  background: #153871;
  background: linear-gradient(to bottom, #153871 19%, #06193B 98%);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.95;
}
.section-2021-rule-eligible .container-inner .inner-main {
  position: relative;
}
.section-2021-rule-eligible .container-inner .inner-title {
  color: #AD945C;
  text-align: center;
  margin-bottom: 20px;
  text-transform: uppercase;
  line-height: 1.2em;
  font-weight: 700;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-rule-eligible .container-inner .inner-title {
    font-size: 50px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-rule-eligible .container-inner .inner-title {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-rule-eligible .container-inner .inner-title {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-rule-eligible .container-inner .inner-title {
    margin-bottom: 15px;
  }
}
.section-2021-rule-eligible .container-inner .inner-detail {
  line-height: 1.2em;
  font-weight: 500;
  color: #ffffff;
  margin-bottom: 40px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-rule-eligible .container-inner .inner-detail {
    font-size: 30px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-rule-eligible .container-inner .inner-detail {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-rule-eligible .container-inner .inner-detail {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-rule-eligible .container-inner .inner-detail {
    margin-bottom: 20px;
  }
}
.section-2021-rule-eligible .container-inner .eligible-list .list-item {
  display: inline-block;
  margin-right: 40px;
  width: calc(50% - 45px);
  position: relative;
  margin-bottom: 60px;
  vertical-align: top;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-rule-eligible .container-inner .eligible-list .list-item {
    margin-bottom: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-rule-eligible .container-inner .eligible-list .list-item {
    margin-bottom: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-rule-eligible .container-inner .eligible-list .list-item {
    width: 100%;
    margin-right: 0;
  }
}
.section-2021-rule-eligible .container-inner .eligible-list .list-item .item-img {
  position: absolute;
  left: 0;
  top: 0;
  width: 70px;
  height: 70px;
  border-radius: 12px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #AD945C;
}
.section-2021-rule-eligible .container-inner .eligible-list .list-item .item-img .img-bg {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
}
.section-2021-rule-eligible .container-inner .eligible-list .list-item .item-img .img-bg.bg1 {
  background-image: url("../../uploads/images/2021/common/rule/eligible_icon1.png");
}
.section-2021-rule-eligible .container-inner .eligible-list .list-item .item-img .img-bg.bg2 {
  background-image: url("../../uploads/images/2021/common/rule/eligible_icon2.png");
}
.section-2021-rule-eligible .container-inner .eligible-list .list-item .item-img .img-bg.bg3 {
  background-image: url("../../uploads/images/2021/common/rule/eligible_icon3.png");
}
.section-2021-rule-eligible .container-inner .eligible-list .list-item .item-img .img-bg.bg4 {
  background-image: url("../../uploads/images/2021/common/rule/eligible_icon4.png");
}
.section-2021-rule-eligible .container-inner .eligible-list .list-item .item-img .img-bg.bg5 {
  background-image: url("../../uploads/images/2021/common/rule/eligible_icon5.png");
}
.section-2021-rule-eligible .container-inner .eligible-list .list-item .item-title {
  padding-bottom: 10px;
  margin-left: 85px;
  line-height: 1.2em;
  border-bottom: 1px solid #AD945C;
  color: #ffffff;
}
@media (max-width: 575px) {
  .section-2021-rule-eligible .container-inner .eligible-list .list-item .item-title {
    font-size: 19px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-2021-rule-eligible .container-inner .eligible-list .list-item .item-title {
    font-size: 21px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-2021-rule-eligible .container-inner .eligible-list .list-item .item-title {
    font-size: 23px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-2021-rule-eligible .container-inner .eligible-list .list-item .item-title {
    font-size: 25px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-rule-eligible .container-inner .eligible-list .list-item .item-title {
    font-size: 23px;
  }
}
@media (min-width: 1550px) {
  .section-2021-rule-eligible .container-inner .eligible-list .list-item .item-title {
    font-size: 27px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-rule-eligible .container-inner .eligible-list .list-item .item-title {
    min-height: 75px;
  }
}

.section-2021-rule-need {
  margin-bottom: 60px;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-rule-need {
    margin-bottom: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-rule-need {
    margin-bottom: 15px;
  }
}
.section-2021-rule-need .container-inner {
  padding: 45px 35px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-rule-need .container-inner {
    padding: 30px 15px;
  }
}
.section-2021-rule-need .container-inner .inner-bg {
  background: #ffffff;
  background: linear-gradient(to bottom, #ffffff 0%, #DDD3BB 98%);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.9;
}
.section-2021-rule-need .container-inner .inner-main {
  position: relative;
}
.section-2021-rule-need .container-inner .inner-title {
  color: #000000;
  text-align: center;
  margin-bottom: 20px;
  text-transform: uppercase;
  line-height: 1.2em;
  font-weight: 700;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-rule-need .container-inner .inner-title {
    font-size: 50px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-rule-need .container-inner .inner-title {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-rule-need .container-inner .inner-title {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-rule-need .container-inner .inner-title {
    margin-bottom: 15px;
  }
}
.section-2021-rule-need .container-inner .inner-detail {
  line-height: 1.2em;
  font-weight: 500;
  width: 100%;
  max-width: 920px;
  margin: 0 auto;
  color: #000000;
  margin-bottom: 40px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-rule-need .container-inner .inner-detail {
    font-size: 24px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-rule-need .container-inner .inner-detail {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-rule-need .container-inner .inner-detail {
    font-size: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-rule-need .container-inner .inner-detail {
    margin-bottom: 20px;
  }
}
.section-2021-rule-need .container-inner .inner-detail .detail-title {
  color: #F26F21;
  margin-bottom: 0.4em;
  font-weight: 700;
}
.section-2021-rule-need .container-inner .inner-detail .detail-content {
  margin-bottom: 40px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-rule-need .container-inner .inner-detail .detail-content {
    margin-bottom: 20px;
  }
}
.section-2021-rule-need .container-inner .inner-detail .detail-content a {
  color: #000000;
  text-decoration: underline;
}
.section-2021-rule-need .container-inner .inner-detail .detail-content a:hover, .section-2021-rule-need .container-inner .inner-detail .detail-content a:focus, .section-2021-rule-need .container-inner .inner-detail .detail-content a:active {
  text-decoration: none;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-rule-need .container-inner .inner-detail .detail-content ol {
    font-size: 22px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-rule-need .container-inner .inner-detail .detail-content ol {
    font-size: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-rule-need .container-inner .inner-detail .detail-content ol {
    font-size: 16px;
  }
}
.section-2021-rule-need .container-inner .inner-detail .detail-content ol ul {
  list-style-type: disc;
}
.section-2021-rule-need .container-inner .inner-detail .detail-content ol li {
  margin-top: 0.2em;
}
.section-2021-rule-need .container-inner .inner-detail .detail-content ul li, .section-2021-rule-need .container-inner .inner-detail .detail-content ol li {
  margin-top: 0.2em;
}
.section-2021-rule-need .container-inner hr {
  border-top: 1px solid #AD945C;
  margin: 40px 0;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-rule-need .container-inner hr {
    margin: 20px 0;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-rule-need .container-inner hr {
    margin: 10px 0;
  }
}

.section-2021-rule-judging {
  margin-bottom: 60px;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-rule-judging {
    margin-bottom: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-rule-judging {
    margin-bottom: 15px;
  }
}
.section-2021-rule-judging .container-inner {
  padding: 45px 35px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-rule-judging .container-inner {
    padding: 30px 15px;
  }
}
.section-2021-rule-judging .container-inner .inner-bg {
  background: #A5BCDA;
  background: linear-gradient(to bottom, #A5BCDA 0%, #ffffff 98%);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.section-2021-rule-judging .container-inner .inner-main {
  position: relative;
}
.section-2021-rule-judging .container-inner .inner-title {
  color: #0E1B2D;
  text-align: center;
  margin-bottom: 20px;
  text-transform: uppercase;
  line-height: 1.2em;
  font-weight: 700;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-rule-judging .container-inner .inner-title {
    font-size: 50px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-rule-judging .container-inner .inner-title {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-rule-judging .container-inner .inner-title {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-rule-judging .container-inner .inner-title {
    margin-bottom: 15px;
  }
}
.section-2021-rule-judging .container-inner .judging-list .list-item {
  position: relative;
  padding: 20px 0;
  border-bottom: 1px solid #0E1B2D;
  color: #0E1B2D;
}
.section-2021-rule-judging .container-inner .judging-list .list-item:last-child {
  border-bottom: 0;
}
.section-2021-rule-judging .container-inner .judging-list .list-item .item-title {
  font-weight: 700;
  line-height: 1.4em;
  margin-bottom: 10px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-rule-judging .container-inner .judging-list .list-item .item-title {
    font-size: 48px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-rule-judging .container-inner .judging-list .list-item .item-title {
    font-size: 36px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-rule-judging .container-inner .judging-list .list-item .item-title {
    font-size: 28px;
  }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-rule-judging .container-inner .judging-list .list-item .item-title {
    position: absolute;
    left: 0;
    top: 20px;
    width: 125px;
    text-align: center;
  }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-rule-judging .container-inner .judging-list .list-item .item-detail {
    margin-left: 140px;
  }
}
.section-2021-rule-judging .container-inner .judging-list .list-item .item-detail .detail-title {
  font-weight: 700;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-rule-judging .container-inner .judging-list .list-item .item-detail .detail-title {
    font-size: 24px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-rule-judging .container-inner .judging-list .list-item .item-detail .detail-title {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-rule-judging .container-inner .judging-list .list-item .item-detail .detail-title {
    font-size: 18px;
  }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-rule-judging .container-inner .judging-list .list-item .item-detail ul, .section-2021-rule-judging .container-inner .judging-list .list-item .item-detail ol {
    font-size: 22px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-rule-judging .container-inner .judging-list .list-item .item-detail ul, .section-2021-rule-judging .container-inner .judging-list .list-item .item-detail ol {
    font-size: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-rule-judging .container-inner .judging-list .list-item .item-detail ul, .section-2021-rule-judging .container-inner .judging-list .list-item .item-detail ol {
    font-size: 16px;
  }
}
.section-2021-rule-judging .container-inner .judging-bonus {
  width: 100%;
  max-width: 810px;
  margin: 0 auto;
  padding: 16px;
  border: 1px solid #AD945C;
  color: #AD945C;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-rule-judging .container-inner .judging-bonus {
    max-width: 620px;
  }
}
.section-2021-rule-judging .container-inner .judging-bonus .bonus-wrapper {
  position: relative;
}
.section-2021-rule-judging .container-inner .judging-bonus .bonus-wrapper .bonus-title {
  font-weight: 700;
  line-height: 1.2em;
  text-transform: uppercase;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-rule-judging .container-inner .judging-bonus .bonus-wrapper .bonus-title {
    font-size: 38px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-rule-judging .container-inner .judging-bonus .bonus-wrapper .bonus-title {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-rule-judging .container-inner .judging-bonus .bonus-wrapper .bonus-title {
    font-size: 24px;
  }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-rule-judging .container-inner .judging-bonus .bonus-wrapper .bonus-title {
    position: absolute;
    left: 0;
    top: 0;
    width: 260px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-rule-judging .container-inner .judging-bonus .bonus-wrapper .bonus-title {
    width: 200px;
  }
}
.section-2021-rule-judging .container-inner .judging-bonus .bonus-wrapper .bonus-detail {
  position: relative;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-rule-judging .container-inner .judging-bonus .bonus-wrapper .bonus-detail {
    font-size: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-rule-judging .container-inner .judging-bonus .bonus-wrapper .bonus-detail {
    font-size: 17px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-rule-judging .container-inner .judging-bonus .bonus-wrapper .bonus-detail {
    font-size: 15px;
  }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-rule-judging .container-inner .judging-bonus .bonus-wrapper .bonus-detail {
    margin-left: 280px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-rule-judging .container-inner .judging-bonus .bonus-wrapper .bonus-detail {
    margin-left: 200px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-rule-judging .container-inner .judging-bonus .bonus-wrapper .bonus-detail {
    border-top: 1px solid #AD945C;
    margin-top: 10px;
    padding-top: 10px;
  }
}
.section-2021-rule-judging .container-inner .judging-bonus .bonus-wrapper .bonus-detail:before {
  content: "";
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-rule-judging .container-inner .judging-bonus .bonus-wrapper .bonus-detail:before {
    border-left: 1px solid #AD945C;
    width: 0;
    height: 100%;
    position: absolute;
    left: -20px;
    top: 0;
  }
}

@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .tc .section-2021-rule-judging .container-inner .judging-bonus .bonus-wrapper .bonus-title, .sc .section-2021-rule-judging .container-inner .judging-bonus .bonus-wrapper .bonus-title {
    padding: 10px 0;
  }
}

.section-2021-rule-whos {
  margin-bottom: 60px;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-rule-whos {
    margin-bottom: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-rule-whos {
    margin-bottom: 15px;
  }
}
.section-2021-rule-whos .container-inner {
  padding: 45px 35px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-rule-whos .container-inner {
    padding: 30px 15px;
  }
}
.section-2021-rule-whos .container-inner .inner-bg {
  background: #FB6A29;
  background: linear-gradient(to bottom, #FB6A29, #F02666);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.section-2021-rule-whos .container-inner .inner-main {
  position: relative;
}
.section-2021-rule-whos .container-inner .inner-title {
  color: #0E1B2D;
  text-align: center;
  margin-bottom: 20px;
  text-transform: uppercase;
  line-height: 1.2em;
  font-weight: 700;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-rule-whos .container-inner .inner-title {
    font-size: 50px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-rule-whos .container-inner .inner-title {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-rule-whos .container-inner .inner-title {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-rule-whos .container-inner .inner-title {
    margin-bottom: 15px;
  }
}
.section-2021-rule-whos .container-inner .inner-main {
  margin-bottom: 40px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-rule-whos .container-inner .inner-main {
    margin-bottom: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-rule-whos .container-inner .inner-main {
    margin-bottom: 10px;
  }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-rule-whos .container-inner .inner-main {
    font-size: 30px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-rule-whos .container-inner .inner-main {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-rule-whos .container-inner .inner-main {
    font-size: 20px;
  }
}
.section-2021-rule-whos .container-inner .inner-main .main-title {
  color: #ffffff;
}
.section-2021-rule-whos .container-inner .inner-main .main-detail {
  line-height: 1.2em;
  color: #0E1B2D;
  font-weight: 500;
}
.section-2021-rule-whos .container-inner .inner-main .main-detail ul {
  color: #ffffff;
  font-weight: 400;
}
.section-2021-rule-whos .container-inner .inner-main .main-detail ul li {
  margin-bottom: 0.6em;
}
.section-2021-rule-whos .container-inner .inner-btn {
  text-align: center;
}
.section-2021-rule-whos .container-inner .inner-btn .btn-scroll-top {
  position: relative;
  width: 54px;
  height: 34px;
  border-top: 1px solid #ffffff;
  display: inline-block;
}
.section-2021-rule-whos .container-inner .inner-btn .btn-scroll-top:after {
  content: "";
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 0 27px 30px 27px;
  border-bottom-color: #ffffff;
  border-left-color: fade(#ffffff, 0);
  border-right-color: fade(#ffffff, 0);
  position: absolute;
  left: 0;
  bottom: 0;
}

.section-2021-rule-due {
  margin-bottom: 60px;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-rule-due {
    margin-bottom: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-rule-due {
    margin-bottom: 15px;
  }
}
.section-2021-rule-due .container-inner {
  padding: 45px 35px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-rule-due .container-inner {
    padding: 30px 15px;
  }
}
.section-2021-rule-due .container-inner .inner-bg {
  background: #54AAAD;
  background: linear-gradient(to right, #54AAAD, #869CC6);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.section-2021-rule-due .container-inner .inner-main {
  position: relative;
}
.section-2021-rule-due .container-inner .inner-title {
  color: #0E1B2D;
  text-align: center;
  margin-bottom: 20px;
  text-transform: uppercase;
  line-height: 1.2em;
  font-weight: 700;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-rule-due .container-inner .inner-title {
    font-size: 50px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-rule-due .container-inner .inner-title {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-rule-due .container-inner .inner-title {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-rule-due .container-inner .inner-title {
    margin-bottom: 15px;
  }
}
.section-2021-rule-due .container-inner .inner-main {
  margin-bottom: 40px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-rule-due .container-inner .inner-main {
    margin-bottom: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-rule-due .container-inner .inner-main {
    margin-bottom: 10px;
  }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-rule-due .container-inner .inner-main {
    font-size: 24px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-rule-due .container-inner .inner-main {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-rule-due .container-inner .inner-main {
    font-size: 18px;
  }
}
.section-2021-rule-due .container-inner .inner-main .main-title {
  color: #ffffff;
}
.section-2021-rule-due .container-inner .inner-main .main-detail {
  line-height: 1.2em;
  color: #0E1B2D;
  font-weight: 500;
}
.section-2021-rule-due .container-inner .inner-btn {
  text-align: center;
}
.section-2021-rule-due .container-inner .inner-btn .btn-scroll-top {
  position: relative;
  width: 54px;
  height: 34px;
  border-top: 1px solid #ffffff;
  display: inline-block;
}
.section-2021-rule-due .container-inner .inner-btn .btn-scroll-top:after {
  content: "";
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 0 27px 30px 27px;
  border-bottom-color: #ffffff;
  border-left-color: fade(#ffffff, 0);
  border-right-color: fade(#ffffff, 0);
  position: absolute;
  left: 0;
  bottom: 0;
}

/*
.section-2021-student-apply{
	color: $White;
	@include rfs(27px, 23px, 20px);
	@include font-name("Apercu Pro");
	.section-title{
		font-size: 2em;
		font-weight: 700;
		text-transform: uppercase;
		color: $Pumpkin;
		@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px){
			text-align: right;
		}
	}
	.section-detail{
		font-weight: 500;
		line-height: 1.2em;
	}

	.btn-list{
		margin: 30px 0;
		.list-item{
			display:inline-block;
			width: 100%;
			max-width: 540px;
			padding: .8em 1.5em;
			@include border-radius(8px);
			color: $White;
			line-height: 1.2em;
			text-transform: uppercase;
			position: relative;

			@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px){
				height: 110px;

			}
			@media (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px), (max-width: 575px){
				margin-bottom: 15px;

			}


			.item-img{
				@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px){
					position: absolute;
					left: 1.5em;
					top:0;
					padding: .8em 0;
					height: 100%;
					width: 140px;

				}
				@media (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px), (max-width: 575px){
					width: 100%;
					height: 80px;
				}
				.img-bg{
					@include bg(contain);
				}
			}

			.item-title{
				text-align: center;
				font-weight: 500;
				@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px){
					margin-left: 160px;
					height: 100%;

				}
				@media (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px), (max-width: 575px){
					margin-top: 10px;

				}
			}

			&:hover, &:focus,&:active{
				@include translateY(-5px);
				@include materialDesignBoxShadow(2);
			}

			&.item1{
				@include linear-gradient(to right, $Pumpkin, $Razzmatazz);
			}
			&.item2{
				@include linear-gradient(to right, $Plum, $Shakespeare);
				@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px){
					float: right;
				}
			}
		}
	}
}
*/
.section-2021-student-about {
  margin-bottom: 40px;
  position: relative;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
.section-2021-student-about .container-inner {
  position: relative;
  padding: 45px 35px;
  /*
  .inner-bg{
  	position: absolute;
  	@include square(100%);
  	top:0; left:0;
  	@include linear-gradient(to bottom, $HavelockBlue 8%, $GoldSand 96%);
  	opacity: .95;
  }
  */
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-about .container-inner {
    padding: 30px 15px;
  }
}
.section-2021-student-about .container-inner .inner-main {
  position: relative;
  text-align: center;
}
.section-2021-student-about .container-inner .inner-title {
  line-height: 1.2em;
  margin-bottom: 20px;
  font-weight: 700;
  text-transform: uppercase;
  color: #AD9D6D;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-about .container-inner .inner-title {
    font-size: 34px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-about .container-inner .inner-title {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-about .container-inner .inner-title {
    font-size: 20px;
  }
}
.section-2021-student-about .container-inner .inner-detail {
  color: #ffffff;
  line-height: 1.2em;
  margin-bottom: 20px;
  font-weight: 500;
  margin-bottom: 60px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-about .container-inner .inner-detail {
    font-size: 26px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-about .container-inner .inner-detail {
    font-size: 22px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-about .container-inner .inner-detail {
    font-size: 18px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-about .container-inner .inner-detail {
    margin-bottom: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-about .container-inner .inner-detail {
    margin-bottom: 15px;
  }
}
.section-2021-student-about .container-inner .inner-detail span {
  display: inline-block;
  color: #AD9D6D;
  font-weight: 700;
}
.section-2021-student-about .container-inner .inner-follow {
  text-align: center;
}
.section-2021-student-about .container-inner .inner-follow .follow-item {
  display: inline-block;
  margin: 0 15px 10px;
  width: 230px;
}
.section-2021-student-about .container-inner .inner-follow .follow-item img {
  width: 100%;
}
.section-2021-student-about .container-inner .inner-follow .follow-item:hover, .section-2021-student-about .container-inner .inner-follow .follow-item:focus, .section-2021-student-about .container-inner .inner-follow .follow-item:active {
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -o-transform: translateY(-5px);
}
.section-2021-student-about .container-inner .edu-title {
  color: #ffffff;
  font-weight: 700;
  padding: 0.6em 0;
  border-bottom: 1px solid #ffffff;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 15px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-about .container-inner .edu-title {
    font-size: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-about .container-inner .edu-title {
    font-size: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-about .container-inner .edu-title {
    font-size: 16px;
  }
}
.section-2021-student-about .container-inner .edu-list {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.section-2021-student-about .container-inner .edu-list .list-item {
  display: inline-block;
  text-align: center;
  width: calc(33.3333333333% - 4px);
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-about .container-inner .edu-list .list-item {
    width: calc(50% - 4px);
  }
}
.section-2021-student-about .container-inner .edu-list .list-item .item-img {
  display: inline-block;
  width: 156px;
  height: 156px;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  overflow: hidden;
  background-color: #ffffff;
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-about .container-inner .edu-list .list-item .item-img {
    width: 120px;
    height: 120px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-about .container-inner .edu-list .list-item .item-img {
    width: 100px;
    height: 100px;
  }
}
.section-2021-student-about .container-inner .edu-list .list-item .item-img:hover, .section-2021-student-about .container-inner .edu-list .list-item .item-img:focus, .section-2021-student-about .container-inner .edu-list .list-item .item-img:active {
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.section-2021-student-about .container-inner .edu-list .list-item .item-img .img-bg {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
}

.section-2021-student-benefits {
  margin-bottom: 40px;
  position: relative;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
.section-2021-student-benefits .container-inner {
  position: relative;
  padding: 45px 35px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-benefits .container-inner {
    padding: 30px 15px;
  }
}
.section-2021-student-benefits .container-inner .inner-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #0B1939;
  background: linear-gradient(to bottom, #0B1939, #06193B);
  opacity: 0.95;
}
.section-2021-student-benefits .container-inner .inner-float-text {
  position: absolute;
  left: 0;
  top: 50px;
  pointer-events: none;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-benefits .container-inner .inner-float-text {
    top: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-benefits .container-inner .inner-float-text {
    top: 10px;
  }
}
.section-2021-student-benefits .container-inner .inner-float-text img {
  margin-left: -50px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-benefits .container-inner .inner-float-text img {
    width: 60px;
    margin-left: -30px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-benefits .container-inner .inner-float-text img {
    width: 40px;
    margin-left: -20px;
  }
}
.section-2021-student-benefits .container-inner .inner-main {
  position: relative;
}
.section-2021-student-benefits .container-inner .inner-title {
  color: #ffffff;
  text-align: center;
  line-height: 1.2em;
  margin-bottom: 20px;
  font-weight: 700;
  text-transform: uppercase;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-benefits .container-inner .inner-title {
    font-size: 50px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-benefits .container-inner .inner-title {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-benefits .container-inner .inner-title {
    font-size: 24px;
  }
}
.section-2021-student-benefits .container-inner .benefits-list .list-item {
  width: 100%;
  max-width: 300px;
  margin: 0 auto 80px;
  color: #ffffff;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-benefits .container-inner .benefits-list .list-item {
    margin-bottom: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-benefits .container-inner .benefits-list .list-item {
    margin-bottom: 20px;
  }
}
.section-2021-student-benefits .container-inner .benefits-list .list-item .item-img {
  margin: 0 auto 20px;
  padding-left: 30px;
  text-align: center;
}
.section-2021-student-benefits .container-inner .benefits-list .list-item .item-img .img-bg {
  display: inline-block;
  width: 160px;
  height: 160px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.section-2021-student-benefits .container-inner .benefits-list .list-item .item-title {
  text-align: center;
  font-weight: 700;
  line-height: 1.2em;
  padding-left: 30px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-benefits .container-inner .benefits-list .list-item .item-title {
    font-size: 26px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-benefits .container-inner .benefits-list .list-item .item-title {
    font-size: 22px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-benefits .container-inner .benefits-list .list-item .item-title {
    font-size: 18px;
  }
}
.section-2021-student-benefits .container-inner .benefits-list .list-item .item-wrapper {
  overflow: hidden;
}
.section-2021-student-benefits .container-inner .benefits-list .list-item .item-num {
  width: 30px;
  font-weight: 700;
  position: relative;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-benefits .container-inner .benefits-list .list-item .item-num {
    font-size: 18px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-benefits .container-inner .benefits-list .list-item .item-num {
    font-size: 16px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-benefits .container-inner .benefits-list .list-item .item-num {
    font-size: 14px;
  }
}
.section-2021-student-benefits .container-inner .benefits-list .list-item .item-num:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  border-top: 1px solid #ffffff;
  width: 300px;
}
.section-2021-student-benefits .container-inner .benefits-list .list-item .item-detail {
  text-align: center;
  padding-left: 30px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-benefits .container-inner .benefits-list .list-item .item-detail {
    font-size: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-benefits .container-inner .benefits-list .list-item .item-detail {
    font-size: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-benefits .container-inner .benefits-list .list-item .item-detail {
    font-size: 16px;
  }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-benefits .container-inner .benefits-list .list-item .item-detail {
    min-height: 100px;
  }
}

.section-2021-student-involved {
  margin-bottom: 40px;
  position: relative;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
.section-2021-student-involved .involved-list:after {
  content: "";
  clear: both;
  display: block;
}
.section-2021-student-involved .involved-list .list-item {
  color: #ffffff;
  text-transform: uppercase;
  position: relative;
  padding: 45px 35px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-involved .involved-list .list-item {
    padding: 30px 15px;
  }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-involved .involved-list .list-item {
    width: 50%;
    float: left;
  }
}
.section-2021-student-involved .involved-list .list-item.item1 {
  background: #FF6914;
  background: linear-gradient(to right, #FF6914, #F51A64);
}
.section-2021-student-involved .involved-list .list-item.item2 {
  background: #82287F;
  background: linear-gradient(to right, #82287F, #5DAFDC);
}
.section-2021-student-involved .involved-list .list-item .item-wrapper .item-title-sub {
  width: 225px;
  padding: 0.2em 0.5em;
  border: 1px solid #ffffff;
  position: relative;
  text-align: center;
  font-weight: 500;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-involved .involved-list .list-item .item-wrapper .item-title-sub {
    font-size: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-involved .involved-list .list-item .item-wrapper .item-title-sub {
    font-size: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-involved .involved-list .list-item .item-wrapper .item-title-sub {
    font-size: 16px;
  }
}
.section-2021-student-involved .involved-list .list-item .item-wrapper .item-title-sub:before {
  content: "";
  position: absolute;
  left: 100%;
  top: 50%;
  width: 287px;
  height: 100px;
  border-top: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-2021-student-involved .involved-list .list-item .item-wrapper .item-title-sub:before {
    width: 190px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-involved .involved-list .list-item .item-wrapper .item-title-sub:before {
    width: 80px;
    height: 40px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-involved .involved-list .list-item .item-wrapper .item-title-sub:before {
    display: none;
  }
}
.section-2021-student-involved .involved-list .list-item .item-wrapper .item-title {
  font-weight: 700;
  margin: 0.6em 0 0.8em;
  line-height: 1.2em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-involved .involved-list .list-item .item-wrapper .item-title {
    font-size: 50px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-involved .involved-list .list-item .item-wrapper .item-title {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-involved .involved-list .list-item .item-wrapper .item-title {
    font-size: 24px;
  }
}
.section-2021-student-involved .involved-list .list-item .item-wrapper .item-btn .btn-apply {
  border-width: 2px;
  border-style: solid;
  width: 265px;
  text-align: center;
  font-weight: 500;
  display: inline-block;
  border-color: #ffffff;
  background-color: transparent;
  color: #ffffff;
  padding: 0.4em 0.6em;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-involved .involved-list .list-item .item-wrapper .item-btn .btn-apply {
    width: 160px;
  }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-involved .involved-list .list-item .item-wrapper .item-btn .btn-apply {
    font-size: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-involved .involved-list .list-item .item-wrapper .item-btn .btn-apply {
    font-size: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-involved .involved-list .list-item .item-wrapper .item-btn .btn-apply {
    font-size: 16px;
  }
}
.section-2021-student-involved .involved-list .list-item .item-wrapper .item-btn .btn-apply:hover, .section-2021-student-involved .involved-list .list-item .item-wrapper .item-btn .btn-apply:focus, .section-2021-student-involved .involved-list .list-item .item-wrapper .item-btn .btn-apply:active {
  border-color: #ffffff;
  background-color: transparent;
  color: #ffffff;
}
.section-2021-student-involved .involved-list .list-item .item-wrapper .item-btn .btn-apply:hover, .section-2021-student-involved .involved-list .list-item .item-wrapper .item-btn .btn-apply:focus, .section-2021-student-involved .involved-list .list-item .item-wrapper .item-btn .btn-apply:active {
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

/*
.section-2021-student-deadline{
	margin-bottom:40px;
	position: relative;

	@include font-name("Apercu Pro");

	.deadline-wrapper{
		width: 100%;
		max-width: 900px;
		margin:0 auto;

		.deadline-title{
			color: $White;
			font-weight: 700;
			text-align: center;
			text-transform: uppercase;
			@include rfs(48px, 32px, 24px);
			line-height: 1.2em;
			display: none;

			&:last-child{
				margin-bottom: 10px;
			}
		}
		.deadline-list{
			.list-item{
				display:inline-block;
				margin-right: 30px;
				margin-bottom: 10px;
				width: 230px;
				@media (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px), (max-width: 575px){
					width: 200px;

				}
				@media (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px){
					margin-right: 10px;
				}
				@media (max-width: 575px){
					margin-right: 0px;
				}
				img{
					width: 100%;
				}
				&:last-child{
					margin-right:0;
				}
				&:hover, &:focus,&:active{
					@include translateY(-5px);
				}

			}
		}

		.deadline-apply{
			text-transform: uppercase;
			@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px){
				text-align: right;
			}
			.btn-apply{
				color: $White;
				@include rfs(22px, 20px, 18px);
				@include border-radius(9px);
				padding: .6em .5em;
				width: 195px;
				display: inline-block;
				text-align: center;

				&:hover, &:focus,&:active{
					@include translateY(-5px);
				}
			}
		}


		&.style1{
			.deadline-title{
				span{
					color: $BurningOrange;
				}
			}
			.deadline-apply{
				.btn-apply{
					@include linear-gradient(to right, $BurningOrange, $Amaranth);
				}
			}
		}
		&.style2{
			.deadline-title{
				span{
					color: $Viking;
				}
			}
			.deadline-apply{
				.btn-apply{
					@include linear-gradient(to right, $Plum, $Viking);
				}
			}
		}

	}
}
*/
.section-2021-student-about-us {
  position: relative;
  padding: 30px 0;
  margin-bottom: 100px;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-about-us {
    min-height: 420px;
  }
}
.section-2021-student-about-us .section-bg-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.section-2021-student-about-us .section-bg-wrapper .bg {
  position: absolute;
}
.section-2021-student-about-us .section-bg-wrapper .bg1 {
  right: 0;
  top: 0;
  width: calc(50% + 600px);
  height: 100%;
  background: #FF7328;
  background: linear-gradient(to bottom, #FF7328, #F02666);
}
.section-2021-student-about-us .section-bg-wrapper .bg2 {
  left: 0;
  top: 54px;
  width: calc(50% - 67px);
  height: calc(100% + 60px);
  background: #153871;
  background: linear-gradient(to right, #153871 19%, #06193B 98%);
  opacity: 0.95;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-about-us .section-bg-wrapper .bg2 {
    width: 30px;
    height: 100%;
  }
}
.section-2021-student-about-us .img-wrapper {
  position: relative;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-about-us .img-wrapper img {
    position: absolute;
    right: 30px;
    top: 0;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-about-us .img-wrapper img {
    max-width: 100%;
    margin-bottom: 15px;
  }
}
.section-2021-student-about-us .content-wrapper {
  color: #ffffff;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-about-us .content-wrapper {
    margin-left: 30px;
  }
}
.section-2021-student-about-us .content-wrapper .content-title {
  font-weight: 700;
  margin-bottom: 15px;
  text-transform: uppercase;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-about-us .content-wrapper .content-title {
    font-size: 50px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-about-us .content-wrapper .content-title {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-about-us .content-wrapper .content-title {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-about-us .content-wrapper .content-title {
    margin-bottom: 10px;
  }
}
.section-2021-student-about-us .content-wrapper .content-detail {
  line-height: 1.2em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-about-us .content-wrapper .content-detail {
    font-size: 27px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-about-us .content-wrapper .content-detail {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-about-us .content-wrapper .content-detail {
    font-size: 20px;
  }
}

.section-2021-student-secondary-program {
  margin-bottom: 40px;
  position: relative;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
.section-2021-student-secondary-program .container-inner {
  position: relative;
  padding: 45px 35px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-secondary-program .container-inner {
    padding: 30px 15px;
  }
}
.section-2021-student-secondary-program .container-inner .inner-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #153871;
  background: linear-gradient(to bottom, #153871, #06193B);
  opacity: 0.95;
}
.section-2021-student-secondary-program .container-inner .inner-float-text {
  position: absolute;
  right: 0;
  top: 110px;
  pointer-events: none;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-secondary-program .container-inner .inner-float-text {
    top: 50px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-secondary-program .container-inner .inner-float-text {
    top: 20px;
  }
}
.section-2021-student-secondary-program .container-inner .inner-float-text img {
  margin-right: -60px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-secondary-program .container-inner .inner-float-text img {
    width: 60px;
    margin-right: -40px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-secondary-program .container-inner .inner-float-text img {
    width: 40px;
    margin-right: -40px;
  }
}
.section-2021-student-secondary-program .container-inner .inner-main {
  position: relative;
}
.section-2021-student-secondary-program .container-inner .inner-title {
  color: #ffffff;
  text-align: center;
  line-height: 1.2em;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 20px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-secondary-program .container-inner .inner-title {
    font-size: 50px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-secondary-program .container-inner .inner-title {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-secondary-program .container-inner .inner-title {
    font-size: 24px;
  }
}
.section-2021-student-secondary-program .container-inner .inner-title-sub {
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
  line-height: 1em;
  margin-bottom: 20px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-secondary-program .container-inner .inner-title-sub {
    font-size: 40px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-secondary-program .container-inner .inner-title-sub {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-secondary-program .container-inner .inner-title-sub {
    font-size: 24px;
  }
}
.section-2021-student-secondary-program .container-inner .benefits-list .list-item {
  max-width: 311px;
  width: 100%;
  margin: 0 auto 30px;
  color: #ffffff;
  text-align: center;
}
.section-2021-student-secondary-program .container-inner .benefits-list .list-item .item-img {
  margin: 0 auto 15px;
  width: 130px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-secondary-program .container-inner .benefits-list .list-item .item-img {
    width: 80px;
  }
}
.section-2021-student-secondary-program .container-inner .benefits-list .list-item .item-img img {
  width: 100%;
}
.section-2021-student-secondary-program .container-inner .benefits-list .list-item .item-title {
  line-height: 1.2em;
  font-weight: 500;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-secondary-program .container-inner .benefits-list .list-item .item-title {
    font-size: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-secondary-program .container-inner .benefits-list .list-item .item-title {
    font-size: 22px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-secondary-program .container-inner .benefits-list .list-item .item-title {
    font-size: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-secondary-program .container-inner .benefits-list .list-item .item-title br {
    display: none;
  }
}
.section-2021-student-secondary-program .container-inner .benefits-list .list-item .item-hr {
  width: 100%;
  height: 3px;
  background: #FF7328;
  background: linear-gradient(to right, #FF7328, #F02666);
  margin: 15px 0 30px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-secondary-program .container-inner .benefits-list .list-item .item-hr {
    margin: 10px 0 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-secondary-program .container-inner .benefits-list .list-item .item-hr {
    margin: 5px 0 10px;
  }
}
.section-2021-student-secondary-program .container-inner .benefits-list .list-item .item-detail {
  text-align: center;
  line-height: 1.2em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-secondary-program .container-inner .benefits-list .list-item .item-detail {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-secondary-program .container-inner .benefits-list .list-item .item-detail {
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-secondary-program .container-inner .benefits-list .list-item .item-detail {
    font-size: 12px;
  }
}
.section-2021-student-secondary-program .container-inner .prize-title {
  text-align: center;
}
.section-2021-student-secondary-program .container-inner .prize-title .title-wrapper {
  position: relative;
  display: inline-block;
}
.section-2021-student-secondary-program .container-inner .prize-title .title-wrapper .title-bg {
  background-image: url("../../uploads/images/2021/common/student/secondary/prize_title_bg.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.section-2021-student-secondary-program .container-inner .prize-title .title-wrapper .title-main {
  color: #ffffff;
  text-align: center;
  line-height: 1em;
  font-weight: 700;
  text-transform: uppercase;
  padding: 1.6em 2.4em 0;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-secondary-program .container-inner .prize-title .title-wrapper .title-main {
    font-size: 50px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-secondary-program .container-inner .prize-title .title-wrapper .title-main {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-secondary-program .container-inner .prize-title .title-wrapper .title-main {
    font-size: 24px;
  }
}
.section-2021-student-secondary-program .container-inner .prize-title .title-wrapper .title-main span {
  color: #AD945C;
}
.section-2021-student-secondary-program .container-inner .prize-title-sub {
  color: #ffffff;
  text-align: center;
  line-height: 1em;
  font-weight: 700;
  text-transform: uppercase;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-secondary-program .container-inner .prize-title-sub {
    font-size: 40px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-secondary-program .container-inner .prize-title-sub {
    font-size: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-secondary-program .container-inner .prize-title-sub {
    font-size: 20px;
  }
}
.section-2021-student-secondary-program .container-inner .prize-title-sub span {
  color: #FF7328;
}
.section-2021-student-secondary-program .container-inner .prize-list {
  margin-top: 30px;
  color: #ffffff;
}
.section-2021-student-secondary-program .container-inner .prize-list .list-item {
  text-align: center;
}
.section-2021-student-secondary-program .container-inner .prize-list .list-item .item-title,
.section-2021-student-secondary-program .container-inner .prize-list .list-item .item-detail {
  line-height: 1.2em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-secondary-program .container-inner .prize-list .list-item .item-title,
.section-2021-student-secondary-program .container-inner .prize-list .list-item .item-detail {
    font-size: 22px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-secondary-program .container-inner .prize-list .list-item .item-title,
.section-2021-student-secondary-program .container-inner .prize-list .list-item .item-detail {
    font-size: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-secondary-program .container-inner .prize-list .list-item .item-title,
.section-2021-student-secondary-program .container-inner .prize-list .list-item .item-detail {
    font-size: 16px;
  }
}
.section-2021-student-secondary-program .container-inner .prize-list .list-item .item-title {
  font-weight: 700;
  color: #FF7328;
}
.section-2021-student-secondary-program .container-inner .prize-list .list-item .item-hr {
  width: 100%;
  max-width: 311px;
  height: 3px;
  margin: 15px auto;
  background: #FF7328;
  background: linear-gradient(to bottom, #FF7328, #F02666);
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-secondary-program .container-inner .prize-list .list-item .item-hr {
    margin: 15px auto;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-secondary-program .container-inner .prize-list .list-item .item-hr {
    margin: 10px auto;
  }
}

.section-2021-student-secondary-journey {
  margin-bottom: 40px;
  position: relative;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
.section-2021-student-secondary-journey .container-inner {
  position: relative;
  padding: 45px 35px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-secondary-journey .container-inner {
    padding: 30px 15px;
  }
}
.section-2021-student-secondary-journey .container-inner .inner-main {
  position: relative;
}
.section-2021-student-secondary-journey .container-inner .inner-title {
  color: #ffffff;
  text-align: center;
  line-height: 1.2em;
  font-weight: 700;
  text-transform: uppercase;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-secondary-journey .container-inner .inner-title {
    font-size: 50px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-secondary-journey .container-inner .inner-title {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-secondary-journey .container-inner .inner-title {
    font-size: 24px;
  }
}
.section-2021-student-secondary-journey .container-inner .inner-title span {
  text-transform: initial;
}
.section-2021-student-secondary-journey .container-inner .inner-img {
  width: 100%;
  max-width: 976px;
  margin: 0 auto 15px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-secondary-journey .container-inner .inner-img {
    margin-bottom: 50px;
  }
}
.section-2021-student-secondary-journey .container-inner .inner-img img {
  width: 100%;
}
.section-2021-student-secondary-journey .container-inner .journey-timeline {
  margin: 20px 0;
}
.section-2021-student-secondary-journey .container-inner .journey-timeline img {
  max-width: 100%;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-secondary-journey .container-inner .journey-timeline {
    overflow: auto;
  }
  .section-2021-student-secondary-journey .container-inner .journey-timeline img {
    max-width: 978px;
  }
}
.section-2021-student-secondary-journey .container-inner .journey-title {
  color: #FF7328;
  text-align: center;
  line-height: 1.2em;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 15px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-secondary-journey .container-inner .journey-title {
    font-size: 48px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-secondary-journey .container-inner .journey-title {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-secondary-journey .container-inner .journey-title {
    font-size: 24px;
  }
}
.section-2021-student-secondary-journey .container-inner .journey-title img {
  width: 130px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-secondary-journey .container-inner .journey-title img {
    width: 100px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-secondary-journey .container-inner .journey-title img {
    width: 80px;
  }
}
.section-2021-student-secondary-journey .container-inner .journey-list {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  color: #ffffff;
}
.section-2021-student-secondary-journey .container-inner .journey-list li {
  line-height: 1.2em;
  margin-bottom: 1em;
  position: relative;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-secondary-journey .container-inner .journey-list li {
    font-size: 22px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-secondary-journey .container-inner .journey-list li {
    font-size: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-secondary-journey .container-inner .journey-list li {
    font-size: 16px;
  }
}
.section-2021-student-secondary-journey .container-inner .journey-list li span {
  color: #AD945C;
  font-weight: 700;
  text-transform: uppercase;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-secondary-journey .container-inner .journey-list li.last-child {
    padding-right: 210px;
  }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-secondary-journey .container-inner .journey-list li .journey-btn {
    position: absolute;
    top: 0;
    right: 0;
  }
}
.section-2021-student-secondary-journey .container-inner .journey-list li .journey-btn .btn-apply {
  color: #ffffff;
  border-radius: 9px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 0.6em 0.5em;
  width: 195px;
  display: inline-block;
  text-align: center;
  text-transform: uppercase;
  background: #FF7328;
  background: linear-gradient(to right, #FF7328, #F02666);
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-secondary-journey .container-inner .journey-list li .journey-btn .btn-apply {
    font-size: 22px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-secondary-journey .container-inner .journey-list li .journey-btn .btn-apply {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-secondary-journey .container-inner .journey-list li .journey-btn .btn-apply {
    font-size: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-secondary-journey .container-inner .journey-list li .journey-btn .btn-apply {
    margin-top: 10px;
  }
}
.section-2021-student-secondary-journey .container-inner .journey-list li .journey-btn .btn-apply:hover, .section-2021-student-secondary-journey .container-inner .journey-list li .journey-btn .btn-apply:focus, .section-2021-student-secondary-journey .container-inner .journey-list li .journey-btn .btn-apply:active {
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.section-2021-student-secondary-apply {
  margin-bottom: 40px;
  position: relative;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
.section-2021-student-secondary-apply .container-inner {
  position: relative;
  padding: 45px 35px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-secondary-apply .container-inner {
    padding: 30px 15px;
  }
}
.section-2021-student-secondary-apply .container-inner .inner-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #0E1934;
  background: linear-gradient(to bottom, #0E1934 0%, #1D356F 42%, #895379 100%);
  opacity: 0.9;
}
.section-2021-student-secondary-apply .container-inner .inner-main {
  position: relative;
}
.section-2021-student-secondary-apply .container-inner .inner-title {
  color: #ffffff;
  text-align: center;
  line-height: 1.2em;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 40px;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-secondary-apply .container-inner .inner-title {
    font-size: 50px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-secondary-apply .container-inner .inner-title {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-secondary-apply .container-inner .inner-title {
    font-size: 24px;
  }
}
.section-2021-student-secondary-apply .container-inner .inner-list {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  color: #ffffff;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-secondary-apply .container-inner .inner-list .list-item {
    margin-bottom: 30px;
  }
}
.section-2021-student-secondary-apply .container-inner .inner-list .list-item .item-img {
  text-align: center;
}
.section-2021-student-secondary-apply .container-inner .inner-list .list-item .item-img img {
  width: 130px;
}
.section-2021-student-secondary-apply .container-inner .inner-list .list-item .item-img-title {
  text-align: center;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-secondary-apply .container-inner .inner-list .list-item .item-img-title {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-secondary-apply .container-inner .inner-list .list-item .item-img-title {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-secondary-apply .container-inner .inner-list .list-item .item-img-title {
    font-size: 14px;
  }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-secondary-apply .container-inner .inner-list .list-item .item-detail {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-secondary-apply .container-inner .inner-list .list-item .item-detail {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-secondary-apply .container-inner .inner-list .list-item .item-detail {
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-secondary-apply .container-inner .inner-list .list-item .item-detail {
    margin-top: 20px;
  }
}
.section-2021-student-secondary-apply .container-inner .inner-list .list-item .item-detail span {
  color: #5FB0DB;
}
.section-2021-student-secondary-apply .container-inner .inner-list .list-item .item-detail ul {
  padding-left: 20px;
}
.section-2021-student-secondary-apply .container-inner .inner-list .list-item .item-detail ul li {
  margin-bottom: 0.2em;
}
.section-2021-student-secondary-apply .container-inner .apply-wrapper {
  padding: 20px;
  position: relative;
  border-left: 2px solid #FF7328;
  border-right: 2px solid #F02666;
  width: 100%;
  max-width: 600px;
  margin: 20px auto;
  color: #ffffff;
}
.section-2021-student-secondary-apply .container-inner .apply-wrapper:before, .section-2021-student-secondary-apply .container-inner .apply-wrapper:after {
  content: "";
  width: 100%;
  height: 2px;
  background: #FF7328;
  background: linear-gradient(to right, #FF7328, #F02666);
  position: absolute;
  left: 0;
}
.section-2021-student-secondary-apply .container-inner .apply-wrapper:before {
  top: 0;
}
.section-2021-student-secondary-apply .container-inner .apply-wrapper:after {
  bottom: 0;
}
.section-2021-student-secondary-apply .container-inner .apply-wrapper .wrapper-item {
  position: relative;
}
.section-2021-student-secondary-apply .container-inner .apply-wrapper .wrapper-item .item-img {
  text-align: center;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-secondary-apply .container-inner .apply-wrapper .wrapper-item .item-img {
    width: 160px;
    position: absolute;
    left: 0;
    top: 0;
  }
}
.section-2021-student-secondary-apply .container-inner .apply-wrapper .wrapper-item .item-img .img-bg img {
  width: 130px;
}
.section-2021-student-secondary-apply .container-inner .apply-wrapper .wrapper-item .item-img .item-title {
  font-weight: 500;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-secondary-apply .container-inner .apply-wrapper .wrapper-item .item-img .item-title {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-secondary-apply .container-inner .apply-wrapper .wrapper-item .item-img .item-title {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-secondary-apply .container-inner .apply-wrapper .wrapper-item .item-img .item-title {
    font-size: 14px;
  }
}
.section-2021-student-secondary-apply .container-inner .apply-wrapper .wrapper-item .item-detail {
  position: relative;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-secondary-apply .container-inner .apply-wrapper .wrapper-item .item-detail {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-secondary-apply .container-inner .apply-wrapper .wrapper-item .item-detail {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-secondary-apply .container-inner .apply-wrapper .wrapper-item .item-detail {
    font-size: 14px;
  }
}
.section-2021-student-secondary-apply .container-inner .apply-wrapper .wrapper-item .item-detail:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: #FF7328;
  background: linear-gradient(to right, #FF7328, #F02666);
}
.section-2021-student-secondary-apply .container-inner .apply-wrapper .wrapper-item .item-detail span {
  display: inline-block;
  color: #FF7328;
}
.section-2021-student-secondary-apply .container-inner .apply-wrapper .wrapper-item .item-detail ul {
  padding-left: 20px;
}
.section-2021-student-secondary-apply .container-inner .apply-wrapper .wrapper-item .item-detail ul li {
  margin-bottom: 0.1em;
  line-height: 1.2em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-secondary-apply .container-inner .apply-wrapper .wrapper-item .item-detail {
    margin-left: 180px;
    padding-left: 25px;
    height: 168px;
  }
  .section-2021-student-secondary-apply .container-inner .apply-wrapper .wrapper-item .item-detail:before {
    width: 2px;
    height: 100%;
    margin-left: -1px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-secondary-apply .container-inner .apply-wrapper .wrapper-item .item-detail {
    margin-top: 15px;
    padding-top: 15px;
    height: auto;
  }
  .section-2021-student-secondary-apply .container-inner .apply-wrapper .wrapper-item .item-detail:before {
    width: 100%;
    height: 2px;
    margin-top: -1px;
  }
}
.section-2021-student-secondary-apply .container-inner .apply-wrapper-style2 {
  padding: 20px;
  position: relative;
  border-left: 2px solid #FF7328;
  border-right: 2px solid #F02666;
  width: 100%;
  max-width: 600px;
  margin: 20px auto;
  color: #ffffff;
  background: #FF7328;
  background: linear-gradient(to right, #FF7328, #F02666);
}
.section-2021-student-secondary-apply .container-inner .apply-wrapper-style2 .wrapper-item {
  position: relative;
}
.section-2021-student-secondary-apply .container-inner .apply-wrapper-style2 .wrapper-item .item-img {
  text-align: center;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-secondary-apply .container-inner .apply-wrapper-style2 .wrapper-item .item-img {
    width: 160px;
    position: absolute;
    left: 0;
    top: 0;
  }
}
.section-2021-student-secondary-apply .container-inner .apply-wrapper-style2 .wrapper-item .item-img .img-bg img {
  width: 130px;
}
.section-2021-student-secondary-apply .container-inner .apply-wrapper-style2 .wrapper-item .item-img .item-title {
  font-weight: 500;
  text-transform: uppercase;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-secondary-apply .container-inner .apply-wrapper-style2 .wrapper-item .item-img .item-title {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-secondary-apply .container-inner .apply-wrapper-style2 .wrapper-item .item-img .item-title {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-secondary-apply .container-inner .apply-wrapper-style2 .wrapper-item .item-img .item-title {
    font-size: 14px;
  }
}
.section-2021-student-secondary-apply .container-inner .apply-wrapper-style2 .wrapper-item .item-detail {
  position: relative;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-secondary-apply .container-inner .apply-wrapper-style2 .wrapper-item .item-detail {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-secondary-apply .container-inner .apply-wrapper-style2 .wrapper-item .item-detail {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-secondary-apply .container-inner .apply-wrapper-style2 .wrapper-item .item-detail {
    font-size: 14px;
  }
}
.section-2021-student-secondary-apply .container-inner .apply-wrapper-style2 .wrapper-item .item-detail:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-color: #ffffff;
}
.section-2021-student-secondary-apply .container-inner .apply-wrapper-style2 .wrapper-item .item-detail span {
  display: inline-block;
  color: #FF7328;
  padding: 0 0.2em;
  background-color: #ffffff;
}
.section-2021-student-secondary-apply .container-inner .apply-wrapper-style2 .wrapper-item .item-detail ul {
  padding-left: 20px;
}
.section-2021-student-secondary-apply .container-inner .apply-wrapper-style2 .wrapper-item .item-detail ul li {
  margin-bottom: 0.1em;
  line-height: 1.2em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-secondary-apply .container-inner .apply-wrapper-style2 .wrapper-item .item-detail {
    margin-left: 180px;
    padding-left: 25px;
    height: 168px;
  }
  .section-2021-student-secondary-apply .container-inner .apply-wrapper-style2 .wrapper-item .item-detail:before {
    width: 2px;
    height: 100%;
    margin-left: -1px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-secondary-apply .container-inner .apply-wrapper-style2 .wrapper-item .item-detail {
    margin-top: 15px;
    padding-top: 15px;
    height: auto;
  }
  .section-2021-student-secondary-apply .container-inner .apply-wrapper-style2 .wrapper-item .item-detail:before {
    width: 100%;
    height: 2px;
    margin-top: -1px;
  }
}
.section-2021-student-secondary-apply .container-inner .point-list {
  margin: 30px 0;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  text-align: center;
}
.section-2021-student-secondary-apply .container-inner .point-list .list-item {
  color: #ffffff;
  display: inline-block;
  vertical-align: top;
}
.section-2021-student-secondary-apply .container-inner .point-list .list-item .item-title {
  font-weight: 500;
  text-transform: uppercase;
  color: #FF7328;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-secondary-apply .container-inner .point-list .list-item .item-title {
    font-size: 22px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-secondary-apply .container-inner .point-list .list-item .item-title {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-secondary-apply .container-inner .point-list .list-item .item-title {
    font-size: 18px;
  }
}
.section-2021-student-secondary-apply .container-inner .point-list .list-item .item-title .title-num {
  display: inline-block;
  color: #ffffff;
  margin-right: 0.8em;
}
.section-2021-student-secondary-apply .container-inner .point-list .list-item .item-hr {
  background: #FF7328;
  background: linear-gradient(to right, #FF7328, #F02666);
  width: 100%;
  height: 2px;
  margin: 10px 0;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-secondary-apply .container-inner .point-list .list-item .item-hr {
    margin: 5px 0;
  }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-secondary-apply .container-inner .point-list .list-item .item-detail {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-secondary-apply .container-inner .point-list .list-item .item-detail {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-secondary-apply .container-inner .point-list .list-item .item-detail {
    font-size: 14px;
  }
}
.section-2021-student-secondary-apply .container-inner .point-list.style1 .list-item {
  width: 100%;
  max-width: 600px;
}
.section-2021-student-secondary-apply .container-inner .point-list.style1 .list-item .item-detail {
  padding: 0 12.5%;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-secondary-apply .container-inner .point-list.style1 .list-item .item-detail {
    padding: 0 15px;
  }
}
.section-2021-student-secondary-apply .container-inner .point-list.style2 .list-item {
  width: 29%;
  margin: 0 20px 25px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-secondary-apply .container-inner .point-list.style2 .list-item {
    width: 42%;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-secondary-apply .container-inner .point-list.style2 .list-item {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
.section-2021-student-secondary-apply .container-inner .point-list.style2 .list-item .item-detail {
  padding: 0 25px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-secondary-apply .container-inner .point-list.style2 .list-item .item-detail {
    padding: 0 15px;
  }
}
.section-2021-student-secondary-apply .container-inner .focus-title,
.section-2021-student-secondary-apply .container-inner .focus-title-sub {
  text-align: center;
  color: #ffffff;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-secondary-apply .container-inner .focus-title,
.section-2021-student-secondary-apply .container-inner .focus-title-sub {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-secondary-apply .container-inner .focus-title,
.section-2021-student-secondary-apply .container-inner .focus-title-sub {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-secondary-apply .container-inner .focus-title,
.section-2021-student-secondary-apply .container-inner .focus-title-sub {
    font-size: 14px;
  }
}
.section-2021-student-secondary-apply .container-inner .focus-title {
  font-weight: 500;
  text-transform: uppercase;
}
.section-2021-student-secondary-apply .container-inner .focus-title-sub {
  font-weight: 100;
}
.section-2021-student-secondary-apply .container-inner .focus-list {
  width: 100%;
  margin: 20px auto 40px;
}
.section-2021-student-secondary-apply .container-inner .focus-list.style1 {
  max-width: 820px;
}
.section-2021-student-secondary-apply .container-inner .focus-list .list-item {
  text-align: center;
  color: #ffffff;
  margin-bottom: 15px;
}
.section-2021-student-secondary-apply .container-inner .focus-list .list-item .item-icon img {
  width: 110px;
}
.section-2021-student-secondary-apply .container-inner .focus-list .list-item .item-title {
  margin-top: 15px;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  font-weight: 500;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-secondary-apply .container-inner .focus-list .list-item .item-title {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-secondary-apply .container-inner .focus-list .list-item .item-title {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-secondary-apply .container-inner .focus-list .list-item .item-title {
    font-size: 14px;
  }
}
.section-2021-student-secondary-apply .container-inner .more-title {
  text-align: center;
  color: #ffffff;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  font-weight: 500;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-secondary-apply .container-inner .more-title {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-secondary-apply .container-inner .more-title {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-secondary-apply .container-inner .more-title {
    font-size: 14px;
  }
}
.section-2021-student-secondary-apply .container-inner .more-title img {
  width: 15px;
}
.section-2021-student-secondary-apply .container-inner .more-wrapper {
  width: 100%;
  max-width: 800px;
  margin: 20px auto 0;
  background-color: rgba(0, 0, 0, 0.3);
  padding: 15px 50px;
  color: #ffffff;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-secondary-apply .container-inner .more-wrapper {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-secondary-apply .container-inner .more-wrapper {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-secondary-apply .container-inner .more-wrapper {
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-secondary-apply .container-inner .more-wrapper {
    padding: 10px 15px;
  }
}
.section-2021-student-secondary-apply .container-inner .more-wrapper .wrapper-title {
  font-weight: 600;
  margin-bottom: 0.3em;
}
.section-2021-student-secondary-apply .container-inner .more-wrapper .wrapper-detail {
  font-weight: 500;
  margin-bottom: 0.8em;
}
.section-2021-student-secondary-apply .container-inner .more-wrapper .wrapper-detail ul, .section-2021-student-secondary-apply .container-inner .more-wrapper .wrapper-detail ol {
  padding-left: 20px;
}
.section-2021-student-secondary-apply .container-inner .more-wrapper .wrapper-detail li {
  margin-bottom: 0.2em;
}

.section-2021-student-secondary-stage {
  margin-bottom: 40px;
  position: relative;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
.section-2021-student-secondary-stage .container-inner {
  position: relative;
  padding: 45px 35px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-secondary-stage .container-inner {
    padding: 30px 15px;
  }
}
.section-2021-student-secondary-stage .container-inner .inner-main {
  position: relative;
}
.section-2021-student-secondary-stage .container-inner .inner-title {
  color: #ffffff;
  text-align: center;
  line-height: 1.2em;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 40px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-secondary-stage .container-inner .inner-title {
    font-size: 50px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-secondary-stage .container-inner .inner-title {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-secondary-stage .container-inner .inner-title {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-secondary-stage .container-inner .inner-title {
    margin-bottom: 20px;
  }
}
.section-2021-student-secondary-stage .container-inner .stage-wrapper {
  width: 100%;
  max-width: 800px;
  padding: 20px 30px;
  color: #ffffff;
  margin: 0 auto 60px;
  position: relative;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-secondary-stage .container-inner .stage-wrapper {
    margin-bottom: 30px;
    padding: 10px 15px;
  }
}
.section-2021-student-secondary-stage .container-inner .stage-wrapper:last-child {
  margin-bottom: 0;
}
.section-2021-student-secondary-stage .container-inner .stage-wrapper .wrapper-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.9;
}
.section-2021-student-secondary-stage .container-inner .stage-wrapper .wrapper-bg.bg1 {
  background: #0E1934;
  background: linear-gradient(to bottom, #0E1934, #1D356F);
}
.section-2021-student-secondary-stage .container-inner .stage-wrapper .wrapper-bg.bg2 {
  background: #1D356F;
  background: linear-gradient(to bottom, #1D356F, #895379);
}
.section-2021-student-secondary-stage .container-inner .stage-wrapper .wrapper-container {
  position: relative;
}
.section-2021-student-secondary-stage .container-inner .stage-wrapper .wrapper-container .wrapper-title {
  color: #FF7328;
  font-weight: 500;
  line-height: 1.2em;
  border-bottom: 1px solid #ffffff;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-secondary-stage .container-inner .stage-wrapper .wrapper-container .wrapper-title {
    font-size: 24px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-secondary-stage .container-inner .stage-wrapper .wrapper-container .wrapper-title {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-secondary-stage .container-inner .stage-wrapper .wrapper-container .wrapper-title {
    font-size: 18px;
  }
}
.section-2021-student-secondary-stage .container-inner .stage-wrapper .wrapper-container .wrapper-title-sub {
  line-height: 1.2em;
  margin-bottom: 1em;
  margin-top: 0.2em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-secondary-stage .container-inner .stage-wrapper .wrapper-container .wrapper-title-sub {
    font-size: 24px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-secondary-stage .container-inner .stage-wrapper .wrapper-container .wrapper-title-sub {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-secondary-stage .container-inner .stage-wrapper .wrapper-container .wrapper-title-sub {
    font-size: 18px;
  }
}
.section-2021-student-secondary-stage .container-inner .stage-wrapper .wrapper-container .wrapper-detail {
  font-family: "ITCAvantGardeStd", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-secondary-stage .container-inner .stage-wrapper .wrapper-container .wrapper-detail {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-secondary-stage .container-inner .stage-wrapper .wrapper-container .wrapper-detail {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-secondary-stage .container-inner .stage-wrapper .wrapper-container .wrapper-detail {
    font-size: 14px;
  }
}
.section-2021-student-secondary-stage .container-inner .stage-wrapper .wrapper-container .wrapper-detail ul, .section-2021-student-secondary-stage .container-inner .stage-wrapper .wrapper-container .wrapper-detail ol {
  padding-left: 20px;
}
.section-2021-student-secondary-stage .container-inner .stage-wrapper .wrapper-container .wrapper-detail p {
  margin-bottom: 0.2em;
  font-weight: 600;
}
.section-2021-student-secondary-stage .container-inner .stage-wrapper .wrapper-container .wrapper-detail > ul > li > ul > li {
  list-style-type: "- ";
}

.section-2021-student-deadline {
  margin-bottom: 40px;
  position: relative;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
.section-2021-student-deadline .deadline-wrapper {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
}
.section-2021-student-deadline .deadline-wrapper .deadline-title {
  color: #ffffff;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  line-height: 1.2em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-deadline .deadline-wrapper .deadline-title {
    font-size: 48px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-deadline .deadline-wrapper .deadline-title {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-deadline .deadline-wrapper .deadline-title {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-deadline .deadline-wrapper .deadline-title span {
    display: inline-block;
  }
}
.section-2021-student-deadline .deadline-wrapper .deadline-title:nth-child(2) {
  margin-bottom: 10px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-deadline .deadline-wrapper .deadline-list {
    text-align: center;
  }
}
.section-2021-student-deadline .deadline-wrapper .deadline-list .list-item {
  display: inline-block;
  margin-right: 30px;
  margin-bottom: 10px;
  width: 230px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-deadline .deadline-wrapper .deadline-list .list-item {
    width: 200px;
  }
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px) {
  .section-2021-student-deadline .deadline-wrapper .deadline-list .list-item {
    margin-right: 10px;
  }
}
@media (max-width: 575px) {
  .section-2021-student-deadline .deadline-wrapper .deadline-list .list-item {
    margin-right: 0px;
  }
}
.section-2021-student-deadline .deadline-wrapper .deadline-list .list-item img {
  width: 100%;
}
.section-2021-student-deadline .deadline-wrapper .deadline-list .list-item:last-child {
  margin-right: 0;
}
.section-2021-student-deadline .deadline-wrapper .deadline-list .list-item:hover, .section-2021-student-deadline .deadline-wrapper .deadline-list .list-item:focus, .section-2021-student-deadline .deadline-wrapper .deadline-list .list-item:active {
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -o-transform: translateY(-5px);
}
.section-2021-student-deadline .deadline-wrapper .deadline-apply {
  text-transform: uppercase;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-deadline .deadline-wrapper .deadline-apply {
    text-align: right;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-deadline .deadline-wrapper .deadline-apply {
    text-align: center;
  }
}
.section-2021-student-deadline .deadline-wrapper .deadline-apply .btn-apply {
  color: #ffffff;
  border-radius: 9px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 0.6em 0.5em;
  width: 195px;
  display: inline-block;
  text-align: center;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-deadline .deadline-wrapper .deadline-apply .btn-apply {
    font-size: 22px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-deadline .deadline-wrapper .deadline-apply .btn-apply {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-deadline .deadline-wrapper .deadline-apply .btn-apply {
    font-size: 18px;
  }
}
.section-2021-student-deadline .deadline-wrapper .deadline-apply .btn-apply:hover, .section-2021-student-deadline .deadline-wrapper .deadline-apply .btn-apply:focus, .section-2021-student-deadline .deadline-wrapper .deadline-apply .btn-apply:active {
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -o-transform: translateY(-5px);
}
.section-2021-student-deadline .deadline-wrapper.style1 .deadline-title span {
  color: #FF7328;
}
.section-2021-student-deadline .deadline-wrapper.style1 .deadline-apply {
  margin: 20px 0 30px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-deadline .deadline-wrapper.style1 .deadline-apply {
    text-align: center;
  }
}
.section-2021-student-deadline .deadline-wrapper.style1 .deadline-apply .btn-apply {
  background: #FF7328;
  background: linear-gradient(to right, #FF7328, #F02666);
}
.section-2021-student-deadline .deadline-wrapper.style2 .deadline-title span {
  color: #5FB0DB;
}
.section-2021-student-deadline .deadline-wrapper.style2 .deadline-apply {
  margin: 20px 0 30px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-deadline .deadline-wrapper.style2 .deadline-apply {
    text-align: center;
  }
}
.section-2021-student-deadline .deadline-wrapper.style2 .deadline-apply .btn-apply {
  background: #82287F;
  background: linear-gradient(to right, #82287F, #5FB0DB);
}

.section-2021-student-faq {
  margin-bottom: 40px;
  position: relative;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
.section-2021-student-faq .container-inner {
  position: relative;
  padding: 45px 35px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-faq .container-inner {
    padding: 30px 15px;
  }
}
.section-2021-student-faq .container-inner .inner-main {
  position: relative;
}
.section-2021-student-faq .container-inner .inner-title {
  color: #ffffff;
  text-align: center;
  line-height: 1.2em;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 40px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-faq .container-inner .inner-title {
    font-size: 50px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-faq .container-inner .inner-title {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-faq .container-inner .inner-title {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-faq .container-inner .inner-title {
    margin-bottom: 20px;
  }
}
.section-2021-student-faq .container-inner .faq-list {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}
.section-2021-student-faq .container-inner .faq-list .list-item .item-header,
.section-2021-student-faq .container-inner .faq-list .list-item .item-detail {
  padding: 0.8em 30px 0.8em 45px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-faq .container-inner .faq-list .list-item .item-header,
.section-2021-student-faq .container-inner .faq-list .list-item .item-detail {
    padding-left: 10px;
    padding-right: 15px;
  }
}
.section-2021-student-faq .container-inner .faq-list .list-item .item-header {
  position: relative;
  border-bottom: 1px solid #AD945C;
  color: #AD945C;
  cursor: pointer;
}
.section-2021-student-faq .container-inner .faq-list .list-item .item-header .item-title {
  font-weight: 500;
  padding-right: 40px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-faq .container-inner .faq-list .list-item .item-header .item-title {
    font-size: 24px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-faq .container-inner .faq-list .list-item .item-header .item-title {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-faq .container-inner .faq-list .list-item .item-header .item-title {
    font-size: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-faq .container-inner .faq-list .list-item .item-header .item-title {
    padding-right: 20px;
  }
}
.section-2021-student-faq .container-inner .faq-list .list-item .item-header .item-icon {
  position: absolute;
  float: right;
  width: 30px;
  height: 30px;
  top: 1em;
  right: 30px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-faq .container-inner .faq-list .list-item .item-header .item-icon {
    right: 5px;
    width: 20px;
    height: 20px;
  }
}
.section-2021-student-faq .container-inner .faq-list .list-item .item-header .item-icon:before, .section-2021-student-faq .container-inner .faq-list .list-item .item-header .item-icon:after {
  content: "";
  position: absolute;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
  top: 50%;
  left: 0;
  border-top: 1px solid #AD945C;
  width: 100%;
  height: 0;
}
.section-2021-student-faq .container-inner .faq-list .list-item .item-header .item-icon:before {
  top: 26%;
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  -o-transform: rotate(30deg);
}
.section-2021-student-faq .container-inner .faq-list .list-item .item-header .item-icon:after {
  top: 74%;
  -webkit-transform: rotate(-30deg);
  -moz-transform: rotate(-30deg);
  -ms-transform: rotate(-30deg);
  -o-transform: rotate(-30deg);
}
.section-2021-student-faq .container-inner .faq-list .list-item .item-detail {
  color: #ffffff;
  font-family: "ITCAvantGardeStd", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  padding-bottom: 2em;
  display: none;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-faq .container-inner .faq-list .list-item .item-detail {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-faq .container-inner .faq-list .list-item .item-detail {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-faq .container-inner .faq-list .list-item .item-detail {
    font-size: 14px;
  }
}
.section-2021-student-faq .container-inner .faq-list .list-item .item-detail ul, .section-2021-student-faq .container-inner .faq-list .list-item .item-detail ol {
  padding-left: 20px;
}
.section-2021-student-faq .container-inner .faq-list .list-item .item-detail a {
  color: #ffffff;
  text-decoration: underline;
}
.section-2021-student-faq .container-inner .faq-list .list-item .item-detail a:hover, .section-2021-student-faq .container-inner .faq-list .list-item .item-detail a:focus, .section-2021-student-faq .container-inner .faq-list .list-item .item-detail a:active {
  text-decoration: none;
}
.section-2021-student-faq .container-inner .faq-list .list-item.active .item-header .item-icon:before, .section-2021-student-faq .container-inner .faq-list .list-item.active .item-header .item-icon:after {
  top: 50%;
}
.section-2021-student-faq .container-inner .faq-list .list-item.active .item-header .item-icon:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}
.section-2021-student-faq .container-inner .faq-list .list-item.active .item-header .item-icon:after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
}

.section-2021-student-tertiary-info {
  margin-bottom: 40px;
  position: relative;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
.section-2021-student-tertiary-info .container-inner {
  position: relative;
  padding: 45px 35px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-tertiary-info .container-inner {
    padding: 30px 15px;
  }
}
.section-2021-student-tertiary-info .container-inner .inner-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #153871;
  background: linear-gradient(to bottom, #153871, #06193B);
  opacity: 0.95;
}
.section-2021-student-tertiary-info .container-inner .inner-main {
  position: relative;
}
.section-2021-student-tertiary-info .container-inner .inner-title {
  color: #ffffff;
  text-align: center;
  line-height: 1.2em;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 20px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-tertiary-info .container-inner .inner-title {
    font-size: 44px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-tertiary-info .container-inner .inner-title {
    font-size: 28px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-tertiary-info .container-inner .inner-title {
    font-size: 22px;
  }
}
.section-2021-student-tertiary-info .container-inner .inner-title span {
  text-transform: initial;
}
.section-2021-student-tertiary-info .container-inner .inner-img {
  margin-bottom: 10px;
}
.section-2021-student-tertiary-info .container-inner .inner-img img {
  max-width: 100%;
}
.section-2021-student-tertiary-info .container-inner .inner-detail {
  color: #ffffff;
  line-height: 1.2em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-tertiary-info .container-inner .inner-detail {
    font-size: 28px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-tertiary-info .container-inner .inner-detail {
    font-size: 22px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-tertiary-info .container-inner .inner-detail {
    font-size: 18px;
  }
}
.section-2021-student-tertiary-info .container-inner .inner-detail span {
  color: #5FB0DB;
  font-weight: 700;
}
.section-2021-student-tertiary-info .container-inner .inner-detail.style1 {
  margin-top: 1em;
  text-align: center;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-tertiary-info .container-inner .inner-detail.style1 br {
    display: none;
  }
}
.section-2021-student-tertiary-info .container-inner .inner-detail.style2 {
  margin-top: 1em;
  text-align: center;
}
.section-2021-student-tertiary-info .container-inner .inner-detail.style2 ul {
  margin: 0;
  padding: 0;
}
.section-2021-student-tertiary-info .container-inner .inner-detail.style2 ul li {
  list-style: none;
  display: inline-block;
}
.section-2021-student-tertiary-info .container-inner .inner-detail.style2 ul li:after {
  content: " • ";
}
.section-2021-student-tertiary-info .container-inner .inner-detail.style2 ul li:last-child:after {
  display: none;
}

.section-2021-student-tertiary-program {
  margin-bottom: 40px;
  position: relative;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
.section-2021-student-tertiary-program .container-inner {
  position: relative;
  padding: 45px 35px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-tertiary-program .container-inner {
    padding: 30px 15px;
  }
}
.section-2021-student-tertiary-program .container-inner .inner-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #000000;
  background: linear-gradient(to bottom, #000000, #153871);
  opacity: 0.95;
}
.section-2021-student-tertiary-program .container-inner .inner-main {
  position: relative;
}
.section-2021-student-tertiary-program .container-inner .inner-title {
  color: #ffffff;
  text-align: center;
  line-height: 1.2em;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 20px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-tertiary-program .container-inner .inner-title {
    font-size: 50px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-tertiary-program .container-inner .inner-title {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-tertiary-program .container-inner .inner-title {
    font-size: 24px;
  }
}
.section-2021-student-tertiary-program .container-inner .inner-title-sub {
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
  line-height: 1em;
  margin-bottom: 20px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-tertiary-program .container-inner .inner-title-sub {
    font-size: 40px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-tertiary-program .container-inner .inner-title-sub {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-tertiary-program .container-inner .inner-title-sub {
    font-size: 24px;
  }
}
.section-2021-student-tertiary-program .container-inner .benefits-list {
  margin-bottom: 40px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-tertiary-program .container-inner .benefits-list {
    margin-bottom: 20px;
  }
}
.section-2021-student-tertiary-program .container-inner .benefits-list .list-item {
  max-width: 311px;
  width: 100%;
  margin: 0 auto 30px;
  color: #ffffff;
  text-align: center;
}
.section-2021-student-tertiary-program .container-inner .benefits-list .list-item .item-img {
  margin: 0 auto 15px;
  width: 130px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-tertiary-program .container-inner .benefits-list .list-item .item-img {
    width: 80px;
  }
}
.section-2021-student-tertiary-program .container-inner .benefits-list .list-item .item-img img {
  width: 100%;
}
.section-2021-student-tertiary-program .container-inner .benefits-list .list-item .item-title {
  line-height: 1.2em;
  font-weight: 500;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-tertiary-program .container-inner .benefits-list .list-item .item-title {
    font-size: 30px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-tertiary-program .container-inner .benefits-list .list-item .item-title {
    font-size: 22px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-tertiary-program .container-inner .benefits-list .list-item .item-title {
    font-size: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-tertiary-program .container-inner .benefits-list .list-item .item-title br {
    display: none;
  }
}
.section-2021-student-tertiary-program .container-inner .benefits-list .list-item .item-hr {
  width: 100%;
  height: 3px;
  background: #82287F;
  background: linear-gradient(to right, #82287F, #5FB0DB);
  margin: 15px 0 30px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-tertiary-program .container-inner .benefits-list .list-item .item-hr {
    margin: 10px 0 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-tertiary-program .container-inner .benefits-list .list-item .item-hr {
    margin: 5px 0 10px;
  }
}
.section-2021-student-tertiary-program .container-inner .benefits-list .list-item .item-detail {
  text-align: center;
  line-height: 1.2em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-tertiary-program .container-inner .benefits-list .list-item .item-detail {
    font-size: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-tertiary-program .container-inner .benefits-list .list-item .item-detail {
    font-size: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-tertiary-program .container-inner .benefits-list .list-item .item-detail {
    font-size: 16px;
  }
}
.section-2021-student-tertiary-program .container-inner .benefits-wrapper .benefits-img {
  position: relative;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-tertiary-program .container-inner .benefits-wrapper .benefits-img {
    width: 536px;
    float: right;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-tertiary-program .container-inner .benefits-wrapper .benefits-img {
    width: 100%;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-tertiary-program .container-inner .benefits-wrapper .benefits-img {
    width: 100%;
    max-width: 536px;
    margin: 0 auto 15px;
  }
}
.section-2021-student-tertiary-program .container-inner .benefits-wrapper .benefits-img .img-bg {
  width: 100%;
  height: 100%;
  top: 10px;
  left: -10px;
  position: absolute;
  background: #82287F;
  background: linear-gradient(to right, #82287F, #5FB0DB);
}
.section-2021-student-tertiary-program .container-inner .benefits-wrapper .benefits-img img {
  width: 100%;
  -webkit-transform: translate(10px, -10px);
  -moz-transform: translate(10px, -10px);
  -ms-transform: translate(10px, -10px);
  -o-transform: translate(10px, -10px);
}
.section-2021-student-tertiary-program .container-inner .benefits-wrapper .benefits-img-main {
  text-align: center;
}
.section-2021-student-tertiary-program .container-inner .benefits-wrapper .benefits-img-main img {
  width: 100%;
  max-width: 250px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-tertiary-program .container-inner .benefits-wrapper .benefits-img-main img {
    max-width: 200px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-tertiary-program .container-inner .benefits-wrapper .benefits-img-main {
    margin-bottom: 15px;
  }
  .section-2021-student-tertiary-program .container-inner .benefits-wrapper .benefits-img-main img {
    max-width: 120px;
  }
}
.section-2021-student-tertiary-program .container-inner .benefits-wrapper .benefits-title {
  color: #ffffff;
  line-height: 1.2em;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 0.8em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-tertiary-program .container-inner .benefits-wrapper .benefits-title {
    font-size: 50px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-tertiary-program .container-inner .benefits-wrapper .benefits-title {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-tertiary-program .container-inner .benefits-wrapper .benefits-title {
    font-size: 24px;
  }
}
.section-2021-student-tertiary-program .container-inner .benefits-wrapper .benefits-detail {
  color: #ffffff;
  line-height: 1.2em;
  font-weight: 700;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-tertiary-program .container-inner .benefits-wrapper .benefits-detail {
    font-size: 22px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-tertiary-program .container-inner .benefits-wrapper .benefits-detail {
    font-size: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-tertiary-program .container-inner .benefits-wrapper .benefits-detail {
    font-size: 16px;
  }
}
.section-2021-student-tertiary-program .container-inner .benefits-wrapper .benefits-detail ul {
  padding-left: 20px;
}
.section-2021-student-tertiary-program .container-inner .benefits-wrapper .benefits-detail ul li {
  margin-bottom: 0.8em;
}
.section-2021-student-tertiary-program .container-inner .benefits-wrapper .benefits-detail ul li span {
  color: #AD945C;
}
.section-2021-student-tertiary-program .container-inner .benefits-wrapper .benefits-detail ul li a {
  color: #ffffff;
  text-decoration: underline;
}
.section-2021-student-tertiary-program .container-inner .benefits-wrapper .benefits-detail ul li a:hover, .section-2021-student-tertiary-program .container-inner .benefits-wrapper .benefits-detail ul li a:focus, .section-2021-student-tertiary-program .container-inner .benefits-wrapper .benefits-detail ul li a:active {
  text-decoration: none;
}
.section-2021-student-tertiary-program .container-inner .benefits-wrapper .benefits-detail small {
  font-size: 70%;
}
.section-2021-student-tertiary-program .container-inner .prize-title {
  text-align: center;
}
.section-2021-student-tertiary-program .container-inner .prize-title .title-wrapper {
  position: relative;
  display: inline-block;
}
.section-2021-student-tertiary-program .container-inner .prize-title .title-wrapper .title-bg {
  background-image: url("../../uploads/images/2021/common/student/secondary/prize_title_bg.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.section-2021-student-tertiary-program .container-inner .prize-title .title-wrapper .title-main {
  color: #ffffff;
  text-align: center;
  line-height: 1em;
  font-weight: 700;
  text-transform: uppercase;
  padding: 1.6em 2.4em 0;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-tertiary-program .container-inner .prize-title .title-wrapper .title-main {
    font-size: 50px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-tertiary-program .container-inner .prize-title .title-wrapper .title-main {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-tertiary-program .container-inner .prize-title .title-wrapper .title-main {
    font-size: 24px;
  }
}
.section-2021-student-tertiary-program .container-inner .prize-title .title-wrapper .title-main span {
  color: #AD945C;
}
.section-2021-student-tertiary-program .container-inner .prize-list {
  margin-top: 30px;
  color: #ffffff;
}
.section-2021-student-tertiary-program .container-inner .prize-list .list-item {
  text-align: center;
}
.section-2021-student-tertiary-program .container-inner .prize-list .list-item .item-title,
.section-2021-student-tertiary-program .container-inner .prize-list .list-item .item-detail {
  line-height: 1.2em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-tertiary-program .container-inner .prize-list .list-item .item-title,
.section-2021-student-tertiary-program .container-inner .prize-list .list-item .item-detail {
    font-size: 22px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-tertiary-program .container-inner .prize-list .list-item .item-title,
.section-2021-student-tertiary-program .container-inner .prize-list .list-item .item-detail {
    font-size: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-tertiary-program .container-inner .prize-list .list-item .item-title,
.section-2021-student-tertiary-program .container-inner .prize-list .list-item .item-detail {
    font-size: 16px;
  }
}
.section-2021-student-tertiary-program .container-inner .prize-list .list-item .item-title {
  font-weight: 700;
}
.section-2021-student-tertiary-program .container-inner .prize-list .list-item .item-hr {
  width: 100%;
  max-width: 311px;
  height: 3px;
  margin: 30px auto;
  background: #FF7328;
  background: linear-gradient(to bottom, #FF7328, #F02666);
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-tertiary-program .container-inner .prize-list .list-item .item-hr {
    margin: 15px auto;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-tertiary-program .container-inner .prize-list .list-item .item-hr {
    margin: 10px auto;
  }
}

.section-2021-student-tertiary-journey {
  margin-bottom: 40px;
  position: relative;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
.section-2021-student-tertiary-journey .container-inner {
  position: relative;
  padding: 45px 35px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-tertiary-journey .container-inner {
    padding: 30px 15px;
  }
}
.section-2021-student-tertiary-journey .container-inner .inner-main {
  position: relative;
}
.section-2021-student-tertiary-journey .container-inner .inner-title {
  color: #ffffff;
  text-align: center;
  line-height: 1.2em;
  font-weight: 700;
  text-transform: uppercase;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-tertiary-journey .container-inner .inner-title {
    font-size: 50px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-tertiary-journey .container-inner .inner-title {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-tertiary-journey .container-inner .inner-title {
    font-size: 24px;
  }
}
.section-2021-student-tertiary-journey .container-inner .inner-title span {
  text-transform: initial;
}
.section-2021-student-tertiary-journey .container-inner .inner-img {
  width: 100%;
  max-width: 976px;
  margin: 0 auto 15px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-tertiary-journey .container-inner .inner-img {
    margin-bottom: 50px;
  }
}
.section-2021-student-tertiary-journey .container-inner .inner-img img {
  width: 100%;
}
.section-2021-student-tertiary-journey .container-inner .journey-timeline {
  margin: 20px 0;
}
.section-2021-student-tertiary-journey .container-inner .journey-timeline img {
  max-width: 100%;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-tertiary-journey .container-inner .journey-timeline {
    overflow: auto;
  }
  .section-2021-student-tertiary-journey .container-inner .journey-timeline img {
    max-width: 1139px;
  }
}
.section-2021-student-tertiary-journey .container-inner .journey-title {
  color: #5FB0DB;
  text-align: center;
  line-height: 1.2em;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 15px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-tertiary-journey .container-inner .journey-title {
    font-size: 48px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-tertiary-journey .container-inner .journey-title {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-tertiary-journey .container-inner .journey-title {
    font-size: 24px;
  }
}
.section-2021-student-tertiary-journey .container-inner .journey-title img {
  width: 130px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-tertiary-journey .container-inner .journey-title img {
    width: 100px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-tertiary-journey .container-inner .journey-title img {
    width: 80px;
  }
}
.section-2021-student-tertiary-journey .container-inner .journey-list {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  color: #ffffff;
}
.section-2021-student-tertiary-journey .container-inner .journey-list li {
  line-height: 1.2em;
  margin-bottom: 1em;
  position: relative;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-tertiary-journey .container-inner .journey-list li {
    font-size: 22px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-tertiary-journey .container-inner .journey-list li {
    font-size: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-tertiary-journey .container-inner .journey-list li {
    font-size: 16px;
  }
}
.section-2021-student-tertiary-journey .container-inner .journey-list li span {
  color: #AD945C;
  font-weight: 700;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-tertiary-journey .container-inner .journey-list li.last-child {
    padding-right: 210px;
  }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-tertiary-journey .container-inner .journey-list li .journey-btn {
    position: absolute;
    top: 0;
    right: 0;
  }
}
.section-2021-student-tertiary-journey .container-inner .journey-list li .journey-btn .btn-apply {
  color: #ffffff;
  border-radius: 9px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 0.6em 0.5em;
  width: 195px;
  display: inline-block;
  text-align: center;
  text-transform: uppercase;
  background: #82287F;
  background: linear-gradient(to right, #82287F, #5FB0DB);
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-tertiary-journey .container-inner .journey-list li .journey-btn .btn-apply {
    font-size: 22px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-tertiary-journey .container-inner .journey-list li .journey-btn .btn-apply {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-tertiary-journey .container-inner .journey-list li .journey-btn .btn-apply {
    font-size: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-tertiary-journey .container-inner .journey-list li .journey-btn .btn-apply {
    margin-top: 10px;
  }
}
.section-2021-student-tertiary-journey .container-inner .journey-list li .journey-btn .btn-apply:hover, .section-2021-student-tertiary-journey .container-inner .journey-list li .journey-btn .btn-apply:focus, .section-2021-student-tertiary-journey .container-inner .journey-list li .journey-btn .btn-apply:active {
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.section-2021-student-tertiary-apply {
  margin-bottom: 40px;
  position: relative;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
.section-2021-student-tertiary-apply .container-inner {
  position: relative;
  padding: 45px 35px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-tertiary-apply .container-inner {
    padding: 30px 15px;
  }
}
.section-2021-student-tertiary-apply .container-inner .inner-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #0E1934;
  background: linear-gradient(to bottom, #0E1934 0%, #1D356F 42%, #895379 100%);
  opacity: 0.9;
}
.section-2021-student-tertiary-apply .container-inner .inner-main {
  position: relative;
}
.section-2021-student-tertiary-apply .container-inner .inner-title {
  color: #ffffff;
  text-align: center;
  line-height: 1.2em;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 40px;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-tertiary-apply .container-inner .inner-title {
    font-size: 50px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-tertiary-apply .container-inner .inner-title {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-tertiary-apply .container-inner .inner-title {
    font-size: 24px;
  }
}
.section-2021-student-tertiary-apply .container-inner .inner-list {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  color: #ffffff;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-tertiary-apply .container-inner .inner-list .list-item {
    margin-bottom: 30px;
  }
}
.section-2021-student-tertiary-apply .container-inner .inner-list .list-item .item-img {
  text-align: center;
}
.section-2021-student-tertiary-apply .container-inner .inner-list .list-item .item-img img {
  width: 130px;
}
.section-2021-student-tertiary-apply .container-inner .inner-list .list-item .item-img-title {
  text-align: center;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-tertiary-apply .container-inner .inner-list .list-item .item-img-title {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-tertiary-apply .container-inner .inner-list .list-item .item-img-title {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-tertiary-apply .container-inner .inner-list .list-item .item-img-title {
    font-size: 14px;
  }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-tertiary-apply .container-inner .inner-list .list-item .item-detail {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-tertiary-apply .container-inner .inner-list .list-item .item-detail {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-tertiary-apply .container-inner .inner-list .list-item .item-detail {
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-tertiary-apply .container-inner .inner-list .list-item .item-detail {
    margin-top: 20px;
  }
}
.section-2021-student-tertiary-apply .container-inner .inner-list .list-item .item-detail span {
  color: #5FB0DB;
}
.section-2021-student-tertiary-apply .container-inner .inner-list .list-item .item-detail ul {
  padding-left: 20px;
}
.section-2021-student-tertiary-apply .container-inner .inner-list .list-item .item-detail ul li {
  margin-bottom: 0.2em;
}
.section-2021-student-tertiary-apply .container-inner .apply-wrapper {
  padding: 20px;
  position: relative;
  border-left: 2px solid #82287F;
  border-right: 2px solid #5FB0DB;
  width: 100%;
  max-width: 800px;
  margin: 20px auto;
  color: #ffffff;
}
.section-2021-student-tertiary-apply .container-inner .apply-wrapper:before, .section-2021-student-tertiary-apply .container-inner .apply-wrapper:after {
  content: "";
  width: 100%;
  height: 2px;
  background: #82287F;
  background: linear-gradient(to right, #82287F, #5FB0DB);
  position: absolute;
  left: 0;
}
.section-2021-student-tertiary-apply .container-inner .apply-wrapper:before {
  top: 0;
}
.section-2021-student-tertiary-apply .container-inner .apply-wrapper:after {
  bottom: 0;
}
.section-2021-student-tertiary-apply .container-inner .apply-wrapper .wrapper-item {
  position: relative;
}
.section-2021-student-tertiary-apply .container-inner .apply-wrapper .wrapper-item .item-img {
  text-align: center;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-tertiary-apply .container-inner .apply-wrapper .wrapper-item .item-img {
    width: 160px;
    position: absolute;
    left: 0;
    top: 0;
  }
}
.section-2021-student-tertiary-apply .container-inner .apply-wrapper .wrapper-item .item-img .img-bg img {
  width: 130px;
}
.section-2021-student-tertiary-apply .container-inner .apply-wrapper .wrapper-item .item-img .item-title {
  font-weight: 500;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-tertiary-apply .container-inner .apply-wrapper .wrapper-item .item-img .item-title {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-tertiary-apply .container-inner .apply-wrapper .wrapper-item .item-img .item-title {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-tertiary-apply .container-inner .apply-wrapper .wrapper-item .item-img .item-title {
    font-size: 14px;
  }
}
.section-2021-student-tertiary-apply .container-inner .apply-wrapper .wrapper-item .item-detail {
  position: relative;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-tertiary-apply .container-inner .apply-wrapper .wrapper-item .item-detail {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-tertiary-apply .container-inner .apply-wrapper .wrapper-item .item-detail {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-tertiary-apply .container-inner .apply-wrapper .wrapper-item .item-detail {
    font-size: 14px;
  }
}
.section-2021-student-tertiary-apply .container-inner .apply-wrapper .wrapper-item .item-detail:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: #82287F;
  background: linear-gradient(to right, #82287F, #5FB0DB);
}
.section-2021-student-tertiary-apply .container-inner .apply-wrapper .wrapper-item .item-detail span {
  color: #5FB0DB;
}
.section-2021-student-tertiary-apply .container-inner .apply-wrapper .wrapper-item .item-detail ul {
  padding-left: 20px;
}
.section-2021-student-tertiary-apply .container-inner .apply-wrapper .wrapper-item .item-detail ul li {
  margin-bottom: 0.2em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-tertiary-apply .container-inner .apply-wrapper .wrapper-item .item-detail {
    margin-left: 180px;
    padding-left: 25px;
    min-height: 152px;
  }
  .section-2021-student-tertiary-apply .container-inner .apply-wrapper .wrapper-item .item-detail:before {
    width: 2px;
    height: 100%;
    margin-left: -1px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-tertiary-apply .container-inner .apply-wrapper .wrapper-item .item-detail {
    margin-top: 15px;
    padding-top: 15px;
  }
  .section-2021-student-tertiary-apply .container-inner .apply-wrapper .wrapper-item .item-detail:before {
    width: 100%;
    height: 2px;
    margin-top: -1px;
  }
}
.section-2021-student-tertiary-apply .container-inner .apply-wrapper-style2 {
  padding: 20px;
  position: relative;
  border-left: 2px solid #82287F;
  border-right: 2px solid #5FB0DB;
  width: 100%;
  max-width: 800px;
  margin: 20px auto;
  color: #ffffff;
  background: #82287F;
  background: linear-gradient(to right, #82287F, #5FB0DB);
}
.section-2021-student-tertiary-apply .container-inner .apply-wrapper-style2 .wrapper-item {
  position: relative;
}
.section-2021-student-tertiary-apply .container-inner .apply-wrapper-style2 .wrapper-item .item-img {
  text-align: center;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-tertiary-apply .container-inner .apply-wrapper-style2 .wrapper-item .item-img {
    width: 160px;
    position: absolute;
    left: 0;
    top: 0;
  }
}
.section-2021-student-tertiary-apply .container-inner .apply-wrapper-style2 .wrapper-item .item-img .img-bg img {
  width: 130px;
}
.section-2021-student-tertiary-apply .container-inner .apply-wrapper-style2 .wrapper-item .item-img .item-title {
  font-weight: 500;
  text-transform: uppercase;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-tertiary-apply .container-inner .apply-wrapper-style2 .wrapper-item .item-img .item-title {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-tertiary-apply .container-inner .apply-wrapper-style2 .wrapper-item .item-img .item-title {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-tertiary-apply .container-inner .apply-wrapper-style2 .wrapper-item .item-img .item-title {
    font-size: 14px;
  }
}
.section-2021-student-tertiary-apply .container-inner .apply-wrapper-style2 .wrapper-item .item-detail {
  position: relative;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-tertiary-apply .container-inner .apply-wrapper-style2 .wrapper-item .item-detail {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-tertiary-apply .container-inner .apply-wrapper-style2 .wrapper-item .item-detail {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-tertiary-apply .container-inner .apply-wrapper-style2 .wrapper-item .item-detail {
    font-size: 14px;
  }
}
.section-2021-student-tertiary-apply .container-inner .apply-wrapper-style2 .wrapper-item .item-detail:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-color: #ffffff;
}
.section-2021-student-tertiary-apply .container-inner .apply-wrapper-style2 .wrapper-item .item-detail span {
  display: inline-block;
  color: #5FB0DB;
  padding: 0 0.2em;
  background-color: #ffffff;
}
.section-2021-student-tertiary-apply .container-inner .apply-wrapper-style2 .wrapper-item .item-detail ul {
  padding-left: 20px;
}
.section-2021-student-tertiary-apply .container-inner .apply-wrapper-style2 .wrapper-item .item-detail ul li {
  margin-bottom: 0.2em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-tertiary-apply .container-inner .apply-wrapper-style2 .wrapper-item .item-detail {
    margin-left: 180px;
    padding-left: 25px;
    min-height: 152px;
  }
  .section-2021-student-tertiary-apply .container-inner .apply-wrapper-style2 .wrapper-item .item-detail:before {
    width: 2px;
    height: 100%;
    margin-left: -1px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-tertiary-apply .container-inner .apply-wrapper-style2 .wrapper-item .item-detail {
    margin-top: 15px;
    padding-top: 15px;
  }
  .section-2021-student-tertiary-apply .container-inner .apply-wrapper-style2 .wrapper-item .item-detail:before {
    width: 100%;
    height: 2px;
    margin-top: -1px;
  }
}
.section-2021-student-tertiary-apply .container-inner .focus-title,
.section-2021-student-tertiary-apply .container-inner .focus-title-sub {
  text-align: center;
  color: #ffffff;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-tertiary-apply .container-inner .focus-title,
.section-2021-student-tertiary-apply .container-inner .focus-title-sub {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-tertiary-apply .container-inner .focus-title,
.section-2021-student-tertiary-apply .container-inner .focus-title-sub {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-tertiary-apply .container-inner .focus-title,
.section-2021-student-tertiary-apply .container-inner .focus-title-sub {
    font-size: 14px;
  }
}
.section-2021-student-tertiary-apply .container-inner .focus-title {
  font-weight: 500;
}
.section-2021-student-tertiary-apply .container-inner .focus-title-sub {
  font-weight: 100;
}
.section-2021-student-tertiary-apply .container-inner .focus-list {
  width: 100%;
  max-width: 820px;
  margin: 20px auto 40px;
}
.section-2021-student-tertiary-apply .container-inner .focus-list .list-item {
  text-align: center;
  color: #ffffff;
  margin-bottom: 15px;
}
.section-2021-student-tertiary-apply .container-inner .focus-list .list-item .item-icon img {
  width: 110px;
}
.section-2021-student-tertiary-apply .container-inner .focus-list .list-item .item-title {
  margin-top: 15px;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  font-weight: 500;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-tertiary-apply .container-inner .focus-list .list-item .item-title {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-tertiary-apply .container-inner .focus-list .list-item .item-title {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-tertiary-apply .container-inner .focus-list .list-item .item-title {
    font-size: 14px;
  }
}
.section-2021-student-tertiary-apply .container-inner .more-title {
  text-align: center;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  font-weight: 500;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-tertiary-apply .container-inner .more-title {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-tertiary-apply .container-inner .more-title {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-tertiary-apply .container-inner .more-title {
    font-size: 14px;
  }
}
.section-2021-student-tertiary-apply .container-inner .more-title .btn-more {
  color: #ffffff;
  display: inline-block;
}
.section-2021-student-tertiary-apply .container-inner .more-title .btn-more img {
  width: 15px;
}
.section-2021-student-tertiary-apply .container-inner .more-title .btn-more.active img {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.section-2021-student-tertiary-apply .container-inner .more-wrapper {
  display: none;
  width: 100%;
  max-width: 800px;
  margin: 20px auto 0;
  background-color: rgba(0, 0, 0, 0.3);
  padding: 15px 50px;
  color: #ffffff;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-tertiary-apply .container-inner .more-wrapper {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-tertiary-apply .container-inner .more-wrapper {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-tertiary-apply .container-inner .more-wrapper {
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-tertiary-apply .container-inner .more-wrapper {
    padding: 10px 15px;
  }
}
.section-2021-student-tertiary-apply .container-inner .more-wrapper .wrapper-title {
  font-weight: 600;
  margin-bottom: 0.3em;
}
.section-2021-student-tertiary-apply .container-inner .more-wrapper .wrapper-detail {
  font-weight: 500;
  margin-bottom: 0.8em;
}
.section-2021-student-tertiary-apply .container-inner .more-wrapper .wrapper-detail ul, .section-2021-student-tertiary-apply .container-inner .more-wrapper .wrapper-detail ol {
  padding-left: 20px;
}
.section-2021-student-tertiary-apply .container-inner .more-wrapper .wrapper-detail li {
  margin-bottom: 0.2em;
}

.section-2021-student-tertiary-challenges {
  margin-bottom: 40px;
  position: relative;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
.section-2021-student-tertiary-challenges .container-inner {
  position: relative;
  padding: 45px 35px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-tertiary-challenges .container-inner {
    padding: 30px 15px;
  }
}
.section-2021-student-tertiary-challenges .container-inner .inner-main {
  position: relative;
}
.section-2021-student-tertiary-challenges .container-inner .inner-title {
  color: #ffffff;
  text-align: center;
  line-height: 1.2em;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 40px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-tertiary-challenges .container-inner .inner-title {
    font-size: 50px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-tertiary-challenges .container-inner .inner-title {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-tertiary-challenges .container-inner .inner-title {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-tertiary-challenges .container-inner .inner-title {
    margin-bottom: 20px;
  }
}
.section-2021-student-tertiary-challenges .container-inner .challenges-wrapper {
  width: 100%;
  max-width: 735px;
  color: #ffffff;
  margin: 0 auto 60px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-tertiary-challenges .container-inner .challenges-wrapper {
    margin-bottom: 30px;
  }
}
.section-2021-student-tertiary-challenges .container-inner .challenges-wrapper:last-child {
  margin-bottom: 0;
}
.section-2021-student-tertiary-challenges .container-inner .challenges-wrapper .wrapper-title {
  color: #5FB0DB;
  font-weight: 500;
  line-height: 1.2em;
  border-bottom: 1px solid #ffffff;
  padding: 0.2em 0;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-tertiary-challenges .container-inner .challenges-wrapper .wrapper-title {
    font-size: 24px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-tertiary-challenges .container-inner .challenges-wrapper .wrapper-title {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-tertiary-challenges .container-inner .challenges-wrapper .wrapper-title {
    font-size: 18px;
  }
}
.section-2021-student-tertiary-challenges .container-inner .challenges-wrapper .wrapper-title-sub {
  line-height: 1.2em;
  margin-bottom: 1em;
  margin-top: 0.2em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-tertiary-challenges .container-inner .challenges-wrapper .wrapper-title-sub {
    font-size: 24px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-tertiary-challenges .container-inner .challenges-wrapper .wrapper-title-sub {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-tertiary-challenges .container-inner .challenges-wrapper .wrapper-title-sub {
    font-size: 18px;
  }
}
.section-2021-student-tertiary-challenges .container-inner .challenges-wrapper .wrapper-detail {
  font-family: "ITCAvantGardeStd", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-tertiary-challenges .container-inner .challenges-wrapper .wrapper-detail {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-tertiary-challenges .container-inner .challenges-wrapper .wrapper-detail {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-tertiary-challenges .container-inner .challenges-wrapper .wrapper-detail {
    font-size: 14px;
  }
}
.section-2021-student-tertiary-challenges .container-inner .challenges-wrapper .wrapper-detail ul, .section-2021-student-tertiary-challenges .container-inner .challenges-wrapper .wrapper-detail ol {
  padding-left: 20px;
}
.section-2021-student-tertiary-challenges .container-inner .challenges-wrapper .wrapper-detail p {
  margin-bottom: 0.2em;
  font-weight: 600;
}
.section-2021-student-tertiary-challenges .container-inner .challenges-wrapper .wrapper-detail > ul > li > ul > li {
  list-style-type: "- ";
}

.section-2021-student-finalists-info,
.section-2021-top200-info {
  margin-bottom: 40px;
  position: relative;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
.section-2021-student-finalists-info .info-wrapper,
.section-2021-top200-info .info-wrapper {
  margin: 0 auto;
  text-align: center;
}
.section-2021-student-finalists-info .info-wrapper .info-title,
.section-2021-top200-info .info-wrapper .info-title {
  color: #AD945C;
  font-weight: 700;
  margin-bottom: 20px;
  text-transform: uppercase;
  line-height: 1.2em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-finalists-info .info-wrapper .info-title,
.section-2021-top200-info .info-wrapper .info-title {
    font-size: 48px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-finalists-info .info-wrapper .info-title,
.section-2021-top200-info .info-wrapper .info-title {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-finalists-info .info-wrapper .info-title,
.section-2021-top200-info .info-wrapper .info-title {
    font-size: 24px;
  }
}
.section-2021-student-finalists-info .info-wrapper .info-title.style1,
.section-2021-top200-info .info-wrapper .info-title.style1 {
  color: #000000;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-finalists-info .info-wrapper .info-title.style1,
.section-2021-top200-info .info-wrapper .info-title.style1 {
    color: #AD945C;
  }
}
.section-2021-student-finalists-info .info-wrapper .info-title-sub,
.section-2021-top200-info .info-wrapper .info-title-sub {
  color: #ffffff;
  margin: 20px 0 30px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-finalists-info .info-wrapper .info-title-sub,
.section-2021-top200-info .info-wrapper .info-title-sub {
    font-size: 30px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-finalists-info .info-wrapper .info-title-sub,
.section-2021-top200-info .info-wrapper .info-title-sub {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-finalists-info .info-wrapper .info-title-sub,
.section-2021-top200-info .info-wrapper .info-title-sub {
    font-size: 20px;
  }
}
.section-2021-student-finalists-info .info-wrapper .info-title-sub .sub-item,
.section-2021-top200-info .info-wrapper .info-title-sub .sub-item {
  display: none;
}
.section-2021-student-finalists-info .info-wrapper .info-detail,
.section-2021-top200-info .info-wrapper .info-detail {
  color: #ffffff;
  margin: 20px 0 30px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-finalists-info .info-wrapper .info-detail,
.section-2021-top200-info .info-wrapper .info-detail {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-finalists-info .info-wrapper .info-detail,
.section-2021-top200-info .info-wrapper .info-detail {
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-finalists-info .info-wrapper .info-detail,
.section-2021-top200-info .info-wrapper .info-detail {
    font-size: 12px;
  }
}
.section-2021-student-finalists-info .info-wrapper .info-menu-wrapper,
.section-2021-top200-info .info-wrapper .info-menu-wrapper {
  text-align: center;
}
.section-2021-student-finalists-info .info-wrapper .info-menu-wrapper .info-menu,
.section-2021-top200-info .info-wrapper .info-menu-wrapper .info-menu {
  display: inline-block;
  background-color: #5A5A5A;
  border-radius: 15px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
@media (max-width: 575px) {
  .section-2021-student-finalists-info .info-wrapper .info-menu-wrapper .info-menu,
.section-2021-top200-info .info-wrapper .info-menu-wrapper .info-menu {
    display: block;
  }
}
.section-2021-student-finalists-info .info-wrapper .info-menu-wrapper .info-menu .menu-item,
.section-2021-top200-info .info-wrapper .info-menu-wrapper .info-menu .menu-item {
  display: inline-block;
  color: #ffffff;
  padding: 0.4em 1.6em;
  border-radius: 15px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-finalists-info .info-wrapper .info-menu-wrapper .info-menu .menu-item,
.section-2021-top200-info .info-wrapper .info-menu-wrapper .info-menu .menu-item {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-finalists-info .info-wrapper .info-menu-wrapper .info-menu .menu-item,
.section-2021-top200-info .info-wrapper .info-menu-wrapper .info-menu .menu-item {
    font-size: 13px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-finalists-info .info-wrapper .info-menu-wrapper .info-menu .menu-item,
.section-2021-top200-info .info-wrapper .info-menu-wrapper .info-menu .menu-item {
    font-size: 10px;
  }
}
@media (max-width: 575px) {
  .section-2021-student-finalists-info .info-wrapper .info-menu-wrapper .info-menu .menu-item,
.section-2021-top200-info .info-wrapper .info-menu-wrapper .info-menu .menu-item {
    display: block;
  }
}
.section-2021-student-finalists-info .info-wrapper .info-menu-wrapper .info-menu .menu-item:hover, .section-2021-student-finalists-info .info-wrapper .info-menu-wrapper .info-menu .menu-item:focus, .section-2021-student-finalists-info .info-wrapper .info-menu-wrapper .info-menu .menu-item:active,
.section-2021-top200-info .info-wrapper .info-menu-wrapper .info-menu .menu-item:hover,
.section-2021-top200-info .info-wrapper .info-menu-wrapper .info-menu .menu-item:focus,
.section-2021-top200-info .info-wrapper .info-menu-wrapper .info-menu .menu-item:active {
  color: #FF7328;
}
.section-2021-student-finalists-info .info-wrapper .info-menu-wrapper .info-menu .menu-item.active,
.section-2021-top200-info .info-wrapper .info-menu-wrapper .info-menu .menu-item.active {
  color: #ffffff;
  font-weight: 700;
  background: #FF7328;
  background: linear-gradient(to right, #FF7328, #F02666);
}

.section-2021-student-finalists-list,
.section-2021-top200-list {
  margin-bottom: 40px;
  position: relative;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
.section-2021-student-finalists-list .container-inner,
.section-2021-top200-list .container-inner {
  position: relative;
  padding: 45px 35px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-finalists-list .container-inner,
.section-2021-top200-list .container-inner {
    padding: 30px 15px;
  }
}
.section-2021-student-finalists-list .container-inner .inner-bg,
.section-2021-top200-list .container-inner .inner-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #000000;
  opacity: 0.5;
}
.section-2021-student-finalists-list .container-inner .inner-main,
.section-2021-top200-list .container-inner .inner-main {
  position: relative;
  color: #ffffff;
}
.section-2021-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item,
.section-2021-top200-list .container-inner .inner-main .top-wrapper .wrapper-item {
  display: none;
}
.section-2021-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .top-title,
.section-2021-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .top-title {
  color: #AD945C;
  text-align: center;
  font-weight: 500;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .top-title,
.section-2021-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .top-title {
    font-size: 36px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .top-title,
.section-2021-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .top-title {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .top-title,
.section-2021-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .top-title {
    font-size: 18px;
  }
}
.section-2021-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .top-title small,
.section-2021-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .top-title small {
  display: inline-block;
}
.section-2021-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list,
.section-2021-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list {
  margin-top: 30px;
}
.section-2021-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list:after,
.section-2021-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list:after {
  content: "";
  clear: both;
  display: block;
}
.section-2021-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item,
.section-2021-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item {
  display: inline-block;
  width: calc(20% - 4px);
  margin-bottom: 25px;
  padding: 0 15px;
  color: #ffffff;
  vertical-align: top;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-2021-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item,
.section-2021-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item {
    width: calc(25% - 4px);
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item,
.section-2021-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item {
    width: calc(33% - 4px);
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item,
.section-2021-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item {
    margin-bottom: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item,
.section-2021-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item {
    width: calc(50% - 4px);
    padding: 0 5px;
    margin-bottom: 10px;
  }
}
.section-2021-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item .item-img,
.section-2021-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item .item-img {
  width: 139px;
  height: 139px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #ffffff;
  margin: 0 auto 10px;
  overflow: hidden;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
}
@media (max-width: 575px) {
  .section-2021-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item .item-img,
.section-2021-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item .item-img {
    width: 120px;
    height: 120px;
  }
}
.section-2021-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item .item-img .img-bg,
.section-2021-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item .item-img .img-bg {
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0.95);
  -moz-transform: scale(0.95);
  -ms-transform: scale(0.95);
  -o-transform: scale(0.95);
}
.section-2021-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item .item-img .img-title,
.section-2021-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item .item-img .img-title {
  text-align: center;
  color: #000000;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
  -webkit-transform: scale(0.95);
  -moz-transform: scale(0.95);
  -ms-transform: scale(0.95);
  -o-transform: scale(0.95);
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item .item-img .img-title,
.section-2021-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item .item-img .img-title {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item .item-img .img-title,
.section-2021-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item .item-img .img-title {
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item .item-img .img-title,
.section-2021-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item .item-img .img-title {
    font-size: 12px;
  }
}
.section-2021-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item .item-title,
.section-2021-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item .item-title {
  width: 100%;
  max-width: 200px;
  margin: 0 auto;
  line-height: 1.2em;
  text-align: center;
  min-height: 60px;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item .item-title,
.section-2021-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item .item-title {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item .item-title,
.section-2021-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item .item-title {
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item .item-title,
.section-2021-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item .item-title {
    font-size: 10px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item .item-title,
.section-2021-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item .item-title {
    min-height: 50px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item .item-title,
.section-2021-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item .item-title {
    min-height: 40px;
  }
}
.section-2021-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item:hover .item-img, .section-2021-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item:focus .item-img, .section-2021-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item:active .item-img,
.section-2021-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item:hover .item-img,
.section-2021-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item:focus .item-img,
.section-2021-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item:active .item-img {
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.section-2021-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item:hover .item-img .img-bg, .section-2021-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item:focus .item-img .img-bg, .section-2021-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item:active .item-img .img-bg,
.section-2021-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item:hover .item-img .img-bg,
.section-2021-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item:focus .item-img .img-bg,
.section-2021-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item:active .item-img .img-bg {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
.section-2021-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item:hover .item-img .img-title, .section-2021-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item:focus .item-img .img-title, .section-2021-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item:active .item-img .img-title,
.section-2021-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item:hover .item-img .img-title,
.section-2021-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item:focus .item-img .img-title,
.section-2021-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item:active .item-img .img-title {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
.section-2021-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item:hover .item-title, .section-2021-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item:focus .item-title, .section-2021-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item:active .item-title,
.section-2021-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item:hover .item-title,
.section-2021-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item:focus .item-title,
.section-2021-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item:active .item-title {
  color: #FF7328;
}
.section-2021-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .winner-list .winner-item,
.section-2021-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .winner-list .winner-item {
  width: 100%;
  max-width: 440px;
  margin: 0 auto 60px;
  text-align: center;
}
.section-2021-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .winner-list .winner-item:last-child,
.section-2021-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .winner-list .winner-item:last-child {
  margin-bottom: 0;
}
.section-2021-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .winner-list .winner-item .winner-item-img,
.section-2021-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .winner-list .winner-item .winner-item-img {
  width: 139px;
  height: 139px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #ffffff;
  margin: 24px auto 0px;
  overflow: hidden;
}
.section-2021-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .winner-list .winner-item .winner-item-img .img-bg,
.section-2021-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .winner-list .winner-item .winner-item-img .img-bg {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0.95);
  -moz-transform: scale(0.95);
  -ms-transform: scale(0.95);
  -o-transform: scale(0.95);
}
.section-2021-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .winner-list .winner-item .winner-item-title,
.section-2021-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .winner-list .winner-item .winner-item-title {
  border-bottom: 3px solid #AD945C;
  color: #AD945C;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .winner-list .winner-item .winner-item-title,
.section-2021-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .winner-list .winner-item .winner-item-title {
    font-size: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .winner-list .winner-item .winner-item-title,
.section-2021-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .winner-list .winner-item .winner-item-title {
    font-size: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .winner-list .winner-item .winner-item-title,
.section-2021-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .winner-list .winner-item .winner-item-title {
    font-size: 16px;
  }
}
.section-2021-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .winner-list .winner-item .winner-item-detail,
.section-2021-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .winner-list .winner-item .winner-item-detail {
  padding: 1.5em 0;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .winner-list .winner-item .winner-item-detail,
.section-2021-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .winner-list .winner-item .winner-item-detail {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .winner-list .winner-item .winner-item-detail,
.section-2021-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .winner-list .winner-item .winner-item-detail {
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .winner-list .winner-item .winner-item-detail,
.section-2021-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .winner-list .winner-item .winner-item-detail {
    font-size: 12px;
  }
}

.section-2022-banner {
  position: relative;
  height: 560px;
  overflow: hidden;
  margin-bottom: 60px;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-banner {
    margin-bottom: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-banner {
    margin-bottom: 15px;
  }
}
.section-2022-banner .banner-bar {
  position: absolute;
  left: 0;
  top: 245px;
  width: 50%;
  height: 285px;
}
.section-2022-banner .banner-bar.bar1 {
  background: #FF0E0C;
  background: linear-gradient(to right, #FF0E0C, #1109C5);
}
.section-2022-banner .banner-bar.bar2 {
  background: #09A9C8;
  background: linear-gradient(to right, #09A9C8, #0B1939);
}
.section-2022-banner .banner-bar.bar3 {
  background: #FF0E0C;
  background: linear-gradient(to right, #FF0E0C, #1109C5);
}
.section-2022-banner .banner-bar.bar4 {
  background: #FB7435;
  background: linear-gradient(to right, #FB7435, #E13866);
}
.section-2022-banner .banner-bar.bar5 {
  background: #FF5A0B;
  background: linear-gradient(to right, #FF5A0B, #FF0E0C);
}
.section-2022-banner .banner-img {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -400px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 1090px;
  height: 470px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-2022-banner .banner-img {
    margin-left: -320px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-2022-banner .banner-img {
    margin-left: -250px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-banner .banner-img {
    width: 100%;
    left: 0;
    margin-left: 0;
  }
}
.section-2022-banner .container {
  position: relative;
}
.section-2022-banner .container .banner-title {
  font-weight: 700;
  color: #ffffff;
  text-transform: uppercase;
  line-height: 1.2em;
  margin-top: 375px;
  position: relative;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-banner .container .banner-title {
    font-size: 50px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-banner .container .banner-title {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-banner .container .banner-title {
    font-size: 24px;
  }
}
.section-2022-banner .container .banner-text {
  position: absolute;
  left: -70px;
  bottom: -40px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-banner .container .banner-text {
    left: -35px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-banner .container .banner-text {
    left: -15px;
  }
}
.section-2022-banner .container .banner-text img {
  height: 325px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-banner .container .banner-text img {
    height: 162px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-banner .container .banner-text img {
    height: 81px;
  }
}
.section-2022-banner.webinar-banner {
  height: 420px;
  margin-bottom: 0;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-banner.webinar-banner {
    height: 180px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-banner.webinar-banner {
    height: 120px;
  }
}
.section-2022-banner.webinar-banner .banner-bar {
  top: 105px;
  height: 205px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-banner.webinar-banner .banner-bar {
    top: 25px;
    height: 160px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-banner.webinar-banner .banner-bar {
    top: 25px;
    height: 120px;
  }
}
.section-2022-banner.webinar-banner .banner-img {
  display: none;
}
.section-2022-banner.webinar-banner .container .banner-title {
  margin-top: 115px;
  text-transform: inherit;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-banner.webinar-banner .container .banner-title {
    margin-top: 50px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-banner.webinar-banner .container .banner-title {
    margin-top: 50px;
  }
}
.section-2022-banner.webinar-banner .container .banner-text {
  bottom: -75px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-banner.webinar-banner .container .banner-text {
    bottom: -25px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-banner.webinar-banner .container .banner-text {
    bottom: 0px;
  }
}
.section-2022-banner.top-banner, .section-2022-banner.judges-banner, .section-2022-banner.sponsors-banner {
  height: 420px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-banner.top-banner, .section-2022-banner.judges-banner, .section-2022-banner.sponsors-banner {
    height: 160px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-banner.top-banner, .section-2022-banner.judges-banner, .section-2022-banner.sponsors-banner {
    height: 120px;
  }
}
.section-2022-banner.top-banner .banner-bar, .section-2022-banner.judges-banner .banner-bar, .section-2022-banner.sponsors-banner .banner-bar {
  top: 105px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-banner.top-banner .banner-bar, .section-2022-banner.judges-banner .banner-bar, .section-2022-banner.sponsors-banner .banner-bar {
    top: 25px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-banner.top-banner .banner-bar, .section-2022-banner.judges-banner .banner-bar, .section-2022-banner.sponsors-banner .banner-bar {
    top: 25px;
  }
}
.section-2022-banner.top-banner .banner-img, .section-2022-banner.judges-banner .banner-img, .section-2022-banner.sponsors-banner .banner-img {
  display: none;
}
.section-2022-banner.top-banner .container .banner-title, .section-2022-banner.judges-banner .container .banner-title, .section-2022-banner.sponsors-banner .container .banner-title {
  margin-top: 235px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-banner.top-banner .container .banner-title, .section-2022-banner.judges-banner .container .banner-title, .section-2022-banner.sponsors-banner .container .banner-title {
    margin-top: 55px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-banner.top-banner .container .banner-text, .section-2022-banner.judges-banner .container .banner-text, .section-2022-banner.sponsors-banner .container .banner-text {
    bottom: -20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-banner.judges-banner, .section-2022-banner.sponsors-banner {
    height: 160px;
  }
}

.section-2022-home-join {
  text-align: center;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  margin-bottom: 120px;
}
.section-2022-home-join .join-title-sub,
.section-2022-home-join .join-title {
  color: #AB9160;
  font-weight: 700;
  text-transform: uppercase;
}
.section-2022-home-join .join-title-sub {
  line-height: 1.2em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-home-join .join-title-sub {
    font-size: 50px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-home-join .join-title-sub {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-home-join .join-title-sub {
    font-size: 20px;
  }
}
.section-2022-home-join .join-title {
  margin-top: 0.6em;
  line-height: 1em;
  margin-bottom: 2em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-home-join .join-title {
    font-size: 62px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-home-join .join-title {
    font-size: 36px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-home-join .join-title {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-home-join .join-title {
    margin-bottom: 1em;
  }
}
.section-2022-home-join .join-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.section-2022-home-join .join-list .list-item {
  padding: 0 15px;
  margin-bottom: 30px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-home-join .join-list .list-item {
    width: 340px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-2022-home-join .join-list .list-item {
    width: 270px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-2022-home-join .join-list .list-item {
    width: 220px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-home-join .join-list .list-item {
    width: 50%;
  }
}
.section-2022-home-join .join-list .list-item .item-img {
  width: 110px;
  height: 110px;
  margin: 0 auto;
  background-position: center;
  background-repeat: no-repeat;
}
.section-2022-home-join .join-list .list-item .item-img.img1 {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='73.7px' height='73.6px' viewBox='0 0 73.7 73.6' style='overflow:visible;enable-background:new 0 0 73.7 73.6;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:url(%23SVGID_1_);%7D .st1%7Bfill:url(%23SVGID_2_);%7D .st2%7Bfill:url(%23SVGID_3_);%7D .st3%7Bfill:url(%23SVGID_4_);%7D .st4%7Bfill:url(%23SVGID_5_);%7D .st5%7Bfill:url(%23SVGID_6_);%7D .st6%7Bfill:url(%23SVGID_7_);%7D .st7%7Bfill:url(%23SVGID_8_);%7D .st8%7Bfill:url(%23SVGID_9_);%7D .st9%7Bfill:url(%23SVGID_10_);%7D .st10%7Bfill:url(%23SVGID_11_);%7D .st11%7Bfill:url(%23SVGID_12_);%7D .st12%7Bfill:url(%23SVGID_13_);%7D .st13%7Bfill:url(%23SVGID_14_);%7D .st14%7Bfill:url(%23SVGID_15_);%7D .st15%7Bfill:url(%23SVGID_16_);%7D .st16%7Bfill:url(%23SVGID_17_);%7D .st17%7Bfill:url(%23SVGID_18_);%7D .st18%7Bfill:url(%23SVGID_19_);%7D .st19%7Bfill:url(%23SVGID_20_);%7D .st20%7Bfill:url(%23SVGID_21_);%7D .st21%7Bfill:url(%23SVGID_22_);%7D .st22%7Bfill:url(%23SVGID_23_);%7D .st23%7Bfill:url(%23SVGID_24_);%7D .st24%7Bfill:url(%23SVGID_25_);%7D .st25%7Bfill:url(%23SVGID_26_);%7D .st26%7Bfill:url(%23SVGID_27_);%7D .st27%7Bfill:url(%23SVGID_28_);%7D .st28%7Bfill:url(%23SVGID_29_);%7D .st29%7Bfill:url(%23SVGID_30_);%7D%0A%3C/style%3E%3Cdefs%3E%3C/defs%3E%3Cg%3E%3ClinearGradient id='SVGID_1_' gradientUnits='userSpaceOnUse' x1='-7.6324' y1='37.4277' x2='102.3679' y2='100.6367'%3E%3Cstop offset='0' style='stop-color:%23FB7435'/%3E%3Cstop offset='1' style='stop-color:%23E13866'/%3E%3C/linearGradient%3E%3Cpath class='st0' d='M36.8,71.6c-6.9,0-13.5-2-19.2-5.7l-1.1,1.6c6,4,13,6.1,20.3,6.1c10,0,19.4-4,26.4-11.2L61.8,61 C55.1,67.8,46.3,71.6,36.8,71.6z'/%3E%3ClinearGradient id='SVGID_2_' gradientUnits='userSpaceOnUse' x1='7.0601' y1='11.8588' x2='117.0603' y2='75.0678'%3E%3Cstop offset='0' style='stop-color:%23FB7435'/%3E%3Cstop offset='1' style='stop-color:%23E13866'/%3E%3C/linearGradient%3E%3Cpath class='st1' d='M2,36.8C2,17.6,17.6,2,36.8,2c10.3,0,20,4.5,26.7,12.4l1.5-1.3C57.9,4.8,47.7,0,36.8,0C16.5,0,0,16.5,0,36.8 c0,2,0.2,3.9,0.5,5.9l1.9-0.3C2.1,40.5,2,38.6,2,36.8z'/%3E%3ClinearGradient id='SVGID_3_' gradientUnits='userSpaceOnUse' x1='15.9034' y1='-3.5307' x2='125.9038' y2='59.6783'%3E%3Cstop offset='0' style='stop-color:%23FB7435'/%3E%3Cstop offset='1' style='stop-color:%23E13866'/%3E%3C/linearGradient%3E%3Cpath class='st2' d='M70.3,36.3c0.3,0.1,0.5-0.1,0.5-0.4V19.7c0-0.3-0.3-0.5-0.5-0.4L64,22.9c-0.1,0.1-0.2,0.2-0.2,0.4v9.1 c0,0.2,0.1,0.3,0.2,0.4L70.3,36.3z'/%3E%3ClinearGradient id='SVGID_4_' gradientUnits='userSpaceOnUse' x1='10.9261' y1='5.1316' x2='120.9256' y2='68.3401'%3E%3Cstop offset='0' style='stop-color:%23FB7435'/%3E%3Cstop offset='1' style='stop-color:%23E13866'/%3E%3C/linearGradient%3E%3Cpath class='st3' d='M70.7,41c0.2,0.1,0.4,0,0.4-0.3v-2.3c0-0.1-0.1-0.2-0.2-0.3l-7-3.9c-0.2-0.1-0.4,0-0.4,0.3v2.3 c0,0.1,0.1,0.2,0.2,0.3L70.7,41z'/%3E%3ClinearGradient id='SVGID_5_' gradientUnits='userSpaceOnUse' x1='9.3883' y1='7.8079' x2='119.3885' y2='71.0169'%3E%3Cstop offset='0' style='stop-color:%23FB7435'/%3E%3Cstop offset='1' style='stop-color:%23E13866'/%3E%3C/linearGradient%3E%3Cpath class='st4' d='M64.1,37.9c-0.2-0.1-0.4,0-0.4,0.3v2.1c0,0.1,0.1,0.2,0.1,0.3l6.6,3.7c0.2,0.1,0.4,0,0.4-0.3v-2.2 c0-0.1-0.1-0.2-0.1-0.3L64.1,37.9z'/%3E%3ClinearGradient id='SVGID_6_' gradientUnits='userSpaceOnUse' x1='3.5433' y1='17.9791' x2='113.5438' y2='81.1883'%3E%3Cstop offset='0' style='stop-color:%23FB7435'/%3E%3Cstop offset='1' style='stop-color:%23E13866'/%3E%3C/linearGradient%3E%3Cpath class='st5' d='M73.3,11.9c-0.2-0.1-0.4-0.1-0.6,0l-11.3,6.4c0,0,0,0,0,0h-5.8h-2.3H41.2h-2.3h-5.8c0,0,0,0,0,0l-11.3-6.4 c-0.2-0.1-0.4-0.1-0.6,0c-0.2,0.1-0.3,0.3-0.3,0.6v24.7l-6.6,6.6c-0.2,0.2-0.4,0.3-0.6,0.3H4.9c-2.4,0-4.3,1.9-4.3,4.3v12.1 c0,1.4,1.2,2.6,2.6,2.6c0.3,0,0.6-0.1,0.9-0.1v1c0,0.5,0.4,0.9,0.9,0.9h10.4c0.5,0,0.9-0.4,0.9-0.9v-14c0-0.2,0.1-0.4,0.2-0.6 l4.5-4.8v19.5c0,0.2,0.1,0.4,0.3,0.6c0.1,0.1,0.2,0.1,0.3,0.1c0.1,0,0.2,0,0.3-0.1l11.3-6.4c0,0,0,0,0,0h28.2c0,0,0,0,0,0l11.3,6.4 c0.1,0.1,0.2,0.1,0.3,0.1c0.1,0,0.2,0,0.3-0.1c0.2-0.1,0.3-0.3,0.3-0.6V12.5C73.7,12.3,73.5,12,73.3,11.9z M20.9,41.9l-5.8,6.2 c-0.4,0.5-0.7,1.1-0.7,1.8v13.2H5.7v-13c0-0.5-0.4-0.9-0.9-0.9c-0.5,0-0.9,0.4-0.9,0.9v10.4c0,0.5-0.4,0.9-0.9,0.9 c-0.5,0-0.9-0.4-0.9-0.9V48.3c0-1.4,1.2-2.6,2.6-2.6h8.8c0.7,0,1.4-0.3,1.8-0.8l5.3-5.3l1.3-1.3l3-3c0.3-0.3,0.7-0.3,0.9,0 c0.3,0.3,0.3,0.7,0,1c0,0,0,0,0,0l-4,4.2L20.9,41.9z M32.3,57.1l-10.2,5.8V43.1l5.2-5.6c0.9-1,0.9-2.5-0.1-3.4 c-0.9-0.9-2.4-0.9-3.3,0l-1.8,1.8V13.6l10.2,5.8V57.1z M53.7,19.6h1.5l0.7,1.4H53L53.7,19.6z M39.3,19.6h1.5l0.7,1.4h-2.9 L39.3,19.6z M60.9,56.8H33.6V19.6h4.3L37,21.4c-0.1,0.2-0.1,0.4,0,0.6c0.1,0.2,0.3,0.3,0.6,0.3h5c0.2,0,0.4-0.1,0.6-0.3 c0.1-0.2,0.1-0.4,0-0.6l-0.9-1.8h10l-0.9,1.8c-0.1,0.2-0.1,0.4,0,0.6c0.1,0.2,0.3,0.3,0.6,0.3h5c0.2,0,0.4-0.1,0.6-0.3 c0.1-0.2,0.1-0.4,0-0.6l-0.9-1.8h4.3V56.8z M72.4,62.8l-10.2-5.8V19.4l10.2-5.8V62.8z'/%3E%3ClinearGradient id='SVGID_7_' gradientUnits='userSpaceOnUse' x1='5.8103' y1='14.0337' x2='115.8108' y2='77.2428'%3E%3Cstop offset='0' style='stop-color:%23FB7435'/%3E%3Cstop offset='1' style='stop-color:%23E13866'/%3E%3C/linearGradient%3E%3Cpath class='st6' d='M56.5,37H37.6c-0.1,0-0.2,0.1-0.2,0.2v1.1c0,0.1,0.1,0.2,0.2,0.2h18.9c0.1,0,0.2-0.1,0.2-0.2v-1.1 C56.7,37.1,56.6,37,56.5,37z'/%3E%3ClinearGradient id='SVGID_8_' gradientUnits='userSpaceOnUse' x1='4.8464' y1='15.7112' x2='114.8468' y2='78.9203'%3E%3Cstop offset='0' style='stop-color:%23FB7435'/%3E%3Cstop offset='1' style='stop-color:%23E13866'/%3E%3C/linearGradient%3E%3Cpath class='st7' d='M56.5,39.2H37.6c-0.1,0-0.2,0.1-0.2,0.2v1.1c0,0.1,0.1,0.2,0.2,0.2h18.9c0.1,0,0.2-0.1,0.2-0.2v-1.1 C56.7,39.3,56.6,39.2,56.5,39.2z'/%3E%3ClinearGradient id='SVGID_9_' gradientUnits='userSpaceOnUse' x1='3.8824' y1='17.3887' x2='113.8829' y2='80.5979'%3E%3Cstop offset='0' style='stop-color:%23FB7435'/%3E%3Cstop offset='1' style='stop-color:%23E13866'/%3E%3C/linearGradient%3E%3Cpath class='st8' d='M56.5,41.4H37.6c-0.1,0-0.2,0.1-0.2,0.2v1.1c0,0.1,0.1,0.2,0.2,0.2h18.9c0.1,0,0.2-0.1,0.2-0.2v-1.1 C56.7,41.5,56.6,41.4,56.5,41.4z'/%3E%3ClinearGradient id='SVGID_10_' gradientUnits='userSpaceOnUse' x1='7.6554' y1='10.8225' x2='117.6564' y2='74.0319'%3E%3Cstop offset='0' style='stop-color:%23FB7435'/%3E%3Cstop offset='1' style='stop-color:%23E13866'/%3E%3C/linearGradient%3E%3Cpath class='st9' d='M42.8,35.3c2.5,0,4.6-2.2,4.3-4.8c-0.2-1.6-1.3-3-2.8-3.5c-2-0.7-4.2,0.2-5.2,1.9l0,0 c-0.4,0.6-0.6,1.4-0.6,2.1c0,0.7,0.2,1.5,0.6,2.1C39.8,34.5,41.2,35.3,42.8,35.3z M39.3,29L39.3,29C39.3,29,39.3,29,39.3,29l3.7,2 l-3.7,2c0,0,0,0,0,0c-0.3-0.6-0.5-1.3-0.5-2C38.8,30.3,39,29.6,39.3,29z'/%3E%3ClinearGradient id='SVGID_11_' gradientUnits='userSpaceOnUse' x1='10.1479' y1='6.4859' x2='120.1477' y2='69.6947'%3E%3Cstop offset='0' style='stop-color:%23FB7435'/%3E%3Cstop offset='1' style='stop-color:%23E13866'/%3E%3C/linearGradient%3E%3Crect x='52' y='26.5' class='st10' width='1.5' height='9'/%3E%3ClinearGradient id='SVGID_12_' gradientUnits='userSpaceOnUse' x1='8.9466' y1='8.5767' x2='118.9464' y2='71.7855'%3E%3Cstop offset='0' style='stop-color:%23FB7435'/%3E%3Cstop offset='1' style='stop-color:%23E13866'/%3E%3C/linearGradient%3E%3Crect x='49.7' y='29.4' class='st11' width='1.5' height='6'/%3E%3ClinearGradient id='SVGID_13_' gradientUnits='userSpaceOnUse' x1='9.6501' y1='7.3495' x2='119.6524' y2='70.5597'%3E%3Cstop offset='0' style='stop-color:%23FB7435'/%3E%3Cstop offset='1' style='stop-color:%23E13866'/%3E%3C/linearGradient%3E%3Crect x='54.3' y='31.4' class='st12' width='1.5' height='4'/%3E%3ClinearGradient id='SVGID_14_' gradientUnits='userSpaceOnUse' x1='-3.0712' y1='29.49' x2='106.9292' y2='92.6991'%3E%3Cstop offset='0' style='stop-color:%23FB7435'/%3E%3Cstop offset='1' style='stop-color:%23E13866'/%3E%3C/linearGradient%3E%3Cpath class='st13' d='M9.9,31c-1.4,0-2.7,0.6-3.7,1.6c-0.9,0.9-1.4,2.2-1.3,3.5L5,38.4c0.2,2.7,2.4,4.7,5.1,4.7h0.1 c2.7,0,4.9-2,5.1-4.7l0.1-2.3c0.1-1.3-0.4-2.6-1.3-3.5c-1-1-2.3-1.6-3.7-1.6H9.9z M13.4,38.4c-0.1,1.7-1.6,3.1-3.3,3H10 c-1.7,0-3.2-1.3-3.3-3l0-0.7c1.7-0.1,3.2-0.7,4.5-1.7c0.5,0.8,1.3,1.4,2.3,1.6L13.4,38.4z M13.5,35.7c-0.6-0.3-1-0.8-1.2-1.4 c0-0.4-0.3-0.7-0.7-0.7c-0.4-0.1-0.7,0.1-0.9,0.4c0,0-1.1,1.7-4.1,2c0-0.8,0.3-1.6,0.9-2.2c0.6-0.7,1.5-1,2.5-1h0.3 c0.9,0,1.8,0.4,2.5,1C13.2,34.3,13.5,35,13.5,35.7z'/%3E%3ClinearGradient id='SVGID_15_' gradientUnits='userSpaceOnUse' x1='-9.8148' y1='41.2255' x2='100.1856' y2='104.4346'%3E%3Cstop offset='0' style='stop-color:%23FB7435'/%3E%3Cstop offset='1' style='stop-color:%23E13866'/%3E%3C/linearGradient%3E%3Cpath class='st14' d='M10.1,46.6c-0.5,0-0.9,0.4-0.9,0.9v10.4c0,0.5,0.4,0.9,0.9,0.9c0.5,0,0.9-0.4,0.9-0.9V47.5 C10.9,47,10.6,46.6,10.1,46.6z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.section-2022-home-join .join-list .list-item .item-img.img2 {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='107.04px' height='79.48px' viewBox='0 0 107.04 79.48' style='overflow:visible%3Benable-background:new 0 0 107.04 79.48%3B' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0%7Bfill:url(%23SVGID_1_)%3B%7D.st1%7Bfill:url(%23SVGID_2_)%3B%7D%3C/style%3E%3Cdefs%3E%3C/defs%3E%3ClinearGradient id='SVGID_1_' gradientUnits='userSpaceOnUse' x1='-1.3898' y1='49.6463' x2='119.434' y2='20.2568'%3E%3Cstop offset='0' style='stop-color:%23FB7435'/%3E%3Cstop offset='1' style='stop-color:%23E13866'/%3E%3C/linearGradient%3E%3Cpath class='st0' d='M105.93 9.52l-1.13 0.74c-1.13 0.75-2.27 1.47-3.4 2.17l-0.2-7.13l-1.13 0.74c-7.5 4.94-14.96 8.9-22.36 11.89c-2.05-2.58-4.42-4.89-7.06-6.86c0.39-0.83 0.62-1.76 0.62-2.74c0-3.57-2.91-6.48-6.48-6.48c-2.44 0-4.58 1.36-5.68 3.37c-3.51-1.08-7.24-1.66-11.11-1.66c-3.72 0-7.33 0.55-10.77 1.55C35.11 2.03 31.54 0 27.51 0c-6.53 0-11.84 5.31-11.84 11.84c0 2.5 0.78 4.81 2.11 6.72c-2.05 2.71-3.77 5.71-5.07 8.98l1.86 0.74c1.17-2.95 2.71-5.67 4.52-8.13c2.15 2.18 5.13 3.53 8.42 3.53c6.53 0 11.84-5.31 11.84-11.84c0-1.76-0.4-3.43-1.09-4.93c3.12-0.87 6.39-1.35 9.75-1.35c3.62 0 7.12 0.54 10.42 1.55c-0.08 0.4-0.12 0.81-0.12 1.23c0 3.57 2.91 6.48 6.48 6.48c1.87 0 3.56-0.81 4.75-2.08c2.31 1.73 4.41 3.74 6.24 5.97c-10.64 4.05-21.13 6.06-31.4 5.98l-0.78-0.01l1.1 39.4l0.73 0c1.29-0.01 2.58-0.05 3.87-0.12c0.25-0.01 0.5-0.04 0.75-0.05c0.25-0.02 0.5-0.03 0.75-0.05c9.78-0.69 19.77-3.14 29.88-7.35c-0.9 1.96-1.98 3.83-3.21 5.58c-0.25 0.35-0.5 0.71-0.76 1.05c-0.26 0.34-0.53 0.68-0.8 1.02c-6.6 8.12-16.66 13.32-27.91 13.32c-5.15 0-10.13-1.14-14.67-3.18c0.93-1.44 1.48-3.14 1.48-4.98c0-5.05-4.11-9.17-9.17-9.17c-2.55 0-4.87 1.05-6.53 2.74c-2-2.68-3.65-5.65-4.85-8.88l-1.88 0.7c1.33 3.59 3.18 6.89 5.44 9.83c-0.85 1.39-1.36 3.02-1.36 4.77c0 5.05 4.11 9.17 9.17 9.17c2.47 0 4.71-0.99 6.36-2.58c4.92 2.3 10.36 3.57 15.99 3.57c12.93 0 24.37-6.5 31.22-16.41c9.06-3.15 18.22-7.69 27.44-13.66l0.35-0.23L105.93 9.52z M36.77 11.84c0 5.1-4.15 9.26-9.26 9.26c-2.69 0-5.1-1.16-6.8-3c-0.46-0.5-0.87-1.05-1.22-1.65c-0.79-1.36-1.24-2.93-1.24-4.61c0-5.1 4.15-9.26 9.26-9.26c2.88 0 5.45 1.32 7.15 3.39c0.43 0.53 0.8 1.11 1.11 1.73C36.41 8.95 36.77 10.35 36.77 11.84z M64.8 13.41c-2.79 0-5.07-2.27-5.07-5.07c0-0.27 0.04-0.52 0.08-0.78c0.11-0.68 0.34-1.31 0.69-1.88c0.89-1.44 2.48-2.41 4.3-2.41c2.79 0 5.07 2.27 5.07 5.07c0 0.67-0.14 1.31-0.38 1.9c-0.26 0.63-0.63 1.2-1.1 1.67C67.47 12.84 66.2 13.41 64.8 13.41z M30.09 74.95c-1.22 0.96-2.75 1.54-4.42 1.54c-3.95 0-7.17-3.22-7.17-7.17c0-1.11 0.26-2.16 0.72-3.1c0.31-0.64 0.7-1.22 1.18-1.73c1.31-1.43 3.19-2.33 5.27-2.33c3.95 0 7.17 3.21 7.17 7.17c0 1.53-0.48 2.94-1.3 4.11C31.12 74 30.64 74.51 30.09 74.95z M46.17 62.57l-1.01-36.38c10.34-0.03 20.9-2.13 31.59-6.26c0.64-0.25 1.28-0.49 1.92-0.75c6.99-2.85 14.04-6.56 21.11-11.14l0.15 5.29l0.02 0.86l0.02 0.86l0.81 29.11c-5.6 3.6-11.18 6.67-16.72 9.22c-0.84 0.39-1.69 0.76-2.53 1.12c-10.42 4.5-20.71 7.13-30.77 7.85c-0.25 0.02-0.5 0.04-0.75 0.06c-0.25 0.02-0.5 0.04-0.75 0.05C48.23 62.52 47.2 62.55 46.17 62.57z M83.35 55.36c6.17-2.75 12.37-6.13 18.61-10.16l0.35-0.23l-0.86-30.8c1.02-0.62 2.03-1.26 3.05-1.91l1.01 36.13c-8.38 5.39-16.7 9.59-24.93 12.62C81.65 59.21 82.58 57.32 83.35 55.36z M13.07 43.6c0 4.68-2.7 6.86-6.54 6.86C2.7 50.46 0 48.28 0 43.6V32.73h3.25v10.92c0 2.55 1.08 3.81 3.28 3.81c2.2 0 3.28-1.25 3.28-3.81V32.73h3.26V43.6z M23.71 45.17c0-2.9-7.34-2.33-7.34-7.89c0-2.65 2.03-4.76 4.78-4.76c2.33 0 4.11 1.15 5.06 3.18l-2.63 1.68c-0.68-1.3-1.4-1.85-2.43-1.85c-0.95 0-1.68 0.68-1.68 1.6c0 3.05 7.49 2.65 7.49 7.86c0 3.43-2.25 5.46-5.61 5.46c-3.18 0-5.48-2.23-6.03-4.91l2.63-1.65c0.53 1.88 1.58 3.56 3.48 3.56C22.78 47.45 23.71 46.78 23.71 45.17z M37.15 45.17c0-2.9-7.34-2.33-7.34-7.89c0-2.2 1.38-4.01 3.43-4.58v-2.23h3.06v2.28c1.5 0.43 2.65 1.45 3.35 2.95l-2.63 1.68c-0.68-1.3-1.4-1.85-2.43-1.85c-0.95 0-1.68 0.68-1.68 1.6c0 3.05 7.49 2.65 7.49 7.86c0 2.9-1.6 4.78-4.11 5.31v2.2h-3.06v-2.25c-2.4-0.58-4.03-2.53-4.48-4.71l2.63-1.65c0.53 1.88 1.58 3.56 3.48 3.56C36.23 47.45 37.15 46.78 37.15 45.17z M68.45 50.26h-3.26V32.73h3.66l4.13 10.94l4.13-10.94h3.66v17.53h-3.25V39.44l-3.36 9.21H71.8l-3.36-9.21V50.26z M49.84 45.1l5.86-12.98h2.79L52.58 45.1h4.58v-5.21h2.51v5.21h1.41v2.43h-1.41v2.7h-2.51v-2.69l-7.31 0V45.1z'/%3E%3C/svg%3E");
}
.section-2022-home-join .join-list .list-item .item-img.img3 {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='73px' height='89.5px' viewBox='0 0 73 89.5' style='overflow:visible;enable-background:new 0 0 73 89.5;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:url(%23SVGID_1_);%7D .st1%7Bfill:url(%23SVGID_2_);%7D .st2%7Bfill:url(%23SVGID_3_);%7D .st3%7Bfill:url(%23SVGID_4_);%7D .st4%7Bfill:url(%23SVGID_5_);%7D .st5%7Bfill:url(%23SVGID_6_);%7D .st6%7Bfill:url(%23SVGID_7_);%7D .st7%7Bfill:url(%23SVGID_8_);%7D .st8%7Bfill:url(%23SVGID_9_);%7D .st9%7Bfill:url(%23SVGID_10_);%7D .st10%7Bfill:url(%23SVGID_11_);%7D .st11%7Bfill:url(%23SVGID_12_);%7D .st12%7Bfill:url(%23SVGID_13_);%7D .st13%7Bfill:url(%23SVGID_14_);%7D%0A%3C/style%3E%3Cdefs%3E%3C/defs%3E%3Cg%3E%3ClinearGradient id='SVGID_1_' gradientUnits='userSpaceOnUse' x1='46.0913' y1='4.625' x2='87.1362' y2='44.849'%3E%3Cstop offset='0' style='stop-color:%23FB7435'/%3E%3Cstop offset='1' style='stop-color:%23E13866'/%3E%3C/linearGradient%3E%3Cpath class='st0' d='M52.2,15.6c-0.1,0-0.3,0-0.4,0c-0.2,0-0.3,0-0.5-0.1c-0.2,0-0.3-0.1-0.5-0.1c-0.1,0-0.3-0.1-0.4-0.1 c-0.1-0.1-0.3-0.1-0.4-0.2c-0.1-0.1-0.2-0.1-0.4-0.2c-0.1-0.1-0.2-0.1-0.3-0.2c-0.1-0.1-0.2-0.2-0.3-0.2c-0.1-0.1-0.2-0.2-0.3-0.3 c-0.1-0.1-0.2-0.2-0.3-0.3c-0.1-0.1-0.2-0.2-0.3-0.3c-0.1-0.1-0.2-0.2-0.2-0.3c-0.1-0.1-0.1-0.2-0.2-0.4c-0.1-0.1-0.1-0.3-0.2-0.4 c-0.1-0.1-0.1-0.3-0.1-0.4c0-0.1-0.1-0.3-0.1-0.4c0-0.2-0.1-0.3-0.1-0.5c0-0.2,0-0.3,0-0.5c0-0.2,0-0.4,0-0.6 c0-0.2,0.1-0.5,0.1-0.7c0.1-0.3,0.2-0.6,0.4-0.9C48.2,7.4,49,6.6,50,6.2c0.3-0.1,0.6-0.3,0.9-0.4c0.2-0.1,0.5-0.1,0.7-0.1 c0.2,0,0.4,0,0.6,0c0,0,0,0,0,0c0.2,0,0.4,0,0.5,0c0.2,0,0.3,0,0.5,0.1c0.2,0,0.3,0.1,0.4,0.1c0.1,0,0.3,0.1,0.4,0.1 c0.1,0.1,0.3,0.1,0.4,0.2c0.1,0.1,0.2,0.1,0.4,0.2c0.1,0.1,0.2,0.1,0.3,0.2c0.1,0.1,0.2,0.2,0.3,0.3c0.1,0.1,0.2,0.2,0.3,0.3 c0.1,0.1,0.2,0.2,0.3,0.3c0.1,0.1,0.2,0.2,0.2,0.3c0.1,0.1,0.2,0.2,0.2,0.3c0.1,0.1,0.1,0.2,0.2,0.4c0.1,0.1,0.1,0.3,0.2,0.4 C56.9,9,57,9.1,57,9.3c0,0.1,0.1,0.3,0.1,0.5c0,0.2,0.1,0.3,0.1,0.5c0,0.1,0,0.3,0,0.4l0,0.2c0,0.2,0,0.4-0.1,0.6 c0,0.3-0.1,0.5-0.2,0.7c-0.1,0.3-0.3,0.7-0.5,1c-0.4,0.7-1,1.3-1.7,1.7c-0.3,0.2-0.7,0.4-1,0.5c-0.2,0.1-0.5,0.1-0.7,0.2 c-0.2,0-0.4,0.1-0.6,0.1L52.2,15.6z M52.2,7.6c-0.1,0-0.2,0-0.3,0c-0.4,0.1-0.8,0.2-1.1,0.3c-0.5,0.3-0.9,0.7-1.2,1.2 c-0.2,0.3-0.3,0.7-0.3,1c0,0.2,0,0.3,0,0.4c0,0.1,0,0.2,0,0.2l0,0.1c0,0.2,0.1,0.4,0.1,0.6c0.1,0.2,0.1,0.3,0.2,0.5 c0.1,0.2,0.2,0.3,0.3,0.4c0.1,0.1,0.2,0.3,0.3,0.4c0.1,0.1,0.2,0.2,0.4,0.3c0.1,0.1,0.3,0.2,0.4,0.3c0.2,0.1,0.3,0.1,0.5,0.2 c0.2,0.1,0.4,0.1,0.6,0.1c0.1,0,0.1,0,0.2,0c0.2,0,0.4,0,0.6-0.1c0.5-0.1,1-0.3,1.4-0.7c0.1-0.1,0.2-0.2,0.3-0.3 c0.3-0.4,0.6-0.9,0.7-1.4c0-0.2,0.1-0.4,0.1-0.6c0,0,0-0.1,0-0.1c0-0.2,0-0.4-0.1-0.6c0-0.2-0.1-0.4-0.2-0.5 c-0.1-0.2-0.2-0.3-0.3-0.4c-0.1-0.1-0.2-0.3-0.3-0.4c-0.1-0.1-0.2-0.2-0.4-0.3c-0.1-0.1-0.3-0.2-0.4-0.3c-0.2-0.1-0.3-0.1-0.5-0.2 c-0.2-0.1-0.4-0.1-0.6-0.1l-0.1,0C52.4,7.6,52.3,7.6,52.2,7.6z'/%3E%3ClinearGradient id='SVGID_2_' gradientUnits='userSpaceOnUse' x1='9.9693' y1='41.4842' x2='51.014' y2='81.708'%3E%3Cstop offset='0' style='stop-color:%23FB7435'/%3E%3Cstop offset='1' style='stop-color:%23E13866'/%3E%3C/linearGradient%3E%3Cpath class='st1' d='M28.3,74.4c-0.1,0-0.2,0-0.4-0.1c-0.1,0-0.2-0.1-0.3-0.2c-0.1-0.1-0.1-0.1-0.2-0.2l-4.1-6.8 c-0.1-0.1-0.1-0.2-0.1-0.3c0-0.2,0-0.3,0-0.5l1.4-4.1c0-0.1,0.1-0.2,0.1-0.2l0.2-0.2L23.4,59l-0.1-0.1c-0.1-0.1-0.2-0.2-0.2-0.4 c-0.1-0.1-0.1-0.3-0.2-0.4c-0.1-0.1-0.1-0.3-0.2-0.4c-0.1-0.1-0.1-0.3-0.2-0.4c-0.1-0.1-0.1-0.3-0.2-0.4c-0.1-0.2-0.1-0.3-0.1-0.5 c0-0.2-0.1-0.3-0.1-0.5c0-0.2-0.1-0.4-0.1-0.5c0-0.2,0-0.4,0-0.5l0-0.1c0-0.1,0-0.2,0-0.3l0-0.2c0-0.2,0-0.4,0.1-0.6 c0-0.2,0.1-0.5,0.1-0.7c0.1-0.3,0.2-0.6,0.3-0.9c0.2-0.4,0.4-0.9,0.7-1.3c0.5-0.7,1-1.2,1.7-1.7c0.4-0.3,0.8-0.5,1.2-0.7 c0.2-0.1,0.4-0.2,0.6-0.2c0.1,0,0.1,0,0.2,0l0.1,0c0.2-0.1,0.5-0.1,0.7-0.2c0.2,0,0.4-0.1,0.7-0.1c0.2,0,0.4,0,0.6,0 c0.2,0,0.4,0,0.6,0c0.2,0,0.4,0,0.5,0.1c0.2,0,0.3,0.1,0.5,0.1c0.2,0,0.3,0.1,0.5,0.1c0.2,0,0.3,0.1,0.5,0.1l0.5,0.2 c0.1,0.1,0.3,0.1,0.4,0.2c0.1,0.1,0.3,0.1,0.4,0.2c0.1,0.1,0.3,0.1,0.4,0.2c0.1,0.1,0.2,0.2,0.4,0.2c0.1,0.1,0.2,0.2,0.3,0.3 c0.1,0.1,0.2,0.2,0.3,0.3c0.1,0.1,0.2,0.2,0.3,0.3c0.1,0.1,0.2,0.2,0.3,0.3c0.1,0.1,0.2,0.2,0.3,0.3c0.1,0.1,0.2,0.2,0.2,0.4 c0.1,0.1,0.1,0.3,0.2,0.4c0.1,0.1,0.1,0.3,0.2,0.4c0.1,0.1,0.1,0.3,0.2,0.4c0.1,0.2,0.1,0.3,0.1,0.5c0,0.2,0.1,0.3,0.1,0.5 c0,0.2,0.1,0.3,0.1,0.5c0,0.2,0,0.4,0,0.6c0,0.2,0,0.4,0,0.6c0,0.2-0.1,0.5-0.1,0.7c0,0.3-0.1,0.5-0.2,0.8c-0.1,0.3-0.2,0.6-0.4,1 c-0.2,0.5-0.5,0.9-0.7,1.3l-0.2,0.3l2.7,2.7c0,0,0.1,0.1,0.1,0.1c0.1,0.1,0.1,0.2,0.2,0.3c0,0.1,0.1,0.3,0,0.4c0,0.1,0,0.2-0.1,0.2 l-2.7,6.8c0,0.1-0.1,0.1-0.1,0.2c0,0.1-0.1,0.1-0.1,0.1l-4.1,4.1c0,0,0,0-0.1,0.1c-0.2,0.2-0.4,0.2-0.6,0.2H28.3z M25.3,66.4 l3.8,6.2l3.9-3.9l2.4-6l-1.9-1.9l-3.7,6.2c-0.1,0.1-0.2,0.3-0.3,0.3c0,0-0.1,0.1-0.2,0.1c-0.1,0-0.2,0.1-0.3,0.1 c-0.1,0-0.1,0-0.2,0c-0.1,0-0.2-0.1-0.3-0.1c-0.1-0.1-0.2-0.1-0.2-0.2c0,0-0.1-0.1-0.1-0.1l-2-3.3L25.3,66.4z M26.6,50.3 c-1.2,0.5-2.1,1.5-2.5,2.7c-0.1,0.3-0.2,0.6-0.2,0.9l0,0.1c0,0.1,0,0.2,0,0.3c0,0.1,0,0.2,0,0.2c0,0.3,0,0.5,0.1,0.7 c0,0.2,0.1,0.4,0.1,0.6c0,0.2,0.1,0.4,0.2,0.5c0.1,0.2,0.1,0.3,0.2,0.5c0.1,0.2,0.1,0.3,0.2,0.5c0.1,0.1,0.2,0.3,0.3,0.4 c0.1,0.1,0.2,0.2,0.2,0.2l4,6.7l0.4-0.6l3.6-6.1c0-0.1,0.1-0.1,0.2-0.2c0.3-0.4,0.5-0.9,0.7-1.4c0.1-0.3,0.2-0.6,0.2-0.9 c0-0.2,0.1-0.5,0.1-0.8c0-0.1,0-0.2,0-0.2c0-0.1,0-0.3,0-0.4l0-0.1c0-0.2-0.1-0.4-0.1-0.6c0-0.2-0.1-0.4-0.2-0.5 c-0.1-0.2-0.1-0.3-0.2-0.5c-0.1-0.1-0.2-0.3-0.3-0.4c-0.1-0.1-0.2-0.3-0.3-0.4c-0.1-0.1-0.2-0.2-0.3-0.4c-0.1-0.1-0.2-0.2-0.4-0.3 c-0.1-0.1-0.3-0.2-0.4-0.3c-0.1-0.1-0.3-0.2-0.5-0.2l-0.1,0c-0.1-0.1-0.2-0.1-0.3-0.1l-0.3-0.1c-0.1,0-0.2-0.1-0.2-0.1 c-0.2-0.1-0.4-0.1-0.6-0.2c-0.2,0-0.4-0.1-0.6-0.1c-0.2,0-0.3,0-0.5,0c-0.1,0-0.1,0-0.2,0c-0.3,0-0.5,0-0.8,0.1 c-0.2,0-0.5,0.1-0.7,0.2L26.6,50.3L26.6,50.3z'/%3E%3ClinearGradient id='SVGID_3_' gradientUnits='userSpaceOnUse' x1='12.5564' y1='38.8442' x2='53.6012' y2='79.0682'%3E%3Cstop offset='0' style='stop-color:%23FB7435'/%3E%3Cstop offset='1' style='stop-color:%23E13866'/%3E%3C/linearGradient%3E%3Cpath class='st2' d='M29,58c-0.1,0-0.1,0-0.2,0c-0.2,0-0.4,0-0.5-0.1c-0.1,0-0.3-0.1-0.4-0.1c-0.1-0.1-0.3-0.1-0.4-0.2 c-0.1-0.1-0.2-0.1-0.3-0.2c-0.1-0.1-0.2-0.2-0.3-0.3c-0.1-0.1-0.2-0.2-0.3-0.3c-0.1-0.1-0.2-0.2-0.2-0.3c-0.1-0.1-0.1-0.3-0.2-0.4 c-0.1-0.1-0.1-0.3-0.1-0.4c0-0.2-0.1-0.3-0.1-0.5c0-0.1,0-0.1,0-0.2c0-0.1,0-0.3,0-0.4c0-0.3,0.1-0.5,0.2-0.8 c0.3-0.7,0.9-1.3,1.6-1.6c0.2-0.1,0.5-0.2,0.8-0.2c0.1,0,0.3,0,0.4,0c0,0,0.1,0,0.1,0c0.2,0,0.4,0,0.6,0.1c0.1,0,0.3,0.1,0.4,0.1 c0.1,0.1,0.3,0.1,0.4,0.2c0.1,0.1,0.2,0.1,0.3,0.2c0.1,0.1,0.2,0.2,0.3,0.3c0.1,0.1,0.2,0.2,0.3,0.3c0.1,0.1,0.2,0.2,0.2,0.3 c0.1,0.1,0.1,0.2,0.2,0.4c0.1,0.1,0.1,0.3,0.1,0.4c0,0.2,0.1,0.3,0.1,0.5c0,0.1,0,0.2,0,0.2c0,0.1,0,0.2,0,0.4 c0,0.3-0.1,0.5-0.2,0.8c-0.3,0.8-0.9,1.4-1.7,1.7c-0.2,0.1-0.5,0.2-0.8,0.2C29.2,58,29.1,58,29,58z M27.9,55c0,0.2,0.1,0.5,0.3,0.7 c0.2,0.2,0.4,0.3,0.7,0.3l0.1,0l0,0c0.6,0,1.1-0.5,1.1-1.1v-0.1l0-0.1c0-0.2-0.1-0.5-0.3-0.6c-0.2-0.2-0.4-0.3-0.7-0.3l0,0l-0.1,0 C28.4,53.9,27.9,54.4,27.9,55L27.9,55L27.9,55z'/%3E%3ClinearGradient id='SVGID_4_' gradientUnits='userSpaceOnUse' x1='24.7631' y1='26.3884' x2='65.808' y2='66.6124'%3E%3Cstop offset='0' style='stop-color:%23FB7435'/%3E%3Cstop offset='1' style='stop-color:%23E13866'/%3E%3C/linearGradient%3E%3Cpath class='st3' d='M36.1,81.2c-0.1,0-0.2,0-0.4,0l-1.1,0c-0.1,0-0.2,0-0.3,0c-0.1,0-0.2,0-0.3,0c0,0-1.3-0.1-1.4-0.1 c-0.1,0-0.9-0.1-1.1-0.1c0,0-0.5-0.1-0.6-0.1c-0.1,0-0.5-0.1-0.5-0.1c-0.1,0-1.2-0.2-1.2-0.2c-0.1,0-0.2,0-0.4-0.1 c-0.1,0-0.5-0.1-0.5-0.1c-0.2,0-0.9-0.2-1-0.2c-0.1,0-0.5-0.1-0.5-0.1l-1.1-0.3l-0.3-0.1c-0.1,0-1.3-0.5-1.4-0.5 c0,0-1.7-0.7-1.8-0.7c-0.1,0-1.4-0.6-1.4-0.6l-0.3-0.2c-0.1,0-1.2-0.6-1.2-0.6l-0.4-0.2c0,0-1.1-0.7-1.2-0.7c0,0-1.5-0.9-1.5-1 c-0.1,0-1.3-0.9-1.3-0.9l-0.2-0.1c-0.1,0-1.2-1-1.2-1l-0.2-0.2c-0.1-0.1-1.1-1-1.1-1l-0.2-0.2l-1.1-1l-0.2-0.2l-0.9-1L9.2,69 l-0.9-1l-0.3-0.3l-0.9-1.1l-0.2-0.2l-0.8-1.2l-0.1-0.2l-0.8-1.3l-0.1-0.2c0-0.1-0.7-1.3-0.7-1.3l-0.1-0.2c0-0.1-0.7-1.3-0.7-1.3 l-0.1-0.3c0-0.1-0.6-1.3-0.6-1.3l-0.1-0.3c0-0.1-0.5-1.3-0.5-1.3l-0.2-0.4c0-0.1-0.4-1.3-0.4-1.4c0,0-0.5-1.8-0.5-1.9 c0-0.1-0.3-1.4-0.3-1.5c0-0.2-0.1-0.3-0.1-0.5c0-0.1-0.2-1.3-0.2-1.3c0-0.1,0-0.2,0-0.3c0-0.1-0.1-0.5-0.1-0.5c0-0.1-0.1-1-0.1-1.1 c0-0.2,0-0.4-0.1-0.5c0-0.1,0-0.6,0-0.6s-0.1-1-0.1-1c0-0.1,0-0.1,0-0.1C0,46.1,0,46,0,46l0-0.4c0-0.2,0-0.9,0-0.9s0-1.4,0-1.5 c0-0.2,0-0.4,0-0.6c0-0.1,0-0.3,0-0.4l0-0.4c0-0.1,0-0.3,0-0.4c0-0.2,0-0.4,0.1-0.6c0-0.2,0.1-0.4,0.1-0.6l0.1-0.4 c0-0.1,0-0.3,0.1-0.4c0-0.2,0.1-0.3,0.1-0.5l0.1-0.4c0-0.2,0.1-0.4,0.1-0.6c0-0.3,0.1-0.5,0.2-0.8C0.9,36.7,1,36.4,1,36.2l0-0.2 c0-0.2,0.1-0.4,0.2-0.6c0.1-0.2,0.1-0.5,0.2-0.7l0.1-0.3c0.1-0.2,0.1-0.4,0.2-0.7c0.1-0.3,0.2-0.5,0.3-0.8L2,32.8 c3.6-10.5,12.1-18.9,22.6-22.6l0.1-0.1c0.3-0.1,0.5-0.2,0.8-0.3c0.2-0.1,0.4-0.1,0.7-0.2l0.4-0.1c0.2-0.1,0.4-0.1,0.7-0.2 c0.2-0.1,0.4-0.1,0.6-0.2l0.2,0c0.3-0.1,0.5-0.1,0.8-0.2C29,9,29.3,8.9,29.5,8.9c0.2,0,0.4-0.1,0.7-0.1l0.4-0.1 c0.1,0,0.3-0.1,0.5-0.1c0.1,0,0.3,0,0.4-0.1l0.4-0.1c0.2,0,0.4-0.1,0.6-0.1c0.3,0,0.5-0.1,0.7-0.1c0.1,0,0.3,0,0.4,0l0.4,0 c0.1,0,0.3,0,0.4,0c0.2,0,0.4,0,0.6,0c0.1,0,1.5,0,1.5,0s0.7,0,0.9,0c0.2,0,0.7,0,0.7,0c0.2,0,0.3,0,0.5,0c0.1,0,1,0.1,1.1,0.1 c0,0,1,0.1,1.1,0.1l0.3,0l0.1-0.3c0.1-0.3,0.2-0.6,0.3-0.9c0.1-0.3,0.3-0.7,0.4-1c0.2-0.4,0.4-0.9,0.7-1.3c0.8-1.3,2-2.4,3.3-3.3 c0.4-0.3,0.8-0.5,1.3-0.7c0.3-0.1,0.6-0.3,1-0.4l0.2-0.1c0.2-0.1,0.4-0.1,0.6-0.2c0.3-0.1,0.6-0.1,0.8-0.2c0.2,0,0.5-0.1,0.7-0.1 c0.2,0,0.4-0.1,0.7-0.1c0.2,0,0.4,0,0.5,0c0,0,0.3,0,0.5,0l0.2,0c0.2,0,0.4,0,0.5,0c0.2,0,0.4,0,0.6,0.1c0.2,0,0.3,0,0.5,0.1 c0.2,0,0.3,0.1,0.5,0.1c0.2,0,0.3,0.1,0.5,0.1c0.2,0,0.3,0.1,0.5,0.1c0.1,0,0.3,0.1,0.4,0.1c0,0,0.2,0.1,0.3,0.1L56.7,1 c0.1,0.1,0.3,0.1,0.4,0.2c0.1,0.1,0.3,0.1,0.4,0.2c0.1,0.1,0.3,0.1,0.4,0.2c0.1,0.1,0.3,0.1,0.4,0.2c0.1,0.1,0.2,0.1,0.4,0.2 C58.7,2,58.8,2.1,59,2.2c0.1,0.1,0.2,0.2,0.3,0.2c0.1,0.1,0.2,0.2,0.3,0.2l0.1,0.1c0.1,0.1,0.2,0.1,0.3,0.2C60,3,60.1,3.1,60.2,3.2 l0.1,0.1c0.1,0.1,0.1,0.1,0.2,0.2c0.1,0.1,0.1,0.1,0.2,0.2L60.9,4C61,4,61,4.1,61.1,4.2c0.1,0.1,0.1,0.2,0.2,0.2l0.2,0.2 c0.1,0.1,0.1,0.1,0.2,0.2c0.1,0.1,0.1,0.2,0.2,0.2l0.1,0.2C62,5.4,62,5.5,62.1,5.6c0.1,0.1,0.1,0.2,0.2,0.3l0,0.1 c0.1,0.1,0.1,0.3,0.2,0.4c0.1,0.1,0.1,0.3,0.2,0.4c0.1,0.1,0.1,0.3,0.2,0.4c0.1,0.1,0.1,0.3,0.2,0.4c0,0.1,0.1,0.3,0.1,0.4l0,0.2 c0,0.1,0.1,0.2,0.1,0.4c0,0.1,0.1,0.3,0.1,0.4l0,0.1c0,0.2,0.1,0.3,0.1,0.5c0,0.2,0,0.4,0.1,0.5c0,0.2,0,0.3,0,0.5c0,0,0,0.3,0,0.4 l0,0.3c0,0.2,0,0.4,0,0.6c0,0.2,0,0.4-0.1,0.6c0,0.2-0.1,0.5-0.1,0.7c0,0.3-0.1,0.5-0.2,0.8c-0.1,0.3-0.1,0.6-0.2,0.8 c-0.1,0.3-0.2,0.6-0.3,0.9c-0.1,0.4-0.3,0.8-0.5,1.1c-0.2,0.4-0.4,0.7-0.5,1L61.4,18l0.2,0.2l1.1,1.1l0.2,0.2c0.1,0.1,0.9,1,0.9,1 l0.3,0.3l0.9,1l0.3,0.4l0.8,1.1l0.3,0.4l0.8,1.1c0,0,0.9,1.5,1,1.6c0,0.1,0.8,1.4,0.8,1.4l0.1,0.2c0,0.1,0.6,1.3,0.6,1.3l0.2,0.4 c0,0,0.5,1.2,0.6,1.3c0,0.1,0.3,0.9,0.3,0.9l0.2,0.6l0.1,0.3c0,0.1,0.3,1,0.3,1s0.1,0.4,0.2,0.5c0,0.1,0.3,1,0.3,1l0.1,0.5 c0,0.2,0.1,0.3,0.1,0.5c0,0.1,0.3,1.2,0.3,1.2c0,0.1,0,0.2,0.1,0.3c0,0.1,0.2,1.3,0.2,1.3c0,0.1,0,0.2,0,0.3c0,0.1,0,0.2,0,0.3 c0,0,0.1,1.3,0.2,1.4c0,0.1,0,0.6,0,0.6c0,0.2,0.1,0.8,0.1,0.8c0,0.1,0,0.2,0,0.3c0,0.2,0,0.3,0,0.4l0,1.1c0,0.1,0,0.2,0,0.4 c0,0.1,0,0.3,0,0.4l0,1.2c0,0.1,0,0.3,0,0.4c0,0.1,0,0.3,0,0.4l0,0.3c0,0.2,0,0.5-0.1,0.7l0,0.2c0,0.2,0,0.3,0,0.5 c0,0.2,0,0.3-0.1,0.5L72.6,50c0,0.2,0,0.3-0.1,0.5c0,0.2-0.1,0.4-0.1,0.6l0,0.2c0,0.3-0.1,0.5-0.1,0.8c-0.1,0.3-0.1,0.5-0.2,0.8 c-0.1,0.3-0.1,0.5-0.2,0.8l-0.1,0.2c-0.1,0.2-0.1,0.5-0.2,0.7c-0.1,0.3-0.2,0.5-0.2,0.8l0,0.1c-0.1,0.3-0.2,0.6-0.3,0.9 c-0.1,0.3-0.2,0.6-0.3,0.9c0,0-0.1-0.1-0.1-0.1c-0.1-0.1-0.2-0.2-0.3-0.2c-0.1-0.1-0.2-0.1-0.3-0.2l-0.2-0.2 c-0.1-0.1-0.2-0.1-0.3-0.2c-0.1-0.1-0.2-0.1-0.3-0.2l-0.2-0.1c0.1-0.2,0.2-0.5,0.2-0.8c0.1-0.3,0.2-0.6,0.3-0.9 c0.1-0.3,0.2-0.6,0.2-0.9c0.1-0.3,0.1-0.6,0.2-0.9c0.1-0.2,0.1-0.5,0.2-0.8l0-0.1c0.1-0.3,0.1-0.5,0.2-0.8c0-0.3,0.1-0.5,0.1-0.8 c0-0.3,0.1-0.5,0.1-0.8c0-0.3,0.1-0.5,0.1-0.7c0-0.2,0-0.4,0.1-0.6l0-0.3c0-0.2,0-0.4,0-0.5c0-0.2,0-0.3,0-0.5l0-0.4 c0-0.2,0-0.3,0-0.5c0-0.1,0-0.3,0-0.4l0-0.4c0-0.2,0-0.3,0-0.5c0-0.1,0-0.6,0-0.6l0-0.1c0-0.2,0-0.3,0-0.5c0-0.2,0-0.4,0-0.5 c0,0,0-0.5,0-0.7c0-0.2,0-0.4-0.1-0.6c0-0.2-0.1-1-0.1-1.2c0-0.1-0.1-1-0.2-1.1c0-0.2-0.1-0.5-0.1-0.5c0-0.2-0.2-1-0.2-1.1 c0-0.1-0.1-0.5-0.1-0.5s-0.1-0.4-0.1-0.5c0-0.2-0.1-0.3-0.1-0.5c0-0.1-0.2-0.9-0.3-1l-0.2-0.8l-0.5,0.6l-1.4,2.1l-2.7,14.8 c0,0,0,0.1,0,0.1c0,0.1-0.1,0.2-0.1,0.2c-0.1,0.2-0.3,0.3-0.5,0.4c-0.1,0-0.2,0.1-0.3,0.1c-0.1,0-0.1,0-0.2,0 c-0.1,0-0.2-0.1-0.3-0.1l-0.1,0l-4.1-2.7c0,0,0,0,0,0c-0.1-0.1-0.2-0.1-0.2-0.2c-0.1-0.1-0.1-0.2-0.1-0.3c0-0.2,0-0.3,0-0.4 l1.2-7.4l-5.9-2.4h-6.2L42.7,44c-0.1,0.1-0.2,0.1-0.3,0.2c-0.1,0.1-0.3,0.1-0.4,0.1h-8.2c-0.1,0-0.1,0-0.2,0 c-0.1,0-0.2-0.1-0.3-0.1c-0.1-0.1-0.2-0.1-0.2-0.2c-0.1-0.1-0.1-0.2-0.2-0.3l-4.1-10.9l0-0.1c0-0.2,0-0.3,0-0.4l1.4-6.8l1.2-4.6 l-7.3-2.4c0,0-0.1,0-0.1,0c-0.1-0.1-0.2-0.1-0.3-0.2c-0.1-0.1-0.1-0.2-0.2-0.2c-0.1-0.1-0.1-0.2-0.1-0.3c0-0.1,0-0.2,0-0.3l1.2-4.8 l-0.7,0.3c0,0-0.2,0.1-0.2,0.1c-0.4,0.2-0.7,0.3-1.1,0.5c-0.4,0.2-0.8,0.4-1.2,0.5l-0.1,0.1c-0.4,0.2-0.8,0.4-1.1,0.6 c-0.5,0.3-1,0.6-1.5,0.9c-3.1,1.9-5.9,4.3-8.3,7l-0.2,0.2l2.4,4.9h6.2l0.1,0c0.1,0,0.2,0,0.3,0.1c0.1,0.1,0.2,0.1,0.3,0.2 c0.1,0.1,0.1,0.2,0.2,0.2l2.7,5.5c0,0,0,0.1,0,0.2c0,0.2,0.1,0.3,0,0.4l-1.4,13.6c0,0.5-0.3,0.8-0.7,0.9l-9.6,2.7l-0.1,0 c-0.1,0-0.1,0-0.2,0c-0.1,0-0.2,0-0.2,0c-0.1,0-0.2-0.1-0.3-0.1c-0.1-0.1-0.2-0.1-0.2-0.2l-0.1-0.1l-0.2-0.3l-3.5-5.8l-4.1,2l0,0.3 l0,0.2c0,0.1,0,0.2,0,0.3l0.1,1c0,0.1,0,0.2,0,0.3c0,0.1,0,0.2,0,0.3c0,0,0.2,1.2,0.2,1.3c0,0,0.1,0.4,0.1,0.5c0,0.1,0,0.2,0.1,0.3 c0,0,0.2,1.1,0.3,1.2c0,0.2,0.1,0.3,0.1,0.5c0,0.1,0.4,1.6,0.4,1.6l0.4,1.2l0.2,0.5l0.3,0.9l0.2,0.4l0.4,0.9L5,58.9l0.4,0.8 l0.2,0.4l0.5,0.9l0.1,0.3l0.7,1.2c0,0,0.7,1.1,0.7,1.1c0,0.1,0.8,1.1,0.8,1.1l0.8,1.1l0.3,0.3l0.6,0.7c0.1,0.1,0.2,0.2,0.3,0.3 l0.6,0.7l0.3,0.3l0.6,0.7l0.3,0.3l0.7,0.7l0.3,0.3l0.7,0.6c0.1,0.1,0.2,0.2,0.3,0.3l0.7,0.6l0.4,0.3l0.7,0.6l0.4,0.3l0.8,0.5 l0.4,0.3l0.8,0.5l0.4,0.2l0.8,0.5l0.4,0.2l0.8,0.4l0.4,0.2c0,0,0.8,0.4,0.9,0.4c0.1,0,1.3,0.6,1.3,0.6c0.1,0,0.9,0.4,0.9,0.4 c0.2,0.1,0.3,0.1,0.5,0.2l1,0.3l0.5,0.2c0.2,0.1,0.9,0.3,1,0.3c0.1,0,0.9,0.2,1,0.3c0.2,0,0.3,0.1,0.5,0.1c0.1,0,0.9,0.2,1.1,0.2 c0.1,0,0.9,0.2,1.1,0.2c0.2,0,0.4,0.1,0.6,0.1c0.2,0,1,0.1,1.1,0.2c0.1,0,0.6,0.1,0.6,0.1s0.4,0,0.6,0.1c0.2,0,0.4,0,0.6,0 c0.2,0,0.4,0,0.7,0c0.2,0,0.4,0,0.6,0c0.2,0,0.6,0,0.6,0l0.3,0l1.2,1.9C37.7,81.2,36.2,81.2,36.1,81.2L36.1,81.2z M54.3,36.9 c0.1,0,0.2,0,0.3,0.1l6.8,2.7c0,0,0.1,0,0.1,0c0.1,0.1,0.2,0.1,0.3,0.2c0.1,0.1,0.1,0.2,0.2,0.3c0.1,0.1,0.1,0.2,0.1,0.4 c0,0.1,0,0.1,0,0.2l-1.3,7.6l2.3,1.6l2.5-13.6c0-0.1,0.1-0.3,0.1-0.4l2.8-4.2l-0.1-0.2c0-0.1-0.6-1.4-0.6-1.4l-0.2-0.3 c0-0.1-0.6-1.2-0.6-1.3l-0.2-0.4c0,0-0.7-1.2-0.7-1.2c0-0.1-0.3-0.4-0.3-0.4l-0.6-0.9l-0.2-0.2c-0.1-0.1-0.7-1.1-0.8-1.1L64,23.8 c-0.1-0.1-0.8-1-0.9-1.1l-0.3-0.3c0,0-0.9-1-0.9-1.1c0,0-1.2-1.3-1.3-1.3l-0.3-0.3l-0.3,0.4L53,30.2c-0.1,0.1-0.1,0.2-0.2,0.2 c-0.2,0.1-0.3,0.2-0.5,0.2c0,0,0,0,0,0c-0.2,0-0.3,0-0.4-0.1c-0.1,0-0.2-0.1-0.3-0.2c-0.1-0.1-0.1-0.1-0.2-0.2l-8.1-11.7 c-0.1-0.1-0.1-0.2-0.1-0.2L43,18c-0.1-0.1-0.1-0.2-0.2-0.3c-0.1-0.1-0.1-0.2-0.2-0.4c-0.1-0.1-0.2-0.3-0.2-0.4l0-0.1 c-0.1-0.1-0.1-0.2-0.2-0.3c0-0.1-0.1-0.2-0.1-0.3l-0.1-0.3c0-0.1-0.1-0.2-0.1-0.3c0-0.1-0.1-0.2-0.1-0.3l-0.1-0.3 c0-0.1-0.1-0.2-0.1-0.3c0-0.1-0.1-0.2-0.1-0.3l-0.1-0.2c0-0.1-0.1-0.2-0.1-0.4c0-0.1-0.1-0.3-0.1-0.4l0-0.2c0-0.1-0.1-0.3-0.1-0.4 c0-0.1,0-0.3-0.1-0.4l0-0.2c0-0.1,0-0.3,0-0.4c0-0.1,0-0.3,0-0.4l0-0.3c0-0.1,0-0.2,0-0.4l0-0.3l-0.3-0.1c-0.1,0-0.2,0-0.3,0 l-1.5-0.1c-0.1,0-0.3,0-0.4,0c-0.1,0-0.2,0-0.4,0l-0.2,0c-0.2,0-0.4,0-0.6,0l-0.2,0c-0.1,0-0.2,0-0.4,0c0,0-0.8,0-0.8,0 c-0.1,0-0.3,0-0.4,0c-0.2,0-0.3,0-0.5,0l-0.4,0c-0.2,0-0.3,0-0.5,0c-0.2,0-0.3,0-0.5,0l-0.2,0c-0.2,0-0.5,0-0.7,0.1 c-0.2,0-0.5,0.1-0.7,0.1c-0.2,0-0.5,0.1-0.7,0.1l-0.1,0c-0.2,0-0.4,0.1-0.6,0.1c-0.2,0-0.4,0.1-0.7,0.1l-0.1,0 c-0.3,0.1-0.5,0.1-0.8,0.2c-0.3,0.1-0.5,0.1-0.8,0.2c-0.3,0.1-0.6,0.1-0.8,0.2l-0.5,0.1l-0.3,0.1l0,0.3c0,0.1,0,0.2,0,0.2l-1.1,4.6 l7.3,2.4c0.1,0,0.1,0,0.1,0.1c0.1,0,0.2,0.1,0.2,0.2c0.1,0.1,0.1,0.2,0.2,0.3c0.1,0.1,0.1,0.2,0.1,0.3c0,0.1,0,0.2,0,0.3L32,25.8 l-1.3,6.5l3.8,10h7.1l5.2-5.2c0.2-0.2,0.4-0.3,0.7-0.3L54.3,36.9C54.3,36.9,54.3,36.9,54.3,36.9z M6.4,42.4c0.1,0,0.2,0,0.3,0 c0.1,0,0.2,0.1,0.3,0.1c0.1,0.1,0.1,0.1,0.2,0.2l0,0.1L11,49l8.2-2.3l1.3-12.7l-2.3-4.7h-6.2c-0.1,0-0.2,0-0.4-0.1 c-0.1,0-0.2-0.1-0.3-0.2c-0.1-0.1-0.1-0.1-0.2-0.2L11,28.7l-2-4l-0.7,0.2l0.1-0.2C7.9,25.3,7.4,26,7,26.7c-0.3,0.5-0.6,1-0.8,1.5 c-0.2,0.4-0.4,0.8-0.7,1.3c-0.2,0.4-0.4,0.8-0.5,1.2c-0.2,0.4-0.3,0.7-0.5,1.1c-0.1,0.3-0.3,0.7-0.4,1c-0.1,0.3-0.2,0.6-0.3,1 c-0.1,0.3-0.2,0.6-0.3,0.9c-0.1,0.3-0.2,0.6-0.3,0.9C3.1,35.7,3.1,36,3,36.3c-0.1,0.3-0.1,0.5-0.2,0.8c-0.1,0.3-0.1,0.6-0.2,0.8 l0,0.1c0,0.2-0.1,0.4-0.1,0.7c0,0.2-0.1,0.4-0.1,0.6l0,0.2c0,0.2-0.1,0.4-0.1,0.6c0,0.2,0,0.4-0.1,0.6l0,0.1c0,0.2-0.1,0.5-0.1,0.7 c0,0.2,0,0.4-0.1,0.7c0,0.2,0,0.4,0,0.7c0,0.2,0,0.4,0,0.6l0,0.4l0,0.7l4.1-2C6.1,42.4,6.2,42.4,6.4,42.4 C6.4,42.4,6.4,42.4,6.4,42.4z M42.9,9.8L42.9,9.8c0,0.3-0.1,0.5-0.1,0.7c0,0.1,0,0.1,0,0.2l0,0.2c0,0.1,0,0.3,0,0.3 c0,0.2,0,0.4,0,0.6c0,0.2,0,0.3,0.1,0.5c0,0.2,0.1,0.4,0.1,0.6c0,0.2,0.1,0.4,0.1,0.5c0,0.1,0.1,0.3,0.1,0.4l0,0.1 c0.1,0.2,0.1,0.3,0.1,0.5c0.1,0.2,0.1,0.3,0.2,0.5c0.1,0.2,0.1,0.3,0.2,0.5c0.1,0.1,0.1,0.3,0.2,0.4c0.1,0.1,0.1,0.3,0.2,0.4 c0.1,0.1,0.1,0.3,0.2,0.4c0.1,0.1,0.1,0.2,0.2,0.3l0.1,0.1c0.1,0.1,0.1,0.2,0.2,0.3l7.4,10.6l0.3-0.4l7-10.1c0-0.1,0.1-0.1,0.1-0.2 l0.1-0.1c0.3-0.5,0.6-0.9,0.8-1.4c0.2-0.3,0.3-0.7,0.4-1.1c0.1-0.3,0.2-0.6,0.3-0.9c0.1-0.3,0.1-0.5,0.2-0.8c0-0.2,0.1-0.5,0.1-0.7 c0-0.2,0-0.5,0.1-0.7c0-0.2,0-0.4,0-0.6c0-0.3,0-0.5,0-0.7c0-0.2,0-0.4-0.1-0.6c0-0.2-0.1-0.4-0.1-0.5c0-0.2-0.1-0.3-0.1-0.5 c0-0.2-0.1-0.3-0.1-0.5C61.1,8,61,7.8,60.9,7.6c-0.1-0.1-0.1-0.3-0.2-0.4c-0.1-0.1-0.1-0.3-0.2-0.4c-0.1-0.1-0.2-0.3-0.2-0.4 C60.2,6.3,60.1,6.1,60,6c-0.1-0.1-0.2-0.2-0.3-0.4c-0.1-0.1-0.2-0.2-0.3-0.4c-0.1-0.1-0.2-0.2-0.3-0.3c-0.1-0.1-0.2-0.2-0.3-0.3 c-0.1-0.1-0.2-0.2-0.3-0.3l-0.1,0c-0.1-0.1-0.2-0.2-0.3-0.2c-0.1-0.1-0.2-0.2-0.3-0.2c-0.2-0.1-0.3-0.2-0.4-0.3 c-0.1-0.1-0.3-0.2-0.4-0.2c-0.1-0.1-0.3-0.1-0.4-0.2c-0.1-0.1-0.3-0.1-0.4-0.2l-0.1,0c-0.1,0-0.1-0.1-0.2-0.1l-0.5-0.2l-0.1,0 c-0.2-0.1-0.4-0.1-0.5-0.2c-0.2-0.1-0.3-0.1-0.5-0.1l-0.1,0c-0.1,0-0.3-0.1-0.4-0.1c-0.2,0-0.3-0.1-0.5-0.1C53,2,52.8,2,52.6,2 c-0.2,0-0.4,0-0.6,0l-0.1,0c-0.2,0-0.4,0-0.6,0c-0.2,0-0.5,0-0.7,0.1c-0.3,0-0.5,0.1-0.8,0.1c-0.3,0.1-0.6,0.1-0.9,0.2l-0.1,0 c-0.3,0.1-0.6,0.2-0.9,0.4c-0.5,0.2-1,0.5-1.5,0.9c-0.8,0.6-1.4,1.2-2,2c-0.3,0.5-0.6,1-0.9,1.5c-0.2,0.3-0.3,0.7-0.4,1 c-0.1,0.3-0.2,0.6-0.2,0.9l0,0.1c0,0.1,0,0.2-0.1,0.3l0,0.1l0,0.1C42.9,9.6,42.9,9.7,42.9,9.8L42.9,9.8z'/%3E%3ClinearGradient id='SVGID_5_' gradientUnits='userSpaceOnUse' x1='15.0876' y1='36.2612' x2='56.1325' y2='76.4853'%3E%3Cstop offset='0' style='stop-color:%23FB7435'/%3E%3Cstop offset='1' style='stop-color:%23E13866'/%3E%3C/linearGradient%3E%3Cpath class='st4' d='M49.4,89.5c-0.2,0-0.4-0.1-0.5-0.3l-4.4-7.3l-0.3,0.2c-0.4,0.2-0.8,0.3-1.2,0.3c-0.2,0-0.4,0-0.6-0.1 c-0.7-0.2-1.3-0.6-1.7-1.2l-2.1-3.5c-0.4-0.6-0.5-1.3-0.3-2c0.2-0.7,0.6-1.3,1.2-1.7c3.1-1.9,5.9-4.5,7.9-7.6l6.3-9.4 c0.1-0.1,0.1-0.1,0.2-0.2c0.1-0.1,0.2-0.1,0.3-0.1c0.1,0,0.1,0,0.2,0c0.2,0,0.3,0.1,0.4,0.3l3.4,5.7l0.3-0.1c0.5-0.2,1-0.2,1.5-0.2 c1.4,0,2.7,0.6,3.6,1.7c1.6,1.9,1.5,4.8-0.3,6.5L63,70.6l3.4,5.7c0,0.1,0.1,0.2,0.1,0.3c0,0.3-0.2,0.7-0.6,0.7l-11.2,1.2 c-1.7,0.2-3.3,0.5-4.9,1l-0.5,0.2l2,3.3c1.4,2.2,0.6,5.2-1.6,6.5C49.6,89.5,49.5,89.5,49.4,89.5z M47.8,80.2 c-0.6,0.3-1.3,0.6-1.9,0.9l-0.4,0.2l4.1,6.7l0.4-0.4c0.9-1.1,1-2.8,0.3-4l-2.1-3.5L47.8,80.2z M41.5,74c-0.5,0.3-1,0.6-1.4,0.9 c-0.3,0.2-0.6,0.5-0.6,0.9c-0.1,0.4,0,0.8,0.2,1.1l2.1,3.5c0.2,0.3,0.5,0.6,0.9,0.6c0.1,0,0.2,0,0.3,0c0.3,0,0.5-0.1,0.7-0.2 c0.5-0.3,1-0.6,1.5-0.8l0.4-0.2l-3.7-6.1L41.5,74z M48.4,66.9c-1.5,2.2-3.2,4.1-5.3,5.8l-0.3,0.2l3.8,6.3l0.3-0.1 c2.4-1,5-1.7,7.6-2L64.8,76L54.1,58.4L48.4,66.9z M59.9,63.4c-0.2,0-0.4,0-0.6,0.1l-0.6,0.1l3.6,5.9l0.4-0.5c0.9-1.1,1-2.7,0.2-3.9 C62.3,64.1,61.1,63.4,59.9,63.4z'/%3E%3ClinearGradient id='SVGID_6_' gradientUnits='userSpaceOnUse' x1='25.437' y1='25.7007' x2='66.4819' y2='65.9248'%3E%3Cstop offset='0' style='stop-color:%23FB7435'/%3E%3Cstop offset='1' style='stop-color:%23E13866'/%3E%3C/linearGradient%3E%3Cpath class='st5' d='M67.3,71.1c-0.1,0-0.3,0-0.4-0.1c-0.1-0.1-0.2-0.2-0.3-0.4c0-0.2,0-0.3,0.1-0.5c0.9-1.2,1.2-2.7,1-4.2 c-0.4-2.8-2.8-4.9-5.7-4.9c-0.3,0-0.6,0-0.8,0.1c0,0-0.1,0-0.1,0c-0.3,0-0.6-0.2-0.6-0.5c0-0.2,0-0.3,0.1-0.5 c0.1-0.1,0.3-0.2,0.4-0.2c0.3,0,0.7-0.1,1-0.1c2.4,0,4.7,1.3,6,3.4c1.5,2.4,1.3,5.4-0.3,7.7C67.7,71,67.5,71.1,67.3,71.1z'/%3E%3ClinearGradient id='SVGID_7_' gradientUnits='userSpaceOnUse' x1='26.828' y1='24.2814' x2='67.8729' y2='64.5055'%3E%3Cstop offset='0' style='stop-color:%23FB7435'/%3E%3Cstop offset='1' style='stop-color:%23E13866'/%3E%3C/linearGradient%3E%3Cpath class='st6' d='M70,73c-0.1,0-0.3,0-0.4-0.1c-0.3-0.2-0.4-0.6-0.1-0.9c1.4-1.9,2-4.3,1.6-6.6c-0.3-2.4-1.6-4.5-3.5-6 c-1.6-1.2-3.5-1.8-5.4-1.8c-0.4,0-0.9,0-1.3,0.1c0,0-0.1,0-0.1,0c-0.1,0-0.3,0-0.4-0.1c-0.1-0.1-0.2-0.3-0.2-0.4 c0-0.3,0.2-0.7,0.5-0.7c0.5-0.1,1-0.1,1.5-0.1c2.2,0,4.3,0.7,6,1.9c4.6,3.3,5.7,9.8,2.4,14.4C70.4,72.9,70.2,73,70,73z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.section-2022-home-join .join-list .list-item .item-img.img4 {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='89.6px' height='84.9px' viewBox='0 0 89.6 84.9' style='overflow:visible;enable-background:new 0 0 89.6 84.9;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:url(%23SVGID_1_);%7D .st1%7Bfill:url(%23SVGID_2_);%7D .st2%7Bfill:url(%23SVGID_3_);%7D .st3%7Bfill:url(%23SVGID_4_);%7D .st4%7Bfill:url(%23SVGID_5_);%7D .st5%7Bfill:url(%23SVGID_6_);%7D .st6%7Bfill:url(%23SVGID_7_);%7D .st7%7Bfill:url(%23SVGID_8_);%7D .st8%7Bfill:url(%23SVGID_9_);%7D .st9%7Bfill:url(%23SVGID_10_);%7D .st10%7Bfill:url(%23SVGID_11_);%7D .st11%7Bfill:url(%23SVGID_12_);%7D .st12%7Bfill:url(%23SVGID_13_);%7D .st13%7Bfill:url(%23SVGID_14_);%7D .st14%7Bfill:url(%23SVGID_15_);%7D .st15%7Bfill:url(%23SVGID_16_);%7D .st16%7Bfill:url(%23SVGID_17_);%7D .st17%7Bfill:url(%23SVGID_18_);%7D .st18%7Bfill:url(%23SVGID_19_);%7D .st19%7Bfill:url(%23SVGID_20_);%7D%0A%3C/style%3E%3Cdefs%3E%3C/defs%3E%3Cg%3E%3ClinearGradient id='SVGID_1_' gradientUnits='userSpaceOnUse' x1='49.9773' y1='1.2044' x2='122.2165' y2='68.5181'%3E%3Cstop offset='0' style='stop-color:%23FB7435'/%3E%3Cstop offset='1' style='stop-color:%23E13866'/%3E%3C/linearGradient%3E%3Cpath class='st0' d='M86.2,34.2c0.4,1.5,0.8,3.1,1,4.6c0.1,0.5,0.5,0.8,1,0.8c0,0,0.1,0,0.1,0c0.5-0.1,0.9-0.6,0.8-1.1 c-0.2-1.6-0.6-3.3-1.1-4.9c-0.2-0.5-0.7-0.8-1.2-0.7C86.3,33.2,86,33.7,86.2,34.2z'/%3E%3ClinearGradient id='SVGID_2_' gradientUnits='userSpaceOnUse' x1='51.5032' y1='-0.4327' x2='123.7421' y2='66.8807'%3E%3Cstop offset='0' style='stop-color:%23FB7435'/%3E%3Cstop offset='1' style='stop-color:%23E13866'/%3E%3C/linearGradient%3E%3Cpath class='st1' d='M59.6,9.8c1.5,0.3,3.1,0.7,4.6,1.3c0.1,0,0.2,0.1,0.3,0.1c0.4,0,0.8-0.3,0.9-0.7c0.2-0.5-0.1-1.1-0.6-1.3 c-1.6-0.5-3.2-1-4.8-1.3c-0.5-0.1-1.1,0.2-1.2,0.8C58.8,9.2,59.1,9.7,59.6,9.8z'/%3E%3ClinearGradient id='SVGID_3_' gradientUnits='userSpaceOnUse' x1='52.9491' y1='-1.9837' x2='125.1872' y2='65.3291'%3E%3Cstop offset='0' style='stop-color:%23FB7435'/%3E%3Cstop offset='1' style='stop-color:%23E13866'/%3E%3C/linearGradient%3E%3Cpath class='st2' d='M84.6,29.8c0.2,0.4,0.5,0.6,0.9,0.6c0.1,0,0.3,0,0.4-0.1c0.5-0.2,0.7-0.8,0.5-1.3c-0.7-1.5-1.5-3-2.3-4.4 c-0.3-0.5-0.9-0.6-1.4-0.3c-0.5,0.3-0.6,0.9-0.3,1.4C83.2,27,83.9,28.4,84.6,29.8z'/%3E%3ClinearGradient id='SVGID_4_' gradientUnits='userSpaceOnUse' x1='45.5292' y1='5.9774' x2='117.7689' y2='73.2915'%3E%3Cstop offset='0' style='stop-color:%23FB7435'/%3E%3Cstop offset='1' style='stop-color:%23E13866'/%3E%3C/linearGradient%3E%3Cpath class='st3' d='M89.6,43.5c0-0.5-0.5-1-1-1c-0.5,0-1,0.5-1,1l0,0.5c0,1.4-0.1,2.8-0.3,4.2c-0.1,0.5,0.3,1,0.9,1.1 c0,0,0.1,0,0.1,0c0.5,0,0.9-0.4,1-0.9c0.2-1.5,0.3-3,0.3-4.4L89.6,43.5z'/%3E%3ClinearGradient id='SVGID_5_' gradientUnits='userSpaceOnUse' x1='53.7402' y1='-2.8337' x2='125.9795' y2='64.4801'%3E%3Cstop offset='0' style='stop-color:%23FB7435'/%3E%3Cstop offset='1' style='stop-color:%23E13866'/%3E%3C/linearGradient%3E%3Cpath class='st4' d='M68.6,13c1.4,0.7,2.8,1.5,4.1,2.4c0.2,0.1,0.4,0.2,0.6,0.2c0.3,0,0.6-0.1,0.8-0.4c0.3-0.4,0.2-1.1-0.2-1.4 c-1.4-1-2.8-1.8-4.3-2.6c-0.5-0.2-1.1-0.1-1.3,0.4C67.9,12.1,68.1,12.7,68.6,13z'/%3E%3ClinearGradient id='SVGID_6_' gradientUnits='userSpaceOnUse' x1='39.9482' y1='11.9675' x2='112.1873' y2='79.2811'%3E%3Cstop offset='0' style='stop-color:%23FB7435'/%3E%3Cstop offset='1' style='stop-color:%23E13866'/%3E%3C/linearGradient%3E%3Cpath class='st5' d='M87.7,52.2c-0.5-0.1-1.1,0.2-1.2,0.7c-0.4,1.5-0.9,3-1.5,4.5c-0.2,0.5,0,1.1,0.5,1.3c0.1,0.1,0.3,0.1,0.4,0.1 c0.4,0,0.8-0.2,0.9-0.6c0.6-1.5,1.2-3.1,1.6-4.7C88.5,52.9,88.2,52.4,87.7,52.2z'/%3E%3ClinearGradient id='SVGID_7_' gradientUnits='userSpaceOnUse' x1='54.231' y1='-3.3599' x2='126.4692' y2='63.953'%3E%3Cstop offset='0' style='stop-color:%23FB7435'/%3E%3Cstop offset='1' style='stop-color:%23E13866'/%3E%3C/linearGradient%3E%3Cpath class='st6' d='M79.6,21.8c0.2,0.2,0.5,0.4,0.8,0.4c0.2,0,0.4-0.1,0.6-0.2c0.4-0.3,0.5-1,0.1-1.4c-1.1-1.3-2.2-2.5-3.4-3.6 c-0.4-0.4-1-0.3-1.4,0.1c-0.4,0.4-0.3,1,0.1,1.4C77.5,19.4,78.6,20.6,79.6,21.8z'/%3E%3ClinearGradient id='SVGID_8_' gradientUnits='userSpaceOnUse' x1='26.5288' y1='26.3689' x2='98.7678' y2='93.6824'%3E%3Cstop offset='0' style='stop-color:%23FB7435'/%3E%3Cstop offset='1' style='stop-color:%23E13866'/%3E%3C/linearGradient%3E%3Cpath class='st7' d='M81.9,58.9c-3.3,0-6.1,2.7-6.1,6.1c0,1.5,0.6,2.9,1.5,4C70.9,75.3,62.1,79,52.9,79c-2.2,0-4.3-0.2-6.3-0.6 c0.3-0.9,0.4-1.9,0.4-2.8c0-5.1-4.2-9.3-9.3-9.3c-3.2,0-6.1,1.6-7.7,4.1c-4.4-3.9-7.8-8.8-9.9-14.4c4.1-2.1,6.9-6.3,7.3-11.1h3.2 C31,56.8,40.9,66.3,52.9,66.3c12.3,0,22.4-10,22.4-22.4c0-4.7-1.4-9-3.9-12.6c0.9-0.9,1.4-2.2,1.4-3.6c0-2.9-2.3-5.2-5.2-5.2 c-1.6,0-3,0.7-3.9,1.8c-3.2-1.8-6.9-2.8-10.7-2.8c-12,0-21.8,9.5-22.3,21.4h-3.2c-0.3-4.8-3.1-8.9-7.2-11.1 c3.9-10.5,12.7-18.5,23.6-21.5c1.1,2.7,3.8,4.6,6.9,4.6c4.1,0,7.5-3.3,7.5-7.5c0-4.1-3.3-7.5-7.5-7.5c-4.1,0-7.5,3.3-7.5,7.5 c0,0.3,0,0.7,0.1,1C31.8,11.5,22.5,20,18.4,31c-1.5-0.5-3-0.8-4.7-0.8C6.1,30.2,0,36.3,0,43.9c0,7.5,6.1,13.7,13.7,13.7 c1.6,0,3.1-0.3,4.5-0.8c2.2,6,6,11.3,10.8,15.4c-0.4,1.1-0.7,2.2-0.7,3.4c0,5.1,4.2,9.3,9.3,9.3c3.4,0,6.4-1.9,8.1-4.6 c2.3,0.5,4.7,0.7,7.2,0.7c9.9,0,19.2-3.9,26.1-10.8c0.9,0.5,1.9,0.8,3,0.8c3.3,0,6.1-2.7,6.1-6.1C88,61.6,85.3,58.9,81.9,58.9z M64.5,27.2c0.1-0.7,0.5-1.3,1-1.7c0.5-0.5,1.2-0.8,2-0.8c1.7,0,3.1,1.4,3.1,3.1c0,0.7-0.2,1.3-0.6,1.8c-0.4,0.5-1,0.9-1.6,1.1 c-0.3,0.1-0.5,0.1-0.8,0.1c-1.7,0-3.1-1.4-3.1-3.1C64.5,27.5,64.5,27.3,64.5,27.2z M52.9,23.5c3.5,0,6.8,0.9,9.7,2.5 c-0.2,0.5-0.3,1.1-0.3,1.7c0,2.9,2.3,5.2,5.2,5.2c0.8,0,1.5-0.2,2.2-0.5c2.2,3.3,3.5,7.2,3.5,11.5c0,11.3-9.2,20.4-20.4,20.4 c-11.3,0-20.4-9.2-20.4-20.4C32.5,32.6,41.6,23.5,52.9,23.5z M50.7,2.2c2.9,0,5.3,2.4,5.3,5.3c0,0.2,0,0.3,0,0.4 c0,0.3-0.1,0.6-0.2,0.9c-0.6,2.3-2.7,3.9-5.1,3.9c-2.1,0-3.9-1.2-4.7-2.9c-0.3-0.6-0.5-1.2-0.5-1.9c0-0.2,0-0.3,0-0.5 C45.4,4.5,47.7,2.2,50.7,2.2z M5.1,51.1l0,0.5l-0.3-0.4c-4-4.9-3.3-12.2,1.6-16.2c2.1-1.7,4.6-2.6,7.3-2.6c1.4,0,2.7,0.3,4,0.7 c0.6,0.2,1.2,0.5,1.8,0.8c1.2,0.7,2.3,1.6,3.2,2.7c1.5,1.8,2.4,4.1,2.5,6.3c0.1,0.7,0.1,1.3,0,2c-0.2,2.3-1,4.5-2.5,6.3l-0.3,0.4 l0-0.5c-0.2-2.5-1.9-4.7-4.3-5.4c0,0-0.1,0-0.1-0.1l-0.2-0.1l0.1-0.2c0.1-0.1,0.2-0.3,0.2-0.4c0.4-0.7,0.6-1.5,0.6-2.3v-2.5 c0-0.5-0.1-0.9-0.2-1.3c-0.3-1-0.8-1.8-1.6-2.4c-0.8-0.7-1.9-1.1-3.1-1.1c-2.7,0-4.9,2.2-4.9,4.9v2.5c0,1,0.3,1.9,0.8,2.7l0.1,0.2 l-0.2,0.1C7,46.3,5.3,48.5,5.1,51.1z M16.4,40.1v2.5c0,0.5-0.2,1-0.4,1.4c-0.5,0.8-1.3,1.3-2.3,1.3c-1.5,0-2.7-1.2-2.7-2.7v-2.5 c0-1.5,1.2-2.7,2.7-2.7c1.2,0,2.3,0.8,2.6,2C16.3,39.6,16.4,39.8,16.4,40.1z M17.5,54.8c-1.2,0.4-2.5,0.7-3.9,0.7 c-2.3,0-4.5-0.7-6.4-1.9l-0.1-0.1v-2c0-2.2,1.8-4,4-4h5h0.1c0.7,0,1.4,0.2,2,0.5c1.2,0.7,2,2,2,3.4v2l-0.1,0.1 c-0.2,0.2-0.5,0.3-0.7,0.5C18.8,54.3,18.2,54.5,17.5,54.8z M44.4,78c-0.2,0.6-0.5,1.2-0.9,1.8c-1.3,1.8-3.4,3-5.8,3 c-4,0-7.2-3.2-7.2-7.2c0-0.7,0.1-1.3,0.3-2c0.2-0.7,0.5-1.3,0.8-1.8c1.3-2,3.5-3.4,6.1-3.4c4,0,7.2,3.2,7.2,7.2 C44.8,76.4,44.7,77.2,44.4,78z M81.9,68.8c-0.5,0-1-0.1-1.4-0.3c-0.6-0.3-1.2-0.7-1.6-1.2c-0.5-0.7-0.9-1.5-0.9-2.4 c0-2.2,1.8-3.9,3.9-3.9c0.5,0,1,0.1,1.4,0.3c0.5,0.2,1,0.5,1.3,0.9c0.7,0.7,1.2,1.7,1.2,2.8C85.8,67.1,84.1,68.8,81.9,68.8z'/%3E%3ClinearGradient id='SVGID_9_' gradientUnits='userSpaceOnUse' x1='30.9459' y1='21.6288' x2='103.1848' y2='88.9422'%3E%3Cstop offset='0' style='stop-color:%23FB7435'/%3E%3Cstop offset='1' style='stop-color:%23E13866'/%3E%3C/linearGradient%3E%3Cpath class='st8' d='M40.2,43.5c1.8-2.8,4.7-5.4,9.3-7c1.3-0.5,3.3-1,5.2-1c2.7,0,5.4,0.8,5.2,3.4c-0.1,2-3,4.8-4.5,6.8 c-0.7,0.9-0.8,1.5,0.4,1.4c4-0.3,7.7-1.7,11-3.1c0,0,0-0.1,0-0.1c0-7.7-6.2-13.9-13.9-13.9c-7.7,0-13.9,6.2-13.9,13.9 c0,0.9,0.1,1.8,0.3,2.6C39.1,45.6,39.5,44.6,40.2,43.5z'/%3E%3ClinearGradient id='SVGID_10_' gradientUnits='userSpaceOnUse' x1='28.4859' y1='24.2688' x2='100.7248' y2='91.5823'%3E%3Cstop offset='0' style='stop-color:%23FB7435'/%3E%3Cstop offset='1' style='stop-color:%23E13866'/%3E%3C/linearGradient%3E%3Cpath class='st9' d='M52.6,47.4c0-0.5,0.2-1,0.6-1.6c0.4-0.6,0.9-1.2,1.4-1.8c0.8-0.9,2.8-3.1,3.5-4.5c0.1-0.3,0.2-0.5,0.2-0.7 c0-1.2-1.5-1.7-3.8-2.3l-0.5,0.3l0.9,0.7c-3.8,0.7-6.2,1.4-9,2.4l0.4,1L45,42.3c0.2,0.1,2.7,0.9,5.2-0.9c0,0,0.1,0,0.1-0.1 c-0.1-0.1-0.3-0.3-0.5-0.5c0.8,0.1,1.2,0.7,1.1,1.4h-0.4c0-0.2,0-0.5-0.1-0.6c-2,1.4-4.3,1.7-6.2,1v1.7c-1,0.3-2.6,1.4-2.6,2.4 c0.1,0.5,0.3,0.6,0.5,0.8c0,0,0,0,0,0c2.2,1.2,8-0.4,8-0.4c-2.1,1.1-4.2,1.9-7.3,2.1c-2,0-3.1-0.7-3.6-1.7c1.6,6,7,10.4,13.5,10.4 c7.7,0,13.9-6.2,13.9-13.8C64.4,45.6,52.7,51.4,52.6,47.4z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.section-2022-home-join .join-list .list-item .item-img.img5 {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='73.2px' height='79.5px' viewBox='0 0 73.2 79.5' style='overflow:visible;enable-background:new 0 0 73.2 79.5;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:url(%23SVGID_1_);%7D .st1%7Bfill:url(%23SVGID_2_);%7D .st2%7Bfill:url(%23SVGID_3_);%7D .st3%7Bfill:url(%23SVGID_4_);%7D .st4%7Bfill:url(%23SVGID_5_);%7D .st5%7Bfill:url(%23SVGID_6_);%7D .st6%7Bfill:url(%23SVGID_7_);%7D .st7%7Bfill:url(%23SVGID_8_);%7D .st8%7Bfill:url(%23SVGID_9_);%7D .st9%7Bfill:url(%23SVGID_10_);%7D .st10%7Bfill:url(%23SVGID_11_);%7D .st11%7Bfill:url(%23SVGID_12_);%7D .st12%7Bfill:url(%23SVGID_13_);%7D .st13%7Bfill:url(%23SVGID_14_);%7D .st14%7Bfill:url(%23SVGID_15_);%7D .st15%7Bfill:url(%23SVGID_16_);%7D .st16%7Bfill:url(%23SVGID_17_);%7D .st17%7Bfill:url(%23SVGID_18_);%7D .st18%7Bfill:url(%23SVGID_19_);%7D .st19%7Bfill:url(%23SVGID_20_);%7D%0A%3C/style%3E%3Cdefs%3E%3C/defs%3E%3Cg%3E%3ClinearGradient id='SVGID_1_' gradientUnits='userSpaceOnUse' x1='8.605871e-02' y1='13.9842' x2='69.8623' y2='89.5068'%3E%3Cstop offset='0' style='stop-color:%23FB7435'/%3E%3Cstop offset='1' style='stop-color:%23E13866'/%3E%3C/linearGradient%3E%3Cpath class='st0' d='M36.1,69.3c-0.3,0-0.6-0.3-0.6-0.6V48.9h-9.6c-0.3,0-0.6-0.3-0.6-0.6c0-0.3,0.3-0.6,0.6-0.6h20.4 c0.3,0,0.6,0.3,0.6,0.6c0,0.3-0.3,0.6-0.6,0.6h-9.6v19.8C36.7,69,36.4,69.3,36.1,69.3z'/%3E%3ClinearGradient id='SVGID_2_' gradientUnits='userSpaceOnUse' x1='8.3818' y1='6.3195' x2='78.1579' y2='81.842'%3E%3Cstop offset='0' style='stop-color:%23FB7435'/%3E%3Cstop offset='1' style='stop-color:%23E13866'/%3E%3C/linearGradient%3E%3Cpath class='st1' d='M46.3,69.3c-1.5,0-2.7-1.2-2.7-2.6V55.4c0-1.5,1.2-2.7,2.7-2.7h5.1c0.8,0,1.4-0.6,1.4-1.4v-8.1 c0-2.6,2.1-4.7,4.7-4.7c2.6,0,4.7,2.1,4.7,4.7v12.2c0,1.5-1.2,2.6-2.6,2.6h-9.2c-0.8,0-1.4,0.6-1.4,1.4v7.1 C48.9,68.1,47.7,69.3,46.3,69.3z M46.3,54c-0.8,0-1.4,0.6-1.4,1.4v11.2c0,0.8,0.6,1.4,1.4,1.4c0.8,0,1.4-0.6,1.4-1.4v-7.1 c0-1.5,1.2-2.7,2.7-2.7h9.2c0.8,0,1.4-0.6,1.4-1.4V43.2c0-1.9-1.6-3.5-3.5-3.5c-1.9,0-3.5,1.6-3.5,3.5v8.1c0,1.5-1.2,2.6-2.6,2.6 H46.3z'/%3E%3ClinearGradient id='SVGID_3_' gradientUnits='userSpaceOnUse' x1='22.0814' y1='-6.3379' x2='91.8577' y2='69.1848'%3E%3Cstop offset='0' style='stop-color:%23FB7435'/%3E%3Cstop offset='1' style='stop-color:%23E13866'/%3E%3C/linearGradient%3E%3Cpath class='st2' d='M57.5,36.7c-2.6,0-4.7-2.1-4.7-4.7c0-2.6,2.1-4.7,4.7-4.7c2.6,0,4.7,2.1,4.7,4.7S60.1,36.7,57.5,36.7z M57.5,28.5c-1.9,0-3.5,1.6-3.5,3.5c0,1.9,1.6,3.5,3.5,3.5c1.9,0,3.5-1.6,3.5-3.5C60.9,30.1,59.4,28.5,57.5,28.5z'/%3E%3ClinearGradient id='SVGID_4_' gradientUnits='userSpaceOnUse' x1='-8.8854' y1='22.273' x2='60.8907' y2='97.7954'%3E%3Cstop offset='0' style='stop-color:%23FB7435'/%3E%3Cstop offset='1' style='stop-color:%23E13866'/%3E%3C/linearGradient%3E%3Cpath class='st3' d='M26.9,69.3c-1.5,0-2.7-1.2-2.7-2.6v-7.1c0-0.8-0.6-1.4-1.4-1.4h-9.2c-1.5,0-2.6-1.2-2.6-2.6V43.2 c0-2.6,2.1-4.7,4.7-4.7c2.6,0,4.7,2.1,4.7,4.7v8.1c0,0.8,0.6,1.4,1.4,1.4h5.1c1.5,0,2.6,1.2,2.6,2.7v11.2 C29.6,68.1,28.4,69.3,26.9,69.3z M15.7,39.7c-1.9,0-3.5,1.6-3.5,3.5v12.2c0,0.8,0.6,1.4,1.4,1.4h9.2c1.5,0,2.6,1.2,2.6,2.7v7.1 c0,0.8,0.6,1.4,1.4,1.4c0.8,0,1.4-0.6,1.4-1.4V55.4c0-0.8-0.6-1.4-1.4-1.4h-5.1c-1.5,0-2.6-1.2-2.6-2.6v-8.1 C19.2,41.3,17.6,39.7,15.7,39.7z'/%3E%3ClinearGradient id='SVGID_5_' gradientUnits='userSpaceOnUse' x1='-0.4504' y1='14.4798' x2='69.3257' y2='90.0022'%3E%3Cstop offset='0' style='stop-color:%23FB7435'/%3E%3Cstop offset='1' style='stop-color:%23E13866'/%3E%3C/linearGradient%3E%3Cpath class='st4' d='M15.7,36.7c-2.6,0-4.7-2.1-4.7-4.7c0-2.6,2.1-4.7,4.7-4.7c2.6,0,4.7,2.1,4.7,4.7 C20.4,34.5,18.3,36.7,15.7,36.7L15.7,36.7z M15.7,28.5c-1.9,0-3.5,1.6-3.5,3.5c0,1.9,1.6,3.5,3.5,3.5c1.9,0,3.5-1.6,3.5-3.5 C19.2,30.1,17.6,28.5,15.7,28.5z'/%3E%3ClinearGradient id='SVGID_6_' gradientUnits='userSpaceOnUse' x1='10.079' y1='4.7515' x2='79.855' y2='80.2739'%3E%3Cstop offset='0' style='stop-color:%23FB7435'/%3E%3Cstop offset='1' style='stop-color:%23E13866'/%3E%3C/linearGradient%3E%3Cpath class='st5' d='M26.6,40.6c-1.5,0-2.7-1.2-2.7-2.7v-9.3c0-1.5,1.2-2.7,2.7-2.7h16c1.5,0,2.7,1.2,2.7,2.7c0,0.4,0.2,0.8,0.5,1 c0.2,0.2,0.5,0.3,0.8,0.3c0.1,0,0.2,0,0.3,0l3.2-0.6c0,0,0.1,0,0.1,0c0.2,0,0.4,0.1,0.6,0.3c0.2,0.3,0.2,0.8-0.1,1l-4.8,3.9 c-0.3,0.2-0.5,0.6-0.5,1v2.6c0,1.5-1.2,2.7-2.7,2.7H26.6z M26.6,27.2c-0.7,0-1.3,0.6-1.3,1.3v9.3c0,0.7,0.6,1.3,1.3,1.3h16 c0.7,0,1.3-0.6,1.3-1.3v-2.6c0-0.8,0.4-1.6,1-2.1l2.3-1.8l-0.9-0.1c-1.3-0.2-2.3-1.3-2.3-2.7c0-0.7-0.6-1.3-1.3-1.3H26.6z'/%3E%3ClinearGradient id='SVGID_7_' gradientUnits='userSpaceOnUse' x1='9.105' y1='5.6515' x2='78.8812' y2='81.174'%3E%3Cstop offset='0' style='stop-color:%23FB7435'/%3E%3Cstop offset='1' style='stop-color:%23E13866'/%3E%3C/linearGradient%3E%3Cpath class='st6' d='M29,33.9c-0.4,0-0.7-0.3-0.7-0.7c0-0.4,0.3-0.7,0.7-0.7h11.1c0.4,0,0.7,0.3,0.7,0.7c0,0.4-0.3,0.7-0.7,0.7H29z '/%3E%3ClinearGradient id='SVGID_8_' gradientUnits='userSpaceOnUse' x1='5.3818' y1='9.0911' x2='75.1578' y2='84.6135'%3E%3Cstop offset='0' style='stop-color:%23FB7435'/%3E%3Cstop offset='1' style='stop-color:%23E13866'/%3E%3C/linearGradient%3E%3Cpath class='st7' d='M36.6,79.5C16.4,79.5,0,63,0,42.9c0-12.3,6.1-23.6,16.3-30.4v2.2C7.3,21.2,1.8,31.7,1.8,42.9 c0,19.2,15.6,34.7,34.7,34.7c19.2,0,34.7-15.6,34.7-34.7c0-13.2-7.7-25.5-19.7-31.3v-2c13.1,5.9,21.5,19,21.5,33.3 C73.2,63,56.8,79.5,36.6,79.5z'/%3E%3ClinearGradient id='SVGID_9_' gradientUnits='userSpaceOnUse' x1='18.0816' y1='-2.6423' x2='87.8578' y2='72.8803'%3E%3Cstop offset='0' style='stop-color:%23FB7435'/%3E%3Cstop offset='1' style='stop-color:%23E13866'/%3E%3C/linearGradient%3E%3Cpath class='st8' d='M18,24.6c-0.2,0-0.4-0.1-0.6-0.2c-0.3-0.3-0.4-0.8-0.1-1.1l4.4-6.6l-0.4-0.2c-1-0.6-1.6-1.7-1.6-2.9V3.4 c0-1.9,1.5-3.4,3.4-3.4h21.6c1.9,0,3.4,1.5,3.4,3.4v10.2c0,1.9-1.5,3.4-3.4,3.4H29c-0.4,0-0.7,0.1-1,0.3l-9.5,7.1 C18.4,24.6,18.2,24.6,18,24.6z M23.1,1.7c-0.9,0-1.7,0.8-1.7,1.7v10.2c0,0.9,0.8,1.7,1.7,1.7c0.2,0,0.3,0.1,0.5,0.1 c0.4,0.3,0.5,0.8,0.2,1.2l-1,1.5l0.6,0.6l3.6-2.7c0.6-0.4,1.3-0.7,2-0.7h15.7c0.9,0,1.7-0.8,1.7-1.7V3.4c0-0.9-0.8-1.7-1.7-1.7 H23.1z'/%3E%3ClinearGradient id='SVGID_10_' gradientUnits='userSpaceOnUse' x1='21.0546' y1='-5.3892' x2='90.8308' y2='70.1334'%3E%3Cstop offset='0' style='stop-color:%23FB7435'/%3E%3Cstop offset='1' style='stop-color:%23E13866'/%3E%3C/linearGradient%3E%3Cpath class='st9' d='M25.6,9.4c-0.5,0-0.9-0.4-0.9-0.9c0-0.1,0-0.3,0.1-0.4c0.1-0.3,0.4-0.5,0.8-0.5h16.5C42.6,7.6,43,8,43,8.5 c0,0.2,0,0.3-0.1,0.5c-0.2,0.2-0.4,0.4-0.7,0.4H25.6z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.section-2022-home-join .join-list .list-item .item-img.img6 {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='84px' height='79.3px' viewBox='0 0 84 79.3' style='overflow:visible;enable-background:new 0 0 84 79.3;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:url(%23SVGID_1_);%7D .st1%7Bfill:url(%23SVGID_2_);%7D .st2%7Bfill:url(%23SVGID_3_);%7D .st3%7Bfill:url(%23SVGID_4_);%7D .st4%7Bfill:url(%23SVGID_5_);%7D .st5%7Bfill:url(%23SVGID_6_);%7D .st6%7Bfill:url(%23SVGID_7_);%7D .st7%7Bfill:url(%23SVGID_8_);%7D .st8%7Bfill:url(%23SVGID_9_);%7D .st9%7Bfill:url(%23SVGID_10_);%7D .st10%7Bfill:url(%23SVGID_11_);%7D .st11%7Bfill:url(%23SVGID_12_);%7D .st12%7Bfill:url(%23SVGID_13_);%7D .st13%7Bfill:url(%23SVGID_14_);%7D .st14%7Bfill:url(%23SVGID_15_);%7D .st15%7Bfill:url(%23SVGID_16_);%7D .st16%7Bfill:url(%23SVGID_17_);%7D .st17%7Bfill:url(%23SVGID_18_);%7D .st18%7Bfill:url(%23SVGID_19_);%7D .st19%7Bfill:url(%23SVGID_20_);%7D .st20%7Bfill:url(%23SVGID_21_);%7D .st21%7Bfill:url(%23SVGID_22_);%7D .st22%7Bfill:url(%23SVGID_23_);%7D .st23%7Bfill:url(%23SVGID_24_);%7D%0A%3C/style%3E%3Cdefs%3E%3C/defs%3E%3Cg%3E%3Cg%3E%3ClinearGradient id='SVGID_1_' gradientUnits='userSpaceOnUse' x1='0.5281' y1='4.3651' x2='93.2896' y2='76.6043'%3E%3Cstop offset='0' style='stop-color:%23FB7435'/%3E%3Cstop offset='1' style='stop-color:%23E13866'/%3E%3C/linearGradient%3E%3Cpath class='st0' d='M71,53.1c2.5-5.3,3.6-11.2,3.3-17.1l0-0.4h-5.6c-0.3,0-0.6-0.2-0.8-0.5l-4.9-8.7h-6.8l-2.3,3.5 c-0.2,0.2-0.4,0.4-0.7,0.4h-5.2c-0.5,0-0.9-0.4-0.9-0.9v-9.1c0-0.5,0.4-0.9,0.9-0.9h7.4l4.9-4.9c0.2-0.2,0.4-0.3,0.6-0.3h4.7 l-0.6-0.7c-2.9-3.2-6.3-5.8-10.1-7.8c-3.8-2-7.9-3.3-12.2-3.9L42.2,2v1.5c0,0.4-0.3,0.8-0.7,0.9l-5.1,1.3l-3.8,2.5 c-0.1,0.1-0.3,0.2-0.5,0.2c-0.1,0-0.3,0-0.4-0.1l-7.5-3.7l-0.2,0.1c-7.5,3.1-13.8,8.7-17.7,15.8l-0.2,0.4L6.5,21 c0.1,0.1,0.3,0.2,0.4,0.3l3.9,6.5c0.2,0.4,0.2,0.8-0.1,1.1L7,32.6v4.8c0,0.5-0.4,0.9-0.9,0.9H1.8l0,0.4c0.1,3.3,0.6,6.6,1.5,9.8 L1.6,49c-6-19.9,5.2-41,25-47.3C30.4,0.6,34.2,0,38,0c16.7,0,31.3,10.7,36.3,26.7c2.7,8.7,2.2,18.1-1.4,26.5H71z M5.1,23 c-1.9,4.1-3,8.5-3.2,13.1l0,0.4h3.4v-4.3c0-0.2,0.1-0.5,0.3-0.6l3.4-3.4l-3.5-5.8L5.1,23z M63.4,24.8c0.3,0,0.6,0.2,0.8,0.5 l4.9,8.7H74L74,33.4c-0.3-2.1-0.7-4.2-1.4-6.2c-1.2-3.9-3.1-7.6-5.5-10.9l-0.1-0.2h-5.8l-4.9,4.9c-0.2,0.2-0.4,0.3-0.6,0.3h-6.9 v7.3h3.8l2.3-3.5c0.2-0.2,0.4-0.4,0.7-0.4H63.4z M38.1,1.8c-3.6,0-7.1,0.5-10.6,1.6l-1,0.3l5.6,2.8l3.5-2.3 C35.7,4.1,35.7,4,35.8,4l4.5-1.1v-1l-0.4,0C39.4,1.8,38.7,1.8,38.1,1.8z'/%3E%3ClinearGradient id='SVGID_2_' gradientUnits='userSpaceOnUse' x1='-19.5344' y1='30.1273' x2='73.227' y2='102.3664'%3E%3Cstop offset='0' style='stop-color:%23FB7435'/%3E%3Cstop offset='1' style='stop-color:%23E13866'/%3E%3C/linearGradient%3E%3Cpath class='st1' d='M10.9,77.3c-3.4,0-6.1-1-8-2.9C-4,67.6,2,50.1,17.4,31.9l1.4,1.2C4.4,50-1.9,67.2,4.2,73.2 c1.5,1.5,3.8,2.3,6.7,2.3c3,0,6.6-0.8,10.7-2.5l0.9-0.3l-0.8-0.4c-6.2-3-11.5-7.5-15.3-13.2l1.5-1c6.7,10.1,18,16.2,30.2,16.2 c0,0,0,0,0,0c0.4,0,0.9,0,1.3,0v1.3c0,0.2,0,0.3,0,0.5c-0.4,0-0.9,0-1.3,0c-4.5,0-8.9-0.8-13.2-2.4l-0.2-0.1l-0.2,0.1 C19.3,76.1,14.7,77.3,10.9,77.3z'/%3E%3ClinearGradient id='SVGID_3_' gradientUnits='userSpaceOnUse' x1='3.8873' y1='5.173594e-02' x2='96.6484' y2='72.2906'%3E%3Cstop offset='0' style='stop-color:%23FB7435'/%3E%3Cstop offset='1' style='stop-color:%23E13866'/%3E%3C/linearGradient%3E%3Cpath class='st2' d='M35.9,37c-0.1,0-0.1,0-0.2,0c-0.3-0.1-0.5-0.3-0.6-0.5L30.6,26l-2.6,2.6l1.2,4.7c0.1,0.3,0,0.6-0.2,0.9 l-2.6,2.6c-0.2,0.2-0.4,0.3-0.6,0.3c0,0-0.1,0-0.1,0c-0.3,0-0.5-0.2-0.7-0.4l-3.8-6.3l-6.3-3.8c-0.2-0.1-0.4-0.4-0.4-0.7 c0-0.3,0.1-0.5,0.3-0.7l2.6-2.6c0.2-0.2,0.4-0.3,0.6-0.3c0.1,0,0.1,0,0.2,0l4.7,1.2l2.6-2.6l-10.5-4.7c-0.3-0.1-0.5-0.4-0.5-0.7 c-0.1-0.3,0-0.6,0.2-0.8l2.6-2.6c0.2-0.2,0.4-0.3,0.6-0.3c0.1,0,0.2,0,0.3,0l12.5,3.8l3.4-3.4c1.9-1.9,4.5-3,7.3-3 c0.5,0,0.9,0.4,0.9,0.9c0,2.8-1,5.3-2.9,7.2l-3.5,3.5l3.7,12.6c0.1,0.3,0,0.7-0.3,0.9l-2.8,2.4C36.3,36.9,36.1,37,35.9,37z M16.7,25.5l5.5,3.3c0.1,0.1,0.2,0.2,0.3,0.3l3.3,5.5l1.4-1.4l-1.2-4.7c-0.1-0.3,0-0.6,0.2-0.9L38,16.1c1.2-1.2,2-2.8,2.2-4.5 l0.1-0.6l-0.6,0.1c-1.7,0.3-3.3,1.1-4.6,2.4L23.7,25c-0.2,0.2-0.4,0.3-0.6,0.3c-0.1,0-0.1,0-0.2,0l-4.7-1.2L16.7,25.5z M31.9,24.6 l4.3,10l1.4-1.2l-3.3-11.1L31.9,24.6z M16.8,15l10,4.4l2.4-2.4l-11.1-3.3L16.8,15z'/%3E%3ClinearGradient id='SVGID_4_' gradientUnits='userSpaceOnUse' x1='1.102' y1='3.6284' x2='93.8633' y2='75.8674'%3E%3Cstop offset='0' style='stop-color:%23FB7435'/%3E%3Cstop offset='1' style='stop-color:%23E13866'/%3E%3C/linearGradient%3E%3Cpath class='st3' d='M61.2,53.1V53c0-0.2,0.1-0.4,0.2-0.5l4.3-6.4h-3.5c-0.3,0-0.6-0.2-0.8-0.5l-3.7-7.3H46.1v8.6h4.3 c0.5,0,0.9,0.4,0.9,0.9v5.3h-1.8v-4.4h-4.3c-0.5,0-0.9-0.4-0.9-0.9V37.4c0-0.5,0.4-0.9,0.9-0.9h13c0.3,0,0.6,0.2,0.8,0.5l3.7,7.3 h4.7c0.3,0,0.6,0.2,0.8,0.5c0.2,0.3,0.1,0.6,0,0.9l-5,7.4H61.2z'/%3E%3ClinearGradient id='SVGID_5_' gradientUnits='userSpaceOnUse' x1='-13.5726' y1='22.4719' x2='79.1888' y2='94.7109'%3E%3Cstop offset='0' style='stop-color:%23FB7435'/%3E%3Cstop offset='1' style='stop-color:%23E13866'/%3E%3C/linearGradient%3E%3Cpath class='st4' d='M25.6,68.2c-0.1,0-0.3,0-0.4-0.1c-0.3-0.2-0.5-0.5-0.5-0.8V53.9h-5.6c-0.5,0-0.9-0.4-0.9-0.9v-9.1 c0-0.5,0.4-0.9,0.9-0.9h6.5c0.2,0,0.5,0.1,0.6,0.3l3.6,3.6h7.4c0.5,0,0.9,0.4,0.9,0.9v6.5c0,0.3-0.1,0.5-0.3,0.7L31.8,60v3.5 c0,0.3-0.1,0.5-0.4,0.7l-5.2,3.9C26,68.2,25.8,68.2,25.6,68.2z M20,52.1h5.6c0.5,0,0.9,0.4,0.9,0.9v12.5L30,63v-3.5 c0-0.3,0.1-0.5,0.3-0.7l6.2-4.9v-5.2h-6.9c-0.2,0-0.5-0.1-0.6-0.3l-3.6-3.6H20V52.1z'/%3E%3ClinearGradient id='SVGID_6_' gradientUnits='userSpaceOnUse' x1='-6.4546' y1='13.3319' x2='86.3065' y2='85.5708'%3E%3Cstop offset='0' style='stop-color:%23FB7435'/%3E%3Cstop offset='1' style='stop-color:%23E13866'/%3E%3C/linearGradient%3E%3Cpath class='st5' d='M44,79.3c-0.6,0-1-0.4-1-1V57.3c0-0.6,0.4-1,1-1h39c0.1,0,0.2,0,0.3,0c0.4,0.1,0.7,0.5,0.7,1v20.9 c0,0.6-0.4,1-1,1H44z M75.6,77.7h6.9V57.9h-6.9V62H74v-4.1H44.5v19.8H74v-3.4h1.6V77.7z'/%3E%3ClinearGradient id='SVGID_7_' gradientUnits='userSpaceOnUse' x1='-1.1037' y1='6.4588' x2='91.6584' y2='78.6984'%3E%3Cstop offset='0' style='stop-color:%23FB7435'/%3E%3Cstop offset='1' style='stop-color:%23E13866'/%3E%3C/linearGradient%3E%3Crect x='74' y='63.9' class='st6' width='1.6' height='3.3'/%3E%3ClinearGradient id='SVGID_8_' gradientUnits='userSpaceOnUse' x1='-3.6305' y1='9.7051' x2='89.1306' y2='81.9439'%3E%3Cstop offset='0' style='stop-color:%23FB7435'/%3E%3Cstop offset='1' style='stop-color:%23E13866'/%3E%3C/linearGradient%3E%3Crect x='74' y='69.1' class='st7' width='1.6' height='3.3'/%3E%3C/g%3E%3Cg%3E%3Cg%3E%3ClinearGradient id='SVGID_9_' gradientUnits='userSpaceOnUse' x1='-8.5329' y1='16.0004' x2='84.2284' y2='88.2393'%3E%3Cstop offset='0' style='stop-color:%23FB7435'/%3E%3Cstop offset='1' style='stop-color:%23E13866'/%3E%3C/linearGradient%3E%3Cpath class='st8' d='M54.9,63.2h-7.4c-0.4,0-0.7-0.3-0.7-0.7c0-0.4,0.3-0.7,0.7-0.7h7.4c0.4,0,0.7,0.3,0.7,0.7 C55.6,62.9,55.2,63.2,54.9,63.2z'/%3E%3C/g%3E%3Cg%3E%3ClinearGradient id='SVGID_10_' gradientUnits='userSpaceOnUse' x1='-7.4402' y1='14.5975' x2='85.3211' y2='86.8364'%3E%3Cstop offset='0' style='stop-color:%23FB7435'/%3E%3Cstop offset='1' style='stop-color:%23E13866'/%3E%3C/linearGradient%3E%3Cpath class='st9' d='M70.5,67h-23c-0.4,0-0.7-0.3-0.7-0.7c0-0.4,0.3-0.7,0.7-0.7h23c0.4,0,0.7,0.3,0.7,0.7 C71.2,66.7,70.9,67,70.5,67z'/%3E%3C/g%3E%3Cg%3E%3ClinearGradient id='SVGID_11_' gradientUnits='userSpaceOnUse' x1='-9.2487' y1='16.9197' x2='83.5124' y2='89.1586'%3E%3Cstop offset='0' style='stop-color:%23FB7435'/%3E%3Cstop offset='1' style='stop-color:%23E13866'/%3E%3C/linearGradient%3E%3Cpath class='st10' d='M70.5,70.8h-23c-0.4,0-0.7-0.3-0.7-0.7c0-0.4,0.3-0.7,0.7-0.7h23c0.4,0,0.7,0.3,0.7,0.7 C71.2,70.5,70.9,70.8,70.5,70.8z'/%3E%3C/g%3E%3Cg%3E%3ClinearGradient id='SVGID_12_' gradientUnits='userSpaceOnUse' x1='-11.0576' y1='19.2426' x2='81.7036' y2='91.4815'%3E%3Cstop offset='0' style='stop-color:%23FB7435'/%3E%3Cstop offset='1' style='stop-color:%23E13866'/%3E%3C/linearGradient%3E%3Cpath class='st11' d='M70.5,74.5h-23c-0.4,0-0.7-0.3-0.7-0.7s0.3-0.7,0.7-0.7h23c0.4,0,0.7,0.3,0.7,0.7S70.9,74.5,70.5,74.5z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.section-2022-home-join .join-list .list-item .item-hr {
  height: 1px;
  width: 100%;
  max-width: 190px;
  margin: 10px auto 15px;
  background: #FB7435;
  background: linear-gradient(to right, #FB7435 0, #E13866 100%);
}
.section-2022-home-join .join-list .list-item .item-title {
  color: #ffffff;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.2em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-home-join .join-list .list-item .item-title {
    font-size: 27px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-home-join .join-list .list-item .item-title {
    font-size: 22px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-home-join .join-list .list-item .item-title {
    font-size: 16px;
  }
}

.section-2022-home-phase hr {
  margin-top: 4em;
  margin-bottom: 3em;
  border: 0;
  height: 6px;
  background-color: #FB7435;
  background: linear-gradient(to right, #FB7435, #E13866);
}
.section-2022-home-phase .inner-title-phase {
  font-family: "Barlow", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  color: #ffffff;
  font-weight: 600;
  margin-bottom: 1em;
  margin-top: 80px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-home-phase .inner-title-phase {
    font-size: 60px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-home-phase .inner-title-phase {
    font-size: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-home-phase .inner-title-phase {
    font-size: 15px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-home-phase .inner-title-phase {
    font-size: 40px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-2022-home-phase .inner-title-phase {
    font-size: 20px;
  }
}
.section-2022-home-phase .inner-title {
  font-family: "Balboa-Medium", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  color: #F26F21;
  line-height: 1em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-home-phase .inner-title {
    font-size: 120px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-home-phase .inner-title {
    font-size: 60px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-home-phase .inner-title {
    font-size: 30px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-home-phase .inner-title {
    font-size: 90px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-2022-home-phase .inner-title {
    font-size: 45px;
  }
}
.section-2022-home-phase .event-date {
  font-family: "Balboa-Medium", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  color: #BB0033;
  border: 1px solid #BB0033;
  display: inline-block;
  padding: 0.1em 1em 0;
  line-height: 1.2em;
  margin: 0.5em 0 0.8em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-home-phase .event-date {
    font-size: 50px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-home-phase .event-date {
    font-size: 25px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-home-phase .event-date {
    font-size: 13px;
  }
}
.section-2022-home-phase .event-desc {
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  color: #ffffff;
  font-weight: 700;
  line-height: 1.2em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-home-phase .event-desc {
    font-size: 27px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-home-phase .event-desc {
    font-size: 22px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-home-phase .event-desc {
    font-size: 16px;
  }
}
.section-2022-home-phase .event-desc b {
  color: #AB9160;
}
.section-2022-home-phase .inner-title-sub {
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  color: #AB9160;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1em;
  margin: 1em 0;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-home-phase .inner-title-sub {
    font-size: 62px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-home-phase .inner-title-sub {
    font-size: 36px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-home-phase .inner-title-sub {
    font-size: 24px;
  }
}
.section-2022-home-phase.phase1 {
  text-align: center;
}
.section-2022-home-phase.phase1 .swiper-button-next {
  right: -5px;
  left: auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3C!-- Generator: Adobe Illustrator 24.2.0, SVG Export Plug-In --%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='35.23px' height='86.6px' viewBox='0 0 35.23 86.6' style='overflow:visible;enable-background:new 0 0 35.23 86.6;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23AC935F;%7D%0A%3C/style%3E%3Cdefs%3E%3C/defs%3E%3Cpolygon class='st0' points='35.23,43.3 0,0 0,86.6 '/%3E%3C/svg%3E%0A");
}
.section-2022-home-phase.phase1 .swiper-button-prev {
  left: -5px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3C!-- Generator: Adobe Illustrator 24.2.0, SVG Export Plug-In --%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='35.23px' height='86.6px' viewBox='0 0 35.23 86.6' style='overflow:visible;enable-background:new 0 0 35.23 86.6;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23AC935F;%7D%0A%3C/style%3E%3Cdefs%3E%3C/defs%3E%3Cpolygon class='st0' points='0,43.3 35.23,86.6 35.23,0 '/%3E%3C/svg%3E%0A");
}
.section-2022-home-phase.phase1 .swiper-button-next, .section-2022-home-phase.phase1 .swiper-button-prev {
  width: 30px;
  height: 80px;
  margin-top: -80px;
}
.section-2022-home-phase.phase1 .swiper-container {
  margin-bottom: 30px;
}
.section-2022-home-phase.phase1 .swiper-container .swiper-slide {
  display: inline-block;
  width: calc(20% - 4px);
  padding: 0 15px;
  color: #ffffff;
  vertical-align: top;
}
@media (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px) {
  .section-2022-home-phase.phase1 .swiper-container .swiper-slide {
    width: calc(33% - 4px);
    margin-bottom: 50px;
  }
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-home-phase.phase1 .swiper-container .swiper-slide {
    width: calc(50% - 4px);
    padding: 0 5px;
    margin-bottom: 20px;
  }
}
.section-2022-home-phase.phase1 .swiper-container .swiper-slide .item-img {
  width: 270px;
  height: 270px;
  background-color: #ffffff;
  margin: 0 auto 10px;
  overflow: hidden;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
}
@media (max-width: 575px) {
  .section-2022-home-phase.phase1 .swiper-container .swiper-slide .item-img {
    width: 120px;
    height: 120px;
  }
}
.section-2022-home-phase.phase1 .swiper-container .swiper-slide .item-img .img-bg {
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0.95);
  -moz-transform: scale(0.95);
  -ms-transform: scale(0.95);
  -o-transform: scale(0.95);
}
.section-2022-home-phase.phase1 .swiper-container .swiper-slide .item-img .img-title {
  text-align: center;
  color: #000000;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
  -webkit-transform: scale(0.95);
  -moz-transform: scale(0.95);
  -ms-transform: scale(0.95);
  -o-transform: scale(0.95);
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-home-phase.phase1 .swiper-container .swiper-slide .item-img .img-title {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-home-phase.phase1 .swiper-container .swiper-slide .item-img .img-title {
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-home-phase.phase1 .swiper-container .swiper-slide .item-img .img-title {
    font-size: 12px;
  }
}
.section-2022-home-phase.phase1 .swiper-container .swiper-slide .item-title {
  width: 100%;
  margin: 0 auto;
  line-height: 1.2em;
  text-align: center;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  color: #ffffff;
  font-weight: 700;
  line-height: 1.2em;
  min-height: 60px;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-home-phase.phase1 .swiper-container .swiper-slide .item-title {
    font-size: 27px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-home-phase.phase1 .swiper-container .swiper-slide .item-title {
    font-size: 22px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-home-phase.phase1 .swiper-container .swiper-slide .item-title {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-home-phase.phase1 .swiper-container .swiper-slide .item-title {
    min-height: 50px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-home-phase.phase1 .swiper-container .swiper-slide .item-title {
    min-height: 40px;
  }
}
.section-2022-home-phase.phase1 .swiper-container .swiper-slide:hover .item-img, .section-2022-home-phase.phase1 .swiper-container .swiper-slide:focus .item-img, .section-2022-home-phase.phase1 .swiper-container .swiper-slide:active .item-img {
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.section-2022-home-phase.phase1 .swiper-container .swiper-slide:hover .item-img .img-bg, .section-2022-home-phase.phase1 .swiper-container .swiper-slide:focus .item-img .img-bg, .section-2022-home-phase.phase1 .swiper-container .swiper-slide:active .item-img .img-bg {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
.section-2022-home-phase.phase1 .swiper-container .swiper-slide:hover .item-img .img-title, .section-2022-home-phase.phase1 .swiper-container .swiper-slide:focus .item-img .img-title, .section-2022-home-phase.phase1 .swiper-container .swiper-slide:active .item-img .img-title {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
.section-2022-home-phase.phase1 .swiper-container .swiper-slide:hover .item-title, .section-2022-home-phase.phase1 .swiper-container .swiper-slide:focus .item-title, .section-2022-home-phase.phase1 .swiper-container .swiper-slide:active .item-title {
  color: #FF7328;
}
.section-2022-home-phase.phase1 .judges-list {
  margin-bottom: 30px;
  display: grid;
  grid-gap: 10px 10px;
}
.section-2022-home-phase.phase1 .judges-list .list-item:nth-of-type(1) .item-bg, .section-2022-home-phase.phase1 .judges-list .list-item:nth-of-type(4) .item-bg {
  background: #09A9C8;
  background: linear-gradient(to right, #09A9C8 0%, #0B1939 96%);
}
.section-2022-home-phase.phase1 .judges-list .list-item:nth-of-type(2) .item-bg {
  background: #FF5A0B;
  background: linear-gradient(to right, #FF5A0B 0%, #FF0E0C 96%);
}
.section-2022-home-phase.phase1 .judges-list .list-item:nth-of-type(3) .item-bg {
  background: #A88852;
  background: linear-gradient(to right, #A88852 0%, #42210B 96%);
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-home-phase.phase1 .judges-list {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-home-phase.phase1 .judges-list {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-home-phase.phase1 .judges-list {
    grid-gap: 5px 5px;
  }
}
.section-2022-home-phase.phase1 .judges-list .list-item {
  text-align: left;
  padding: 10px;
  color: #ffffff;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
  position: relative;
  overflow: hidden;
}
.section-2022-home-phase.phase1 .judges-list .list-item:hover, .section-2022-home-phase.phase1 .judges-list .list-item:focus, .section-2022-home-phase.phase1 .judges-list .list-item:active {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  -webkit-transform: translateY(-4px);
  -moz-transform: translateY(-4px);
  -ms-transform: translateY(-4px);
  -o-transform: translateY(-4px);
}
@media (min-width: 1550px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-home-phase.phase1 .judges-list .list-item .item-img {
    width: 100%;
    height: 320px;
    margin-bottom: 10px;
  }
  .section-2022-home-phase.phase1 .judges-list .list-item .item-content {
    width: 100%;
    padding-right: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-home-phase.phase1 .judges-list .list-item .item-img {
    width: 100%;
    height: 240px;
    margin-bottom: 10px;
  }
  .section-2022-home-phase.phase1 .judges-list .list-item .item-content {
    width: 100%;
    padding-right: 20px;
  }
}
.section-2022-home-phase.phase1 .judges-list .list-item .item-bg {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
}
.section-2022-home-phase.phase1 .judges-list .list-item .item-img,
.section-2022-home-phase.phase1 .judges-list .list-item .item-content {
  position: relative;
}
.section-2022-home-phase.phase1 .judges-list .list-item .item-img {
  overflow: hidden;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-home-phase.phase1 .judges-list .list-item .item-img {
    width: 100%;
    height: 200px;
    margin-bottom: 10px;
  }
}
.section-2022-home-phase.phase1 .judges-list .list-item .item-img .img-bg {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
}
.section-2022-home-phase.phase1 .judges-list .list-item .item-content .item-name {
  line-height: 1.2em;
  font-weight: 700;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-home-phase.phase1 .judges-list .list-item .item-content .item-name {
    font-size: 23px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-home-phase.phase1 .judges-list .list-item .item-content .item-name {
    font-size: 19px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-home-phase.phase1 .judges-list .list-item .item-content .item-name {
    font-size: 17px;
  }
}
.section-2022-home-phase.phase1 .judges-list .list-item .item-content .item-hr {
  border-top: 1px solid #ffffff;
  margin: 0.5em 0;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-home-phase.phase1 .judges-list .list-item .item-content .item-hr {
    font-size: 18px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-home-phase.phase1 .judges-list .list-item .item-content .item-hr {
    font-size: 16px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-home-phase.phase1 .judges-list .list-item .item-content .item-hr {
    font-size: 14px;
  }
}
.section-2022-home-phase.phase1 .judges-list .list-item .item-content .item-detail {
  line-height: 1.2em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-home-phase.phase1 .judges-list .list-item .item-content .item-detail {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-home-phase.phase1 .judges-list .list-item .item-content .item-detail {
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-home-phase.phase1 .judges-list .list-item .item-content .item-detail {
    font-size: 12px;
  }
}
.section-2022-home-phase.phase1 .judges-list .list-item:hover .item-bg, .section-2022-home-phase.phase1 .judges-list .list-item:focus .item-bg, .section-2022-home-phase.phase1 .judges-list .list-item:active .item-bg {
  width: 150%;
}
.section-2022-home-phase.phase1 .judges-list .list-item:hover .item-img .img-bg, .section-2022-home-phase.phase1 .judges-list .list-item:focus .item-img .img-bg, .section-2022-home-phase.phase1 .judges-list .list-item:active .item-img .img-bg {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
.section-2022-home-phase.phase1 .btn-border {
  text-transform: uppercase;
  font-weight: 700;
  min-width: 240px;
  text-align: center;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-home-phase.phase1 .btn-border {
    font-size: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-home-phase.phase1 .btn-border {
    font-size: 16px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-home-phase.phase1 .btn-border {
    font-size: 14px;
  }
}
.section-2022-home-phase.phase1 .btn-border span {
  padding: 0.8em 1.4em;
}
.section-2022-home-phase.phase2 {
  text-align: center;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 1200px) and (max-width: 1549px), (min-width: 1550px) {
  .section-2022-home-phase.phase2 .inner-title {
    color: #ffffff;
    text-shadow: 0 3px 6px #000000;
  }
}

.section-2022-home-global {
  margin-bottom: 60px;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
.section-2022-home-global .container-inner {
  margin: 0 -15px;
  padding: 100px 15px 120px;
  background: #09A9C8;
  background: linear-gradient(to bottom, #09A9C8 0, #0B1939 40%);
  color: #ffffff;
  position: relative;
}
.section-2022-home-global .container-inner .inner-float {
  position: absolute;
  top: 135px;
  left: 57px;
  width: 192px;
  pointer-events: none;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-home-global .container-inner .inner-float {
    top: 65px;
    left: 25px;
    width: 96px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-home-global .container-inner .inner-float {
    top: 32px;
    left: 12px;
    width: 48px;
    display: none;
  }
}
.section-2022-home-global .container-inner .inner-float img {
  width: 100%;
}
.section-2022-home-global .container-inner .inner-bg {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
.section-2022-home-global .container-inner .inner-bg img {
  width: 100%;
}
.section-2022-home-global .container-inner .inner-title {
  text-align: center;
  font-weight: 700;
  line-height: 1.2em;
  text-transform: uppercase;
  margin-bottom: 3em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-home-global .container-inner .inner-title {
    font-size: 48px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-home-global .container-inner .inner-title {
    font-size: 36px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-home-global .container-inner .inner-title {
    font-size: 24px;
  }
}
.section-2022-home-global .container-inner .global-list {
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
  position: relative;
}
.section-2022-home-global .container-inner .global-list:after {
  content: "";
  position: absolute;
  bottom: 0;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-home-global .container-inner .global-list:after {
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 20px 11px 0 11px;
    border-top-color: #AD945C;
    border-left-color: fade(#AD945C, 0);
    border-right-color: fade(#AD945C, 0);
    margin-left: -11px;
    left: 50%;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-home-global .container-inner .global-list:after {
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 14px 8px 0 8px;
    border-top-color: #AD945C;
    border-left-color: fade(#AD945C, 0);
    border-right-color: fade(#AD945C, 0);
    left: 0;
  }
}
.section-2022-home-global .container-inner .global-list .list-item {
  position: relative;
}
.section-2022-home-global .container-inner .global-list .list-item:before, .section-2022-home-global .container-inner .global-list .list-item:after {
  content: "";
  position: absolute;
  top: 0;
}
.section-2022-home-global .container-inner .global-list .list-item:before {
  background-color: #AD945C;
}
.section-2022-home-global .container-inner .global-list .list-item:after {
  height: 100%;
  border-left: 1px solid #AD945C;
}
.section-2022-home-global .container-inner .global-list .list-item .item-month {
  color: #BB0033;
  font-family: "Balboa-Medium", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-home-global .container-inner .global-list .list-item .item-month {
    font-size: 40px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-home-global .container-inner .global-list .list-item .item-month {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-home-global .container-inner .global-list .list-item .item-month {
    font-size: 24px;
  }
}
.section-2022-home-global .container-inner .global-list .list-item .item-content {
  color: #ffffff;
  line-height: 1.2em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-home-global .container-inner .global-list .list-item .item-content {
    font-size: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-home-global .container-inner .global-list .list-item .item-content {
    font-size: 16px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-home-global .container-inner .global-list .list-item .item-content {
    font-size: 14px;
  }
}
.section-2022-home-global .container-inner .global-list .list-item .item-content p:last-of-type {
  margin-bottom: 0;
}
.section-2022-home-global .container-inner .global-list .list-item .item-content .highlight {
  color: #F15B2B;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-home-global .container-inner .global-list .list-item .item-content .small {
    font-size: 17px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-home-global .container-inner .global-list .list-item .item-content .small {
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-home-global .container-inner .global-list .list-item .item-content .small {
    font-size: 12px;
  }
}
.section-2022-home-global .container-inner .global-list .list-item .item-detail {
  margin-bottom: 0.4em;
}
.section-2022-home-global .container-inner .global-list .list-item .item-btn .btn-theme {
  display: block;
  width: 95px;
  margin-bottom: 0.4em;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-home-global .container-inner .global-list .list-item {
    display: flex;
    padding-bottom: 60px;
  }
  .section-2022-home-global .container-inner .global-list .list-item:before, .section-2022-home-global .container-inner .global-list .list-item:after {
    left: 50%;
  }
  .section-2022-home-global .container-inner .global-list .list-item:before {
    width: 24px;
    height: 24px;
    border-radius: 100%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    margin-left: -12px;
  }
  .section-2022-home-global .container-inner .global-list .list-item .item-month,
.section-2022-home-global .container-inner .global-list .list-item .item-content {
    width: 50%;
  }
  .section-2022-home-global .container-inner .global-list .list-item .item-month {
    text-align: right;
    padding-right: 85px;
    line-height: 24px;
    position: relative;
  }
  .section-2022-home-global .container-inner .global-list .list-item .item-month:after {
    content: "";
    width: 54px;
    border-top: 1px solid #AD945C;
    right: 20px;
    top: 12px;
    position: absolute;
  }
  .section-2022-home-global .container-inner .global-list .list-item .item-content {
    padding-left: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-home-global .container-inner .global-list .list-item {
    padding-bottom: 30px;
  }
  .section-2022-home-global .container-inner .global-list .list-item:before {
    width: 16px;
    height: 16px;
    border-radius: 100%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
  .section-2022-home-global .container-inner .global-list .list-item:after {
    left: 8px;
  }
  .section-2022-home-global .container-inner .global-list .list-item .item-month,
.section-2022-home-global .container-inner .global-list .list-item .item-content {
    padding-left: 25px;
  }
  .section-2022-home-global .container-inner .global-list .list-item .item-month {
    line-height: 1.2em;
  }
}
.section-2022-home-global .container-inner .global-title {
  position: relative;
  color: #AD945C;
  text-transform: uppercase;
  line-height: 1.1em;
  font-weight: 700;
  margin-top: 0.4em;
  margin-bottom: 0.8em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-home-global .container-inner .global-title {
    font-size: 48px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-home-global .container-inner .global-title {
    font-size: 36px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-home-global .container-inner .global-title {
    font-size: 24px;
  }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-home-global .container-inner .global-title {
    text-align: center;
  }
}
.section-2022-home-global .container-inner .global-btn {
  position: relative;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-home-global .container-inner .global-btn {
    text-align: center;
  }
}
.section-2022-home-global .container-inner .global-btn .btn-border {
  text-transform: uppercase;
  font-weight: 700;
  min-width: 240px;
  text-align: center;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-home-global .container-inner .global-btn .btn-border {
    font-size: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-home-global .container-inner .global-btn .btn-border {
    font-size: 16px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-home-global .container-inner .global-btn .btn-border {
    font-size: 14px;
  }
}
.section-2022-home-global .container-inner .global-btn .btn-border span {
  padding: 0.8em 1.4em;
}

.section-2022-home-num {
  background-image: url("../../uploads/images/2022/common/home/num_bg.jpg");
  background-size: cover;
  background-position: top center;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  color: #ffffff;
  margin-top: 80px;
  padding-bottom: 80px;
}
.section-2022-home-num .num-banner {
  margin-bottom: 40px;
  overflow: hidden;
}
.section-2022-home-num .num-banner img {
  float: right;
  width: 100%;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-home-num .num-banner img {
    width: 140%;
    margin-right: -10%;
  }
}
.section-2022-home-num .inner-title {
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 1em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-home-num .inner-title {
    font-size: 56px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-home-num .inner-title {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-home-num .inner-title {
    font-size: 24px;
  }
}
.section-2022-home-num .num-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-home-num .num-list {
    margin-bottom: 20px;
  }
}
.section-2022-home-num .num-list .list-item {
  padding: 0 15px;
  text-align: center;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-home-num .num-list .list-item {
    width: 25%;
  }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-home-num .num-list .list-item {
    margin-bottom: 80px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-home-num .num-list .list-item {
    margin-bottom: 40px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-home-num .num-list .list-item {
    width: 50%;
    margin-bottom: 30px;
  }
}
.section-2022-home-num .num-list .list-item .item-num {
  font-family: "Balboa-Medium", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  color: #E71D25;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-home-num .num-list .list-item .item-num {
    font-size: 56px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-home-num .num-list .list-item .item-num {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-home-num .num-list .list-item .item-num {
    font-size: 24px;
  }
}
.section-2022-home-num .num-list .list-item .item-title {
  position: relative;
  padding: 0.6em 0;
  line-height: 1.2em;
  min-height: 3.6em;
  text-transform: uppercase;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-home-num .num-list .list-item .item-title {
    font-size: 18px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-home-num .num-list .list-item .item-title {
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-home-num .num-list .list-item .item-title {
    font-size: 12px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-home-num .num-list .list-item .item-title {
    min-height: 4.8em;
  }
}
.section-2022-home-num .num-list .list-item .item-title:before, .section-2022-home-num .num-list .list-item .item-title:after {
  content: "";
  position: absolute;
  width: 146px;
  margin-left: -73px;
  left: 50%;
  border-top: 1px solid #E71D25;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-home-num .num-list .list-item .item-title:before, .section-2022-home-num .num-list .list-item .item-title:after {
    width: 110px;
    margin-left: -55px;
  }
}
.section-2022-home-num .num-list .list-item .item-title:before {
  top: 0;
}
.section-2022-home-num .num-list .list-item .item-title:after {
  bottom: 0;
}
.section-2022-home-num .num-btn {
  text-align: center;
}
.section-2022-home-num .num-btn .btn-border {
  text-transform: uppercase;
  font-weight: 700;
  min-width: 240px;
  text-align: center;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-home-num .num-btn .btn-border {
    font-size: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-home-num .num-btn .btn-border {
    font-size: 16px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-home-num .num-btn .btn-border {
    font-size: 14px;
  }
}
.section-2022-home-num .num-btn .btn-border span {
  padding: 0.8em 1.4em;
}

.section-2022-about-info {
  margin-bottom: 160px;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-about-info {
    margin-bottom: 80px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-about-info {
    margin-bottom: 40px;
  }
}
.section-2022-about-info .container-inner {
  background: #FF0E0C;
  background: linear-gradient(to bottom, #FF0E0C 0, #FF5A0B 60%);
  padding: 65px 55px;
  color: #ffffff;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-about-info .container-inner {
    padding: 45px 25px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-about-info .container-inner {
    padding: 30px 15px;
  }
}
.section-2022-about-info .container-inner .inner-title {
  margin-bottom: 20px;
  text-transform: uppercase;
  line-height: 1.2em;
  font-weight: 700;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-about-info .container-inner .inner-title {
    font-size: 48px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-about-info .container-inner .inner-title {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-about-info .container-inner .inner-title {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-about-info .container-inner .inner-title {
    margin-bottom: 15px;
  }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-about-info .container-inner .inner-detail {
    font-size: 24px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-about-info .container-inner .inner-detail {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-about-info .container-inner .inner-detail {
    font-size: 18px;
  }
}
.section-2022-about-info .container-inner .inner-detail p span {
  display: inline-block;
}
.section-2022-about-info .container-inner .inner-img {
  margin-bottom: 30px;
}
@media (min-width: 1550px) {
  .section-2022-about-info .container-inner .inner-img {
    width: 584px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-about-info .container-inner .inner-img {
    width: 400px;
  }
}
.section-2022-about-info .container-inner .inner-img img {
  width: 100%;
}

.section-2022-about-point {
  margin-bottom: 60px;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-about-point {
    margin-bottom: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-about-point {
    margin-bottom: 15px;
  }
}
.section-2022-about-point .point-list .list-item {
  margin-bottom: 140px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-about-point .point-list .list-item {
    margin-bottom: 70px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-about-point .point-list .list-item {
    margin-bottom: 30px;
  }
}
.section-2022-about-point .point-list .list-item:last-of-type {
  margin-bottom: 0;
}
.section-2022-about-point .point-list .list-item:after {
  content: "";
  clear: both;
  display: block;
}
.section-2022-about-point .point-list .list-item .item-img,
.section-2022-about-point .point-list .list-item .item-main {
  float: left;
  width: 50%;
  height: 396px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-about-point .point-list .list-item .item-img,
.section-2022-about-point .point-list .list-item .item-main {
    width: 100%;
    float: inherit;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-about-point .point-list .list-item .item-img {
    height: 65vw;
  }
}
.section-2022-about-point .point-list .list-item .item-img .img-bg {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
}
.section-2022-about-point .point-list .list-item .item-img .img-bg.bg1 {
  background-image: url("../../uploads/images/2021/common/about/point_img1.jpg");
}
.section-2022-about-point .point-list .list-item .item-img .img-bg.bg2 {
  background-image: url("../../uploads/images/2021/common/about/point_img2.jpg");
}
.section-2022-about-point .point-list .list-item .item-img .img-bg.bg3 {
  background-image: url("../../uploads/images/2021/common/about/point_img3.jpg");
}
.section-2022-about-point .point-list .list-item .item-img .img-bg.bg4 {
  background-image: url("../../uploads/images/2021/common/about/point_img4.jpg");
}
.section-2022-about-point .point-list .list-item .item-main {
  color: #ffffff;
  padding: 0 45px 45px 45px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-about-point .point-list .list-item .item-main {
    padding: 0 30px 30px 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-about-point .point-list .list-item .item-main {
    padding: 15px;
    height: auto;
  }
}
.section-2022-about-point .point-list .list-item .item-main .item-title {
  line-height: 1.2em;
  margin-bottom: 10px;
  font-weight: 700;
  font-family: "Balboa-Medium", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-about-point .point-list .list-item .item-main .item-title {
    font-size: 170px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-about-point .point-list .list-item .item-main .item-title {
    font-size: 88px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-about-point .point-list .list-item .item-main .item-title {
    font-size: 44px;
  }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-about-point .point-list .list-item .item-main .item-title {
    margin-top: -0.5em;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-about-point .point-list .list-item .item-main .item-title {
    margin-top: -1em;
  }
}
.section-2022-about-point .point-list .list-item .item-main .item-detail {
  font-weight: 400;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-about-point .point-list .list-item .item-main .item-detail {
    font-size: 24px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-about-point .point-list .list-item .item-main .item-detail {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-about-point .point-list .list-item .item-main .item-detail {
    font-size: 18px;
  }
}
.section-2022-about-point .point-list .list-item:nth-child(2n+1) .item-main {
  background-color: #00162F;
}
.section-2022-about-point .point-list .list-item:nth-child(2n) .item-img,
.section-2022-about-point .point-list .list-item:nth-child(2n) .item-main {
  float: right;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-about-point .point-list .list-item:nth-child(2n) .item-img,
.section-2022-about-point .point-list .list-item:nth-child(2n) .item-main {
    width: 100%;
    float: inherit;
  }
}
.section-2022-about-point .point-list .list-item:nth-child(2n) .item-main {
  background-color: #8D7D5E;
}
.section-2022-about-point .point-list .list-item:nth-child(1) .item-main .item-title {
  color: #06EB23;
}
.section-2022-about-point .point-list .list-item:nth-child(2) .item-main .item-title {
  color: #1402F0;
}
.section-2022-about-point .point-list .list-item:nth-child(3) .item-main .item-title {
  color: #FF5A0B;
}

@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .tc .section-2022-about-point .point-list .list-item .item-main .item-title, .sc .section-2022-about-point .point-list .list-item .item-main .item-title {
    font-size: 90px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .tc .section-2022-about-point .point-list .list-item .item-main .item-title, .sc .section-2022-about-point .point-list .list-item .item-main .item-title {
    font-size: 54px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tc .section-2022-about-point .point-list .list-item .item-main .item-title, .sc .section-2022-about-point .point-list .list-item .item-main .item-title {
    font-size: 36px;
  }
}

.section-2022-startup-table {
  margin-bottom: 80px;
  position: relative;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
.section-2022-startup-table .container-inner {
  padding: 45px 35px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-startup-table .container-inner {
    padding: 30px 15px;
  }
}
.section-2022-startup-table .container-inner .inner-bg {
  background: #AD945C;
  background: linear-gradient(to bottom, #AD945C, #294D7F);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.95;
}
.section-2022-startup-table .container-inner .inner-float-text {
  position: absolute;
  right: 0;
  top: 60px;
  pointer-events: none;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-startup-table .container-inner .inner-float-text {
    top: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-startup-table .container-inner .inner-float-text {
    top: 15px;
  }
}
.section-2022-startup-table .container-inner .inner-float-text img {
  margin-right: -50px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-startup-table .container-inner .inner-float-text img {
    width: 60px;
    margin-right: -30px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-startup-table .container-inner .inner-float-text img {
    width: 40px;
    margin-right: -20px;
  }
}
.section-2022-startup-table .container-inner .inner-main {
  position: relative;
}
.section-2022-startup-table .container-inner .inner-title {
  text-transform: uppercase;
  text-align: center;
  line-height: 1.2em;
  font-weight: 700;
  margin-bottom: 40px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-startup-table .container-inner .inner-title {
    font-size: 50px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-startup-table .container-inner .inner-title {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-startup-table .container-inner .inner-title {
    font-size: 24px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-startup-table .container-inner .inner-title {
    margin-bottom: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-startup-table .container-inner .inner-title {
    margin-bottom: 10px;
  }
}
.section-2022-startup-table .container-inner .inner-table {
  color: #ffffff;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-startup-table .container-inner .inner-table .table-responsive {
    margin-bottom: 0;
  }
}
.section-2022-startup-table .container-inner .inner-table .table {
  margin-bottom: 0;
}
.section-2022-startup-table .container-inner .inner-table .table tr {
  border-top: 0;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-startup-table .container-inner .inner-table .table tr td, .section-2022-startup-table .container-inner .inner-table .table tr th {
    height: 72px;
  }
}
.section-2022-startup-table .container-inner .inner-table .table tr td:nth-child(5), .section-2022-startup-table .container-inner .inner-table .table tr th:nth-child(5) {
  display: none;
}
.section-2022-startup-table .container-inner .inner-table .table tr td a:hover, .section-2022-startup-table .container-inner .inner-table .table tr td a:focus, .section-2022-startup-table .container-inner .inner-table .table tr td a:active, .section-2022-startup-table .container-inner .inner-table .table tr th a:hover, .section-2022-startup-table .container-inner .inner-table .table tr th a:focus, .section-2022-startup-table .container-inner .inner-table .table tr th a:active {
  color: #E15A2B;
}
.section-2022-startup-table .container-inner .inner-table .table tr:first-child td {
  border-top: 0;
  vertical-align: top;
}
.section-2022-startup-table .container-inner .inner-table .table tr td {
  vertical-align: middle;
  padding: 15px 8px;
  border-top: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
}
.section-2022-startup-table .container-inner .inner-table .table tr td:first-child {
  border-left: 0;
}
.section-2022-startup-table .container-inner .inner-table .table .td-col {
  width: 215px;
  padding: 0 15px 15px 15px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-startup-table .container-inner .inner-table .table .td-col {
    width: 160px;
    padding: 0 10px 10px 10px;
  }
}
.section-2022-startup-table .container-inner .inner-table .table-top {
  font-weight: 700;
  line-height: 1.2em;
  text-align: center;
}
@media (max-width: 575px) {
  .section-2022-startup-table .container-inner .inner-table .table-top {
    font-size: 11px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-2022-startup-table .container-inner .inner-table .table-top {
    font-size: 12px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-2022-startup-table .container-inner .inner-table .table-top {
    font-size: 14px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-2022-startup-table .container-inner .inner-table .table-top {
    font-size: 15px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-startup-table .container-inner .inner-table .table-top {
    font-size: 14px;
  }
}
@media (min-width: 1550px) {
  .section-2022-startup-table .container-inner .inner-table .table-top {
    font-size: 16px;
  }
}
.section-2022-startup-table .container-inner .inner-table .table-top .top-item {
  padding: 10px 0;
  margin-bottom: 10px;
  position: relative;
}
@media (max-width: 575px) {
  .section-2022-startup-table .container-inner .inner-table .table-top .top-item {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-2022-startup-table .container-inner .inner-table .table-top .top-item {
    font-size: 16px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-2022-startup-table .container-inner .inner-table .table-top .top-item {
    font-size: 18px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-2022-startup-table .container-inner .inner-table .table-top .top-item {
    font-size: 19px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-startup-table .container-inner .inner-table .table-top .top-item {
    font-size: 18px;
  }
}
@media (min-width: 1550px) {
  .section-2022-startup-table .container-inner .inner-table .table-top .top-item {
    font-size: 21px;
  }
}
.section-2022-startup-table .container-inner .inner-table .table-top .top-item:after {
  content: "";
  width: 90px;
  margin-left: -45px;
  left: 50%;
  bottom: 0;
  position: absolute;
  border-bottom: 1px solid #ffffff;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-startup-table .container-inner .inner-table .table-top .top-item:after {
    width: 60px;
    margin-left: -30px;
  }
}
.section-2022-startup-table .container-inner .inner-table .table-top .bottom-item {
  line-height: 1em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-startup-table .container-inner .inner-table .table-top .bottom-item {
    font-size: 12px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-startup-table .container-inner .inner-table .table-top .bottom-item {
    font-size: 12px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-startup-table .container-inner .inner-table .table-top .bottom-item {
    font-size: 10px;
  }
}
.section-2022-startup-table .container-inner .inner-table .table-left {
  font-weight: 500;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-startup-table .container-inner .inner-table .table-left {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-startup-table .container-inner .inner-table .table-left {
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-startup-table .container-inner .inner-table .table-left {
    font-size: 12px;
  }
}
.section-2022-startup-table .container-inner .inner-table .table-left small {
  display: block;
  font-weight: 400;
  line-height: 1.2em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-startup-table .container-inner .inner-table .table-left small {
    font-size: 12px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-startup-table .container-inner .inner-table .table-left small {
    font-size: 12px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-startup-table .container-inner .inner-table .table-left small {
    font-size: 10px;
  }
}
.section-2022-startup-table .container-inner .inner-table .table-mid {
  text-align: center;
}
.section-2022-startup-table .container-inner .inner-table .tick-icon {
  display: inline-block;
  width: 18px;
  height: 10px;
  border-left: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  margin-top: -20px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-startup-table .container-inner .inner-table .tick-icon {
    width: 20px;
    height: 10px;
    margin-top: -10px;
  }
}
.section-2022-startup-table .container-inner .inner-table .na-line {
  display: inline-block;
  max-width: 45px;
  width: 100%;
  border-top: 3px solid #666666;
  vertical-align: middle;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-startup-table .container-inner .inner-table .na-line {
    max-width: 30px;
  }
}
.section-2022-startup-table .container-inner .inner-note {
  margin-top: 20px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-startup-table .container-inner .inner-note {
    font-size: 12px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-startup-table .container-inner .inner-note {
    font-size: 12px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-startup-table .container-inner .inner-note {
    font-size: 10px;
  }
}

.section-2022-startup-journey {
  margin-bottom: 40px;
  position: relative;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
.section-2022-startup-journey .container-inner {
  padding: 70px 90px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-startup-journey .container-inner {
    padding: 30px 15px;
  }
}
.section-2022-startup-journey .container-inner .inner-bg {
  background: #090C07;
  background: linear-gradient(to bottom, #090C07, #1D356F);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.95;
}
.section-2022-startup-journey .container-inner .inner-main {
  position: relative;
}
.section-2022-startup-journey .section-title {
  color: #ffffff;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 50px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-startup-journey .section-title {
    font-size: 50px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-startup-journey .section-title {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-startup-journey .section-title {
    font-size: 24px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-startup-journey .section-title {
    margin-bottom: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-startup-journey .section-title {
    margin-bottom: 10px;
  }
}
.section-2022-startup-journey .journey-list {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  color: #ffffff;
}
.section-2022-startup-journey .journey-list .list-item {
  position: relative;
  min-height: 130px;
  margin-bottom: 50px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-startup-journey .journey-list .list-item {
    margin-bottom: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-startup-journey .journey-list .list-item {
    margin-bottom: 10px;
  }
}
.section-2022-startup-journey .journey-list .list-item:after {
  content: "";
  display: block;
  height: 1px;
  background-color: #2C4D77;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-startup-journey .journey-list .list-item:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
  }
}
.section-2022-startup-journey .journey-list .list-item .item-num {
  width: 30px;
  font-weight: 500;
  font-style: italic;
  position: absolute;
  text-align: center;
  color: #2C4D77;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-startup-journey .journey-list .list-item .item-num {
    font-size: 24px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-startup-journey .journey-list .list-item .item-num {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-startup-journey .journey-list .list-item .item-num {
    font-size: 18px;
  }
}
.section-2022-startup-journey .journey-list .list-item .item-num:after {
  content: "";
  width: 0;
  height: 75px;
  border-left: 1px solid #2C4D77;
  position: absolute;
  left: 50%;
  top: 100%;
}
.section-2022-startup-journey .journey-list .list-item .item-icon {
  width: 100px;
  height: 100px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-startup-journey .journey-list .list-item .item-icon {
    position: absolute;
    top: 0;
    left: 55px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-startup-journey .journey-list .list-item .item-icon {
    margin-left: 40px;
  }
}
.section-2022-startup-journey .journey-list .list-item .item-icon.icon1 {
  background-image: url("../../uploads/images/2022/common/startup/journey_icon1.png");
}
.section-2022-startup-journey .journey-list .list-item .item-icon.icon2 {
  background-image: url("../../uploads/images/2022/common/startup/journey_icon2.png");
}
.section-2022-startup-journey .journey-list .list-item .item-icon.icon3 {
  background-image: url("../../uploads/images/2022/common/startup/journey_icon3.png");
}
.section-2022-startup-journey .journey-list .list-item .item-icon.icon4 {
  background-image: url("../../uploads/images/2022/common/startup/journey_icon4.png");
}
.section-2022-startup-journey .journey-list .list-item .item-detail {
  line-height: 1.2em;
  padding: 8px 0;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-startup-journey .journey-list .list-item .item-detail {
    font-size: 26px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-startup-journey .journey-list .list-item .item-detail {
    font-size: 22px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-startup-journey .journey-list .list-item .item-detail {
    font-size: 18px;
  }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-startup-journey .journey-list .list-item .item-detail {
    margin-left: 180px;
    margin-right: 250px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-startup-journey .journey-list .list-item .item-detail {
    margin-left: 180px;
    margin-right: 200px;
  }
}
.section-2022-startup-journey .journey-list .list-item .item-detail a {
  color: #ffffff;
  text-decoration: underline;
  display: inline-block;
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-2022-startup-journey .journey-list .list-item .item-detail a {
    word-break: break-all;
  }
}
.section-2022-startup-journey .journey-list .list-item .item-detail a:hover, .section-2022-startup-journey .journey-list .list-item .item-detail a:focus, .section-2022-startup-journey .journey-list .list-item .item-detail a:active {
  text-decoration: none;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-startup-journey .journey-list .list-item .item-btn {
    font-size: 22px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-startup-journey .journey-list .list-item .item-btn {
    font-size: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-startup-journey .journey-list .list-item .item-btn {
    font-size: 16px;
  }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-startup-journey .journey-list .list-item .item-btn {
    position: absolute;
    right: 0;
    top: 0;
    padding: 25px 0;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-startup-journey .journey-list .list-item .item-btn {
    margin-bottom: 10px;
  }
}
.section-2022-startup-journey .journey-list .list-item .item-btn .btn-theme {
  width: 170px;
  display: inline-block;
  text-align: center;
}

.section-2022-startup-apply {
  margin-bottom: 40px;
  position: relative;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
.section-2022-startup-apply .container-inner {
  padding: 70px 90px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-startup-apply .container-inner {
    padding: 30px 15px;
  }
}
.section-2022-startup-apply .container-inner .inner-bg {
  background: #A5BCDA;
  background: linear-gradient(to bottom, #A5BCDA, #8563AA);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.95;
}
.section-2022-startup-apply .container-inner .inner-main {
  position: relative;
  color: #ffffff;
}
.section-2022-startup-apply .section-title {
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 50px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-startup-apply .section-title {
    font-size: 50px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-startup-apply .section-title {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-startup-apply .section-title {
    font-size: 24px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-startup-apply .section-title {
    margin-bottom: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-startup-apply .section-title {
    margin-bottom: 10px;
  }
}
.section-2022-startup-apply .inner-wrapper {
  margin-bottom: 80px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-startup-apply .inner-wrapper {
    display: flex;
    align-items: center;
  }
  .section-2022-startup-apply .inner-wrapper .wrapper-detail {
    width: calc(100% - 340px);
    padding-right: 15px;
  }
  .section-2022-startup-apply .inner-wrapper .wrapper-btn {
    width: 340px;
    text-align: right;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-startup-apply .inner-wrapper {
    margin-bottom: 40px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-startup-apply .inner-wrapper {
    margin-bottom: 20px;
  }
}
.section-2022-startup-apply .inner-wrapper .wrapper-detail {
  font-weight: 700;
  line-height: 1.2em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-startup-apply .inner-wrapper .wrapper-detail {
    font-size: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-startup-apply .inner-wrapper .wrapper-detail {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-startup-apply .inner-wrapper .wrapper-detail {
    font-size: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-startup-apply .inner-wrapper .wrapper-detail {
    margin-bottom: 15px;
  }
}
.section-2022-startup-apply .inner-wrapper .wrapper-btn .btn-ghost {
  color: #ffffff;
  font-weight: 500;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-startup-apply .inner-wrapper .wrapper-btn .btn-ghost {
    font-size: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-startup-apply .inner-wrapper .wrapper-btn .btn-ghost {
    font-size: 16px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-startup-apply .inner-wrapper .wrapper-btn .btn-ghost {
    font-size: 14px;
  }
}
.section-2022-startup-apply .inner-wrapper .wrapper-btn .btn-ghost span {
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='36.7px' height='36.7px' viewBox='0 0 36.7 36.7' style='overflow:visible;enable-background:new 0 0 36.7 36.7;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cdefs%3E%3C/defs%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath class='st0' d='M18.3,0C8.2,0,0,8.2,0,18.3c0,10.1,8.2,18.3,18.3,18.3s18.3-8.2,18.3-18.3C36.7,8.2,28.5,0,18.3,0z M18.4,27 L18.4,27l-0.1,0h-7.8c0-5.7,5-5.7,6.1-7.2l0.1-0.7c-1.6-0.8-2.7-2.7-2.7-5c0-3,1.9-5.3,4.3-5.3s4.3,2.4,4.3,5.3 c0,2.2-1.1,4.1-2.6,4.9l0.1,0.8c1.2,1.4,6.1,1.5,6.1,7.1H18.4z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 36px;
  height: 36px;
  vertical-align: middle;
  margin-right: 12px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-startup-apply .inner-wrapper .wrapper-btn .btn-ghost span {
    width: 18px;
    height: 18px;
  }
}
.section-2022-startup-apply .apply-list {
  width: 100%;
  max-width: 780px;
}
.section-2022-startup-apply .apply-list .list-item {
  display: flex;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-startup-apply .apply-list .list-item {
    margin-bottom: 60px;
  }
  .section-2022-startup-apply .apply-list .list-item .item-num {
    width: 40px;
  }
  .section-2022-startup-apply .apply-list .list-item .item-content {
    width: calc(100% - 40px);
    padding-left: 25px;
  }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-startup-apply .apply-list .list-item {
    margin-bottom: 60px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-startup-apply .apply-list .list-item {
    margin-bottom: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-startup-apply .apply-list .list-item {
    margin-bottom: 15px;
  }
  .section-2022-startup-apply .apply-list .list-item .item-num {
    width: 30px;
  }
  .section-2022-startup-apply .apply-list .list-item .item-content {
    width: calc(100% - 30px);
    padding-left: 5px;
  }
}
.section-2022-startup-apply .apply-list .list-item .item-num {
  -webkit-text-stroke: 1px #03DBFF;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  line-height: 1em;
  text-align: center;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-startup-apply .apply-list .list-item .item-num {
    font-size: 80px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-startup-apply .apply-list .list-item .item-num {
    font-size: 64px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-startup-apply .apply-list .list-item .item-num {
    font-size: 48px;
  }
}
.section-2022-startup-apply .apply-list .list-item .item-content .item-title {
  font-weight: 500;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-startup-apply .apply-list .list-item .item-content .item-title {
    font-size: 36px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-startup-apply .apply-list .list-item .item-content .item-title {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-startup-apply .apply-list .list-item .item-content .item-title {
    font-size: 20px;
  }
}
.section-2022-startup-apply .apply-list .list-item .item-content .item-detail {
  font-weight: 500;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-startup-apply .apply-list .list-item .item-content .item-detail {
    font-size: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-startup-apply .apply-list .list-item .item-content .item-detail {
    font-size: 16px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-startup-apply .apply-list .list-item .item-content .item-detail {
    font-size: 14px;
  }
}
.section-2022-startup-apply .apply-list .list-item .item-content .item-detail .btn-detail {
  display: inline-block;
  padding: 0 0.6em;
  border: 1px solid #ffffff;
  border-radius: 18px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  color: #ffffff;
  line-height: 1.2em;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-startup-apply .apply-list .list-item .item-content .item-detail .btn-detail {
    word-break: break-all;
  }
}
.section-2022-startup-apply .apply-list .list-item .item-content .item-detail .btn-detail:hover, .section-2022-startup-apply .apply-list .list-item .item-content .item-detail .btn-detail:focus, .section-2022-startup-apply .apply-list .list-item .item-content .item-detail .btn-detail:active {
  background-color: #ffffff;
  color: #000000;
}

.section-2022-startup-materials {
  margin-bottom: 40px;
  position: relative;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
.section-2022-startup-materials .container-inner {
  padding: 70px 90px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-startup-materials .container-inner {
    padding: 30px 15px;
  }
}
.section-2022-startup-materials .container-inner .inner-bg {
  background: #06193B;
  background: linear-gradient(to bottom, #06193B, #153871);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.95;
}
.section-2022-startup-materials .container-inner .inner-main {
  position: relative;
  color: #ffffff;
}
.section-2022-startup-materials .inner-title {
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  line-height: 1.2em;
  margin-bottom: 50px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-startup-materials .inner-title {
    font-size: 50px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-startup-materials .inner-title {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-startup-materials .inner-title {
    font-size: 24px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-startup-materials .inner-title {
    margin-bottom: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-startup-materials .inner-title {
    margin-bottom: 10px;
  }
}
.section-2022-startup-materials .materials-wrapper {
  width: 100%;
  max-width: 810px;
  margin: 0 auto 35px;
}
.section-2022-startup-materials .materials-wrapper .materials-icon {
  width: 86px;
  height: 86px;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.section-2022-startup-materials .materials-wrapper .materials-icon {
  margin: 0 auto;
}
.section-2022-startup-materials .materials-wrapper .materials-title {
  font-weight: 700;
  margin: 0.8em 15px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-startup-materials .materials-wrapper .materials-title {
    font-size: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-startup-materials .materials-wrapper .materials-title {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-startup-materials .materials-wrapper .materials-title {
    font-size: 20px;
  }
}
.section-2022-startup-materials .materials-wrapper .materials-detail {
  margin-bottom: 0.8em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-startup-materials .materials-wrapper .materials-detail {
    font-size: 26px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-startup-materials .materials-wrapper .materials-detail {
    font-size: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-startup-materials .materials-wrapper .materials-detail {
    font-size: 16px;
  }
}
.section-2022-startup-materials .materials-wrapper .materials-title,
.section-2022-startup-materials .materials-wrapper .materials-detail {
  text-align: center;
}
.section-2022-startup-materials .materials-wrapper.style1 .materials-icon,
.section-2022-startup-materials .materials-wrapper.style1 .materials-title {
  background-color: #294D7F;
}
.section-2022-startup-materials .materials-wrapper.style2 .materials-icon,
.section-2022-startup-materials .materials-wrapper.style2 .materials-title {
  background-color: #F26F21;
}
.section-2022-startup-materials .materials-wrapper.style1 .materials-icon {
  background-image: url("data:image/svg+xml,%3Csvg enable-background='new 0 0 86.2 86.2' version='1.1' viewBox='0 0 86.2 86.2' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle type='text/css'%3E .st1%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpath class='st1' d='m68.4 49.7c-0.8 0.8-1.6 1.7-2.5 2.5l-11.7 11.7c-1.5 1.5-3.4 2.2-5.5 2.4-1 0.1-2.1 0.3-3.1 0.4-0.7 0.1-1.1-0.2-1.1-1 0.2-1.6 0.3-3.1 0.5-4.7s0.9-3 2.1-4.1l17-17c0.9-0.9 2.1-0.9 3 0l0.5 0.5c0.3-0.3 0.5-0.7 0.8-0.9 0.6-0.6 1.5-0.6 2.1 0l1.1 1.1c0.6 0.6 0.6 1.4 0 2-0.3 0.3-0.6 0.6-1 0.9l0.6 0.6c0.8 0.9 0.8 2.1 0 2.9-0.5 0.5-1 1-1.4 1.3 0.3 0.7 0.7 1.3 0.9 1.8 0.2 0.7-0.1 1.4-0.6 2l-6 6c-0.4 0.4-0.9 0.4-1.2 0.1-0.4-0.3-0.3-0.8 0.1-1.3l5.7-5.7c0.5-0.6 0.4-0.9-0.3-1.5zm-19.2 7.6c1.5 1.6 3 3.1 4.5 4.6l13.4-13.4c-1.5-1.5-3-3-4.5-4.6l-13.4 13.4zm-3 7.8c2.2-0.5 4.5-0.2 6.2-1.8-1.5-1.6-3.1-3.1-4.6-4.6-1.6 1.8-1.3 4.1-1.6 6.4zm17.6-22.6c1.6 1.6 3.1 3.2 4.7 4.7 0.4-0.5 0.9-0.9 1.4-1.4 0.3-0.3 0.3-0.5 0-0.7l-3.9-3.9c-0.2-0.2-0.5-0.3-0.8 0-0.4 0.4-0.9 0.9-1.4 1.3zm5.6-0.2c0.3-0.3 0.5-0.5 0.7-0.6-0.3-0.3-0.5-0.6-0.8-0.8-0.2 0.2-0.5 0.4-0.7 0.7 0.4 0.2 0.6 0.5 0.8 0.7z'/%3E%3Cpath class='st1' d='m21.7 45.4v-20.3c0-3 1.9-5 5-5h2.8c0.7 0 1 0.3 1 0.8s-0.4 0.8-1 0.8h-3c-1.8 0-3.1 1.3-3.1 3.1v4.6 36.4c0 1.7 0.9 2.9 2.3 3.2 0.3 0.1 0.7 0.1 1 0.1h31.6c2 0 3.3-1.2 3.3-3.3v-4.7c0-0.7 0.3-1 0.8-1s0.8 0.4 0.8 1v4.9c0 2.8-2 4.7-4.8 4.7h-6.5-25.2c-3.1 0-5-1.9-5-5v-20.3z'/%3E%3Cpath class='st1' d='m42.3 42.5h-12.2c-0.2 0-0.5 0-0.6-0.1-0.2-0.2-0.5-0.5-0.5-0.7 0-0.3 0.3-0.6 0.5-0.8 0.2-0.1 0.5-0.1 0.8-0.1h24 0.7c0.4 0.1 0.7 0.4 0.7 0.8s-0.3 0.7-0.7 0.8h-0.5c-4.1 0.1-8.2 0.1-12.2 0.1z'/%3E%3Cpath class='st1' d='m42.2 45.2h12.1 0.6c0.5 0.1 0.7 0.4 0.7 0.8s-0.3 0.7-0.7 0.8h-0.6-24.1-0.6c-0.4-0.1-0.7-0.3-0.7-0.8s0.2-0.8 0.7-0.8h0.5 12.1z'/%3E%3Cpath class='st1' d='m63.2 31.1v6.7c0 0.5-0.2 0.9-0.7 1s-0.9-0.3-0.9-0.9v-3.2-9.6c0-2.1-1.2-3.3-3.3-3.3h-3.1c-0.6 0-1-0.3-1-0.8s0.4-0.8 0.9-0.8h3.5c2.5 0 4.5 2 4.5 4.5 0.1 2.1 0.1 4.2 0.1 6.4z'/%3E%3Cpath class='st1' d='m40.1 51.2h-10.1c-0.7 0-1-0.3-1.1-0.8 0-0.4 0.2-0.7 0.7-0.8h0.5 20 0.3c0.6 0 0.9 0.3 1 0.8 0 0.5-0.4 0.8-1 0.8h-8.6-1.7z'/%3E%3Cpath class='st1' d='m38 55.6h-7.9c-0.2 0-0.4 0-0.6-0.1-0.2-0.2-0.5-0.5-0.6-0.7-0.1-0.4 0.2-0.7 0.6-0.8h0.6 15.8c0.2 0 0.4 0 0.6 0.1 0.2 0.2 0.5 0.5 0.5 0.8s-0.3 0.6-0.6 0.7c-0.2 0.1-0.4 0.1-0.7 0.1-2.5-0.1-5.1-0.1-7.7-0.1z'/%3E%3Cpath class='st1' d='m38.8 64.6c-0.4 0.4-0.7 0.8-1.1 1.1-1.1 1.1-2.3 1.3-3.7 0.6-0.8-0.4-1.6-0.5-2.4 0.1-0.4 0.3-0.9 0.2-1.2-0.2-0.2-0.4-0.2-0.9 0.3-1.2 1.1-0.8 2.3-1.1 3.6-0.4 0.2 0.1 0.3 0.2 0.5 0.3 0.6 0.3 1.1 0.2 1.6-0.2 0.4-0.4 0.8-0.9 1.2-1.3 0.9-0.9 1.9-0.7 2.6 0.3 0.1 0.2 0.2 0.3 0.3 0.5 0.5 1 1 1.1 2 0.9 0.5-0.1 0.9 0.1 1 0.5 0.2 0.5 0 0.9-0.5 1.1-1.2 0.5-2.6 0.2-3.5-0.8-0.2-0.4-0.4-0.8-0.7-1.3z'/%3E%3Cpath class='st1' d='m32.7 59.9h-2.9c-0.6 0-0.9-0.3-0.9-0.8s0.3-0.8 1-0.8h5.8c0.6 0 0.9 0.3 0.9 0.8s-0.4 0.8-1 0.8h-2.9z'/%3E%3Cpath class='st1' d='m42.3 36.7c-6.2 0-11.2-5-11.2-11.2s5-11.2 11.2-11.2c0.4 0 0.8 0.4 0.8 0.8s-0.4 0.8-0.8 0.8c-5.3 0-9.6 4.3-9.6 9.6s4.3 9.6 9.6 9.6 9.6-4.3 9.6-9.6c0-0.4 0.4-0.8 0.8-0.8s0.8 0.4 0.8 0.8c0 6.2-5 11.2-11.2 11.2z'/%3E%3Cpath class='st1' d='m42 29.9c-0.2 0-0.4-0.1-0.6-0.2l-6.4-6.4c-0.3-0.3-0.3-0.8 0-1.1s0.8-0.3 1.1 0l5.8 5.8 10.3-10.3c0.3-0.3 0.8-0.3 1.1 0s0.3 0.8 0 1.1l-10.7 10.8c-0.2 0.2-0.4 0.3-0.6 0.3z'/%3E%3C/svg%3E%0A");
}
.section-2022-startup-materials .materials-wrapper.style2 .materials-icon {
  background-image: url("data:image/svg+xml,%3Csvg enable-background='new 0 0 86.2 86.2' version='1.1' viewBox='0 0 86.2 86.2' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle type='text/css'%3E .st1%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpath class='st1' d='m72.4 36.6v-1c-0.2-1.3-1.2-2.2-2.4-2.2-1.3 0-2.6 0.8-2.5 2.1 0.1 1.6-0.8 2.2-1.9 2.8-1.6 1-3.2 2.1-4.9 3.1-0.3 0.2-0.6 0.3-0.9 0.5 0-0.2-0.1-0.2-0.1-0.2v-6.5c0-2.5-1.8-4.2-4.2-4.2h-2.7c4.3-4.3 2.8-9.4 0.1-11.7-3.7-3.1-8.2-2.3-11.7 2.1-2.8-4.5-7.6-4.7-10.6-2.9-1.7 1-2.9 2.5-3.4 4.4-0.9 3.1 0.2 5.7 2.4 8h-2.6c-2.5 0-4.3 1.7-4.3 4.2v23.6c0 2.5 1.7 4.2 4.3 4.2h11.3c0.4 0 0.8 0 1.7 0.1-1.6 1.6-2.9 3-4.4 4.5 0.4 0.4 0.7 0.8 1.3 1.4 0.9-1 1.7-1.9 2.7-3.1v3h1.7v-3c1 1.1 1.8 2 2.6 3l1.3-1.3c-1.4-1.5-2.9-2.8-4.1-4.2l0.3-0.3h1.2 12.8c2.7 0 4.4-1.7 4.4-4.4v-6.4h0.4c2.1 1.3 4.1 2.6 6.2 3.9 0.8 0.5 1.2 1 1.1 2-0.1 1.4 1 2.4 2.4 2.5s2.5-1 2.6-2.4v-0.8c-0.1-7.1-0.1-14-0.1-20.8zm-24.5-17.6c3.2-0.1 6 2.7 6 5.9s-2.7 6-6 6c-3.2 0-6-2.8-5.9-6 0.1-3.1 2.7-5.8 5.9-5.9zm-6.7 9.6c0.6 0.7 1.2 1.5 1.8 2.3h-3.6c0.7-0.9 1.2-1.6 1.8-2.3zm-12.6-3.6c0-3.2 2.7-6 5.9-6s6 2.8 5.9 6-2.7 5.9-5.9 5.9-5.9-2.7-5.9-5.9zm29.5 33.1c0 2.3-0.9 3.2-3.2 3.2h-27.5c-2.2 0-3.1-0.9-3.1-3.2v-22.4c0-2.2 0.9-3.1 3.1-3.1h13.8 13.7c2.3 0 3.2 0.9 3.2 3.2v22.3zm9.2-3.5c-2.5-1.6-4.8-3-7.2-4.6-0.2-0.1-0.3-0.4-0.4-0.7-0.1-0.2 0-0.4 0-0.6 0-1.6-0.4-3.4 0.2-4.7 0.6-1.2 2.5-1.8 3.8-2.6 1.1-0.7 2.3-1.5 3.6-2.3v15.5zm3.7 3c0 0.6-0.5 1.1-1.1 1.1s-1.1-0.5-1.1-1.1v-21.5c0-0.6 0.4-1 1-1h0.1c0.6 0 1.1 0.5 1.1 1.1v21.4z'/%3E%3Cpath class='st1' d='m40.3 36.8c-5.5 0-10.1 4.6-10 10.1 0 5.6 4.6 10.1 10.2 10.1 5.5 0 10-4.6 10-10.2-0.1-5.6-4.5-10-10.2-10zm0.1 18.6c-4.6 0-8.5-3.9-8.4-8.5 0-4.6 4-8.5 8.6-8.4s8.4 4 8.4 8.5c-0.2 4.5-4 8.4-8.6 8.4z'/%3E%3Cpath class='st1' d='m48 57.9v1.5h1.6c0-0.6 0-1-0.1-1.5h-1.5z'/%3E%3Cpath class='st1' d='m51.4 57.9v1.5h1.6c0-0.6 0-1-0.1-1.5h-1.5z'/%3E%3Cpath class='st1' d='m54.8 59.4h1.5v-1.5h-1.5v1.5z'/%3E%3Cpath class='st1' d='m52.1 24.3h-1.5v1.5c0.6 0 1 0 1.5-0.1v-1.4z'/%3E%3Cpath class='st1' d='m45.3 25.7v-1.5h-1.5c0 0.5 0.1 1 0.1 1.5h1.4z'/%3E%3Cpath class='st1' d='m48.7 27.6h-1.5v1.6c0.6-0.1 1-0.1 1.5-0.2v-1.4z'/%3E%3Cpath class='st1' d='m48.7 20.8h-1.4v1.5h1.4v-1.5z'/%3E%3Cpath class='st1' d='m31.8 24.2h-1.5v1.4h1.5v-1.4z'/%3E%3Cpath class='st1' d='m38.6 25.7v-1.6c-0.6 0-1 0.1-1.6 0.1 0 0.6 0.1 1 0.1 1.5h1.5z'/%3E%3Cpath class='st1' d='m35.2 27.6h-1.5v1.5h1.5v-1.5z'/%3E%3Cpath class='st1' d='m35.2 20.8h-1.5v1.5h1.5v-1.5z'/%3E%3Cpath class='st1' d='m45.5 46c-2.3-1.1-4.7-2.1-7.1-3.2-0.9-0.4-1.3 0-1.3 0.9v3.1 3.2c0 0.9 0.5 1.2 1.4 0.9 2.4-1 4.7-2.1 7.1-3.2 0.3-0.1 0.8-0.6 0.7-0.8-0.1-0.3-0.5-0.7-0.8-0.9zm-6.8 3v-4.2c1.5 0.7 3 1.3 4.7 2.1-1.7 0.7-3.1 1.4-4.7 2.1z'/%3E%3C/svg%3E%0A");
}
.section-2022-startup-materials .materials-wrapper .materials-list .list-item {
  display: flex;
  align-items: center;
  padding: 1.2em 0;
  border-bottom: 1px solid #ffffff;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-startup-materials .materials-wrapper .materials-list .list-item {
    font-size: 26px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-startup-materials .materials-wrapper .materials-list .list-item {
    font-size: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-startup-materials .materials-wrapper .materials-list .list-item {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-startup-materials .materials-wrapper .materials-list .list-item {
    padding: 0.8em 0;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-startup-materials .materials-wrapper .materials-list .list-item {
    padding: 0.6em 0;
  }
}
.section-2022-startup-materials .materials-wrapper .materials-list .list-item .item-icon {
  width: 36px;
  height: 36px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.section-2022-startup-materials .materials-wrapper .materials-list .list-item .item-icon.icon1 {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='31.2px' height='34.5px' viewBox='0 0 31.2 34.5' style='overflow:visible;enable-background:new 0 0 31.2 34.5;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cdefs%3E%3C/defs%3E%3Cg%3E%3Cpath class='st0' d='M25.1,27.2c-0.3,0-0.5-0.2-0.5-0.5c0-0.3,0.2-0.5,0.5-0.5H28c0.3,0,0.5,0.2,0.5,0.5c0,0.3-0.2,0.5-0.5,0.5 H25.1z M24.2,25.5c-0.3,0-0.5-0.2-0.5-0.5c0-0.3,0.2-0.5,0.5-0.5h4.7c0.3,0,0.5,0.2,0.5,0.5c0,0.3-0.2,0.5-0.5,0.5H24.2z M14.2,27.2c-0.3,0-0.5-0.2-0.5-0.5c0-0.3,0.2-0.5,0.5-0.5H17c0.3,0,0.5,0.2,0.5,0.5c0,0.3-0.2,0.5-0.5,0.5H14.2z M13.3,25.5 c-0.3,0-0.5-0.2-0.5-0.5c0-0.3,0.2-0.5,0.5-0.5h4.7c0.3,0,0.5,0.2,0.5,0.5c0,0.3-0.2,0.5-0.5,0.5H13.3z M3.3,27.2 c-0.3,0-0.5-0.2-0.5-0.5c0-0.3,0.2-0.5,0.5-0.5h2.8c0.3,0,0.5,0.2,0.5,0.5c0,0.3-0.2,0.5-0.5,0.5H3.3z M2.3,25.5 c-0.3,0-0.5-0.2-0.5-0.5c0-0.3,0.2-0.5,0.5-0.5H7c0.3,0,0.5,0.2,0.5,0.5c0,0.3-0.2,0.5-0.5,0.5H2.3z M24.8,28.2h3.6 c0.3,0,0.5,0.2,0.5,0.5v3.6c0,0.3-0.2,0.5-0.5,0.5h-3.6c-0.3,0-0.5-0.2-0.5-0.5v-3.6C24.3,28.4,24.5,28.2,24.8,28.2z M27.9,29.1 h-2.7v2.7h2.7V29.1z M4.7,27.9c0.7,0,1.3,0.3,1.8,0.7c0.5,0.5,0.7,1.1,0.7,1.8c0,0.7-0.3,1.3-0.7,1.8c-0.5,0.5-1.1,0.7-1.8,0.7 c-0.7,0-1.3-0.3-1.8-0.7c-0.5-0.5-0.7-1.1-0.7-1.8c0-0.7,0.3-1.3,0.7-1.8C3.4,28.2,4,27.9,4.7,27.9z M5.8,29.3 c-0.3-0.3-0.7-0.5-1.1-0.5c-0.4,0-0.8,0.2-1.1,0.5c-0.3,0.3-0.5,0.7-0.5,1.1c0,0.4,0.2,0.8,0.5,1.1C3.8,31.8,4.2,32,4.7,32 c0.4,0,0.8-0.2,1.1-0.5c0.3-0.3,0.5-0.7,0.5-1.1C6.3,30,6.1,29.6,5.8,29.3z M16,28.3c0.7,1.3,1.5,2.5,2.2,3.8 c0.1,0.2,0.1,0.5-0.2,0.6c-0.1,0-0.1,0.1-0.2,0.1h-4.4c-0.3,0-0.5-0.2-0.5-0.5c0-0.1,0-0.2,0.1-0.3c0.7-1.3,1.5-2.5,2.2-3.8 c0.1-0.2,0.4-0.3,0.6-0.2C15.9,28.2,16,28.2,16,28.3L16,28.3z M15.6,29.4c-0.5,0.8-0.9,1.6-1.4,2.4H17 C16.6,31.1,16.1,30.2,15.6,29.4L15.6,29.4z M24.2,21.1h0.8v-0.6c0-0.3,0.2-0.5,0.5-0.5h2.1c0.3,0,0.5,0.2,0.5,0.5v0.6h0.8 c0.3,0,0.5,0.2,0.5,0.5V22h1.4c0.3,0,0.5,0.2,0.5,0.5V34c0,0.3-0.2,0.5-0.5,0.5h-8.4c-0.3,0-0.5-0.2-0.5-0.5v-4.8 c0-0.3,0.2-0.5,0.5-0.5c0.3,0,0.5,0.2,0.5,0.5v4.3h7.5V22.9h-1v0.5c0,0.3-0.2,0.5-0.5,0.5h-4.7c-0.3,0-0.5-0.2-0.5-0.5v-0.5h-1v4.3 c0,0.3-0.2,0.5-0.5,0.5c-0.3,0-0.5-0.2-0.5-0.5v-4.8c0-0.3,0.2-0.5,0.5-0.5h1.4v-0.5C23.8,21.3,24,21.1,24.2,21.1L24.2,21.1z M25.5,22h-0.8v1h3.7c0-0.3,0-0.6,0-1h-0.8c-0.3,0-0.5-0.2-0.5-0.5V21H26v0.6C26,21.8,25.8,22,25.5,22L25.5,22z M13.3,21.1h0.8 v-0.6c0-0.3,0.2-0.5,0.5-0.5h2.1c0.3,0,0.5,0.2,0.5,0.5v0.6h0.8c0.3,0,0.5,0.2,0.5,0.5V22h1.4c0.3,0,0.5,0.2,0.5,0.5V34 c0,0.3-0.2,0.5-0.5,0.5h-8.4c-0.3,0-0.5-0.2-0.5-0.5v-4.8c0-0.3,0.2-0.5,0.5-0.5s0.5,0.2,0.5,0.5v4.3h7.5V22.9h-1v0.5 c0,0.3-0.2,0.5-0.5,0.5h-4.7c-0.3,0-0.5-0.2-0.5-0.5v-0.5h-1v4.3c0,0.3-0.2,0.5-0.5,0.5c-0.3,0-0.5-0.2-0.5-0.5v-4.8 c0-0.3,0.2-0.5,0.5-0.5h1.4v-0.5C12.8,21.3,13,21.1,13.3,21.1L13.3,21.1z M14.6,22h-0.8v1h3.7v-1h-0.8c-0.3,0-0.5-0.2-0.5-0.5V21 H15v0.6C15,21.8,14.8,22,14.6,22z M2.3,21.1h0.8v-0.6c0-0.3,0.2-0.5,0.5-0.5h2.1c0.3,0,0.5,0.2,0.5,0.5v0.6H7 c0.3,0,0.5,0.2,0.5,0.5V22h1.4c0.3,0,0.5,0.2,0.5,0.5V34c0,0.3-0.2,0.5-0.5,0.5H0.5C0.2,34.5,0,34.3,0,34v-4.8 c0-0.3,0.2-0.5,0.5-0.5s0.5,0.2,0.5,0.5v4.3h7.5V22.9h-1v0.5c0,0.3-0.2,0.5-0.5,0.5H2.3c-0.3,0-0.5-0.2-0.5-0.5v-0.5h-1v4.3 c0,0.3-0.2,0.5-0.5,0.5c-0.3,0-0.5-0.2-0.5-0.5v-4.8C0,22.2,0.2,22,0.5,22h1.4v-0.5C1.9,21.3,2.1,21.1,2.3,21.1L2.3,21.1z M3.6,22 H2.8v1h3.7c0-0.3,0-0.6,0-1H5.7c-0.3,0-0.5-0.2-0.5-0.5V21H4.1v0.6C4.1,21.8,3.9,22,3.6,22z'/%3E%3Cpath class='st0' d='M29.2,13.9l-0.6-0.2c0,0,0,0,0,0l-1.1-0.4l0,0L27,13v-0.3c0.6-0.4,1.1-0.9,1.3-1.6c0.8-0.1,1.4-0.7,1.4-1.6 c0-0.5-0.2-0.9-0.6-1.2v-1c0-1.9-1.4-3.5-3.2-3.7c0,0,0,0,0,0h-1.1l-0.1,0c-1.9,0.2-3.3,1.8-3.3,3.7v1c-0.4,0.3-0.6,0.7-0.6,1.2 c0,0.8,0.6,1.5,1.5,1.6c0.2,0.7,0.7,1.2,1.3,1.6V13l-1.7,0.7c-0.5-0.5-1-0.8-1.3-0.9l-2.8-1.1v-0.6c0.8-0.4,1.4-1.2,1.6-2 c1,0,1.8-0.8,1.8-1.8c0-0.6-0.3-1.1-0.7-1.4V4.5c0-0.7-0.2-1.3-0.4-1.9h0l0,0l-0.7-1.1l0,0h0c0,0,0,0,0,0c-0.8-0.8-1.8-1.4-3-1.5 l-1.1,0c0,0,0,0,0,0c-1.2,0.1-2.2,0.7-2.9,1.5l-0.7,1.1l0,0C11.1,3.2,11,3.8,11,4.5v1.3c-0.4,0.3-0.7,0.9-0.7,1.4 C10.2,8.2,11,9,12,9c0.3,0.9,0.9,1.6,1.6,2v0.6h0l-2.9,1.1c-0.4,0.1-0.9,0.4-1.3,0.9L7.7,13v-0.3c0.6-0.4,1.1-0.9,1.3-1.6 c0.8-0.1,1.4-0.7,1.4-1.6c0-0.5-0.2-0.9-0.6-1.2v-1c0-1.9-1.5-3.5-3.4-3.7l-1.1,0c0,0,0,0,0,0C3.6,4,2.2,5.5,2.2,7.4v1 C1.8,8.6,1.6,9.1,1.6,9.6c0,0.8,0.6,1.5,1.5,1.6c0.2,0.7,0.7,1.2,1.3,1.6V13l-0.6,0.2c0,0,0,0,0,0l-1.1,0.4c0,0,0,0,0,0l-0.6,0.2 c-0.2,0.1-2,0.8-2,3v2c0,0.3,0.2,0.6,0.6,0.6h3.2h0.5h0.6h2.8h1c0,0,0.1,0,0.1,0c0,0,0.1,0,0.1,0h2.2c0.3,0,0.6-0.2,0.6-0.6 c0-0.3-0.2-0.6-0.6-0.6H9.5v-1.9c0-2,1.6-2.6,1.7-2.6c0,0,0,0,0,0l2.7-1.1c0,0,0,0,0,0l1.4,1.4c0.1,0.1,0.2,0.2,0.4,0.2 c0,0,0,0,0,0c0.1,0,0.3-0.1,0.4-0.2l1.4-1.4l2.7,1.1c0,0,0,0,0,0c0.1,0,1.7,0.6,1.7,2.6v1.9h-4h-4.3h-0.6c-0.3,0-0.6,0.2-0.6,0.6 s0.2,0.6,0.6,0.6h0.6h4.3h4.6h0h0H23h0.5h0.6h2.8h3.7c0.3,0,0.6-0.3,0.6-0.6v-2C31.1,14.7,29.4,14,29.2,13.9z M28.4,9.2 c0.1,0.1,0.2,0.2,0.2,0.4c0,0.2-0.1,0.3-0.2,0.4V9.2z M22.1,10c-0.1-0.1-0.2-0.2-0.2-0.4c0-0.2,0.1-0.3,0.2-0.4V10z M19.4,6.5 c0.3,0.1,0.5,0.4,0.5,0.7c0,0.3-0.2,0.6-0.5,0.7V6.5z M11.9,7.9c-0.3-0.1-0.5-0.4-0.5-0.7c0-0.3,0.2-0.6,0.5-0.7V7.9z M9.2,9.2 c0.1,0.1,0.2,0.2,0.2,0.4c0,0.2-0.1,0.3-0.2,0.4V9.2z M2.9,10C2.8,9.9,2.7,9.7,2.7,9.6c0-0.2,0.1-0.3,0.2-0.4V10z M3.5,7.7 C3.5,7.7,3.5,7.7,3.5,7.7C3.4,7.7,3.4,7.7,3.5,7.7C3.4,7.7,3.4,7.7,3.5,7.7c-0.1,0-0.1,0-0.1,0c0,0,0,0,0,0c0,0,0,0,0,0 c0,0,0,0,0,0V7.4c0-1.4,1.2-2.6,2.6-2.6h0.3c1.4,0,2.6,1.2,2.6,2.6v0.4h0c0,0,0,0,0,0c0,0,0,0,0,0c-0.8-0.2-1-1.2-1-1.2 c0-0.2-0.2-0.4-0.4-0.4c-0.2,0-0.4,0-0.6,0.2C5.7,7.7,3.5,7.7,3.5,7.7z M4,10.2V8.8c0.7-0.1,2-0.3,3-1.1c0.2,0.4,0.6,0.8,1.1,1v1.6 c0,1-0.8,1.8-1.8,1.8H5.8C4.8,12,4,11.2,4,10.2z M6.6,13.1v0.3L6,14l-0.6-0.6v-0.4c0.1,0,0.2,0,0.3,0h0.5 C6.4,13.1,6.5,13.1,6.6,13.1z M8.4,16.4v1.9H7.7H4.9H4.3H3.8H1.2v-1.4c0-1.5,1.2-2,1.2-2c0,0,0,0,0,0l2.1-0.8l1.1,1.1 c0.1,0.1,0.2,0.2,0.4,0.2c0,0,0,0,0,0c0.1,0,0.3-0.1,0.4-0.2l1-1.1l1.3,0.5C8.5,15.1,8.4,15.7,8.4,16.4z M12.4,5 C12.4,5,12.4,5,12.4,5C12.4,5,12.4,5,12.4,5C12.4,5,12.4,5,12.4,5C12.4,5,12.4,5,12.4,5c-0.1,0-0.1,0-0.1,0c0,0,0,0,0,0 c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0V4.5 c0-1.9,1.5-3.4,3.4-3.4h0.3l0,0c1.9,0,3.4,1.5,3.4,3.4v0.7c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0 c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c-1-0.2-1.4-1.6-1.4-1.6c0-0.2-0.2-0.4-0.4-0.4c-0.2,0-0.4,0-0.6,0.2 C15.3,5,12.5,5,12.4,5z M16.5,12C16.5,12,16.5,12,16.5,12L16.5,12l-0.9,1l-0.9-0.8v-0.7c0.2,0,0.4,0,0.6,0H16c0.2,0,0.4,0,0.6,0V12 z M16,10.4h-0.6C14,10.4,13,9.4,13,8.1V6.1c0.9-0.1,2.6-0.4,3.9-1.5c0.3,0.5,0.7,1.1,1.4,1.4v2.1C18.3,9.4,17.3,10.4,16,10.4z M22.7,7.7C22.7,7.7,22.7,7.7,22.7,7.7C22.7,7.7,22.7,7.7,22.7,7.7C22.6,7.7,22.6,7.7,22.7,7.7c-0.1,0-0.1,0-0.1,0c0,0,0,0,0,0 c0,0,0,0,0,0c0,0,0,0,0,0V7.4c0-1.4,1.2-2.6,2.6-2.6h0.3c1.4,0,2.6,1.2,2.6,2.6v0.4c0,0,0,0,0,0c0,0,0,0,0,0c-0.8-0.2-1-1.2-1-1.2 c0-0.2-0.2-0.4-0.4-0.4c-0.2,0-0.4,0-0.6,0.2C24.9,7.7,22.7,7.7,22.7,7.7z M23.2,10.2V8.8c0.7-0.1,2-0.3,3-1.1 c0.2,0.4,0.6,0.8,1.1,1v1.6c0,1-0.8,1.8-1.8,1.8H25C24,12,23.2,11.2,23.2,10.2z M25.9,13.1v0.3L25.2,14l-0.6-0.6v-0.4 c0.1,0,0.2,0,0.3,0h0.5C25.6,13.1,25.7,13.1,25.9,13.1z M30,18.4L30,18.4h-3.1h-2.8h-0.6H23h-0.2v-1.9c0-0.7-0.2-1.3-0.4-1.8 l1.3-0.5l1.1,1.1c0.1,0.1,0.2,0.2,0.4,0.2c0,0,0,0,0,0c0.1,0,0.3-0.1,0.4-0.2l1-1.1l2.1,0.8c0,0,0,0,0,0c0.1,0,1.3,0.5,1.3,2V18.4z '/%3E%3C/g%3E%3C/svg%3E%0A");
}
.section-2022-startup-materials .materials-wrapper .materials-list .list-item .item-icon.icon2 {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='29.6px' height='33.7px' viewBox='0 0 29.6 33.7' style='overflow:visible;enable-background:new 0 0 29.6 33.7;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cdefs%3E%3C/defs%3E%3Cg%3E%3Cpath class='st0' d='M18.3,33.7H1.5C0.7,33.7,0,33,0,32.2V7.5C0,6.7,0.7,6,1.5,6h2.8c0.3,0,0.5,0.2,0.5,0.5C4.8,6.8,4.6,7,4.3,7 H1.5C1.2,7,1,7.2,1,7.5v24.7c0,0.3,0.2,0.5,0.5,0.5h16.8c0.3,0,0.5-0.2,0.5-0.5V20.7H7.4c-0.8,0-1.5-0.7-1.5-1.5V1.5 C5.9,0.7,6.6,0,7.4,0h14.8c0.8,0,1.5,0.7,1.5,1.5v4.9c0,0.3-0.2,0.5-0.5,0.5s-0.5-0.2-0.5-0.5V1.5c0-0.3-0.2-0.5-0.5-0.5H7.4 C7.1,1,6.9,1.2,6.9,1.5v17.8c0,0.3,0.2,0.5,0.5,0.5h14.8c0.3,0,0.5-0.2,0.5-0.5V8.4c0-0.3,0.2-0.5,0.5-0.5h3c0.3,0,0.5,0.2,0.5,0.5 c0,0.3-0.2,0.5-0.5,0.5h-2.5v2h2.5c0.3,0,0.5,0.2,0.5,0.5c0,0.3-0.2,0.5-0.5,0.5h-2.5v2h2.5c0.3,0,0.5,0.2,0.5,0.5 c0,0.3-0.2,0.5-0.5,0.5h-2.5v2h2.5c0.3,0,0.5,0.2,0.5,0.5c0,0.3-0.2,0.5-0.5,0.5h-2.5v1.5c0,0.2,0,0.3-0.1,0.5h2.6 c0.3,0,0.5,0.2,0.5,0.5c0,0.3-0.2,0.5-0.5,0.5h-6.4v2h6.4c0.3,0,0.5,0.2,0.5,0.5c0,0.3-0.2,0.5-0.5,0.5h-6.4v3.1h8.4 c0.3,0,0.5-0.2,0.5-0.5V4.6c0-0.3-0.2-0.5-0.5-0.5h-3c-0.3,0-0.5-0.2-0.5-0.5s0.2-0.5,0.5-0.5h3c0.8,0,1.5,0.7,1.5,1.5v21.7 c0,0.8-0.7,1.5-1.5,1.5h-8.4v3h5.4c0.3,0,0.5-0.2,0.5-0.5v-1c0-0.3,0.2-0.5,0.5-0.5c0.3,0,0.5,0.2,0.5,0.5v1c0,0.8-0.7,1.5-1.5,1.5 h-5.4v0.5C19.7,33,19.1,33.7,18.3,33.7z'/%3E%3Cpath class='st0' d='M9.6,15.7v1.1h10.2v-1.1c0-0.2,0.1-0.3,0.3-0.3h2.6h0.8v-2v-0.6c0-0.6-0.4-1.2-1-1.4L20.7,11v-0.4 c0.5-0.4,0.9-1,0.9-1.6V8.1c0-1.1-0.9-2-2-2c-0.6,0-1.1,0.2-1.4,0.6V6.4c0-0.6-0.3-1.1-0.8-1.3l-0.5-0.4c-0.6-0.5-1.4-0.8-2.2-0.8 c-0.8,0-1.6,0.3-2.1,0.8l0,0C12.3,4.7,12.1,5,12,5c-0.4,0.5-0.6,1-0.7,1.6C11,6.3,10.5,6.1,9.9,6.1c-1.1,0-2,0.9-2,2v0.9 c0,0.7,0.3,1.3,0.9,1.6V11l-1.8,0.5c-0.6,0.2-1,0.7-1,1.4v0.8v1.8h0.8h2.7C9.5,15.4,9.6,15.6,9.6,15.7z M14.2,16.3l0.2-2H15l0.2,2 H14.2z M15.2,13.3l-0.2,0.5h-0.7l-0.2-0.5l0.5-0.3L15.2,13.3z M13.9,11.6v-0.3c0.3,0.1,0.6,0.2,0.9,0.2c0.3,0,0.6-0.1,0.9-0.2v0.3 l-0.9,0.6L13.9,11.6z M15.2,12.6l0.7-0.5l0.2,0L15.9,13L15.2,12.6z M14.7,10.9c-0.9,0-1.7-0.8-1.7-1.7V7.8h1c0.6,0,1.2-0.2,1.8-0.5 L16,7.8h0.5v1.4C16.4,10.1,15.7,10.9,14.7,10.9z M13.5,12.1l0.7,0.5L13.5,13l-0.2-0.9L13.5,12.1z M22.4,12.1 c0.4,0.1,0.6,0.4,0.6,0.8v2h-1.1v-2h-0.6v2h-1.1c-0.5,0-0.9,0.4-0.9,0.9v0.6h-1.4V14h-0.6v2.3h-1.5l-0.2-2.2l0.2-0.5l0.6,0.4 l0.3-1.7l1.5,0.3c0.6,0.1,1.1,0.7,1.1,1.4v0.3h0.6V14c0-0.9-0.6-1.7-1.5-1.9l-0.8-0.2l1.1-0.3c0.2,0.2,0.5,0.5,1,0.5 c0.5,0,0.8-0.3,1-0.5L22.4,12.1z M19,11.1v-0.3c0.2,0.1,0.4,0.1,0.6,0.1c0.2,0,0.4,0,0.6-0.1v0.3c-0.1,0.1-0.3,0.4-0.6,0.4 C19.2,11.5,19.1,11.2,19,11.1z M19.6,6.6c0.8,0,1.4,0.6,1.4,1.4h-1.3c-0.2,0-0.4-0.1-0.5-0.2L19,7.7l-0.2,0.2 c-0.1,0.1-0.3,0.2-0.5,0.2h-0.2C18.1,7.3,18.8,6.6,19.6,6.6z M18.1,8.6h0.2c0.2,0,0.5-0.1,0.7-0.2c0.2,0.1,0.4,0.2,0.7,0.2H21v0.3 c0,0.8-0.6,1.4-1.4,1.4s-1.4-0.6-1.4-1.4V8.6z M17.7,9.6c0.1,0.4,0.4,0.7,0.7,0.9V11l-1.8,0.5c-0.1,0-0.1,0-0.2,0.1l-0.3-0.1V11 c0.3-0.2,0.5-0.6,0.7-0.9C17.2,10,17.5,9.9,17.7,9.6z M17,9.4c0-0.1,0-0.2,0-0.2V7.8c0.3,0.1,0.5,0.4,0.6,0.7 c0,0.2-0.1,0.5-0.2,0.7C17.2,9.3,17.1,9.4,17,9.4z M11.9,7.1c0-1.5,1.2-2.7,2.7-2.7c0.7,0,1.4,0.3,1.9,0.8l0.3,0.3l0.1,0 c0.4,0.1,0.7,0.5,0.7,0.9v1.1c-0.3-0.2-0.6-0.3-0.9-0.3h-0.3L16,6.5l-0.3,0.2C15.2,7,14.6,7.2,14,7.2h-1.2c-0.3,0-0.7,0.1-0.9,0.3 V7.1z M12.5,9.4c-0.1,0-0.3-0.1-0.4-0.2c-0.2-0.2-0.2-0.4-0.2-0.7c0-0.3,0.3-0.6,0.6-0.7v1.4C12.4,9.3,12.4,9.4,12.5,9.4z M11.7,9.6C12,9.9,12.3,10,12.6,10c0.1,0.4,0.4,0.7,0.7,0.9v0.6L13,11.6c-0.1,0-0.1,0-0.2-0.1L11,11v-0.4 C11.3,10.3,11.6,10,11.7,9.6z M9.9,6.6c0.8,0,1.4,0.6,1.4,1.4h-0.2c-0.2,0-0.4-0.1-0.5-0.2l-0.2-0.2l-0.2,0.2 C10.1,8,9.9,8.1,9.8,8.1H8.5C8.5,7.3,9.1,6.6,9.9,6.6z M8.5,8.9V8.6h1.3c0.2,0,0.5-0.1,0.7-0.2c0.2,0.1,0.4,0.2,0.7,0.2h0.2v0.3 c0,0.8-0.6,1.4-1.4,1.4S8.5,9.7,8.5,8.9z M10.5,10.8v0.3c-0.1,0.1-0.3,0.4-0.6,0.4s-0.5-0.3-0.6-0.4v-0.3c0.2,0.1,0.4,0.1,0.6,0.1 S10.3,10.9,10.5,10.8z M7.6,12.9v2H6.5v-2c0-0.4,0.2-0.7,0.6-0.8l1.8-0.5c0.2,0.2,0.5,0.5,1,0.5c0.5,0,0.8-0.3,1-0.5l1.1,0.3 L11.1,12c-0.9,0.2-1.5,1-1.5,1.9v0.3h0.6V14c0-0.7,0.5-1.2,1.1-1.4l1.5-0.3l0.3,1.7l0.6-0.4l0.2,0.5l-0.2,2.2h-1.5V14h-0.6v2.3 h-1.4v-0.6c0-0.5-0.4-0.9-0.9-0.9H8.2v-2H7.6z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.section-2022-startup-materials .materials-wrapper .materials-list .list-item .item-icon.icon3 {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='30.6px' height='30.6px' viewBox='0 0 30.6 30.6' style='overflow:visible;enable-background:new 0 0 30.6 30.6;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cdefs%3E%3C/defs%3E%3Cg%3E%3Cpath class='st0' d='M20.8,2L20.8,2c-3.3,0-5.9,2.6-5.9,5.9c0,1.4,0.5,2.8,1.4,3.8l1.5,1.8v1.3c0,1.6,1.3,3,3,3s3-1.3,3-3v-1.3 l1.5-1.8c0.9-1.1,1.4-2.4,1.4-3.8C26.6,4.6,24,2,20.8,2z M22.7,14.8c0,1.1-0.9,2-2,2s-2-0.9-2-2v-1h3.9V14.8z M19.9,8.4h1.6 l-0.3,4.4h-1.1L19.9,8.4z M24.5,11.1L23,12.8h-0.7l0.3-4.4h0.7c0.8,0,1.5-0.7,1.5-1.5S24,5.4,23.2,5.4h-0.1c-0.8,0-1.4,0.6-1.5,1.4 l0,0.6h-1.8l0-0.6c-0.1-0.8-0.7-1.4-1.5-1.4h-0.1c-0.8,0-1.5,0.7-1.5,1.5s0.7,1.5,1.5,1.5h0.7l0.3,4.4h-0.7L17,11.1 c-0.8-0.9-1.2-2-1.2-3.2C15.8,5.2,18,3,20.7,3h0.1c2.7,0,4.9,2.2,4.9,4.9C25.7,9,25.2,10.2,24.5,11.1z M22.6,7.4l0-0.5 c0-0.3,0.2-0.5,0.5-0.5h0.1c0.3,0,0.5,0.2,0.5,0.5c0,0.3-0.2,0.5-0.5,0.5H22.6z M18.8,7.4h-0.6c-0.3,0-0.5-0.2-0.5-0.5 c0-0.3,0.2-0.5,0.5-0.5h0.1c0.3,0,0.5,0.2,0.5,0.5L18.8,7.4z'/%3E%3Cpath class='st0' d='M29.1,0H12.3c-0.8,0-1.5,0.7-1.5,1.5v13.3H1.5c-0.8,0-1.5,0.7-1.5,1.5v12.8c0,0.8,0.7,1.5,1.5,1.5h13.8 c0.8,0,1.5-0.7,1.5-1.5v-9.4h12.3c0.8,0,1.5-0.7,1.5-1.5V1.5C30.6,0.7,29.9,0,29.1,0z M15.8,29.1c0,0.3-0.2,0.5-0.5,0.5H1.5 c-0.3,0-0.5-0.2-0.5-0.5V16.3c0-0.3,0.2-0.5,0.5-0.5h13.8c0.3,0,0.5,0.2,0.5,0.5V29.1z M29.6,18.3c0,0.3-0.2,0.5-0.5,0.5H16.8v-2.5 c0-0.8-0.7-1.5-1.5-1.5h-3.5V1.5c0-0.3,0.2-0.5,0.5-0.5h16.8c0.3,0,0.5,0.2,0.5,0.5V18.3z'/%3E%3Cpath class='st0' d='M27.6,24.2c0,0.8-0.7,1.5-1.5,1.5h-9.1l3.3,3.3l0.7-0.7l-1.6-1.6h6.7c1.4,0,2.5-1.1,2.5-2.5v-3.5h-1V24.2z'/%3E%3Cpath class='st0' d='M26.6,23.7v-3h-1v3h-8.5v1h8.5C26.2,24.7,26.6,24.2,26.6,23.7z'/%3E%3Cpath class='st0' d='M1,9.4c0-0.8,0.7-1.5,1.5-1.5h8.1L7.3,4.6L6.6,5.3l1.6,1.6H2.5C1.1,6.9,0,8,0,9.4v3.5h1V9.4z'/%3E%3Cpath class='st0' d='M2,9.9v3h1v-3h7.3v-1H3C2.4,8.9,2,9.3,2,9.9z'/%3E%3Cpath class='st0' d='M13,19.8l-1.8-1.8l-1.1,0.6l-0.4-1.2H7.1l-0.4,1.2l-1.1-0.6l-1.8,1.8l0.6,1.1l-1.2,0.4v2.6l1.2,0.4l-0.6,1.1 l1.8,1.8l1.1-0.6l0.4,1.2h2.6l0.4-1.2l1.1,0.6l1.8-1.8l-0.6-1.1l1.2-0.4v-2.6l-1.2-0.4L13,19.8z M12.7,22v1.2l-1.1,0.4l-0.1,0.2 c0,0.1,0,0.1-0.1,0.2l-0.1,0.2l0.5,1L11,26.1l-1-0.5l-0.2,0.1c-0.1,0-0.1,0.1-0.2,0.1l-0.2,0.1L9,26.9H7.8l-0.4-1.1l-0.2-0.1 c-0.1,0-0.1,0-0.2-0.1l-0.2-0.1l-1,0.5l-0.9-0.9l0.5-1L5.3,24c0-0.1-0.1-0.1-0.1-0.2l-0.1-0.2l-1.1-0.4V22l1.1-0.4l0.1-0.2 c0-0.1,0-0.1,0.1-0.2L5.4,21l-0.5-1l0.9-0.9l1,0.5L7,19.5c0.1,0,0.1-0.1,0.2-0.1l0.2-0.1l0.4-1.1H9l0.4,1.1l0.2,0.1 c0.1,0,0.1,0,0.2,0.1l0.2,0.1l1-0.5l0.9,0.9l-0.5,1l0.1,0.2c0,0.1,0.1,0.1,0.1,0.2l0.1,0.2L12.7,22z'/%3E%3Cpath class='st0' d='M8.4,20.2c-1.3,0-2.4,1.1-2.4,2.4C6,23.9,7.1,25,8.4,25s2.4-1.1,2.4-2.4C10.8,21.3,9.7,20.2,8.4,20.2z M8.4,24 c-0.8,0-1.4-0.6-1.4-1.4c0-0.8,0.6-1.4,1.4-1.4c0.8,0,1.4,0.6,1.4,1.4C9.8,23.4,9.2,24,8.4,24z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.section-2022-startup-materials .materials-wrapper .materials-list .list-item .item-icon.icon4 {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='28.6px' height='28.6px' viewBox='0 0 28.6 28.6' style='overflow:visible;enable-background:new 0 0 28.6 28.6;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cdefs%3E%3C/defs%3E%3Cg id='Data_Analysis-grow-worldwide-analysis-graph_1_'%3E%3Cpath class='st0' d='M28.6,5.2V0.5c0-0.3-0.2-0.5-0.5-0.5h-4.8v1H27l-6.3,6.3c-1.7-1.6-4-2.5-6.4-2.5c-1,0-2,0.2-2.9,0.5 c-0.3-3.1-3-5.5-6.2-5.2C2.1,0.3-0.3,3.1,0,6.2c0.2,2.8,2.4,5,5.2,5.2c-0.6,1.9-0.6,3.9,0,5.8c-3.1,0.3-5.5,3-5.2,6.2 c0.3,3.1,3,5.5,6.2,5.2c2.8-0.2,5-2.4,5.2-5.2c0.9,0.3,1.9,0.5,2.9,0.5c0.6,0,1.3-0.1,1.9-0.2c0.2,2.9,2.6,5.1,5.5,4.9 c2.8-0.2,5-2.4,5-5.2c0-0.3-0.2-0.5-0.5-0.5h-4.3V20c0.4-0.5,0.7-1,1-1.6v3c0,0.3,0.2,0.5,0.5,0.5h4.8c0.3,0,0.5-0.2,0.5-0.5 c0-2.8-2.2-5.1-5-5.2c0.6-3-0.2-6.1-2.3-8.3l6.3-6.3v3.6H28.6z M23.8,17.2c2,0.2,3.6,1.8,3.8,3.8h-3.8V17.2z M10.1,3.8 c0.2,0.5,0.3,1,0.4,1.5H8.5c0-0.2-0.1-0.4-0.1-0.5L10.1,3.8z M7.5,7.9c0.1-0.1,0.3-0.2,0.4-0.4l1.7,1C9.3,8.9,8.9,9.3,8.5,9.6 L7.5,7.9z M7.7,10.1c-0.5,0.2-1,0.3-1.5,0.4V8.5c0.2,0,0.4-0.1,0.5-0.1L7.7,10.1z M8.4,6.7c0.1-0.2,0.1-0.3,0.1-0.5h1.9 c-0.1,0.5-0.2,1-0.4,1.5L8.4,6.7z M9.6,2.9l-1.7,1C7.8,3.8,7.7,3.6,7.5,3.5l1-1.7C8.9,2.2,9.3,2.5,9.6,2.9L9.6,2.9z M6.2,1 c0.5,0.1,1,0.2,1.5,0.4L6.7,3C6.5,3,6.4,2.9,6.2,2.9V1z M7.6,5.7c0,1.1-0.9,1.9-1.9,1.9c-1.1,0-1.9-0.9-1.9-1.9 c0-1.1,0.9-1.9,1.9-1.9C6.8,3.8,7.6,4.7,7.6,5.7z M5.2,1v1.9C5.1,2.9,4.9,3,4.7,3l-1-1.7C4.2,1.2,4.7,1,5.2,1z M2.9,1.9l1,1.7 C3.8,3.6,3.6,3.8,3.5,3.9l-1.7-1C2.2,2.5,2.5,2.2,2.9,1.9z M1.4,3.8l1.7,1C3,4.9,2.9,5.1,2.9,5.2H1C1,4.7,1.2,4.2,1.4,3.8z M1.4,7.7C1.2,7.2,1,6.7,1,6.2h1.9C2.9,6.4,3,6.5,3,6.7L1.4,7.7z M1.9,8.5l1.7-1c0.1,0.1,0.2,0.3,0.4,0.4l-1,1.7 C2.5,9.3,2.2,8.9,1.9,8.5L1.9,8.5z M3.8,10.1l1-1.7c0.2,0.1,0.3,0.1,0.5,0.1v1.9C4.7,10.4,4.2,10.3,3.8,10.1z M5.7,18.1 c0.3,0,0.8,0.7,1.1,1.8C6.4,20,6.1,20,5.7,20c-0.4,0-0.7,0-1.1-0.1C5,18.8,5.4,18.1,5.7,18.1z M2.2,19.7c0.4,0.3,0.9,0.6,1.4,0.8 c-0.1,0.6-0.2,1.2-0.2,1.9H1C1.1,21.4,1.5,20.5,2.2,19.7z M1,23.4h2.4c0,0.6,0.1,1.3,0.2,1.9c-0.5,0.2-1,0.5-1.4,0.8 C1.5,25.3,1.1,24.3,1,23.4z M2.9,26.7c0.3-0.2,0.6-0.4,0.9-0.5C3.9,26.6,4,27,4.2,27.4C3.7,27.2,3.3,27,2.9,26.7L2.9,26.7z M3.7,19.6c-0.3-0.1-0.6-0.3-0.9-0.5c0.4-0.3,0.9-0.5,1.3-0.7C4,18.8,3.9,19.2,3.7,19.6L3.7,19.6z M5.7,27.6 c-0.3,0-0.8-0.7-1.1-1.8c0.4-0.1,0.7-0.1,1.1-0.1c0.4,0,0.7,0,1.1,0.1C6.5,27,6.1,27.6,5.7,27.6z M7,24.9c-0.8-0.2-1.7-0.2-2.5,0 c-0.1-0.5-0.1-1-0.2-1.6h2.8C7.1,23.9,7.1,24.4,7,24.9z M4.3,22.4c0-0.5,0.1-1.1,0.2-1.6C5.3,21,6.2,21,7,20.8 c0.1,0.5,0.1,1,0.2,1.6H4.3z M7.2,27.4c0.2-0.4,0.4-0.8,0.5-1.2c0.3,0.1,0.6,0.3,0.9,0.5C8.2,27,7.7,27.2,7.2,27.4z M7.2,18.4 c0.5,0.2,0.9,0.4,1.3,0.7c-0.3,0.2-0.6,0.4-0.9,0.5C7.6,19.2,7.4,18.8,7.2,18.4z M9.3,26c-0.4-0.3-0.9-0.6-1.4-0.8 C8,24.6,8.1,24,8.1,23.4h2.4C10.4,24.3,10,25.3,9.3,26z M8.1,22.4c0-0.6-0.1-1.3-0.2-1.9c0.5-0.2,1-0.5,1.4-0.8 c0.7,0.7,1.1,1.7,1.2,2.7H8.1z M25.7,23.8c-0.3,2.4-2.4,4.1-4.7,3.8s-4.1-2.4-3.8-4.7c0.2-2,1.8-3.6,3.8-3.8v4.3 c0,0.3,0.2,0.5,0.5,0.5H25.7z M22.9,14.3c0,1.4-0.3,2.8-1,4.1c-0.1-0.2-0.2-0.2-0.4-0.2c-2.6,0-4.8,1.9-5.2,4.5 c-1.6,0.4-3.3,0.3-4.8-0.3c-0.3-2.8-2.4-4.9-5.2-5.2c-0.7-1.9-0.7-3.9,0-5.8C9,11.2,11.2,9,11.4,6.2c4.4-1.6,9.3,0.7,11,5.1 C22.7,12.3,22.9,13.3,22.9,14.3z'/%3E%3Cpath class='st0' d='M11.4,12.4H9.5c-0.3,0-0.5,0.2-0.5,0.5v4.8c0,0.3,0.2,0.5,0.5,0.5h1.9c0.3,0,0.5-0.2,0.5-0.5v-4.8 C11.9,12.6,11.7,12.4,11.4,12.4z M11,17.2h-1v-3.8h1V17.2z'/%3E%3Cpath class='st0' d='M15.3,10.5h-1.9c-0.3,0-0.5,0.2-0.5,0.5v6.7c0,0.3,0.2,0.5,0.5,0.5h1.9c0.3,0,0.5-0.2,0.5-0.5V11 C15.7,10.7,15.5,10.5,15.3,10.5z M14.8,17.2h-1v-5.7h1V17.2z'/%3E%3Cpath class='st0' d='M19.1,9.5h-1.9c-0.3,0-0.5,0.2-0.5,0.5v7.6c0,0.3,0.2,0.5,0.5,0.5h1.9c0.3,0,0.5-0.2,0.5-0.5V10 C19.5,9.7,19.3,9.5,19.1,9.5z M18.6,17.2h-1v-6.7h1V17.2z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.section-2022-startup-materials .materials-wrapper .materials-list .list-item .item-icon.icon5 {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='31.7px' height='31.7px' viewBox='0 0 31.7 31.7' style='overflow:visible;enable-background:new 0 0 31.7 31.7;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cdefs%3E%3C/defs%3E%3Cg%3E%3Cpath class='st0' d='M15.8,22.5c3.7,0,6.6-3,6.6-6.6s-3-6.6-6.6-6.6s-6.6,3-6.6,6.6S12.2,22.5,15.8,22.5z M15.8,10.2 c0.5,0,1.1,0.8,1.5,2h-3.1C14.7,11,15.3,10.2,15.8,10.2z M17.6,13.3c0.1,0.6,0.2,1.3,0.2,2h-4.1c0-0.7,0.1-1.4,0.2-2H17.6z M21.4,15.3h-2.5c0-0.7-0.1-1.4-0.2-2h2.2C21.1,13.9,21.4,14.6,21.4,15.3L21.4,15.3z M15.8,21.4c-0.5,0-1.1-0.8-1.5-2h3.1 C17,20.7,16.4,21.4,15.8,21.4L15.8,21.4z M14,18.4c-0.1-0.6-0.2-1.3-0.2-2h4.1c0,0.7-0.1,1.4-0.2,2H14z M18.9,16.3h2.5 c-0.1,0.7-0.3,1.4-0.6,2h-2.2C18.8,17.7,18.9,17.1,18.9,16.3z M12.8,15.3h-2.5c0.1-0.7,0.3-1.4,0.6-2H13 C12.9,13.9,12.8,14.6,12.8,15.3z M12.8,16.3c0,0.7,0.1,1.4,0.2,2h-2.2c-0.3-0.6-0.5-1.3-0.6-2H12.8z M11.5,19.4h1.7 c0.2,0.7,0.4,1.2,0.7,1.7C13,20.8,12.1,20.2,11.5,19.4L11.5,19.4z M17.7,21.1c0.3-0.5,0.5-1,0.7-1.7h1.7 C19.5,20.2,18.7,20.8,17.7,21.1z M20.2,12.3h-1.7c-0.2-0.7-0.4-1.2-0.7-1.7C18.7,10.9,19.5,11.5,20.2,12.3z M13.9,10.5 c-0.3,0.5-0.5,1-0.7,1.7h-1.7C12.1,11.5,13,10.9,13.9,10.5L13.9,10.5z'/%3E%3Cpath class='st0' d='M26.5,7.1h-1c-0.3,0-0.5-0.2-0.5-0.5h-1c0,0.8,0.7,1.5,1.5,1.5v1h1v-1c0.8,0,1.5-0.7,1.5-1.5s-0.7-1.5-1.5-1.5 h-1c-0.3,0-0.5-0.2-0.5-0.5c0-0.3,0.2-0.5,0.5-0.5h1c0.3,0,0.5,0.2,0.5,0.5h1c0-0.8-0.7-1.5-1.5-1.5V2h-1v1c-0.8,0-1.5,0.7-1.5,1.5 s0.7,1.5,1.5,1.5h1c0.3,0,0.5,0.2,0.5,0.5C27.1,6.9,26.8,7.1,26.5,7.1z'/%3E%3Cpath class='st0' d='M26,11.2c3.1,0,5.6-2.5,5.6-5.6C31.7,2.5,29.1,0,26,0c-3.1,0-5.6,2.5-5.6,5.6C20.4,8.7,22.9,11.2,26,11.2z M26,1c2.5,0,4.6,2.1,4.6,4.6c0,2.5-2.1,4.6-4.6,4.6c-2.5,0-4.6-2.1-4.6-4.6C21.4,3.1,23.5,1,26,1z'/%3E%3Cpath class='st0' d='M28,25.9c0.3-0.4,0.6-0.9,0.6-1.4v-0.4l0.5-0.8c0.3-0.5,0.5-1,0.5-1.6c0-1.6-1.3-2.9-2.9-2.9h-1.4 c-1.6,0-2.9,1.3-2.9,2.9c0,0.6,0.2,1.1,0.5,1.6l0.5,0.8v0.4c0,0.5,0.2,1,0.6,1.4c-2.1,0.8-3.6,2.8-3.6,5.2v0.5h11.2v-0.5 C31.7,28.7,30.1,26.7,28,25.9z M25.3,19.9h1.4c1,0,1.8,0.8,1.8,1.8c0,0.2-0.1,0.5-0.1,0.7c-0.1-0.3-0.4-0.6-0.7-0.7L26,20.9 l-1.7,0.9c-0.3,0.2-0.6,0.4-0.7,0.7c-0.1-0.2-0.1-0.5-0.1-0.7C23.5,20.7,24.3,19.9,25.3,19.9z M25.5,25.5c-0.6,0-1-0.5-1-1v-1.4 c0-0.2,0.1-0.4,0.3-0.5L26,22l1.2,0.6c0.2,0.1,0.3,0.3,0.3,0.5v1.4c0,0.6-0.5,1-1,1H25.5z M21.5,30.6c0.3-2.3,2.2-4.1,4.6-4.1 c2.4,0,4.3,1.8,4.6,4.1H21.5z'/%3E%3Cpath class='st0' d='M10.6,23l-2-2l-1.2,0.6L7,20.4H4.2l-0.4,1.3l-1.2-0.6l-2,2l0.6,1.2L0,24.6v2.8l1.3,0.4L0.7,29l2,2l1.2-0.6 l0.4,1.3H7l0.4-1.3L8.6,31l2-2L10,27.8l1.3-0.4v-2.8L10,24.2L10.6,23z M10.2,25.4v1.3L9,27.1L9,27.3c0,0.1-0.1,0.1-0.1,0.2 l-0.1,0.2l0.6,1.1l-0.9,0.9l-1.1-0.6l-0.2,0.1c-0.1,0-0.1,0.1-0.2,0.1l-0.2,0.1l-0.4,1.2H5l-0.4-1.2l-0.2-0.1 c-0.1,0-0.1-0.1-0.2-0.1l-0.2-0.1l-1.1,0.6l-0.9-0.9l0.6-1.1l-0.1-0.2c0-0.1-0.1-0.1-0.1-0.2l-0.1-0.2L1,26.7v-1.3L2.2,25l0.1-0.2 c0-0.1,0.1-0.1,0.1-0.2l0.1-0.2l-0.6-1.1l0.9-0.9l1.1,0.6l0.2-0.1c0.1,0,0.1-0.1,0.2-0.1l0.2-0.1L5,21.4h1.3l0.4,1.2l0.2,0.1 c0.1,0,0.1,0.1,0.2,0.1l0.2,0.1l1.1-0.6l0.9,0.9l-0.6,1.1l0.1,0.2c0,0.1,0.1,0.1,0.1,0.2L9,25L10.2,25.4z'/%3E%3Cpath class='st0' d='M5.6,23.5c-1.4,0-2.6,1.1-2.6,2.6c0,1.4,1.1,2.6,2.6,2.6c1.4,0,2.6-1.1,2.6-2.6C8.2,24.6,7,23.5,5.6,23.5z M5.6,27.6c-0.8,0-1.5-0.7-1.5-1.5s0.7-1.5,1.5-1.5s1.5,0.7,1.5,1.5S6.5,27.6,5.6,27.6z'/%3E%3Cpath class='st0' d='M10.2,0H0v9.2h10.2V0z M4.1,1h2v1h-2V1z M9.2,8.2H1V1h2v2h4.1V1h2V8.2z'/%3E%3Cpath class='st0' d='M25.5,12.3h1v5.6h-1V12.3z'/%3E%3Cpath class='st0' d='M11.2,5.1h8.2v1h-8.2V5.1z'/%3E%3Cpath class='st0' d='M5.1,10.2h1v9.2h-1V10.2z'/%3E%3Cpath class='st0' d='M12.3,25.5h9.2v1h-9.2V25.5z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.section-2022-startup-materials .materials-wrapper .materials-list .list-item .item-icon.icon6 {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='30.9px' height='30.9px' viewBox='0 0 30.9 30.9' style='overflow:visible;enable-background:new 0 0 30.9 30.9;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;stroke:%23FFFFFF;stroke-width:0.6373;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cdefs%3E%3C/defs%3E%3Cg%3E%3Cpath class='st0' d='M28.6,13.5c-1,0-1.8,0.7-2,1.6h-2.9c-0.1-2-0.9-3.8-2.2-5.3l2-2c0.9,0.6,2.1,0.4,2.8-0.5 c0.6-0.9,0.4-2.1-0.5-2.8S23.7,4.1,23.1,5c-0.5,0.7-0.5,1.5,0,2.2l-2,2c-1.4-1.3-3.3-2.1-5.3-2.1V4.3c1.1-0.2,1.8-1.2,1.7-2.3 c-0.2-1.1-1.2-1.8-2.3-1.7s-1.8,1.2-1.7,2.3c0.1,0.8,0.7,1.5,1.5,1.6v2.9C13.1,7.3,11.2,8,9.8,9.4l-2-2c0.6-0.9,0.4-2.1-0.5-2.8 C6.4,3.9,5.2,4.1,4.5,5C3.9,5.9,4.1,7.2,5,7.8c0.7,0.5,1.6,0.5,2.2,0l2,2c-1.3,1.4-2.1,3.3-2.1,5.3H4.3c-0.2-1.1-1.2-1.8-2.3-1.7 c-1,0.2-1.7,1-1.7,2c0,1.1,0.9,2,2,2c0.9,0,1.7-0.7,1.9-1.6h2.9c0.1,1.9,0.9,3.8,2.2,5.2l-2,2c-0.9-0.6-2.2-0.4-2.8,0.5 c-0.6,0.9-0.4,2.2,0.5,2.8c0.9,0.6,2.2,0.4,2.8-0.5c0.5-0.7,0.5-1.6,0-2.3l2-2c1.4,1.3,3.3,2.1,5.2,2.2v2.9 c-1.1,0.2-1.8,1.3-1.6,2.3c0.2,1.1,1.3,1.8,2.3,1.6c1.1-0.2,1.8-1.3,1.6-2.3c-0.2-0.8-0.8-1.4-1.6-1.6v-2.9c2-0.1,3.8-0.9,5.2-2.2 l2,2c-0.6,0.9-0.4,2.1,0.5,2.8s2.1,0.4,2.8-0.5c0.6-0.9,0.4-2.1-0.5-2.8c-0.7-0.5-1.6-0.5-2.2,0l-2-2c1.3-1.4,2.1-3.3,2.2-5.2h2.9 c0.2,1.1,1.3,1.8,2.3,1.6c1.1-0.2,1.8-1.3,1.6-2.3C30.4,14.1,29.5,13.4,28.6,13.5L28.6,13.5z M23.9,5.3c0.5-0.5,1.3-0.5,1.8,0 c0.5,0.5,0.5,1.3,0,1.8l0,0c-0.5,0.5-1.3,0.5-1.8,0C23.4,6.6,23.4,5.8,23.9,5.3z M7,7.1c-0.5,0.5-1.3,0.5-1.8,0s-0.5-1.3,0-1.8 c0.5-0.5,1.3-0.5,1.8,0l0,0C7.5,5.8,7.5,6.6,7,7.1L7,7.1z M2.3,16.7c-0.7,0-1.3-0.6-1.3-1.3c0-0.7,0.6-1.3,1.3-1.3s1.3,0.6,1.3,1.3 l0,0C3.6,16.1,3,16.7,2.3,16.7z M7,25.6c-0.5,0.5-1.3,0.5-1.8,0c-0.5-0.5-0.5-1.3,0-1.8l0,0c0.5-0.5,1.2-0.5,1.7,0 c0,0,0.1,0.1,0.1,0.1C7.5,24.4,7.5,25.2,7,25.6L7,25.6z M23.9,23.9c0.5-0.5,1.3-0.5,1.8,0c0.5,0.5,0.5,1.3,0,1.8 c-0.5,0.5-1.3,0.5-1.8,0l0,0C23.4,25.1,23.4,24.3,23.9,23.9L23.9,23.9z M14.2,2.3c0-0.7,0.6-1.3,1.3-1.3c0.7,0,1.3,0.6,1.3,1.3 c0,0.7-0.6,1.3-1.3,1.3C14.8,3.6,14.2,3,14.2,2.3z M16.7,28.6c0,0.7-0.6,1.3-1.2,1.3c-0.7,0-1.3-0.6-1.3-1.2c0-0.7,0.5-1.2,1.2-1.2 c0.1,0,0.1,0,0.2,0C16.2,27.4,16.7,27.9,16.7,28.6z M15.5,23c-4.2,0-7.6-3.4-7.6-7.6s3.4-7.6,7.6-7.6s7.6,3.4,7.6,7.6l0,0 C23,19.6,19.6,23,15.5,23z M28.6,16.7c-0.7,0-1.3-0.6-1.3-1.3c0-0.7,0.6-1.3,1.3-1.3c0.7,0,1.3,0.6,1.3,1.3 C29.8,16.1,29.3,16.7,28.6,16.7z'/%3E%3Cpath class='st0' d='M15.5,12.1c0.8,0,1.5,0.7,1.5,1.5c0,0.2,0.2,0.4,0.4,0.4c0.2,0,0.4-0.2,0.4-0.4c0-1.1-0.8-2-1.9-2.2v-0.7 c0-0.2-0.2-0.4-0.4-0.4c-0.2,0-0.4,0.2-0.4,0.4v0.7c-1.2,0.2-2,1.4-1.8,2.6c0.2,1.1,1.1,1.9,2.2,1.9c0.8,0,1.5,0.7,1.5,1.5 c0,0.8-0.7,1.5-1.5,1.5c0,0,0,0,0,0c0,0,0,0,0,0c-0.8,0-1.5-0.7-1.5-1.5c0-0.2-0.2-0.4-0.4-0.4c-0.2,0-0.4,0.2-0.4,0.4 c0,1.1,0.8,2,1.9,2.2v0.8c0,0.2,0.2,0.4,0.4,0.4c0.2,0,0.4-0.2,0.4-0.4v-0.8c1.2-0.2,2-1.4,1.8-2.6c-0.2-1.1-1.1-1.9-2.2-1.9 c-0.8,0-1.5-0.7-1.5-1.5C14,12.7,14.6,12.1,15.5,12.1L15.5,12.1z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.section-2022-startup-materials .materials-wrapper .materials-list .list-item .item-icon.icon7 {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='30.1px' height='30.1px' viewBox='0 0 30.1 30.1' style='overflow:visible;enable-background:new 0 0 30.1 30.1;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cdefs%3E%3C/defs%3E%3Cg%3E%3Cpath class='st0' d='M6.5,15h-3v1.5H2v13.5h1V17.6h1.5v-1.5h1v1.5H7v12.5h1V16.6H6.5V15z'/%3E%3Cpath class='st0' d='M4.5,18.6h1v11.5h-1V18.6z'/%3E%3Cpath class='st0' d='M9,11.3L6.5,8.8V5.2l-1-0.5V1h-1v3.7l-1,0.5v3.6L1,11.3V13H0v17.1h1V14h8v16.1h1V13H9V11.3z M5.5,8.5h-1v-1h1 V8.5z M5,5.6l0.5,0.3v0.7h-1V5.8L5,5.6z M4.2,9.5h1.6L7.3,11H2.7L4.2,9.5z M6,12v1H4v-1H6z M2,12h1v1H2V12z M7,13v-1h1v1H7z'/%3E%3Cpath class='st0' d='M29.5,9L29,3.5h-0.5l-0.3-2.2C28.1,0.6,27.5,0,26.7,0h-3.3c-0.8,0-1.4,0.6-1.5,1.3l-0.4,2.2h-0.5L20.6,9h-0.6 v21.1h1V10h0.5L22,4.5h0.5L23,1.5C23,1.2,23.2,1,23.5,1h1.1v1.5h1V1h1.2c0.3,0,0.5,0.2,0.5,0.5l0.5,3.1h0.5l0.5,5.5h0.4v20.1h1V9 H29.5z'/%3E%3Cpath class='st0' d='M23.6,3.5h3v1h-3V3.5z'/%3E%3Cpath class='st0' d='M23.6,5.5h1V8h-1V5.5z'/%3E%3Cpath class='st0' d='M25.6,5.5h1V8h-1V5.5z'/%3E%3Cpath class='st0' d='M22.1,13h6v1h-6V13z'/%3E%3Cpath class='st0' d='M22.6,10.5h1V12h-1V10.5z'/%3E%3Cpath class='st0' d='M24.6,10.5h1V12h-1V10.5z'/%3E%3Cpath class='st0' d='M26.6,10.5h1V12h-1V10.5z'/%3E%3Cpath class='st0' d='M17.6,3h-1v1.5h-3V3h-1v5.8L11,10.3v19.8h1v-3.3l2.5,2.5v0.8h1v-0.8l2.5-2.5v3.3h1V10.3l-1.5-1.5V3z M13.5,5.5 h3v2.3L15,6.3l-1.5,1.5V5.5z M14.5,12.8l-2.3-2.3l2.3-2.3V12.8z M15.6,15.2l2.5,2.5v0.1l-2.5,2.5V15.2z M14.5,20.4L12,17.9v-0.1 l2.5-2.5V20.4z M15.6,8.2l2.3,2.3l-2.3,2.3V8.2z M12,11.7l2.3,2.3L12,16.4V11.7z M12,19.3l2.3,2.3L12,23.9V19.3z M12,25.4v-0.1 l2.5-2.5v5.1L12,25.4z M15.6,27.9v-5.1l2.5,2.5v0.1L15.6,27.9z M18.1,23.9l-2.3-2.3l2.3-2.3V23.9z M15.8,14l2.3-2.3v4.6L15.8,14z' /%3E%3Cpath class='st0' d='M22.1,19.1h6v1h-6V19.1z'/%3E%3Cpath class='st0' d='M22.6,16.6h1v1.5h-1V16.6z'/%3E%3Cpath class='st0' d='M24.6,16.6h1v1.5h-1V16.6z'/%3E%3Cpath class='st0' d='M26.6,16.6h1v1.5h-1V16.6z'/%3E%3Cpath class='st0' d='M22.1,25.1h6v1h-6V25.1z'/%3E%3Cpath class='st0' d='M22.6,22.6h1v1.5h-1V22.6z'/%3E%3Cpath class='st0' d='M24.6,22.6h1v1.5h-1V22.6z'/%3E%3Cpath class='st0' d='M26.6,22.6h1v1.5h-1V22.6z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.section-2022-startup-materials .materials-wrapper .materials-list .list-item .item-title {
  width: calc(100% - 36px);
  font-weight: 500;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-startup-materials .materials-wrapper .materials-list .list-item .item-title {
    padding-left: 50px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-startup-materials .materials-wrapper .materials-list .list-item .item-title {
    padding-left: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-startup-materials .materials-wrapper .materials-list .list-item .item-title {
    padding-left: 10px;
  }
}

.section-2022-startup-competition {
  margin-bottom: 40px;
  position: relative;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
.section-2022-startup-competition .container-inner {
  position: relative;
  padding: 45px 35px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-startup-competition .container-inner {
    padding: 30px 15px;
  }
}
.section-2022-startup-competition .container-inner .inner-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #251B50;
  background: linear-gradient(to bottom, #251B50, #FF5A0B);
  opacity: 0.95;
}
.section-2022-startup-competition .container-inner .inner-main {
  position: relative;
}
.section-2022-startup-competition .container-inner .inner-title {
  color: #ffffff;
  text-align: center;
  line-height: 1.2em;
  margin-bottom: 20px;
  font-weight: 700;
  text-transform: uppercase;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-startup-competition .container-inner .inner-title {
    font-size: 50px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-startup-competition .container-inner .inner-title {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-startup-competition .container-inner .inner-title {
    font-size: 24px;
  }
}
.section-2022-startup-competition .container-inner .inner-title-sub {
  color: #ffffff;
  text-align: center;
  line-height: 1em;
  margin-bottom: 1em;
  font-weight: 700;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-startup-competition .container-inner .inner-title-sub {
    font-size: 36px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-startup-competition .container-inner .inner-title-sub {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-startup-competition .container-inner .inner-title-sub {
    font-size: 20px;
  }
}
.section-2022-startup-competition .container-inner .inner-title-sub small {
  font-size: 83%;
}
.section-2022-startup-competition .container-inner .inner-title-sub span {
  color: #AD945C;
}
.section-2022-startup-competition .container-inner .inner-img {
  text-align: center;
  margin-bottom: 50px;
}
.section-2022-startup-competition .container-inner .inner-img img {
  width: 100%;
  max-width: 1040px;
}
.section-2022-startup-competition .container-inner .competition-title {
  color: #ffffff;
  text-align: center;
  line-height: 1em;
  font-weight: 700;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-startup-competition .container-inner .competition-title {
    font-size: 36px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-startup-competition .container-inner .competition-title {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-startup-competition .container-inner .competition-title {
    font-size: 20px;
  }
}
.section-2022-startup-competition .container-inner .competition-list {
  margin-bottom: 40px;
}
.section-2022-startup-competition .container-inner .competition-list .list-item {
  color: #ffffff;
  text-align: center;
  font-weight: 700;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-startup-competition .container-inner .competition-list .list-item {
    font-size: 26px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-startup-competition .container-inner .competition-list .list-item {
    font-size: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-startup-competition .container-inner .competition-list .list-item {
    font-size: 16px;
  }
}
.section-2022-startup-competition .container-inner .competition-list .list-item .item-wrapper {
  position: relative;
  display: inline-block;
  padding-left: 1em;
}
.section-2022-startup-competition .container-inner .competition-list .list-item .item-wrapper:before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-top: -3px;
  position: absolute;
  left: 0;
  top: 0.6em;
  background-color: #ffffff;
}
.section-2022-startup-competition .container-inner .competition-title2 {
  color: #ffffff;
  text-align: center;
  font-weight: 700;
  margin-bottom: 40px;
  overflow: hidden;
}
.section-2022-startup-competition .container-inner .competition-title2 .title-wrapper {
  padding: 0 0.2em;
  display: inline-block;
  position: relative;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-startup-competition .container-inner .competition-title2 .title-wrapper {
    font-size: 36px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-startup-competition .container-inner .competition-title2 .title-wrapper {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-startup-competition .container-inner .competition-title2 .title-wrapper {
    font-size: 20px;
  }
}
.section-2022-startup-competition .container-inner .competition-title2 .title-wrapper:before, .section-2022-startup-competition .container-inner .competition-title2 .title-wrapper:after {
  content: "";
  height: 2px;
  margin-top: -1px;
  width: 113px;
  position: absolute;
  top: 50%;
  background-color: #ffffff;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-startup-competition .container-inner .competition-title2 .title-wrapper:before, .section-2022-startup-competition .container-inner .competition-title2 .title-wrapper:after {
    width: 50px;
  }
}
.section-2022-startup-competition .container-inner .competition-title2 .title-wrapper:before {
  right: 100%;
}
.section-2022-startup-competition .container-inner .competition-title2 .title-wrapper:after {
  left: 100%;
}
.section-2022-startup-competition .container-inner .inner-btn {
  text-align: center;
  margin-bottom: 50px;
}
.section-2022-startup-competition .container-inner .inner-btn .btn-theme {
  font-weight: 700;
  padding: 0.5em 1em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-startup-competition .container-inner .inner-btn .btn-theme {
    font-size: 24px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-startup-competition .container-inner .inner-btn .btn-theme {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-startup-competition .container-inner .inner-btn .btn-theme {
    font-size: 18px;
  }
}

.section-2022-startup-industries {
  margin-bottom: 40px;
  position: relative;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
.section-2022-startup-industries .container-inner {
  background: #06EB23;
  background: linear-gradient(to bottom, #06EB23, #1109C5);
  padding: 45px 35px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-startup-industries .container-inner {
    padding: 30px 15px;
  }
}
.section-2022-startup-industries .container-inner .inner-title {
  font-weight: 700;
  color: #ffffff;
  text-align: center;
  margin-bottom: 20px;
  text-transform: uppercase;
  line-height: 1.2em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-startup-industries .container-inner .inner-title {
    font-size: 50px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-startup-industries .container-inner .inner-title {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-startup-industries .container-inner .inner-title {
    font-size: 24px;
  }
}
.section-2022-startup-industries .container-inner .inner-detail {
  color: #ffffff;
  text-align: center;
  line-height: 1.2em;
  margin-bottom: 20px;
  font-weight: 500;
  width: 100%;
  max-width: 867px;
  margin: 0 auto 50px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-startup-industries .container-inner .inner-detail {
    font-size: 26px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-startup-industries .container-inner .inner-detail {
    font-size: 22px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-startup-industries .container-inner .inner-detail {
    font-size: 18px;
  }
}
.section-2022-startup-industries .container-inner .inner-detail small {
  font-size: 83%;
}
.section-2022-startup-industries .container-inner .industries-list {
  width: 100%;
  max-width: 1088px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}
.section-2022-startup-industries .container-inner .industries-list:after {
  content: "";
  content: "";
  clear: both;
  display: block;
}
.section-2022-startup-industries .container-inner .industries-list .list-item {
  width: 100%;
  height: 348px;
  float: left;
  position: relative;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-startup-industries .container-inner .industries-list .list-item {
    width: 50%;
  }
  .section-2022-startup-industries .container-inner .industries-list .list-item:nth-of-type(-n+3) {
    width: 33.3333333333%;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-startup-industries .container-inner .industries-list .list-item {
    height: 320px;
  }
  .section-2022-startup-industries .container-inner .industries-list .list-item:nth-of-type(-n+4) {
    width: 50%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-2022-startup-industries .container-inner .industries-list .list-item {
    height: 300px;
  }
  .section-2022-startup-industries .container-inner .industries-list .list-item:nth-of-type(-n+4) {
    width: 50%;
  }
}
@media (max-width: 575px) {
  .section-2022-startup-industries .container-inner .industries-list .list-item {
    height: calc(50vw - 10px);
  }
  .section-2022-startup-industries .container-inner .industries-list .list-item:nth-of-type(-n+4) {
    width: 50%;
  }
}
.section-2022-startup-industries .container-inner .industries-list .list-item .item-img {
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.section-2022-startup-industries .container-inner .industries-list .list-item .item-img .img-bg {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
}
.section-2022-startup-industries .container-inner .industries-list .list-item .item-img .img-bg.bg1 {
  background-image: url("../../uploads/images/2022/common/startup/industries_img1.jpg");
}
.section-2022-startup-industries .container-inner .industries-list .list-item .item-img .img-bg.bg2 {
  background-image: url("../../uploads/images/2022/common/startup/industries_img2.jpg");
}
.section-2022-startup-industries .container-inner .industries-list .list-item .item-img .img-bg.bg3 {
  background-image: url("../../uploads/images/2022/common/startup/industries_img3.jpg");
}
.section-2022-startup-industries .container-inner .industries-list .list-item .item-img .img-bg.bg4 {
  background-image: url("../../uploads/images/2022/common/startup/industries_img4.jpg");
}
.section-2022-startup-industries .container-inner .industries-list .list-item .item-img .img-bg.bg5 {
  background-image: url("../../uploads/images/2022/common/startup/industries_img5.jpg");
}
.section-2022-startup-industries .container-inner .industries-list .list-item .item-cover {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.section-2022-startup-industries .container-inner .industries-list .list-item .item-cover .cover-bg {
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
}
.section-2022-startup-industries .container-inner .industries-list .list-item .item-cover .cover-bg.bg1 {
  background-image: url("../../uploads/images/2022/common/startup/industries_cover1.png");
}
.section-2022-startup-industries .container-inner .industries-list .list-item .item-cover .cover-bg.bg2 {
  background-image: url("../../uploads/images/2022/common/startup/industries_cover2.png");
}
.section-2022-startup-industries .container-inner .industries-list .list-item .item-cover .cover-bg.bg3 {
  background-image: url("../../uploads/images/2022/common/startup/industries_cover3.png");
}
.section-2022-startup-industries .container-inner .industries-list .list-item .item-cover .cover-bg.bg4 {
  background-image: url("../../uploads/images/2022/common/startup/industries_cover4.png");
}
.section-2022-startup-industries .container-inner .industries-list .list-item .item-cover .cover-bg.bg5 {
  background-image: url("../../uploads/images/2022/common/startup/industries_cover5.png");
}
.section-2022-startup-industries .container-inner .industries-list .list-item .item-main {
  padding: 25px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: #ffffff;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 575px) {
  .section-2022-startup-industries .container-inner .industries-list .list-item .item-main {
    padding: 15px;
  }
}
.section-2022-startup-industries .container-inner .industries-list .list-item .item-main .item-title {
  line-height: 1.2em;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-weight: 700;
}
@media (max-width: 575px) {
  .section-2022-startup-industries .container-inner .industries-list .list-item .item-main .item-title {
    font-size: 34px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-2022-startup-industries .container-inner .industries-list .list-item .item-main .item-title {
    font-size: 37px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-2022-startup-industries .container-inner .industries-list .list-item .item-main .item-title {
    font-size: 41px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-2022-startup-industries .container-inner .industries-list .list-item .item-main .item-title {
    font-size: 44px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-startup-industries .container-inner .industries-list .list-item .item-main .item-title {
    font-size: 41px;
  }
}
@media (min-width: 1550px) {
  .section-2022-startup-industries .container-inner .industries-list .list-item .item-main .item-title {
    font-size: 48px;
  }
}
@media (max-width: 575px) {
  .section-2022-startup-industries .container-inner .industries-list .list-item .item-main .item-title {
    font-size: 16px;
  }
}
.section-2022-startup-industries .container-inner .industries-list .list-item .item-main .item-detail {
  line-height: 1.2em;
}
@media (max-width: 575px) {
  .section-2022-startup-industries .container-inner .industries-list .list-item .item-main .item-detail {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-2022-startup-industries .container-inner .industries-list .list-item .item-main .item-detail {
    font-size: 16px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-2022-startup-industries .container-inner .industries-list .list-item .item-main .item-detail {
    font-size: 18px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-2022-startup-industries .container-inner .industries-list .list-item .item-main .item-detail {
    font-size: 19px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-startup-industries .container-inner .industries-list .list-item .item-main .item-detail {
    font-size: 18px;
  }
}
@media (min-width: 1550px) {
  .section-2022-startup-industries .container-inner .industries-list .list-item .item-main .item-detail {
    font-size: 21px;
  }
}
.section-2022-startup-industries .container-inner .industries-list .list-item:hover .item-img .img-bg, .section-2022-startup-industries .container-inner .industries-list .list-item:focus .item-img .img-bg, .section-2022-startup-industries .container-inner .industries-list .list-item:active .item-img .img-bg {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
.section-2022-startup-industries .container-inner .industries-list .list-item:hover .item-cover .cover-bg, .section-2022-startup-industries .container-inner .industries-list .list-item:focus .item-cover .cover-bg, .section-2022-startup-industries .container-inner .industries-list .list-item:active .item-cover .cover-bg {
  opacity: 0;
  -moz-filter: blur(10px);
  -o-filter: blur(10px);
  -ms-filter: blur(10px);
  filter: blur(10px);
  -webkit-transform: scale(2);
  -moz-transform: scale(2);
  -ms-transform: scale(2);
  -o-transform: scale(2);
}
.section-2022-startup-industries .container-inner .industries-list .list-item:hover .item-main, .section-2022-startup-industries .container-inner .industries-list .list-item:focus .item-main, .section-2022-startup-industries .container-inner .industries-list .list-item:active .item-main {
  background-color: rgba(0, 0, 0, 0.5);
}
.section-2022-startup-industries .container-inner .inner-footer {
  border: 2px solid #0E1B2D;
  text-align: center;
  color: #0E1B2D;
  text-transform: uppercase;
  padding: 5px 15px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-startup-industries .container-inner .inner-footer {
    font-size: 50px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-startup-industries .container-inner .inner-footer {
    font-size: 25px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-startup-industries .container-inner .inner-footer {
    font-size: 12.5px;
  }
}

@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px) {
  .section-2022-sponsors .col-lg-6 .sponsors-item2 {
    width: 271.5px;
  }
}
.section-2022-sponsors .sponsors-wrapper {
  padding: 4em 3em;
  margin-bottom: 3em;
  border-radius: 1rem;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-family: "TTHovesProRegular", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei";
}
@media (max-width: 575px) {
  .section-2022-sponsors .sponsors-wrapper {
    padding: 30px;
  }
}
.section-2022-sponsors .sponsors-wrapper .section-title {
  text-transform: uppercase;
  display: block;
  border-bottom: 1px solid #AD945C;
  margin-bottom: 1em;
  font-weight: 600;
  font-family: "TTHovesProBold", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei";
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-sponsors .sponsors-wrapper .section-title {
    font-size: 30px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-sponsors .sponsors-wrapper .section-title {
    font-size: 26px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-sponsors .sponsors-wrapper .section-title {
    font-size: 22px;
  }
}
.section-2022-sponsors .sponsors-wrapper .sponsors-item {
  margin-bottom: 2em;
}
.section-2022-sponsors .sponsors-wrapper .sponsors-item .sponsors-logo {
  max-width: 285px;
  margin-bottom: 1.5em;
}
@media (max-width: 575px) {
  .section-2022-sponsors .sponsors-wrapper .sponsors-item .sponsors-logo {
    max-width: 220px;
  }
}
.section-2022-sponsors .sponsors-wrapper .sponsors-item .sponsors-logo img {
  margin-bottom: 0.5em;
  border-radius: 1rem;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.section-2022-sponsors .sponsors-wrapper .sponsors-item .sponsors-logo a {
  color: inherit;
  margin-bottom: 1em;
  display: block;
  text-transform: uppercase;
  background-color: #ffffff;
  border-radius: 1rem;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-sponsors .sponsors-wrapper .sponsors-item .sponsors-logo {
    font-size: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-sponsors .sponsors-wrapper .sponsors-item .sponsors-logo {
    font-size: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-sponsors .sponsors-wrapper .sponsors-item .sponsors-logo {
    font-size: 15px;
  }
}
.section-2022-sponsors .sponsors-wrapper .sponsors-item .sponsors-desc {
  line-height: 1.5em;
  border-bottom: 1px solid #AD945C;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-sponsors .sponsors-wrapper .sponsors-item .sponsors-desc {
    font-size: 18px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-sponsors .sponsors-wrapper .sponsors-item .sponsors-desc {
    font-size: 16px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-sponsors .sponsors-wrapper .sponsors-item .sponsors-desc {
    font-size: 14px;
  }
}
.section-2022-sponsors .sponsors-wrapper .sponsors-item .sponsors-desc p {
  margin-bottom: 1.5em;
}
.section-2022-sponsors .sponsors-wrapper .sponsors-item:last-child {
  margin-bottom: 0;
}
.section-2022-sponsors .sponsors-wrapper .sponsors-item:last-child .sponsors-desc {
  border-bottom: none;
}
.section-2022-sponsors .sponsors-wrapper .sponsors-item:last-child .sponsors-desc :last-child {
  margin-bottom: 0;
}
.section-2022-sponsors .sponsors-wrapper .sponsors-item2 {
  margin-bottom: 30px;
}
.section-2022-sponsors .sponsors-wrapper .sponsors-item2 a {
  display: block;
  border-radius: 1rem;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #ffffff;
}
.section-2022-sponsors .sponsors-wrapper .sponsors-item2 a img {
  border-radius: 1rem;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.section-2022-sponsors .sponsors-wrapper.style1 {
  background-color: rgba(150, 128, 92, 0.9);
  color: #ffffff;
}
.section-2022-sponsors .sponsors-wrapper.style1 .sponsors-item .sponsors-desc {
  border-color: #ffffff;
}
.section-2022-sponsors .sponsors-wrapper.style1 .section-title {
  border-color: #ffffff;
}
.section-2022-sponsors .sponsors-wrapper.style2 {
  color: #AD945C;
  background-color: rgba(32, 35, 48, 0.9);
}
.section-2022-sponsors .sponsors-wrapper.style3 {
  color: #AD945C;
  background-color: rgba(40, 28, 22, 0.9);
}
.section-2022-sponsors .sponsors-wrapper.style4 {
  color: #ffffff;
  background-color: rgba(51, 51, 51, 0.9);
}
.section-2022-sponsors .sponsors-wrapper.style4 .section-title, .section-2022-sponsors .sponsors-wrapper.style4 .sponsors-desc {
  border-color: #ffffff;
}

.section-2022-rule-eligible {
  margin-bottom: 60px;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-rule-eligible {
    margin-bottom: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-rule-eligible {
    margin-bottom: 15px;
  }
}
.section-2022-rule-eligible .container-inner {
  padding: 45px 35px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-rule-eligible .container-inner {
    padding: 30px 15px;
  }
}
.section-2022-rule-eligible .container-inner .inner-bg {
  background: #D0359E;
  background: linear-gradient(to bottom, #D0359E 0%, #153871 98%);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.95;
}
.section-2022-rule-eligible .container-inner .inner-main {
  position: relative;
}
.section-2022-rule-eligible .container-inner .inner-title {
  color: #AD945C;
  text-align: center;
  margin-bottom: 20px;
  text-transform: uppercase;
  line-height: 1.2em;
  font-weight: 700;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-rule-eligible .container-inner .inner-title {
    font-size: 50px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-rule-eligible .container-inner .inner-title {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-rule-eligible .container-inner .inner-title {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-rule-eligible .container-inner .inner-title {
    margin-bottom: 15px;
  }
}
.section-2022-rule-eligible .container-inner .inner-detail {
  line-height: 1.2em;
  font-weight: 500;
  color: #ffffff;
  margin-bottom: 40px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-rule-eligible .container-inner .inner-detail {
    font-size: 30px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-rule-eligible .container-inner .inner-detail {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-rule-eligible .container-inner .inner-detail {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-rule-eligible .container-inner .inner-detail {
    margin-bottom: 20px;
  }
}
.section-2022-rule-eligible .container-inner .eligible-list .list-item {
  display: inline-block;
  margin-right: 40px;
  width: calc(50% - 25px);
  position: relative;
  margin-bottom: 60px;
  vertical-align: top;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-rule-eligible .container-inner .eligible-list .list-item {
    margin-bottom: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-rule-eligible .container-inner .eligible-list .list-item {
    margin-bottom: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-rule-eligible .container-inner .eligible-list .list-item {
    width: 100%;
    margin-right: 0;
  }
}
.section-2022-rule-eligible .container-inner .eligible-list .list-item:nth-of-type(2n) {
  margin-right: 0;
}
.section-2022-rule-eligible .container-inner .eligible-list .list-item:last-of-type {
  width: 100%;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px) {
  .section-2022-rule-eligible .container-inner .eligible-list .list-item:last-of-type {
    width: calc(50% + 180px);
  }
}
.section-2022-rule-eligible .container-inner .eligible-list .list-item .item-img {
  position: absolute;
  left: 0;
  top: 0;
  width: 70px;
  height: 70px;
  border-radius: 12px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 2px solid #AD945C;
}
.section-2022-rule-eligible .container-inner .eligible-list .list-item .item-img .img-bg {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
}
.section-2022-rule-eligible .container-inner .eligible-list .list-item .item-img .img-bg.bg1 {
  background-image: url("../../uploads/images/2021/common/rule/eligible_icon1.png");
}
.section-2022-rule-eligible .container-inner .eligible-list .list-item .item-img .img-bg.bg2 {
  background-image: url("../../uploads/images/2021/common/rule/eligible_icon2.png");
}
.section-2022-rule-eligible .container-inner .eligible-list .list-item .item-img .img-bg.bg3 {
  background-image: url("../../uploads/images/2021/common/rule/eligible_icon3.png");
}
.section-2022-rule-eligible .container-inner .eligible-list .list-item .item-img .img-bg.bg4 {
  background-image: url("../../uploads/images/2021/common/rule/eligible_icon4.png");
}
.section-2022-rule-eligible .container-inner .eligible-list .list-item .item-img .img-bg.bg5 {
  background-image: url("../../uploads/images/2021/common/rule/eligible_icon5.png");
}
.section-2022-rule-eligible .container-inner .eligible-list .list-item .item-title {
  padding-bottom: 10px;
  margin-left: 85px;
  line-height: 1.2em;
  border-bottom: 1px solid #AD945C;
  color: #ffffff;
}
@media (max-width: 575px) {
  .section-2022-rule-eligible .container-inner .eligible-list .list-item .item-title {
    font-size: 19px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-2022-rule-eligible .container-inner .eligible-list .list-item .item-title {
    font-size: 21px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-2022-rule-eligible .container-inner .eligible-list .list-item .item-title {
    font-size: 23px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-2022-rule-eligible .container-inner .eligible-list .list-item .item-title {
    font-size: 25px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-rule-eligible .container-inner .eligible-list .list-item .item-title {
    font-size: 23px;
  }
}
@media (min-width: 1550px) {
  .section-2022-rule-eligible .container-inner .eligible-list .list-item .item-title {
    font-size: 27px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-rule-eligible .container-inner .eligible-list .list-item .item-title {
    min-height: 75px;
  }
}

.section-2022-rule-need {
  margin-bottom: 60px;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-rule-need {
    margin-bottom: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-rule-need {
    margin-bottom: 15px;
  }
}
.section-2022-rule-need .container-inner {
  padding: 45px 35px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-rule-need .container-inner {
    padding: 30px 15px;
  }
}
.section-2022-rule-need .container-inner .inner-bg {
  background: #4E7FFF;
  background: linear-gradient(to bottom, #4E7FFF 0%, #1402F0 98%);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.9;
}
.section-2022-rule-need .container-inner .inner-main {
  position: relative;
  color: #ffffff;
}
.section-2022-rule-need .container-inner .inner-title {
  color: #000000;
  text-align: center;
  margin-bottom: 20px;
  text-transform: uppercase;
  line-height: 1.2em;
  font-weight: 700;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-rule-need .container-inner .inner-title {
    font-size: 50px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-rule-need .container-inner .inner-title {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-rule-need .container-inner .inner-title {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-rule-need .container-inner .inner-title {
    margin-bottom: 15px;
  }
}
.section-2022-rule-need .container-inner .inner-detail {
  line-height: 1.2em;
  font-weight: 500;
  width: 100%;
  max-width: 920px;
  margin: 0 auto;
  margin-bottom: 40px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-rule-need .container-inner .inner-detail {
    font-size: 24px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-rule-need .container-inner .inner-detail {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-rule-need .container-inner .inner-detail {
    font-size: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-rule-need .container-inner .inner-detail {
    margin-bottom: 20px;
  }
}
.section-2022-rule-need .container-inner .inner-detail .detail-title {
  margin-bottom: 0.4em;
  font-weight: 700;
}
.section-2022-rule-need .container-inner .inner-detail .detail-content {
  margin-bottom: 40px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-rule-need .container-inner .inner-detail .detail-content {
    margin-bottom: 20px;
  }
}
.section-2022-rule-need .container-inner .inner-detail .detail-content a {
  color: #000000;
  text-decoration: underline;
}
.section-2022-rule-need .container-inner .inner-detail .detail-content a:hover, .section-2022-rule-need .container-inner .inner-detail .detail-content a:focus, .section-2022-rule-need .container-inner .inner-detail .detail-content a:active {
  text-decoration: none;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-rule-need .container-inner .inner-detail .detail-content ol {
    font-size: 22px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-rule-need .container-inner .inner-detail .detail-content ol {
    font-size: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-rule-need .container-inner .inner-detail .detail-content ol {
    font-size: 16px;
  }
}
.section-2022-rule-need .container-inner .inner-detail .detail-content ol ul {
  list-style-type: disc;
}
.section-2022-rule-need .container-inner .inner-detail .detail-content ol li {
  margin-top: 0.2em;
}
.section-2022-rule-need .container-inner .inner-detail .detail-content ul li, .section-2022-rule-need .container-inner .inner-detail .detail-content ol li {
  margin-top: 0.2em;
}
.section-2022-rule-need .container-inner .inner-detail .detail-icon {
  margin-bottom: 20px;
}
.section-2022-rule-need .container-inner .inner-detail .detail-icon .icon-item {
  display: inline-flex;
  width: 48px;
  height: 48px;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  align-items: center;
  justify-content: center;
  vertical-align: top;
}
.section-2022-rule-need .container-inner .inner-detail .detail-icon .item-point {
  border: 2px solid #ffffff;
  font-size: 38px;
}
.section-2022-rule-need .container-inner .inner-detail .detail-icon .item-img {
  background-color: #ffffff;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.section-2022-rule-need .container-inner .inner-detail .detail-icon .item-img.img1 {
  background-image: url("../../uploads/images/2022/common/rule/img1.png");
}
.section-2022-rule-need .container-inner .inner-detail .detail-icon .item-img.img2 {
  background-image: url("../../uploads/images/2022/common/rule/img2.png");
}
.section-2022-rule-need .container-inner hr {
  border-top: 1px solid #ffffff;
  margin: 40px 0;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-rule-need .container-inner hr {
    margin: 20px 0;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-rule-need .container-inner hr {
    margin: 10px 0;
  }
}

.section-2022-rule-judging {
  margin-bottom: 60px;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-rule-judging {
    margin-bottom: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-rule-judging {
    margin-bottom: 15px;
  }
}
.section-2022-rule-judging .container-inner {
  padding: 45px 35px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-rule-judging .container-inner {
    padding: 30px 15px;
  }
}
.section-2022-rule-judging .container-inner .inner-bg {
  background: #A5BCDA;
  background: linear-gradient(to bottom, #A5BCDA 0%, #8B67C3 98%);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.section-2022-rule-judging .container-inner .inner-main {
  position: relative;
}
.section-2022-rule-judging .container-inner .inner-title {
  color: #0E1B2D;
  text-align: center;
  margin-bottom: 20px;
  text-transform: uppercase;
  line-height: 1.2em;
  font-weight: 700;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-rule-judging .container-inner .inner-title {
    font-size: 50px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-rule-judging .container-inner .inner-title {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-rule-judging .container-inner .inner-title {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-rule-judging .container-inner .inner-title {
    margin-bottom: 15px;
  }
}
.section-2022-rule-judging .container-inner .judging-list .list-item {
  position: relative;
  padding: 20px 0;
  border-bottom: 1px solid #0E1B2D;
  color: #0E1B2D;
}
.section-2022-rule-judging .container-inner .judging-list .list-item:last-child {
  border-bottom: 0;
}
.section-2022-rule-judging .container-inner .judging-list .list-item .item-title {
  font-weight: 700;
  line-height: 1.4em;
  margin-bottom: 10px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-rule-judging .container-inner .judging-list .list-item .item-title {
    font-size: 48px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-rule-judging .container-inner .judging-list .list-item .item-title {
    font-size: 36px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-rule-judging .container-inner .judging-list .list-item .item-title {
    font-size: 28px;
  }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-rule-judging .container-inner .judging-list .list-item .item-title {
    position: absolute;
    left: 0;
    top: 20px;
    width: 125px;
    text-align: center;
  }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-rule-judging .container-inner .judging-list .list-item .item-detail {
    margin-left: 140px;
  }
}
.section-2022-rule-judging .container-inner .judging-list .list-item .item-detail .detail-title {
  font-weight: 700;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-rule-judging .container-inner .judging-list .list-item .item-detail .detail-title {
    font-size: 24px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-rule-judging .container-inner .judging-list .list-item .item-detail .detail-title {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-rule-judging .container-inner .judging-list .list-item .item-detail .detail-title {
    font-size: 18px;
  }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-rule-judging .container-inner .judging-list .list-item .item-detail ul, .section-2022-rule-judging .container-inner .judging-list .list-item .item-detail ol {
    font-size: 22px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-rule-judging .container-inner .judging-list .list-item .item-detail ul, .section-2022-rule-judging .container-inner .judging-list .list-item .item-detail ol {
    font-size: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-rule-judging .container-inner .judging-list .list-item .item-detail ul, .section-2022-rule-judging .container-inner .judging-list .list-item .item-detail ol {
    font-size: 16px;
  }
}
.section-2022-rule-judging .container-inner .judging-bonus {
  width: 100%;
  max-width: 990px;
  margin: 0 auto;
  padding: 16px;
  border: 1px solid #ffffff;
  color: #ffffff;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-rule-judging .container-inner .judging-bonus {
    max-width: 620px;
  }
}
.section-2022-rule-judging .container-inner .judging-bonus .bonus-wrapper {
  position: relative;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-rule-judging .container-inner .judging-bonus .bonus-wrapper {
    display: flex;
    align-items: center;
  }
}
.section-2022-rule-judging .container-inner .judging-bonus .bonus-wrapper .bonus-title {
  font-weight: 700;
  line-height: 1.2em;
  text-transform: uppercase;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-rule-judging .container-inner .judging-bonus .bonus-wrapper .bonus-title {
    font-size: 38px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-rule-judging .container-inner .judging-bonus .bonus-wrapper .bonus-title {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-rule-judging .container-inner .judging-bonus .bonus-wrapper .bonus-title {
    font-size: 24px;
  }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-rule-judging .container-inner .judging-bonus .bonus-wrapper .bonus-title {
    width: 170px;
  }
}
.section-2022-rule-judging .container-inner .judging-bonus .bonus-wrapper .bonus-detail {
  position: relative;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-rule-judging .container-inner .judging-bonus .bonus-wrapper .bonus-detail {
    font-size: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-rule-judging .container-inner .judging-bonus .bonus-wrapper .bonus-detail {
    font-size: 17px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-rule-judging .container-inner .judging-bonus .bonus-wrapper .bonus-detail {
    font-size: 15px;
  }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-rule-judging .container-inner .judging-bonus .bonus-wrapper .bonus-detail {
    width: calc(100% - 170px);
    padding: 0.4em 0;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-rule-judging .container-inner .judging-bonus .bonus-wrapper .bonus-detail {
    border-top: 1px solid #ffffff;
    margin-top: 10px;
    padding-top: 10px;
  }
}
.section-2022-rule-judging .container-inner .judging-bonus .bonus-wrapper .bonus-detail:before {
  content: "";
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-rule-judging .container-inner .judging-bonus .bonus-wrapper .bonus-detail:before {
    border-left: 1px solid #ffffff;
    width: 0;
    height: 100%;
    position: absolute;
    left: -20px;
    top: 0;
  }
}

@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .tc .section-2022-rule-judging .container-inner .judging-bonus .bonus-wrapper .bonus-title, .sc .section-2022-rule-judging .container-inner .judging-bonus .bonus-wrapper .bonus-title {
    padding: 10px 0;
  }
}

.section-2022-rule-whos {
  margin-bottom: 60px;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-rule-whos {
    margin-bottom: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-rule-whos {
    margin-bottom: 15px;
  }
}
.section-2022-rule-whos .container-inner {
  padding: 45px 35px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-rule-whos .container-inner {
    padding: 30px 15px;
  }
}
.section-2022-rule-whos .container-inner .inner-bg {
  background: #FB6A29;
  background: linear-gradient(to bottom, #FB6A29, #F02666);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.section-2022-rule-whos .container-inner .inner-main {
  position: relative;
}
.section-2022-rule-whos .container-inner .inner-title {
  color: #0E1B2D;
  text-align: center;
  margin-bottom: 20px;
  text-transform: uppercase;
  line-height: 1.2em;
  font-weight: 700;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-rule-whos .container-inner .inner-title {
    font-size: 50px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-rule-whos .container-inner .inner-title {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-rule-whos .container-inner .inner-title {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-rule-whos .container-inner .inner-title {
    margin-bottom: 15px;
  }
}
.section-2022-rule-whos .container-inner .inner-main {
  margin-bottom: 40px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-rule-whos .container-inner .inner-main {
    margin-bottom: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-rule-whos .container-inner .inner-main {
    margin-bottom: 10px;
  }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-rule-whos .container-inner .inner-main {
    font-size: 30px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-rule-whos .container-inner .inner-main {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-rule-whos .container-inner .inner-main {
    font-size: 20px;
  }
}
.section-2022-rule-whos .container-inner .inner-main .main-title {
  color: #ffffff;
}
.section-2022-rule-whos .container-inner .inner-main .main-detail {
  line-height: 1.2em;
  color: #0E1B2D;
  font-weight: 500;
}
.section-2022-rule-whos .container-inner .inner-main .main-detail ul {
  color: #ffffff;
  font-weight: 400;
}
.section-2022-rule-whos .container-inner .inner-main .main-detail ul li {
  margin-bottom: 0.8em;
}
.section-2022-rule-whos .container-inner .inner-btn {
  text-align: center;
}
.section-2022-rule-whos .container-inner .inner-btn .btn-scroll-top {
  position: relative;
  width: 54px;
  height: 34px;
  border-top: 1px solid #ffffff;
  display: inline-block;
}
.section-2022-rule-whos .container-inner .inner-btn .btn-scroll-top:after {
  content: "";
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 0 27px 30px 27px;
  border-bottom-color: #ffffff;
  border-left-color: fade(#ffffff, 0);
  border-right-color: fade(#ffffff, 0);
  position: absolute;
  left: 0;
  bottom: 0;
}

.section-2022-rule-due {
  margin-bottom: 60px;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-rule-due {
    margin-bottom: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-rule-due {
    margin-bottom: 15px;
  }
}
.section-2022-rule-due .container-inner {
  padding: 45px 35px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-rule-due .container-inner {
    padding: 30px 15px;
  }
}
.section-2022-rule-due .container-inner .inner-bg {
  background: #8B67C3;
  background: linear-gradient(to bottom, #8B67C3, #F72284);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.section-2022-rule-due .container-inner .inner-main {
  position: relative;
}
.section-2022-rule-due .container-inner .inner-title {
  color: #0E1B2D;
  text-align: center;
  margin-bottom: 20px;
  text-transform: uppercase;
  line-height: 1.2em;
  font-weight: 700;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-rule-due .container-inner .inner-title {
    font-size: 50px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-rule-due .container-inner .inner-title {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-rule-due .container-inner .inner-title {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-rule-due .container-inner .inner-title {
    margin-bottom: 15px;
  }
}
.section-2022-rule-due .container-inner .inner-main {
  margin-bottom: 40px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-rule-due .container-inner .inner-main {
    margin-bottom: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-rule-due .container-inner .inner-main {
    margin-bottom: 10px;
  }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-rule-due .container-inner .inner-main {
    font-size: 30px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-rule-due .container-inner .inner-main {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-rule-due .container-inner .inner-main {
    font-size: 20px;
  }
}
.section-2022-rule-due .container-inner .inner-main .main-title {
  color: #ffffff;
}
.section-2022-rule-due .container-inner .inner-main .main-detail {
  line-height: 1.3em;
  color: #ffffff;
  font-weight: 500;
}
.section-2022-rule-due .container-inner .inner-main .main-detail p {
  margin-bottom: 0.8em;
}
.section-2022-rule-due .container-inner .inner-btn {
  text-align: center;
}
.section-2022-rule-due .container-inner .inner-btn .btn-scroll-top {
  position: relative;
  width: 54px;
  height: 34px;
  border-top: 1px solid #ffffff;
  display: inline-block;
}
.section-2022-rule-due .container-inner .inner-btn .btn-scroll-top:after {
  content: "";
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 0 27px 30px 27px;
  border-bottom-color: #ffffff;
  border-left-color: fade(#ffffff, 0);
  border-right-color: fade(#ffffff, 0);
  position: absolute;
  left: 0;
  bottom: 0;
}

.section-2022-webinar-info {
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  color: #ffffff;
}
.section-2022-webinar-info .container-inner {
  position: relative;
  padding: 0px 55px;
  margin-bottom: 70px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-webinar-info .container-inner {
    padding: 30px 15px;
    margin-bottom: 30px;
  }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-webinar-info .container-inner .inner-detail {
    font-size: 23px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-webinar-info .container-inner .inner-detail {
    font-size: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-webinar-info .container-inner .inner-detail {
    font-size: 16px;
  }
}

.section-2022-webinar-topic {
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  color: #ffffff;
  margin-bottom: 22px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-webinar-topic {
    margin-bottom: 15px;
  }
}
.section-2022-webinar-topic .container-inner {
  position: relative;
  padding: 45px 55px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-webinar-topic .container-inner {
    padding: 30px 15px;
  }
}
.section-2022-webinar-topic .container-inner .inner-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.95;
}
.section-2022-webinar-topic .container-inner .inner-float {
  width: 148px;
  position: absolute;
  top: 50px;
  pointer-events: none;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-webinar-topic .container-inner .inner-float {
    width: 74px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-webinar-topic .container-inner .inner-float {
    width: 50px;
  }
}
.section-2022-webinar-topic .container-inner .inner-float img {
  width: 100%;
}
.section-2022-webinar-topic .container-inner .inner-main {
  position: relative;
}
.section-2022-webinar-topic .container-inner .inner-main .inner-top {
  margin-bottom: 50px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-webinar-topic .container-inner .inner-main .inner-top {
    display: flex;
  }
  .section-2022-webinar-topic .container-inner .inner-main .inner-top .top-content {
    width: calc(100% - 240px);
    padding-right: 20px;
  }
  .section-2022-webinar-topic .container-inner .inner-main .inner-top .top-btn {
    width: 240px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-webinar-topic .container-inner .inner-main .inner-top .top-content {
    margin-bottom: 15px;
  }
}
.section-2022-webinar-topic .container-inner .inner-main .inner-top .top-content .top-title {
  margin-bottom: 15px;
}
.section-2022-webinar-topic .container-inner .inner-main .inner-top .top-content .top-title .title-wrapper {
  border: 1px solid #ffffff;
  font-weight: 700;
  display: inline-block;
  min-width: 160px;
  text-align: center;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-webinar-topic .container-inner .inner-main .inner-top .top-content .top-title .title-wrapper {
    font-size: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-webinar-topic .container-inner .inner-main .inner-top .top-content .top-title .title-wrapper {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-webinar-topic .container-inner .inner-main .inner-top .top-content .top-title .title-wrapper {
    font-size: 20px;
  }
}
.section-2022-webinar-topic .container-inner .inner-main .inner-top .top-content .top-detail {
  font-weight: 700;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-webinar-topic .container-inner .inner-main .inner-top .top-content .top-detail {
    font-size: 28px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-webinar-topic .container-inner .inner-main .inner-top .top-content .top-detail {
    font-size: 22px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-webinar-topic .container-inner .inner-main .inner-top .top-content .top-detail {
    font-size: 18px;
  }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-webinar-topic .container-inner .inner-main .inner-top .top-content {
    display: flex;
  }
  .section-2022-webinar-topic .container-inner .inner-main .inner-top .top-content .top-title {
    width: 160px;
    margin-bottom: 0;
  }
  .section-2022-webinar-topic .container-inner .inner-main .inner-top .top-content .top-detail {
    width: calc(100% - 160px);
    padding-left: 20px;
  }
}
.section-2022-webinar-topic .container-inner .inner-main .inner-top .top-btn .btn-border {
  display: block;
  text-align: center;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-webinar-topic .container-inner .inner-main .inner-top .top-btn .btn-border {
    font-size: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-webinar-topic .container-inner .inner-main .inner-top .top-btn .btn-border {
    font-size: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-webinar-topic .container-inner .inner-main .inner-top .top-btn .btn-border {
    font-size: 16px;
  }
}
.section-2022-webinar-topic .container-inner .inner-main .inner-top .top-btn .btn-border span {
  padding: 0.8em 1.2em;
}
.section-2022-webinar-topic .container-inner .inner-main .inner-title-sub {
  border-bottom: 1px solid #ffffff;
  text-align: center;
  font-weight: 700;
  margin-bottom: 1.2em;
  padding: 0.2em 0;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-webinar-topic .container-inner .inner-main .inner-title-sub {
    font-size: 28px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-webinar-topic .container-inner .inner-main .inner-title-sub {
    font-size: 22px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-webinar-topic .container-inner .inner-main .inner-title-sub {
    font-size: 20px;
  }
}
.section-2022-webinar-topic .container-inner .inner-main .topic-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-column-gap: 50px;
  grid-row-gap: 45px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-2022-webinar-topic .container-inner .inner-main .topic-list {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-2022-webinar-topic .container-inner .inner-main .topic-list {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-webinar-topic .container-inner .inner-main .topic-list {
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 30px;
  }
}
.section-2022-webinar-topic .container-inner .inner-main .topic-list .list-item .item-wrapper {
  color: #ffffff;
  /*
  .item-company{
  	text-align: center;
  	@include rfs(18px, 16px, 14px);
  	margin: 1.2em 0 .2em;
  	.company-wrapper{
  		display: inline-block;
  		font-weight: 700;
  		border: 1px solid $White;
  		@include border-radius(2em);
  		padding: .1em .8em;
  		line-height: 1.2em;
  	}
  }
  .item-name{
  	text-align: center;
  	@include rfs(18px, 16px, 14px);
  	font-weight: 700;
  }
  .item-title{
  	text-align: center;
  	@include rfs(12px, 11px, 10px);
  	font-weight: 300;
  	margin-bottom: 1em;
  }
  .item-desc{
  	text-align: justify;
  	@include rfs(11px, 11px, 10px);
  	margin-bottom: 1em;
  }
  */
}
.section-2022-webinar-topic .container-inner .inner-main .topic-list .list-item .item-wrapper .item-img {
  width: 206px;
  height: 206px;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-webinar-topic .container-inner .inner-main .topic-list .list-item .item-wrapper .item-img {
    width: 103px;
    height: 103px;
  }
}
.section-2022-webinar-topic .container-inner .inner-main .topic-list .list-item .item-wrapper .item-img .img-bg {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
}
.section-2022-webinar-topic .container-inner .inner-main .topic-list .list-item .item-wrapper .item-img .img-cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #C58080;
  background: linear-gradient(to bottom, #C58080, #CEAE80);
  opacity: 0.5;
  mix-blend-mode: hue;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
}
.section-2022-webinar-topic .container-inner .inner-main .topic-list .list-item .item-wrapper .item-name {
  margin: 1.2em 0 0.4em;
  font-weight: 700;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-webinar-topic .container-inner .inner-main .topic-list .list-item .item-wrapper .item-name {
    font-size: 18px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-webinar-topic .container-inner .inner-main .topic-list .list-item .item-wrapper .item-name {
    font-size: 16px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-webinar-topic .container-inner .inner-main .topic-list .list-item .item-wrapper .item-name {
    font-size: 14px;
  }
}
.section-2022-webinar-topic .container-inner .inner-main .topic-list .list-item .item-wrapper .item-title {
  font-weight: 400;
  line-height: 1.2em;
  margin-bottom: 0.2em;
  /*
  min-height: 2.4em;
  @media (max-width: 575px){
  	min-height: 3.6em;
  }
  */
}
.section-2022-webinar-topic .container-inner .inner-main .topic-list .list-item .item-wrapper .item-company {
  font-weight: 400;
  line-height: 1.2em;
}
.section-2022-webinar-topic .container-inner .inner-main .topic-list .list-item .item-wrapper .item-title-company {
  min-height: 5em;
  margin-bottom: 1em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-webinar-topic .container-inner .inner-main .topic-list .list-item .item-wrapper .item-title-company {
    font-size: 15px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-webinar-topic .container-inner .inner-main .topic-list .list-item .item-wrapper .item-title-company {
    font-size: 13px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-webinar-topic .container-inner .inner-main .topic-list .list-item .item-wrapper .item-title-company {
    font-size: 11px;
  }
}
.section-2022-webinar-topic .container-inner .inner-main .topic-list .list-item .item-wrapper .item-btn {
  text-align: right;
  text-transform: uppercase;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-webinar-topic .container-inner .inner-main .topic-list .list-item .item-wrapper .item-btn {
    font-size: 11px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-webinar-topic .container-inner .inner-main .topic-list .list-item .item-wrapper .item-btn {
    font-size: 11px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-webinar-topic .container-inner .inner-main .topic-list .list-item .item-wrapper .item-btn {
    font-size: 10px;
  }
}
.section-2022-webinar-topic .container-inner .inner-main .topic-list .list-item .item-wrapper .item-btn .btn-learn {
  display: inline-block;
  padding-right: 18px;
  background-image: url("../../uploads/images/2022/common/webinar/btn_learn_arrow.png");
  background-size: 13px;
  background-position: right center;
  background-repeat: no-repeat;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
}
.section-2022-webinar-topic .container-inner .inner-main .topic-list .list-item .item-wrapper:hover .item-img .img-bg, .section-2022-webinar-topic .container-inner .inner-main .topic-list .list-item .item-wrapper:focus .item-img .img-bg, .section-2022-webinar-topic .container-inner .inner-main .topic-list .list-item .item-wrapper:active .item-img .img-bg {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
}
.section-2022-webinar-topic .container-inner .inner-main .topic-list .list-item .item-wrapper:hover .item-img .img-cover, .section-2022-webinar-topic .container-inner .inner-main .topic-list .list-item .item-wrapper:focus .item-img .img-cover, .section-2022-webinar-topic .container-inner .inner-main .topic-list .list-item .item-wrapper:active .item-img .img-cover {
  opacity: 0;
}
.section-2022-webinar-topic .container-inner .inner-main .topic-list .list-item .item-wrapper:hover .item-btn .btn-learn, .section-2022-webinar-topic .container-inner .inner-main .topic-list .list-item .item-wrapper:focus .item-btn .btn-learn, .section-2022-webinar-topic .container-inner .inner-main .topic-list .list-item .item-wrapper:active .item-btn .btn-learn {
  padding-right: 25px;
}
.section-2022-webinar-topic.topic1 .container-inner .inner-float, .section-2022-webinar-topic.topic3 .container-inner .inner-float {
  left: 0;
  margin-left: -110px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-webinar-topic.topic1 .container-inner .inner-float, .section-2022-webinar-topic.topic3 .container-inner .inner-float {
    margin-left: -37px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-webinar-topic.topic1 .container-inner .inner-float, .section-2022-webinar-topic.topic3 .container-inner .inner-float {
    margin-left: -25px;
  }
}
.section-2022-webinar-topic.topic2 .container-inner .inner-float, .section-2022-webinar-topic.topic4 .container-inner .inner-float {
  right: 0;
  margin-right: -110px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-webinar-topic.topic2 .container-inner .inner-float, .section-2022-webinar-topic.topic4 .container-inner .inner-float {
    margin-right: -37px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-webinar-topic.topic2 .container-inner .inner-float, .section-2022-webinar-topic.topic4 .container-inner .inner-float {
    margin-right: -25px;
  }
}
.section-2022-webinar-topic.topic1 .container-inner .inner-bg {
  background: #0991B0;
  background: linear-gradient(to bottom, #0991B0 0%, #0B1939 96%);
}
.section-2022-webinar-topic.topic2 .container-inner .inner-bg {
  background: #FF5A0B;
  background: linear-gradient(to bottom, #FF5A0B 0%, #FF0E0C 100%);
}
.section-2022-webinar-topic.topic3 .container-inner .inner-bg {
  background: #DCB47F;
  background: linear-gradient(to bottom, #DCB47F 0%, #4E7FFF 100%);
}
.section-2022-webinar-topic.topic4 .container-inner .inner-bg {
  background: #CEAE80;
  background: linear-gradient(to bottom, #CEAE80 0%, #C58080 100%);
}

.section-2022-student-banner {
  color: #ffffff;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  margin-bottom: 45px;
  padding: 70px 0;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-banner {
    margin-bottom: 0;
    padding-bottom: 0px;
  }
}
.section-2022-student-banner .banner-title {
  font-weight: 700;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-banner .banner-title {
    font-size: 40px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-banner .banner-title {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-banner .banner-title {
    font-size: 24px;
  }
}
.section-2022-student-banner .banner-title .title-img {
  margin-top: 10px;
  margin-bottom: 20px;
}
.section-2022-student-banner .banner-title .title-img img {
  max-width: 100%;
}
.section-2022-student-banner .banner-apply {
  margin-top: 10px;
}
.section-2022-student-banner .banner-apply .apply-title {
  color: #F15B2B;
  font-weight: 700;
  text-shadow: -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff, 1px 1px 0 #ffffff;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-banner .banner-apply .apply-title {
    font-size: 64px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-banner .banner-apply .apply-title {
    font-size: 42px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-banner .banner-apply .apply-title {
    font-size: 30px;
  }
}
.section-2022-student-banner .banner-apply .apply-list .list-item {
  width: 100%;
  max-width: 614px;
  text-align: center;
  color: #ffffff;
  border: 1px solid #ffffff;
  display: block;
  border-radius: 6px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-bottom: 10px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 0.4em 0.2em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-banner .banner-apply .apply-list .list-item {
    font-size: 22px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-banner .banner-apply .apply-list .list-item {
    font-size: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-banner .banner-apply .apply-list .list-item {
    font-size: 16px;
  }
}
.section-2022-student-banner .banner-apply .apply-list .list-item:hover, .section-2022-student-banner .banner-apply .apply-list .list-item:focus, .section-2022-student-banner .banner-apply .apply-list .list-item:active {
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.section-2022-student-banner .banner-apply .apply-list .list-item.item1 {
  background: #FF6914;
  background: linear-gradient(to right, #FF6914, #F51A64);
}
.section-2022-student-banner .banner-apply .apply-list .list-item.item2 {
  background: #82287F;
  background: linear-gradient(to right, #82287F, #5DAFDC);
}
.section-2022-student-banner .banner-title-sub {
  color: #F0C460;
  text-transform: uppercase;
  font-weight: 700;
  margin-top: 0.3em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-banner .banner-title-sub {
    font-size: 40px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-banner .banner-title-sub {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-banner .banner-title-sub {
    font-size: 24px;
  }
}
.section-2022-student-banner.banner-sub {
  position: relative;
  height: 640px;
  padding-top: 100px;
  margin-bottom: 0;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-banner.banner-sub {
    height: 360px;
    padding-top: 60px;
    padding-bottom: 30px;
  }
}
.section-2022-student-banner.banner-sub .banner-bg {
  position: absolute;
  top: 0;
  left: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-banner.banner-sub .banner-title {
    font-size: 30px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-banner.banner-sub .banner-title {
    font-size: 22px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-banner.banner-sub .banner-title {
    font-size: 18px;
  }
}
.section-2022-student-banner.banner-sub .banner-title .title-img img {
  width: 100%;
  max-width: 550px;
}
.section-2022-student-banner.banner-sub .container {
  position: relative;
}
.section-2022-student-banner.banner-sub.sub1 .banner-bg {
  background-image: url("../../uploads/images/2022/common/student/secondary/banner_bg.png");
}
.section-2022-student-banner.banner-sub.sub2 {
  padding-top: 0;
  padding-bottom: 50px;
}
.section-2022-student-banner.banner-sub.sub2 .banner-bg {
  background-image: url("../../uploads/images/2022/common/student/tertiary/banner_bg.png");
}

.section-2022-student-about {
  margin-bottom: 40px;
  position: relative;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
.section-2022-student-about .container-inner {
  position: relative;
  padding: 45px 35px;
  /*
  .inner-bg{
  	position: absolute;
  	@include square(100%);
  	top:0; left:0;
  	@include linear-gradient(to bottom, $HavelockBlue 8%, $GoldSand 96%);
  	opacity: .95;
  }
  */
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-about .container-inner {
    padding: 30px 15px;
  }
}
.section-2022-student-about .container-inner .inner-main {
  position: relative;
  text-align: center;
}
.section-2022-student-about .container-inner .inner-title {
  line-height: 1.2em;
  margin-bottom: 1.5em;
  font-weight: 700;
  text-transform: uppercase;
  color: #EEC67F;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-about .container-inner .inner-title {
    font-size: 50px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-about .container-inner .inner-title {
    font-size: 36px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-about .container-inner .inner-title {
    font-size: 26px;
  }
}
.section-2022-student-about .container-inner .inner-detail {
  color: #ffffff;
  line-height: 1.2em;
  margin-bottom: 20px;
  font-weight: 500;
  margin-bottom: 60px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-about .container-inner .inner-detail {
    font-size: 30px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-about .container-inner .inner-detail {
    font-size: 22px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-about .container-inner .inner-detail {
    font-size: 18px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-about .container-inner .inner-detail {
    margin-bottom: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-about .container-inner .inner-detail {
    margin-bottom: 15px;
  }
}
.section-2022-student-about .container-inner .inner-detail span {
  display: inline-block;
  color: #AD9D6D;
  font-weight: 700;
}
.section-2022-student-about .container-inner .inner-follow {
  text-align: center;
}
.section-2022-student-about .container-inner .inner-follow .follow-item {
  display: inline-block;
  margin: 0 15px 10px;
  width: 230px;
}
.section-2022-student-about .container-inner .inner-follow .follow-item img {
  width: 100%;
}
.section-2022-student-about .container-inner .inner-follow .follow-item:hover, .section-2022-student-about .container-inner .inner-follow .follow-item:focus, .section-2022-student-about .container-inner .inner-follow .follow-item:active {
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -o-transform: translateY(-5px);
}
.section-2022-student-about .container-inner .edu-title {
  color: #ffffff;
  font-weight: 700;
  padding: 0.6em 0;
  border-bottom: 1px solid #ffffff;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 35px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-about .container-inner .edu-title {
    font-size: 28px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-about .container-inner .edu-title {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-about .container-inner .edu-title {
    font-size: 18px;
  }
}
.section-2022-student-about .container-inner .edu-list {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.section-2022-student-about .container-inner .edu-list .list-item {
  display: inline-block;
  text-align: center;
  width: calc(33.3333333333% - 4px);
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-about .container-inner .edu-list .list-item {
    width: calc(50% - 4px);
  }
}
.section-2022-student-about .container-inner .edu-list .list-item .item-img {
  display: inline-block;
  width: 156px;
  height: 156px;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  overflow: hidden;
  background-color: #ffffff;
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-about .container-inner .edu-list .list-item .item-img {
    width: 120px;
    height: 120px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-about .container-inner .edu-list .list-item .item-img {
    width: 100px;
    height: 100px;
  }
}
.section-2022-student-about .container-inner .edu-list .list-item .item-img:hover, .section-2022-student-about .container-inner .edu-list .list-item .item-img:focus, .section-2022-student-about .container-inner .edu-list .list-item .item-img:active {
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.section-2022-student-about .container-inner .edu-list .list-item .item-img .img-bg {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
}
.section-2022-student-about .container-inner .edu-list .list-item .item-img .img-title {
  text-align: center;
  font-weight: 700;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-about .container-inner .edu-list .list-item .item-img .img-title {
    font-size: 12px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-about .container-inner .edu-list .list-item .item-img .img-title {
    font-size: 11px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-about .container-inner .edu-list .list-item .item-img .img-title {
    font-size: 10px;
  }
}

.section-2022-student-benefits {
  margin-bottom: 90px;
  position: relative;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
.section-2022-student-benefits .container-inner {
  position: relative;
  padding: 45px 35px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-benefits .container-inner {
    padding: 30px 15px;
  }
}
.section-2022-student-benefits .container-inner .inner-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #0B1939;
  background: linear-gradient(to bottom, #0B1939, #06193B);
  opacity: 0.95;
}
.section-2022-student-benefits .container-inner .inner-float-text {
  position: absolute;
  left: 0;
  top: 50px;
  pointer-events: none;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-benefits .container-inner .inner-float-text {
    top: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-benefits .container-inner .inner-float-text {
    top: 10px;
  }
}
.section-2022-student-benefits .container-inner .inner-float-text img {
  margin-left: -50px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-benefits .container-inner .inner-float-text img {
    width: 60px;
    margin-left: -30px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-benefits .container-inner .inner-float-text img {
    width: 40px;
    margin-left: -20px;
  }
}
.section-2022-student-benefits .container-inner .inner-main {
  position: relative;
}
.section-2022-student-benefits .container-inner .inner-title {
  color: #ffffff;
  text-align: center;
  line-height: 1.2em;
  margin-bottom: 20px;
  font-weight: 700;
  text-transform: uppercase;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-benefits .container-inner .inner-title {
    font-size: 50px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-benefits .container-inner .inner-title {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-benefits .container-inner .inner-title {
    font-size: 24px;
  }
}
.section-2022-student-benefits .container-inner .benefits-list .list-item {
  width: 100%;
  max-width: 300px;
  margin: 0 auto 80px;
  color: #ffffff;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-benefits .container-inner .benefits-list .list-item {
    margin-bottom: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-benefits .container-inner .benefits-list .list-item {
    margin-bottom: 20px;
  }
}
.section-2022-student-benefits .container-inner .benefits-list .list-item .item-img {
  margin: 0 auto 20px;
  padding-left: 30px;
  text-align: center;
}
.section-2022-student-benefits .container-inner .benefits-list .list-item .item-img .img-bg {
  display: inline-block;
  width: 160px;
  height: 160px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.section-2022-student-benefits .container-inner .benefits-list .list-item .item-title {
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1.1em;
  padding-left: 30px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-benefits .container-inner .benefits-list .list-item .item-title {
    font-size: 28px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-benefits .container-inner .benefits-list .list-item .item-title {
    font-size: 22px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-benefits .container-inner .benefits-list .list-item .item-title {
    font-size: 18px;
  }
}
.section-2022-student-benefits .container-inner .benefits-list .list-item .item-wrapper {
  overflow: hidden;
}
.section-2022-student-benefits .container-inner .benefits-list .list-item .item-num {
  width: 35px;
  font-weight: 500;
  position: relative;
  font-style: italic;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-benefits .container-inner .benefits-list .list-item .item-num {
    font-size: 24px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-benefits .container-inner .benefits-list .list-item .item-num {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-benefits .container-inner .benefits-list .list-item .item-num {
    font-size: 16px;
  }
}
.section-2022-student-benefits .container-inner .benefits-list .list-item .item-num:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  border-top: 1px solid #ffffff;
  width: 300px;
}
.section-2022-student-benefits .container-inner .benefits-list .list-item .item-detail {
  text-align: center;
  padding-left: 35px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-benefits .container-inner .benefits-list .list-item .item-detail {
    font-size: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-benefits .container-inner .benefits-list .list-item .item-detail {
    font-size: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-benefits .container-inner .benefits-list .list-item .item-detail {
    font-size: 16px;
  }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-benefits .container-inner .benefits-list .list-item .item-detail {
    min-height: 100px;
  }
}

.section-2022-student-involved {
  margin-bottom: 40px;
  position: relative;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
.section-2022-student-involved .involved-list:after {
  content: "";
  clear: both;
  display: block;
}
.section-2022-student-involved .involved-list .list-item {
  color: #ffffff;
  text-transform: uppercase;
  position: relative;
  padding: 45px 35px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-involved .involved-list .list-item {
    padding: 35px 25px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-involved .involved-list .list-item {
    padding: 30px 15px;
  }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-involved .involved-list .list-item {
    width: 50%;
    float: left;
  }
}
.section-2022-student-involved .involved-list .list-item.item1 {
  background: #FF6914;
  background: linear-gradient(to right, #FF6914, #F51A64);
}
.section-2022-student-involved .involved-list .list-item.item2 {
  background: #82287F;
  background: linear-gradient(to right, #82287F, #5DAFDC);
}
.section-2022-student-involved .involved-list .list-item .item-wrapper {
  position: relative;
  border-bottom: 10px solid #ffffff;
}
.section-2022-student-involved .involved-list .list-item .item-wrapper .item-title-sub {
  width: 225px;
  padding: 0.2em 0.5em;
  border: 1px solid #ffffff;
  position: relative;
  text-align: center;
  font-weight: 500;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-involved .involved-list .list-item .item-wrapper .item-title-sub {
    font-size: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-involved .involved-list .list-item .item-wrapper .item-title-sub {
    font-size: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-involved .involved-list .list-item .item-wrapper .item-title-sub {
    font-size: 16px;
  }
}
.section-2022-student-involved .involved-list .list-item .item-wrapper .item-title-sub:before {
  content: "";
  position: absolute;
  left: 100%;
  top: 50%;
  width: 287px;
  height: 100px;
  border-top: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-2022-student-involved .involved-list .list-item .item-wrapper .item-title-sub:before {
    width: 190px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-involved .involved-list .list-item .item-wrapper .item-title-sub:before {
    width: 80px;
    height: 40px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-involved .involved-list .list-item .item-wrapper .item-title-sub:before {
    display: none;
  }
}
.section-2022-student-involved .involved-list .list-item .item-wrapper .item-title {
  font-weight: 700;
  margin: 0 0 0.6em;
  line-height: 1.2em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-involved .involved-list .list-item .item-wrapper .item-title {
    font-size: 50px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-involved .involved-list .list-item .item-wrapper .item-title {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-involved .involved-list .list-item .item-wrapper .item-title {
    font-size: 24px;
  }
}
.section-2022-student-involved .involved-list .list-item .item-wrapper .item-detail {
  font-weight: 500;
  line-height: 1.1em;
  position: absolute;
  left: 0;
  bottom: 0;
  padding-bottom: 0.4em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-involved .involved-list .list-item .item-wrapper .item-detail {
    font-size: 18px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-involved .involved-list .list-item .item-wrapper .item-detail {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-involved .involved-list .list-item .item-wrapper .item-detail {
    font-size: 13px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-involved .involved-list .list-item .item-wrapper .item-detail {
    width: calc(100% - 100px);
  }
}
.section-2022-student-involved .involved-list .list-item .item-wrapper .item-btn .btn-apply {
  position: absolute;
  right: 0;
  bottom: 25px;
  width: 120px;
  height: 120px;
  text-align: center;
  line-height: 1em;
  font-weight: 700;
  color: #000000;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-involved .involved-list .list-item .item-wrapper .item-btn .btn-apply {
    font-size: 24px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-involved .involved-list .list-item .item-wrapper .item-btn .btn-apply {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-involved .involved-list .list-item .item-wrapper .item-btn .btn-apply {
    font-size: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-involved .involved-list .list-item .item-wrapper .item-btn .btn-apply {
    bottom: 15px;
    width: 100px;
    height: 100px;
  }
}
.section-2022-student-involved .involved-list .list-item .item-wrapper .item-btn .btn-apply:before {
  content: "";
  background-color: #ffffff;
  width: 84px;
  height: 84px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -42px;
  margin-left: -42px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
  border: 1px solid transparent;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-involved .involved-list .list-item .item-wrapper .item-btn .btn-apply:before {
    width: 70px;
    height: 70px;
    margin-top: -35px;
    margin-left: -35px;
  }
}
.section-2022-student-involved .involved-list .list-item .item-wrapper .item-btn .btn-apply:hover, .section-2022-student-involved .involved-list .list-item .item-wrapper .item-btn .btn-apply:focus, .section-2022-student-involved .involved-list .list-item .item-wrapper .item-btn .btn-apply:active {
  color: #ffffff;
}
.section-2022-student-involved .involved-list .list-item .item-wrapper .item-btn .btn-apply:hover:before, .section-2022-student-involved .involved-list .list-item .item-wrapper .item-btn .btn-apply:focus:before, .section-2022-student-involved .involved-list .list-item .item-wrapper .item-btn .btn-apply:active:before {
  background-color: transparent;
  border-color: #ffffff;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
}

.section-2022-student-deadline {
  margin-top: -70px;
  margin-bottom: 40px;
  position: relative;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-deadline {
    margin-top: 0;
  }
}
.section-2022-student-deadline .deadline-wrapper {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
}
.section-2022-student-deadline .deadline-wrapper .deadline-title {
  color: #ffffff;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  line-height: 1.2em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-deadline .deadline-wrapper .deadline-title {
    font-size: 48px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-deadline .deadline-wrapper .deadline-title {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-deadline .deadline-wrapper .deadline-title {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-deadline .deadline-wrapper .deadline-title span {
    display: inline-block;
  }
}
.section-2022-student-deadline .deadline-wrapper .deadline-title:nth-child(2) {
  margin-bottom: 10px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-deadline .deadline-wrapper .deadline-list {
    text-align: center;
  }
}
.section-2022-student-deadline .deadline-wrapper .deadline-list .list-item {
  display: inline-block;
  margin-right: 30px;
  margin-bottom: 10px;
  width: 230px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-deadline .deadline-wrapper .deadline-list .list-item {
    width: 200px;
  }
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px) {
  .section-2022-student-deadline .deadline-wrapper .deadline-list .list-item {
    margin-right: 10px;
  }
}
@media (max-width: 575px) {
  .section-2022-student-deadline .deadline-wrapper .deadline-list .list-item {
    margin-right: 0px;
  }
}
.section-2022-student-deadline .deadline-wrapper .deadline-list .list-item img {
  width: 100%;
}
.section-2022-student-deadline .deadline-wrapper .deadline-list .list-item:last-child {
  margin-right: 0;
}
.section-2022-student-deadline .deadline-wrapper .deadline-list .list-item:hover, .section-2022-student-deadline .deadline-wrapper .deadline-list .list-item:focus, .section-2022-student-deadline .deadline-wrapper .deadline-list .list-item:active {
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -o-transform: translateY(-5px);
}
.section-2022-student-deadline .deadline-wrapper .deadline-apply {
  text-transform: uppercase;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-deadline .deadline-wrapper .deadline-apply {
    text-align: right;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-deadline .deadline-wrapper .deadline-apply {
    text-align: center;
  }
}
.section-2022-student-deadline .deadline-wrapper .deadline-apply .btn-apply {
  color: #ffffff;
  border-radius: 9px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 0.6em 0.5em;
  width: 195px;
  display: inline-block;
  text-align: center;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-deadline .deadline-wrapper .deadline-apply .btn-apply {
    font-size: 22px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-deadline .deadline-wrapper .deadline-apply .btn-apply {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-deadline .deadline-wrapper .deadline-apply .btn-apply {
    font-size: 18px;
  }
}
.section-2022-student-deadline .deadline-wrapper .deadline-apply .btn-apply:hover, .section-2022-student-deadline .deadline-wrapper .deadline-apply .btn-apply:focus, .section-2022-student-deadline .deadline-wrapper .deadline-apply .btn-apply:active {
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -o-transform: translateY(-5px);
}
.section-2022-student-deadline .deadline-wrapper.style1 .deadline-title span {
  color: #FF7328;
}
.section-2022-student-deadline .deadline-wrapper.style1 .deadline-apply {
  margin: 20px 0 30px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-deadline .deadline-wrapper.style1 .deadline-apply {
    text-align: center;
  }
}
.section-2022-student-deadline .deadline-wrapper.style1 .deadline-apply .btn-apply {
  background: #FF7328;
  background: linear-gradient(to right, #FF7328, #F02666);
}
.section-2022-student-deadline .deadline-wrapper.style2 .deadline-title span {
  color: #5FB0DB;
}
.section-2022-student-deadline .deadline-wrapper.style2 .deadline-apply {
  margin: 20px 0 30px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-deadline .deadline-wrapper.style2 .deadline-apply {
    text-align: center;
  }
}
.section-2022-student-deadline .deadline-wrapper.style2 .deadline-apply .btn-apply {
  background: #82287F;
  background: linear-gradient(to right, #82287F, #5FB0DB);
}

.section-2022-student-secondary-program {
  margin-bottom: 40px;
  position: relative;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
.section-2022-student-secondary-program .container-inner {
  position: relative;
  padding: 45px 35px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-secondary-program .container-inner {
    padding: 30px 15px;
  }
}
.section-2022-student-secondary-program .container-inner .inner-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #153871;
  background: linear-gradient(to bottom, #153871, #06193B);
  opacity: 0.95;
}
.section-2022-student-secondary-program .container-inner .inner-bg .bg-img {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  background-image: url("../../uploads/images/2022/common/student/secondary/program_bg.png");
}
.section-2022-student-secondary-program .container-inner .inner-float-text {
  position: absolute;
  right: 0;
  top: 110px;
  pointer-events: none;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-secondary-program .container-inner .inner-float-text {
    top: 50px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-secondary-program .container-inner .inner-float-text {
    top: 20px;
  }
}
.section-2022-student-secondary-program .container-inner .inner-float-text img {
  margin-right: -60px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-secondary-program .container-inner .inner-float-text img {
    width: 60px;
    margin-right: -40px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-secondary-program .container-inner .inner-float-text img {
    width: 40px;
    margin-right: -40px;
  }
}
.section-2022-student-secondary-program .container-inner .inner-float-item {
  position: absolute;
  left: 50px;
  top: -20px;
  pointer-events: none;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-secondary-program .container-inner .inner-float-item {
    left: 25px;
    top: -10px;
  }
  .section-2022-student-secondary-program .container-inner .inner-float-item img {
    width: 68px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-secondary-program .container-inner .inner-float-item {
    display: none;
  }
}
.section-2022-student-secondary-program .container-inner .inner-main {
  position: relative;
}
.section-2022-student-secondary-program .container-inner .inner-title {
  color: #ffffff;
  text-align: center;
  line-height: 1.2em;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 20px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-secondary-program .container-inner .inner-title {
    font-size: 50px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-secondary-program .container-inner .inner-title {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-secondary-program .container-inner .inner-title {
    font-size: 24px;
  }
}
.section-2022-student-secondary-program .container-inner .inner-title-sub {
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
  line-height: 1em;
  margin-bottom: 20px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-secondary-program .container-inner .inner-title-sub {
    font-size: 40px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-secondary-program .container-inner .inner-title-sub {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-secondary-program .container-inner .inner-title-sub {
    font-size: 24px;
  }
}
.section-2022-student-secondary-program .container-inner .benefits-list .list-item {
  max-width: 311px;
  width: 100%;
  margin: 0 auto 30px;
  color: #ffffff;
  text-align: center;
}
.section-2022-student-secondary-program .container-inner .benefits-list .list-item .item-img {
  margin: 0 auto 15px;
  width: 130px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-secondary-program .container-inner .benefits-list .list-item .item-img {
    width: 80px;
  }
}
.section-2022-student-secondary-program .container-inner .benefits-list .list-item .item-img img {
  width: 100%;
}
.section-2022-student-secondary-program .container-inner .benefits-list .list-item .item-title {
  line-height: 1.2em;
  font-weight: 500;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-secondary-program .container-inner .benefits-list .list-item .item-title {
    font-size: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-secondary-program .container-inner .benefits-list .list-item .item-title {
    font-size: 22px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-secondary-program .container-inner .benefits-list .list-item .item-title {
    font-size: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-secondary-program .container-inner .benefits-list .list-item .item-title br {
    display: none;
  }
}
.section-2022-student-secondary-program .container-inner .benefits-list .list-item .item-hr {
  width: 100%;
  height: 3px;
  background: #FF7328;
  background: linear-gradient(to right, #FF7328, #F02666);
  margin: 15px 0 30px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-secondary-program .container-inner .benefits-list .list-item .item-hr {
    margin: 10px 0 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-secondary-program .container-inner .benefits-list .list-item .item-hr {
    margin: 5px 0 10px;
  }
}
.section-2022-student-secondary-program .container-inner .benefits-list .list-item .item-detail {
  text-align: center;
  line-height: 1.2em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-secondary-program .container-inner .benefits-list .list-item .item-detail {
    font-size: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-secondary-program .container-inner .benefits-list .list-item .item-detail {
    font-size: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-secondary-program .container-inner .benefits-list .list-item .item-detail {
    font-size: 16px;
  }
}
.section-2022-student-secondary-program .container-inner .prize-title {
  text-align: center;
}
.section-2022-student-secondary-program .container-inner .prize-title .title-wrapper {
  position: relative;
  display: inline-block;
}
.section-2022-student-secondary-program .container-inner .prize-title .title-wrapper .title-bg {
  background-image: url("../../uploads/images/2021/common/student/secondary/prize_title_bg.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.section-2022-student-secondary-program .container-inner .prize-title .title-wrapper .title-main {
  color: #ffffff;
  text-align: center;
  line-height: 1em;
  font-weight: 700;
  text-transform: uppercase;
  padding: 1.6em 2.4em 0;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-secondary-program .container-inner .prize-title .title-wrapper .title-main {
    font-size: 50px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-secondary-program .container-inner .prize-title .title-wrapper .title-main {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-secondary-program .container-inner .prize-title .title-wrapper .title-main {
    font-size: 24px;
  }
}
.section-2022-student-secondary-program .container-inner .prize-title .title-wrapper .title-main span {
  color: #AD945C;
}
.section-2022-student-secondary-program .container-inner .prize-title-sub {
  color: #ffffff;
  text-align: center;
  line-height: 1em;
  font-weight: 700;
  text-transform: uppercase;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-secondary-program .container-inner .prize-title-sub {
    font-size: 40px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-secondary-program .container-inner .prize-title-sub {
    font-size: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-secondary-program .container-inner .prize-title-sub {
    font-size: 20px;
  }
}
.section-2022-student-secondary-program .container-inner .prize-title-sub span {
  color: #FF7328;
}
.section-2022-student-secondary-program .container-inner .prize-list {
  margin-top: 30px;
  color: #ffffff;
}
.section-2022-student-secondary-program .container-inner .prize-list .list-item {
  text-align: center;
}
.section-2022-student-secondary-program .container-inner .prize-list .list-item .item-title,
.section-2022-student-secondary-program .container-inner .prize-list .list-item .item-detail {
  line-height: 1.2em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-secondary-program .container-inner .prize-list .list-item .item-title,
.section-2022-student-secondary-program .container-inner .prize-list .list-item .item-detail {
    font-size: 22px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-secondary-program .container-inner .prize-list .list-item .item-title,
.section-2022-student-secondary-program .container-inner .prize-list .list-item .item-detail {
    font-size: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-secondary-program .container-inner .prize-list .list-item .item-title,
.section-2022-student-secondary-program .container-inner .prize-list .list-item .item-detail {
    font-size: 16px;
  }
}
.section-2022-student-secondary-program .container-inner .prize-list .list-item .item-title {
  font-weight: 700;
  color: #FF7328;
}
.section-2022-student-secondary-program .container-inner .prize-list .list-item .item-hr {
  width: 100%;
  max-width: 311px;
  height: 3px;
  margin: 15px auto;
  background: #FF7328;
  background: linear-gradient(to bottom, #FF7328, #F02666);
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-secondary-program .container-inner .prize-list .list-item .item-hr {
    margin: 15px auto;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-secondary-program .container-inner .prize-list .list-item .item-hr {
    margin: 10px auto;
  }
}

.section-2022-student-secondary-journey {
  margin-bottom: 40px;
  position: relative;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
.section-2022-student-secondary-journey .container-inner {
  position: relative;
  padding: 45px 35px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-secondary-journey .container-inner {
    padding: 30px 15px;
  }
}
.section-2022-student-secondary-journey .container-inner .inner-main {
  position: relative;
}
.section-2022-student-secondary-journey .container-inner .inner-title {
  color: #ffffff;
  text-align: center;
  line-height: 1.2em;
  font-weight: 700;
  text-transform: uppercase;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-secondary-journey .container-inner .inner-title {
    font-size: 50px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-secondary-journey .container-inner .inner-title {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-secondary-journey .container-inner .inner-title {
    font-size: 24px;
  }
}
.section-2022-student-secondary-journey .container-inner .inner-title span {
  text-transform: initial;
}
.section-2022-student-secondary-journey .container-inner .inner-img {
  width: 100%;
  max-width: 976px;
  margin: 0 auto 15px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-secondary-journey .container-inner .inner-img {
    margin-bottom: 50px;
  }
}
.section-2022-student-secondary-journey .container-inner .inner-img img {
  width: 100%;
}
.section-2022-student-secondary-journey .container-inner .journey-timeline {
  margin: 90px 0;
}
.section-2022-student-secondary-journey .container-inner .journey-timeline img {
  max-width: 100%;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-secondary-journey .container-inner .journey-timeline {
    overflow: auto;
  }
  .section-2022-student-secondary-journey .container-inner .journey-timeline img {
    max-width: 1115px;
  }
}
.section-2022-student-secondary-journey .container-inner .journey-title {
  color: #FF7328;
  text-align: center;
  line-height: 1.2em;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 15px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-secondary-journey .container-inner .journey-title {
    font-size: 48px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-secondary-journey .container-inner .journey-title {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-secondary-journey .container-inner .journey-title {
    font-size: 24px;
  }
}
.section-2022-student-secondary-journey .container-inner .journey-title img {
  width: 130px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-secondary-journey .container-inner .journey-title img {
    width: 100px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-secondary-journey .container-inner .journey-title img {
    width: 80px;
  }
}
.section-2022-student-secondary-journey .container-inner .journey-list {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  color: #ffffff;
}
.section-2022-student-secondary-journey .container-inner .journey-list li {
  line-height: 1.2em;
  margin-bottom: 1em;
  position: relative;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-secondary-journey .container-inner .journey-list li {
    font-size: 22px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-secondary-journey .container-inner .journey-list li {
    font-size: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-secondary-journey .container-inner .journey-list li {
    font-size: 16px;
  }
}
.section-2022-student-secondary-journey .container-inner .journey-list li span {
  color: #AD945C;
  font-weight: 700;
  text-transform: uppercase;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-secondary-journey .container-inner .journey-list li.last-child {
    padding-right: 210px;
  }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-secondary-journey .container-inner .journey-list li .journey-btn {
    position: absolute;
    top: 0;
    right: 0;
  }
}
.section-2022-student-secondary-journey .container-inner .journey-list li .journey-btn .btn-apply {
  color: #ffffff;
  border-radius: 9px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 0.6em 0.5em;
  width: 195px;
  display: inline-block;
  text-align: center;
  text-transform: uppercase;
  background: #FF7328;
  background: linear-gradient(to right, #FF7328, #F02666);
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-secondary-journey .container-inner .journey-list li .journey-btn .btn-apply {
    font-size: 22px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-secondary-journey .container-inner .journey-list li .journey-btn .btn-apply {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-secondary-journey .container-inner .journey-list li .journey-btn .btn-apply {
    font-size: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-secondary-journey .container-inner .journey-list li .journey-btn .btn-apply {
    margin-top: 10px;
  }
}
.section-2022-student-secondary-journey .container-inner .journey-list li .journey-btn .btn-apply:hover, .section-2022-student-secondary-journey .container-inner .journey-list li .journey-btn .btn-apply:focus, .section-2022-student-secondary-journey .container-inner .journey-list li .journey-btn .btn-apply:active {
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.section-2022-student-secondary-waiting {
  margin-bottom: 140px;
  position: relative;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
.section-2022-student-secondary-waiting .container-inner {
  position: relative;
  padding: 45px 35px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-secondary-waiting .container-inner {
    padding: 30px 15px;
  }
}
.section-2022-student-secondary-waiting .container-inner .inner-main {
  border-width: 2px;
  border-style: solid;
  -o-border-image: linear-gradient(to right, #FF7328, #F02666) 1;
     border-image: linear-gradient(to right, #FF7328, #F02666) 1;
  width: 100%;
  max-width: 914px;
  margin: 0 auto;
  padding: 10px 80px;
  text-align: center;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-secondary-waiting .container-inner .inner-main {
    padding: 5px 15px;
  }
}
.section-2022-student-secondary-waiting .container-inner .inner-main .inner-title {
  color: #FF7328;
  font-weight: 700;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-secondary-waiting .container-inner .inner-main .inner-title {
    font-size: 48px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-secondary-waiting .container-inner .inner-main .inner-title {
    font-size: 36px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-secondary-waiting .container-inner .inner-main .inner-title {
    font-size: 24px;
  }
}
.section-2022-student-secondary-waiting .container-inner .inner-main .inner-detail {
  color: #ffffff;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-secondary-waiting .container-inner .inner-main .inner-detail {
    font-size: 36px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-secondary-waiting .container-inner .inner-main .inner-detail {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-secondary-waiting .container-inner .inner-main .inner-detail {
    font-size: 20px;
  }
}
.section-2022-student-secondary-waiting .container-inner .inner-apply {
  margin-top: 40px;
  text-align: center;
}
.section-2022-student-secondary-waiting .container-inner .inner-apply .apply-btn .btn-theme {
  background: #FF7328;
  background: linear-gradient(to right, #FF7328, #F02666);
  color: #ffffff;
  border-radius: 9px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 0.6em 0.5em;
  width: 195px;
  display: inline-block;
  text-align: center;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-secondary-waiting .container-inner .inner-apply .apply-btn .btn-theme {
    font-size: 22px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-secondary-waiting .container-inner .inner-apply .apply-btn .btn-theme {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-secondary-waiting .container-inner .inner-apply .apply-btn .btn-theme {
    font-size: 18px;
  }
}
.section-2022-student-secondary-waiting .container-inner .inner-apply .apply-btn .btn-theme:hover, .section-2022-student-secondary-waiting .container-inner .inner-apply .apply-btn .btn-theme:focus, .section-2022-student-secondary-waiting .container-inner .inner-apply .apply-btn .btn-theme:active {
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -o-transform: translateY(-5px);
}
.section-2022-student-secondary-waiting .container-inner .inner-apply .apply-detail {
  margin-top: 0.6em;
  color: #ffffff;
  text-transform: uppercase;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-secondary-waiting .container-inner .inner-apply .apply-detail {
    font-size: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-secondary-waiting .container-inner .inner-apply .apply-detail {
    font-size: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-secondary-waiting .container-inner .inner-apply .apply-detail {
    font-size: 16px;
  }
}

.section-2022-student-secondary-apply {
  margin-bottom: 40px;
  position: relative;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
.section-2022-student-secondary-apply .container-inner {
  position: relative;
  padding: 45px 35px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-secondary-apply .container-inner {
    padding: 30px 15px;
  }
}
.section-2022-student-secondary-apply .container-inner .inner-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #0E1934;
  background: linear-gradient(to bottom, #0E1934 0%, #1D356F 42%, #895379 100%);
  opacity: 0.9;
}
.section-2022-student-secondary-apply .container-inner .inner-bg .bg-img {
  width: 100%;
  height: 100%;
  background-position: bottom center;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url("../../uploads/images/2022/common/student/secondary/apply_bg.png");
}
.section-2022-student-secondary-apply .container-inner .inner-main {
  position: relative;
}
.section-2022-student-secondary-apply .container-inner .inner-title {
  color: #ffffff;
  text-align: center;
  line-height: 1.2em;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 40px;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-secondary-apply .container-inner .inner-title {
    font-size: 50px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-secondary-apply .container-inner .inner-title {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-secondary-apply .container-inner .inner-title {
    font-size: 24px;
  }
}
.section-2022-student-secondary-apply .container-inner .inner-list {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  color: #ffffff;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-secondary-apply .container-inner .inner-list .list-item {
    margin-bottom: 30px;
  }
}
.section-2022-student-secondary-apply .container-inner .inner-list .list-item .item-img {
  text-align: center;
}
.section-2022-student-secondary-apply .container-inner .inner-list .list-item .item-img img {
  width: 130px;
}
.section-2022-student-secondary-apply .container-inner .inner-list .list-item .item-img-title {
  text-align: center;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-secondary-apply .container-inner .inner-list .list-item .item-img-title {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-secondary-apply .container-inner .inner-list .list-item .item-img-title {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-secondary-apply .container-inner .inner-list .list-item .item-img-title {
    font-size: 14px;
  }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-secondary-apply .container-inner .inner-list .list-item .item-detail {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-secondary-apply .container-inner .inner-list .list-item .item-detail {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-secondary-apply .container-inner .inner-list .list-item .item-detail {
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-secondary-apply .container-inner .inner-list .list-item .item-detail {
    margin-top: 20px;
  }
}
.section-2022-student-secondary-apply .container-inner .inner-list .list-item .item-detail span {
  color: #5FB0DB;
}
.section-2022-student-secondary-apply .container-inner .inner-list .list-item .item-detail ul {
  padding-left: 20px;
}
.section-2022-student-secondary-apply .container-inner .inner-list .list-item .item-detail ul li {
  margin-bottom: 0.2em;
}
.section-2022-student-secondary-apply .container-inner .apply-wrapper {
  padding: 20px;
  position: relative;
  border-left: 2px solid #FF7328;
  border-right: 2px solid #F02666;
  width: 100%;
  max-width: 600px;
  margin: 20px auto;
  color: #ffffff;
}
.section-2022-student-secondary-apply .container-inner .apply-wrapper:before, .section-2022-student-secondary-apply .container-inner .apply-wrapper:after {
  content: "";
  width: 100%;
  height: 2px;
  background: #FF7328;
  background: linear-gradient(to right, #FF7328, #F02666);
  position: absolute;
  left: 0;
}
.section-2022-student-secondary-apply .container-inner .apply-wrapper:before {
  top: 0;
}
.section-2022-student-secondary-apply .container-inner .apply-wrapper:after {
  bottom: 0;
}
.section-2022-student-secondary-apply .container-inner .apply-wrapper .wrapper-item {
  position: relative;
}
.section-2022-student-secondary-apply .container-inner .apply-wrapper .wrapper-item .item-img {
  text-align: center;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-secondary-apply .container-inner .apply-wrapper .wrapper-item .item-img {
    width: 160px;
    position: absolute;
    left: 0;
    top: 0;
  }
}
.section-2022-student-secondary-apply .container-inner .apply-wrapper .wrapper-item .item-img .img-bg img {
  width: 130px;
}
.section-2022-student-secondary-apply .container-inner .apply-wrapper .wrapper-item .item-img .item-title {
  font-weight: 500;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-secondary-apply .container-inner .apply-wrapper .wrapper-item .item-img .item-title {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-secondary-apply .container-inner .apply-wrapper .wrapper-item .item-img .item-title {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-secondary-apply .container-inner .apply-wrapper .wrapper-item .item-img .item-title {
    font-size: 14px;
  }
}
.section-2022-student-secondary-apply .container-inner .apply-wrapper .wrapper-item .item-detail {
  position: relative;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-secondary-apply .container-inner .apply-wrapper .wrapper-item .item-detail {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-secondary-apply .container-inner .apply-wrapper .wrapper-item .item-detail {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-secondary-apply .container-inner .apply-wrapper .wrapper-item .item-detail {
    font-size: 14px;
  }
}
.section-2022-student-secondary-apply .container-inner .apply-wrapper .wrapper-item .item-detail:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: #FF7328;
  background: linear-gradient(to right, #FF7328, #F02666);
}
.section-2022-student-secondary-apply .container-inner .apply-wrapper .wrapper-item .item-detail span {
  display: inline-block;
  color: #FF7328;
}
.section-2022-student-secondary-apply .container-inner .apply-wrapper .wrapper-item .item-detail ul {
  padding-left: 20px;
}
.section-2022-student-secondary-apply .container-inner .apply-wrapper .wrapper-item .item-detail ul li {
  margin-bottom: 0.1em;
  line-height: 1.2em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-secondary-apply .container-inner .apply-wrapper .wrapper-item .item-detail {
    margin-left: 180px;
    padding-left: 25px;
    height: 168px;
  }
  .section-2022-student-secondary-apply .container-inner .apply-wrapper .wrapper-item .item-detail:before {
    width: 2px;
    height: 100%;
    margin-left: -1px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-secondary-apply .container-inner .apply-wrapper .wrapper-item .item-detail {
    margin-top: 15px;
    padding-top: 15px;
    height: auto;
  }
  .section-2022-student-secondary-apply .container-inner .apply-wrapper .wrapper-item .item-detail:before {
    width: 100%;
    height: 2px;
    margin-top: -1px;
  }
}
.section-2022-student-secondary-apply .container-inner .apply-wrapper-style2 {
  padding: 20px;
  position: relative;
  border-left: 2px solid #FF7328;
  border-right: 2px solid #F02666;
  width: 100%;
  max-width: 600px;
  margin: 20px auto;
  color: #ffffff;
  background: #FF7328;
  background: linear-gradient(to right, #FF7328, #F02666);
}
.section-2022-student-secondary-apply .container-inner .apply-wrapper-style2 .wrapper-item {
  position: relative;
}
.section-2022-student-secondary-apply .container-inner .apply-wrapper-style2 .wrapper-item .item-img {
  text-align: center;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-secondary-apply .container-inner .apply-wrapper-style2 .wrapper-item .item-img {
    width: 160px;
    position: absolute;
    left: 0;
    top: 0;
  }
}
.section-2022-student-secondary-apply .container-inner .apply-wrapper-style2 .wrapper-item .item-img .img-bg img {
  width: 130px;
}
.section-2022-student-secondary-apply .container-inner .apply-wrapper-style2 .wrapper-item .item-img .item-title {
  font-weight: 500;
  text-transform: uppercase;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-secondary-apply .container-inner .apply-wrapper-style2 .wrapper-item .item-img .item-title {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-secondary-apply .container-inner .apply-wrapper-style2 .wrapper-item .item-img .item-title {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-secondary-apply .container-inner .apply-wrapper-style2 .wrapper-item .item-img .item-title {
    font-size: 14px;
  }
}
.section-2022-student-secondary-apply .container-inner .apply-wrapper-style2 .wrapper-item .item-detail {
  position: relative;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-secondary-apply .container-inner .apply-wrapper-style2 .wrapper-item .item-detail {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-secondary-apply .container-inner .apply-wrapper-style2 .wrapper-item .item-detail {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-secondary-apply .container-inner .apply-wrapper-style2 .wrapper-item .item-detail {
    font-size: 14px;
  }
}
.section-2022-student-secondary-apply .container-inner .apply-wrapper-style2 .wrapper-item .item-detail:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-color: #ffffff;
}
.section-2022-student-secondary-apply .container-inner .apply-wrapper-style2 .wrapper-item .item-detail span {
  display: inline-block;
  color: #FF7328;
  padding: 0 0.2em;
  background-color: #ffffff;
}
.section-2022-student-secondary-apply .container-inner .apply-wrapper-style2 .wrapper-item .item-detail ul {
  padding-left: 20px;
}
.section-2022-student-secondary-apply .container-inner .apply-wrapper-style2 .wrapper-item .item-detail ul li {
  margin-bottom: 0.1em;
  line-height: 1.2em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-secondary-apply .container-inner .apply-wrapper-style2 .wrapper-item .item-detail {
    margin-left: 180px;
    padding-left: 25px;
    height: 168px;
  }
  .section-2022-student-secondary-apply .container-inner .apply-wrapper-style2 .wrapper-item .item-detail:before {
    width: 2px;
    height: 100%;
    margin-left: -1px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-secondary-apply .container-inner .apply-wrapper-style2 .wrapper-item .item-detail {
    margin-top: 15px;
    padding-top: 15px;
    height: auto;
  }
  .section-2022-student-secondary-apply .container-inner .apply-wrapper-style2 .wrapper-item .item-detail:before {
    width: 100%;
    height: 2px;
    margin-top: -1px;
  }
}
.section-2022-student-secondary-apply .container-inner .apply-wrapper-style3 {
  position: relative;
  width: 100%;
  max-width: 570px;
  margin: 0 auto;
}
.section-2022-student-secondary-apply .container-inner .apply-wrapper-style3 .wrapper-bg {
  -webkit-transform: skewX(-20deg);
  -moz-transform: skewX(-20deg);
  -ms-transform: skewX(-20deg);
  -o-transform: skewX(-20deg);
  background: #FF7328;
  background: linear-gradient(to right, #FF7328, #F02666);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.section-2022-student-secondary-apply .container-inner .apply-wrapper-style3 .wrapper-main {
  position: relative;
  text-align: center;
  padding: 0 30px 15px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-secondary-apply .container-inner .apply-wrapper-style3 .wrapper-main {
    padding-top: 15px;
  }
}
.section-2022-student-secondary-apply .container-inner .apply-wrapper-style3 .wrapper-main .main-title {
  display: inline-block;
  color: #0E1934;
  font-weight: 700;
  text-align: center;
  position: relative;
  text-transform: uppercase;
  margin-top: -10px;
  width: 100%;
  max-width: 423px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-secondary-apply .container-inner .apply-wrapper-style3 .wrapper-main .main-title {
    font-size: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-secondary-apply .container-inner .apply-wrapper-style3 .wrapper-main .main-title {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-secondary-apply .container-inner .apply-wrapper-style3 .wrapper-main .main-title {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-secondary-apply .container-inner .apply-wrapper-style3 .wrapper-main .main-title {
    margin-top: 0;
  }
}
.section-2022-student-secondary-apply .container-inner .apply-wrapper-style3 .wrapper-main .main-title:before {
  content: "";
  border-bottom: 3px solid #0E1934;
  position: absolute;
  left: 0;
  bottom: 0.5em;
  width: 100%;
}
.section-2022-student-secondary-apply .container-inner .apply-wrapper-style3 .wrapper-main .main-title .title-img {
  position: relative;
  display: inline-block;
  background-image: url("../../uploads/images/2022/common/student/secondary/apply_main_icon1.png");
  width: 71px;
  height: 77px;
  vertical-align: middle;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-secondary-apply .container-inner .apply-wrapper-style3 .wrapper-main .main-title .title-img {
    width: 35px;
    height: 38px;
  }
}
.section-2022-student-secondary-apply .container-inner .apply-wrapper-style3 .wrapper-main .main-detail {
  color: #ffffff;
  font-weight: 300;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-secondary-apply .container-inner .apply-wrapper-style3 .wrapper-main .main-detail {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-secondary-apply .container-inner .apply-wrapper-style3 .wrapper-main .main-detail {
    font-size: 12px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-secondary-apply .container-inner .apply-wrapper-style3 .wrapper-main .main-detail {
    font-size: 10px;
  }
}
.section-2022-student-secondary-apply .container-inner .apply-wrapper-style3 .wrapper-main .main-detail span {
  font-weight: 700;
}
.section-2022-student-secondary-apply .container-inner .point-list {
  margin: 30px 0;
}
.section-2022-student-secondary-apply .container-inner .point-list .list-item {
  color: #ffffff;
  display: inline-block;
  vertical-align: top;
  text-align: center;
}
.section-2022-student-secondary-apply .container-inner .point-list .list-item .item-title {
  font-weight: 500;
  text-transform: uppercase;
  color: #FF7328;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-secondary-apply .container-inner .point-list .list-item .item-title {
    font-size: 22px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-secondary-apply .container-inner .point-list .list-item .item-title {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-secondary-apply .container-inner .point-list .list-item .item-title {
    font-size: 18px;
  }
}
.section-2022-student-secondary-apply .container-inner .point-list .list-item .item-title .title-num {
  display: inline-block;
  color: #ffffff;
  margin-right: 0.8em;
}
.section-2022-student-secondary-apply .container-inner .point-list .list-item .item-title-sub {
  font-weight: 700;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-secondary-apply .container-inner .point-list .list-item .item-title-sub {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-secondary-apply .container-inner .point-list .list-item .item-title-sub {
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-secondary-apply .container-inner .point-list .list-item .item-title-sub {
    font-size: 12px;
  }
}
.section-2022-student-secondary-apply .container-inner .point-list .list-item .item-hr {
  background: #F02666;
  background: linear-gradient(to right, #F02666, #FF7328);
  width: 100%;
  height: 2px;
  margin: 10px 0;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-secondary-apply .container-inner .point-list .list-item .item-hr {
    margin: 5px 0;
  }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-secondary-apply .container-inner .point-list .list-item .item-detail {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-secondary-apply .container-inner .point-list .list-item .item-detail {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-secondary-apply .container-inner .point-list .list-item .item-detail {
    font-size: 14px;
  }
}
.section-2022-student-secondary-apply .container-inner .point-list.style1 {
  text-align: center;
}
.section-2022-student-secondary-apply .container-inner .point-list.style1 .list-item {
  width: 100%;
  max-width: 590px;
}
.section-2022-student-secondary-apply .container-inner .point-list.style1 .list-item .item-title-sub {
  width: 100%;
  max-width: 510px;
  margin: 0 auto;
}
.section-2022-student-secondary-apply .container-inner .point-list.style1 .list-item .item-detail {
  padding: 0 12px;
}
.section-2022-student-secondary-apply .container-inner .point-list.style2 .list-item {
  width: 29%;
  margin: 0 20px 25px;
  /*
  .item-detail{
  	padding: 0 25px 0 0 ;
  	@media (min-width: 576px) and (max-width: 767px), (max-width: 575px){
  		padding: 0 15px 0 0;
  	}
  }
  */
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-secondary-apply .container-inner .point-list.style2 .list-item {
    width: 42%;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-secondary-apply .container-inner .point-list.style2 .list-item {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
.section-2022-student-secondary-apply .container-inner .point-list.style2 .list-item .item-title-sub {
  position: relative;
  margin-top: 0.6em;
}
.section-2022-student-secondary-apply .container-inner .point-list.style2 .list-item .item-title-sub:after {
  display: none;
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg viewBox='0 0 18.19 18.19' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23ff7328;%7D.cls-2%7Bfill:none;stroke:%23fff;stroke-miterlimit:10;stroke-width:1.87px;%7D%3C/style%3E%3C/defs%3E%3Cg data-name='Layer 2'%3E%3Cg data-name='Layer 6'%3E%3Ccircle class='cls-1' cx='9.09' cy='9.09' r='9.09'/%3E%3Cpolyline class='cls-2' points='4.17 6.44 9.09 12.49 14.02 6.44'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  width: 18px;
  height: 18px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-secondary-apply .container-inner .point-list.style2 .list-item .item-title-sub:after {
    width: 12px;
    height: 12px;
  }
}
.section-2022-student-secondary-apply .container-inner .focus-title,
.section-2022-student-secondary-apply .container-inner .focus-title-sub {
  text-align: center;
  color: #ffffff;
}
.section-2022-student-secondary-apply .container-inner .focus-title {
  font-weight: 500;
  text-transform: uppercase;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-secondary-apply .container-inner .focus-title {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-secondary-apply .container-inner .focus-title {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-secondary-apply .container-inner .focus-title {
    font-size: 14px;
  }
}
.section-2022-student-secondary-apply .container-inner .focus-title-sub {
  font-weight: 100;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-secondary-apply .container-inner .focus-title-sub {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-secondary-apply .container-inner .focus-title-sub {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-secondary-apply .container-inner .focus-title-sub {
    font-size: 14px;
  }
}
.section-2022-student-secondary-apply .container-inner .focus-list {
  width: 100%;
  margin: 20px auto 40px;
}
.section-2022-student-secondary-apply .container-inner .focus-list.style1 {
  max-width: 820px;
}
.section-2022-student-secondary-apply .container-inner .focus-list .list-item {
  text-align: center;
  color: #ffffff;
  margin-bottom: 15px;
}
.section-2022-student-secondary-apply .container-inner .focus-list .list-item .item-icon img {
  width: 110px;
}
.section-2022-student-secondary-apply .container-inner .focus-list .list-item .item-title {
  margin-top: 15px;
  font-family: "ITCAvantGardeStd", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  font-weight: 500;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-secondary-apply .container-inner .focus-list .list-item .item-title {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-secondary-apply .container-inner .focus-list .list-item .item-title {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-secondary-apply .container-inner .focus-list .list-item .item-title {
    font-size: 14px;
  }
}
.section-2022-student-secondary-apply .container-inner .more-title {
  text-align: center;
  color: #ffffff;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  font-weight: 500;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-secondary-apply .container-inner .more-title {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-secondary-apply .container-inner .more-title {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-secondary-apply .container-inner .more-title {
    font-size: 14px;
  }
}
.section-2022-student-secondary-apply .container-inner .more-title img {
  width: 15px;
}
.section-2022-student-secondary-apply .container-inner .more-wrapper {
  width: 100%;
  max-width: 800px;
  margin: 20px auto 0;
  background-color: rgba(0, 0, 0, 0.3);
  padding: 15px 50px;
  color: #ffffff;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-secondary-apply .container-inner .more-wrapper {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-secondary-apply .container-inner .more-wrapper {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-secondary-apply .container-inner .more-wrapper {
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-secondary-apply .container-inner .more-wrapper {
    padding: 10px 15px;
  }
}
.section-2022-student-secondary-apply .container-inner .more-wrapper .wrapper-title {
  font-weight: 600;
  margin-bottom: 0.3em;
}
.section-2022-student-secondary-apply .container-inner .more-wrapper .wrapper-detail {
  font-weight: 500;
  margin-bottom: 0.8em;
}
.section-2022-student-secondary-apply .container-inner .more-wrapper .wrapper-detail ul, .section-2022-student-secondary-apply .container-inner .more-wrapper .wrapper-detail ol {
  padding-left: 20px;
}
.section-2022-student-secondary-apply .container-inner .more-wrapper .wrapper-detail li {
  margin-bottom: 0.2em;
}
.section-2022-student-secondary-apply .container-inner-sub {
  padding-top: 20px;
}
.section-2022-student-secondary-apply .container-inner-sub .inner-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #FF7328;
  background: linear-gradient(to right, #FF7328, #F02666);
  opacity: 1;
}
.section-2022-student-secondary-apply .container-inner-sub .main-title {
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 0.8em;
  font-weight: 700;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-secondary-apply .container-inner-sub .main-title {
    font-size: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-secondary-apply .container-inner-sub .main-title {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-secondary-apply .container-inner-sub .main-title {
    font-size: 20px;
  }
}
.section-2022-student-secondary-apply .container-inner-sub .main-item {
  position: relative;
  color: #ffffff;
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
}
.section-2022-student-secondary-apply .container-inner-sub .main-item .item-img {
  text-align: center;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-secondary-apply .container-inner-sub .main-item .item-img {
    width: 160px;
    position: absolute;
    left: 0;
    top: 0;
  }
}
.section-2022-student-secondary-apply .container-inner-sub .main-item .item-img .img-bg img {
  width: 140px;
}
.section-2022-student-secondary-apply .container-inner-sub .main-item .item-img .item-title {
  font-weight: 500;
  text-transform: uppercase;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-secondary-apply .container-inner-sub .main-item .item-img .item-title {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-secondary-apply .container-inner-sub .main-item .item-img .item-title {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-secondary-apply .container-inner-sub .main-item .item-img .item-title {
    font-size: 14px;
  }
}
.section-2022-student-secondary-apply .container-inner-sub .main-item .item-detail {
  position: relative;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-secondary-apply .container-inner-sub .main-item .item-detail {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-secondary-apply .container-inner-sub .main-item .item-detail {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-secondary-apply .container-inner-sub .main-item .item-detail {
    font-size: 14px;
  }
}
.section-2022-student-secondary-apply .container-inner-sub .main-item .item-detail:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-color: #ffffff;
}
.section-2022-student-secondary-apply .container-inner-sub .main-item .item-detail span {
  display: inline-block;
  color: #FF7328;
  padding: 0 0.2em;
  background-color: #ffffff;
}
.section-2022-student-secondary-apply .container-inner-sub .main-item .item-detail ul {
  padding-left: 20px;
}
.section-2022-student-secondary-apply .container-inner-sub .main-item .item-detail ul li {
  margin-bottom: 0.6em;
  line-height: 1.2em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-secondary-apply .container-inner-sub .main-item .item-detail {
    margin-left: 180px;
    padding-left: 25px;
    height: 140px;
  }
  .section-2022-student-secondary-apply .container-inner-sub .main-item .item-detail:before {
    width: 2px;
    height: 100%;
    margin-left: -1px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-secondary-apply .container-inner-sub .main-item .item-detail {
    margin-top: 15px;
    padding-top: 15px;
    height: auto;
  }
  .section-2022-student-secondary-apply .container-inner-sub .main-item .item-detail:before {
    width: 100%;
    height: 2px;
    margin-top: -1px;
  }
}

.section-2022-student-secondary-stage {
  margin-bottom: 40px;
  position: relative;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
.section-2022-student-secondary-stage .container-inner {
  position: relative;
  padding: 45px 35px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-secondary-stage .container-inner {
    padding: 30px 15px;
  }
}
.section-2022-student-secondary-stage .container-inner .inner-main {
  position: relative;
}
.section-2022-student-secondary-stage .container-inner .inner-title {
  color: #ffffff;
  text-align: center;
  line-height: 1.2em;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 40px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-secondary-stage .container-inner .inner-title {
    font-size: 50px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-secondary-stage .container-inner .inner-title {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-secondary-stage .container-inner .inner-title {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-secondary-stage .container-inner .inner-title {
    margin-bottom: 20px;
  }
}
.section-2022-student-secondary-stage .container-inner .stage-wrapper {
  width: 100%;
  max-width: 800px;
  padding: 20px 30px;
  color: #ffffff;
  margin: 0 auto 60px;
  position: relative;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-secondary-stage .container-inner .stage-wrapper {
    margin-bottom: 30px;
    padding: 10px 15px;
  }
}
.section-2022-student-secondary-stage .container-inner .stage-wrapper:last-child {
  margin-bottom: 0;
}
.section-2022-student-secondary-stage .container-inner .stage-wrapper .wrapper-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.9;
}
.section-2022-student-secondary-stage .container-inner .stage-wrapper .wrapper-bg.bg1 {
  background: #0E1934;
  background: linear-gradient(to bottom, #0E1934, #1D356F);
}
.section-2022-student-secondary-stage .container-inner .stage-wrapper .wrapper-bg.bg2 {
  background: #1D356F;
  background: linear-gradient(to bottom, #1D356F, #895379);
}
.section-2022-student-secondary-stage .container-inner .stage-wrapper .wrapper-container {
  position: relative;
}
.section-2022-student-secondary-stage .container-inner .stage-wrapper .wrapper-container .wrapper-title {
  color: #FF7328;
  font-weight: 500;
  line-height: 1.2em;
  border-bottom: 1px solid #ffffff;
  margin-bottom: 1.2em;
  padding: 0.2em 0;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-secondary-stage .container-inner .stage-wrapper .wrapper-container .wrapper-title {
    font-size: 24px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-secondary-stage .container-inner .stage-wrapper .wrapper-container .wrapper-title {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-secondary-stage .container-inner .stage-wrapper .wrapper-container .wrapper-title {
    font-size: 18px;
  }
}
.section-2022-student-secondary-stage .container-inner .stage-wrapper .wrapper-container .wrapper-title-sub {
  line-height: 1.2em;
  margin-bottom: 1em;
  margin-top: 0.2em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-secondary-stage .container-inner .stage-wrapper .wrapper-container .wrapper-title-sub {
    font-size: 24px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-secondary-stage .container-inner .stage-wrapper .wrapper-container .wrapper-title-sub {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-secondary-stage .container-inner .stage-wrapper .wrapper-container .wrapper-title-sub {
    font-size: 18px;
  }
}
.section-2022-student-secondary-stage .container-inner .stage-wrapper .wrapper-container .wrapper-detail {
  font-weight: 300;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-secondary-stage .container-inner .stage-wrapper .wrapper-container .wrapper-detail {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-secondary-stage .container-inner .stage-wrapper .wrapper-container .wrapper-detail {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-secondary-stage .container-inner .stage-wrapper .wrapper-container .wrapper-detail {
    font-size: 14px;
  }
}
.section-2022-student-secondary-stage .container-inner .stage-wrapper .wrapper-container .wrapper-detail ul, .section-2022-student-secondary-stage .container-inner .stage-wrapper .wrapper-container .wrapper-detail ol {
  padding-left: 20px;
  margin-bottom: 1.2em;
}
.section-2022-student-secondary-stage .container-inner .stage-wrapper .wrapper-container .wrapper-detail p {
  margin-bottom: 0.2em;
  font-weight: 600;
}
.section-2022-student-secondary-stage .container-inner .stage-wrapper .wrapper-container .wrapper-detail > ul > li > ul > li {
  list-style-type: "- ";
}

.section-2022-student-faq {
  margin-bottom: 40px;
  position: relative;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
.section-2022-student-faq .container-inner {
  position: relative;
  padding: 45px 35px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-faq .container-inner {
    padding: 30px 15px;
  }
}
.section-2022-student-faq .container-inner .inner-main {
  position: relative;
}
.section-2022-student-faq .container-inner .inner-title {
  color: #ffffff;
  text-align: center;
  line-height: 1.2em;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 40px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-faq .container-inner .inner-title {
    font-size: 50px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-faq .container-inner .inner-title {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-faq .container-inner .inner-title {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-faq .container-inner .inner-title {
    margin-bottom: 20px;
  }
}
.section-2022-student-faq .container-inner .faq-list {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}
.section-2022-student-faq .container-inner .faq-list.list-style2 {
  max-width: 975px;
}
.section-2022-student-faq .container-inner .faq-list .list-item .item-header,
.section-2022-student-faq .container-inner .faq-list .list-item .item-detail {
  padding: 0.8em 10px 0.8em 30px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-faq .container-inner .faq-list .list-item .item-header,
.section-2022-student-faq .container-inner .faq-list .list-item .item-detail {
    padding-left: 10px;
    padding-right: 15px;
  }
}
.section-2022-student-faq .container-inner .faq-list .list-item .item-header {
  position: relative;
  border-bottom: 1px solid #AD945C;
  color: #AD945C;
  cursor: pointer;
}
.section-2022-student-faq .container-inner .faq-list .list-item .item-header .item-title {
  font-weight: 500;
  padding-right: 40px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-faq .container-inner .faq-list .list-item .item-header .item-title {
    font-size: 24px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-faq .container-inner .faq-list .list-item .item-header .item-title {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-faq .container-inner .faq-list .list-item .item-header .item-title {
    font-size: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-faq .container-inner .faq-list .list-item .item-header .item-title {
    padding-right: 20px;
  }
}
.section-2022-student-faq .container-inner .faq-list .list-item .item-header .item-icon {
  position: absolute;
  float: right;
  width: 30px;
  height: 30px;
  top: 1em;
  right: 10px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-faq .container-inner .faq-list .list-item .item-header .item-icon {
    right: 5px;
    width: 20px;
    height: 20px;
  }
}
.section-2022-student-faq .container-inner .faq-list .list-item .item-header .item-icon:before, .section-2022-student-faq .container-inner .faq-list .list-item .item-header .item-icon:after {
  content: "";
  position: absolute;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
  top: 50%;
  left: 0;
  border-top: 1px solid #AD945C;
  width: 100%;
  height: 0;
}
.section-2022-student-faq .container-inner .faq-list .list-item .item-header .item-icon:before {
  top: 26%;
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  -o-transform: rotate(30deg);
}
.section-2022-student-faq .container-inner .faq-list .list-item .item-header .item-icon:after {
  top: 74%;
  -webkit-transform: rotate(-30deg);
  -moz-transform: rotate(-30deg);
  -ms-transform: rotate(-30deg);
  -o-transform: rotate(-30deg);
}
.section-2022-student-faq .container-inner .faq-list .list-item .item-detail {
  color: #ffffff;
  padding-bottom: 2em;
  display: none;
  font-weight: 100;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-faq .container-inner .faq-list .list-item .item-detail {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-faq .container-inner .faq-list .list-item .item-detail {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-faq .container-inner .faq-list .list-item .item-detail {
    font-size: 14px;
  }
}
.section-2022-student-faq .container-inner .faq-list .list-item .item-detail ul, .section-2022-student-faq .container-inner .faq-list .list-item .item-detail ol {
  padding-left: 20px;
}
.section-2022-student-faq .container-inner .faq-list .list-item .item-detail a {
  color: #AD945C;
}
.section-2022-student-faq .container-inner .faq-list .list-item .item-detail a:hover, .section-2022-student-faq .container-inner .faq-list .list-item .item-detail a:focus, .section-2022-student-faq .container-inner .faq-list .list-item .item-detail a:active {
  text-decoration: underline;
}
.section-2022-student-faq .container-inner .faq-list .list-item.active .item-header .item-icon:before, .section-2022-student-faq .container-inner .faq-list .list-item.active .item-header .item-icon:after {
  top: 50%;
}
.section-2022-student-faq .container-inner .faq-list .list-item.active .item-header .item-icon:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}
.section-2022-student-faq .container-inner .faq-list .list-item.active .item-header .item-icon:after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
}
.section-2022-student-faq .container-inner .waiting-main {
  border-width: 2px;
  border-style: solid;
  width: 100%;
  max-width: 800px;
  margin: 40px auto 0;
  padding: 10px 80px;
  text-align: center;
}
.section-2022-student-faq .container-inner .waiting-main.style1 {
  -o-border-image: linear-gradient(to right, #FF7328, #F02666) 1;
     border-image: linear-gradient(to right, #FF7328, #F02666) 1;
}
.section-2022-student-faq .container-inner .waiting-main.style1 .waiting-title {
  color: #FF7328;
}
.section-2022-student-faq .container-inner .waiting-main.style2 {
  -o-border-image: linear-gradient(to right, #82287F, #5FB0DB) 1;
     border-image: linear-gradient(to right, #82287F, #5FB0DB) 1;
}
.section-2022-student-faq .container-inner .waiting-main.style2 .waiting-title {
  color: #82287F;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-faq .container-inner .waiting-main {
    padding: 5px 15px;
  }
}
.section-2022-student-faq .container-inner .waiting-main .waiting-title {
  font-weight: 700;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-faq .container-inner .waiting-main .waiting-title {
    font-size: 36px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-faq .container-inner .waiting-main .waiting-title {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-faq .container-inner .waiting-main .waiting-title {
    font-size: 20px;
  }
}
.section-2022-student-faq .container-inner .waiting-main .waiting-detail {
  color: #ffffff;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-faq .container-inner .waiting-main .waiting-detail {
    font-size: 27px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-faq .container-inner .waiting-main .waiting-detail {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-faq .container-inner .waiting-main .waiting-detail {
    font-size: 18px;
  }
}
.section-2022-student-faq .container-inner .inner-apply {
  margin-top: 40px;
  text-align: center;
}
.section-2022-student-faq .container-inner .inner-apply .apply-btn .btn-theme {
  color: #ffffff;
  border-radius: 9px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 0.6em 0.5em;
  width: 195px;
  display: inline-block;
  text-align: center;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-faq .container-inner .inner-apply .apply-btn .btn-theme {
    font-size: 22px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-faq .container-inner .inner-apply .apply-btn .btn-theme {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-faq .container-inner .inner-apply .apply-btn .btn-theme {
    font-size: 18px;
  }
}
.section-2022-student-faq .container-inner .inner-apply .apply-btn .btn-theme:hover, .section-2022-student-faq .container-inner .inner-apply .apply-btn .btn-theme:focus, .section-2022-student-faq .container-inner .inner-apply .apply-btn .btn-theme:active {
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -o-transform: translateY(-5px);
}
.section-2022-student-faq .container-inner .inner-apply .apply-btn .btn-theme.style1 {
  background: #FF7328;
  background: linear-gradient(to right, #FF7328, #F02666);
}
.section-2022-student-faq .container-inner .inner-apply .apply-btn .btn-theme.style2 {
  background: #82287F;
  background: linear-gradient(to right, #82287F, #5FB0DB);
}
.section-2022-student-faq .container-inner .inner-apply .apply-detail {
  margin-top: 0.6em;
  color: #ffffff;
  text-transform: uppercase;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-faq .container-inner .inner-apply .apply-detail {
    font-size: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-faq .container-inner .inner-apply .apply-detail {
    font-size: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-faq .container-inner .inner-apply .apply-detail {
    font-size: 16px;
  }
}

.section-2022-student-about-us {
  position: relative;
  padding: 75px 0 30px;
  margin-bottom: 100px;
  margin-top: 100px;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-about-us {
    height: 640px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-about-us {
    padding-top: 50px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-about-us {
    height: 480px;
  }
}
.section-2022-student-about-us .section-bg {
  position: absolute;
  left: 0;
  top: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  -webkit-animation: none 300ms 0 ease;
  -moz-animation: none 300ms 0 ease;
  -ms-animation: none 300ms 0 ease;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -webkit-animation-direction: alternate;
  -moz-animation-direction: alternate;
  -ms-animation-direction: alternate;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-about-us .section-bg {
    height: 360px;
  }
}
.section-2022-student-about-us .section-bg.bg1 {
  background-image: url("../../uploads/images/2022/common/student/secondary/about_bg.png");
}
.section-2022-student-about-us .section-bg.bg2 {
  background-image: url("../../uploads/images/2022/common/student/tertiary/about_bg.png");
}
.section-2022-student-about-us .img-wrapper {
  position: relative;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-about-us .img-wrapper img {
    position: absolute;
    right: 30px;
    top: 0;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-about-us .img-wrapper img {
    max-width: 100%;
    margin-bottom: 15px;
  }
}
.section-2022-student-about-us .content-wrapper {
  color: #ffffff;
}
.section-2022-student-about-us .content-wrapper .content-title {
  font-weight: 700;
  margin-bottom: 15px;
  text-transform: uppercase;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-about-us .content-wrapper .content-title {
    font-size: 50px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-about-us .content-wrapper .content-title {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-about-us .content-wrapper .content-title {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-about-us .content-wrapper .content-title {
    margin-bottom: 10px;
  }
}
.section-2022-student-about-us .content-wrapper .content-detail {
  line-height: 1.2em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-about-us .content-wrapper .content-detail {
    font-size: 27px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-about-us .content-wrapper .content-detail {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-about-us .content-wrapper .content-detail {
    font-size: 20px;
  }
}

.section-2022-student-tertiary-info {
  margin-bottom: 40px;
  position: relative;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
.section-2022-student-tertiary-info .container-inner {
  position: relative;
  padding: 45px 35px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-tertiary-info .container-inner {
    padding: 30px 15px;
  }
}
.section-2022-student-tertiary-info .container-inner .inner-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #153871;
  background: linear-gradient(to bottom, #153871, #06193B);
  opacity: 0.95;
}
.section-2022-student-tertiary-info .container-inner .inner-bg .bg-img {
  width: 100%;
  height: 100%;
  background-position: top center;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url("../../uploads/images/2022/common/student/tertiary/info_bg.png");
}
.section-2022-student-tertiary-info .container-inner .inner-main {
  position: relative;
}
.section-2022-student-tertiary-info .container-inner .inner-title {
  color: #ffffff;
  text-align: center;
  line-height: 1.2em;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 1.5em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-tertiary-info .container-inner .inner-title {
    font-size: 44px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-tertiary-info .container-inner .inner-title {
    font-size: 28px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-tertiary-info .container-inner .inner-title {
    font-size: 22px;
  }
}
.section-2022-student-tertiary-info .container-inner .inner-title span {
  text-transform: initial;
}
.section-2022-student-tertiary-info .container-inner .inner-img {
  margin-bottom: 10px;
}
.section-2022-student-tertiary-info .container-inner .inner-img img {
  max-width: 100%;
}
.section-2022-student-tertiary-info .container-inner .inner-detail {
  color: #ffffff;
  line-height: 1.2em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-tertiary-info .container-inner .inner-detail {
    font-size: 28px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-tertiary-info .container-inner .inner-detail {
    font-size: 22px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-tertiary-info .container-inner .inner-detail {
    font-size: 18px;
  }
}
.section-2022-student-tertiary-info .container-inner .inner-detail span {
  color: #AB9160;
  font-weight: 700;
}
.section-2022-student-tertiary-info .container-inner .inner-detail.style1 {
  margin-top: 1em;
  text-align: center;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-tertiary-info .container-inner .inner-detail.style1 br {
    display: none;
  }
}
.section-2022-student-tertiary-info .container-inner .inner-detail.style2 {
  margin-top: 1em;
  text-align: center;
}
.section-2022-student-tertiary-info .container-inner .inner-detail.style2 ul {
  margin: 0;
  padding: 0;
}
.section-2022-student-tertiary-info .container-inner .inner-detail.style2 ul li {
  list-style: none;
  display: inline-block;
}
.section-2022-student-tertiary-info .container-inner .inner-detail.style2 ul li:after {
  content: " • ";
}
.section-2022-student-tertiary-info .container-inner .inner-detail.style2 ul li:last-child:after {
  display: none;
}
.section-2022-student-tertiary-info .container-inner .inner-info-img {
  text-align: center;
  margin-top: 45px;
}
.section-2022-student-tertiary-info .container-inner .inner-info-img img {
  max-width: 100%;
}

.section-2022-student-tertiary-program {
  margin-bottom: 80px;
  position: relative;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
.section-2022-student-tertiary-program .container-inner {
  position: relative;
  padding: 45px 35px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-tertiary-program .container-inner {
    padding: 30px 15px;
  }
}
.section-2022-student-tertiary-program .container-inner .inner-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #000000;
  background: linear-gradient(to bottom, #000000, #153871);
  opacity: 0.95;
}
.section-2022-student-tertiary-program .container-inner .inner-bg .bg-img {
  width: 100%;
  height: 100%;
  background-position: top center;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url("../../uploads/images/2022/common/student/tertiary/program_bg.png");
}
.section-2022-student-tertiary-program .container-inner .inner-main {
  position: relative;
}
.section-2022-student-tertiary-program .container-inner .inner-title {
  color: #ffffff;
  text-align: center;
  line-height: 1.2em;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 1.5em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-tertiary-program .container-inner .inner-title {
    font-size: 50px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-tertiary-program .container-inner .inner-title {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-tertiary-program .container-inner .inner-title {
    font-size: 24px;
  }
}
.section-2022-student-tertiary-program .container-inner .inner-title-sub {
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
  line-height: 1em;
  margin-bottom: 20px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-tertiary-program .container-inner .inner-title-sub {
    font-size: 40px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-tertiary-program .container-inner .inner-title-sub {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-tertiary-program .container-inner .inner-title-sub {
    font-size: 24px;
  }
}
.section-2022-student-tertiary-program .container-inner .benefits-list {
  margin-bottom: 40px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-tertiary-program .container-inner .benefits-list {
    margin-bottom: 20px;
  }
}
.section-2022-student-tertiary-program .container-inner .benefits-list .list-item {
  max-width: 311px;
  width: 100%;
  margin: 0 auto 30px;
  color: #ffffff;
  text-align: center;
}
.section-2022-student-tertiary-program .container-inner .benefits-list .list-item .item-img {
  margin: 0 auto 15px;
  width: 130px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-tertiary-program .container-inner .benefits-list .list-item .item-img {
    width: 80px;
  }
}
.section-2022-student-tertiary-program .container-inner .benefits-list .list-item .item-img img {
  width: 100%;
}
.section-2022-student-tertiary-program .container-inner .benefits-list .list-item .item-title {
  line-height: 1.2em;
  font-weight: 500;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-tertiary-program .container-inner .benefits-list .list-item .item-title {
    font-size: 30px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-tertiary-program .container-inner .benefits-list .list-item .item-title {
    font-size: 22px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-tertiary-program .container-inner .benefits-list .list-item .item-title {
    font-size: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-tertiary-program .container-inner .benefits-list .list-item .item-title br {
    display: none;
  }
}
.section-2022-student-tertiary-program .container-inner .benefits-list .list-item .item-hr {
  width: 100%;
  height: 3px;
  background: #82287F;
  background: linear-gradient(to right, #82287F, #5FB0DB);
  margin: 15px 0 30px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-tertiary-program .container-inner .benefits-list .list-item .item-hr {
    margin: 10px 0 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-tertiary-program .container-inner .benefits-list .list-item .item-hr {
    margin: 5px 0 10px;
  }
}
.section-2022-student-tertiary-program .container-inner .benefits-list .list-item .item-detail {
  text-align: center;
  line-height: 1.2em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-tertiary-program .container-inner .benefits-list .list-item .item-detail {
    font-size: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-tertiary-program .container-inner .benefits-list .list-item .item-detail {
    font-size: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-tertiary-program .container-inner .benefits-list .list-item .item-detail {
    font-size: 16px;
  }
}
.section-2022-student-tertiary-program .container-inner .benefits-wrapper .benefits-img {
  position: relative;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-tertiary-program .container-inner .benefits-wrapper .benefits-img {
    width: 536px;
    float: right;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-tertiary-program .container-inner .benefits-wrapper .benefits-img {
    width: 100%;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-tertiary-program .container-inner .benefits-wrapper .benefits-img {
    width: 100%;
    max-width: 536px;
    margin: 0 auto 15px;
  }
}
.section-2022-student-tertiary-program .container-inner .benefits-wrapper .benefits-img .img-bg {
  width: 100%;
  height: 100%;
  top: 10px;
  left: -10px;
  position: absolute;
  background: #82287F;
  background: linear-gradient(to right, #82287F, #5FB0DB);
}
.section-2022-student-tertiary-program .container-inner .benefits-wrapper .benefits-img img {
  width: 100%;
  -webkit-transform: translate(10px, -10px);
  -moz-transform: translate(10px, -10px);
  -ms-transform: translate(10px, -10px);
  -o-transform: translate(10px, -10px);
}
.section-2022-student-tertiary-program .container-inner .benefits-wrapper .benefits-img-main {
  text-align: center;
}
.section-2022-student-tertiary-program .container-inner .benefits-wrapper .benefits-img-main img {
  width: 100%;
  max-width: 250px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-tertiary-program .container-inner .benefits-wrapper .benefits-img-main img {
    max-width: 200px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-tertiary-program .container-inner .benefits-wrapper .benefits-img-main {
    margin-bottom: 15px;
  }
  .section-2022-student-tertiary-program .container-inner .benefits-wrapper .benefits-img-main img {
    max-width: 120px;
  }
}
.section-2022-student-tertiary-program .container-inner .benefits-wrapper .benefits-title {
  color: #ffffff;
  line-height: 1.2em;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 0.8em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-tertiary-program .container-inner .benefits-wrapper .benefits-title {
    font-size: 48px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-tertiary-program .container-inner .benefits-wrapper .benefits-title {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-tertiary-program .container-inner .benefits-wrapper .benefits-title {
    font-size: 24px;
  }
}
.section-2022-student-tertiary-program .container-inner .benefits-wrapper .benefits-detail {
  color: #ffffff;
  line-height: 1.2em;
  font-weight: 700;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-tertiary-program .container-inner .benefits-wrapper .benefits-detail {
    font-size: 22px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-tertiary-program .container-inner .benefits-wrapper .benefits-detail {
    font-size: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-tertiary-program .container-inner .benefits-wrapper .benefits-detail {
    font-size: 16px;
  }
}
.section-2022-student-tertiary-program .container-inner .benefits-wrapper .benefits-detail ul {
  padding-left: 20px;
}
.section-2022-student-tertiary-program .container-inner .benefits-wrapper .benefits-detail ul li {
  margin-bottom: 0.8em;
}
.section-2022-student-tertiary-program .container-inner .benefits-wrapper .benefits-detail ul li span {
  color: #AD945C;
}
.section-2022-student-tertiary-program .container-inner .benefits-wrapper .benefits-detail ul li a {
  color: #ffffff;
  text-decoration: underline;
}
.section-2022-student-tertiary-program .container-inner .benefits-wrapper .benefits-detail ul li a:hover, .section-2022-student-tertiary-program .container-inner .benefits-wrapper .benefits-detail ul li a:focus, .section-2022-student-tertiary-program .container-inner .benefits-wrapper .benefits-detail ul li a:active {
  text-decoration: none;
}
.section-2022-student-tertiary-program .container-inner .benefits-wrapper .benefits-detail small {
  font-size: 70%;
}
.section-2022-student-tertiary-program .container-inner .prize-title {
  text-align: center;
}
.section-2022-student-tertiary-program .container-inner .prize-title .title-wrapper {
  position: relative;
  display: inline-block;
}
.section-2022-student-tertiary-program .container-inner .prize-title .title-wrapper .title-bg {
  background-image: url("../../uploads/images/2021/common/student/secondary/prize_title_bg.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.section-2022-student-tertiary-program .container-inner .prize-title .title-wrapper .title-main {
  color: #ffffff;
  text-align: center;
  line-height: 1em;
  font-weight: 700;
  text-transform: uppercase;
  padding: 1.6em 2.4em 0;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-tertiary-program .container-inner .prize-title .title-wrapper .title-main {
    font-size: 50px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-tertiary-program .container-inner .prize-title .title-wrapper .title-main {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-tertiary-program .container-inner .prize-title .title-wrapper .title-main {
    font-size: 24px;
  }
}
.section-2022-student-tertiary-program .container-inner .prize-title .title-wrapper .title-main span {
  color: #AD945C;
}
.section-2022-student-tertiary-program .container-inner .prize-list {
  margin-top: 30px;
  color: #ffffff;
}
.section-2022-student-tertiary-program .container-inner .prize-list .list-item {
  text-align: center;
}
.section-2022-student-tertiary-program .container-inner .prize-list .list-item .item-title,
.section-2022-student-tertiary-program .container-inner .prize-list .list-item .item-detail {
  line-height: 1.2em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-tertiary-program .container-inner .prize-list .list-item .item-title,
.section-2022-student-tertiary-program .container-inner .prize-list .list-item .item-detail {
    font-size: 22px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-tertiary-program .container-inner .prize-list .list-item .item-title,
.section-2022-student-tertiary-program .container-inner .prize-list .list-item .item-detail {
    font-size: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-tertiary-program .container-inner .prize-list .list-item .item-title,
.section-2022-student-tertiary-program .container-inner .prize-list .list-item .item-detail {
    font-size: 16px;
  }
}
.section-2022-student-tertiary-program .container-inner .prize-list .list-item .item-title {
  font-weight: 700;
}
.section-2022-student-tertiary-program .container-inner .prize-list .list-item .item-hr {
  width: 100%;
  max-width: 311px;
  height: 3px;
  margin: 30px auto;
  background: #FF7328;
  background: linear-gradient(to bottom, #FF7328, #F02666);
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-tertiary-program .container-inner .prize-list .list-item .item-hr {
    margin: 15px auto;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-tertiary-program .container-inner .prize-list .list-item .item-hr {
    margin: 10px auto;
  }
}

.section-2022-student-tertiary-journey {
  margin-bottom: 95px;
  position: relative;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
.section-2022-student-tertiary-journey .container-inner {
  position: relative;
  padding: 80px 35px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-tertiary-journey .container-inner {
    padding: 30px 15px;
  }
}
.section-2022-student-tertiary-journey .container-inner .inner-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #000033;
  background: linear-gradient(to bottom, #000033 0%, #584574 40%, #1D356F 70%, #041A38 100%);
  opacity: 0.9;
}
.section-2022-student-tertiary-journey .container-inner .inner-bg .bg-img1,
.section-2022-student-tertiary-journey .container-inner .inner-bg .bg-img2 {
  width: 100%;
  height: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.section-2022-student-tertiary-journey .container-inner .inner-bg .bg-img1 {
  background-position: top center;
  background-image: url("../../uploads/images/2022/common/student/tertiary/journey_bg1.png");
}
.section-2022-student-tertiary-journey .container-inner .inner-bg .bg-img2 {
  position: absolute;
  left: 0;
  bottom: 0;
  background-position: bottom center;
  background-image: url("../../uploads/images/2022/common/student/tertiary/journey_bg2.png");
}
.section-2022-student-tertiary-journey .container-inner .inner-main {
  position: relative;
}
.section-2022-student-tertiary-journey .container-inner .inner-title {
  color: #ffffff;
  text-align: center;
  line-height: 1.2em;
  font-weight: 700;
  text-transform: uppercase;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-tertiary-journey .container-inner .inner-title {
    font-size: 50px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-tertiary-journey .container-inner .inner-title {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-tertiary-journey .container-inner .inner-title {
    font-size: 24px;
  }
}
.section-2022-student-tertiary-journey .container-inner .inner-title span {
  text-transform: initial;
}
.section-2022-student-tertiary-journey .container-inner .inner-img {
  width: 100%;
  max-width: 976px;
  margin: 0 auto 15px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-tertiary-journey .container-inner .inner-img {
    margin-bottom: 50px;
  }
}
.section-2022-student-tertiary-journey .container-inner .inner-img img {
  width: 100%;
}
.section-2022-student-tertiary-journey .container-inner .journey-timeline {
  margin: 20px 0 75px;
  text-align: center;
}
.section-2022-student-tertiary-journey .container-inner .journey-timeline img {
  width: 845px;
  max-width: 100%;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-tertiary-journey .container-inner .journey-timeline {
    overflow: auto;
  }
  .section-2022-student-tertiary-journey .container-inner .journey-timeline img {
    max-width: 844px;
  }
}
.section-2022-student-tertiary-journey .container-inner .journey-title {
  color: #5FB0DB;
  text-align: center;
  line-height: 1.2em;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 15px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-tertiary-journey .container-inner .journey-title {
    font-size: 48px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-tertiary-journey .container-inner .journey-title {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-tertiary-journey .container-inner .journey-title {
    font-size: 24px;
  }
}
.section-2022-student-tertiary-journey .container-inner .journey-title img {
  width: 130px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-tertiary-journey .container-inner .journey-title img {
    width: 100px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-tertiary-journey .container-inner .journey-title img {
    width: 80px;
  }
}
.section-2022-student-tertiary-journey .container-inner .journey-list {
  width: 100%;
  max-width: 600px;
  margin: 0 auto 90px;
  color: #ffffff;
}
.section-2022-student-tertiary-journey .container-inner .journey-list li {
  line-height: 1.2em;
  margin-bottom: 1em;
  position: relative;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-tertiary-journey .container-inner .journey-list li {
    font-size: 22px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-tertiary-journey .container-inner .journey-list li {
    font-size: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-tertiary-journey .container-inner .journey-list li {
    font-size: 16px;
  }
}
.section-2022-student-tertiary-journey .container-inner .journey-list li span {
  color: #AD945C;
  font-weight: 700;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-tertiary-journey .container-inner .journey-list li.last-child {
    padding-right: 210px;
  }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-tertiary-journey .container-inner .journey-list li .journey-btn {
    position: absolute;
    top: 0;
    right: 0;
  }
}
.section-2022-student-tertiary-journey .container-inner .journey-list li .journey-btn .btn-apply {
  color: #ffffff;
  border-radius: 9px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 0.6em 0.5em;
  width: 195px;
  display: inline-block;
  text-align: center;
  text-transform: uppercase;
  background: #82287F;
  background: linear-gradient(to right, #82287F, #5FB0DB);
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-tertiary-journey .container-inner .journey-list li .journey-btn .btn-apply {
    font-size: 22px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-tertiary-journey .container-inner .journey-list li .journey-btn .btn-apply {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-tertiary-journey .container-inner .journey-list li .journey-btn .btn-apply {
    font-size: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-tertiary-journey .container-inner .journey-list li .journey-btn .btn-apply {
    margin-top: 10px;
  }
}
.section-2022-student-tertiary-journey .container-inner .journey-list li .journey-btn .btn-apply:hover, .section-2022-student-tertiary-journey .container-inner .journey-list li .journey-btn .btn-apply:focus, .section-2022-student-tertiary-journey .container-inner .journey-list li .journey-btn .btn-apply:active {
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.section-2022-student-tertiary-journey .container-inner .inner-list {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  color: #ffffff;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-tertiary-journey .container-inner .inner-list .list-item {
    margin-bottom: 30px;
  }
}
.section-2022-student-tertiary-journey .container-inner .inner-list .list-item .item-img {
  text-align: center;
}
.section-2022-student-tertiary-journey .container-inner .inner-list .list-item .item-img img {
  width: 130px;
}
.section-2022-student-tertiary-journey .container-inner .inner-list .list-item .item-img-title {
  text-align: center;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-tertiary-journey .container-inner .inner-list .list-item .item-img-title {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-tertiary-journey .container-inner .inner-list .list-item .item-img-title {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-tertiary-journey .container-inner .inner-list .list-item .item-img-title {
    font-size: 14px;
  }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-tertiary-journey .container-inner .inner-list .list-item .item-detail {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-tertiary-journey .container-inner .inner-list .list-item .item-detail {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-tertiary-journey .container-inner .inner-list .list-item .item-detail {
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-tertiary-journey .container-inner .inner-list .list-item .item-detail {
    margin-top: 20px;
  }
}
.section-2022-student-tertiary-journey .container-inner .inner-list .list-item .item-detail span {
  color: #5FB0DB;
}
.section-2022-student-tertiary-journey .container-inner .inner-list .list-item .item-detail ul {
  padding-left: 20px;
}
.section-2022-student-tertiary-journey .container-inner .inner-list .list-item .item-detail ul li {
  margin-bottom: 0.2em;
}
.section-2022-student-tertiary-journey .container-inner .apply-wrapper {
  padding: 20px;
  position: relative;
  border-left: 2px solid #82287F;
  border-right: 2px solid #5FB0DB;
  width: 100%;
  max-width: 800px;
  margin: 20px auto;
  color: #ffffff;
}
.section-2022-student-tertiary-journey .container-inner .apply-wrapper:before, .section-2022-student-tertiary-journey .container-inner .apply-wrapper:after {
  content: "";
  width: 100%;
  height: 2px;
  background: #82287F;
  background: linear-gradient(to right, #82287F, #5FB0DB);
  position: absolute;
  left: 0;
}
.section-2022-student-tertiary-journey .container-inner .apply-wrapper:before {
  top: 0;
}
.section-2022-student-tertiary-journey .container-inner .apply-wrapper:after {
  bottom: 0;
}
.section-2022-student-tertiary-journey .container-inner .apply-wrapper .wrapper-item {
  position: relative;
}
.section-2022-student-tertiary-journey .container-inner .apply-wrapper .wrapper-item .item-img {
  text-align: center;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-tertiary-journey .container-inner .apply-wrapper .wrapper-item .item-img {
    width: 160px;
    position: absolute;
    left: 0;
    top: 0;
  }
}
.section-2022-student-tertiary-journey .container-inner .apply-wrapper .wrapper-item .item-img .img-bg img {
  width: 100px;
}
.section-2022-student-tertiary-journey .container-inner .apply-wrapper .wrapper-item .item-img .item-title {
  margin-top: 0.4em;
  font-weight: 500;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-tertiary-journey .container-inner .apply-wrapper .wrapper-item .item-img .item-title {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-tertiary-journey .container-inner .apply-wrapper .wrapper-item .item-img .item-title {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-tertiary-journey .container-inner .apply-wrapper .wrapper-item .item-img .item-title {
    font-size: 14px;
  }
}
.section-2022-student-tertiary-journey .container-inner .apply-wrapper .wrapper-item .item-detail {
  position: relative;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-tertiary-journey .container-inner .apply-wrapper .wrapper-item .item-detail {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-tertiary-journey .container-inner .apply-wrapper .wrapper-item .item-detail {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-tertiary-journey .container-inner .apply-wrapper .wrapper-item .item-detail {
    font-size: 14px;
  }
}
.section-2022-student-tertiary-journey .container-inner .apply-wrapper .wrapper-item .item-detail:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: #82287F;
  background: linear-gradient(to right, #82287F, #5FB0DB);
}
.section-2022-student-tertiary-journey .container-inner .apply-wrapper .wrapper-item .item-detail span {
  color: #5FB0DB;
}
.section-2022-student-tertiary-journey .container-inner .apply-wrapper .wrapper-item .item-detail ul {
  padding-left: 20px;
}
.section-2022-student-tertiary-journey .container-inner .apply-wrapper .wrapper-item .item-detail ul li {
  margin-bottom: 0.2em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-tertiary-journey .container-inner .apply-wrapper .wrapper-item .item-detail {
    margin-left: 180px;
    padding-left: 25px;
    min-height: 120px;
  }
  .section-2022-student-tertiary-journey .container-inner .apply-wrapper .wrapper-item .item-detail:before {
    width: 2px;
    height: 100%;
    margin-left: -1px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-tertiary-journey .container-inner .apply-wrapper .wrapper-item .item-detail {
    margin-top: 15px;
    padding-top: 15px;
  }
  .section-2022-student-tertiary-journey .container-inner .apply-wrapper .wrapper-item .item-detail:before {
    width: 100%;
    height: 2px;
    margin-top: -1px;
  }
}
.section-2022-student-tertiary-journey .container-inner .apply-wrapper-style2 {
  padding: 20px;
  position: relative;
  border-left: 2px solid #82287F;
  border-right: 2px solid #5FB0DB;
  width: 100%;
  max-width: 800px;
  margin: 20px auto;
  color: #ffffff;
  background: #82287F;
  background: linear-gradient(to right, #82287F, #5FB0DB);
}
.section-2022-student-tertiary-journey .container-inner .apply-wrapper-style2 .wrapper-item {
  position: relative;
}
.section-2022-student-tertiary-journey .container-inner .apply-wrapper-style2 .wrapper-item .item-img {
  text-align: center;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-tertiary-journey .container-inner .apply-wrapper-style2 .wrapper-item .item-img {
    width: 160px;
    position: absolute;
    left: 0;
    top: 0;
  }
}
.section-2022-student-tertiary-journey .container-inner .apply-wrapper-style2 .wrapper-item .item-img .img-bg img {
  width: 130px;
}
.section-2022-student-tertiary-journey .container-inner .apply-wrapper-style2 .wrapper-item .item-img .item-title {
  font-weight: 500;
  text-transform: uppercase;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-tertiary-journey .container-inner .apply-wrapper-style2 .wrapper-item .item-img .item-title {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-tertiary-journey .container-inner .apply-wrapper-style2 .wrapper-item .item-img .item-title {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-tertiary-journey .container-inner .apply-wrapper-style2 .wrapper-item .item-img .item-title {
    font-size: 14px;
  }
}
.section-2022-student-tertiary-journey .container-inner .apply-wrapper-style2 .wrapper-item .item-detail {
  position: relative;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-tertiary-journey .container-inner .apply-wrapper-style2 .wrapper-item .item-detail {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-tertiary-journey .container-inner .apply-wrapper-style2 .wrapper-item .item-detail {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-tertiary-journey .container-inner .apply-wrapper-style2 .wrapper-item .item-detail {
    font-size: 14px;
  }
}
.section-2022-student-tertiary-journey .container-inner .apply-wrapper-style2 .wrapper-item .item-detail:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-color: #ffffff;
}
.section-2022-student-tertiary-journey .container-inner .apply-wrapper-style2 .wrapper-item .item-detail span {
  display: inline-block;
  color: #5FB0DB;
  padding: 0 0.2em;
  background-color: #ffffff;
}
.section-2022-student-tertiary-journey .container-inner .apply-wrapper-style2 .wrapper-item .item-detail ul {
  padding-left: 20px;
}
.section-2022-student-tertiary-journey .container-inner .apply-wrapper-style2 .wrapper-item .item-detail ul li {
  margin-bottom: 0.2em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-tertiary-journey .container-inner .apply-wrapper-style2 .wrapper-item .item-detail {
    margin-left: 180px;
    padding-left: 25px;
    min-height: 152px;
  }
  .section-2022-student-tertiary-journey .container-inner .apply-wrapper-style2 .wrapper-item .item-detail:before {
    width: 2px;
    height: 100%;
    margin-left: -1px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-tertiary-journey .container-inner .apply-wrapper-style2 .wrapper-item .item-detail {
    margin-top: 15px;
    padding-top: 15px;
  }
  .section-2022-student-tertiary-journey .container-inner .apply-wrapper-style2 .wrapper-item .item-detail:before {
    width: 100%;
    height: 2px;
    margin-top: -1px;
  }
}
.section-2022-student-tertiary-journey .container-inner .focus-title,
.section-2022-student-tertiary-journey .container-inner .focus-title-sub {
  text-align: center;
  color: #ffffff;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-tertiary-journey .container-inner .focus-title,
.section-2022-student-tertiary-journey .container-inner .focus-title-sub {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-tertiary-journey .container-inner .focus-title,
.section-2022-student-tertiary-journey .container-inner .focus-title-sub {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-tertiary-journey .container-inner .focus-title,
.section-2022-student-tertiary-journey .container-inner .focus-title-sub {
    font-size: 14px;
  }
}
.section-2022-student-tertiary-journey .container-inner .focus-title {
  font-weight: 500;
}
.section-2022-student-tertiary-journey .container-inner .focus-title-sub {
  font-weight: 100;
}
.section-2022-student-tertiary-journey .container-inner .focus-list {
  width: 100%;
  margin: 20px auto 40px;
  text-align: center;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-tertiary-journey .container-inner .focus-list {
    max-width: 680px;
  }
}
.section-2022-student-tertiary-journey .container-inner .focus-list .list-item {
  text-align: center;
  color: #ffffff;
  margin-bottom: 45px;
  width: 180px;
  display: inline-block;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-tertiary-journey .container-inner .focus-list .list-item {
    width: 130px;
  }
}
.section-2022-student-tertiary-journey .container-inner .focus-list .list-item .item-icon img {
  width: 110px;
}
.section-2022-student-tertiary-journey .container-inner .focus-list .list-item .item-title {
  margin-top: 15px;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  font-weight: 500;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-tertiary-journey .container-inner .focus-list .list-item .item-title {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-tertiary-journey .container-inner .focus-list .list-item .item-title {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-tertiary-journey .container-inner .focus-list .list-item .item-title {
    font-size: 14px;
  }
}
.section-2022-student-tertiary-journey .container-inner .more-title {
  text-align: center;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  font-weight: 500;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-tertiary-journey .container-inner .more-title {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-tertiary-journey .container-inner .more-title {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-tertiary-journey .container-inner .more-title {
    font-size: 14px;
  }
}
.section-2022-student-tertiary-journey .container-inner .more-title .btn-more {
  color: #ffffff;
  display: inline-block;
}
.section-2022-student-tertiary-journey .container-inner .more-title .btn-more img {
  width: 15px;
}
.section-2022-student-tertiary-journey .container-inner .more-title .btn-more.active img {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.section-2022-student-tertiary-journey .container-inner .more-wrapper {
  display: none;
  width: 100%;
  max-width: 800px;
  margin: 20px auto 0;
  background-color: rgba(0, 0, 0, 0.3);
  padding: 15px 50px;
  color: #ffffff;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-tertiary-journey .container-inner .more-wrapper {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-tertiary-journey .container-inner .more-wrapper {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-tertiary-journey .container-inner .more-wrapper {
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-tertiary-journey .container-inner .more-wrapper {
    padding: 10px 15px;
  }
}
.section-2022-student-tertiary-journey .container-inner .more-wrapper .wrapper-title {
  font-weight: 600;
  margin-bottom: 0.3em;
}
.section-2022-student-tertiary-journey .container-inner .more-wrapper .wrapper-detail {
  font-weight: 500;
  margin-bottom: 0.8em;
}
.section-2022-student-tertiary-journey .container-inner .more-wrapper .wrapper-detail ul, .section-2022-student-tertiary-journey .container-inner .more-wrapper .wrapper-detail ol {
  padding-left: 20px;
}
.section-2022-student-tertiary-journey .container-inner .more-wrapper .wrapper-detail li {
  margin-bottom: 0.2em;
}

.section-2022-student-tertiary-challenges {
  margin-bottom: 40px;
  position: relative;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
.section-2022-student-tertiary-challenges .container-inner {
  position: relative;
  padding: 45px 35px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-tertiary-challenges .container-inner {
    padding: 30px 15px;
  }
}
.section-2022-student-tertiary-challenges .container-inner .inner-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #1D356F;
  background: linear-gradient(to bottom, #1D356F 0%, #895379 100%);
  opacity: 0.9;
}
.section-2022-student-tertiary-challenges .container-inner .inner-main {
  position: relative;
}
.section-2022-student-tertiary-challenges .container-inner .inner-title {
  color: #ffffff;
  text-align: center;
  line-height: 1.2em;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 40px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-tertiary-challenges .container-inner .inner-title {
    font-size: 50px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-tertiary-challenges .container-inner .inner-title {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-tertiary-challenges .container-inner .inner-title {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-tertiary-challenges .container-inner .inner-title {
    margin-bottom: 20px;
  }
}
.section-2022-student-tertiary-challenges .container-inner .challenges-wrapper {
  width: 100%;
  max-width: 735px;
  color: #ffffff;
  margin: 0 auto 60px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-tertiary-challenges .container-inner .challenges-wrapper {
    margin-bottom: 30px;
  }
}
.section-2022-student-tertiary-challenges .container-inner .challenges-wrapper:last-child {
  margin-bottom: 0;
}
.section-2022-student-tertiary-challenges .container-inner .challenges-wrapper .wrapper-title {
  color: #5FB0DB;
  font-weight: 500;
  line-height: 1.2em;
  border-bottom: 1px solid #ffffff;
  margin-bottom: 0.6em;
  padding: 0.2em 0;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-tertiary-challenges .container-inner .challenges-wrapper .wrapper-title {
    font-size: 24px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-tertiary-challenges .container-inner .challenges-wrapper .wrapper-title {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-tertiary-challenges .container-inner .challenges-wrapper .wrapper-title {
    font-size: 18px;
  }
}
.section-2022-student-tertiary-challenges .container-inner .challenges-wrapper .wrapper-title-sub {
  line-height: 1.2em;
  margin-bottom: 1em;
  margin-top: 0.2em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-tertiary-challenges .container-inner .challenges-wrapper .wrapper-title-sub {
    font-size: 24px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-tertiary-challenges .container-inner .challenges-wrapper .wrapper-title-sub {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-tertiary-challenges .container-inner .challenges-wrapper .wrapper-title-sub {
    font-size: 18px;
  }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-tertiary-challenges .container-inner .challenges-wrapper .wrapper-detail {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-tertiary-challenges .container-inner .challenges-wrapper .wrapper-detail {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-tertiary-challenges .container-inner .challenges-wrapper .wrapper-detail {
    font-size: 14px;
  }
}
.section-2022-student-tertiary-challenges .container-inner .challenges-wrapper .wrapper-detail ul, .section-2022-student-tertiary-challenges .container-inner .challenges-wrapper .wrapper-detail ol {
  padding-left: 20px;
  font-weight: 300;
}
.section-2022-student-tertiary-challenges .container-inner .challenges-wrapper .wrapper-detail p {
  margin-bottom: 0.2em;
  font-weight: 600;
}
.section-2022-student-tertiary-challenges .container-inner .challenges-wrapper .wrapper-detail > ul > li > ul > li {
  list-style-type: "- ";
}

.section-2022-student-finalists-info,
.section-2022-top200-info {
  margin-bottom: 60px;
  position: relative;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
.section-2022-student-finalists-info .info-wrapper,
.section-2022-top200-info .info-wrapper {
  margin: 0 auto;
  text-align: center;
}
.section-2022-student-finalists-info .info-wrapper .info-title,
.section-2022-top200-info .info-wrapper .info-title {
  color: #AD945C;
  font-weight: 700;
  margin-bottom: 1em;
  text-transform: uppercase;
  line-height: 1.2em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-finalists-info .info-wrapper .info-title,
.section-2022-top200-info .info-wrapper .info-title {
    font-size: 64px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-finalists-info .info-wrapper .info-title,
.section-2022-top200-info .info-wrapper .info-title {
    font-size: 36px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-finalists-info .info-wrapper .info-title,
.section-2022-top200-info .info-wrapper .info-title {
    font-size: 24px;
  }
}
.section-2022-student-finalists-info .info-wrapper .info-title.style1,
.section-2022-top200-info .info-wrapper .info-title.style1 {
  color: #000000;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-finalists-info .info-wrapper .info-title.style1,
.section-2022-top200-info .info-wrapper .info-title.style1 {
    color: #AD945C;
  }
}
.section-2022-student-finalists-info .info-wrapper .info-title-sub,
.section-2022-top200-info .info-wrapper .info-title-sub {
  color: #ffffff;
  margin: 20px 0 30px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-finalists-info .info-wrapper .info-title-sub,
.section-2022-top200-info .info-wrapper .info-title-sub {
    font-size: 30px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-finalists-info .info-wrapper .info-title-sub,
.section-2022-top200-info .info-wrapper .info-title-sub {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-finalists-info .info-wrapper .info-title-sub,
.section-2022-top200-info .info-wrapper .info-title-sub {
    font-size: 20px;
  }
}
.section-2022-student-finalists-info .info-wrapper .info-title-sub .sub-item,
.section-2022-top200-info .info-wrapper .info-title-sub .sub-item {
  display: none;
}
.section-2022-student-finalists-info .info-wrapper .info-detail,
.section-2022-top200-info .info-wrapper .info-detail {
  color: #ffffff;
  margin: 20px 0 30px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-finalists-info .info-wrapper .info-detail,
.section-2022-top200-info .info-wrapper .info-detail {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-finalists-info .info-wrapper .info-detail,
.section-2022-top200-info .info-wrapper .info-detail {
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-finalists-info .info-wrapper .info-detail,
.section-2022-top200-info .info-wrapper .info-detail {
    font-size: 12px;
  }
}
.section-2022-student-finalists-info .info-wrapper .info-menu-wrapper,
.section-2022-top200-info .info-wrapper .info-menu-wrapper {
  text-align: center;
}
.section-2022-student-finalists-info .info-wrapper .info-menu-wrapper .info-menu,
.section-2022-top200-info .info-wrapper .info-menu-wrapper .info-menu {
  display: inline-block;
  background-color: #5A5A5A;
  border-radius: 30px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
@media (max-width: 575px) {
  .section-2022-student-finalists-info .info-wrapper .info-menu-wrapper .info-menu,
.section-2022-top200-info .info-wrapper .info-menu-wrapper .info-menu {
    display: block;
  }
}
.section-2022-student-finalists-info .info-wrapper .info-menu-wrapper .info-menu .menu-item,
.section-2022-top200-info .info-wrapper .info-menu-wrapper .info-menu .menu-item {
  display: inline-block;
  color: #ffffff;
  padding: 0.4em 1.6em;
  border-radius: 30px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-finalists-info .info-wrapper .info-menu-wrapper .info-menu .menu-item,
.section-2022-top200-info .info-wrapper .info-menu-wrapper .info-menu .menu-item {
    font-size: 27px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-finalists-info .info-wrapper .info-menu-wrapper .info-menu .menu-item,
.section-2022-top200-info .info-wrapper .info-menu-wrapper .info-menu .menu-item {
    font-size: 21px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-finalists-info .info-wrapper .info-menu-wrapper .info-menu .menu-item,
.section-2022-top200-info .info-wrapper .info-menu-wrapper .info-menu .menu-item {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .section-2022-student-finalists-info .info-wrapper .info-menu-wrapper .info-menu .menu-item,
.section-2022-top200-info .info-wrapper .info-menu-wrapper .info-menu .menu-item {
    display: block;
  }
}
.section-2022-student-finalists-info .info-wrapper .info-menu-wrapper .info-menu .menu-item:hover, .section-2022-student-finalists-info .info-wrapper .info-menu-wrapper .info-menu .menu-item:focus, .section-2022-student-finalists-info .info-wrapper .info-menu-wrapper .info-menu .menu-item:active,
.section-2022-top200-info .info-wrapper .info-menu-wrapper .info-menu .menu-item:hover,
.section-2022-top200-info .info-wrapper .info-menu-wrapper .info-menu .menu-item:focus,
.section-2022-top200-info .info-wrapper .info-menu-wrapper .info-menu .menu-item:active {
  color: #FF7328;
}
.section-2022-student-finalists-info .info-wrapper .info-menu-wrapper .info-menu .menu-item.active,
.section-2022-top200-info .info-wrapper .info-menu-wrapper .info-menu .menu-item.active {
  color: #ffffff;
  font-weight: 700;
  background: #FF7328;
  background: linear-gradient(to right, #FF7328, #F02666);
}
.section-2022-student-finalists-info .info-wrapper .info-menu-wrapper .info-menu.style2 .menu-item:hover, .section-2022-student-finalists-info .info-wrapper .info-menu-wrapper .info-menu.style2 .menu-item:focus, .section-2022-student-finalists-info .info-wrapper .info-menu-wrapper .info-menu.style2 .menu-item:active,
.section-2022-top200-info .info-wrapper .info-menu-wrapper .info-menu.style2 .menu-item:hover,
.section-2022-top200-info .info-wrapper .info-menu-wrapper .info-menu.style2 .menu-item:focus,
.section-2022-top200-info .info-wrapper .info-menu-wrapper .info-menu.style2 .menu-item:active {
  color: #82287F;
}
.section-2022-student-finalists-info .info-wrapper .info-menu-wrapper .info-menu.style2 .menu-item.active,
.section-2022-top200-info .info-wrapper .info-menu-wrapper .info-menu.style2 .menu-item.active {
  color: #ffffff;
  background: #82287F;
  background: linear-gradient(to right, #82287F, #5FB0DB);
}

.section-2022-student-finalists-list,
.section-2022-top200-list {
  margin-bottom: 40px;
  position: relative;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
.section-2022-student-finalists-list .container-inner,
.section-2022-top200-list .container-inner {
  position: relative;
  padding: 45px 35px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-finalists-list .container-inner,
.section-2022-top200-list .container-inner {
    padding: 30px 15px;
  }
}
.section-2022-student-finalists-list .container-inner .inner-bg,
.section-2022-top200-list .container-inner .inner-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #153871;
  background: linear-gradient(to bottom, #153871, #06193B);
  opacity: 0.95;
}
.section-2022-student-finalists-list .container-inner .inner-bg .bg-img,
.section-2022-top200-list .container-inner .inner-bg .bg-img {
  background-size: 100%;
  background-position: top center;
  background-repeat: no-repeat;
  background-image: url("../../uploads/images/2022/common/student/secondary/finalists_bg.png");
}
.section-2022-student-finalists-list .container-inner .inner-main,
.section-2022-top200-list .container-inner .inner-main {
  position: relative;
  color: #ffffff;
}
.section-2022-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item,
.section-2022-top200-list .container-inner .inner-main .top-wrapper .wrapper-item {
  display: none;
}
.section-2022-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .top-title,
.section-2022-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .top-title {
  color: #ffffff;
  text-align: center;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 1.6em;
  overflow: hidden;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .top-title,
.section-2022-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .top-title {
    font-size: 44px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .top-title,
.section-2022-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .top-title {
    font-size: 28px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .top-title,
.section-2022-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .top-title {
    font-size: 20px;
  }
}
.section-2022-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .top-title .title-wrapper,
.section-2022-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .top-title .title-wrapper {
  display: inline-block;
  position: relative;
  padding: 0 0.4em;
}
.section-2022-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .top-title .title-wrapper:before, .section-2022-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .top-title .title-wrapper:after,
.section-2022-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .top-title .title-wrapper:before,
.section-2022-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .top-title .title-wrapper:after {
  content: "";
  width: 170px;
  border-top: 1px solid #ffffff;
  position: absolute;
  top: 50%;
}
.section-2022-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .top-title .title-wrapper:before,
.section-2022-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .top-title .title-wrapper:before {
  right: 100%;
}
.section-2022-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .top-title .title-wrapper:after,
.section-2022-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .top-title .title-wrapper:after {
  left: 100%;
}
.section-2022-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .top-title small,
.section-2022-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .top-title small {
  display: inline-block;
}
.section-2022-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list:after,
.section-2022-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list:after {
  content: "";
  clear: both;
  display: block;
}
.section-2022-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item,
.section-2022-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item {
  display: inline-block;
  width: calc(25% - 4px);
  margin-bottom: 80px;
  padding: 0 15px;
  color: #ffffff;
  vertical-align: top;
  /*
  @media (min-width: 992px) and (max-width: 1199px){
  	width: calc(33% - 4px);
  }
  @media (min-width: 768px) and (max-width: 991px){
  	width: calc(33% - 4px);
  }
  */
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item,
.section-2022-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item {
    width: calc(33% - 4px);
    margin-bottom: 50px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item,
.section-2022-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item {
    width: calc(50% - 4px);
    padding: 0 5px;
    margin-bottom: 20px;
  }
}
.section-2022-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item .item-img,
.section-2022-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item .item-img {
  width: 139px;
  height: 139px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #ffffff;
  margin: 0 auto 10px;
  overflow: hidden;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
}
@media (max-width: 575px) {
  .section-2022-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item .item-img,
.section-2022-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item .item-img {
    width: 120px;
    height: 120px;
  }
}
.section-2022-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item .item-img .img-bg,
.section-2022-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item .item-img .img-bg {
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0.95);
  -moz-transform: scale(0.95);
  -ms-transform: scale(0.95);
  -o-transform: scale(0.95);
}
.section-2022-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item .item-img .img-title,
.section-2022-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item .item-img .img-title {
  text-align: center;
  color: #000000;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
  -webkit-transform: scale(0.95);
  -moz-transform: scale(0.95);
  -ms-transform: scale(0.95);
  -o-transform: scale(0.95);
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item .item-img .img-title,
.section-2022-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item .item-img .img-title {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item .item-img .img-title,
.section-2022-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item .item-img .img-title {
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item .item-img .img-title,
.section-2022-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item .item-img .img-title {
    font-size: 12px;
  }
}
.section-2022-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item .item-title,
.section-2022-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item .item-title {
  width: 100%;
  margin: 0 auto;
  line-height: 1.2em;
  text-align: center;
  min-height: 60px;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item .item-title,
.section-2022-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item .item-title {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item .item-title,
.section-2022-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item .item-title {
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item .item-title,
.section-2022-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item .item-title {
    font-size: 10px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item .item-title,
.section-2022-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item .item-title {
    min-height: 50px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item .item-title,
.section-2022-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item .item-title {
    min-height: 40px;
  }
}
.section-2022-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item:hover .item-img, .section-2022-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item:focus .item-img, .section-2022-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item:active .item-img,
.section-2022-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item:hover .item-img,
.section-2022-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item:focus .item-img,
.section-2022-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item:active .item-img {
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.section-2022-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item:hover .item-img .img-bg, .section-2022-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item:focus .item-img .img-bg, .section-2022-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item:active .item-img .img-bg,
.section-2022-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item:hover .item-img .img-bg,
.section-2022-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item:focus .item-img .img-bg,
.section-2022-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item:active .item-img .img-bg {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
.section-2022-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item:hover .item-img .img-title, .section-2022-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item:focus .item-img .img-title, .section-2022-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item:active .item-img .img-title,
.section-2022-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item:hover .item-img .img-title,
.section-2022-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item:focus .item-img .img-title,
.section-2022-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item:active .item-img .img-title {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
.section-2022-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item:hover .item-title, .section-2022-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item:focus .item-title, .section-2022-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item:active .item-title,
.section-2022-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item:hover .item-title,
.section-2022-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item:focus .item-title,
.section-2022-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item:active .item-title {
  color: #FF7328;
}
.section-2022-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .winner-list .winner-item,
.section-2022-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .winner-list .winner-item {
  width: 100%;
  max-width: 440px;
  margin: 0 auto 60px;
  text-align: center;
}
.section-2022-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .winner-list .winner-item:last-child,
.section-2022-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .winner-list .winner-item:last-child {
  margin-bottom: 0;
}
.section-2022-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .winner-list .winner-item .winner-item-img,
.section-2022-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .winner-list .winner-item .winner-item-img {
  width: 139px;
  height: 139px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #ffffff;
  margin: 24px auto 0px;
  overflow: hidden;
}
.section-2022-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .winner-list .winner-item .winner-item-img .img-bg,
.section-2022-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .winner-list .winner-item .winner-item-img .img-bg {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0.95);
  -moz-transform: scale(0.95);
  -ms-transform: scale(0.95);
  -o-transform: scale(0.95);
}
.section-2022-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .winner-list .winner-item .winner-item-title,
.section-2022-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .winner-list .winner-item .winner-item-title {
  border-bottom: 3px solid #AD945C;
  color: #AD945C;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .winner-list .winner-item .winner-item-title,
.section-2022-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .winner-list .winner-item .winner-item-title {
    font-size: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .winner-list .winner-item .winner-item-title,
.section-2022-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .winner-list .winner-item .winner-item-title {
    font-size: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .winner-list .winner-item .winner-item-title,
.section-2022-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .winner-list .winner-item .winner-item-title {
    font-size: 16px;
  }
}
.section-2022-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .winner-list .winner-item .winner-item-detail,
.section-2022-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .winner-list .winner-item .winner-item-detail {
  padding: 1.5em 0;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .winner-list .winner-item .winner-item-detail,
.section-2022-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .winner-list .winner-item .winner-item-detail {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .winner-list .winner-item .winner-item-detail,
.section-2022-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .winner-list .winner-item .winner-item-detail {
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-student-finalists-list .container-inner .inner-main .top-wrapper .wrapper-item .winner-list .winner-item .winner-item-detail,
.section-2022-top200-list .container-inner .inner-main .top-wrapper .wrapper-item .winner-list .winner-item .winner-item-detail {
    font-size: 12px;
  }
}

@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-top100 {
    padding-top: 50px;
  }
}
.section-2022-top100 .section-title {
  text-transform: uppercase;
  font-family: "TTHovesProRegular", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei";
  color: #ffffff;
  letter-spacing: 0.12em;
  text-align: center;
  margin: 1em 0 0.5em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-top100 .section-title {
    font-size: 60px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-top100 .section-title {
    font-size: 48px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-top100 .section-title {
    font-size: 30px;
  }
}
.section-2022-top100 .top-menu {
  width: 100%;
  max-width: 800px;
  margin: 0 auto 3.2em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-top100 .top-menu {
    font-size: 24px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-top100 .top-menu {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-top100 .top-menu {
    font-size: 18px;
  }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-top100 .top-menu {
    display: flex;
  }
  .section-2022-top100 .top-menu .menu-item {
    width: 33.3333333333%;
  }
}
.section-2022-top100 .top-menu .menu-item {
  text-align: center;
  font-weight: 700;
  position: relative;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  color: #ffffff;
  padding: 0.4em 1.2em;
  display: block;
}
.section-2022-top100 .top-menu .menu-item:after {
  position: absolute;
  top: 0;
  left: 100%;
  content: "";
  z-index: 1;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-top100 .top-menu .menu-item:after {
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 1.125em 0 1.125em 0.833em;
    border-left-color: #ffffff;
    border-top-color: fade(#ffffff, 0);
    border-bottom-color: fade(#ffffff, 0);
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-top100 .top-menu .menu-item:after {
    display: none;
  }
}
.section-2022-top100 .top-menu .menu-item:last-of-type:after {
  display: none;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-top100 .top-menu .menu-item.item1 {
    background: #099EBD;
    background: linear-gradient(to right, #099EBD, #0B1939);
  }
  .section-2022-top100 .top-menu .menu-item.item1:after {
    border-left-color: #0B1939;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-top100 .top-menu .menu-item.item1 {
    background: #099EBD;
    background: linear-gradient(to bottom, #099EBD, #0B1939);
  }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-top100 .top-menu .menu-item.item2 {
    background: #FF5A0B;
    background: linear-gradient(to right, #FF5A0B, #FF0E0C);
  }
  .section-2022-top100 .top-menu .menu-item.item2:after {
    border-left-color: #FF0E0C;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-top100 .top-menu .menu-item.item2 {
    background: #FF5A0B;
    background: linear-gradient(to bottom, #FF5A0B, #FF0E0C);
  }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-top100 .top-menu .menu-item.item3 {
    background: #A88852;
    background: linear-gradient(to right, #A88852, #42210B);
  }
  .section-2022-top100 .top-menu .menu-item.item3:after {
    border-left-color: #42210B;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-top100 .top-menu .menu-item.item3 {
    background: #A88852;
    background: linear-gradient(to bottom, #A88852, #42210B);
  }
}
.section-2022-top100 .top-menu .menu-item.disable {
  filter: brightness(0.1);
}
.section-2022-top100 .top-menu .menu-item:not(.disable):hover, .section-2022-top100 .top-menu .menu-item:not(.disable):focus, .section-2022-top100 .top-menu .menu-item:not(.disable):active {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  -webkit-transform: translateY(-4px);
  -moz-transform: translateY(-4px);
  -ms-transform: translateY(-4px);
  -o-transform: translateY(-4px);
}
.section-2022-top100 .top-menu .menu-item:not(.disable):hover, .section-2022-top100 .top-menu .menu-item:not(.disable):focus, .section-2022-top100 .top-menu .menu-item:not(.disable):active {
  z-index: 1;
}
.section-2022-top100 .top-menu .menu-item:not(.disable):hover:after, .section-2022-top100 .top-menu .menu-item:not(.disable):focus:after, .section-2022-top100 .top-menu .menu-item:not(.disable):active:after {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
}
.section-2022-top100 .top-wrapper {
  margin-bottom: 80px;
  /*
  &.style1{
  	@include section-2022-top100-wrapper-color($PacificBlue);
  }
  */
}
.section-2022-top100 .top-wrapper .wrapper-item .top-title {
  color: #AD945C;
  text-align: center;
  font-weight: 500;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-top100 .top-wrapper .wrapper-item .top-title {
    font-size: 36px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-top100 .top-wrapper .wrapper-item .top-title {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-top100 .top-wrapper .wrapper-item .top-title {
    font-size: 18px;
  }
}
.section-2022-top100 .top-wrapper .wrapper-item .top-title small {
  display: inline-block;
}
.section-2022-top100 .top-wrapper .wrapper-item .top-list {
  margin-top: 30px;
}
.section-2022-top100 .top-wrapper .wrapper-item .top-list:after {
  content: "";
  clear: both;
  display: block;
}
.section-2022-top100 .top-wrapper .wrapper-item .top-list .list-item {
  display: inline-block;
  width: calc(20% - 4px);
  margin-bottom: 25px;
  padding: 0 15px;
  color: #ffffff;
  vertical-align: top;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-2022-top100 .top-wrapper .wrapper-item .top-list .list-item {
    width: calc(25% - 4px);
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-2022-top100 .top-wrapper .wrapper-item .top-list .list-item {
    width: calc(33% - 4px);
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-top100 .top-wrapper .wrapper-item .top-list .list-item {
    margin-bottom: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-top100 .top-wrapper .wrapper-item .top-list .list-item {
    width: calc(50% - 4px);
    padding: 0 5px;
    margin-bottom: 10px;
  }
}
.section-2022-top100 .top-wrapper .wrapper-item .top-list .list-item .item-img {
  width: 139px;
  height: 139px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #ffffff;
  margin: 0 auto 10px;
  overflow: hidden;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
}
@media (max-width: 575px) {
  .section-2022-top100 .top-wrapper .wrapper-item .top-list .list-item .item-img {
    width: 120px;
    height: 120px;
  }
}
.section-2022-top100 .top-wrapper .wrapper-item .top-list .list-item .item-img .img-bg {
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0.95);
  -moz-transform: scale(0.95);
  -ms-transform: scale(0.95);
  -o-transform: scale(0.95);
}
.section-2022-top100 .top-wrapper .wrapper-item .top-list .list-item .item-title {
  width: 100%;
  max-width: 200px;
  margin: 0 auto;
  line-height: 1.2em;
  text-align: center;
  min-height: 60px;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-top100 .top-wrapper .wrapper-item .top-list .list-item .item-title {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-top100 .top-wrapper .wrapper-item .top-list .list-item .item-title {
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-top100 .top-wrapper .wrapper-item .top-list .list-item .item-title {
    font-size: 12px;
  }
}
.section-2022-top100 .top-wrapper .wrapper-item .top-list .list-item .item-title small {
  display: block;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-top100 .top-wrapper .wrapper-item .top-list .list-item .item-title small {
    font-size: 12px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-top100 .top-wrapper .wrapper-item .top-list .list-item .item-title small {
    font-size: 11px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-top100 .top-wrapper .wrapper-item .top-list .list-item .item-title small {
    font-size: 10px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-top100 .top-wrapper .wrapper-item .top-list .list-item .item-title {
    min-height: 50px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-top100 .top-wrapper .wrapper-item .top-list .list-item .item-title {
    min-height: 40px;
  }
}
.section-2022-top100 .top-wrapper .wrapper-item .top-list .list-item:hover .item-img, .section-2022-top100 .top-wrapper .wrapper-item .top-list .list-item:focus .item-img, .section-2022-top100 .top-wrapper .wrapper-item .top-list .list-item:active .item-img {
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.section-2022-top100 .top-wrapper .wrapper-item .top-list .list-item:hover .item-img .img-bg, .section-2022-top100 .top-wrapper .wrapper-item .top-list .list-item:focus .item-img .img-bg, .section-2022-top100 .top-wrapper .wrapper-item .top-list .list-item:active .item-img .img-bg {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
.section-2022-top100 .top-wrapper .wrapper-item .top-list .list-item:hover .item-title, .section-2022-top100 .top-wrapper .wrapper-item .top-list .list-item:focus .item-title, .section-2022-top100 .top-wrapper .wrapper-item .top-list .list-item:active .item-title {
  color: #FF7328;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-top100 .top-wrapper {
    margin-bottom: 50px;
  }
}
.section-2022-top100 .top-wrapper .wrapper-title {
  font-family: "TTHovesProBold", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei";
  letter-spacing: 0.12em;
  text-transform: uppercase;
  border-bottom: 1px solid transparent;
  margin-bottom: 1.25em;
  position: relative;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-top100 .top-wrapper .wrapper-title {
    font-size: 30px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-top100 .top-wrapper .wrapper-title {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-top100 .top-wrapper .wrapper-title {
    font-size: 18px;
  }
}
.section-2022-top100 .top-wrapper .wrapper-title span {
  width: 20px;
  height: 15px;
  display: block;
  position: absolute;
  right: 0;
  top: 12px;
  rotate: -90deg;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-top100 .top-wrapper .wrapper-title span {
    height: 10px;
    right: -5px;
  }
}
.section-2022-top100 .top-wrapper .active .wrapper-title span {
  rotate: 90deg;
}
.section-2022-top100 .top-wrapper .wrapper-list {
  display: grid;
  grid-gap: 25px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-top100 .top-wrapper .wrapper-list {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-top100 .top-wrapper .wrapper-list {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-top100 .top-wrapper .wrapper-list {
    grid-template-columns: 1fr 1fr;
    grid-gap: 7px 10px;
  }
}
.section-2022-top100 .top-wrapper .wrapper-list .list-item {
  color: #ffffff;
  font-weight: 700;
  padding: 0.2em;
  height: 60px;
  line-height: 1.2em;
  letter-spacing: 0.12em;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-top100 .top-wrapper .wrapper-list .list-item {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-top100 .top-wrapper .wrapper-list .list-item {
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-top100 .top-wrapper .wrapper-list .list-item {
    font-size: 12px;
  }
}
.section-2022-top100 .top-wrapper.style1 .wrapper-title {
  color: #ad945c;
  border-bottom-color: #ad945c;
}
.section-2022-top100 .top-wrapper.style1 .wrapper-list .list-item {
  border-color: #ad945c;
  color: #ad945c;
}
.section-2022-top100 .top-wrapper.style2 .wrapper-title {
  color: #fb7435;
  border-bottom-color: #fb7435;
}
.section-2022-top100 .top-wrapper.style2 .wrapper-list .list-item {
  border-color: #fb7435;
  color: #fb7435;
}
.section-2022-top100 .top-wrapper.style3 .wrapper-title {
  color: #e13866;
  border-bottom-color: #e13866;
}
.section-2022-top100 .top-wrapper.style3 .wrapper-list .list-item {
  border-color: #e13866;
  color: #e13866;
}
.section-2022-top100 .top-wrapper.style4 .wrapper-title {
  color: #7b54ff;
  border-bottom-color: #7b54ff;
}
.section-2022-top100 .top-wrapper.style4 .wrapper-list .list-item {
  border-color: #7b54ff;
  color: #7b54ff;
}
.section-2022-top100 .top-wrapper.style5 .wrapper-title {
  color: #0072ff;
  border-bottom-color: #0072ff;
}
.section-2022-top100 .top-wrapper.style5 .wrapper-list .list-item {
  border-color: #0072ff;
  color: #0072ff;
}
.section-2022-top100 .top-wrapper.style6 .wrapper-title {
  color: #48dce1;
  border-bottom-color: #48dce1;
}
.section-2022-top100 .top-wrapper.style6 .wrapper-list .list-item {
  border-color: #48dce1;
  color: #48dce1;
}
.section-2022-top100 .top-wrapper.style7 .wrapper-title {
  color: #80b93f;
  border-bottom-color: #80b93f;
}
.section-2022-top100 .top-wrapper.style7 .wrapper-list .list-item {
  border-color: #80b93f;
  color: #80b93f;
}
.section-2022-top100 .top-wrapper.style8 .wrapper-title {
  color: #ffde75;
  border-bottom-color: #ffde75;
}
.section-2022-top100 .top-wrapper.style8 .wrapper-list .list-item {
  border-color: #ffde75;
  color: #ffde75;
}
.section-2022-top100 .top-wrapper.style9 .wrapper-title {
  color: #ffffff;
  border-bottom-color: #ffffff;
}
.section-2022-top100 .top-wrapper.style9 .wrapper-list .list-item {
  border-color: #ffffff;
  color: #ffffff;
}
.section-2022-top100 .top-wrapper.style0 .wrapper-title {
  color: #f0e3c8;
  border-bottom-color: #f0e3c8;
}
.section-2022-top100 .top-wrapper.style0 .list-item {
  border-color: #f0e3c8;
  color: #f0e3c8;
}
.section-2022-top100 .top-wrapper.style1 .wrapper-title span {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ad945c'%2F%3E%3C%2Fsvg%3E");
}
.section-2022-top100 .top-wrapper.style2 .wrapper-title span {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23fb7435'%2F%3E%3C%2Fsvg%3E");
}
.section-2022-top100 .top-wrapper.style3 .wrapper-title span {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23e13866'%2F%3E%3C%2Fsvg%3E");
}
.section-2022-top100 .top-wrapper.style4 .wrapper-title span {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%237b54ff'%2F%3E%3C%2Fsvg%3E");
}
.section-2022-top100 .top-wrapper.style5 .wrapper-title span {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%230072ff'%2F%3E%3C%2Fsvg%3E");
}
.section-2022-top100 .top-wrapper.style6 .wrapper-title span {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%2348dce1'%2F%3E%3C%2Fsvg%3E");
}
.section-2022-top100 .top-wrapper.style7 .wrapper-title span {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%2380b93f'%2F%3E%3C%2Fsvg%3E");
}
.section-2022-top100 .top-wrapper.style8 .wrapper-title span {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffde75'%2F%3E%3C%2Fsvg%3E");
}
.section-2022-top100 .top-wrapper.style9 .wrapper-title span {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%ffffff75'%2F%3E%3C%2Fsvg%3E");
}

.section-2022-judges .info-title {
  color: #ffffff;
  margin: 40px 0 20px;
  text-transform: uppercase;
  line-height: 1.2em;
  font-family: "TTHovesProBold", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei";
  letter-spacing: 0.12em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-judges .info-title {
    font-size: 30px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-judges .info-title {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-judges .info-title {
    font-size: 16px;
  }
}
.section-2022-judges .key-judges-list {
  margin-bottom: 30px;
  display: grid;
  grid-gap: 10px 10px;
}
.section-2022-judges .key-judges-list .list-item:nth-of-type(4n+1) .item-bg, .section-2022-judges .key-judges-list .list-item:nth-of-type(4n+4) .item-bg {
  background: #09A9C8;
  background: linear-gradient(to right, #09A9C8 0%, #0B1939 96%);
}
.section-2022-judges .key-judges-list .list-item:nth-of-type(4n+2) .item-bg {
  background: #FF5A0B;
  background: linear-gradient(to right, #FF5A0B 0%, #FF0E0C 96%);
}
.section-2022-judges .key-judges-list .list-item:nth-of-type(4n+3) .item-bg {
  background: #A88852;
  background: linear-gradient(to right, #A88852 0%, #42210B 96%);
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px) {
  .section-2022-judges .key-judges-list {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-judges .key-judges-list {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-judges .key-judges-list {
    grid-gap: 5px 5px;
  }
}
.section-2022-judges .key-judges-list .list-item {
  text-align: left;
  padding: 10px;
  color: #ffffff;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
  position: relative;
  overflow: hidden;
}
.section-2022-judges .key-judges-list .list-item:hover, .section-2022-judges .key-judges-list .list-item:focus, .section-2022-judges .key-judges-list .list-item:active {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  -webkit-transform: translateY(-4px);
  -moz-transform: translateY(-4px);
  -ms-transform: translateY(-4px);
  -o-transform: translateY(-4px);
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px) {
  .section-2022-judges .key-judges-list .list-item {
    display: flex;
  }
  .section-2022-judges .key-judges-list .list-item .item-img {
    width: 180px;
    height: 180px;
  }
  .section-2022-judges .key-judges-list .list-item .item-content {
    width: calc(100% - 180px);
    padding-left: 20px;
    order: 2;
  }
}
.section-2022-judges .key-judges-list .list-item .item-bg {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
}
.section-2022-judges .key-judges-list .list-item .item-img,
.section-2022-judges .key-judges-list .list-item .item-content {
  position: relative;
}
.section-2022-judges .key-judges-list .list-item .item-img {
  overflow: hidden;
}
@media (max-width: 575px) {
  .section-2022-judges .key-judges-list .list-item .item-img {
    width: 200px;
    height: 200px;
    margin-bottom: 10px;
  }
}
.section-2022-judges .key-judges-list .list-item .item-img .img-bg {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
}
.section-2022-judges .key-judges-list .list-item .item-content .item-name {
  line-height: 1.2em;
  font-weight: 700;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-judges .key-judges-list .list-item .item-content .item-name {
    font-size: 23px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-judges .key-judges-list .list-item .item-content .item-name {
    font-size: 19px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-judges .key-judges-list .list-item .item-content .item-name {
    font-size: 17px;
  }
}
.section-2022-judges .key-judges-list .list-item .item-content .item-hr {
  border-top: 1px solid #ffffff;
  margin: 0.5em 0;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-judges .key-judges-list .list-item .item-content .item-hr {
    font-size: 18px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-judges .key-judges-list .list-item .item-content .item-hr {
    font-size: 16px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-judges .key-judges-list .list-item .item-content .item-hr {
    font-size: 14px;
  }
}
.section-2022-judges .key-judges-list .list-item .item-content .item-detail {
  line-height: 1.2em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-judges .key-judges-list .list-item .item-content .item-detail {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-judges .key-judges-list .list-item .item-content .item-detail {
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-judges .key-judges-list .list-item .item-content .item-detail {
    font-size: 12px;
  }
}
.section-2022-judges .key-judges-list .list-item:hover .item-bg, .section-2022-judges .key-judges-list .list-item:focus .item-bg, .section-2022-judges .key-judges-list .list-item:active .item-bg {
  width: 150%;
}
.section-2022-judges .key-judges-list .list-item:hover .item-img .img-bg, .section-2022-judges .key-judges-list .list-item:focus .item-img .img-bg, .section-2022-judges .key-judges-list .list-item:active .item-img .img-bg {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
.section-2022-judges .judges-list {
  display: grid;
  grid-gap: 10px 10px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-judges .judges-list {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .section-2022-judges .judges-list .list-item:nth-of-type(9n+1) .item-bg, .section-2022-judges .judges-list .list-item:nth-of-type(9n+2) .item-bg, .section-2022-judges .judges-list .list-item:nth-of-type(9n+3) .item-bg {
    background: #09A9C8;
    background: linear-gradient(to right, #09A9C8 0%, #0B1939 96%);
  }
  .section-2022-judges .judges-list .list-item:nth-of-type(9n+4) .item-bg, .section-2022-judges .judges-list .list-item:nth-of-type(9n+5) .item-bg, .section-2022-judges .judges-list .list-item:nth-of-type(9n+6) .item-bg {
    background: #FF5A0B;
    background: linear-gradient(to right, #FF5A0B 0%, #FF0E0C 96%);
  }
  .section-2022-judges .judges-list .list-item:nth-of-type(9n+7) .item-bg, .section-2022-judges .judges-list .list-item:nth-of-type(9n+8) .item-bg, .section-2022-judges .judges-list .list-item:nth-of-type(9n+9) .item-bg {
    background: #A88852;
    background: linear-gradient(to right, #A88852 0%, #42210B 96%);
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-judges .judges-list {
    grid-template-columns: 1fr 1fr;
  }
  .section-2022-judges .judges-list .list-item:nth-of-type(6n+1) .item-bg, .section-2022-judges .judges-list .list-item:nth-of-type(6n+2) .item-bg {
    background: #09A9C8;
    background: linear-gradient(to right, #09A9C8 0%, #0B1939 96%);
  }
  .section-2022-judges .judges-list .list-item:nth-of-type(6n+3) .item-bg, .section-2022-judges .judges-list .list-item:nth-of-type(6n+4) .item-bg {
    background: #FF5A0B;
    background: linear-gradient(to right, #FF5A0B 0%, #FF0E0C 96%);
  }
  .section-2022-judges .judges-list .list-item:nth-of-type(6n+5) .item-bg, .section-2022-judges .judges-list .list-item:nth-of-type(6n+6) .item-bg {
    background: #A88852;
    background: linear-gradient(to right, #A88852 0%, #42210B 96%);
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-judges .judges-list {
    grid-gap: 5px 5px;
  }
}
.section-2022-judges .judges-list .list-item {
  padding: 10px;
  color: #ffffff;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
  position: relative;
  overflow: hidden;
}
.section-2022-judges .judges-list .list-item:hover, .section-2022-judges .judges-list .list-item:focus, .section-2022-judges .judges-list .list-item:active {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  -webkit-transform: translateY(-4px);
  -moz-transform: translateY(-4px);
  -ms-transform: translateY(-4px);
  -o-transform: translateY(-4px);
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-judges .judges-list .list-item {
    display: flex;
  }
  .section-2022-judges .judges-list .list-item .item-img {
    width: 180px;
    height: 180px;
    order: 2;
  }
  .section-2022-judges .judges-list .list-item .item-content {
    width: calc(100% - 180px);
    padding-right: 20px;
  }
}
.section-2022-judges .judges-list .list-item .item-bg {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
}
.section-2022-judges .judges-list .list-item .item-img,
.section-2022-judges .judges-list .list-item .item-content {
  position: relative;
}
.section-2022-judges .judges-list .list-item .item-img {
  overflow: hidden;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-judges .judges-list .list-item .item-img {
    width: 120px;
    height: 120px;
    margin-bottom: 10px;
  }
}
.section-2022-judges .judges-list .list-item .item-img .img-bg {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
}
.section-2022-judges .judges-list .list-item .item-content .item-name {
  line-height: 1.2em;
  font-weight: 700;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-judges .judges-list .list-item .item-content .item-name {
    font-size: 23px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-judges .judges-list .list-item .item-content .item-name {
    font-size: 19px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-judges .judges-list .list-item .item-content .item-name {
    font-size: 17px;
  }
}
.section-2022-judges .judges-list .list-item .item-content .item-hr {
  border-top: 1px solid #ffffff;
  margin: 0.5em 0;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-judges .judges-list .list-item .item-content .item-hr {
    font-size: 18px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-judges .judges-list .list-item .item-content .item-hr {
    font-size: 16px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-judges .judges-list .list-item .item-content .item-hr {
    font-size: 14px;
  }
}
.section-2022-judges .judges-list .list-item .item-content .item-detail {
  line-height: 1.2em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2022-judges .judges-list .list-item .item-content .item-detail {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2022-judges .judges-list .list-item .item-content .item-detail {
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2022-judges .judges-list .list-item .item-content .item-detail {
    font-size: 12px;
  }
}
.section-2022-judges .judges-list .list-item:hover .item-bg, .section-2022-judges .judges-list .list-item:focus .item-bg, .section-2022-judges .judges-list .list-item:active .item-bg {
  width: 150%;
}
.section-2022-judges .judges-list .list-item:hover .item-img .img-bg, .section-2022-judges .judges-list .list-item:focus .item-img .img-bg, .section-2022-judges .judges-list .list-item:active .item-img .img-bg {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}

.section-callout-form .form-title {
  color: #035296;
}
.section-callout-form .terms-box {
  background-color: #e8e6e6;
}
.section-callout-form .terms-box a {
  color: #337ab7;
}
.section-callout-form .checkbox input[type=checkbox] {
  margin-left: 0;
}
.section-callout-form .radio input[type=radio] {
  margin-left: 0;
}
.section-callout-form .year-month-date-box div {
  display: inline-block;
}
.section-callout-form .year-month-date-box span {
  display: inline-block;
  padding-left: 10px;
}
.section-callout-form .year-month-date-box .month-box {
  width: 80%;
}

.section-callout-form-student {
  padding-top: 150px;
}
@media (max-width: 767px) {
  .section-callout-form-student {
    padding-top: 100px;
  }
}
.section-callout-form-student .form-main-title {
  text-align: center;
  font-weight: 900;
  text-transform: uppercase;
}
@media (max-width: 575px) {
  .section-callout-form-student .form-main-title {
    font-size: 26px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-callout-form-student .form-main-title {
    font-size: 28px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-callout-form-student .form-main-title {
    font-size: 30px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-callout-form-student .form-main-title {
    font-size: 33px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-callout-form-student .form-main-title {
    font-size: 30px;
  }
}
@media (min-width: 1550px) {
  .section-callout-form-student .form-main-title {
    font-size: 36px;
  }
}
.section-callout-form-student .form-title-sub {
  color: #666666;
}
.section-callout-form-student .terms-box {
  background-color: #ECECEC;
}
.section-callout-form-student #verticals-sectors-box {
  padding: 10px 15px 5px;
  background-color: #ECECEC;
}
.section-callout-form-student #verticals-sectors-box .verticals-sectors-list label {
  font-weight: normal;
}
.section-callout-form-student .radio-inline {
  margin-top: 0;
  margin-left: 0;
}
.section-callout-form-student .radio-inline input {
  margin-left: 0;
}
.section-callout-form-student .radio-inline label {
  padding-left: 20px;
}
.section-callout-form-student .checkbox input {
  margin-left: 0;
}
.section-callout-form-student .checkbox label {
  padding-left: 30px;
  margin-bottom: 10px;
}
.section-callout-form-student .project-start-date-year-box div, .section-callout-form-student .incorporation-date-year-box div, .section-callout-form-student .latest-round-date-box div {
  display: inline-block;
}
.section-callout-form-student .project-start-date-year-box span, .section-callout-form-student .incorporation-date-year-box span, .section-callout-form-student .latest-round-date-box span {
  display: inline-block;
  padding-left: 10px;
}
.section-callout-form-student .project-start-date-year-box .month-box, .section-callout-form-student .incorporation-date-year-box .month-box, .section-callout-form-student .latest-round-date-box .month-box {
  width: 80%;
}
.section-callout-form-student .submit-bar {
  padding: 0 0 30px;
}

.section-registration .terms-box {
  background-color: #e8e6e6;
}
.section-registration .terms-box a {
  color: #337ab7;
}

.section-2021-banner-top20 {
  position: relative;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  margin-bottom: 60px;
}
.section-2021-banner-top20 .banner-bar {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  max-width: 1355px;
  height: 460px;
}
.section-2021-banner-top20 .banner-img-wrapper {
  text-align: right;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-banner-top20 .banner-img-wrapper {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-banner-top20 .banner-img-wrapper {
    margin-right: 15px;
  }
}
.section-2021-banner-top20 .banner-img-wrapper .banner-img {
  display: inline-block;
  position: relative;
  margin-left: 16px;
  margin-bottom: 16px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-banner-top20 .banner-img-wrapper .banner-img {
    width: 100%;
  }
}
.section-2021-banner-top20 .banner-img-wrapper .banner-img .img-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: -16px;
  top: 16px;
}
.section-2021-banner-top20 .banner-img-wrapper .banner-img .img-main {
  position: relative;
  width: 1090px;
  height: 470px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-banner-top20 .banner-img-wrapper .banner-img .img-main {
    width: 100%;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-banner-top20 .banner-img-wrapper .banner-img .img-main {
    height: 240px;
  }
}
.section-2021-banner-top20 .banner-content {
  position: relative;
  text-align: center;
  width: 100%;
  max-width: 660px;
  margin: 20px auto 30px;
  color: #ffffff;
}
.section-2021-banner-top20 .banner-content .banner-title {
  font-weight: 700;
  text-transform: uppercase;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-banner-top20 .banner-content .banner-title {
    font-size: 49px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-banner-top20 .banner-content .banner-title {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-banner-top20 .banner-content .banner-title {
    font-size: 20px;
  }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-banner-top20 .banner-content .banner-detail {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-banner-top20 .banner-content .banner-detail {
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-banner-top20 .banner-content .banner-detail {
    font-size: 12px;
  }
}
.section-2021-banner-top20.style1 .banner-bar {
  background-color: #AD945C;
}
.section-2021-banner-top20.style1 .banner-img-wrapper .banner-img .img-bg {
  background: #FF7328;
  background: linear-gradient(to right, #FF7328, #5FB0DB);
}
.section-2021-banner-top20.style2 .banner-bar {
  background: #FF7328;
  background: linear-gradient(to right, #FF7328, #F02666);
}
.section-2021-banner-top20.style2 .banner-img-wrapper .banner-img .img-bg {
  background-color: #AD945C;
}

.section-2021-top20-list {
  margin-bottom: 40px;
  position: relative;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
.section-2021-top20-list .container-inner {
  position: relative;
  padding: 45px 35px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-top20-list .container-inner {
    padding: 30px 15px;
  }
}
.section-2021-top20-list .container-inner .inner-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #000000;
  opacity: 0.5;
}
.section-2021-top20-list .container-inner .inner-main {
  position: relative;
}
.section-2021-top20-list .container-inner .inner-main .top-wrapper .wrapper-item .top-title {
  color: #AD945C;
  text-align: center;
  font-weight: 500;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-top20-list .container-inner .inner-main .top-wrapper .wrapper-item .top-title {
    font-size: 36px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-top20-list .container-inner .inner-main .top-wrapper .wrapper-item .top-title {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-top20-list .container-inner .inner-main .top-wrapper .wrapper-item .top-title {
    font-size: 18px;
  }
}
.section-2021-top20-list .container-inner .inner-main .top-wrapper .wrapper-item .top-title small {
  display: inline-block;
}
.section-2021-top20-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list {
  margin-top: 30px;
}
.section-2021-top20-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list:after {
  content: "";
  clear: both;
  display: block;
}
.section-2021-top20-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item {
  display: inline-block;
  width: calc(20% - 4px);
  margin-bottom: 25px;
  padding: 0 15px;
  color: #ffffff;
  vertical-align: top;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-2021-top20-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item {
    width: calc(25% - 4px);
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-2021-top20-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item {
    width: calc(33% - 4px);
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-top20-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item {
    margin-bottom: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-top20-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item {
    width: calc(50% - 4px);
    padding: 0 5px;
    margin-bottom: 10px;
  }
}
.section-2021-top20-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item .item-img {
  width: 139px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #ffffff;
  margin: 0 auto 10px;
  overflow: hidden;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
}
@media (max-width: 575px) {
  .section-2021-top20-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item .item-img {
    width: 120px;
    height: 120px;
  }
}
.section-2021-top20-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item .item-img .img-bg {
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0.95);
  -moz-transform: scale(0.95);
  -ms-transform: scale(0.95);
  -o-transform: scale(0.95);
}
.section-2021-top20-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item .item-title {
  width: 100%;
  max-width: 200px;
  margin: 0 auto;
  line-height: 1.2em;
  text-align: center;
  min-height: 60px;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-top20-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item .item-title {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-top20-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item .item-title {
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-top20-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item .item-title {
    font-size: 12px;
  }
}
.section-2021-top20-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item .item-title small {
  display: block;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-top20-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item .item-title small {
    font-size: 12px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-top20-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item .item-title small {
    font-size: 11px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-top20-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item .item-title small {
    font-size: 10px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-top20-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item .item-title {
    min-height: 50px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-top20-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item .item-title {
    min-height: 40px;
  }
}
.section-2021-top20-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item:hover .item-img, .section-2021-top20-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item:focus .item-img, .section-2021-top20-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item:active .item-img {
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.section-2021-top20-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item:hover .item-img .img-bg, .section-2021-top20-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item:focus .item-img .img-bg, .section-2021-top20-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item:active .item-img .img-bg {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
.section-2021-top20-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item:hover .item-title, .section-2021-top20-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item:focus .item-title, .section-2021-top20-list .container-inner .inner-main .top-wrapper .wrapper-item .top-list .list-item:active .item-title {
  color: #FF7328;
}

.section-2021-top20-detail {
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
.section-2021-top20-detail .inner-title {
  max-width: 620px;
  width: 100%;
  margin: 0 auto 60px;
  border-top: 1px solid #AD945C;
  border-bottom: 1px solid #AD945C;
  color: #AD945C;
  text-align: center;
  font-weight: 700;
  text-transform: uppercase;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-top20-detail .inner-title {
    font-size: 49px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-top20-detail .inner-title {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-top20-detail .inner-title {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-top20-detail .inner-title {
    margin-bottom: 20px;
  }
}
.section-2021-top20-detail .detail-wrapper {
  width: 100%;
  max-width: 1075px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}
.section-2021-top20-detail .detail-wrapper .detail-logo {
  width: 295px;
  height: 295px;
  overflow: hidden;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-bottom: 30px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-top20-detail .detail-wrapper .detail-logo {
    width: 180px;
    height: 180px;
  }
}
.section-2021-top20-detail .detail-wrapper .detail-logo .logo-img {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
}
.section-2021-top20-detail .detail-wrapper .detail-title {
  text-transform: uppercase;
  color: #ffffff;
  line-height: 1.2em;
  margin-bottom: 0.4em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-top20-detail .detail-wrapper .detail-title {
    font-size: 40px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-top20-detail .detail-wrapper .detail-title {
    font-size: 22px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-top20-detail .detail-wrapper .detail-title {
    font-size: 18px;
  }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-top20-detail .detail-wrapper .detail-title {
    min-height: 3.6em;
  }
}
.section-2021-top20-detail .detail-wrapper .detail-title .innerpage-hidden {
  display: none !important;
}
.section-2021-top20-detail .detail-wrapper .detail-title a {
  color: inherit;
  text-decoration: underline;
  font-size: 0.8em;
}
.section-2021-top20-detail .detail-wrapper .detail-desc {
  color: #ffffff;
  line-height: 1.4em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-top20-detail .detail-wrapper .detail-desc {
    font-size: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-top20-detail .detail-wrapper .detail-desc {
    font-size: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-top20-detail .detail-wrapper .detail-desc {
    font-size: 16px;
  }
}
.section-2021-top20-detail .detail-hr {
  height: 3px;
  margin-bottom: 20px;
  background: #FF7328;
  background: linear-gradient(to right, #FF7328, #F02666);
}
.section-2021-top20-detail .detail-title-table {
  color: #AD945C;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 15px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-top20-detail .detail-title-table {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-top20-detail .detail-title-table {
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-top20-detail .detail-title-table {
    font-size: 12px;
  }
}
.section-2021-top20-detail .detail-table {
  width: 100%;
  margin-bottom: 30px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-top20-detail .detail-table {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-top20-detail .detail-table {
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-top20-detail .detail-table {
    font-size: 12px;
  }
}
.section-2021-top20-detail .detail-table th, .section-2021-top20-detail .detail-table td {
  vertical-align: top;
  padding: 0.4em 0;
}
.section-2021-top20-detail .detail-table th {
  width: 150px;
  color: #FF7328;
}
.section-2021-top20-detail .detail-table td {
  color: #ffffff;
}
.section-2021-top20-detail .detail-img {
  margin-bottom: 20px;
}
.section-2021-top20-detail .detail-img img {
  max-width: 100%;
}
.section-2021-top20-detail .detail-video {
  width: 703px;
  height: 395px;
  display: block;
  position: relative;
  margin: 0 auto;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-2021-top20-detail .detail-video {
    width: 520px;
    height: 292px;
  }
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px) {
  .section-2021-top20-detail .detail-video {
    width: 320px;
    height: 180px;
  }
}
@media (max-width: 575px) {
  .section-2021-top20-detail .detail-video {
    width: 280px;
    height: 157px;
  }
}
.section-2021-top20-detail .detail-video .video-bg,
.section-2021-top20-detail .detail-video .video-img,
.section-2021-top20-detail .detail-video .video-icon {
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
}
.section-2021-top20-detail .detail-video .video-bg {
  width: 100%;
  height: 100%;
  background: #FF7328;
  background: linear-gradient(to right, #FF7328, #F02666);
  -webkit-transform: translate(-5px, 5px);
  -moz-transform: translate(-5px, 5px);
  -ms-transform: translate(-5px, 5px);
  -o-transform: translate(-5px, 5px);
}
.section-2021-top20-detail .detail-video .video-img {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  -webkit-transform: translate(5px, -5px);
  -moz-transform: translate(5px, -5px);
  -ms-transform: translate(5px, -5px);
  -o-transform: translate(5px, -5px);
  position: absolute;
  left: 0;
  top: 0;
}
.section-2021-top20-detail .detail-video .video-icon {
  width: 80px;
  height: 80px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  background-image: url("../../uploads/images/2021/common/top20/video_icon.png");
  position: absolute;
  margin-left: -40px;
  margin-top: -40px;
  left: 50%;
  top: 50%;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-top20-detail .detail-video .video-icon {
    width: 40px;
    height: 40px;
    margin-left: -20px;
    margin-top: -20px;
  }
}
.section-2021-top20-detail .detail-video:hover .video-bg, .section-2021-top20-detail .detail-video:focus .video-bg, .section-2021-top20-detail .detail-video:active .video-bg {
  -webkit-transform: translate(5px, 5px);
  -moz-transform: translate(5px, 5px);
  -ms-transform: translate(5px, 5px);
  -o-transform: translate(5px, 5px);
}
.section-2021-top20-detail .detail-video:hover .video-img, .section-2021-top20-detail .detail-video:focus .video-img, .section-2021-top20-detail .detail-video:active .video-img {
  -webkit-transform: translate(-5px, -5px);
  -moz-transform: translate(-5px, -5px);
  -ms-transform: translate(-5px, -5px);
  -o-transform: translate(-5px, -5px);
}
.section-2021-top20-detail .detail-video:hover .video-icon, .section-2021-top20-detail .detail-video:focus .video-icon, .section-2021-top20-detail .detail-video:active .video-icon {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
.section-2021-top20-detail .btn-video {
  width: 703px;
  height: 420px;
  display: block;
  position: relative;
  margin: 0 auto;
}
.section-2021-top20-detail .btn-video.style1 {
  background: #FF7328;
  background: linear-gradient(to right, #FF7328, #F02666);
}
.section-2021-top20-detail .btn-video.style2 {
  background: #82287F;
  background: linear-gradient(to right, #82287F, #F02666);
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-2021-top20-detail .btn-video {
    width: 520px;
    height: 300px;
  }
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px) {
  .section-2021-top20-detail .btn-video {
    width: 320px;
    height: 220px;
  }
}
@media (max-width: 575px) {
  .section-2021-top20-detail .btn-video {
    width: 280px;
    height: 180px;
  }
}
.section-2021-top20-detail .btn-video .video-title {
  line-height: 60px;
  color: #ffffff;
  padding-left: 20px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-top20-detail .btn-video .video-title {
    font-size: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-top20-detail .btn-video .video-title {
    font-size: 16px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-top20-detail .btn-video .video-title {
    font-size: 14px;
  }
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px) {
  .section-2021-top20-detail .btn-video .video-title {
    padding-left: 15px;
  }
}
@media (max-width: 575px) {
  .section-2021-top20-detail .btn-video .video-title {
    padding-left: 10px;
  }
}
.section-2021-top20-detail .btn-video .video-bg,
.section-2021-top20-detail .btn-video .video-img,
.section-2021-top20-detail .btn-video .video-icon {
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
}
.section-2021-top20-detail .btn-video .video-img {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  width: calc(100% - 40px);
  height: calc(100% - 80px);
  position: absolute;
  bottom: 20px;
  left: 20px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px) {
  .section-2021-top20-detail .btn-video .video-img {
    width: calc(100% - 30px);
    height: calc(100% - 65px);
    bottom: 15px;
    left: 15px;
  }
}
@media (max-width: 575px) {
  .section-2021-top20-detail .btn-video .video-img {
    width: calc(100% - 20px);
    height: calc(100% - 60px);
    bottom: 10px;
    left: 10px;
  }
}
.section-2021-top20-detail .btn-video .video-icon {
  width: 80px;
  height: 80px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  background-image: url("../../uploads/images/2021/common/top20/video_icon.png");
  position: absolute;
  margin-left: -40px;
  margin-top: -40px;
  left: 50%;
  top: 50%;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-top20-detail .btn-video .video-icon {
    width: 40px;
    height: 40px;
    margin-left: -20px;
    margin-top: -20px;
  }
}
.section-2021-top20-detail .btn-video:hover .video-icon, .section-2021-top20-detail .btn-video:focus .video-icon, .section-2021-top20-detail .btn-video:active .video-icon {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}

.section-2021-judges {
  margin-bottom: 40px;
  position: relative;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
.section-2021-judges .info-wrapper {
  margin: 0 auto;
  text-align: center;
}
.section-2021-judges .info-wrapper .info-title {
  color: #ffffff;
  font-weight: 700;
  margin-bottom: 20px;
  text-transform: uppercase;
  line-height: 1.2em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-judges .info-wrapper .info-title {
    font-size: 48px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-judges .info-wrapper .info-title {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-judges .info-wrapper .info-title {
    font-size: 24px;
  }
}
.section-2021-judges .info-wrapper .info-title-sub {
  color: #ffffff;
  font-weight: 500;
  margin-bottom: 20px;
  text-transform: uppercase;
  line-height: 1.2em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-judges .info-wrapper .info-title-sub {
    font-size: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-judges .info-wrapper .info-title-sub {
    font-size: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-judges .info-wrapper .info-title-sub {
    font-size: 16px;
  }
}
.section-2021-judges .info-wrapper .judges-list {
  margin: 0 auto;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-judges .info-wrapper .judges-list {
    width: 1080px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-judges .info-wrapper .judges-list {
    width: 720px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-judges .info-wrapper .judges-list {
    width: 290px;
  }
}
.section-2021-judges .info-wrapper .judges-list:after {
  content: "";
  clear: both;
  display: block;
}
.section-2021-judges .info-wrapper .judges-list .list-item {
  overflow: hidden;
  height: 180px;
  width: 360px;
  position: relative;
  color: #fff;
  float: left;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-judges .info-wrapper .judges-list .list-item {
    height: 145px;
    width: 290px;
  }
}
.section-2021-judges .info-wrapper .judges-list .list-item:hover {
  color: #eee;
}
.section-2021-judges .info-wrapper .judges-list .list-item:hover .item-img:before {
  opacity: 0;
  transform: scale(0.1);
}
.section-2021-judges .info-wrapper .judges-list .list-item .item-img {
  position: absolute;
  width: 180px;
  height: 180px;
  top: 0;
  background-size: cover;
  background-position: center;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-judges .info-wrapper .judges-list .list-item .item-img {
    width: 145px;
    height: 145px;
  }
}
.section-2021-judges .info-wrapper .judges-list .list-item .item-img:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.18);
  transition: all 0.6s;
}
.section-2021-judges .info-wrapper .judges-list .list-item .item-text {
  position: absolute;
  width: 180px;
  height: 180px;
  top: 0;
  padding: 12px;
  text-align: left;
  line-height: 1.2em;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-judges .info-wrapper .judges-list .list-item .item-text {
    width: 145px;
    height: 145px;
  }
}
.section-2021-judges .info-wrapper .judges-list .list-item .item-text .item-title {
  font-weight: bold;
  margin-bottom: 5px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-judges .info-wrapper .judges-list .list-item .item-text .item-title {
    font-size: 18px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-judges .info-wrapper .judges-list .list-item .item-text .item-title {
    font-size: 16px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-judges .info-wrapper .judges-list .list-item .item-text .item-title {
    font-size: 14px;
  }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-judges .info-wrapper .judges-list .list-item .item-text .item-detail {
    font-size: 14px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-judges .info-wrapper .judges-list .list-item .item-text .item-detail {
    font-size: 13px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-judges .info-wrapper .judges-list .list-item .item-text .item-detail {
    font-size: 10px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-judges .info-wrapper .judges-list .list-item .item-text .item-detail {
    line-height: 1.2em;
  }
}
.section-2021-judges .info-wrapper .judges-list .list-item .item-text:after {
  content: "";
  width: 0;
  height: 0;
  border-width: 25px;
  margin-top: -25px;
  border-bottom-color: transparent !important;
  border-top-color: transparent !important;
  border-style: solid;
  top: 0;
  position: absolute;
  display: block;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .section-2021-judges .info-wrapper .judges-list .list-item:nth-child(9n+1) .item-text, .section-2021-judges .info-wrapper .judges-list .list-item:nth-child(9n+2) .item-text, .section-2021-judges .info-wrapper .judges-list .list-item:nth-child(9n+3) .item-text {
    background: #AD9D6D;
  }
  .section-2021-judges .info-wrapper .judges-list .list-item:nth-child(9n+1) .item-text:after, .section-2021-judges .info-wrapper .judges-list .list-item:nth-child(9n+2) .item-text:after, .section-2021-judges .info-wrapper .judges-list .list-item:nth-child(9n+3) .item-text:after {
    border-color: #AD9D6D;
  }
  .section-2021-judges .info-wrapper .judges-list .list-item:nth-child(9n+4) .item-text, .section-2021-judges .info-wrapper .judges-list .list-item:nth-child(9n+5) .item-text, .section-2021-judges .info-wrapper .judges-list .list-item:nth-child(9n+6) .item-text {
    background: #1A1A1A;
  }
  .section-2021-judges .info-wrapper .judges-list .list-item:nth-child(9n+4) .item-text:after, .section-2021-judges .info-wrapper .judges-list .list-item:nth-child(9n+5) .item-text:after, .section-2021-judges .info-wrapper .judges-list .list-item:nth-child(9n+6) .item-text:after {
    border-color: #1A1A1A;
  }
  .section-2021-judges .info-wrapper .judges-list .list-item:nth-child(9n+7) .item-text, .section-2021-judges .info-wrapper .judges-list .list-item:nth-child(9n+8) .item-text, .section-2021-judges .info-wrapper .judges-list .list-item:nth-child(9n+9) .item-text {
    background: #3E65A5;
  }
  .section-2021-judges .info-wrapper .judges-list .list-item:nth-child(9n+7) .item-text:after, .section-2021-judges .info-wrapper .judges-list .list-item:nth-child(9n+8) .item-text:after, .section-2021-judges .info-wrapper .judges-list .list-item:nth-child(9n+9) .item-text:after {
    border-color: #3E65A5;
  }
  .section-2021-judges .info-wrapper .judges-list .list-item:nth-child(6n+1) .item-img, .section-2021-judges .info-wrapper .judges-list .list-item:nth-child(6n+2) .item-img, .section-2021-judges .info-wrapper .judges-list .list-item:nth-child(6n+3) .item-img {
    left: inherit;
    right: 0;
  }
  .section-2021-judges .info-wrapper .judges-list .list-item:nth-child(6n+1) .item-text, .section-2021-judges .info-wrapper .judges-list .list-item:nth-child(6n+2) .item-text, .section-2021-judges .info-wrapper .judges-list .list-item:nth-child(6n+3) .item-text {
    right: inherit;
    left: 0;
  }
  .section-2021-judges .info-wrapper .judges-list .list-item:nth-child(6n+1) .item-text:after, .section-2021-judges .info-wrapper .judges-list .list-item:nth-child(6n+2) .item-text:after, .section-2021-judges .info-wrapper .judges-list .list-item:nth-child(6n+3) .item-text:after {
    border-right-color: transparent;
    right: 0;
    margin-right: -50px;
  }
  .section-2021-judges .info-wrapper .judges-list .list-item:nth-child(6n+4) .item-img, .section-2021-judges .info-wrapper .judges-list .list-item:nth-child(6n+5) .item-img, .section-2021-judges .info-wrapper .judges-list .list-item:nth-child(6n+6) .item-img {
    right: inherit;
    left: 0;
  }
  .section-2021-judges .info-wrapper .judges-list .list-item:nth-child(6n+4) .item-text, .section-2021-judges .info-wrapper .judges-list .list-item:nth-child(6n+5) .item-text, .section-2021-judges .info-wrapper .judges-list .list-item:nth-child(6n+6) .item-text {
    left: inherit;
    right: 0;
  }
  .section-2021-judges .info-wrapper .judges-list .list-item:nth-child(6n+4) .item-text:after, .section-2021-judges .info-wrapper .judges-list .list-item:nth-child(6n+5) .item-text:after, .section-2021-judges .info-wrapper .judges-list .list-item:nth-child(6n+6) .item-text:after {
    border-left-color: transparent;
    left: 0;
    margin-left: -50px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-2021-judges .info-wrapper .judges-list .list-item:nth-child(6n+1) .item-text, .section-2021-judges .info-wrapper .judges-list .list-item:nth-child(6n+2) .item-text {
    background: #AD9D6D;
  }
  .section-2021-judges .info-wrapper .judges-list .list-item:nth-child(6n+1) .item-text:after, .section-2021-judges .info-wrapper .judges-list .list-item:nth-child(6n+2) .item-text:after {
    border-color: #AD9D6D;
  }
  .section-2021-judges .info-wrapper .judges-list .list-item:nth-child(6n+3) .item-text, .section-2021-judges .info-wrapper .judges-list .list-item:nth-child(6n+4) .item-text {
    background: #1A1A1A;
  }
  .section-2021-judges .info-wrapper .judges-list .list-item:nth-child(6n+3) .item-text:after, .section-2021-judges .info-wrapper .judges-list .list-item:nth-child(6n+4) .item-text:after {
    border-color: #1A1A1A;
  }
  .section-2021-judges .info-wrapper .judges-list .list-item:nth-child(6n+5) .item-text, .section-2021-judges .info-wrapper .judges-list .list-item:nth-child(6n+6) .item-text {
    background: #3E65A5;
  }
  .section-2021-judges .info-wrapper .judges-list .list-item:nth-child(6n+5) .item-text:after, .section-2021-judges .info-wrapper .judges-list .list-item:nth-child(6n+6) .item-text:after {
    border-color: #3E65A5;
  }
  .section-2021-judges .info-wrapper .judges-list .list-item:nth-child(4n+1) .item-img, .section-2021-judges .info-wrapper .judges-list .list-item:nth-child(4n+2) .item-img {
    left: inherit;
    right: 0;
  }
  .section-2021-judges .info-wrapper .judges-list .list-item:nth-child(4n+1) .item-text, .section-2021-judges .info-wrapper .judges-list .list-item:nth-child(4n+2) .item-text {
    right: inherit;
    left: 0;
  }
  .section-2021-judges .info-wrapper .judges-list .list-item:nth-child(4n+1) .item-text:after, .section-2021-judges .info-wrapper .judges-list .list-item:nth-child(4n+2) .item-text:after {
    border-right-color: transparent;
    right: 0;
    margin-right: -50px;
  }
  .section-2021-judges .info-wrapper .judges-list .list-item:nth-child(4n+3) .item-img, .section-2021-judges .info-wrapper .judges-list .list-item:nth-child(4n+4) .item-img {
    right: inherit;
    left: 0;
  }
  .section-2021-judges .info-wrapper .judges-list .list-item:nth-child(4n+3) .item-text, .section-2021-judges .info-wrapper .judges-list .list-item:nth-child(4n+4) .item-text {
    left: inherit;
    right: 0;
  }
  .section-2021-judges .info-wrapper .judges-list .list-item:nth-child(4n+3) .item-text:after, .section-2021-judges .info-wrapper .judges-list .list-item:nth-child(4n+4) .item-text:after {
    border-left-color: transparent;
    left: 0;
    margin-left: -50px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-2021-judges .info-wrapper .judges-list .list-item:nth-child(3n+1) .item-text {
    background: #AD9D6D;
  }
  .section-2021-judges .info-wrapper .judges-list .list-item:nth-child(3n+1) .item-text:after {
    border-color: #AD9D6D;
  }
  .section-2021-judges .info-wrapper .judges-list .list-item:nth-child(3n+2) .item-text {
    background: #1A1A1A;
  }
  .section-2021-judges .info-wrapper .judges-list .list-item:nth-child(3n+2) .item-text:after {
    border-color: #1A1A1A;
  }
  .section-2021-judges .info-wrapper .judges-list .list-item:nth-child(3n+3) .item-text {
    background: #3E65A5;
  }
  .section-2021-judges .info-wrapper .judges-list .list-item:nth-child(3n+3) .item-text:after {
    border-color: #3E65A5;
  }
  .section-2021-judges .info-wrapper .judges-list .list-item:nth-child(2n+1) .item-img {
    left: inherit;
    right: 0;
  }
  .section-2021-judges .info-wrapper .judges-list .list-item:nth-child(2n+1) .item-text {
    right: inherit;
    left: 0;
  }
  .section-2021-judges .info-wrapper .judges-list .list-item:nth-child(2n+1) .item-text:after {
    border-right-color: transparent;
    right: 0;
    margin-right: -50px;
  }
  .section-2021-judges .info-wrapper .judges-list .list-item:nth-child(2n+2) .item-img {
    right: inherit;
    left: 0;
  }
  .section-2021-judges .info-wrapper .judges-list .list-item:nth-child(2n+2) .item-text {
    left: inherit;
    right: 0;
  }
  .section-2021-judges .info-wrapper .judges-list .list-item:nth-child(2n+2) .item-text:after {
    border-left-color: transparent;
    left: 0;
    margin-left: -50px;
  }
}

.section-award {
  padding-top: 180px;
  font-family: "Balboa-Medium", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  letter-spacing: 0.07em;
  background-color: #000000;
  padding-bottom: 100px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .section-award {
    padding-top: 100px;
  }
}
.section-award .title-container {
  display: flex;
  align-items: center;
  margin-bottom: 45px;
}
.section-award .title-container .arrow {
  margin-right: 25px;
  height: 70px;
  width: 80px;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-award .title-container .arrow {
    height: 40px;
    width: 50px;
    margin-right: 25px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .section-award .title-container .arrow {
    height: 30px;
    width: 40px;
    margin-right: 15px;
  }
}
.section-award .title-container .title {
  font-size: 92px;
  color: #AD9D6D;
}
@media (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px) {
  .section-award .title-container .title {
    font-size: 65px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-award .title-container .title {
    font-size: 65px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .section-award .title-container .title {
    font-size: 45px;
  }
}
.section-award .outer-box {
  border: 1px solid #AD9D6D;
  padding: 70px;
  margin-bottom: 80px;
}
@media (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-award .outer-box {
    padding: 25px;
    padding-top: 45px;
    padding-bottom: 45px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .section-award .outer-box {
    padding: 35px;
    padding-top: 55px;
    padding-bottom: 55px;
  }
}
.section-award .outer-box .title {
  text-align: center;
  color: #AD9D6D;
  font-size: 92px;
  line-height: 1.1em;
}
@media (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-award .outer-box .title {
    font-size: 55px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .section-award .outer-box .title {
    font-size: 35px;
    margin-bottom: 10px;
  }
}
.section-award .outer-box .title2 {
  text-align: center;
  color: #FFFFFF;
  font-size: 39px;
  margin-bottom: 75px;
}
@media (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-award .outer-box .title2 {
    margin-bottom: 55px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .section-award .outer-box .title2 {
    font-size: 25px;
    margin-bottom: 45px;
  }
}
.section-award .outer-box .box-container {
  display: flex;
  flex-wrap: wrap;
}
.section-award .outer-box .box-container .left-col, .section-award .outer-box .box-container .right-col {
  width: 50%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  border-right: 1px solid #AD9D6D;
  padding-top: 90px;
}
@media (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-award .outer-box .box-container .left-col, .section-award .outer-box .box-container .right-col {
    padding-top: 55px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .section-award .outer-box .box-container .left-col, .section-award .outer-box .box-container .right-col {
    width: 100%;
    padding-top: 55px;
  }
}
.section-award .outer-box .box-container .left-col .img, .section-award .outer-box .box-container .right-col .img {
  width: 294px;
  height: 294px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
}
@media (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-award .outer-box .box-container .left-col .img, .section-award .outer-box .box-container .right-col .img {
    width: 180px;
    height: 180px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .section-award .outer-box .box-container .left-col .img, .section-award .outer-box .box-container .right-col .img {
    width: 180px;
    height: 180px;
  }
}
.section-award .outer-box .box-container .left-col .img .top-left, .section-award .outer-box .box-container .right-col .img .top-left {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-50%, -50%);
  width: 186px;
  height: 186px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-award .outer-box .box-container .left-col .img .top-left, .section-award .outer-box .box-container .right-col .img .top-left {
    width: 120px;
    height: 120px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-award .outer-box .box-container .left-col .img .top-left, .section-award .outer-box .box-container .right-col .img .top-left {
    width: 100px;
    height: 100px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .section-award .outer-box .box-container .left-col .img .top-left, .section-award .outer-box .box-container .right-col .img .top-left {
    width: 100px;
    height: 100px;
  }
}
.section-award .outer-box .box-container .left-col .logo-title, .section-award .outer-box .box-container .right-col .logo-title {
  width: 100%;
  margin-top: 25px;
  text-align: center;
  color: #FFFFFF;
  padding-left: 15px;
  padding-right: 15px;
  font-weight: 600;
  font-size: 53px;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  line-height: 1.1em;
}
@media (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-award .outer-box .box-container .left-col .logo-title, .section-award .outer-box .box-container .right-col .logo-title {
    font-size: 30px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .section-award .outer-box .box-container .left-col .logo-title, .section-award .outer-box .box-container .right-col .logo-title {
    font-size: 25px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .section-award .outer-box .box-container .left-col {
    margin-bottom: 25px;
    border-right: 0px;
  }
}
.section-award .outer-box .box-container .right-col {
  border-right: 0px;
}
.section-award .outer-box2 {
  padding-top: 0px;
  padding-bottom: 0px;
  border: 1px solid #AD9D6D;
}
.section-award .outer-box2 .box-container2 {
  padding-left: 90px;
  padding-right: 90px;
}
@media (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-award .outer-box2 .box-container2 {
    padding-left: 35px;
    padding-right: 35px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .section-award .outer-box2 .box-container2 {
    padding-left: 35px;
    padding-right: 35px;
  }
}
.section-award .outer-box2 .box-container2 .box1, .section-award .outer-box2 .box-container2 .box2 {
  padding-top: 70px;
  padding-bottom: 70px;
  border-bottom: 1px solid #AD9D6D;
}
@media (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-award .outer-box2 .box-container2 .box1, .section-award .outer-box2 .box-container2 .box2 {
    padding-top: 55px;
    padding-bottom: 55px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .section-award .outer-box2 .box-container2 .box1, .section-award .outer-box2 .box-container2 .box2 {
    padding-top: 55px;
    padding-bottom: 55px;
  }
}
.section-award .outer-box2 .box-container2 .box1 {
  display: flex;
  flex-wrap: wrap;
}
.section-award .outer-box2 .box-container2 .box1 .left-col {
  width: 50%;
  padding-right: 80px;
}
@media (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-award .outer-box2 .box-container2 .box1 .left-col {
    width: 100%;
    padding-right: 0px;
    margin-bottom: 35px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .section-award .outer-box2 .box-container2 .box1 .left-col {
    width: 100%;
    padding-right: 0px;
    margin-bottom: 35px;
  }
}
.section-award .outer-box2 .box-container2 .box1 .left-col .title {
  font-size: 75px;
  font-weight: 600;
  color: #AD9D6D;
  line-height: 1.1em;
  margin-bottom: 20px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-award .outer-box2 .box-container2 .box1 .left-col .title {
    font-size: 65px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .section-award .outer-box2 .box-container2 .box1 .left-col .title {
    font-size: 35px;
    text-align: center;
  }
}
.section-award .outer-box2 .box-container2 .box1 .left-col img {
  width: 100%;
}
.section-award .outer-box2 .box-container2 .box1 .right-col {
  width: 50%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-award .outer-box2 .box-container2 .box1 .right-col {
    width: 100%;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .section-award .outer-box2 .box-container2 .box1 .right-col {
    width: 100%;
    justify-content: center;
  }
}
.section-award .outer-box2 .box-container2 .box1 .right-col .img {
  width: 294px;
  height: 294px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.section-award .outer-box2 .box-container2 .box1 .right-col .title {
  width: calc(100% - 294px);
  font-size: 50px;
  font-weight: 600;
  color: #FFFFFF;
  padding-left: 45px;
  line-height: 1.1em;
  display: flex;
  align-items: flex-end;
  height: 100%;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
@media (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-award .outer-box2 .box-container2 .box1 .right-col .title {
    font-size: 45px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .section-award .outer-box2 .box-container2 .box1 .right-col .title {
    font-size: 25px;
    width: 100%;
    align-items: unset;
    padding-left: 0px;
    margin-top: 25px;
    justify-content: center;
    text-align: center;
  }
}
.section-award .outer-box2 .box-container2 .box1 .right-col .title.xs {
  font-size: 40px;
}
@media (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-award .outer-box2 .box-container2 .box1 .right-col .title.xs {
    font-size: 35px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .section-award .outer-box2 .box-container2 .box1 .right-col .title.xs {
    font-size: 25px;
  }
}
.section-award .outer-box2 .box-container2 .box2 .title {
  font-size: 75px;
  font-weight: 600;
  color: #AD9D6D;
  line-height: 1.1em;
  margin-bottom: 20px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .section-award .outer-box2 .box-container2 .box2 .title {
    text-align: center;
    font-size: 35px;
  }
}
.section-award .outer-box2 .box-container2 .box2 .inner-box {
  display: flex;
  flex-wrap: wrap;
}
.section-award .outer-box2 .box-container2 .box2 .inner-box .right-col, .section-award .outer-box2 .box-container2 .box2 .inner-box .left-col {
  width: 50%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-award .outer-box2 .box-container2 .box2 .inner-box .right-col, .section-award .outer-box2 .box-container2 .box2 .inner-box .left-col {
    width: 100%;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .section-award .outer-box2 .box-container2 .box2 .inner-box .right-col, .section-award .outer-box2 .box-container2 .box2 .inner-box .left-col {
    width: 100%;
    justify-content: center;
  }
}
.section-award .outer-box2 .box-container2 .box2 .inner-box .right-col .img, .section-award .outer-box2 .box-container2 .box2 .inner-box .left-col .img {
  width: 294px;
  height: 294px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.section-award .outer-box2 .box-container2 .box2 .inner-box .right-col .title, .section-award .outer-box2 .box-container2 .box2 .inner-box .left-col .title {
  width: calc(100% - 294px);
  font-size: 50px;
  font-weight: 600;
  color: #FFFFFF;
  padding-left: 45px;
  padding-right: 45px;
  line-height: 1.1em;
  display: flex;
  align-items: flex-end;
  height: 100%;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .section-award .outer-box2 .box-container2 .box2 .inner-box .right-col .title, .section-award .outer-box2 .box-container2 .box2 .inner-box .left-col .title {
    width: 100%;
    text-align: center;
    margin-top: 25px;
    align-items: unset;
    font-size: 25px;
    padding-left: 15px;
    padding-right: 15px;
    justify-content: center;
  }
}
.section-award .outer-box2 .box-container2 .box2 .inner-box .right-col .title.xs, .section-award .outer-box2 .box-container2 .box2 .inner-box .left-col .title.xs {
  font-size: 40px;
}
@media (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-award .outer-box2 .box-container2 .box2 .inner-box .right-col .title.xs, .section-award .outer-box2 .box-container2 .box2 .inner-box .left-col .title.xs {
    font-size: 35px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .section-award .outer-box2 .box-container2 .box2 .inner-box .right-col .title.xs, .section-award .outer-box2 .box-container2 .box2 .inner-box .left-col .title.xs {
    font-size: 25px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-award .outer-box2 .box-container2 .box2 .inner-box .left-col {
    margin-bottom: 35px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .section-award .outer-box2 .box-container2 .box2 .inner-box .left-col {
    margin-bottom: 35px;
  }
}

.section-speaker-lineup {
  padding-top: 180px;
  background-size: 100%;
  background-position: top center;
  background-repeat: no-repeat;
  background-image: url("../../uploads/images/2022/common/online_streaming/bg.jpg");
  font-family: "Balboa-Medium", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  letter-spacing: 0.07em;
  background-color: #000000;
  padding-bottom: 100px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .section-speaker-lineup {
    padding-top: 100px;
  }
}
.section-speaker-lineup .title-container {
  display: flex;
  align-items: center;
  margin-bottom: 35px;
}
.section-speaker-lineup .title-container .arrow {
  margin-right: 25px;
  height: 70px;
  width: 80px;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-speaker-lineup .title-container .arrow {
    height: 40px;
    width: 50px;
    margin-right: 25px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .section-speaker-lineup .title-container .arrow {
    height: 30px;
    width: 40px;
    margin-right: 15px;
  }
}
.section-speaker-lineup .title-container .title {
  font-size: 92px;
  color: #EEA3BA;
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-speaker-lineup .title-container .title {
    font-size: 65px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .section-speaker-lineup .title-container .title {
    font-size: 45px;
  }
}
.section-speaker-lineup .type-container {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 55px;
}
.section-speaker-lineup .type-container .box {
  width: 50%;
  padding-right: 45px;
  padding-left: 0px;
  border-right: 1px solid #FFFFFF;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .section-speaker-lineup .type-container .box {
    width: 100%;
    border-right: 0px;
    padding-right: 0px;
  }
  .section-speaker-lineup .type-container .box:first-child {
    margin-bottom: 35px;
  }
}
.section-speaker-lineup .type-container .box:last-child {
  padding-left: 45px;
  padding-right: 0px;
  border-right: 0px solid #FFFFFF;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .section-speaker-lineup .type-container .box:last-child {
    padding-left: 0px;
    padding-right: 0px;
  }
}
.section-speaker-lineup .type-container .box .line1 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.section-speaker-lineup .type-container .box .line1 .left-col {
  width: 70px;
  height: 70px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-speaker-lineup .type-container .box .line1 .left-col {
    width: 50px;
    height: 50px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .section-speaker-lineup .type-container .box .line1 .left-col {
    width: 35px;
    height: 35px;
  }
}
.section-speaker-lineup .type-container .box .line1 .right-col {
  width: calc(100% - 70px);
  padding-left: 15px;
  color: #FFFFFF;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  font-weight: 600;
  font-size: 23px;
  line-height: 1.3em;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-speaker-lineup .type-container .box .line1 .right-col {
    font-size: 18px;
    line-height: 1.2em;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .section-speaker-lineup .type-container .box .line1 .right-col {
    font-size: 18px;
    line-height: 1.2em;
  }
}
.section-speaker-lineup .type-container .box .line2 {
  margin-top: 25px;
}
.section-speaker-lineup .type-container .box .line2 .type-btn {
  padding: 10px;
  color: #FFFFFF;
  font-size: 40px;
  background: rgb(251, 116, 53);
  background: linear-gradient(90deg, rgb(251, 116, 53) 0%, rgb(225, 56, 102) 100%);
  border: 1px solid #FFFFFF;
  border-radius: 5px;
  display: inline-flex;
  align-items: center;
  line-height: 1em;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-speaker-lineup .type-container .box .line2 .type-btn {
    font-size: 23px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .section-speaker-lineup .type-container .box .line2 .type-btn {
    font-size: 22px;
  }
}
.section-speaker-lineup .type-container .box .line2 .type-btn .arrow {
  margin-right: 10px;
  height: 50px;
  width: 50px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-speaker-lineup .type-container .box .line2 .type-btn .arrow {
    height: 30px;
    width: 30px;
    margin-right: 15px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .section-speaker-lineup .type-container .box .line2 .type-btn .arrow {
    height: 25px;
    width: 25px;
    margin-right: 15px;
  }
}
.section-speaker-lineup .type-container .box .line2 .type-btn:hover, .section-speaker-lineup .type-container .box .line2 .type-btn:focus, .section-speaker-lineup .type-container .box .line2 .type-btn:active {
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.section-speaker-lineup .speaker-box-container {
  border: 1px solid #EEA3BA;
  padding: 35px;
  background-color: #000000;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .section-speaker-lineup .speaker-box-container {
    padding: 25px;
  }
}
.section-speaker-lineup .speaker-box-container .tab-container {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #FFFFFF;
  padding-bottom: 10px;
  margin-bottom: 35px;
}
.section-speaker-lineup .speaker-box-container .tab-container .day-tab {
  margin-right: 50px;
  color: #EEA3BA;
  font-size: 40px;
  display: flex;
  align-items: flex-start;
  padding-left: 15px;
  padding-right: 15px;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
  cursor: pointer;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-speaker-lineup .speaker-box-container .tab-container .day-tab {
    margin-right: 20px;
    font-size: 30px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .section-speaker-lineup .speaker-box-container .tab-container .day-tab {
    margin-right: 0px;
    font-size: 26px;
    width: 100%;
    margin-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
.section-speaker-lineup .speaker-box-container .tab-container .day-tab:hover, .section-speaker-lineup .speaker-box-container .tab-container .day-tab.active {
  color: #FFFFFF;
}
.section-speaker-lineup .speaker-box-container .tab-container .day-tab:hover span, .section-speaker-lineup .speaker-box-container .tab-container .day-tab.active span {
  border-bottom: 1px solid #FFFFFF;
}
.section-speaker-lineup .speaker-box-container .tab-container .day-tab:last-child {
  margin-right: 0px;
}
.section-speaker-lineup .speaker-box-container .tab-container .day-tab span {
  font-size: 20px;
  font-weight: 600;
  margin-top: 10px;
  margin-right: 10px;
  border-bottom: 1px solid #EEA3BA;
  padding-bottom: 1px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-speaker-lineup .speaker-box-container .tab-container .day-tab span {
    margin-top: 5px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .section-speaker-lineup .speaker-box-container .tab-container .day-tab span {
    font-size: 15px;
    margin-top: 5px;
  }
}
.section-speaker-lineup .speaker-box-container .speaker-row {
  margin-bottom: -30px;
}
@media (min-width: 1550px) {
  .section-speaker-lineup .speaker-box-container .speaker-row .col-box {
    width: 25% !important;
  }
}
.section-speaker-lineup .speaker-box-container .speaker-row .box {
  position: relative;
  overflow: hidden;
  border: 1px solid #EEA3BA;
  margin-bottom: 30px;
  cursor: pointer;
}
.section-speaker-lineup .speaker-box-container .speaker-row .box:hover .bg {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
}
.section-speaker-lineup .speaker-box-container .speaker-row .box .bg {
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.section-speaker-lineup .speaker-box-container .speaker-row .box .bg .layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, #000000 0%, rgba(13, 13, 13, 0) 36%, rgba(13, 13, 13, 0) 100%);
}
.section-speaker-lineup .speaker-box-container .speaker-row .box .desc {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  color: #FFFFFF;
  position: absolute;
  bottom: 15px;
}
.section-speaker-lineup .speaker-box-container .speaker-row .box .desc .title {
  font-size: 27px;
  line-height: 1.2em;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  font-weight: 600;
  margin-bottom: 5px;
}
.section-speaker-lineup .speaker-box-container .speaker-row .box .desc .title2 {
  font-size: 15px;
  line-height: 1.2em;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}

.section-online-streaming {
  padding-top: 180px;
  background-size: 100%;
  background-position: top center;
  background-repeat: no-repeat;
  background-image: url("../../uploads/images/2022/common/online_streaming/bg.jpg");
  font-family: "Balboa-Medium", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  letter-spacing: 0.07em;
  background-color: #000000;
  padding-bottom: 100px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .section-online-streaming {
    padding-top: 100px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .section-online-streaming #program-day2 {
    display: block !important;
    margin-top: 85px !important;
  }
}
.section-online-streaming .title-container {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}
.section-online-streaming .title-container .arrow {
  margin-right: 25px;
  height: 70px;
  width: 80px;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-online-streaming .title-container .arrow {
    height: 40px;
    width: 50px;
    margin-right: 25px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .section-online-streaming .title-container .arrow {
    height: 30px;
    width: 40px;
    margin-right: 15px;
  }
}
.section-online-streaming .title-container .title {
  font-size: 92px;
  color: #1418F2;
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-online-streaming .title-container .title {
    font-size: 65px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .section-online-streaming .title-container .title {
    font-size: 45px;
  }
}
.section-online-streaming .date-container {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 50px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-online-streaming .date-container {
    margin-bottom: 35px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .section-online-streaming .date-container {
    margin-bottom: 25px;
    display: none;
  }
}
.section-online-streaming .date-container .box {
  padding-left: 110px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-online-streaming .date-container .box {
    padding-left: 50px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .section-online-streaming .date-container .box {
    padding-left: 0px;
    width: 100%;
  }
}
.section-online-streaming .date-container .box:first-child {
  padding-left: 0px;
  padding-right: 110px;
  border-right: 1px solid #1418F2;
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-online-streaming .date-container .box:first-child {
    padding-right: 50px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .section-online-streaming .date-container .box:first-child {
    padding-right: 0px;
    margin-bottom: 35px;
    border-right: 0px solid #1418F2;
  }
}
.section-online-streaming .date-container .box .line1 {
  display: flex;
  flex-wrap: wrap;
  line-height: 1em;
  margin-bottom: 10px;
  align-items: center;
}
.section-online-streaming .date-container .box .line1 .day {
  color: #1418F2;
  font-size: 24px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-right: 10px;
  border-bottom: 1px solid #1418F2;
}
.section-online-streaming .date-container .box .line1 .date {
  color: #1418F2;
  font-size: 46px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .section-online-streaming .date-container .box .line1 .date {
    font-size: 36px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .section-online-streaming .date-container .box .line1 .date {
    font-size: 38px;
  }
}
.section-online-streaming .date-container .box .line2 {
  font-size: 16px;
  color: #1418F2;
  line-height: 1em;
  margin-bottom: 10px;
}
.section-online-streaming .date-container .box .line3 {
  display: flex;
  flex-wrap: wrap;
}
.section-online-streaming .date-container .box .line3 .circle-btn {
  background-color: #1418F2;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  font-size: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  margin-right: 12px;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
  cursor: pointer;
}
.section-online-streaming .date-container .box .line3 .circle-btn:last-child {
  margin-right: 0px;
}
.section-online-streaming .date-container .box .line3 .circle-btn.active, .section-online-streaming .date-container .box .line3 .circle-btn:hover {
  background-color: #FFFFFF;
  color: #1418F2;
}
.section-online-streaming .date-container .box.active .day, .section-online-streaming .date-container .box.active .date, .section-online-streaming .date-container .box.active .line2 {
  color: #FFFFFF;
}
.section-online-streaming .date-container .box.active .day {
  border-bottom: 1px solid #FFFFFF;
}
.section-online-streaming .program-container .box {
  background-color: #000000;
  padding: 35px;
  border: 1px solid #1418F2;
  margin-bottom: 85px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .section-online-streaming .program-container .box {
    padding: 15px;
  }
}
.section-online-streaming .program-container .box:last-child {
  margin-bottom: 0px;
}
.section-online-streaming .program-container .box .img {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 30px;
}
.section-online-streaming .program-container .box .comming-soon {
  min-height: 345px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1418F2;
  font-size: 92px;
  border-bottom: 1px solid #1418F2;
  margin-bottom: 35px;
  padding: 35px;
  padding-top: 0px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .section-online-streaming .program-container .box .comming-soon {
    font-size: 25px;
    min-height: 200px;
    padding: 0px;
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
}
.section-online-streaming .program-container .box .comming-soon .comming-soon-icon {
  width: 70px;
  height: 70px;
  margin-right: 20px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: -9px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .section-online-streaming .program-container .box .comming-soon .comming-soon-icon {
    width: 40px;
    height: 40px;
  }
}
.section-online-streaming .program-container .box .program-date {
  display: flex;
  flex-wrap: wrap;
}
.section-online-streaming .program-container .box .program-date .left-col {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  width: calc(100% - 130px);
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .section-online-streaming .program-container .box .program-date .left-col {
    align-items: center;
  }
}
.section-online-streaming .program-container .box .program-date .left-col .day {
  color: #1418F2;
  font-size: 24px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-right: 10px;
  border-bottom: 1px solid #1418F2;
  line-height: 1em;
}
.section-online-streaming .program-container .box .program-date .left-col .date {
  color: #1418F2;
  font-size: 46px;
  line-height: 1em;
  margin-right: 20px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .section-online-streaming .program-container .box .program-date .left-col .date {
    font-size: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
  }
}
.section-online-streaming .program-container .box .program-date .left-col .sections {
  margin-top: 3px;
  font-size: 16px;
  color: #1418F2;
  margin-right: 13px;
  padding: 3px 8px;
  border: 1px solid #1418F2;
}
.section-online-streaming .program-container .box .program-date .left-col .section-number {
  background-color: #1418F2;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  font-size: 28px;
  display: flex;
  line-height: 1em;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .section-online-streaming .program-container .box .program-date .left-col .section-number {
    width: 40px;
    height: 40px;
    font-size: 22px;
  }
}
.section-online-streaming .program-container .box .program-date .right-col {
  width: 130px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media (max-width: 575px) {
  .section-online-streaming .program-container .box .program-date .right-col {
    align-items: flex-start;
    padding-top: 8px;
  }
}
.section-online-streaming .program-container .box .program-date .right-col a {
  cursor: pointer;
  color: #1418F2;
  font-size: 21px;
  display: flex;
  align-items: center;
}
.section-online-streaming .program-container .box .program-date .right-col a .arrow-down {
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
  width: 15px;
  height: 17px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-left: 7px;
  pointer-events: none;
}
.section-online-streaming .program-container .box .program-date .right-col a.active .arrow-down {
  transform: rotate(180deg);
}
.section-online-streaming .program-container .box .accordion-container {
  padding-top: 25px;
}
.section-online-streaming .program-container .box .schedule {
  border-top: 1px solid #808080;
  border-left: 5px solid #AD9D6D;
}
.section-online-streaming .program-container .box .schedule .schedule-row {
  display: flex;
  flex-wrap: wrap;
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #808080;
}
.section-online-streaming .program-container .box .schedule .schedule-row:last-child {
  border-bottom: 0px solid;
}
.section-online-streaming .program-container .box .schedule .schedule-row .left-col {
  width: 112px;
  padding-left: 12px;
  border-right: 1px solid #808080;
}
.section-online-streaming .program-container .box .schedule .schedule-row .left-col .line1 {
  font-size: 13px;
  font-style: italic;
  color: #666666;
}
.section-online-streaming .program-container .box .schedule .schedule-row .left-col .line2 {
  font-size: 17px;
  font-weight: 600;
  color: #AD9D6D;
}
.section-online-streaming .program-container .box .schedule .schedule-row .right-col {
  width: calc(100% - 112px);
  padding-left: 25px;
  padding-right: 25px;
  border-left: 1px #AD9D6D;
}
.section-online-streaming .program-container .box .schedule .schedule-row .right-col .line1 {
  font-size: 19px;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 9px;
}
.section-online-streaming .program-container .box .schedule .schedule-row .right-col .line2 {
  display: flex;
  flex-wrap: wrap;
}
.section-online-streaming .program-container .box .schedule .schedule-row .right-col .line2 .line2-box {
  margin-bottom: 13px;
  font-size: 15px;
  font-weight: 600;
  color: #666666;
  padding-right: 40px;
  line-height: 1.25em;
}
.section-online-streaming .program-container .box .schedule .schedule-row .right-col .line2 .line2-box i {
  font-size: 13px;
  font-weight: 500;
}
.section-online-streaming .program-container .box .schedule .schedule-row .right-col .line2 .line2-box span {
  font-style: italic;
  font-size: 14px;
}
.section-online-streaming .program-container .box .schedule .schedule-row .right-col .line2 .line2-box:last-child {
  padding-right: 0px;
}

.register-now-header-btn-container {
  border: 1px solid #FFFFFF !important;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
}
.register-now-header-btn-container:hover, .register-now-header-btn-container:focus, .register-now-header-btn-container:active {
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.register-now-header-btn {
  border-top-right-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
  border-bottom-left-radius: 10px !important;
  border-top-left-radius: 10px !important;
  background: rgb(251, 116, 53) !important;
  background: linear-gradient(90deg, rgb(251, 116, 53) 0%, rgb(225, 56, 102) 100%) !important;
}

.tc .grand-finale .section-2022-home-nft .accordion-content-wrapper .col-row .col-box .img span, .sc .grand-finale .section-2022-home-nft .accordion-content-wrapper .col-row .col-box .img span {
  top: -36px !important;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .tc .grand-finale .section-2022-home-nft .accordion-content-wrapper .col-row .col-box .img span, .sc .grand-finale .section-2022-home-nft .accordion-content-wrapper .col-row .col-box .img span {
    top: -25px !important;
  }
}
.tc .grand-finale .section-2022-home-nft .accordion-content-wrapper .inner-title, .sc .grand-finale .section-2022-home-nft .accordion-content-wrapper .inner-title {
  margin-bottom: 34px !important;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .tc .grand-finale .section-2022-home-keynotes .content-wrapper .accordion-content-wrapper .box-container .col-box .box .line1, .sc .grand-finale .section-2022-home-keynotes .content-wrapper .accordion-content-wrapper .box-container .col-box .box .line1 {
    font-size: 18px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .tc .grand-finale .section-2022-home-keynotes .content-wrapper .accordion-content-wrapper .box-container .col-box .box .line1 span, .sc .grand-finale .section-2022-home-keynotes .content-wrapper .accordion-content-wrapper .box-container .col-box .box .line1 span {
    font-size: 17px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .tc .grand-finale .section-2022-home-keynotes .content-wrapper .accordion-content-wrapper .box-container .col-box .box .line1 .stroke, .sc .grand-finale .section-2022-home-keynotes .content-wrapper .accordion-content-wrapper .box-container .col-box .box .line1 .stroke {
    color: #000000;
    -webkit-text-stroke-width: 0px;
    -webkit-text-stroke-color: #000000;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .tc .section-online-streaming .program-container .box .program-date .left-col .date, .sc .section-online-streaming .program-container .box .program-date .left-col .date {
    font-size: 21px !important;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .tc .section-online-streaming .program-container .box .program-date .left-col .day, .sc .section-online-streaming .program-container .box .program-date .left-col .day {
    font-size: 21px !important;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .tc .section-online-streaming .program-container .box .program-date .right-col, .sc .section-online-streaming .program-container .box .program-date .right-col {
    width: 70px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .tc .section-online-streaming .program-container .box .program-date .left-col, .sc .section-online-streaming .program-container .box .program-date .left-col {
    width: calc(100% - 70px);
  }
}
@media (max-width: 575px) {
  .tc .section-online-streaming .program-container .box .program-date .right-col, .sc .section-online-streaming .program-container .box .program-date .right-col {
    padding-top: 6px;
  }
}

/*2021 end*/
/*2023 start*/
.green-banner-btn {
  display: inline-flex;
  color: #231f20;
  background-color: #48dce1;
  text-align: center;
  border-radius: 35px;
  padding: 12px 35px;
  font-size: 28px;
  font-weight: 500;
  font-family: "ITCAvantGardeStd", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .green-banner-btn {
    font-size: 20px;
    padding: 12px 30px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .green-banner-btn {
    font-size: 18px;
    padding: 12px 20px;
  }
}
.green-banner-btn:hover {
  transform: translateY(-5px);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.c-btn {
  display: inline-flex;
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
  background-color: #F84017;
  text-align: center;
  padding: 12px 50px;
  font-size: 30px;
  font-weight: 600;
  font-family: "TTOctosquares", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei";
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .c-btn {
    font-size: 20px;
    padding: 12px 30px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .c-btn {
    font-size: 18px;
    padding: 12px 20px;
  }
}
.c-btn:hover {
  color: #FFFFFF;
  transform: translateY(-5px);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.c-btn:focus {
  color: #FFFFFF !important;
}

.jumpstarter2023-home {
  padding-top: 122px;
  background-color: #000000;
  font-family: "TTHovesProTrialVariable", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei";
}
.jumpstarter2023-home .section-title,
.jumpstarter2023-home .section-desc {
  font-family: "TTHovesProBold", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei";
  letter-spacing: 0.12em;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-home {
    padding-top: 101px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-home {
    padding-top: 51px;
  }
}
@media (min-width: 1550px) {
  .jumpstarter2023-home .container {
    width: 1230px;
  }
}
.jumpstarter2023-home .homepage-banner {
  width: 100%;
  height: 745px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-self: center;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  font-family: "TTOctosquares", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei";
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-home .homepage-banner {
    height: 500px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-home .homepage-banner {
    height: calc(100vh - 46px);
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-home .homepage-banner .container {
    width: 100%;
  }
}
.jumpstarter2023-home .homepage-banner .swiper-wrapper {
  display: flex;
  align-items: center;
  width: 100%;
}
.jumpstarter2023-home .homepage-banner .swiper-container {
  height: 100%;
}
.jumpstarter2023-home .homepage-banner .btn-container {
  margin-top: 40px;
}
.jumpstarter2023-home .homepage-banner .swiper-slide {
  display: flex;
  align-items: center;
}
.jumpstarter2023-home .homepage-banner .slide1 {
  color: #FFFFFF;
  font-weight: 600;
  background-image: url("../../uploads/images/2023/home/slide_bg1.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.jumpstarter2023-home .homepage-banner .slide1 .line1 {
  font-size: 30px;
  line-height: 1.3em;
  text-shadow: 0.065em 0.065em #000000;
  font-family: "ITCAvantGardeStd", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-home .homepage-banner .slide1 .line1 {
    font-size: 25px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-home .homepage-banner .slide1 .line1 {
    font-size: 18px;
    line-height: 1.6em;
  }
}
.jumpstarter2023-home .homepage-banner .slide1 .line2 {
  margin-top: 2px;
  font-size: 52px;
  text-shadow: 0.065em 0.065em #000000;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-home .homepage-banner .slide1 .line2 {
    font-size: 35px;
    margin-top: 5px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-home .homepage-banner .slide1 .line2 {
    font-size: 28px;
    margin-top: 1px;
  }
}
.jumpstarter2023-home .homepage-banner .slide1 .line3 {
  margin-top: 15px;
  font-size: 68px;
  line-height: 1.25em;
  text-shadow: 0.065em 0.065em #000000;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-home .homepage-banner .slide1 .line3 {
    font-size: 43px;
    margin-top: 5px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-home .homepage-banner .slide1 .line3 {
    font-size: 31px;
    margin-top: 7px;
    line-height: 1.35em;
  }
}
.jumpstarter2023-home .homepage-banner .slide1 span {
  font-family: "TTHovesProBold", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei";
  color: #FFD862;
}
.jumpstarter2023-home .homepage-banner .slide2 {
  color: #FFFFFF;
  font-weight: 600;
  position: relative;
}
.jumpstarter2023-home .homepage-banner .slide2 .slide-logo {
  width: 155px;
  aspect-ratio: 1/1;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../../uploads/images/2023/home/slide1_logo.png");
  position: absolute;
  bottom: 0px;
  right: 0px;
  transform: translateY(55%);
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-home .homepage-banner .slide2 .slide-logo {
    width: 120px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-home .homepage-banner .slide2 .slide-logo {
    width: 80px;
    bottom: 15px;
    right: 15px;
    transform: translateY(100%);
  }
}
.jumpstarter2023-home .homepage-banner .slide2 .bg-container {
  position: absolute;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-image: url("../../uploads/images/2023/home/slide_bg2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.jumpstarter2023-home .homepage-banner .slide2 .bg-container.active {
  opacity: 1;
}
.jumpstarter2023-home .homepage-banner .slide2 .line1 {
  font-size: 86px;
  line-height: 1.1em;
  text-shadow: 0.065em 0.065em #000000;
  font-weight: 500;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-home .homepage-banner .slide2 .line1 {
    font-size: 60px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-home .homepage-banner .slide2 .line1 {
    font-size: 28px;
    line-height: 1.15em;
  }
}
.jumpstarter2023-home .homepage-banner .slide2 .line2 {
  font-size: 109px;
  line-height: 1.1em;
  text-shadow: 0.065em 0.065em #000000;
  font-weight: 500;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-home .homepage-banner .slide2 .line2 {
    font-size: 60px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-home .homepage-banner .slide2 .line2 {
    font-size: 35px;
    line-height: 1.15em;
  }
}
.jumpstarter2023-home .homepage-banner .slide2 .line3 {
  margin-top: 10px;
  font-size: 82px;
  font-weight: 500;
  text-shadow: 0.065em 0.065em #000000;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-home .homepage-banner .slide2 .line3 {
    margin-top: 15px;
    font-size: 58px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-home .homepage-banner .slide2 .line3 {
    font-size: 35px;
    margin-top: 10px;
  }
}
.jumpstarter2023-home .homepage-banner .slide3 {
  color: #FFFFFF;
  font-family: "TTOctosquares", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei";
  font-weight: 600;
  background-image: url("../../uploads/images/2023/home/slide_bg3.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-home .homepage-banner .slide3 {
    background-position: -135px;
  }
}
.jumpstarter2023-home .homepage-banner .slide3 .line1 {
  font-size: 40px;
  line-height: 1.3em;
  font-weight: 500;
  text-shadow: 0.065em 0.065em #000000;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-home .homepage-banner .slide3 .line1 {
    font-size: 35px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-home .homepage-banner .slide3 .line1 {
    font-size: 28px;
    line-height: 1.6em;
  }
}
.jumpstarter2023-home .homepage-banner .slide3 .line2 {
  font-size: 52px;
  text-shadow: 0.065em 0.065em #000000;
  font-weight: 500;
  line-height: 1.1;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-home .homepage-banner .slide3 .line2 {
    font-size: 35px;
    margin-top: 5px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-home .homepage-banner .slide3 .line2 {
    font-size: 28px;
    margin-top: 1px;
  }
}
.jumpstarter2023-home .homepage-banner .slide3 .line3 {
  font-weight: 500;
  font-size: 115px;
  line-height: 1.05em;
  text-shadow: 0.065em 0.065em #000000;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-home .homepage-banner .slide3 .line3 {
    font-size: 43px;
    margin-top: 5px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-home .homepage-banner .slide3 .line3 {
    font-size: 31px;
    margin-top: 7px;
    line-height: 1.35em;
  }
}
.jumpstarter2023-home .homepage-banner .slide3 .line4 {
  margin-top: 15px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.jumpstarter2023-home .homepage-banner .slide3 .line4 .left-col {
  line-height: 1.15;
  color: #00ccff;
  font-family: "ITCAvantGardeStd", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  font-size: 22px;
  font-weight: 400;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-home .homepage-banner .slide3 .line4 .left-col {
    font-size: 18px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-home .homepage-banner .slide3 .line4 .left-col {
    width: 100%;
    font-size: 25px;
    line-height: 1.25;
  }
}
.jumpstarter2023-home .homepage-banner .slide3 .line4 .right-col {
  padding-left: 24px;
  color: #00ccff;
  font-family: "ITCAvantGardeStd", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  font-size: 56px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-home .homepage-banner .slide3 .line4 .right-col {
    font-size: 43px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-home .homepage-banner .slide3 .line4 .right-col {
    font-size: 25px;
    padding-left: 0px;
    margin-top: 15px;
    width: 100%;
  }
}
.jumpstarter2023-home .homepage-banner .slide3 .line5 {
  margin-top: 28px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-home .homepage-banner .slide3 .line5 {
    margin-top: 15px;
    display: grid;
  }
}
.jumpstarter2023-home .homepage-banner .slide3 .line5 img {
  height: 85px;
  max-width: 100%;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-home .homepage-banner .slide3 .line5 img {
    height: 60px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-home .homepage-banner .slide3 .line5 img {
    height: 60px;
  }
}
.jumpstarter2023-home .homepage-banner .slide3 .line5 img:first-child {
  margin-right: 35px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-home .homepage-banner .slide3 .line5 img:first-child {
    margin-bottom: 25px;
    margin-right: 0px;
  }
}
.jumpstarter2023-home .homepage-section0 {
  background-color: #000000;
  padding-top: 105px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-home .homepage-section0 {
    padding-top: 85px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-home .homepage-section0 {
    padding-top: 60px;
  }
}
.jumpstarter2023-home .homepage-section0 .section-title {
  text-align: center;
  color: #ad9362;
  font-size: 60px;
  font-weight: 600;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-home .homepage-section0 .section-title {
    font-size: 40px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-home .homepage-section0 .section-title {
    font-size: 25px;
    line-height: 1.4em;
  }
}
.jumpstarter2023-home .homepage-section0 .section-desc {
  text-align: center;
  color: #ffffff;
  font-size: 30px;
  font-weight: 600;
  margin-top: 15px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-home .homepage-section0 .section-desc {
    font-size: 25px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-home .homepage-section0 .section-desc {
    font-size: 20px;
    line-height: 1.4em;
  }
}
.jumpstarter2023-home .homepage-section0 .remark-container {
  margin-bottom: 60px;
  display: flex;
  justify-content: center;
  margin-top: 25px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-home .homepage-section0 .remark-container {
    margin-bottom: 40px;
  }
}
.jumpstarter2023-home .homepage-section0 .remark-container .free-admission {
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
  border-radius: 2px;
  text-align: center;
  padding-left: 45px;
  padding-right: 45px;
  font-size: 26px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-home .homepage-section0 .remark-container .free-admission {
    font-size: 22px;
    padding-left: 35px;
    padding-right: 35px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-home .homepage-section0 .remark-container .free-admission {
    font-size: 18px;
    padding-left: 25px;
    padding-right: 25px;
  }
}
.jumpstarter2023-home .homepage-section0 .box-wrapper {
  width: 1000px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.jumpstarter2023-home .homepage-section0 .box-container {
  margin-bottom: 15px;
  margin-left: 7.5px;
  margin-right: 7.5px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-home .homepage-section0 .box-container {
    margin-left: 7.5px;
    margin-right: 7.5px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-home .homepage-section0 .box-container {
    margin-left: 7.5px;
    margin-right: 7.5px;
  }
}
.jumpstarter2023-home .homepage-section0 .box-container .col-box {
  padding-left: 7.5px;
  padding-right: 7.5px;
  margin-bottom: 15px;
  width: 33.33%;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-home .homepage-section0 .box-container .col-box {
    padding-left: 7.5px;
    padding-right: 7.5px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-home .homepage-section0 .box-container .col-box {
    padding-left: 7.5px;
    padding-right: 7.5px;
    width: 50%;
  }
}
.jumpstarter2023-home .homepage-section0 .box-container .col-box.remark-box {
  width: 100%;
  margin-top: 45px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-home .homepage-section0 .box-container .col-box.remark-box {
    margin-top: 35px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-home .homepage-section0 .box-container .col-box.remark-box {
    margin-top: 25px;
  }
}
.jumpstarter2023-home .homepage-section0 .box-container .box {
  border: 1px solid #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 15px;
  padding-right: 15px;
  min-height: 105px;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-home .homepage-section0 .box-container .box {
    min-height: 87px;
  }
}
.jumpstarter2023-home .homepage-section0 .box-container .box.box1 {
  background: rgb(119, 94, 250);
  background: linear-gradient(135deg, rgb(119, 94, 250) 0%, rgb(90, 142, 241) 100%);
}
.jumpstarter2023-home .homepage-section0 .box-container .box.box2 {
  background: rgb(88, 106, 223);
  background: linear-gradient(135deg, rgb(88, 106, 223) 0%, rgb(52, 178, 234) 100%);
}
.jumpstarter2023-home .homepage-section0 .box-container .box.box3 {
  background: rgb(66, 160, 238);
  background: linear-gradient(135deg, rgb(66, 160, 238) 0%, rgb(20, 222, 225) 100%);
}
.jumpstarter2023-home .homepage-section0 .box-container .box.box4 {
  background: rgb(110, 102, 251);
  background: linear-gradient(135deg, rgb(110, 102, 251) 0%, rgb(64, 163, 238) 100%);
}
.jumpstarter2023-home .homepage-section0 .box-container .box.box5 {
  background: rgb(71, 129, 217);
  background: linear-gradient(135deg, rgb(71, 129, 217) 0%, rgb(33, 204, 229) 100%);
}
.jumpstarter2023-home .homepage-section0 .box-container .box.box6 {
  background: rgb(46, 187, 233);
  background: linear-gradient(135deg, rgb(46, 187, 233) 0%, rgb(1, 247, 219) 100%);
}
.jumpstarter2023-home .homepage-section0 .box-container .box:hover {
  background: rgb(253, 210, 116);
  background: linear-gradient(135deg, rgb(253, 210, 116) 0%, rgb(234, 63, 99) 100%);
}
.jumpstarter2023-home .homepage-section0 .box-container .box.box7 {
  background: rgb(253, 210, 116);
  background: linear-gradient(135deg, rgb(253, 210, 116) 0%, rgb(234, 63, 99) 100%);
}
.jumpstarter2023-home .homepage-section0 .box-container .box .desc {
  color: #FFFFFF;
  font-size: 25px;
  font-weight: 800;
  text-align: center;
}
.jumpstarter2023-home .homepage-section0 .box-container .box .desc p {
  line-height: 1em;
  margin-bottom: 8px;
  font-family: "TTHovesProBold", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei";
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-home .homepage-section0 .box-container .box .desc p {
    line-height: 1.2em;
    margin-bottom: 4px;
  }
}
.jumpstarter2023-home .homepage-section0 .box-container .box .desc p:last-child {
  margin-bottom: 0px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-home .homepage-section0 .box-container .box .desc {
    font-size: 20px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-home .homepage-section0 .box-container .box .desc {
    font-size: 16px;
  }
}
.jumpstarter2023-home .homepage-section0 .box-container .box .desc span {
  font-family: "TTHovesProBold", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei";
  color: #FFD862;
}
.jumpstarter2023-home .homepage-section1 {
  background-color: #000000;
  padding-top: 105px;
  padding-bottom: 105px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-home .homepage-section1 {
    padding-top: 85px;
    padding-bottom: 85px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-home .homepage-section1 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
.jumpstarter2023-home .homepage-section1 .section-title {
  text-align: center;
  color: #FB4017;
  font-size: 60px;
  font-weight: 600;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-home .homepage-section1 .section-title {
    font-size: 40px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-home .homepage-section1 .section-title {
    font-size: 25px;
    line-height: 1.4em;
  }
}
.jumpstarter2023-home .homepage-section1 .section-desc {
  text-align: center;
  color: #FFFFFF;
  font-size: 30px;
  font-weight: 600;
  margin-top: 15px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-home .homepage-section1 .section-desc {
    font-size: 25px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-home .homepage-section1 .section-desc {
    font-size: 20px;
    line-height: 1.4em;
  }
}
.jumpstarter2023-home .homepage-section1 .box-container {
  margin-top: 75px;
  margin-bottom: -45px;
  margin-left: -75px;
  margin-right: -75px;
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-home .homepage-section1 .box-container {
    margin-left: -35px;
    margin-right: -35px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-home .homepage-section1 .box-container {
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 40px;
  }
}
.jumpstarter2023-home .homepage-section1 .box-container .col-box {
  padding-left: 75px;
  padding-right: 75px;
  margin-bottom: 45px;
  width: 33.33%;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-home .homepage-section1 .box-container .col-box {
    padding-left: 35px;
    padding-right: 35px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-home .homepage-section1 .box-container .col-box {
    padding-left: 15px;
    padding-right: 15px;
    width: 50%;
  }
}
.jumpstarter2023-home .homepage-section1 .box-container .box .img-container {
  display: flex;
  justify-content: center;
}
.jumpstarter2023-home .homepage-section1 .box-container .box .img {
  width: 210px;
  height: 110px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.jumpstarter2023-home .homepage-section1 .box-container .box .img.img1 {
  background-image: url("../../uploads/images/2023/home/icon1.png");
}
.jumpstarter2023-home .homepage-section1 .box-container .box .img.img2 {
  background-image: url("../../uploads/images/2023/home/icon2.png");
}
.jumpstarter2023-home .homepage-section1 .box-container .box .img.img3 {
  background-image: url("../../uploads/images/2023/home/icon3.png");
}
.jumpstarter2023-home .homepage-section1 .box-container .box .img.img4 {
  background-image: url("../../uploads/images/2023/home/icon4.png");
}
.jumpstarter2023-home .homepage-section1 .box-container .box .img.img5 {
  background-image: url("../../uploads/images/2023/home/icon5.png");
}
.jumpstarter2023-home .homepage-section1 .box-container .box .img.img6 {
  background-image: url("../../uploads/images/2023/home/icon6.png");
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-home .homepage-section1 .box-container .box .img {
    width: 100%;
  }
}
.jumpstarter2023-home .homepage-section1 .box-container .box .desc {
  color: #FFFFFF;
  font-size: 25px;
  font-weight: 500;
  text-align: center;
  margin-top: 20px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-home .homepage-section1 .box-container .box .desc {
    font-size: 20px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-home .homepage-section1 .box-container .box .desc {
    font-size: 16px;
    margin-top: 5px;
  }
}
.jumpstarter2023-home .homepage-section1 .box-container .box .desc span {
  font-family: "TTHovesProBold", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei";
  color: #FFD862;
}
.jumpstarter2023-home .homepage-section2 {
  background-color: #000000;
  padding-bottom: 105px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-home .homepage-section2 {
    padding-bottom: 85px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-home .homepage-section2 {
    padding-bottom: 60px;
  }
}
.jumpstarter2023-home .homepage-section2 img {
  width: 100%;
  max-width: 100%;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-home .homepage-section2 .img-desktop {
    display: none;
  }
}
.jumpstarter2023-home .homepage-section2 .img-mobile {
  display: none;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-home .homepage-section2 .img-mobile {
    display: block;
  }
}
.jumpstarter2023-home .homepage-section3 {
  display: flex;
  flex-wrap: wrap;
}
.jumpstarter2023-home .homepage-section3 .top-col {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
.jumpstarter2023-home .homepage-section3 .top-col .top-left-col {
  width: 50%;
  background-image: url("../../uploads/images/2023/home/img1.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px), (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-home .homepage-section3 .top-col .top-left-col {
    display: none;
  }
}
.jumpstarter2023-home .homepage-section3 .top-col .top-right-col {
  width: 50%;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px), (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-home .homepage-section3 .top-col .top-right-col {
    width: 100%;
  }
}
.jumpstarter2023-home .homepage-section3 .top-col .top-right-col .inner-left-col {
  width: 50%;
  background-color: #FB4017;
  color: #FFFFFF;
  padding: 45px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-self: center;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px), (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-home .homepage-section3 .top-col .top-right-col .inner-left-col {
    order: 2;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-home .homepage-section3 .top-col .top-right-col .inner-left-col {
    padding: 15px;
  }
}
.jumpstarter2023-home .homepage-section3 .top-col .top-right-col .inner-left-col .line1 {
  width: 100%;
  font-size: 26px;
  font-weight: 500;
  margin-bottom: 50px;
  margin-top: 25px;
  position: relative;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-home .homepage-section3 .top-col .top-right-col .inner-left-col .line1 {
    font-size: 25px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-home .homepage-section3 .top-col .top-right-col .inner-left-col .line1 {
    font-size: 14px;
    margin-bottom: 15px;
    margin-top: 15px;
  }
}
.jumpstarter2023-home .homepage-section3 .top-col .top-right-col .inner-left-col .line1:before {
  content: "";
  width: 60px;
  height: 53px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../../uploads/images/2023/home/quote.png");
  position: absolute;
  top: 0px;
  left: 0px;
  transform: translate(-31%, -104%);
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-home .homepage-section3 .top-col .top-right-col .inner-left-col .line1:before {
    width: 15px;
    height: 15px;
    top: -5px;
  }
}
.jumpstarter2023-home .homepage-section3 .top-col .top-right-col .inner-left-col .line2 {
  width: 100%;
  text-align: right;
  font-size: 21px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-home .homepage-section3 .top-col .top-right-col .inner-left-col .line2 {
    font-size: 16px;
  }
}
.jumpstarter2023-home .homepage-section3 .top-col .top-right-col .inner-right-col {
  width: 50%;
  background-image: url("../../uploads/images/2023/home/img2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px), (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-home .homepage-section3 .top-col .top-right-col .inner-right-col {
    order: 1;
    background-image: url("../../uploads/images/2023/home/img1.jpg");
    background-position: right;
  }
}
.jumpstarter2023-home .homepage-section3 .bottom-col {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
.jumpstarter2023-home .homepage-section3 .bottom-col .bottom-left-col {
  width: 50%;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px), (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-home .homepage-section3 .bottom-col .bottom-left-col {
    width: 100%;
  }
}
.jumpstarter2023-home .homepage-section3 .bottom-col .bottom-left-col .inner-left-col {
  width: 50%;
  background-image: url("../../uploads/images/2023/home/img3.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px), (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-home .homepage-section3 .bottom-col .bottom-left-col .inner-left-col {
    background-image: url("../../uploads/images/2023/home/img4.jpg");
    background-position: left;
    order: 2;
  }
}
.jumpstarter2023-home .homepage-section3 .bottom-col .bottom-left-col .inner-right-col {
  width: 50%;
  background-color: #E8384E;
  color: #FFFFFF;
  padding: 45px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-self: center;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px), (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-home .homepage-section3 .bottom-col .bottom-left-col .inner-right-col {
    order: 1;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-home .homepage-section3 .bottom-col .bottom-left-col .inner-right-col {
    padding: 15px;
  }
}
.jumpstarter2023-home .homepage-section3 .bottom-col .bottom-left-col .inner-right-col .line1 {
  width: 100%;
  font-size: 26px;
  font-weight: 500;
  margin-bottom: 50px;
  position: relative;
  margin-top: 25px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-home .homepage-section3 .bottom-col .bottom-left-col .inner-right-col .line1 {
    font-size: 25px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-home .homepage-section3 .bottom-col .bottom-left-col .inner-right-col .line1 {
    font-size: 14px;
    margin-bottom: 15px;
    margin-top: 15px;
  }
}
.jumpstarter2023-home .homepage-section3 .bottom-col .bottom-left-col .inner-right-col .line1:before {
  content: "";
  width: 60px;
  height: 53px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../../uploads/images/2023/home/quote.png");
  position: absolute;
  top: 0px;
  left: 0px;
  transform: translate(-31%, -104%);
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-home .homepage-section3 .bottom-col .bottom-left-col .inner-right-col .line1:before {
    width: 15px;
    height: 15px;
    top: -5px;
  }
}
.jumpstarter2023-home .homepage-section3 .bottom-col .bottom-left-col .inner-right-col .line2 {
  width: 100%;
  text-align: right;
  font-size: 21px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-home .homepage-section3 .bottom-col .bottom-left-col .inner-right-col .line2 {
    font-size: 16px;
  }
}
.jumpstarter2023-home .homepage-section3 .bottom-col .bottom-right-col {
  width: 50%;
  background-image: url("../../uploads/images/2023/home/img4.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px), (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-home .homepage-section3 .bottom-col .bottom-right-col {
    display: none;
  }
}
.jumpstarter2023-home .homepage-section4 {
  background-color: #000000;
  padding-top: 105px;
  padding-bottom: 105px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-home .homepage-section4 {
    padding-top: 85px;
    padding-bottom: 85px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-home .homepage-section4 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
.jumpstarter2023-home .homepage-section4 .section-title {
  text-align: center;
  color: #FFFFFF;
  font-size: 60px;
  font-weight: 600;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-home .homepage-section4 .section-title {
    font-size: 40px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-home .homepage-section4 .section-title {
    font-size: 28px;
    line-height: 1.4em;
  }
}
.jumpstarter2023-home .homepage-section4 .section-desc {
  text-align: center;
  color: #FFFFFF;
  font-size: 30px;
  font-weight: 600;
  margin-top: 15px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-home .homepage-section4 .section-desc {
    font-size: 25px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-home .homepage-section4 .section-desc {
    font-size: 20px;
    line-height: 1.4em;
  }
}
.jumpstarter2023-home .homepage-section4 .box-container {
  margin-top: 75px;
  margin-bottom: -65px;
  margin-left: -50px;
  margin-right: -50px;
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-home .homepage-section4 .box-container {
    margin-left: -35px;
    margin-right: -35px;
    margin-top: 50px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-home .homepage-section4 .box-container {
    margin-top: 35px;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: -20px;
  }
}
.jumpstarter2023-home .homepage-section4 .box-container .col-box {
  padding-left: 30px;
  padding-right: 30px;
  margin-bottom: 65px;
  width: 25%;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-home .homepage-section4 .box-container .col-box {
    padding-left: 35px;
    padding-right: 35px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-home .homepage-section4 .box-container .col-box {
    padding-left: 15px;
    padding-right: 15px;
    width: 50%;
    margin-bottom: 20px;
  }
}
.jumpstarter2023-home .homepage-section4 .box-container .box .img-container {
  display: flex;
  justify-content: center;
}
.jumpstarter2023-home .homepage-section4 .box-container .box .img {
  width: 222px;
  height: 150px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.jumpstarter2023-home .homepage-section4 .box-container .box .img.img1 {
  background-image: url("../../uploads/images/2023/home/number1.png");
}
.jumpstarter2023-home .homepage-section4 .box-container .box .img.img2 {
  background-image: url("../../uploads/images/2023/home/number2.png");
}
.jumpstarter2023-home .homepage-section4 .box-container .box .img.img3 {
  background-image: url("../../uploads/images/2023/home/number3.png");
}
.jumpstarter2023-home .homepage-section4 .box-container .box .img.img4 {
  background-image: url("../../uploads/images/2023/home/number4.png");
}
.jumpstarter2023-home .homepage-section4 .box-container .box .img.img5 {
  background-image: url("../../uploads/images/2023/home/number5.png");
}
.jumpstarter2023-home .homepage-section4 .box-container .box .img.img6 {
  background-image: url("../../uploads/images/2023/home/number6.png");
}
.jumpstarter2023-home .homepage-section4 .box-container .box .img.img7 {
  background-image: url("../../uploads/images/2023/home/number7.png");
}
.jumpstarter2023-home .homepage-section4 .box-container .box .img.img8 {
  background-image: url("../../uploads/images/2023/home/number8.png");
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-home .homepage-section4 .box-container .box .img {
    width: 100%;
  }
}
.jumpstarter2023-home .homepage-section4 .box-container .box .desc {
  color: #F8C77A;
  font-family: "TTHovesProMedium", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei";
  font-size: 25px;
  font-weight: 500;
  text-align: center;
  margin-top: 15px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-home .homepage-section4 .box-container .box .desc {
    font-size: 20px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-home .homepage-section4 .box-container .box .desc {
    font-size: 16px;
  }
}
.jumpstarter2023-home .homepage-section4 .btn-container {
  margin-top: 105px;
  width: 100%;
  display: flex;
  justify-content: center;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-home .homepage-section4 .btn-container {
    margin-top: 80px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-home .homepage-section4 .btn-container {
    margin-top: 70px;
  }
}

.jumpstarter2023-about {
  padding-top: 122px;
  background-color: #000000;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-about {
    padding-top: 101px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-about {
    padding-top: 51px;
  }
}
@media (min-width: 1550px) {
  .jumpstarter2023-about .container {
    width: 1230px;
  }
}
.jumpstarter2023-about .about-banner {
  background-image: url("../../uploads/images/2023/about/banner_bg.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  align-self: center;
  height: 747px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-about .about-banner {
    height: 450px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-about .about-banner {
    height: 300px;
  }
}
.jumpstarter2023-about .about-banner .container {
  padding-top: 15px;
  padding-bottom: 15px;
  color: #FFFFFF;
  font-family: "TTOctosquares", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei";
  font-weight: 600;
  font-size: 96px;
  line-height: 1.3em;
  text-shadow: 0.065em 0.065em #000000;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-about .about-banner .container {
    font-size: 60px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-about .about-banner .container {
    font-size: 40px;
    width: 100%;
  }
}
.jumpstarter2023-about .about-section1 {
  padding-top: 105px;
  padding-bottom: 105px;
  background-image: url("../../uploads/images/2023/about/bg.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-about .about-section1 {
    padding-top: 85px;
    padding-bottom: 85px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-about .about-section1 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
.jumpstarter2023-about .about-section1 .box-container {
  margin-bottom: -75px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-about .about-section1 .box-container {
    margin-bottom: -50px;
  }
}
.jumpstarter2023-about .about-section1 .box-container .box {
  margin-bottom: 75px;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-about .about-section1 .box-container .box {
    margin-bottom: 50px;
  }
}
.jumpstarter2023-about .about-section1 .box-container .box .left-col {
  width: 490px;
  position: relative;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-about .about-section1 .box-container .box .left-col {
    width: 350px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-about .about-section1 .box-container .box .left-col {
    width: 100%;
  }
}
.jumpstarter2023-about .about-section1 .box-container .box .left-col img {
  position: absolute;
  width: 430px;
  left: 30px;
  top: 0px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-about .about-section1 .box-container .box .left-col img {
    width: 290px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-about .about-section1 .box-container .box .left-col img {
    display: none;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-about .about-section1 .box-container .box .left-col .top-col {
    display: none;
  }
}
.jumpstarter2023-about .about-section1 .box-container .box .right-col {
  width: calc(100% - 490px);
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-about .about-section1 .box-container .box .right-col {
    width: calc(100% - 350px);
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-about .about-section1 .box-container .box .right-col {
    width: 100%;
  }
}
.jumpstarter2023-about .about-section1 .box-container .box .right-col .top-col {
  font-family: "TTHovesProBold", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei";
  letter-spacing: 0.12em;
  font-size: 50px;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 1.15em;
  padding-bottom: 5px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-about .about-section1 .box-container .box .right-col .top-col {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 25px;
    padding-bottom: 10px;
  }
}
.jumpstarter2023-about .about-section1 .box-container .box .right-col .mobile-img {
  display: none;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-about .about-section1 .box-container .box .right-col .mobile-img {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 200px;
    position: relative;
  }
  .jumpstarter2023-about .about-section1 .box-container .box .right-col .mobile-img:before {
    content: "";
    height: 100px;
    left: 0;
    bottom: 0;
    width: 100%;
    position: absolute;
  }
  .jumpstarter2023-about .about-section1 .box-container .box .right-col .mobile-img .bg {
    width: calc(100% - 30px);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
  }
}
.jumpstarter2023-about .about-section1 .box-container .box .right-col .bottom-col {
  font-family: "TTHovesProMedium", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei";
  color: #FFFFFF;
  font-size: 19px;
  font-weight: 500;
  padding-top: 25px;
  padding-bottom: 25px;
  padding-right: 35px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-about .about-section1 .box-container .box .right-col .bottom-col {
    font-size: 18px;
    padding-right: 25px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-about .about-section1 .box-container .box .right-col .bottom-col {
    font-size: 17px;
    padding: 15px;
  }
}
.jumpstarter2023-about .about-section1 .box-container .box.box1 .left-col .top-col {
  height: 130px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-about .about-section1 .box-container .box.box1 .left-col .top-col {
    height: unset;
  }
}
.jumpstarter2023-about .about-section1 .box-container .box.box1 .left-col .bottom-col {
  background-color: #FF5A0A;
  height: calc(100% - 130px);
}
.jumpstarter2023-about .about-section1 .box-container .box.box1 .right-col .top-col {
  height: 130px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-about .about-section1 .box-container .box.box1 .right-col .top-col {
    height: unset;
  }
}
.jumpstarter2023-about .about-section1 .box-container .box.box1 .right-col .bottom-col {
  background-color: #FF5A0A;
}
.jumpstarter2023-about .about-section1 .box-container .box.box2 .left-col .top-col, .jumpstarter2023-about .about-section1 .box-container .box.box3 .left-col .top-col, .jumpstarter2023-about .about-section1 .box-container .box.box4 .left-col .top-col {
  height: 70px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-about .about-section1 .box-container .box.box2 .left-col .top-col, .jumpstarter2023-about .about-section1 .box-container .box.box3 .left-col .top-col, .jumpstarter2023-about .about-section1 .box-container .box.box4 .left-col .top-col {
    height: unset;
  }
}
.jumpstarter2023-about .about-section1 .box-container .box.box2 .left-col .bottom-col, .jumpstarter2023-about .about-section1 .box-container .box.box3 .left-col .bottom-col, .jumpstarter2023-about .about-section1 .box-container .box.box4 .left-col .bottom-col {
  height: calc(100% - 70px);
}
.jumpstarter2023-about .about-section1 .box-container .box.box2 .right-col .top-col, .jumpstarter2023-about .about-section1 .box-container .box.box3 .right-col .top-col, .jumpstarter2023-about .about-section1 .box-container .box.box4 .right-col .top-col {
  height: 70px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-about .about-section1 .box-container .box.box2 .right-col .top-col, .jumpstarter2023-about .about-section1 .box-container .box.box3 .right-col .top-col, .jumpstarter2023-about .about-section1 .box-container .box.box4 .right-col .top-col {
    height: unset;
  }
}
.jumpstarter2023-about .about-section1 .box-container .box.box2 .right-col .bottom-col, .jumpstarter2023-about .about-section1 .box-container .box.box3 .right-col .bottom-col, .jumpstarter2023-about .about-section1 .box-container .box.box4 .right-col .bottom-col {
  min-height: 234px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-about .about-section1 .box-container .box.box2 .right-col .bottom-col, .jumpstarter2023-about .about-section1 .box-container .box.box3 .right-col .bottom-col, .jumpstarter2023-about .about-section1 .box-container .box.box4 .right-col .bottom-col {
    min-height: unset;
  }
}
.jumpstarter2023-about .about-section1 .box-container .box.box2 .bottom-col {
  background-color: #EF5160;
}
.jumpstarter2023-about .about-section1 .box-container .box.box2 .left-col {
  order: 2;
}
.jumpstarter2023-about .about-section1 .box-container .box.box2 .right-col {
  order: 1;
}
.jumpstarter2023-about .about-section1 .box-container .box.box2 .right-col .bottom-col, .jumpstarter2023-about .about-section1 .box-container .box.box2 .right-col .top-col {
  padding-left: 30px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-about .about-section1 .box-container .box.box2 .right-col .bottom-col, .jumpstarter2023-about .about-section1 .box-container .box.box2 .right-col .top-col {
    padding-left: 15px;
  }
}
.jumpstarter2023-about .about-section1 .box-container .box.box3 .bottom-col {
  background-color: #AC935F;
}
.jumpstarter2023-about .about-section1 .box-container .box.box4 .bottom-col {
  background-color: #00142F;
}
.jumpstarter2023-about .about-section1 .box-container .box.box4 .left-col {
  order: 2;
}
.jumpstarter2023-about .about-section1 .box-container .box.box4 .right-col {
  order: 1;
}
.jumpstarter2023-about .about-section1 .box-container .box.box4 .right-col .bottom-col, .jumpstarter2023-about .about-section1 .box-container .box.box4 .right-col .top-col {
  padding-left: 30px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-about .about-section1 .box-container .box.box4 .right-col .bottom-col, .jumpstarter2023-about .about-section1 .box-container .box.box4 .right-col .top-col {
    padding-left: 15px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-about .about-section1 .box-container .box.box1 .mobile-img:before {
    background-color: #FF5A0A;
  }
  .jumpstarter2023-about .about-section1 .box-container .box.box1 .mobile-img .bg {
    background-image: url("../../uploads/images/2023/about/img1.jpg");
  }
  .jumpstarter2023-about .about-section1 .box-container .box.box2 .mobile-img:before {
    background-color: #EF5160;
  }
  .jumpstarter2023-about .about-section1 .box-container .box.box2 .mobile-img .bg {
    background-image: url("../../uploads/images/2023/about/img2.jpg");
  }
  .jumpstarter2023-about .about-section1 .box-container .box.box3 .mobile-img:before {
    background-color: #AC935F;
  }
  .jumpstarter2023-about .about-section1 .box-container .box.box3 .mobile-img .bg {
    background-image: url("../../uploads/images/2023/about/img3.jpg");
  }
  .jumpstarter2023-about .about-section1 .box-container .box.box4 .mobile-img:before {
    background-color: #00142F;
  }
  .jumpstarter2023-about .about-section1 .box-container .box.box4 .mobile-img .bg {
    background-image: url("../../uploads/images/2023/about/img4.jpg");
  }
}

.section-home-swiper-2025 .swiper-slide {
  color: #FFFFFF;
  aspect-ratio: 1920/747;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .section-home-swiper-2025 .swiper-slide {
    aspect-ratio: 430/300;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .section-home-swiper-2025 .box-container {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.home-banner2025-slide1 {
  background-image: url("../../uploads/images/2025/home/banner2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  height: 100%;
  align-self: center;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .home-banner2025-slide1 {
    min-height: unset;
  }
}
.home-banner2025-slide1 .apply-btn {
  border-radius: 70px;
  background: rgb(241, 91, 43);
  background: linear-gradient(45deg, rgb(241, 91, 43) 0%, rgb(255, 255, 0) 100%);
  display: inline-block;
  color: #FFFFFF;
  font-weight: 500;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
  padding: 15px 35px;
  font-size: 27px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .home-banner2025-slide1 .apply-btn {
    font-size: 20px;
    padding: 12px 25px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .home-banner2025-slide1 .apply-btn {
    font-size: 18px;
    padding: 12px 20px;
  }
}
.home-banner2025-slide1 .apply-btn:hover {
  transform: translateY(-5px);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.home-banner2025-slide1 .apply-btn:focus {
  color: #FFFFFF !important;
}
.home-banner2025-slide1 .container {
  padding-top: 15px;
  padding-bottom: 15px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .home-banner2025-slide1 .container {
    width: 100%;
  }
}
.home-banner2025-slide1 .container .box-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-self: center;
}
.home-banner2025-slide1 .container .line1 {
  color: #FFFFFF;
  font-family: "StencilCreek", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei";
  font-weight: 400;
  font-size: 110px;
  line-height: 1em;
  text-shadow: 0.065em 0.065em #000000;
  width: 100%;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .home-banner2025-slide1 .container .line1 {
    font-size: 60px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .home-banner2025-slide1 .container .line1 {
    font-size: 35px;
    width: 100%;
  }
}
.home-banner2025-slide1 .container .line2 {
  color: #FFFFFF;
  font-family: "Poppins", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei";
  font-weight: 500;
  font-size: 45px;
  line-height: 1.3em;
  margin-top: 15px;
  text-shadow: 0.065em 0.065em #000000;
  width: 100%;
}
.home-banner2025-slide1 .container .line2 span {
  font-family: "StencilCreek", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei";
}
.home-banner2025-slide1 .container .line2 span {
  font-size: 34px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .home-banner2025-slide1 .container .line2 {
    font-size: 40px;
  }
  .home-banner2025-slide1 .container .line2 span {
    font-size: 32px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .home-banner2025-slide1 .container .line2 {
    font-size: 18px;
    width: 100%;
  }
  .home-banner2025-slide1 .container .line2 span {
    font-size: 25px;
  }
}
.home-banner2025-slide1 .container .btn-container {
  width: 100%;
  margin-top: 25px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .home-banner2025-slide1 .container .btn-container {
    margin-top: 20px;
  }
}

.home-banner2025-slide3 {
  background-image: url("../../uploads/images/2025/home/ticket_desktop.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  align-self: center;
  aspect-ratio: 1920/747;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .home-banner2025-slide3 {
    height: 100%;
    min-height: unset;
    aspect-ratio: unset;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .home-banner2025-slide3 {
    min-height: unset;
    aspect-ratio: unset;
    height: 100%;
    background-image: url("../../uploads/images/2025/home/ticket_mobile.jpg");
  }
}

.home-banner2025-slide2 {
  background-image: url("../../uploads/images/2025/home/banner.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  align-self: center;
  aspect-ratio: 1920/747;
}
.home-banner2025-slide2 .c-btn:focus {
  color: #FFFFFF !important;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .home-banner2025-slide2 {
    height: 100%;
    min-height: unset;
    aspect-ratio: unset;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .home-banner2025-slide2 {
    min-height: unset;
    aspect-ratio: unset;
    height: 100%;
  }
}
.home-banner2025-slide2 .container {
  padding-top: 15px;
  padding-bottom: 15px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .home-banner2025-slide2 .container {
    width: 100%;
  }
}
.home-banner2025-slide2 .container .box-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-self: center;
}
.home-banner2025-slide2 .container .line1 {
  color: #FFFFFF;
  font-family: "StencilCreek", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei";
  font-weight: 400;
  font-size: 110px;
  line-height: 1.05em;
  margin-bottom: 15px;
  text-shadow: 0.065em 0.065em #000000;
  width: 100%;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .home-banner2025-slide2 .container .line1 {
    font-size: 60px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .home-banner2025-slide2 .container .line1 {
    font-size: 35px;
    width: 100%;
  }
}
.home-banner2025-slide2 .container .line2 {
  color: #FFFFFF;
  font-family: "Poppins", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei";
  font-weight: 500;
  font-size: 22px;
  line-height: 1.3em;
  text-shadow: 0.065em 0.065em #000000;
  width: 100%;
}
.home-banner2025-slide2 .container .line2 span {
  font-size: 34px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .home-banner2025-slide2 .container .line2 {
    font-size: 20px;
  }
  .home-banner2025-slide2 .container .line2 span {
    font-size: 32px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .home-banner2025-slide2 .container .line2 {
    font-size: 15px;
    width: 100%;
  }
  .home-banner2025-slide2 .container .line2 span {
    font-size: 25px;
  }
}
.home-banner2025-slide2 .container .btn-container {
  width: 100%;
  margin-top: 40px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .home-banner2025-slide2 .container .btn-container {
    margin-top: 20px;
  }
}

.top100-2024 {
  padding-top: 151px;
  background-color: #000000;
  color: #FFFFFF;
  background-image: url("../../uploads/images/2023/startup/section5_bg.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .top100-2024 {
    background-image: none;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .top100-2024 {
    padding-top: 151px;
  }
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .top100-2024 {
    padding-top: 124px;
  }
}
@media (max-width: 575px) {
  .top100-2024 {
    padding-top: 94px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .top100-2024 {
    padding-top: 94px;
  }
}
.top100-2024 .section1 {
  padding-top: 105px;
  padding-bottom: 105px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .top100-2024 .section1 {
    padding-top: 85px;
    padding-bottom: 85px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .top100-2024 .section1 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media (min-width: 1550px) {
  .top100-2024 .section1 .container {
    width: 1330px;
  }
}
.top100-2024 .section1 .r1 {
  text-align: center;
  color: #AC935F;
  font-weight: 600;
  line-height: 1.15;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .top100-2024 .section1 .r1 {
    font-size: 54px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .top100-2024 .section1 .r1 {
    font-size: 40px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .top100-2024 .section1 .r1 {
    font-size: 24px;
  }
}
.top100-2024 .section1 .r2 {
  text-align: center;
  color: #FB4017;
  font-weight: 600;
  margin-top: 30px;
  display: flex;
  width: 100%;
  justify-content: center;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .top100-2024 .section1 .r2 {
    margin-top: 25px;
  }
}
.top100-2024 .section1 .r2 span {
  background: linear-gradient(to right, #FF7328, #F02666);
  color: #FFFFFF;
  padding: 10px 22px;
  border-radius: 50px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .top100-2024 .section1 .r2 span {
    font-size: 24px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .top100-2024 .section1 .r2 span {
    font-size: 22px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .top100-2024 .section1 .r2 span {
    font-size: 18px;
  }
}
.top100-2024 .section1 .box-container {
  margin-top: 60px;
  margin-bottom: -50px;
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  padding: 50px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .top100-2024 .section1 .box-container {
    padding: 25px;
    margin-top: 30px;
    margin-bottom: -40px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .top100-2024 .section1 .box-container {
    padding: 15px;
    margin-top: 30px;
    margin-bottom: -30px;
  }
}
.top100-2024 .section1 .box-container .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #000000;
  opacity: 0.5;
  pointer-events: none;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .top100-2024 .section1 .box-container {
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 40px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .top100-2024 .section1 .box-container {
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 40px;
  }
}
.top100-2024 .section1 .box-container .col-box {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 50px;
  width: 20%;
  position: relative;
  align-items: center;
  display: flex;
  justify-content: center;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .top100-2024 .section1 .box-container .col-box {
    padding-left: 15px;
    padding-right: 15px;
    width: 25%;
    margin-bottom: 35px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .top100-2024 .section1 .box-container .col-box {
    padding-left: 15px;
    padding-right: 15px;
    width: 33.3%;
    margin-bottom: 40px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .top100-2024 .section1 .box-container .col-box {
    padding-left: 15px;
    padding-right: 15px;
    width: 50%;
    margin-bottom: 30px;
  }
}
.top100-2024 .section1 .box-container .box {
  text-align: center;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .top100-2024 .section1 .box-container .box {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .top100-2024 .section1 .box-container .box {
    font-size: 16px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .top100-2024 .section1 .box-container .box {
    font-size: 15px;
  }
}

.top30-2024 {
  padding-top: 151px;
  background-color: #000000;
  color: #FFFFFF;
  background-image: url("../../uploads/images/2023/startup/section5_bg.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .top30-2024 {
    background-image: none;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .top30-2024 {
    padding-top: 151px;
  }
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .top30-2024 {
    padding-top: 124px;
  }
}
@media (max-width: 575px) {
  .top30-2024 {
    padding-top: 94px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .top30-2024 {
    padding-top: 94px;
  }
}
.top30-2024 .section1 {
  padding-top: 105px;
  padding-bottom: 105px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .top30-2024 .section1 {
    padding-top: 85px;
    padding-bottom: 85px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .top30-2024 .section1 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media (min-width: 1550px) {
  .top30-2024 .section1 .container {
    width: 1330px;
  }
}
.top30-2024 .section1 .r1 {
  text-align: center;
  color: #AC935F;
  font-weight: 600;
  line-height: 1.15;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .top30-2024 .section1 .r1 {
    font-size: 54px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .top30-2024 .section1 .r1 {
    font-size: 40px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .top30-2024 .section1 .r1 {
    font-size: 24px;
  }
}
.top30-2024 .section1 .r2 {
  text-align: center;
  color: #FB4017;
  font-weight: 600;
  margin-top: 30px;
  display: flex;
  width: 100%;
  justify-content: center;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .top30-2024 .section1 .r2 {
    margin-top: 25px;
  }
}
.top30-2024 .section1 .r2 span {
  background: linear-gradient(to right, #FF7328, #F02666);
  color: #FFFFFF;
  padding: 10px 22px;
  border-radius: 50px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .top30-2024 .section1 .r2 span {
    font-size: 24px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .top30-2024 .section1 .r2 span {
    font-size: 22px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .top30-2024 .section1 .r2 span {
    font-size: 18px;
  }
}
.top30-2024 .section1 .box-container {
  margin-top: 60px;
  margin-bottom: -50px;
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  padding: 50px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .top30-2024 .section1 .box-container {
    padding: 25px;
    margin-top: 30px;
    margin-bottom: -40px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .top30-2024 .section1 .box-container {
    padding: 0px;
    margin-top: 30px;
    margin-bottom: -30px;
  }
}
.top30-2024 .section1 .box-container .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #000000;
  opacity: 0.5;
  pointer-events: none;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .top30-2024 .section1 .box-container {
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 40px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .top30-2024 .section1 .box-container {
    margin-left: -7.5px;
    margin-right: -7.5px;
    margin-top: 40px;
  }
}
.top30-2024 .section1 .box-container .col-box {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 50px;
  width: 20%;
  position: relative;
  display: flex;
  justify-content: center;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .top30-2024 .section1 .box-container .col-box {
    padding-left: 15px;
    padding-right: 15px;
    width: 25%;
    margin-bottom: 35px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .top30-2024 .section1 .box-container .col-box {
    padding-left: 15px;
    padding-right: 15px;
    width: 33.3%;
    margin-bottom: 40px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .top30-2024 .section1 .box-container .col-box {
    padding-left: 7.5px;
    padding-right: 7.5px;
    width: 50%;
    margin-bottom: 30px;
  }
}
.top30-2024 .section1 .box-container .box {
  text-align: center;
}
.top30-2024 .section1 .box-container .box .logo {
  text-align: center;
}
.top30-2024 .section1 .box-container .box .logo img {
  max-width: 100%;
  width: 150px;
}
.top30-2024 .section1 .box-container .box .name {
  margin-top: 14px;
  text-align: center;
  line-height: 1.4;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .top30-2024 .section1 .box-container .box .name {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .top30-2024 .section1 .box-container .box .name {
    font-size: 16px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .top30-2024 .section1 .box-container .box .name {
    font-size: 14px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .top30-2024 .section1 .box-container .box .name {
    margin-top: 10px;
  }
}

.judges-2024 {
  padding-top: 151px;
  background-color: #000000;
  color: #FFFFFF;
  background-image: url("../../uploads/images/2023/startup/section5_bg.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .judges-2024 {
    background-image: none;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .judges-2024 {
    padding-top: 151px;
  }
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .judges-2024 {
    padding-top: 124px;
  }
}
@media (max-width: 575px) {
  .judges-2024 {
    padding-top: 94px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .judges-2024 {
    padding-top: 94px;
  }
}
.judges-2024 .section1 {
  padding-top: 105px;
  padding-bottom: 105px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .judges-2024 .section1 {
    padding-top: 85px;
    padding-bottom: 85px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .judges-2024 .section1 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media (min-width: 1550px) {
  .judges-2024 .section1 .container {
    width: 1330px;
  }
}
.judges-2024 .section1 .r1 {
  text-align: center;
  color: #AC935F;
  font-weight: 600;
  line-height: 1.15;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .judges-2024 .section1 .r1 {
    font-size: 54px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .judges-2024 .section1 .r1 {
    font-size: 40px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .judges-2024 .section1 .r1 {
    font-size: 24px;
  }
}
.judges-2024 .section1 .r2 {
  text-align: center;
  color: #FB4017;
  font-weight: 600;
  margin-top: 30px;
  display: flex;
  width: 100%;
  justify-content: center;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .judges-2024 .section1 .r2 {
    margin-top: 25px;
  }
}
.judges-2024 .section1 .r2 span {
  background-color: #ec3157;
  color: #FFFFFF;
  padding: 10px 22px;
  border-radius: 50px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .judges-2024 .section1 .r2 span {
    font-size: 24px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .judges-2024 .section1 .r2 span {
    font-size: 22px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .judges-2024 .section1 .r2 span {
    font-size: 18px;
  }
}
.judges-2024 .section1 .key-judges-list {
  margin-top: 60px;
  display: grid;
  grid-gap: 15px 15px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .judges-2024 .section1 .key-judges-list {
    margin-top: 30px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .judges-2024 .section1 .key-judges-list {
    margin-top: 30px;
  }
}
.judges-2024 .section1 .key-judges-list .list-item .item-bg {
  background: linear-gradient(to right, #FB7435, #E13866);
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px) {
  .judges-2024 .section1 .key-judges-list {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .judges-2024 .section1 .key-judges-list {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .judges-2024 .section1 .key-judges-list {
    grid-gap: 15px 15px;
  }
}
.judges-2024 .section1 .key-judges-list .list-item {
  text-align: left;
  padding: 15px;
  color: #ffffff;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
  position: relative;
  overflow: hidden;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px) {
  .judges-2024 .section1 .key-judges-list .list-item {
    display: flex;
  }
  .judges-2024 .section1 .key-judges-list .list-item .item-img {
    width: 180px;
    height: 180px;
  }
  .judges-2024 .section1 .key-judges-list .list-item .item-content {
    width: calc(100% - 180px);
    padding-left: 20px;
    order: 2;
  }
}
.judges-2024 .section1 .key-judges-list .list-item .item-bg {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
}
.judges-2024 .section1 .key-judges-list .list-item .item-img,
.judges-2024 .section1 .key-judges-list .list-item .item-content {
  position: relative;
}
.judges-2024 .section1 .key-judges-list .list-item .item-img {
  overflow: hidden;
}
@media (max-width: 575px) {
  .judges-2024 .section1 .key-judges-list .list-item .item-img {
    width: 200px;
    height: 200px;
    margin-bottom: 10px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .judges-2024 .section1 .key-judges-list .list-item .item-img {
    margin-left: auto;
    margin-right: auto;
  }
}
.judges-2024 .section1 .key-judges-list .list-item .item-img .img-bg {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
}
.judges-2024 .section1 .key-judges-list .list-item .item-content .item-name {
  line-height: 1.2em;
  font-weight: 700;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .judges-2024 .section1 .key-judges-list .list-item .item-content .item-name {
    font-size: 23px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .judges-2024 .section1 .key-judges-list .list-item .item-content .item-name {
    font-size: 19px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .judges-2024 .section1 .key-judges-list .list-item .item-content .item-name {
    font-size: 17px;
  }
}
.judges-2024 .section1 .key-judges-list .list-item .item-content .item-hr {
  border-top: 1px solid #ffffff;
  margin: 0.5em 0;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .judges-2024 .section1 .key-judges-list .list-item .item-content .item-hr {
    font-size: 18px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .judges-2024 .section1 .key-judges-list .list-item .item-content .item-hr {
    font-size: 16px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .judges-2024 .section1 .key-judges-list .list-item .item-content .item-hr {
    font-size: 14px;
  }
}
.judges-2024 .section1 .key-judges-list .list-item .item-content .item-detail {
  line-height: 1.2em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .judges-2024 .section1 .key-judges-list .list-item .item-content .item-detail {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .judges-2024 .section1 .key-judges-list .list-item .item-content .item-detail {
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .judges-2024 .section1 .key-judges-list .list-item .item-content .item-detail {
    font-size: 12px;
  }
}

.jumpstarter2025-homepage {
  padding-top: 151px;
  background-color: #000000;
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .jumpstarter2025-homepage {
    padding-top: 151px;
  }
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2025-homepage {
    padding-top: 124px;
  }
}
@media (max-width: 575px) {
  .jumpstarter2025-homepage {
    padding-top: 94px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2025-homepage {
    padding-top: 94px;
  }
}
@media (min-width: 1550px) {
  .jumpstarter2025-homepage .container {
    width: 1630px;
  }
}
.jumpstarter2025-homepage .get-tickets {
  display: flex;
  position: fixed;
  bottom: 50px;
  z-index: 3;
  right: 50px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2025-homepage .get-tickets {
    bottom: 15px;
    right: 15px;
  }
}
.jumpstarter2025-homepage .get-tickets img {
  width: 200px;
  transition: all 0.3s;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2025-homepage .get-tickets img {
    width: 115px;
  }
}
.jumpstarter2025-homepage .get-tickets:hover img {
  transform: scale(1.05);
}
.jumpstarter2025-homepage .banner {
  aspect-ratio: 1920/941;
  background-size: cover;
  background-position: center;
  background-image: url("../../uploads/images/2025/homepage/banner.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2025-homepage .banner {
    aspect-ratio: 733/392;
    background-image: url("../../uploads/images/2025/homepage/banner_mobile.jpg");
  }
}
.jumpstarter2025-homepage .b-bottom {
  width: 100%;
  height: 20px;
  background: rgb(255, 255, 0);
  background: linear-gradient(90deg, rgb(255, 255, 0) 0%, rgb(255, 255, 0) 14%, rgb(63, 255, 166) 100%);
}
.jumpstarter2025-homepage .section1 {
  padding-top: 60px;
  padding-bottom: 50px;
}
.jumpstarter2025-homepage .section1 .r1 {
  text-align: center;
  color: #F85B2A;
  font-weight: 500;
  font-family: "Poppins", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei";
  line-height: 1.25;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .jumpstarter2025-homepage .section1 .r1 {
    font-size: 62px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .jumpstarter2025-homepage .section1 .r1 {
    font-size: 34px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .jumpstarter2025-homepage .section1 .r1 {
    font-size: 30px;
  }
}
.jumpstarter2025-homepage .section1 .r2 {
  text-align: center;
  color: #F85B2A;
  font-style: italic;
  font-family: "Poppins", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei";
  line-height: 1;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .jumpstarter2025-homepage .section1 .r2 {
    font-size: 37px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .jumpstarter2025-homepage .section1 .r2 {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .jumpstarter2025-homepage .section1 .r2 {
    font-size: 20px;
  }
}
.jumpstarter2025-homepage .section1 .r3 {
  text-align: center;
  color: #FFFFFF;
  font-style: italic;
  font-family: "Poppins", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei";
  font-weight: 100;
  line-height: 1.25;
  margin-top: 32px;
  margin-bottom: 35px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .jumpstarter2025-homepage .section1 .r3 {
    font-size: 72px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .jumpstarter2025-homepage .section1 .r3 {
    font-size: 50px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .jumpstarter2025-homepage .section1 .r3 {
    font-size: 24px;
  }
}
.jumpstarter2025-homepage .section1 .r4 {
  text-align: center;
  color: #F9D08C;
  font-style: italic;
  font-family: "Poppins", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei";
  font-weight: 100;
  width: 1165px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.25;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .jumpstarter2025-homepage .section1 .r4 {
    font-size: 34px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .jumpstarter2025-homepage .section1 .r4 {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .jumpstarter2025-homepage .section1 .r4 {
    font-size: 20px;
  }
}
.jumpstarter2025-homepage .bar {
  padding-bottom: 65px;
}
.jumpstarter2025-homepage .bar img {
  width: 100%;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2025-homepage .bar img.desktop {
    display: none;
  }
}
.jumpstarter2025-homepage .bar img.mobile {
  display: none;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2025-homepage .bar img.mobile {
    display: block;
  }
}
.jumpstarter2025-homepage .section2 .box-container {
  margin-left: -25px;
  margin-bottom: 20px;
  margin-right: -25px;
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2025-homepage .section2 .box-container {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2025-homepage .section2 .box-container {
    margin-left: -15px;
    margin-right: -15px;
  }
}
.jumpstarter2025-homepage .section2 .box-container .col-box {
  padding-left: 25px;
  padding-right: 25px;
  margin-bottom: 60px;
  width: 33.33%;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2025-homepage .section2 .box-container .col-box {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2025-homepage .section2 .box-container .col-box {
    padding-left: 15px;
    padding-right: 15px;
    width: 50%;
  }
}
.jumpstarter2025-homepage .section2 .box-container .box {
  position: relative;
  overflow: visible;
}
.jumpstarter2025-homepage .section2 .box-container .box.box1 {
  background: rgb(0, 0, 0);
  background: linear-gradient(90deg, rgb(0, 0, 0) 0%, #76D9DF 100%);
}
.jumpstarter2025-homepage .section2 .box-container .box.box1:before, .jumpstarter2025-homepage .section2 .box-container .box.box1:after {
  background-color: #76D9DF;
}
.jumpstarter2025-homepage .section2 .box-container .box.box2 {
  background: rgb(0, 0, 0);
  background: linear-gradient(90deg, rgb(0, 0, 0) 0%, #F85B2A 100%);
}
.jumpstarter2025-homepage .section2 .box-container .box.box2:before, .jumpstarter2025-homepage .section2 .box-container .box.box2:after {
  background-color: #F85B2A;
}
.jumpstarter2025-homepage .section2 .box-container .box.box3 {
  background: rgb(0, 0, 0);
  background: linear-gradient(90deg, rgb(0, 0, 0) 0%, #BE3557 100%);
}
.jumpstarter2025-homepage .section2 .box-container .box.box3:before, .jumpstarter2025-homepage .section2 .box-container .box.box3:after {
  background-color: #BE3557;
}
.jumpstarter2025-homepage .section2 .box-container .box.box4 {
  background: rgb(0, 0, 0);
  background: linear-gradient(90deg, rgb(0, 0, 0) 0%, #EBE054 100%);
}
.jumpstarter2025-homepage .section2 .box-container .box.box4:before, .jumpstarter2025-homepage .section2 .box-container .box.box4:after {
  background-color: #EBE054;
}
.jumpstarter2025-homepage .section2 .box-container .box.box5 {
  background: rgb(0, 0, 0);
  background: linear-gradient(90deg, rgb(0, 0, 0) 0%, #4A6EAC 100%);
}
.jumpstarter2025-homepage .section2 .box-container .box.box5:before, .jumpstarter2025-homepage .section2 .box-container .box.box5:after {
  background-color: #4A6EAC;
}
.jumpstarter2025-homepage .section2 .box-container .box.box6 {
  background: rgb(0, 0, 0);
  background: linear-gradient(90deg, rgb(0, 0, 0) 0%, #AA9660 100%);
}
.jumpstarter2025-homepage .section2 .box-container .box.box6:before, .jumpstarter2025-homepage .section2 .box-container .box.box6:after {
  background-color: #AA9660;
}
.jumpstarter2025-homepage .section2 .box-container .box .bg {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  aspect-ratio: 481/445;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  transition: all 0.3s;
  position: relative;
  z-index: 1;
}
.jumpstarter2025-homepage .section2 .box-container .box .bg .layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgb(255, 255, 255);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 43%, rgb(0, 0, 0) 91%);
}
.jumpstarter2025-homepage .section2 .box-container .box .bg .text {
  position: absolute;
  width: 100%;
  text-align: center;
  font-family: "Poppins", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei";
  font-weight: 600;
  padding: 45px 15px;
  bottom: 0;
  color: #FFFFFF;
  text-shadow: 2px 2px 0px #000000;
  line-height: 1.15;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .jumpstarter2025-homepage .section2 .box-container .box .bg .text {
    font-size: 39px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .jumpstarter2025-homepage .section2 .box-container .box .bg .text {
    font-size: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .jumpstarter2025-homepage .section2 .box-container .box .bg .text {
    font-size: 16px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2025-homepage .section2 .box-container .box .bg .text {
    padding: 15px;
  }
}
.jumpstarter2025-homepage .section2 .box-container .box:before {
  content: "";
  border-top-left-radius: 18px;
  position: absolute;
  height: 15px;
  top: -15px;
  left: 15px;
  width: calc(100% - 15px);
  background-color: #FFFFFF;
  transition: all 0.3s;
}
.jumpstarter2025-homepage .section2 .box-container .box:after {
  content: "";
  border-top-right-radius: 18px;
  position: absolute;
  height: 15px;
  top: -15px;
  right: -15px;
  width: 15px;
  height: calc(100% + 15px);
  background-color: #FFFFFF;
  transition: all 0.3s;
}
.jumpstarter2025-homepage .section2 .btn-container {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: 100px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .jumpstarter2025-homepage .section2 .btn-container {
    margin-bottom: 80px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2025-homepage .section2 .btn-container {
    margin-bottom: 80px;
  }
}
.jumpstarter2025-homepage .section2 .btn-container .btn {
  display: flex;
  cursor: pointer;
}
.jumpstarter2025-homepage .section2 .btn-container .btn div {
  transition: all 0.3s;
  border-radius: 30px;
  color: #2C2C2C;
  font-size: 26px;
  padding: 16px 35px;
  line-height: 1;
  color: #FFFFFF;
  font-weight: 500;
  border: 2px solid #F85B2A;
  white-space: nowrap;
  min-width: 195px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2025-homepage .section2 .btn-container .btn div {
    font-size: 22px;
    padding: 10px 20px;
  }
}
.jumpstarter2025-homepage .section2 .btn-container .btn div:hover {
  transform: translateY(-3px);
}
.jumpstarter2025-homepage .section3 {
  margin-top: 30px;
}
.jumpstarter2025-homepage .section3 .box-wrapper {
  margin-bottom: 125px;
}
.jumpstarter2025-homepage .section3 .box-wrapper:last-child {
  margin-bottom: 0px;
}
.jumpstarter2025-homepage .section3 .box-wrapper .header-bar {
  border-top-left-radius: 45px;
  border-top-right-radius: 45px;
  text-align: center;
  padding: 25px 15px;
  color: #000000;
  font-style: italic;
  line-height: 1.2;
  font-weight: 700;
  background: rgb(255, 156, 106);
  background: linear-gradient(90deg, rgb(255, 156, 106) 0%, rgb(255, 156, 106) 8%, rgb(235, 255, 160) 35%, rgb(132, 246, 225) 66%, rgb(255, 156, 106) 100%);
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .jumpstarter2025-homepage .section3 .box-wrapper .header-bar {
    font-size: 52px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .jumpstarter2025-homepage .section3 .box-wrapper .header-bar {
    font-size: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .jumpstarter2025-homepage .section3 .box-wrapper .header-bar {
    font-size: 22px;
  }
}
.jumpstarter2025-homepage .section3 .box-wrapper .header-bar.bar2 {
  background: rgb(255, 255, 0);
  background: linear-gradient(90deg, rgb(255, 255, 0) 0%, rgb(255, 255, 0) 7%, rgb(255, 192, 207) 100%);
}
.jumpstarter2025-homepage .section3 .box-wrapper .outer-box {
  padding: 60px 115px;
  border: 1px solid rgba(0, 0, 0, 0);
  border-bottom-left-radius: 45px;
  border-bottom-right-radius: 45px;
  background: linear-gradient(black, black) padding-box, linear-gradient(90deg, rgb(255, 156, 106) 0%, rgb(255, 156, 106) 8%, rgb(235, 255, 160) 35%, rgb(132, 246, 225) 66%, rgb(255, 156, 106) 100%) border-box;
}
.jumpstarter2025-homepage .section3 .box-wrapper .outer-box.box2 {
  background: linear-gradient(black, black) padding-box, linear-gradient(90deg, rgb(255, 255, 0) 0%, rgb(255, 255, 0) 7%, rgb(255, 192, 207) 100%) border-box;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2025-homepage .section3 .box-wrapper .outer-box {
    padding: 60px 15px;
  }
}
.jumpstarter2025-homepage .section3 .box-wrapper .box-container {
  margin-left: -38px;
  margin-bottom: -76px;
  margin-right: -25px;
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2025-homepage .section3 .box-wrapper .box-container {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2025-homepage .section3 .box-wrapper .box-container {
    margin-left: -15px;
    margin-right: -15px;
  }
}
.jumpstarter2025-homepage .section3 .box-wrapper .box-container .col-box {
  padding-left: 38px;
  padding-right: 38px;
  margin-bottom: 60px;
  margin-bottom: 76px;
  width: 20%;
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .jumpstarter2025-homepage .section3 .box-wrapper .box-container .col-box {
    padding-left: 15px;
    padding-right: 15px;
    width: 25%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2025-homepage .section3 .box-wrapper .box-container .col-box {
    padding-left: 15px;
    padding-right: 15px;
    width: 33.3%;
  }
}
@media (min-width: 768px) and (max-width: 991px), (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2025-homepage .section3 .box-wrapper .box-container .col-box {
    padding-left: 15px;
    padding-right: 15px;
    width: 50%;
  }
}
.jumpstarter2025-homepage .section3 .box-wrapper .box-container .box {
  color: #FFFFFF;
  text-align: center;
}
.jumpstarter2025-homepage .section3 .box-wrapper .box-container .box .img {
  display: flex;
  justify-content: center;
}
.jumpstarter2025-homepage .section3 .box-wrapper .box-container .box .img img {
  width: 190px;
  border-radius: 50%;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .jumpstarter2025-homepage .section3 .box-wrapper .box-container .box .img img {
    width: 150px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2025-homepage .section3 .box-wrapper .box-container .box .img img {
    width: 120px;
  }
}
.jumpstarter2025-homepage .section3 .box-wrapper .box-container .box .title {
  margin-top: 15px;
  font-weight: 600;
  font-size: 24px;
  line-height: 1.4;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .jumpstarter2025-homepage .section3 .box-wrapper .box-container .box .title {
    font-size: 20px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2025-homepage .section3 .box-wrapper .box-container .box .title {
    font-size: 18px;
  }
}
.jumpstarter2025-homepage .section3 .box-wrapper .box-container .box .seperator {
  background-color: #FFFFFF;
  width: 90%;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 15px;
  margin-bottom: 15px;
  height: 1px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .jumpstarter2025-homepage .section3 .box-wrapper .box-container .box .seperator {
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2025-homepage .section3 .box-wrapper .box-container .box .seperator {
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
.jumpstarter2025-homepage .section3 .box-wrapper .box-container .box .desc {
  font-weight: 600;
  font-size: 18px;
  line-height: 1.4;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .jumpstarter2025-homepage .section3 .box-wrapper .box-container .box .desc {
    font-size: 18px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2025-homepage .section3 .box-wrapper .box-container .box .desc {
    font-size: 17px;
  }
}
.jumpstarter2025-homepage .section3 .box-wrapper .btn-container {
  width: 100%;
  display: flex;
  margin-top: 35px;
  justify-content: center;
}
.jumpstarter2025-homepage .section3 .box-wrapper .btn-container .btn {
  display: flex;
  padding-top: 0px;
  padding-bottom: 0px;
  cursor: pointer;
}
.jumpstarter2025-homepage .section3 .box-wrapper .btn-container .btn div {
  transition: all 0.3s;
  border-radius: 30px;
  color: #2C2C2C;
  font-size: 26px;
  padding: 16px 35px;
  line-height: 1;
  color: #FFFFFF;
  font-weight: 500;
  white-space: nowrap;
  min-width: 195px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2025-homepage .section3 .box-wrapper .btn-container .btn div {
    font-size: 22px;
    padding: 10px 20px;
  }
}
.jumpstarter2025-homepage .section3 .box-wrapper .btn-container .btn div:hover {
  transform: translateY(-3px);
}
.jumpstarter2025-homepage .section3 .box-wrapper .btn-container .btn.btn1 div {
  border: 2px solid rgba(0, 0, 0, 0);
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  background: linear-gradient(black, black) padding-box, linear-gradient(90deg, rgb(255, 156, 106) 0%, rgb(255, 156, 106) 8%, rgb(235, 255, 160) 35%, rgb(132, 246, 225) 66%, rgb(255, 156, 106) 100%) border-box;
}
.jumpstarter2025-homepage .section3 .box-wrapper .btn-container .btn.btn2 div {
  border: 2px solid rgba(0, 0, 0, 0);
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  background: linear-gradient(black, black) padding-box, linear-gradient(90deg, rgb(255, 255, 0) 0%, rgb(255, 255, 0) 7%, rgb(255, 192, 207) 100%) border-box;
}
.jumpstarter2025-homepage .section4 {
  background-color: #000000;
  padding-bottom: 100px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2025-homepage .section4 {
    padding-bottom: 85px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2025-homepage .section4 {
    padding-bottom: 60px;
  }
}
.jumpstarter2025-homepage .section4 .section-title {
  text-align: center;
  color: #FFFFFF;
  font-size: 57px;
  font-weight: 600;
  font-style: italic;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2025-homepage .section4 .section-title {
    font-size: 40px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2025-homepage .section4 .section-title {
    font-size: 28px;
    line-height: 1.4em;
  }
}
.jumpstarter2025-homepage .section4 .section-desc {
  text-align: center;
  color: #FFFFFF;
  font-size: 35px;
  font-weight: 500;
  margin-top: 5px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2025-homepage .section4 .section-desc {
    font-size: 25px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2025-homepage .section4 .section-desc {
    font-size: 20px;
    line-height: 1.4em;
  }
}
.jumpstarter2025-homepage .section4 .box-container {
  margin-top: 75px;
  margin-bottom: -65px;
  margin-left: -50px;
  margin-right: -50px;
  display: flex;
  flex-wrap: wrap;
  width: 1360px;
  max-width: 100%;
  position: relative;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2025-homepage .section4 .box-container {
    margin-left: -35px;
    margin-right: -35px;
    margin-top: 50px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2025-homepage .section4 .box-container {
    margin-top: 35px;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: -20px;
  }
}
.jumpstarter2025-homepage .section4 .box-container .col-box {
  padding-left: 30px;
  padding-right: 30px;
  margin-bottom: 65px;
  width: 25%;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2025-homepage .section4 .box-container .col-box {
    padding-left: 35px;
    padding-right: 35px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2025-homepage .section4 .box-container .col-box {
    padding-left: 15px;
    padding-right: 15px;
    width: 50%;
    margin-bottom: 20px;
  }
}
.jumpstarter2025-homepage .section4 .box-container .box .img-container {
  display: flex;
  justify-content: center;
}
.jumpstarter2025-homepage .section4 .box-container .box .img {
  text-align: center;
}
.jumpstarter2025-homepage .section4 .box-container .box .img img {
  height: 250px;
  max-width: 100%;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2025-homepage .section4 .box-container .box .img img {
    height: 125px;
  }
}
.jumpstarter2025-homepage .section4 .box-container .box .desc {
  color: #FFFFFF;
  font-family: "TTHovesProMedium", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei";
  font-size: 24px;
  font-weight: 500;
  text-align: center;
  margin-top: 15px;
  font-weight: 500;
  line-height: 1.25;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2025-homepage .section4 .box-container .box .desc {
    font-size: 20px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2025-homepage .section4 .box-container .box .desc {
    font-size: 16px;
  }
}
.jumpstarter2025-homepage .section4 .btn-container {
  margin-top: 105px;
  width: 100%;
  display: flex;
  justify-content: center;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2025-homepage .section4 .btn-container {
    margin-top: 80px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2025-homepage .section4 .btn-container {
    margin-top: 70px;
  }
}
.jumpstarter2025-homepage .home-ticket {
  background-color: #000000;
  padding-top: 105px;
  padding-bottom: 105px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
@media (min-width: 1550px) {
  .jumpstarter2025-homepage .home-ticket .container {
    width: 1230px;
  }
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2025-homepage .home-ticket {
    padding-top: 85px;
    padding-bottom: 85px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2025-homepage .home-ticket {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.jumpstarter2025-homepage .home-ticket .r1 {
  text-align: center;
  color: #FFFFFF;
  font-family: "Poppins", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei";
  font-weight: 600;
  font-style: italic;
  line-height: 1;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .jumpstarter2025-homepage .home-ticket .r1 {
    font-size: 57px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .jumpstarter2025-homepage .home-ticket .r1 {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .jumpstarter2025-homepage .home-ticket .r1 {
    font-size: 24px;
  }
}
.jumpstarter2025-homepage .home-ticket .r2 {
  text-align: center;
  color: #FFFFFF;
  font-family: "StencilCreek", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei";
  line-height: 1;
  margin-top: 24px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .jumpstarter2025-homepage .home-ticket .r2 {
    font-size: 120px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .jumpstarter2025-homepage .home-ticket .r2 {
    font-size: 65px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .jumpstarter2025-homepage .home-ticket .r2 {
    font-size: 40px;
  }
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2025-homepage .home-ticket .r2 {
    margin-top: 18px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2025-homepage .home-ticket .r2 {
    margin-top: 18px;
  }
}
.jumpstarter2025-homepage .home-ticket .r3 {
  text-align: center;
  color: #FFFFFF;
  font-family: "Poppins", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei";
  font-weight: 600;
  line-height: 1;
  margin-top: 15px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .jumpstarter2025-homepage .home-ticket .r3 {
    font-size: 60px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .jumpstarter2025-homepage .home-ticket .r3 {
    font-size: 34px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .jumpstarter2025-homepage .home-ticket .r3 {
    font-size: 24px;
  }
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2025-homepage .home-ticket .r3 {
    margin-top: 13px;
  }
}
.jumpstarter2025-homepage .home-ticket .remark {
  margin-top: 65px;
  text-align: center;
  color: #FFFFFF;
  font-family: "Poppins", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei";
  font-weight: 600;
  font-style: italic;
  font-weight: 300;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .jumpstarter2025-homepage .home-ticket .remark {
    font-size: 18px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .jumpstarter2025-homepage .home-ticket .remark {
    font-size: 16px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .jumpstarter2025-homepage .home-ticket .remark {
    font-size: 16px;
  }
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2025-homepage .home-ticket .remark {
    margin-top: 55px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2025-homepage .home-ticket .remark {
    margin-top: 40px;
  }
}
.jumpstarter2025-homepage .home-ticket .remark a {
  color: #FFFFFF;
  text-decoration: none;
}
.jumpstarter2025-homepage .home-ticket .remark a:hover {
  color: #F15B2B;
}
.jumpstarter2025-homepage .home-ticket .box-container {
  margin-top: 60px;
  margin-bottom: -30px;
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2025-homepage .home-ticket .box-container {
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 40px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2025-homepage .home-ticket .box-container {
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 40px;
  }
}
.jumpstarter2025-homepage .home-ticket .box-container .col-box {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 30px;
  width: 33.33%;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2025-homepage .home-ticket .box-container .col-box {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2025-homepage .home-ticket .box-container .col-box {
    padding-left: 15px;
    padding-right: 15px;
    width: 50%;
  }
}
@media (max-width: 575px) {
  .jumpstarter2025-homepage .home-ticket .box-container .col-box {
    padding-left: 15px;
    padding-right: 15px;
    width: 50%;
  }
}
.jumpstarter2025-homepage .home-ticket .box-container .box {
  position: relative;
}
.jumpstarter2025-homepage .home-ticket .box-container .box .layer {
  border-radius: 30px;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  display: flex;
  padding: 15px 20px;
  text-align: center;
  color: #FFFFFF;
  justify-content: center;
  align-items: center;
  opacity: 0;
  background: rgba(0, 0, 0, 0.75);
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
  font-size: 19px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2025-homepage .home-ticket .box-container .box .layer {
    opacity: 1;
    pointer-events: auto;
  }
}
.jumpstarter2025-homepage .home-ticket .box-container .box:hover .layer {
  opacity: 1;
  pointer-events: auto;
}
.jumpstarter2025-homepage .home-ticket .box-container .box img {
  width: 100%;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
  border-radius: 30px;
}
.jumpstarter2025-homepage .home-ticket .box-container .box a:hover img {
  transform: scale(1.02);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.jumpstarter2023-startup {
  padding-top: 151px;
  background-color: #000000;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .swiper-button-next, .jumpstarter2023-startup .swiper-button-prev {
    background-size: contain;
    width: 27px;
    height: 29px;
    margin-top: 0px;
    transform: translateY(-50%);
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .swiper-button-next {
    right: 0px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .swiper-button-prev {
    left: 0px;
  }
}
.jumpstarter2023-startup .section-title,
.jumpstarter2023-startup .section-desc {
  font-family: "TTHovesProBold", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei";
  letter-spacing: 0.12em;
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .jumpstarter2023-startup {
    padding-top: 151px;
  }
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-startup {
    padding-top: 124px;
  }
}
@media (max-width: 575px) {
  .jumpstarter2023-startup {
    padding-top: 94px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup {
    padding-top: 94px;
  }
}
@media (min-width: 1550px) {
  .jumpstarter2023-startup .container {
    width: 1230px;
  }
}
.jumpstarter2023-startup .startup-banner {
  background-image: url("../../uploads/images/2023/startup/banner_bg.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  align-self: center;
  height: 747px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-startup .startup-banner {
    height: 450px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-banner {
    height: 300px;
  }
}
.jumpstarter2023-startup .startup-banner .container {
  padding-top: 15px;
  padding-bottom: 15px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-banner .container {
    width: 100%;
  }
}
.jumpstarter2023-startup .startup-banner .container .box-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-self: center;
}
.jumpstarter2023-startup .startup-banner .container .line1 {
  color: #FFFFFF;
  font-family: "TTOctosquares", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei";
  font-weight: 600;
  font-size: 96px;
  line-height: 1.3em;
  text-shadow: 0.065em 0.065em #000000;
  width: 100%;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-startup .startup-banner .container .line1 {
    font-size: 60px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-banner .container .line1 {
    font-size: 25px;
    width: 100%;
  }
}
.jumpstarter2023-startup .startup-banner .container .btn-container {
  width: 100%;
  margin-top: 40px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-banner .container .btn-container {
    margin-top: 20px;
  }
}
.jumpstarter2023-startup .one-earth-intro {
  background-color: #000000;
  padding-top: 105px;
  padding-bottom: 85px;
  background-size: cover;
  background-position: bottom center;
  background-repeat: no-repeat;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-startup .one-earth-intro {
    padding-top: 65px;
    padding-bottom: 55px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .one-earth-intro {
    padding-top: 30px;
    padding-bottom: 0px;
    background-image: none;
  }
}
.jumpstarter2023-startup .one-earth-intro .section-title {
  margin-top: 60px;
  text-align: center;
  color: #FB4017;
  font-size: 60px;
  font-weight: 600;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-startup .one-earth-intro .section-title {
    font-size: 40px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .one-earth-intro .section-title {
    font-size: 25px;
    line-height: 1.4em;
  }
}
.jumpstarter2023-startup .one-earth-intro .desc {
  text-align: center;
  color: #FFFFFF;
  font-size: 24px;
  font-weight: 600;
  margin-top: 30px;
  line-height: 1.6em;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-startup .one-earth-intro .desc {
    font-size: 20px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .one-earth-intro .desc {
    font-size: 16px;
    margin-top: 20px;
  }
}
.jumpstarter2023-startup .highlight-of-js-2023 {
  background-color: #000000;
  padding-top: 105px;
  padding-bottom: 85px;
  background-size: cover;
  background-position: bottom center;
  background-repeat: no-repeat;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-startup .highlight-of-js-2023 {
    padding-top: 65px;
    padding-bottom: 55px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .highlight-of-js-2023 {
    padding-top: 30px;
    padding-bottom: 0px;
    background-image: none;
  }
}
.jumpstarter2023-startup .highlight-of-js-2023 .section-title {
  margin-top: 60px;
  text-align: center;
  color: #FB4017;
  font-size: 60px;
  font-weight: 600;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-startup .highlight-of-js-2023 .section-title {
    font-size: 40px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .highlight-of-js-2023 .section-title {
    font-size: 25px;
    line-height: 1.4em;
  }
}
.jumpstarter2023-startup .highlight-of-js-2023 .img-container {
  margin-top: 55px;
  text-align: center;
}
.jumpstarter2023-startup .highlight-of-js-2023 .img-container img {
  width: 800px;
  max-width: 100%;
}
.jumpstarter2023-startup .home-speakers {
  background-color: #000000;
  padding-top: 105px;
  padding-bottom: 105px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-startup .home-speakers {
    padding-top: 85px;
    padding-bottom: 85px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .home-speakers {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.jumpstarter2023-startup .home-speakers .common-title {
  margin-bottom: 70px;
}
.jumpstarter2023-startup .home-speakers .common-title .line1 {
  text-align: center;
  color: #FFFFFF;
  font-family: "Poppins", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei";
  font-weight: 600;
  line-height: 1;
  margin-top: 15px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .jumpstarter2023-startup .home-speakers .common-title .line1 {
    font-size: 60px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .jumpstarter2023-startup .home-speakers .common-title .line1 {
    font-size: 34px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .jumpstarter2023-startup .home-speakers .common-title .line1 {
    font-size: 30px;
  }
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-startup .home-speakers .common-title .line1 {
    margin-top: 13px;
  }
}
.jumpstarter2023-startup .home-speakers .btn-container {
  width: 100%;
  margin-top: 70px;
  display: flex;
  justify-content: center;
}
.jumpstarter2023-startup .home-speakers .btn-container .btn {
  display: flex;
  cursor: pointer;
}
.jumpstarter2023-startup .home-speakers .btn-container .btn div {
  transition: all 0.3s;
  border-radius: 23px;
  color: #2C2C2C;
  font-size: 28px;
  padding: 12px 35px;
  line-height: 1;
  margin-right: 15px;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
  white-space: nowrap;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .home-speakers .btn-container .btn div {
    font-size: 22px;
    padding: 10px 20px;
  }
}
.jumpstarter2023-startup .home-speakers .btn-container .btn:hover div {
  color: #F26F21;
  border: 1px solid #F26F21;
}
.jumpstarter2023-startup .home-speakers .box-wrapper {
  max-width: 1100px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
.jumpstarter2023-startup .home-speakers .box-wrapper .div-row {
  margin-left: -20px;
  margin-right: -20px;
  margin-bottom: -70px;
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .jumpstarter2023-startup .home-speakers .box-wrapper .div-row {
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: -70px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .home-speakers .box-wrapper .div-row {
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: -40px;
  }
}
.jumpstarter2023-startup .home-speakers .box-wrapper .div-col {
  position: relative;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 70px;
  width: 25%;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .jumpstarter2023-startup .home-speakers .box-wrapper .div-col {
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 70px;
    width: 25%;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .home-speakers .box-wrapper .div-col {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 40px;
    width: 50%;
  }
}
.jumpstarter2023-startup .home-speakers .box-wrapper .div-col .box {
  color: #FFFFFF;
  text-align: center;
}
.jumpstarter2023-startup .home-speakers .box-wrapper .div-col .box .img {
  display: flex;
  justify-content: center;
}
.jumpstarter2023-startup .home-speakers .box-wrapper .div-col .box .img img {
  width: 190px;
  border-radius: 50%;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .jumpstarter2023-startup .home-speakers .box-wrapper .div-col .box .img img {
    width: 150px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .home-speakers .box-wrapper .div-col .box .img img {
    width: 120px;
  }
}
.jumpstarter2023-startup .home-speakers .box-wrapper .div-col .box .title {
  margin-top: 15px;
  font-weight: 600;
  font-size: 24px;
  line-height: 1.4;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .jumpstarter2023-startup .home-speakers .box-wrapper .div-col .box .title {
    font-size: 20px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .home-speakers .box-wrapper .div-col .box .title {
    font-size: 18px;
  }
}
.jumpstarter2023-startup .home-speakers .box-wrapper .div-col .box .seperator {
  background-color: #FFFFFF;
  width: 90%;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 20px;
  margin-bottom: 20px;
  height: 1px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .jumpstarter2023-startup .home-speakers .box-wrapper .div-col .box .seperator {
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .home-speakers .box-wrapper .div-col .box .seperator {
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
.jumpstarter2023-startup .home-speakers .box-wrapper .div-col .box .desc {
  font-weight: 600;
  font-size: 20px;
  line-height: 1.4;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .jumpstarter2023-startup .home-speakers .box-wrapper .div-col .box .desc {
    font-size: 18px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .home-speakers .box-wrapper .div-col .box .desc {
    font-size: 17px;
  }
}
.jumpstarter2023-startup .home-ticket {
  background-color: #000000;
  padding-top: 105px;
  padding-bottom: 105px;
  background-image: url("../../uploads/images/2025/home/ticket/bg.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-startup .home-ticket {
    padding-top: 85px;
    padding-bottom: 85px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .home-ticket {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.jumpstarter2023-startup .home-ticket .r1 {
  text-align: center;
  color: #FFFFFF;
  font-family: "Poppins", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei";
  font-weight: 600;
  font-style: italic;
  line-height: 1;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .jumpstarter2023-startup .home-ticket .r1 {
    font-size: 57px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .jumpstarter2023-startup .home-ticket .r1 {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .jumpstarter2023-startup .home-ticket .r1 {
    font-size: 24px;
  }
}
.jumpstarter2023-startup .home-ticket .r2 {
  text-align: center;
  color: #FFFFFF;
  font-family: "StencilCreek", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei";
  line-height: 1;
  margin-top: 24px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .jumpstarter2023-startup .home-ticket .r2 {
    font-size: 120px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .jumpstarter2023-startup .home-ticket .r2 {
    font-size: 65px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .jumpstarter2023-startup .home-ticket .r2 {
    font-size: 40px;
  }
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-startup .home-ticket .r2 {
    margin-top: 18px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .home-ticket .r2 {
    margin-top: 18px;
  }
}
.jumpstarter2023-startup .home-ticket .r3 {
  text-align: center;
  color: #FFFFFF;
  font-family: "Poppins", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei";
  font-weight: 600;
  line-height: 1;
  margin-top: 15px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .jumpstarter2023-startup .home-ticket .r3 {
    font-size: 60px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .jumpstarter2023-startup .home-ticket .r3 {
    font-size: 34px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .jumpstarter2023-startup .home-ticket .r3 {
    font-size: 24px;
  }
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-startup .home-ticket .r3 {
    margin-top: 13px;
  }
}
.jumpstarter2023-startup .home-ticket .remark {
  margin-top: 65px;
  text-align: center;
  color: #FFFFFF;
  font-family: "Poppins", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei";
  font-weight: 600;
  font-style: italic;
  font-weight: 300;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .jumpstarter2023-startup .home-ticket .remark {
    font-size: 18px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .jumpstarter2023-startup .home-ticket .remark {
    font-size: 16px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .jumpstarter2023-startup .home-ticket .remark {
    font-size: 16px;
  }
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-startup .home-ticket .remark {
    margin-top: 55px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .home-ticket .remark {
    margin-top: 40px;
  }
}
.jumpstarter2023-startup .home-ticket .remark a {
  color: #FFFFFF;
  text-decoration: none;
}
.jumpstarter2023-startup .home-ticket .remark a:hover {
  color: #F15B2B;
}
.jumpstarter2023-startup .home-ticket .box-container {
  margin-top: 60px;
  margin-bottom: -30px;
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-startup .home-ticket .box-container {
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 40px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .home-ticket .box-container {
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 40px;
  }
}
.jumpstarter2023-startup .home-ticket .box-container .col-box {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 30px;
  width: 33.33%;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-startup .home-ticket .box-container .col-box {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .home-ticket .box-container .col-box {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
  }
}
.jumpstarter2023-startup .home-ticket .box-container .box {
  position: relative;
}
.jumpstarter2023-startup .home-ticket .box-container .box .layer {
  border-radius: 30px;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  display: flex;
  padding: 15px 20px;
  text-align: center;
  color: #FFFFFF;
  justify-content: center;
  align-items: center;
  opacity: 0;
  background: rgba(0, 0, 0, 0.75);
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
  font-size: 19px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .home-ticket .box-container .box .layer {
    opacity: 1;
    pointer-events: auto;
  }
}
.jumpstarter2023-startup .home-ticket .box-container .box:hover .layer {
  opacity: 1;
  pointer-events: auto;
}
.jumpstarter2023-startup .home-ticket .box-container .box img {
  width: 100%;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
  border-radius: 30px;
}
.jumpstarter2023-startup .home-ticket .box-container .box a:hover img {
  transform: scale(1.02);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.jumpstarter2023-startup .startup-section1 {
  background-color: #000000;
  padding-top: 105px;
  padding-bottom: 105px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-startup .startup-section1 {
    padding-top: 85px;
    padding-bottom: 85px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section1 {
    padding-top: 40px;
    padding-bottom: 70px;
    background-image: none;
  }
}
.jumpstarter2023-startup .startup-section1 .section-title {
  margin-top: 60px;
  text-align: center;
  color: #FB4017;
  font-size: 60px;
  font-weight: 600;
  line-height: 1.25;
  margin-bottom: 20px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-startup .startup-section1 .section-title {
    font-size: 40px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section1 .section-title {
    font-size: 25px;
    line-height: 1.4em;
  }
}
.jumpstarter2023-startup .startup-section1 .section-desc {
  text-align: center;
  color: #FFFFFF;
  font-size: 30px;
  font-weight: 600;
  margin-top: 15px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-startup .startup-section1 .section-desc {
    font-size: 25px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section1 .section-desc {
    font-size: 20px;
    line-height: 1.4em;
  }
}
.jumpstarter2023-startup .startup-section1 .section-desc small {
  letter-spacing: 0;
  font-size: 70%;
  font-family: "TTHovesProDemiBold", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei";
}
.jumpstarter2023-startup .startup-section1 .section-desc.special {
  color: #00f9db;
}
.jumpstarter2023-startup .startup-section1 .box-wrapper {
  margin-top: 30px;
  background: linear-gradient(180deg, #00f9db 0%, #e95279 100%);
  color: #ffffff;
  padding: 30px;
}
.jumpstarter2023-startup .startup-section1 .box-wrapper .table-row {
  display: flex;
  flex-wrap: wrap;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 30px;
}
.jumpstarter2023-startup .startup-section1 .box-wrapper .table-row .left-col {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
.jumpstarter2023-startup .startup-section1 .box-wrapper .table-row .left-col img {
  width: 180px;
  border: 3px solid #ffffff;
  display: inline-block;
  margin-right: 30px;
  margin-bottom: 20px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section1 .box-wrapper .table-row .left-col img {
    width: 150px;
  }
}
.jumpstarter2023-startup .startup-section1 .box-wrapper .table-row .left-col div {
  display: inline-block;
}
.jumpstarter2023-startup .startup-section1 .box-wrapper .table-row .left-col div p {
  font-family: "TTHovesProBold", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei";
  text-transform: uppercase;
  font-size: 30px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-startup .startup-section1 .box-wrapper .table-row .left-col div p {
    font-size: 25px;
  }
  .jumpstarter2023-startup .startup-section1 .box-wrapper .table-row .left-col div p br {
    display: none !important;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section1 .box-wrapper .table-row .left-col div p {
    font-size: 20px;
  }
  .jumpstarter2023-startup .startup-section1 .box-wrapper .table-row .left-col div p br {
    display: none !important;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px), (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-startup .startup-section1 .box-wrapper .table-row .left-col div {
    width: 100%;
  }
}
.jumpstarter2023-startup .startup-section1 .box-wrapper .table-row .left-col div ul {
  padding-left: 1.2em;
}
.jumpstarter2023-startup .startup-section1 .box-wrapper .table-row .left-col div ul li {
  font-size: 25px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-startup .startup-section1 .box-wrapper .table-row .left-col div ul li {
    font-size: 20px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section1 .box-wrapper .table-row .left-col div ul li {
    font-size: 15px;
  }
}
.jumpstarter2023-startup .startup-section1 .box-wrapper .table-row .right-col {
  font-family: "TTHovesProBold", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei";
  width: 440px;
  font-size: 30px;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  border-left: 2px solid #ffffff;
  text-transform: uppercase;
  padding-left: 30px;
  margin-left: 30px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px), (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-startup .startup-section1 .box-wrapper .table-row .right-col {
    border-left: 0;
    width: 100%;
    padding-left: 0;
    margin-left: 0;
    margin-top: 10px;
  }
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-startup .startup-section1 .box-wrapper .table-row .right-col {
    font-size: 25px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section1 .box-wrapper .table-row .right-col {
    font-size: 20px;
  }
}
.jumpstarter2023-startup .startup-section1 .box-container {
  margin-top: 75px;
  margin-bottom: -45px;
  margin-left: -75px;
  margin-right: -75px;
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-startup .startup-section1 .box-container {
    margin-left: -35px;
    margin-right: -35px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section1 .box-container {
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 40px;
  }
}
.jumpstarter2023-startup .startup-section1 .box-container .col-box {
  padding-left: 70px;
  padding-right: 70px;
  margin-bottom: 45px;
  width: 33.33%;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-startup .startup-section1 .box-container .col-box {
    padding-left: 35px;
    padding-right: 35px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section1 .box-container .col-box {
    padding-left: 15px;
    padding-right: 15px;
    width: 50%;
  }
}
.jumpstarter2023-startup .startup-section1 .box-container .box .img-container {
  display: flex;
  justify-content: center;
}
.jumpstarter2023-startup .startup-section1 .box-container .box .img {
  width: 210px;
  height: 110px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.jumpstarter2023-startup .startup-section1 .box-container .box .img.img1 {
  background-image: url("../../uploads/images/2023/home/icon1.png");
}
.jumpstarter2023-startup .startup-section1 .box-container .box .img.img2 {
  background-image: url("../../uploads/images/2023/home/icon2.png");
}
.jumpstarter2023-startup .startup-section1 .box-container .box .img.img3 {
  background-image: url("../../uploads/images/2023/home/icon3.png");
}
.jumpstarter2023-startup .startup-section1 .box-container .box .img.img4 {
  background-image: url("../../uploads/images/2023/home/icon4.png");
}
.jumpstarter2023-startup .startup-section1 .box-container .box .img.img5 {
  background-image: url("../../uploads/images/2023/home/icon5.png");
}
.jumpstarter2023-startup .startup-section1 .box-container .box .img.img6 {
  background-image: url("../../uploads/images/2023/home/icon6.png");
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section1 .box-container .box .img {
    width: 100%;
  }
}
.jumpstarter2023-startup .startup-section1 .box-container .box .desc {
  color: #FFFFFF;
  font-size: 24px;
  font-weight: 500;
  text-align: center;
  margin-top: 20px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-startup .startup-section1 .box-container .box .desc {
    font-size: 20px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section1 .box-container .box .desc {
    font-size: 16px;
    margin-top: 5px;
  }
}
.jumpstarter2023-startup .startup-section1 .box-container .box .desc span {
  font-family: "TTHovesProBold", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei";
  color: #FFD862;
}
.jumpstarter2023-startup .startup-section1 .cards-container {
  margin-top: 55px;
}
.jumpstarter2023-startup .startup-section1 .cards-container .flipster__button svg {
  stroke: white !important;
}
.jumpstarter2023-startup .startup-section1 .cards-container.img-desktop .card {
  width: 1038px;
  background-color: #fe581a;
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-startup .startup-section1 .cards-container.img-desktop .card {
    width: 700px;
  }
}
.jumpstarter2023-startup .startup-section1 .cards-container.img-desktop .card .left-col {
  width: 42%;
}
.jumpstarter2023-startup .startup-section1 .cards-container.img-desktop .card .left-col img {
  width: 100%;
  max-width: 100%;
}
.jumpstarter2023-startup .startup-section1 .cards-container.img-desktop .card .right-col {
  width: 58%;
  position: relative;
}
.jumpstarter2023-startup .startup-section1 .cards-container.img-desktop .card .right-col .quote {
  width: calc(100% - 160px);
  position: absolute;
  top: calc(50% + 15px);
  left: 50%;
  transform: translate(-50%, -50%);
  position: relative;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-startup .startup-section1 .cards-container.img-desktop .card .right-col .quote {
    width: calc(100% - 80px);
    top: calc(50% + 5px);
  }
}
.jumpstarter2023-startup .startup-section1 .cards-container.img-desktop .card .right-col .quote:before {
  content: "";
  width: 41px;
  height: 34px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../../uploads/images/2023/startup/quote.png");
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  transform: translate(-100%, -100%);
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-startup .startup-section1 .cards-container.img-desktop .card .right-col .quote:before {
    width: 26px;
    height: 19px;
  }
}
.jumpstarter2023-startup .startup-section1 .cards-container.img-desktop .card .right-col .quote .content {
  color: #FFFFFF;
  line-height: 1.4em;
  padding-bottom: 35px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .jumpstarter2023-startup .startup-section1 .cards-container.img-desktop .card .right-col .quote .content {
    font-size: 22px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .jumpstarter2023-startup .startup-section1 .cards-container.img-desktop .card .right-col .quote .content {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .jumpstarter2023-startup .startup-section1 .cards-container.img-desktop .card .right-col .quote .content {
    font-size: 15px;
  }
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-startup .startup-section1 .cards-container.img-desktop .card .right-col .quote .content {
    padding-bottom: 20px;
  }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .jumpstarter2023-startup .startup-section1 .cards-container.img-desktop .card .right-col .quote .content.small-size {
    font-size: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .jumpstarter2023-startup .startup-section1 .cards-container.img-desktop .card .right-col .quote .content.small-size {
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .jumpstarter2023-startup .startup-section1 .cards-container.img-desktop .card .right-col .quote .content.small-size {
    font-size: 15px;
  }
}
.jumpstarter2023-startup .startup-section1 .cards-container.img-desktop .card .right-col .quote .from {
  width: 100%;
  text-align: right;
  color: #FFFFFF;
  white-space: nowrap;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .jumpstarter2023-startup .startup-section1 .cards-container.img-desktop .card .right-col .quote .from {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .jumpstarter2023-startup .startup-section1 .cards-container.img-desktop .card .right-col .quote .from {
    font-size: 13px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .jumpstarter2023-startup .startup-section1 .cards-container.img-desktop .card .right-col .quote .from {
    font-size: 13px;
  }
}
.jumpstarter2023-startup .startup-section1 .cards-container.img-desktop .card .right-col .quote .from .line2 {
  margin-bottom: 10px;
}
.jumpstarter2023-startup .startup-section1 .cards-container.img-desktop .card .right-col .quote .from a {
  color: #FFFFFF !important;
  text-decoration: none;
}
.jumpstarter2023-startup .startup-section1 .cards-container.img-desktop .card .right-col .quote .from a:hover {
  text-decoration: none;
}
.jumpstarter2023-startup .startup-section1 .cards-container.img-mobile .card {
  background-color: #fe581a;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section1 .cards-container.img-mobile .card {
    width: 345px;
  }
}
.jumpstarter2023-startup .startup-section1 .cards-container.img-mobile .card .left-col {
  width: 100%;
}
.jumpstarter2023-startup .startup-section1 .cards-container.img-mobile .card .left-col img {
  width: 100%;
  max-width: 100%;
}
.jumpstarter2023-startup .startup-section1 .cards-container.img-mobile .card .right-col {
  position: relative;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section1 .cards-container.img-mobile .card .right-col {
    width: 100%;
    height: 355px;
  }
}
.jumpstarter2023-startup .startup-section1 .cards-container.img-mobile .card .right-col .quote {
  width: calc(100% - 160px);
  position: absolute;
  top: calc(50% + 15px);
  left: 50%;
  transform: translate(-50%, -50%);
  position: relative;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section1 .cards-container.img-mobile .card .right-col .quote {
    width: calc(100% - 73px);
    top: calc(50% + 5px);
  }
}
.jumpstarter2023-startup .startup-section1 .cards-container.img-mobile .card .right-col .quote:before {
  content: "";
  width: 41px;
  height: 34px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../../uploads/images/2023/startup/quote.png");
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  transform: translate(-100%, -100%);
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section1 .cards-container.img-mobile .card .right-col .quote:before {
    width: 26px;
    height: 19px;
  }
}
.jumpstarter2023-startup .startup-section1 .cards-container.img-mobile .card .right-col .quote .content {
  color: #FFFFFF;
  line-height: 1.6em;
  padding-bottom: 25px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .jumpstarter2023-startup .startup-section1 .cards-container.img-mobile .card .right-col .quote .content {
    font-size: 22px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .jumpstarter2023-startup .startup-section1 .cards-container.img-mobile .card .right-col .quote .content {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .jumpstarter2023-startup .startup-section1 .cards-container.img-mobile .card .right-col .quote .content {
    font-size: 15px;
  }
}
.jumpstarter2023-startup .startup-section1 .cards-container.img-mobile .card .right-col .quote .from {
  width: 100%;
  text-align: right;
  color: #FFFFFF;
  white-space: nowrap;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .jumpstarter2023-startup .startup-section1 .cards-container.img-mobile .card .right-col .quote .from {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .jumpstarter2023-startup .startup-section1 .cards-container.img-mobile .card .right-col .quote .from {
    font-size: 13px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .jumpstarter2023-startup .startup-section1 .cards-container.img-mobile .card .right-col .quote .from {
    font-size: 13px;
  }
}
.jumpstarter2023-startup .startup-section1 .cards-container.img-mobile .card .right-col .quote .from .line2 {
  margin-bottom: 10px;
}
.jumpstarter2023-startup .startup-section1 .cards-container.img-mobile .card .right-col .quote .from a {
  color: #FFFFFF !important;
  text-decoration: none;
}
.jumpstarter2023-startup .startup-section1 .cards-container.img-mobile .card .right-col .quote .from a:hover {
  text-decoration: none;
}
.jumpstarter2023-startup .startup-section1 .awards-table-container {
  margin-top: 120px;
  display: flex;
  justify-content: center;
}
.jumpstarter2023-startup .startup-section1 .awards-table-container .awards-table {
  width: 950px;
}
.jumpstarter2023-startup .startup-section1 .awards-table-container .awards-table .more {
  margin-top: -10px;
  text-align: center;
  font-size: 23px;
  color: #FFFFFF;
}
.jumpstarter2023-startup .startup-section1 .awards-table-container .awards-table .section-desc {
  margin-bottom: 40px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px), (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section1 .awards-table-container .awards-table .section-desc br {
    display: none;
  }
}
.jumpstarter2023-startup .startup-section1 .awards-table-container .awards-table .col-row {
  margin-left: -10px;
  margin-right: -10px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section1 .awards-table-container .awards-table .col-row {
    margin-left: -7.5px;
    margin-right: -7.5px;
  }
}
.jumpstarter2023-startup .startup-section1 .awards-table-container .awards-table .col-box {
  margin-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section1 .awards-table-container .awards-table .col-box {
    margin-bottom: 15px;
    padding-left: 7.5px;
    padding-right: 7.5px;
  }
}
.jumpstarter2023-startup .startup-section1 .awards-table-container .awards-table .col-box .box {
  height: 185px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px;
  flex-wrap: wrap;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section1 .awards-table-container .awards-table .col-box .box {
    height: 170px;
  }
}
.jumpstarter2023-startup .startup-section1 .awards-table-container .awards-table .col-box .box.box1 {
  background: rgb(245, 126, 87);
  background: linear-gradient(135deg, rgb(245, 126, 87) 0%, rgb(239, 110, 101) 100%);
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px), (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section1 .awards-table-container .awards-table .col-box .box.box1 {
    background: rgb(254, 137, 68);
    background: linear-gradient(135deg, rgb(254, 137, 68) 0%, rgb(246, 117, 87) 100%);
  }
}
.jumpstarter2023-startup .startup-section1 .awards-table-container .awards-table .col-box .box.box2 {
  background: rgb(239, 111, 99);
  background: linear-gradient(135deg, rgb(239, 111, 99) 0%, rgb(234, 96, 113) 100%);
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px), (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section1 .awards-table-container .awards-table .col-box .box.box2 {
    background: rgb(250, 126, 79);
    background: linear-gradient(135deg, rgb(250, 126, 79) 0%, rgb(241, 104, 100) 100%);
  }
}
.jumpstarter2023-startup .startup-section1 .awards-table-container .awards-table .col-box .box.box3 {
  background: rgb(234, 98, 112);
  background: linear-gradient(135deg, rgb(234, 98, 112) 0%, rgb(229, 85, 120) 100%);
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px), (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section1 .awards-table-container .awards-table .col-box .box.box3 {
    background: rgb(250, 127, 78);
    background: linear-gradient(135deg, rgb(250, 127, 78) 0%, rgb(241, 105, 98) 100%);
  }
}
.jumpstarter2023-startup .startup-section1 .awards-table-container .awards-table .col-box .box.box4 {
  background: rgb(246, 124, 90);
  background: linear-gradient(135deg, rgb(246, 124, 90) 0%, rgb(241, 111, 103) 100%);
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px), (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section1 .awards-table-container .awards-table .col-box .box.box4 {
    background: rgb(245, 114, 91);
    background: linear-gradient(135deg, rgb(245, 114, 91) 0%, rgb(237, 92, 112) 100%);
  }
}
.jumpstarter2023-startup .startup-section1 .awards-table-container .awards-table .col-box .box.box5 {
  background: rgb(239, 112, 98);
  background: linear-gradient(135deg, rgb(239, 112, 98) 0%, rgb(235, 96, 114) 100%);
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px), (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section1 .awards-table-container .awards-table .col-box .box.box5 {
    background: rgb(245, 114, 89);
    background: linear-gradient(135deg, rgb(245, 114, 89) 0%, rgb(237, 93, 110) 100%);
  }
}
.jumpstarter2023-startup .startup-section1 .awards-table-container .awards-table .col-box .box.box6 {
  background: rgb(236, 98, 108);
  background: linear-gradient(135deg, rgb(236, 98, 108) 0%, rgb(228, 85, 121) 100%);
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px), (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section1 .awards-table-container .awards-table .col-box .box.box6 {
    background: rgb(241, 102, 103);
    background: linear-gradient(135deg, rgb(241, 102, 103) 0%, rgb(233, 82, 121) 100%);
  }
}
.jumpstarter2023-startup .startup-section1 .awards-table-container .awards-table .col-box .box .icon-container {
  width: 100%;
  display: flex;
  justify-content: center;
}
.jumpstarter2023-startup .startup-section1 .awards-table-container .awards-table .col-box .box .icon-container .icon {
  width: 76px;
  height: 76px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section1 .awards-table-container .awards-table .col-box .box .icon-container .icon {
    width: 60px;
    height: 60px;
  }
}
.jumpstarter2023-startup .startup-section1 .awards-table-container .awards-table .col-box .box .icon-container .icon.icon1 {
  background-image: url("../../uploads/images/2023/startup/award1.png");
}
.jumpstarter2023-startup .startup-section1 .awards-table-container .awards-table .col-box .box .icon-container .icon.icon2 {
  background-image: url("../../uploads/images/2023/startup/award2.png");
}
.jumpstarter2023-startup .startup-section1 .awards-table-container .awards-table .col-box .box .icon-container .icon.icon3 {
  background-image: url("../../uploads/images/2023/startup/award3.png");
}
.jumpstarter2023-startup .startup-section1 .awards-table-container .awards-table .col-box .box .icon-container .icon.icon4 {
  background-image: url("../../uploads/images/2023/startup/award4.png");
}
.jumpstarter2023-startup .startup-section1 .awards-table-container .awards-table .col-box .box .icon-container .icon.icon5 {
  background-image: url("../../uploads/images/2023/startup/award5.png");
}
.jumpstarter2023-startup .startup-section1 .awards-table-container .awards-table .col-box .box .icon-container .icon.icon6 {
  background-image: url("../../uploads/images/2023/startup/award6.png");
}
.jumpstarter2023-startup .startup-section1 .awards-table-container .awards-table .col-box .box .desc {
  margin-top: 10px;
  width: 100%;
  text-align: center;
  font-weight: 600;
  font-size: 20px;
  line-height: 1.25em;
  color: #FFFFFF;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section1 .awards-table-container .awards-table .col-box .box .desc {
    font-size: 18px;
  }
}
.jumpstarter2023-startup .startup-section1 .table-container {
  margin-top: 120px;
  margin-bottom: 60px;
  margin-left: -15px;
  margin-right: -15px;
  width: calc(100% + 30px);
  position: relative;
  max-width: unset;
}
.jumpstarter2023-startup .startup-section1 .table-container .content-table {
  background: linear-gradient(180deg, rgb(18, 32, 131) 0%, rgb(1, 0, 4) 100%);
  padding: 45px 100px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-startup .startup-section1 .table-container .content-table {
    padding: 25px 50px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section1 .table-container .content-table {
    padding: 15px;
    padding-top: 2px;
  }
}
.jumpstarter2023-startup .startup-section1 .table-container .content-table .first-row {
  display: flex;
  flex-wrap: wrap;
  padding-top: 15px;
  font-size: 20px;
  font-weight: 500;
}
.jumpstarter2023-startup .startup-section1 .table-container .content-table .first-row .img-container {
  display: none;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section1 .table-container .content-table .first-row .img-container {
    width: 120px;
    display: block;
  }
  .jumpstarter2023-startup .startup-section1 .table-container .content-table .first-row .img-container img {
    width: 100%;
    max-width: 100%;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section1 .table-container .content-table .first-row .top-100-col, .jumpstarter2023-startup .startup-section1 .table-container .content-table .first-row .top-30-col, .jumpstarter2023-startup .startup-section1 .table-container .content-table .first-row .winner-col {
    transform: rotate(-45deg);
  }
}
.jumpstarter2023-startup .startup-section1 .table-container .content-table .table-row {
  display: flex;
  flex-wrap: wrap;
  padding-top: 18px;
  padding-bottom: 18px;
  border-bottom: 1px solid #b1b7d2;
  font-size: 20px;
  font-weight: 500;
  color: #FFFFFF;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-startup .startup-section1 .table-container .content-table .table-row {
    font-size: 16px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section1 .table-container .content-table .table-row {
    font-size: 16px;
  }
}
.jumpstarter2023-startup .startup-section1 .table-container .content-table .table-row .top-100-col, .jumpstarter2023-startup .startup-section1 .table-container .content-table .table-row .top-30-col, .jumpstarter2023-startup .startup-section1 .table-container .content-table .table-row .winner-col {
  display: flex;
  justify-content: center;
  align-items: center;
}
.jumpstarter2023-startup .startup-section1 .table-container .content-table .title-col {
  width: calc(100% - 168px - 168px - 168px);
  padding-right: 15px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-startup .startup-section1 .table-container .content-table .title-col {
    width: calc(100% - 110px - 110px - 110px);
    padding-right: 0px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section1 .table-container .content-table .title-col {
    width: calc(100% - 120px);
    padding-right: 0px;
  }
}
.jumpstarter2023-startup .startup-section1 .table-container .content-table .title-col span {
  color: #00f9dd;
}
.jumpstarter2023-startup .startup-section1 .table-container .content-table .title-col.learn-more-col {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.jumpstarter2023-startup .startup-section1 .table-container .content-table .title-col.learn-more-col .left-col {
  width: calc(100% - 100px);
  padding-right: 25px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px), (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-startup .startup-section1 .table-container .content-table .title-col.learn-more-col .left-col {
    width: 100%;
    margin-top: 4px;
    padding-right: 0px;
  }
}
.jumpstarter2023-startup .startup-section1 .table-container .content-table .title-col.learn-more-col .right-col {
  width: 100px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px), (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-startup .startup-section1 .table-container .content-table .title-col.learn-more-col .right-col {
    width: 100%;
    margin-top: 9px;
  }
}
.jumpstarter2023-startup .startup-section1 .table-container .content-table .title-col.learn-more-col .right-col .learn-more {
  display: inline-block;
  font-family: "TTOctosquares", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei";
  padding: 5px 15px;
  white-space: nowrap;
  text-align: center;
  color: #000000;
  background-color: #f0dc3f;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 600;
  -webkit-text-stroke: thin;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
}
.jumpstarter2023-startup .startup-section1 .table-container .content-table .title-col.learn-more-col .right-col .learn-more:hover {
  transform: translateY(-2px);
}
.jumpstarter2023-startup .startup-section1 .table-container .content-table .top-100-col .dot {
  background-color: #00c0fe;
}
.jumpstarter2023-startup .startup-section1 .table-container .content-table .top-30-col .dot {
  background-color: #fc581c;
}
.jumpstarter2023-startup .startup-section1 .table-container .content-table .winner-col .dot {
  background-color: #f0ca72;
}
.jumpstarter2023-startup .startup-section1 .table-container .content-table .top-100-col, .jumpstarter2023-startup .startup-section1 .table-container .content-table .top-30-col, .jumpstarter2023-startup .startup-section1 .table-container .content-table .winner-col {
  width: 168px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-startup .startup-section1 .table-container .content-table .top-100-col, .jumpstarter2023-startup .startup-section1 .table-container .content-table .top-30-col, .jumpstarter2023-startup .startup-section1 .table-container .content-table .winner-col {
    width: 110px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section1 .table-container .content-table .top-100-col, .jumpstarter2023-startup .startup-section1 .table-container .content-table .top-30-col, .jumpstarter2023-startup .startup-section1 .table-container .content-table .winner-col {
    width: 40px;
  }
}
.jumpstarter2023-startup .startup-section1 .table-container .content-table .top-100-col .dot, .jumpstarter2023-startup .startup-section1 .table-container .content-table .top-30-col .dot, .jumpstarter2023-startup .startup-section1 .table-container .content-table .winner-col .dot {
  width: 18px;
  height: 18px;
  border-radius: 50%;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-startup .startup-section1 .table-container .content-table .top-100-col .dot, .jumpstarter2023-startup .startup-section1 .table-container .content-table .top-30-col .dot, .jumpstarter2023-startup .startup-section1 .table-container .content-table .winner-col .dot {
    width: 16px;
    height: 16px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section1 .table-container .content-table .top-100-col .dot, .jumpstarter2023-startup .startup-section1 .table-container .content-table .top-30-col .dot, .jumpstarter2023-startup .startup-section1 .table-container .content-table .winner-col .dot {
    width: 12px;
    height: 12px;
  }
}
.jumpstarter2023-startup .startup-section1 .table-container .content-table .top-100-col .top-100, .jumpstarter2023-startup .startup-section1 .table-container .content-table .top-30-col .top-100, .jumpstarter2023-startup .startup-section1 .table-container .content-table .winner-col .top-100 {
  background-color: #00c0fe;
}
.jumpstarter2023-startup .startup-section1 .table-container .content-table .top-100-col .top-30, .jumpstarter2023-startup .startup-section1 .table-container .content-table .top-30-col .top-30, .jumpstarter2023-startup .startup-section1 .table-container .content-table .winner-col .top-30 {
  background-color: #fc581c;
}
.jumpstarter2023-startup .startup-section1 .table-container .content-table .top-100-col .winner, .jumpstarter2023-startup .startup-section1 .table-container .content-table .top-30-col .winner, .jumpstarter2023-startup .startup-section1 .table-container .content-table .winner-col .winner {
  background-color: #f0ca72;
}
.jumpstarter2023-startup .startup-section1 .table-container .content-table .top-100-col .top-100, .jumpstarter2023-startup .startup-section1 .table-container .content-table .top-100-col .top-30, .jumpstarter2023-startup .startup-section1 .table-container .content-table .top-100-col .winner, .jumpstarter2023-startup .startup-section1 .table-container .content-table .top-30-col .top-100, .jumpstarter2023-startup .startup-section1 .table-container .content-table .top-30-col .top-30, .jumpstarter2023-startup .startup-section1 .table-container .content-table .top-30-col .winner, .jumpstarter2023-startup .startup-section1 .table-container .content-table .winner-col .top-100, .jumpstarter2023-startup .startup-section1 .table-container .content-table .winner-col .top-30, .jumpstarter2023-startup .startup-section1 .table-container .content-table .winner-col .winner {
  display: inline-flex;
  border-radius: 15px;
  color: #000000;
  padding: 5px 20px;
  text-align: center;
  font-size: 20px;
  line-height: 1em;
  font-weight: 800;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  min-width: 128px;
  text-align: center;
  justify-content: center;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-startup .startup-section1 .table-container .content-table .top-100-col .top-100, .jumpstarter2023-startup .startup-section1 .table-container .content-table .top-100-col .top-30, .jumpstarter2023-startup .startup-section1 .table-container .content-table .top-100-col .winner, .jumpstarter2023-startup .startup-section1 .table-container .content-table .top-30-col .top-100, .jumpstarter2023-startup .startup-section1 .table-container .content-table .top-30-col .top-30, .jumpstarter2023-startup .startup-section1 .table-container .content-table .top-30-col .winner, .jumpstarter2023-startup .startup-section1 .table-container .content-table .winner-col .top-100, .jumpstarter2023-startup .startup-section1 .table-container .content-table .winner-col .top-30, .jumpstarter2023-startup .startup-section1 .table-container .content-table .winner-col .winner {
    padding: 5px 10px;
    font-size: 16px;
    min-width: unset;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section1 .table-container .content-table .top-100-col .top-100, .jumpstarter2023-startup .startup-section1 .table-container .content-table .top-100-col .top-30, .jumpstarter2023-startup .startup-section1 .table-container .content-table .top-100-col .winner, .jumpstarter2023-startup .startup-section1 .table-container .content-table .top-30-col .top-100, .jumpstarter2023-startup .startup-section1 .table-container .content-table .top-30-col .top-30, .jumpstarter2023-startup .startup-section1 .table-container .content-table .top-30-col .winner, .jumpstarter2023-startup .startup-section1 .table-container .content-table .winner-col .top-100, .jumpstarter2023-startup .startup-section1 .table-container .content-table .winner-col .top-30, .jumpstarter2023-startup .startup-section1 .table-container .content-table .winner-col .winner {
    min-width: 60px;
    padding: 1px 5px;
    font-size: 10px;
  }
}
.jumpstarter2023-startup .startup-section1 .table-container .content-table .top-100-col .header-desc, .jumpstarter2023-startup .startup-section1 .table-container .content-table .top-30-col .header-desc, .jumpstarter2023-startup .startup-section1 .table-container .content-table .winner-col .header-desc {
  text-align: center;
  color: #FFFFFF;
  font-size: 13px;
  line-height: 1em;
  font-weight: 500;
  letter-spacing: 3px;
  margin-top: 10px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-startup .startup-section1 .table-container .content-table .top-100-col .header-desc, .jumpstarter2023-startup .startup-section1 .table-container .content-table .top-30-col .header-desc, .jumpstarter2023-startup .startup-section1 .table-container .content-table .winner-col .header-desc {
    font-size: 12px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section1 .table-container .content-table .top-100-col .header-desc, .jumpstarter2023-startup .startup-section1 .table-container .content-table .top-30-col .header-desc, .jumpstarter2023-startup .startup-section1 .table-container .content-table .winner-col .header-desc {
    width: 60px;
    font-size: 8px;
    letter-spacing: 1px;
    margin-top: -3px;
    margin-left: -10px;
  }
}
.jumpstarter2023-startup .startup-section1 .section-title2 {
  color: #FFFFFF;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px), (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section1 .section-title2 br {
    display: none;
  }
}
.jumpstarter2023-startup .startup-section2 {
  background-color: #000000;
  padding-top: 105px;
  padding-bottom: 105px;
  background-size: cover;
  background-position: bottom center;
  background-repeat: no-repeat;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-startup .startup-section2 {
    padding-top: 85px;
    padding-bottom: 85px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section2 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
.jumpstarter2023-startup .startup-section2 .section-title {
  text-align: center;
  color: #05FBD2;
  font-size: 60px;
  font-weight: 600;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-startup .startup-section2 .section-title {
    font-size: 40px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section2 .section-title {
    font-size: 25px;
    line-height: 1.4em;
  }
}
.jumpstarter2023-startup .startup-section2 .section-desc {
  text-align: center;
  color: #FFFFFF;
  font-size: 30px;
  font-weight: 600;
  margin-top: 15px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-startup .startup-section2 .section-desc {
    font-size: 25px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section2 .section-desc {
    font-size: 20px;
    line-height: 1.4em;
  }
}
.jumpstarter2023-startup .startup-section2 .box-container {
  margin-top: 95px;
  margin-bottom: -55px;
  margin-left: -45px;
  margin-right: -45px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-startup .startup-section2 .box-container {
    margin-left: -35px;
    margin-right: -35px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section2 .box-container {
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 40px;
    margin-bottom: -35px;
  }
}
.jumpstarter2023-startup .startup-section2 .box-container .col-box {
  padding-left: 38px;
  padding-right: 38px;
  margin-bottom: 55px;
  width: 33.33%;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-startup .startup-section2 .box-container .col-box {
    padding-left: 35px;
    padding-right: 35px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section2 .box-container .col-box {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 35px;
    width: 50%;
  }
}
.jumpstarter2023-startup .startup-section2 .box-container .box .box-title {
  text-align: center;
  margin-bottom: 20px;
  color: #fe581a;
  font-size: 24px;
  font-weight: 600;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-startup .startup-section2 .box-container .box .box-title {
    font-size: 20px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section2 .box-container .box .box-title {
    font-size: 18px;
    margin-bottom: 15px;
  }
}
.jumpstarter2023-startup .startup-section2 .box-container .box .img-container {
  display: flex;
  justify-content: center;
}
.jumpstarter2023-startup .startup-section2 .box-container .box .img {
  width: 204px;
  height: 170px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.jumpstarter2023-startup .startup-section2 .box-container .box .img.img1 {
  background-image: url("../../uploads/images/2023/startup/apply_icon1.png");
}
.jumpstarter2023-startup .startup-section2 .box-container .box .img.img2 {
  background-image: url("../../uploads/images/2023/startup/apply_icon2.png");
}
.jumpstarter2023-startup .startup-section2 .box-container .box .img.img3 {
  background-image: url("../../uploads/images/2023/startup/apply_icon3.png");
}
.jumpstarter2023-startup .startup-section2 .box-container .box .img.img4 {
  background-image: url("../../uploads/images/2023/startup/apply_icon4.png");
}
.jumpstarter2023-startup .startup-section2 .box-container .box .img.img5 {
  background-image: url("../../uploads/images/2023/startup/apply_icon5.png");
}
.jumpstarter2023-startup .startup-section2 .box-container .box .img.img6 {
  background-image: url("../../uploads/images/2023/startup/apply_icon6.png");
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section2 .box-container .box .img {
    width: 100%;
  }
}
.jumpstarter2023-startup .startup-section2 .box-container .box .desc {
  color: #FFFFFF;
  font-size: 22px;
  font-weight: 500;
  text-align: center;
  margin-top: 20px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-startup .startup-section2 .box-container .box .desc {
    font-size: 18px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section2 .box-container .box .desc {
    font-size: 16px;
    margin-top: 5px;
  }
}
.jumpstarter2023-startup .startup-section2 .box-container .box .desc span {
  font-family: "TTHovesProBold", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei";
  color: #FFD862;
}
.jumpstarter2023-startup .startup-section3 {
  padding-top: 40px;
  padding-bottom: 120px;
  background-image: url("../../uploads/images/2023/startup/section3_bg.jpg");
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section3 {
    background-image: none;
    padding-bottom: 100px;
  }
}
@media (min-width: 1550px) {
  .jumpstarter2023-startup .startup-section3 .container {
    width: 1420px;
  }
}
.jumpstarter2023-startup .startup-section3 .box-wrapper {
  background-image: url("../../uploads/images/2023/startup/section3_box_bg.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 65px;
  padding-bottom: 65px;
  padding-left: 130px;
  padding-right: 130px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-startup .startup-section3 .box-wrapper {
    padding-top: 55px;
    padding-bottom: 55px;
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section3 .box-wrapper {
    padding-top: 40px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 40px;
  }
}
.jumpstarter2023-startup .startup-section3 .box-wrapper .section-title {
  text-align: center;
  color: #9D834A;
  font-size: 60px;
  font-weight: 600;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-startup .startup-section3 .box-wrapper .section-title {
    font-size: 40px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section3 .box-wrapper .section-title {
    font-size: 25px;
    line-height: 1.4em;
  }
}
.jumpstarter2023-startup .startup-section3 .box-wrapper .section-desc {
  text-align: center;
  color: #FFFFFF;
  font-size: 20px;
  font-weight: 600;
  margin-top: 15px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-startup .startup-section3 .box-wrapper .section-desc {
    font-size: 20px;
  }
  .jumpstarter2023-startup .startup-section3 .box-wrapper .section-desc br {
    display: none;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section3 .box-wrapper .section-desc {
    font-size: 18px;
    line-height: 1.4em;
  }
  .jumpstarter2023-startup .startup-section3 .box-wrapper .section-desc br {
    display: none;
  }
}
.jumpstarter2023-startup .startup-section3 .box-wrapper .box-container {
  font-family: "TTHovesProDemiBold", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei";
  margin-top: 45px;
  margin-bottom: -10px;
  margin-left: -5px;
  margin-right: -5px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section3 .box-wrapper .box-container {
    margin-left: -10px;
    margin-right: -10px;
    margin-top: 40px;
  }
}
.jumpstarter2023-startup .startup-section3 .box-wrapper .box-container .col-box {
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 10px;
  width: 33.33%;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-startup .startup-section3 .box-wrapper .box-container .col-box {
    width: 50%;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section3 .box-wrapper .box-container .col-box {
    padding-left: 5px;
    padding-right: 5px;
    width: 50%;
  }
}
.jumpstarter2023-startup .startup-section3 .box-wrapper .box-container .box {
  border-radius: 5px;
  padding: 15px;
  display: flex;
  align-items: center;
  height: 155px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.jumpstarter2023-startup .startup-section3 .box-wrapper .box-container .box .desc {
  color: #FFFFFF;
  font-size: 30px;
  font-weight: 600;
  font-style: italic;
  line-height: 1em;
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .jumpstarter2023-startup .startup-section3 .box-wrapper .box-container .box .desc {
    font-size: 22px;
  }
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-startup .startup-section3 .box-wrapper .box-container .box .desc {
    font-size: 25px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section3 .box-wrapper .box-container .box .desc {
    font-size: 20px;
    margin-top: 5px;
  }
}
.jumpstarter2023-startup .startup-section3 .box-wrapper .box-container .box .desc span {
  font-family: "TTHovesProBold", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei";
  color: #FFD862;
}
.jumpstarter2023-startup .startup-section3 .box-wrapper .box-container .box.box1 {
  background-image: url("../../uploads/images/2025/startup/focus_img1.png");
}
.jumpstarter2023-startup .startup-section3 .box-wrapper .box-container .box.box2 {
  background-image: url("../../uploads/images/2025/startup/focus_img2.png");
}
.jumpstarter2023-startup .startup-section3 .box-wrapper .box-container .box.box3 {
  background-image: url("../../uploads/images/2025/startup/focus_img3.png");
}
.jumpstarter2023-startup .startup-section3 .box-wrapper .box-container .box.box4 {
  background-image: url("../../uploads/images/2025/startup/focus_img4.png");
}
.jumpstarter2023-startup .startup-section3 .box-wrapper .box-container .box.box5 {
  background-image: url("../../uploads/images/2025/startup/focus_img5.png");
}
.jumpstarter2023-startup .startup-section3 .box-wrapper .box-container .box.box6 {
  background-image: url("../../uploads/images/2025/startup/focus_img6.png");
}
.jumpstarter2023-startup .startup-section3 .box-wrapper .box-container .box.box7 {
  background-image: url("../../uploads/images/2025/startup/focus_img7.png");
}
.jumpstarter2023-startup .startup-section3 .box-wrapper .box-container .box.box8 {
  background-image: url("../../uploads/images/2025/startup/focus_img8.png");
}
.jumpstarter2023-startup .startup-section4 {
  background-color: #000000;
  padding-top: 105px;
  padding-bottom: 105px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-startup .startup-section4 {
    padding-top: 25px;
    padding-bottom: 85px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section4 {
    padding-top: 0px;
    padding-bottom: 20px;
  }
}
.jumpstarter2023-startup .startup-section4 .section-title {
  text-align: center;
  color: #FB4017;
  font-size: 60px;
  font-weight: 600;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-startup .startup-section4 .section-title {
    font-size: 40px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section4 .section-title {
    font-size: 25px;
    line-height: 1.4em;
  }
}
.jumpstarter2023-startup .startup-section4 .img-container {
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
  width: 800px;
  max-width: 100%;
}
.jumpstarter2023-startup .startup-section4 .img-container img {
  border: 0;
  width: 100%;
  max-width: 100%;
  display: block;
  float: left;
}
.jumpstarter2023-startup .startup-section4 .img-container a {
  outline: none;
  border: 0;
  display: block;
  float: left;
}
.jumpstarter2023-startup .startup-section4 .table-container {
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
  width: 800px;
  max-width: 100%;
}
.jumpstarter2023-startup .startup-section4 .table-container .content-table {
  padding: 20px 30px;
  background-color: #3e6eb0;
  padding-top: 10px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section4 .table-container .content-table {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.jumpstarter2023-startup .startup-section4 .table-container .content-table .table-row {
  display: flex;
  border-bottom: 1px solid #cfdaea;
  padding-bottom: 20px;
  padding-top: 20px;
  color: #FFFFFF;
  font-size: 18px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section4 .table-container .content-table .table-row {
    font-size: 15px;
  }
}
.jumpstarter2023-startup .startup-section4 .table-container .content-table .table-row:last-child {
  border-bottom: 0px;
  padding-bottom: 10px;
}
.jumpstarter2023-startup .startup-section4 .table-container .content-table .table-row .left-col {
  width: 55px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section4 .table-container .content-table .table-row .left-col {
    width: 35px;
  }
}
.jumpstarter2023-startup .startup-section4 .table-container .content-table .table-row .left-col .ball {
  font-family: "TTOctosquares", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei";
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 22px;
  font-weight: 500;
  color: #FFFFFF;
  background: rgb(253, 102, 46);
  background: linear-gradient(229deg, rgb(253, 102, 46) 0%, rgb(254, 134, 71) 100%);
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section4 .table-container .content-table .table-row .left-col .ball {
    width: 30px;
    height: 30px;
    font-size: 14px;
  }
}
.jumpstarter2023-startup .startup-section4 .table-container .content-table .table-row .center-col {
  width: calc(100% - 55px - 150px);
  padding-right: 25px;
  padding-left: 25px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section4 .table-container .content-table .table-row .center-col {
    width: calc(100% - 35px - 105px);
    padding-left: 15px;
    padding-right: 15px;
  }
}
.jumpstarter2023-startup .startup-section4 .table-container .content-table .table-row .right-col {
  width: 150px;
  padding-left: 0px;
  padding-right: 0px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section4 .table-container .content-table .table-row .right-col {
    width: 105px;
  }
}
.jumpstarter2023-startup .startup-section4 .table-container .content-table .table-row .c-btn {
  width: 100%;
  background-color: #ae9459;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 15px;
  padding-top: 6px;
  padding-bottom: 5px;
  justify-content: center;
  align-items: center;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section4 .table-container .content-table .table-row .c-btn {
    font-size: 12px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section4 .table-container .content-table .table-row.no-btn .center-col {
    width: calc(100% - 35px);
    padding-right: 0px;
  }
  .jumpstarter2023-startup .startup-section4 .table-container .content-table .table-row.no-btn .right-col {
    display: none;
  }
}
.jumpstarter2023-startup .startup-section4 .table-container .content-table .table-row ul {
  -webkit-padding-start: 22px;
          padding-inline-start: 22px;
  margin-bottom: 0px;
}
.jumpstarter2023-startup .startup-section4 .table-container .content-table .table-row p, .jumpstarter2023-startup .startup-section4 .table-container .content-table .table-row li {
  margin-bottom: 2px;
  width: 100%;
}
.jumpstarter2023-startup .startup-section4 .table-container .content-table .table-row p:last-child, .jumpstarter2023-startup .startup-section4 .table-container .content-table .table-row li:last-child {
  margin-bottom: 0px;
}
.jumpstarter2023-startup .startup-section4 .table-container .content-table .table-row p b, .jumpstarter2023-startup .startup-section4 .table-container .content-table .table-row li b {
  font-weight: 800;
}
.jumpstarter2023-startup .startup-section4 .table-container .content-table .table-row p span, .jumpstarter2023-startup .startup-section4 .table-container .content-table .table-row li span {
  color: #ffe86b;
  font-weight: 800;
}
.jumpstarter2023-startup .startup-section4 .table-container .content-table .table-row p a, .jumpstarter2023-startup .startup-section4 .table-container .content-table .table-row li a {
  color: #ffe86b;
  font-weight: 800;
}
.jumpstarter2023-startup .startup-section4 .table-container .content-table .table-row p a:hover, .jumpstarter2023-startup .startup-section4 .table-container .content-table .table-row li a:hover {
  text-decoration: none;
  color: #ffe86b;
  font-weight: 800;
}
.jumpstarter2023-startup .startup-section4 .table-container .content-table .table-row.two-row .center-col {
  padding-right: 0px;
  width: calc(100% - 55px);
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section4 .table-container .content-table .table-row.two-row .center-col {
    width: calc(100% - 35px);
  }
}
.jumpstarter2023-startup .startup-section4 .table-container .content-table .table-row.two-row .center-col .inner-top-col {
  margin-bottom: 15px;
}
.jumpstarter2023-startup .startup-section4 .table-container .content-table .table-row.two-row .center-col .inner-top-col, .jumpstarter2023-startup .startup-section4 .table-container .content-table .table-row.two-row .center-col .inner-bottom-col {
  display: flex;
  flex-wrap: wrap;
}
.jumpstarter2023-startup .startup-section4 .table-container .content-table .table-row.two-row .center-col .inner-top-col .inner-left-col, .jumpstarter2023-startup .startup-section4 .table-container .content-table .table-row.two-row .center-col .inner-bottom-col .inner-left-col {
  width: calc(100% - 150px);
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding-right: 25px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section4 .table-container .content-table .table-row.two-row .center-col .inner-top-col .inner-left-col, .jumpstarter2023-startup .startup-section4 .table-container .content-table .table-row.two-row .center-col .inner-bottom-col .inner-left-col {
    padding-right: 15px;
    width: calc(100% - 105px);
    word-break: break-all;
  }
}
.jumpstarter2023-startup .startup-section4 .table-container .content-table .table-row.two-row .center-col .inner-top-col .inner-right-col, .jumpstarter2023-startup .startup-section4 .table-container .content-table .table-row.two-row .center-col .inner-bottom-col .inner-right-col {
  width: 150px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section4 .table-container .content-table .table-row.two-row .center-col .inner-top-col .inner-right-col, .jumpstarter2023-startup .startup-section4 .table-container .content-table .table-row.two-row .center-col .inner-bottom-col .inner-right-col {
    width: 105px;
  }
}
.jumpstarter2023-startup .startup-section5 {
  background-color: #000000;
  padding-top: 105px;
  padding-bottom: 105px;
  background-image: url("../../uploads/images/2023/startup/section5_bg.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section5 {
    background-image: none;
  }
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-startup .startup-section5 {
    padding-top: 85px;
    padding-bottom: 85px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section5 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.jumpstarter2023-startup .startup-section5 .section-title {
  text-align: center;
  color: #E41646;
  font-size: 60px;
  font-weight: 600;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-startup .startup-section5 .section-title {
    font-size: 40px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section5 .section-title {
    font-size: 25px;
    line-height: 1.4em;
  }
}
.jumpstarter2023-startup .startup-section5 .section-desc {
  text-align: center;
  color: #FFFFFF;
  font-size: 30px;
  font-weight: 600;
  margin-top: 15px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-startup .startup-section5 .section-desc {
    font-size: 25px;
  }
  .jumpstarter2023-startup .startup-section5 .section-desc br {
    display: none;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section5 .section-desc {
    font-size: 20px;
    line-height: 1.4em;
  }
  .jumpstarter2023-startup .startup-section5 .section-desc br {
    display: none;
  }
}
.jumpstarter2023-startup .startup-section5 .img-container {
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
  width: 800px;
  max-width: 100%;
}
.jumpstarter2023-startup .startup-section5 .img-container img {
  width: 100%;
  max-width: 100%;
}
.jumpstarter2023-startup .startup-section5 .img-container .img2 {
  margin-top: 50px;
}
.jumpstarter2023-startup .startup-section6 {
  background-color: #000000;
  padding-top: 105px;
  padding-bottom: 105px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-startup .startup-section6 {
    padding-top: 85px;
    padding-bottom: 85px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section6 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.jumpstarter2023-startup .startup-section6 .section-title {
  text-align: center;
  color: #9D8446;
  font-size: 60px;
  font-weight: 600;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-startup .startup-section6 .section-title {
    font-size: 40px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section6 .section-title {
    font-size: 25px;
    line-height: 1.4em;
  }
}
.jumpstarter2023-startup .startup-section6 .section-desc {
  text-align: center;
  color: #FFFFFF;
  font-size: 30px;
  font-weight: 600;
  margin-top: 15px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-startup .startup-section6 .section-desc {
    font-size: 25px;
  }
  .jumpstarter2023-startup .startup-section6 .section-desc br {
    display: none;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section6 .section-desc {
    font-size: 20px;
    line-height: 1.4em;
  }
  .jumpstarter2023-startup .startup-section6 .section-desc br {
    display: none;
  }
}
.jumpstarter2023-startup .startup-section6 .img-container {
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
  width: 800px;
  max-width: 100%;
}
.jumpstarter2023-startup .startup-section6 .img-container img {
  width: 100%;
  max-width: 100%;
}
.jumpstarter2023-startup .startup-section6 .img-container .img2 {
  margin-top: 50px;
}
.jumpstarter2023-startup .startup-section6 .btn-container {
  margin-top: 60px;
  display: flex;
  justify-content: center;
}
.jumpstarter2023-startup .startup-section7 {
  background-color: #000000;
  background-image: url("../../uploads/images/2023/startup/section7_bg.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 105px;
  padding-bottom: 105px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-startup .startup-section7 {
    padding-top: 85px;
    padding-bottom: 85px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section7 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.jumpstarter2023-startup .startup-section7 .section-title {
  text-align: center;
  color: #ffffff;
  font-size: 60px;
  font-weight: 600;
  padding: 0.5em;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-startup .startup-section7 .section-title {
    font-size: 40px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section7 .section-title {
    font-size: 25px;
    line-height: 1.4em;
  }
}
.jumpstarter2023-startup .startup-section7 .img-container {
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
  width: 1112px;
  max-width: 100%;
}
.jumpstarter2023-startup .startup-section7 .img-container img {
  width: 100%;
  max-width: 100%;
}
.jumpstarter2023-startup .startup-section7 .table-container {
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}
.jumpstarter2023-startup .startup-section7 .table-container .content-table {
  padding: 20px 170px;
  background: rgb(255, 82, 127);
  background: linear-gradient(180deg, rgb(255, 82, 127) 0%, rgb(102, 51, 255) 100%);
  padding-top: 10px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-startup .startup-section7 .table-container .content-table {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section7 .table-container .content-table {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.jumpstarter2023-startup .startup-section7 .table-container .content-table .table-row {
  display: flex;
  border-top: 6px solid;
  padding: 30px;
  margin-bottom: 10px;
  background: #000000;
  font-size: 18px;
  flex-wrap: wrap;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section7 .table-container .content-table .table-row {
    font-size: 15px;
    display: block;
  }
}
.jumpstarter2023-startup .startup-section7 .table-container .content-table .table-row .first-box-title {
  color: #e75a2b;
  width: 100%;
  font-family: "TTHovesProBold", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei";
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 25px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-startup .startup-section7 .table-container .content-table .table-row .first-box-title {
    font-size: 27px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section7 .table-container .content-table .table-row .first-box-title {
    font-size: 22px;
  }
}
.jumpstarter2023-startup .startup-section7 .table-container .content-table .table-row.item1 {
  color: #e75a2b;
  border-color: #e75a2b;
}
.jumpstarter2023-startup .startup-section7 .table-container .content-table .table-row.item2 {
  color: #05fbd2;
  border-color: #05fbd2;
}
.jumpstarter2023-startup .startup-section7 .table-container .content-table .table-row.item3 {
  color: #eadb21;
  border-color: #eadb21;
}
.jumpstarter2023-startup .startup-section7 .table-container .content-table .table-row.item4 {
  color: #de3866;
  border-color: #de3866;
}
.jumpstarter2023-startup .startup-section7 .table-container .content-table .table-row .mt25 {
  margin-top: 25px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section7 .table-container .content-table .table-row .mt25 {
    margin-top: 0px;
  }
}
.jumpstarter2023-startup .startup-section7 .table-container .content-table .table-row .mt25m {
  margin-top: 25px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section7 .table-container .content-table .table-row .mt25m {
    margin-top: 25px;
  }
}
.jumpstarter2023-startup .startup-section7 .table-container .content-table .table-row .left-col {
  font-family: "TTHovesProBold", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei";
  width: 40%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  letter-spacing: 0.12em;
  line-height: 1.1em;
  font-size: 30px;
  font-weight: 600;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-startup .startup-section7 .table-container .content-table .table-row .left-col {
    font-size: 25px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section7 .table-container .content-table .table-row .left-col {
    font-size: 20px;
    width: 100%;
  }
}
.jumpstarter2023-startup .startup-section7 .table-container .content-table .table-row .left-col small {
  margin-top: 0.5em;
  font-size: 70%;
}
.jumpstarter2023-startup .startup-section7 .table-container .content-table .table-row .right-col {
  width: 60%;
  padding-left: 0px;
  padding-right: 0px;
  display: flex;
  flex-wrap: wrap;
  color: #ffffff;
}
.jumpstarter2023-startup .startup-section7 .table-container .content-table .table-row .right-col ul {
  margin-bottom: 0;
  padding-left: 1.2em;
}
.jumpstarter2023-startup .startup-section7 .table-container .content-table .table-row .right-col ul li {
  margin-bottom: 0.5em;
}
.jumpstarter2023-startup .startup-section7 .table-container .content-table .table-row .right-col ul li:last-child {
  margin-bottom: 0;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section7 .table-container .content-table .table-row .right-col {
    width: 100%;
  }
}
.jumpstarter2023-startup .startup-section8 {
  padding-top: 105px;
  padding-bottom: 105px;
  background: rgb(17, 31, 130);
  background: linear-gradient(180deg, rgb(17, 31, 130) 0%, rgb(1, 0, 6) 100%);
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-startup .startup-section8 {
    padding-top: 85px;
    padding-bottom: 85px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section8 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
.jumpstarter2023-startup .startup-section8 .btn-container {
  margin-top: 80px;
  display: flex;
  justify-content: center;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section8 .btn-container {
    margin-top: 60px;
  }
}
.jumpstarter2023-startup .startup-section8 .section-title {
  text-align: center;
  color: #FFFFFF;
  font-size: 60px;
  font-weight: 600;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-startup .startup-section8 .section-title {
    font-size: 40px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section8 .section-title {
    font-size: 25px;
    line-height: 1.4em;
  }
}
.jumpstarter2023-startup .startup-section8 .box-container {
  margin-top: 65px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-startup .startup-section8 .box-container {
    margin-top: 45px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section8 .box-container {
    margin-top: 30px;
  }
}
.jumpstarter2023-startup .startup-section8 .box-container .box {
  display: flex;
  border-bottom: 1px solid #FFFFFF;
  padding-bottom: 25px;
  padding-top: 25px;
}
.jumpstarter2023-startup .startup-section8 .box-container .box .left-col {
  width: 170px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #FFD862;
  font-size: 43px;
  font-weight: 600;
  letter-spacing: 5px;
  font-family: "TTHovesProBold", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei";
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section8 .box-container .box .left-col {
    width: 100px;
    font-size: 30px;
    align-items: flex-start;
  }
}
.jumpstarter2023-startup .startup-section8 .box-container .box .right-col {
  font-size: 20px;
  width: calc(100% - 170px);
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section8 .box-container .box .right-col {
    width: calc(100% - 100px);
    font-size: 16px;
  }
}
.jumpstarter2023-startup .startup-section8 .box-container .box .right-col .title {
  color: #FFD862;
  font-weight: 600;
  margin-bottom: 3px;
  font-family: "TTHovesProBold", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei";
}
.jumpstarter2023-startup .startup-section8 .box-container .box .right-col .desc {
  color: #FFFFFF;
  font-weight: 500;
  padding-left: 18px;
  position: relative;
  margin-bottom: 3px;
}
.jumpstarter2023-startup .startup-section8 .box-container .box .right-col .desc:before {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #FFFFFF;
  top: 11px;
  left: 0px;
}
.jumpstarter2023-startup .startup-section8 .box-container .box .right-col .desc a {
  color: inherit;
  text-decoration: underline;
}
.jumpstarter2023-startup .startup-section8 .box-container .remark-box {
  display: flex;
  border: 1px solid #FFFFFF;
  background-color: #9D8446;
  flex-wrap: wrap;
  color: #FFFFFF;
  margin-top: 25px;
}
.jumpstarter2023-startup .startup-section8 .box-container .remark-box .left-col {
  width: 255px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 38px;
  font-weight: 600;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-startup .startup-section8 .box-container .remark-box .left-col {
    width: 230px;
    font-size: 35px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section8 .box-container .remark-box .left-col {
    width: 120px;
    font-size: 28px;
  }
}
.jumpstarter2023-startup .startup-section8 .box-container .remark-box .right-col {
  width: calc(100% - 255px);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 500;
  padding-left: 40px;
  padding-right: 40px;
  border-left: 1px solid #FFFFFF;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-startup .startup-section8 .box-container .remark-box .right-col {
    width: calc(100% - 230px);
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section8 .box-container .remark-box .right-col {
    width: calc(100% - 120px);
  }
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-startup .startup-section8 .box-container .remark-box .right-col {
    font-size: 18px;
    padding-top: 25px;
    padding-bottom: 25px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-startup .startup-section8 .box-container .remark-box .right-col {
    font-size: 16px;
    padding: 15px;
  }
}

.jumpstarter2023-student {
  padding-top: 122px;
  background-color: #000000;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-student {
    padding-top: 101px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-student {
    padding-top: 51px;
  }
}

.jumpstarter2023-judges {
  padding-top: 122px;
  background-color: #000000;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-judges {
    padding-top: 101px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-judges {
    padding-top: 51px;
  }
}
@media (min-width: 1550px) {
  .jumpstarter2023-judges .container {
    width: 1230px;
  }
}
.jumpstarter2023-judges .judges-banner {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  align-self: center;
  height: 450px;
  margin-bottom: 30px;
}
.jumpstarter2023-judges .judges-banner.semi-final {
  background-image: url("../../uploads/images/2023/judges/semi-final/banner_bg.jpg");
}
.jumpstarter2023-judges .judges-banner.finale {
  background-image: url("../../uploads/images/2023/judges/finale/banner_bg.jpg");
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-judges .judges-banner {
    height: 320px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-judges .judges-banner {
    height: 160px;
  }
}
.jumpstarter2023-judges .judges-banner .container {
  padding-top: 15px;
  padding-bottom: 15px;
  color: #FFFFFF;
  font-family: "TTOctosquares", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei";
  font-weight: 600;
  font-size: 96px;
  line-height: 0.8em;
  text-shadow: 0.065em 0.065em #000000;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-judges .judges-banner .container {
    font-size: 60px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-judges .judges-banner .container {
    font-size: 40px;
    width: 100%;
  }
}
.jumpstarter2023-judges .judges-banner .container span {
  font-family: "TTHovesPro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei";
  font-size: 0.5em;
  letter-spacing: 0.12em;
}

.jumpstarter2023-finalists {
  padding-top: 122px;
  background-color: #000000;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-finalists {
    padding-top: 101px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-finalists {
    padding-top: 51px;
  }
}
.jumpstarter2023-finalists .container {
  z-index: 2;
  position: relative;
}
@media (min-width: 1550px) {
  .jumpstarter2023-finalists .container {
    width: 1230px;
  }
}
.jumpstarter2023-finalists .top-menu {
  margin-top: 50px;
}
.jumpstarter2023-finalists .bg-img {
  z-index: 1;
  position: relative;
}
.jumpstarter2023-finalists .ideation-stage {
  background: rgb(0, 249, 219);
  background: linear-gradient(180deg, rgb(0, 249, 219) 0%, rgb(45, 71, 157) 100%);
  width: 100%;
  padding-top: 60px;
  padding-bottom: 60px;
}
.jumpstarter2023-finalists .section-2022-top100 .section-title {
  margin-bottom: 40px;
  font-weight: 300;
}
.jumpstarter2023-finalists .section-2022-top100 .btn-container {
  width: 100%;
  margin-top: 20px;
  display: flex;
  justify-content: center;
  margin-bottom: 100px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .jumpstarter2023-finalists .section-2022-top100 .btn-container {
    margin-bottom: 80px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-finalists .section-2022-top100 .btn-container {
    margin-top: 15px;
    margin-bottom: 80px;
  }
}
.jumpstarter2023-finalists .section-2022-top100 .btn-container .btn {
  display: flex;
  cursor: pointer;
}
.jumpstarter2023-finalists .section-2022-top100 .btn-container .btn div {
  transition: all 0.3s;
  border-radius: 23px;
  color: #2C2C2C;
  font-size: 28px;
  padding: 12px 35px;
  line-height: 1;
  margin-right: 0px;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
  white-space: nowrap;
  letter-spacing: 0.15em;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-finalists .section-2022-top100 .btn-container .btn div {
    font-size: 18px;
    padding: 10px 20px;
  }
}
.jumpstarter2023-finalists .section-2022-top100 .btn-container .btn:hover div {
  color: #F26F21;
  border: 1px solid #F26F21;
}
.jumpstarter2023-finalists .common-section-title {
  letter-spacing: 2px;
  font-size: 45px;
  font-weight: 600;
  font-style: italic;
  text-align: center;
  color: #ad945c;
  letter-spacing: 4px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-finalists .common-section-title {
    font-size: 35px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-finalists .common-section-title {
    font-size: 25px;
  }
}
.jumpstarter2023-finalists .seperator {
  width: 100%;
  height: 2px;
  background-color: #000000;
  margin-top: 30px;
  margin-bottom: 35px;
}
.jumpstarter2023-finalists .ideation-stage .common-section-title {
  color: #000000;
}
.jumpstarter2023-finalists .ideation-stage .top-wrapper {
  margin-bottom: 0px;
}
.jumpstarter2023-finalists .ideation-stage .list-item {
  color: #000000 !important;
}
.jumpstarter2023-finalists .top-wrapper .common-section-title {
  margin-top: 60px;
  margin-bottom: 30px;
}
.jumpstarter2023-finalists .wrapper-title {
  margin-bottom: 0px !important;
}
.jumpstarter2023-finalists .wrapper-list {
  padding-top: 30px !important;
}
.jumpstarter2023-finalists .top-wrapper {
  margin-bottom: 60px !important;
}
.jumpstarter2023-finalists .style0 .wrapper-title:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23f0e3c8'%2F%3E%3C%2Fsvg%3E");
}
.jumpstarter2023-finalists .style1 .wrapper-title:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ad945c'%2F%3E%3C%2Fsvg%3E");
}
.jumpstarter2023-finalists .style2 .wrapper-title:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23fb7435'%2F%3E%3C%2Fsvg%3E");
}
.jumpstarter2023-finalists .style3 .wrapper-title:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23e13866'%2F%3E%3C%2Fsvg%3E");
}
.jumpstarter2023-finalists .style4 .wrapper-title:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%237b54ff'%2F%3E%3C%2Fsvg%3E");
}
.jumpstarter2023-finalists .style5 .wrapper-title:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%230072ff'%2F%3E%3C%2Fsvg%3E");
}
.jumpstarter2023-finalists .style6 .wrapper-title:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%2348dce1'%2F%3E%3C%2Fsvg%3E");
}
.jumpstarter2023-finalists .style7 .wrapper-title:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%2380b93f'%2F%3E%3C%2Fsvg%3E");
}
.jumpstarter2023-finalists .style8 .wrapper-title:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffde75'%2F%3E%3C%2Fsvg%3E");
}
.jumpstarter2023-finalists .style9 .wrapper-title:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.jumpstarter2023-finalists .wrapper-title {
  position: relative;
}
.jumpstarter2023-finalists .wrapper-title:after {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  rotate: -90deg;
  transform-origin: top;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform-origin: top;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
}
.jumpstarter2023-finalists .wrapper-title.collapsed {
  position: relative;
}
.jumpstarter2023-finalists .wrapper-title.collapsed:after {
  content: "";
  rotate: 90deg;
}

.jumpstarter2023-finalists-top-10-detail .bg-img {
  background: rgb(0, 0, 0);
  background: linear-gradient(180deg, rgb(0, 0, 0) 50%, rgb(67, 111, 154) 100%);
}
.jumpstarter2023-finalists-top-10-detail .inner-title {
  font-family: "TTHovesProRegular", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei" !important;
  color: #FFFFFF !important;
  font-weight: 300 !important;
  letter-spacing: 0.12em !important;
  border-top: 0px !important;
  border-bottom: 0px !important;
}

.jumpstarter2023-finalists-top10 .inner-title {
  text-transform: uppercase;
  font-family: "TTHovesProRegular", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei";
  color: #ffffff;
  letter-spacing: 0.12em;
  text-align: center;
  font-weight: 300;
  margin: 1em 0 0.5em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .jumpstarter2023-finalists-top10 .inner-title {
    font-size: 60px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .jumpstarter2023-finalists-top10 .inner-title {
    font-size: 48px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .jumpstarter2023-finalists-top10 .inner-title {
    font-size: 30px;
  }
}
.jumpstarter2023-finalists-top10 .item-img {
  width: 100% !important;
}
.jumpstarter2023-finalists-top10 .bg-img {
  background: rgb(0, 0, 0);
  background: linear-gradient(180deg, rgb(0, 0, 0) 30%, rgb(140, 31, 6) 100%);
}
.jumpstarter2023-finalists-top10 .inner-bg {
  display: none;
}
.jumpstarter2023-finalists-top10 .itme-img {
  height: 186px !important;
}
.jumpstarter2023-finalists-top10 .item-title {
  text-align: left !important;
}
.jumpstarter2023-finalists-top10 .container-inner {
  padding-top: 20px !important;
}

.jumpstarter2023-partner .section-inner.section-2022-sponsors {
  padding-top: 60px;
}
.jumpstarter2023-partner .partner-banner {
  background-image: url("../../uploads/images/2023/sponsor/banner_bg.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  align-self: center;
  height: 747px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-partner .partner-banner {
    height: 450px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-partner .partner-banner {
    height: 300px;
  }
}
.jumpstarter2023-partner .partner-banner .container {
  padding-top: 15px;
  padding-bottom: 15px;
  color: #FFFFFF;
  font-family: "Poppins", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei";
  font-weight: 500;
  font-size: 96px;
  line-height: 1.3em;
  text-shadow: 0.065em 0.065em #000000;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .jumpstarter2023-partner .partner-banner .container {
    font-size: 60px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .jumpstarter2023-partner .partner-banner .container {
    font-size: 40px;
    width: 100%;
  }
}
.jumpstarter2023-partner .section-inner.section-2022-sponsors {
  background-image: url("../../uploads/images/2023/sponsor/bg.jpg");
  background-size: 100%;
  background-position: top center;
  background-repeat: no-repeat;
}

@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px) {
  .item-xxl {
    max-width: 320px;
  }
  .item-xl {
    max-width: 280px;
  }
  .item-lg {
    max-width: 220px;
  }
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .show-only-desktop {
    display: none;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .show-only-desktop {
    display: none;
  }
}

.pre-registration2025 {
  padding-top: 110px;
  color: #FFFFFF;
  background-color: #000000;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .pre-registration2025 .container {
    max-width: 1700px;
    width: 100%;
  }
}
.pre-registration2025 .content-wrapper {
  background-image: url("../../uploads/images/2025/home/banner.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
}
.pre-registration2025 .content-wrapper .terms-box {
  background-color: transparent;
  color: #FFFFFF;
}
.pre-registration2025 .content-wrapper .terms-box a {
  color: #ff4c08;
}
.pre-registration2025 .content-wrapper .flex-container {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  padding: 50px 70px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .pre-registration2025 .content-wrapper .flex-container {
    padding: 40px 50px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .pre-registration2025 .content-wrapper .flex-container {
    padding: 25px 20px;
  }
}
.pre-registration2025 .content-wrapper .flex-container .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.85;
}
.pre-registration2025 .content-wrapper .flex-container.thankyou {
  width: 100%;
  text-align: center;
  font-size: 35px;
  font-weight: 600;
  line-height: 1.35;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .pre-registration2025 .content-wrapper .flex-container.thankyou {
    font-size: 30px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .pre-registration2025 .content-wrapper .flex-container.thankyou {
    font-size: 22px;
  }
}
.pre-registration2025 .content-wrapper .flex-container.thankyou .form-success-detail {
  width: 100%;
  margin-bottom: 35px;
}
.pre-registration2025 .content-wrapper .flex-container .left-col {
  position: relative;
  width: 55%;
  padding-right: 75px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .pre-registration2025 .content-wrapper .flex-container .left-col {
    padding-right: 55px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .pre-registration2025 .content-wrapper .flex-container .left-col {
    width: 100%;
    padding-right: 0px;
    margin-bottom: 35px;
  }
}
.pre-registration2025 .content-wrapper .flex-container .left-col .r1 {
  font-size: 38px;
  font-weight: 600;
  line-height: 1.35;
  margin-bottom: 20px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .pre-registration2025 .content-wrapper .flex-container .left-col .r1 {
    font-size: 30px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .pre-registration2025 .content-wrapper .flex-container .left-col .r1 {
    font-size: 28px;
  }
}
.pre-registration2025 .content-wrapper .flex-container .left-col .r1 span {
  font-size: 42px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .pre-registration2025 .content-wrapper .flex-container .left-col .r1 span {
    font-size: 35px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .pre-registration2025 .content-wrapper .flex-container .left-col .r1 span {
    font-size: 30px;
  }
}
.pre-registration2025 .content-wrapper .flex-container .left-col .r2 {
  font-size: 20px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .pre-registration2025 .content-wrapper .flex-container .left-col .r2 {
    font-size: 18px;
  }
}
.pre-registration2025 .content-wrapper .flex-container .right-col {
  position: relative;
  width: 45%;
}
.pre-registration2025 .content-wrapper .flex-container .right-col .col-12 {
  padding-left: 15px;
  padding-right: 15px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .pre-registration2025 .content-wrapper .flex-container .right-col {
    width: 100%;
  }
}
.pre-registration2025 .c-btn {
  font-size: 20px;
  padding: 10px 35px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .pre-registration2025 .c-btn {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
}

@media (min-width: 1550px) {
  .partnership2024 .container {
    width: 1280px;
  }
}
.partnership2024 .section1 {
  margin-top: 146px;
  padding-top: 130px;
  padding-bottom: 130px;
  background-color: #000000;
  position: relative;
  color: #FFFFFF;
  font-family: "Poppins", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei";
  border-bottom: 3px solid #AD945C;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .partnership2024 .section1 {
    margin-top: 100px;
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .partnership2024 .section1 {
    margin-top: 80px;
    padding-top: 70px;
    padding-bottom: 70px;
  }
}
.partnership2024 .section1 .container {
  position: relative;
}
.partnership2024 .section1 .r1 {
  text-align: center;
  font-weight: 500;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .partnership2024 .section1 .r1 {
    font-size: 60px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .partnership2024 .section1 .r1 {
    font-size: 40px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .partnership2024 .section1 .r1 {
    font-size: 25px;
  }
}
.partnership2024 .section1 .r2 {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  width: 910px;
  max-width: 100%;
  margin-top: 35px;
  line-height: 1.95;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .partnership2024 .section1 .r2 {
    font-size: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .partnership2024 .section1 .r2 {
    font-size: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .partnership2024 .section1 .r2 {
    font-size: 16px;
  }
}
.partnership2024 .section1 .r3 {
  display: flex;
  justify-content: center;
  margin-top: 50px;
}
.partnership2024 .section1 .r3 .apply-btn {
  padding: 5px 30px;
  border-radius: 50px;
  border: 2px solid #FFFFFF;
  color: #FFFFFF;
  font-weight: 500;
  padding-top: 11px;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .partnership2024 .section1 .r3 .apply-btn {
    font-size: 29px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .partnership2024 .section1 .r3 .apply-btn {
    font-size: 22px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .partnership2024 .section1 .r3 .apply-btn {
    font-size: 20px;
  }
}
.partnership2024 .section1 .r3 .apply-btn:hover {
  transform: translateY(-3px);
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px), (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .partnership2024 .section1 .r3 .apply-btn {
    padding: 5px 25px;
    padding-top: 11px;
  }
}
.partnership2024 .section1 .bg {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.partnership2024 .section2 {
  padding-top: 90px;
  padding-bottom: 90px;
  position: relative;
  background-color: #000000;
  position: relative;
  color: #FFFFFF;
  font-family: "Poppins", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei";
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .partnership2024 .section2 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .partnership2024 .section2 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
.partnership2024 .section2 .container {
  position: relative;
}
.partnership2024 .section2 .bg {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.partnership2024 .section2 .r1 {
  color: #FFFFFF;
  font-weight: 300;
  font-style: italic;
  margin-bottom: 35px;
  text-align: center;
  line-height: 1.24;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .partnership2024 .section2 .r1 {
    font-size: 60px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .partnership2024 .section2 .r1 {
    font-size: 35px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .partnership2024 .section2 .r1 {
    font-size: 25px;
  }
}
.partnership2024 .section2 .r2 {
  text-align: center;
  color: #FF7328;
  font-weight: 500;
  margin-bottom: 50px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .partnership2024 .section2 .r2 {
    font-size: 40px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .partnership2024 .section2 .r2 {
    font-size: 28px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .partnership2024 .section2 .r2 {
    font-size: 20px;
  }
}
.partnership2024 .section2 .box-container {
  margin-bottom: -50px;
  margin-left: -50px;
  margin-right: -50px;
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .partnership2024 .section2 .box-container {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .partnership2024 .section2 .box-container {
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: -20px;
  }
}
.partnership2024 .section2 .box-container .col-box {
  padding-left: 30px;
  padding-right: 30px;
  margin-bottom: 50px;
  width: 25%;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .partnership2024 .section2 .box-container .col-box {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .partnership2024 .section2 .box-container .col-box {
    padding-left: 15px;
    padding-right: 15px;
    width: 50%;
    margin-bottom: 20px;
  }
}
.partnership2024 .section2 .box-container .box .number {
  color: #ff7328;
  text-align: center;
  font-family: "Poppins", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei";
  font-weight: 300;
  font-size: 60px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .partnership2024 .section2 .box-container .box .number {
    font-size: 60px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .partnership2024 .section2 .box-container .box .number {
    font-size: 35px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .partnership2024 .section2 .box-container .box .number {
    font-size: 28px;
  }
}
.partnership2024 .section2 .box-container .box .desc {
  color: #FFFFFF;
  font-family: "Poppins", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei";
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  margin-top: 5px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .partnership2024 .section2 .box-container .box .desc {
    font-size: 17px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .partnership2024 .section2 .box-container .box .desc {
    font-size: 16px;
  }
}
.partnership2024 .section3 {
  padding-top: 70px;
  padding-bottom: 70px;
  background-color: #FFFFFF;
}
@media (min-width: 1550px) {
  .partnership2024 .section3 .container {
    width: 1500px;
  }
}
.partnership2024 .section3 .section-title {
  text-align: center;
  font-family: "Poppins", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei";
  font-weight: 500;
  color: #000000;
  margin-bottom: 55px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .partnership2024 .section3 .section-title {
    font-size: 40px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .partnership2024 .section3 .section-title {
    font-size: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .partnership2024 .section3 .section-title {
    font-size: 20px;
  }
}
.partnership2024 .section3 .logo-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: -52px;
  align-items: center;
  align-content: center;
}
.partnership2024 .section3 .logo-container .logo {
  margin-bottom: 52px;
  margin-left: 40px;
  margin-right: 40px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .partnership2024 .section3 .logo-container .logo {
    width: 100%;
    text-align: center;
  }
}
.partnership2024 .section3 .logo-container .logo img {
  height: 33px;
}
.partnership2024 .section3 .logo-container .logo img.logo2 {
  height: 38px;
}
.partnership2024 .section3 .logo-container .logo img.logo3 {
  height: 44px;
}
.partnership2024 .section3 .logo-container .logo img.logo5 {
  height: 28px;
}
.partnership2024 .section3 .logo-container .logo img.logo6 {
  height: 28px;
}
.partnership2024 .section3 .logo-container .logo img.logo7 {
  height: 50px;
}
.partnership2024 .section3 .logo-container .logo img.logo20 {
  height: 43px;
}
.partnership2024 .section3 .logo-container .logo img.logo21 {
  height: 43px;
}
.partnership2024 .section3 .logo-container .logo img.logo22 {
  height: 48px;
}
.partnership2024 .section3 .logo-container .logo img.logo23 {
  height: 57px;
}
.partnership2024 .section3 .logo-container .logo img.logo24 {
  height: 26px;
}
.partnership2024 .section3 .logo-container .logo img.logo28 {
  height: 21px;
}
.partnership2024 .section3 .logo-container .logo img.logo35 {
  height: 43px;
}
.partnership2024 .section3 .logo-container .logo img.logo39 {
  height: 43px;
}
.partnership2024 .section3 .btn-container {
  display: flex;
  justify-content: center;
  margin-top: 75px;
}
.partnership2024 .section3 .btn-container .download-btn {
  padding: 10px 30px;
  border-radius: 50px;
  border: 1px solid #FF7328;
  color: #FFFFFF;
  background-color: #FF7328;
  font-weight: 500;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .partnership2024 .section3 .btn-container .download-btn {
    font-size: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .partnership2024 .section3 .btn-container .download-btn {
    font-size: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .partnership2024 .section3 .btn-container .download-btn {
    font-size: 16px;
  }
}
.partnership2024 .section3 .btn-container .download-btn:hover {
  background-color: #FFFFFF;
  color: #FF7328;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .partnership2024 .section3 .btn-container .download-btn {
    padding: 5px 25px;
  }
}
.partnership2024 .section4 {
  padding-top: 90px;
  padding-bottom: 90px;
}
.partnership2024 .section4 .section-title {
  text-align: center;
  font-family: "Poppins", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei";
  font-weight: 500;
  color: #FFFFFF;
  margin-bottom: 55px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .partnership2024 .section4 .section-title {
    font-size: 40px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .partnership2024 .section4 .section-title {
    font-size: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .partnership2024 .section4 .section-title {
    font-size: 20px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .partnership2024 .section4 .section-title {
    margin-bottom: 35px;
  }
}
.partnership2024 .section4 .video-container {
  aspect-ratio: 960/540;
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  max-width: 100%;
}
.partnership2024 .section4 .video-container .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.partnership2024 .section4 .video-container .play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 105px;
  height: 105px;
  opacity: 0.9;
  pointer-events: none;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .partnership2024 .section4 .video-container .play-btn {
    width: 75px;
    height: 75px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .partnership2024 .section4 .video-container .play-btn {
    width: 75px;
    height: 75px;
  }
}
.partnership2024 .section5 {
  padding-top: 65px;
  padding-bottom: 65px;
}
.partnership2024 .section5 .btn-container {
  display: flex;
  justify-content: center;
  margin-top: 25px;
}
.partnership2024 .section5 .btn-container .summit-btn {
  padding: 10px 30px;
  border-radius: 50px;
  border: 1px solid #000000;
  color: #FFFFFF;
  background-color: #000000;
  font-weight: 500;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .partnership2024 .section5 .btn-container .summit-btn {
    font-size: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .partnership2024 .section5 .btn-container .summit-btn {
    font-size: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .partnership2024 .section5 .btn-container .summit-btn {
    font-size: 16px;
  }
}
.partnership2024 .section5 .btn-container .summit-btn:hover {
  background-color: #FFFFFF;
  color: #000000;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .partnership2024 .section5 .btn-container .summit-btn {
    padding: 5px 25px;
  }
}

.travel-perks2025-banner .partner-banner {
  background-image: url("../../uploads/images/2025/home/banner2.jpg") !important;
}

.travel-perks2025 {
  background-image: url("../../uploads/images/2025/agenda/bg.jpg") !important;
}
.travel-perks2025 .link-btn {
  display: inline-flex !important;
  color: #FFFFFF !important;
  padding: 6px 13px !important;
  border-radius: 10px;
  background-color: #ff7328 !important;
  border: 2px solid #ff7328 !important;
  text-align: center !important;
  font-weight: 600;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
  margin-top: 5px;
}
.travel-perks2025 .link-btn:hover {
  -webkit-transform: translateY(-3px);
  -moz-transform: translateY(-3px);
  -ms-transform: translateY(-3px);
  -o-transform: translateY(-3px);
}
.travel-perks2025 .introduction {
  color: #FFFFFF;
  margin-bottom: 60px;
  line-height: 1.45;
  font-weight: 500;
  margin-top: 25px;
  font-family: "Poppins", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei";
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .travel-perks2025 .introduction {
    font-size: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .travel-perks2025 .introduction {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .travel-perks2025 .introduction {
    font-size: 20px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .travel-perks2025 .introduction {
    margin-top: 0px;
    margin-bottom: 30px;
  }
}

.partner-with-us-btn {
  display: inline-flex;
  color: #FFFFFF;
  padding: 4px 10px !important;
  border-radius: 5px;
  background-color: #ff7328;
  border: 1px solid #ff7328;
}
.partner-with-us-btn:hover {
  color: #ff7328;
  background-color: #FFFFFF;
}

.ignition-gala2024-rundown {
  padding-top: 100px;
  background-image: url("../../uploads/images/2025/agenda/bg.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.ignition-gala2024-rundown .register-now {
  margin-bottom: 20px;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 1.2em;
  text-align: center;
  color: #FFFFFF;
  margin-bottom: 55px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .ignition-gala2024-rundown .register-now {
    font-size: 48px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .ignition-gala2024-rundown .register-now {
    font-size: 35px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ignition-gala2024-rundown .register-now {
    font-size: 28px;
  }
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .ignition-gala2024-rundown .register-now {
    margin-bottom: 40px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .ignition-gala2024-rundown .register-now {
    margin-bottom: 35px;
  }
}
.ignition-gala2024-rundown .btn-container {
  color: #FFFFFF;
  margin-bottom: 100px;
  display: flex;
  justify-content: center;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .ignition-gala2024-rundown .btn-container {
    margin-bottom: 80px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .ignition-gala2024-rundown .btn-container {
    flex-wrap: wrap;
    margin-bottom: 35px;
  }
}
.ignition-gala2024-rundown .btn-container img {
  width: 350px;
  margin-left: 30px;
  margin-right: 30px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .ignition-gala2024-rundown .btn-container img {
    width: 280px;
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .ignition-gala2024-rundown .btn-container img {
    width: 280px;
    margin-left: 15px;
    margin-bottom: 30px;
    margin-right: 15px;
  }
}
.ignition-gala2024-rundown .speaker-section {
  color: #FFFFFF;
  margin-bottom: 100px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .ignition-gala2024-rundown .speaker-section {
    margin-bottom: 80px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .ignition-gala2024-rundown .speaker-section {
    margin-bottom: 35px;
  }
}
.ignition-gala2024-rundown .speaker-section .section-title {
  margin-bottom: 20px;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 1.2em;
  text-align: center;
  color: #FFFFFF;
  margin-bottom: 55px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .ignition-gala2024-rundown .speaker-section .section-title {
    font-size: 48px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .ignition-gala2024-rundown .speaker-section .section-title {
    font-size: 35px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ignition-gala2024-rundown .speaker-section .section-title {
    font-size: 28px;
  }
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .ignition-gala2024-rundown .speaker-section .section-title {
    margin-bottom: 40px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .ignition-gala2024-rundown .speaker-section .section-title {
    margin-bottom: 35px;
  }
}
.ignition-gala2024-rundown .speaker-section .speaker-box-container {
  border: 1px solid #EEA3BA;
  padding: 35px;
  background-color: #000000;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .ignition-gala2024-rundown .speaker-section .speaker-box-container {
    padding: 25px;
  }
}
.ignition-gala2024-rundown .speaker-section .speaker-box-container .speaker-row {
  margin-bottom: -30px;
  display: flex;
  flex-wrap: wrap;
}
.ignition-gala2024-rundown .speaker-section .speaker-box-container .speaker-row .col-box {
  margin-bottom: 30px;
}
@media (min-width: 1550px) {
  .ignition-gala2024-rundown .speaker-section .speaker-box-container .speaker-row .col-box {
    width: 25% !important;
  }
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .ignition-gala2024-rundown .speaker-section .speaker-box-container .speaker-row .col-box {
    width: 33.33% !important;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .ignition-gala2024-rundown .speaker-section .speaker-box-container .speaker-row .col-box {
    width: 50% !important;
  }
}
@media (max-width: 575px) {
  .ignition-gala2024-rundown .speaker-section .speaker-box-container .speaker-row .col-box {
    width: 100% !important;
  }
}
.ignition-gala2024-rundown .speaker-section .speaker-box-container .speaker-row .box {
  position: relative;
  overflow: hidden;
  border: 1px solid #EEA3BA;
  margin-bottom: 13px;
}
.ignition-gala2024-rundown .speaker-section .speaker-box-container .speaker-row .box:hover .bg {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
}
.ignition-gala2024-rundown .speaker-section .speaker-box-container .speaker-row .box .bg {
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.ignition-gala2024-rundown .speaker-section .speaker-box-container .speaker-row .box .bg .layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ignition-gala2024-rundown .speaker-section .speaker-box-container .speaker-row .desc {
  width: 100%;
  color: #FFFFFF;
}
.ignition-gala2024-rundown .speaker-section .speaker-box-container .speaker-row .desc .title {
  font-size: 23px;
  line-height: 1.2em;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  font-weight: 600;
  margin-bottom: 4px;
}
.ignition-gala2024-rundown .speaker-section .speaker-box-container .speaker-row .desc .title2 {
  font-size: 14px;
  line-height: 1.2em;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
}
.ignition-gala2024-rundown .container-inner {
  background-color: #241a4c;
  padding: 45px 20px;
  color: #f6f6f8;
  margin-bottom: 100px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .ignition-gala2024-rundown .container-inner {
    padding: 30px 15px;
  }
}
.ignition-gala2024-rundown .container-inner.inner2 {
  background-color: #A6A7B4;
  padding: 45px 35px;
  color: #0E1B2D;
}
.ignition-gala2024-rundown .container-inner.inner2 .list-header, .ignition-gala2024-rundown .container-inner.inner2 .item-title {
  color: #3E65A5 !important;
}
.ignition-gala2024-rundown .container-inner.inner2 hr {
  border-top-color: #0E1B2D !important;
}
.ignition-gala2024-rundown .container-inner.inner2 .list-item:before {
  border-left: 1px solid #0E1B2D !important;
}
.ignition-gala2024-rundown .container-inner.inner2 .detail-bubble {
  background-color: #ffffff !important;
}
.ignition-gala2024-rundown .container-inner.inner2 .detail-bubble:before {
  border-right-color: #FFFFFF !important;
}
.ignition-gala2024-rundown .container-inner.inner2 .list-item:after {
  background-color: #3E65A5 !important;
}
.ignition-gala2024-rundown .inner-title {
  margin-bottom: 20px;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 1.2em;
  text-align: center;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .ignition-gala2024-rundown .inner-title {
    font-size: 48px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .ignition-gala2024-rundown .inner-title {
    font-size: 35px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ignition-gala2024-rundown .inner-title {
    font-size: 22px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .ignition-gala2024-rundown .inner-title {
    margin-bottom: 15px;
  }
}
.ignition-gala2024-rundown .inner-detail {
  text-align: center;
  line-height: 1.2em;
  font-weight: 500;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .ignition-gala2024-rundown .inner-detail {
    font-size: 28px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .ignition-gala2024-rundown .inner-detail {
    font-size: 25px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ignition-gala2024-rundown .inner-detail {
    font-size: 20px;
  }
}
.ignition-gala2024-rundown hr {
  margin: 40px 0;
  border-top-color: #425a8c;
}
.ignition-gala2024-rundown .agenda-list .agenda-item {
  position: relative;
}
.ignition-gala2024-rundown .agenda-list .agenda-item .agenda-day {
  width: 120px;
  text-align: center;
  color: #FFFFFF;
  padding: 0px 15px;
  position: absolute;
  left: 0;
  top: 0;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .ignition-gala2024-rundown .agenda-list .agenda-item .agenda-day {
    font-size: 30px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .ignition-gala2024-rundown .agenda-list .agenda-item .agenda-day {
    font-size: 25px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ignition-gala2024-rundown .agenda-list .agenda-item .agenda-day {
    font-size: 20px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .ignition-gala2024-rundown .agenda-list .agenda-item .agenda-day {
    margin-bottom: 10px;
    position: relative;
  }
}
.ignition-gala2024-rundown .agenda-list .agenda-item .agenda-detail {
  margin-bottom: 40px;
  border-top: 1px solid #425a8c;
  padding: 5px 15px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .ignition-gala2024-rundown .agenda-list .agenda-item .agenda-detail {
    font-size: 24px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .ignition-gala2024-rundown .agenda-list .agenda-item .agenda-detail {
    font-size: 22px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ignition-gala2024-rundown .agenda-list .agenda-item .agenda-detail {
    font-size: 20px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .ignition-gala2024-rundown .agenda-list .agenda-item .agenda-detail {
    border-top: 0;
    margin-left: 0;
  }
}
.ignition-gala2024-rundown .agenda-list .agenda-item:first-child .agenda-detail {
  border-top: 0;
}
.ignition-gala2024-rundown .agenda-list .agenda-item:nth-child(1) .agenda-day {
  background-color: red;
}
.ignition-gala2024-rundown .agenda-list .agenda-item:nth-child(2) .agenda-day {
  background-color: green;
}
.ignition-gala2024-rundown .time-list .list-item {
  position: relative;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .ignition-gala2024-rundown .time-list .list-item {
    font-size: 24px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .ignition-gala2024-rundown .time-list .list-item {
    font-size: 22px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ignition-gala2024-rundown .time-list .list-item {
    font-size: 20px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .ignition-gala2024-rundown .time-list .list-item {
    padding-left: 30px;
  }
}
.ignition-gala2024-rundown .time-list .list-item:before, .ignition-gala2024-rundown .time-list .list-item:after {
  content: "";
  position: absolute;
  left: 140px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .ignition-gala2024-rundown .time-list .list-item:before, .ignition-gala2024-rundown .time-list .list-item:after {
    left: 0;
  }
}
.ignition-gala2024-rundown .time-list .list-item:before {
  width: 0;
  height: 100%;
  top: 0;
  border-left: 1px solid #425a8c;
}
.ignition-gala2024-rundown .time-list .list-item:after {
  width: 14px;
  height: 14px;
  border-radius: 100%;
  margin-top: -7px;
  margin-left: -7px;
  top: 50%;
  background-color: #ec3157;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .ignition-gala2024-rundown .time-list .list-item:after {
    margin-top: 0;
  }
}
.ignition-gala2024-rundown .time-list .list-item .item-title {
  width: 100px;
  height: 34px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -17px;
  text-align: right;
  color: #f6f6f8;
  font-weight: 500;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .ignition-gala2024-rundown .time-list .list-item .item-title {
    position: relative;
    width: inherit;
    text-align: left;
    height: auto;
    margin-top: 0;
  }
}
.ignition-gala2024-rundown .time-list .list-item .item-detail {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-left: 175px;
}
.ignition-gala2024-rundown .time-list .list-item .item-detail .detail-bubble {
  padding: 8px 12px;
  display: inline-block;
  position: relative;
  font-weight: 500;
}
.ignition-gala2024-rundown .time-list .list-item .item-detail .detail-bubble .speaker-box {
  color: #ec3157;
  background-color: #FFFFFF;
  display: inline-flex;
  margin-top: 13px;
  padding: 5px 12px;
  font-size: 18px !important;
  font-weight: 500 !important;
}
.ignition-gala2024-rundown .time-list .list-item .item-detail .detail-bubble b {
  font-weight: 600 !important;
}
.ignition-gala2024-rundown .time-list .list-item .item-detail .detail-bubble strong {
  font-weight: 600;
}
.ignition-gala2024-rundown .time-list .list-item .item-detail .detail-bubble:before {
  content: "";
  position: absolute;
  left: -18px;
  top: 50%;
  margin-top: -9px;
  width: 0px;
  height: 0px;
  border-color: transparent;
  border-style: solid;
  border-width: 10px 18px 10px 0;
  border-right-color: transparent;
  border-top-color: rgba(0, 0, 0, 0);
  border-bottom-color: rgba(0, 0, 0, 0);
}
.ignition-gala2024-rundown .time-list .list-item .item-detail .detail-bubble p:last-child, .ignition-gala2024-rundown .time-list .list-item .item-detail .detail-bubble ul:last-child {
  margin-bottom: 0;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .ignition-gala2024-rundown .time-list .list-item .item-detail {
    margin-left: 0;
    padding-top: 0;
  }
}
.ignition-gala2024-rundown .time-list .list-item:nth-child(odd) .item-detail .detail-bubble {
  background-color: #ec3157;
}
.ignition-gala2024-rundown .time-list .list-item:nth-child(odd) .item-detail .detail-bubble:before {
  border-right-color: #ec3157;
}
.ignition-gala2024-rundown .time-list .list-item:nth-child(even) .item-detail .detail-bubble {
  background-color: #ec3157;
}
.ignition-gala2024-rundown .time-list .list-item:nth-child(even) .item-detail .detail-bubble:before {
  border-right-color: #ec3157;
}
.ignition-gala2024-rundown .time-list .list-item.list-header {
  font-weight: 600;
  color: #f6f6f8;
  text-transform: uppercase;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .ignition-gala2024-rundown .time-list .list-item.list-header {
    font-size: 25px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .ignition-gala2024-rundown .time-list .list-item.list-header {
    font-size: 22px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ignition-gala2024-rundown .time-list .list-item.list-header {
    font-size: 20px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .ignition-gala2024-rundown .time-list .list-item.list-header {
    display: none;
  }
}
.ignition-gala2024-rundown .time-list .list-item.list-header:before, .ignition-gala2024-rundown .time-list .list-item.list-header:after {
  display: none;
}
.ignition-gala2024-rundown .inner-btn {
  text-align: center;
}
.ignition-gala2024-rundown .inner-btn .btn-border span {
  font-weight: 600;
  color: #f6f6f8;
  padding: 12px 30px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .ignition-gala2024-rundown .inner-btn .btn-border span {
    font-size: 24px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .ignition-gala2024-rundown .inner-btn .btn-border span {
    font-size: 22px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ignition-gala2024-rundown .inner-btn .btn-border span {
    font-size: 20px;
  }
}
.winning-teams-section1 {
  font-family: "TT Hoves", sans-serif;
  background-image: url("../../uploads/images/2023/startup/section5_bg.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .winning-teams-section1 {
    padding-bottom: 80px;
  }
}
@media (min-width: 1550px) {
  .winning-teams-section1 .container {
    width: 1350px !important;
    max-width: 1350px !important;
  }
}
.winning-teams-section1 .section-title {
  text-align: center;
  color: #AC935F;
  font-weight: 400;
  line-height: 1.15;
  margin-bottom: 100px;
  letter-spacing: unset;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .winning-teams-section1 .section-title {
    font-size: 64px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .winning-teams-section1 .section-title {
    font-size: 45px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .winning-teams-section1 .section-title {
    font-size: 24px;
  }
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .winning-teams-section1 .section-title {
    font-size: 65px;
    margin-bottom: 60px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .winning-teams-section1 .section-title {
    font-size: 40px;
    margin-bottom: 50px;
  }
}
.winning-teams-section1 .box-wrapper {
  margin-bottom: -70px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .winning-teams-section1 .box-wrapper {
    margin-bottom: -30px;
  }
}
.winning-teams-section1 .box-wrapper .box-container {
  position: relative;
  margin-bottom: 70px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .winning-teams-section1 .box-wrapper .box-container {
    margin-bottom: 30px;
  }
}
.winning-teams-section1 .box-wrapper .box-container .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #000000;
  opacity: 0.55;
  pointer-events: none;
}
.winning-teams-section1 .box-wrapper .box-container .box {
  width: calc(100% - 10px);
  padding: 50px;
  color: #B4B4B4;
  font-weight: 500;
  font-size: 30px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .winning-teams-section1 .box-wrapper .box-container .box {
    padding: 35px;
    padding-top: 45px;
    padding-bottom: 45px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .winning-teams-section1 .box-wrapper .box-container .box {
    padding: 35px;
    width: 100%;
  }
}
.winning-teams-section1 .box-wrapper .box-container .box .box-title {
  position: relative;
  text-align: center;
  font-size: 55px;
  line-height: 1;
  font-weight: 500;
  margin-bottom: 60px;
  font-weight: 500;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .winning-teams-section1 .box-wrapper .box-container .box .box-title {
    margin-bottom: 45px;
    font-size: 40px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .winning-teams-section1 .box-wrapper .box-container .box .box-title {
    margin-bottom: 45px;
    font-size: 35px;
  }
}
.winning-teams-section1 .box-wrapper .box-container .box .box-title.winner {
  font-size: 70px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .winning-teams-section1 .box-wrapper .box-container .box .box-title.winner {
    font-size: 55px;
    margin-bottom: 55px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .winning-teams-section1 .box-wrapper .box-container .box .box-title.winner {
    margin-bottom: 45px;
    font-size: 45px;
  }
}
.winning-teams-section1 .box-wrapper .box-container .box .div-row {
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: -60px;
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .winning-teams-section1 .box-wrapper .box-container .box .div-row {
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: -50px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .winning-teams-section1 .box-wrapper .box-container .box .div-row {
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: -50px;
  }
}
.winning-teams-section1 .box-wrapper .box-container .box .div-col {
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 60px;
  width: 30%;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .winning-teams-section1 .box-wrapper .box-container .box .div-col {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 50px;
    width: 50%;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .winning-teams-section1 .box-wrapper .box-container .box .div-col {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 50px;
    width: 100%;
  }
}
.winning-teams-section1 .box-wrapper .box-container .box .div-col .col-box .logo-container {
  display: flex;
  justify-content: center;
}
.winning-teams-section1 .box-wrapper .box-container .box .div-col .col-box .logo-container .logo {
  aspect-ratio: 1/1;
  width: 258px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .winning-teams-section1 .box-wrapper .box-container .box .div-col .col-box .logo-container .logo {
    max-width: 100%;
    width: 210px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .winning-teams-section1 .box-wrapper .box-container .box .div-col .col-box .logo-container .logo {
    max-width: 100%;
    width: 200px;
  }
}
.winning-teams-section1 .box-wrapper .box-container .box .div-col .col-box .logo-container .logo.logo1 {
  width: 344px;
  background-image: url(../uploads/images/2025/winning_teams/1.jpg);
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .winning-teams-section1 .box-wrapper .box-container .box .div-col .col-box .logo-container .logo.logo1 {
    max-width: 100%;
    width: 280px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .winning-teams-section1 .box-wrapper .box-container .box .div-col .col-box .logo-container .logo.logo1 {
    max-width: 100%;
    width: 250px;
  }
}
.winning-teams-section1 .box-wrapper .box-container .box .div-col .col-box .logo-container .logo.logo2 {
  background-image: url(../uploads/images/2025/winning_teams/2.jpg);
}
.winning-teams-section1 .box-wrapper .box-container .box .div-col .col-box .logo-container .logo.logo3 {
  background-image: url(../uploads/images/2025/winning_teams/3.jpg);
}
.winning-teams-section1 .box-wrapper .box-container .box .div-col .col-box .logo-container .logo.logo4 {
  background-image: url(../uploads/images/2025/winning_teams/4.jpg);
}
.winning-teams-section1 .box-wrapper .box-container .box .div-col .col-box .logo-container .logo.logo5 {
  background-image: url(../uploads/images/2025/winning_teams/5.jpg);
}
.winning-teams-section1 .box-wrapper .box-container .box .div-col .col-box .logo-container .logo.logo6 {
  background-image: url(../uploads/images/2025/winning_teams/6.jpg);
}
.winning-teams-section1 .box-wrapper .box-container .box .div-col .col-box .logo-container .logo.logo7 {
  background-image: url(../uploads/images/2025/winning_teams/7.jpg);
}
.winning-teams-section1 .box-wrapper .box-container .box .div-col .col-box .logo-container .logo.logo8 {
  background-image: url(../uploads/images/2025/winning_teams/8.jpg);
}
.winning-teams-section1 .box-wrapper .box-container .box .div-col .col-box .logo-container .logo.logo9 {
  background-image: url(../uploads/images/2025/winning_teams/9.jpg);
}
.winning-teams-section1 .box-wrapper .box-container .box .div-col .col-box .desc {
  margin-top: 35px;
  font-size: 30px;
  font-weight: 500;
  color: #FFFFFF;
  text-align: center;
  font-weight: 500;
  line-height: 1.35;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .winning-teams-section1 .box-wrapper .box-container .box .div-col .col-box .desc {
    font-size: 25px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .winning-teams-section1 .box-wrapper .box-container .box .div-col .col-box .desc {
    font-size: 25px;
  }
}
.winning-teams-section1 .box-wrapper .box-container:after {
  pointer-events: none;
  content: "";
  position: absolute;
  top: 10px;
  left: 10px;
  width: calc(100% - 10px);
  height: 100%;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .winning-teams-section1 .box-wrapper .box-container:after {
    display: none;
  }
}
.winning-teams-section1 .box-wrapper .box-container.brown .box {
  border: 1px solid #AD945C;
}
.winning-teams-section1 .box-wrapper .box-container.brown .box .box-title {
  color: #AD945C;
}
.winning-teams-section1 .box-wrapper .box-container.brown:after {
  border-right: 10px solid #AD945C;
  border-bottom: 10px solid #AD945C;
}
.winning-teams-section1 .box-wrapper .box-container.pink .box {
  border: 1px solid #F7B3C6;
}
.winning-teams-section1 .box-wrapper .box-container.pink .box .box-title {
  color: #F7B3C6;
}
.winning-teams-section1 .box-wrapper .box-container.pink:after {
  border-right: 10px solid #F7B3C6;
  border-bottom: 10px solid #F7B3C6;
}
.winning-teams-section1 .box-wrapper .box-container.blue .box {
  border: 1px solid #4071B0;
}
.winning-teams-section1 .box-wrapper .box-container.blue .box .box-title {
  color: #4071B0;
}
.winning-teams-section1 .box-wrapper .box-container.blue:after {
  border-right: 10px solid #4071B0;
  border-bottom: 10px solid #4071B0;
}
.winning-teams-section1 .box-wrapper .box-container.green .box {
  border: 1px solid #5BC3B7;
}
.winning-teams-section1 .box-wrapper .box-container.green .box .box-title {
  color: #5BC3B7;
}
.winning-teams-section1 .box-wrapper .box-container.green:after {
  border-right: 10px solid #5BC3B7;
  border-bottom: 10px solid #5BC3B7;
}
.winning-teams-section1 .box-wrapper .box-container.yellow .box {
  border: 1px solid #F5BF48;
}
.winning-teams-section1 .box-wrapper .box-container.yellow .box .box-title {
  color: #F5BF48;
}
.winning-teams-section1 .box-wrapper .box-container.yellow:after {
  border-right: 10px solid #F5BF48;
  border-bottom: 10px solid #F5BF48;
}
.winning-teams-section1 .box-wrapper .box-container.white .box {
  border: 1px solid #D2D2D2;
}
.winning-teams-section1 .box-wrapper .box-container.white .box .box-title {
  color: #D2D2D2;
}
.winning-teams-section1 .box-wrapper .box-container.white:after {
  border-right: 10px solid #D2D2D2;
  border-bottom: 10px solid #D2D2D2;
}

.exhibitors2025 {
  padding-top: 80px !important;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .exhibitors2025 {
    padding-top: 60px;
  }
}
.exhibitors2025 .top-menu {
  width: 100%;
  max-width: 800px;
  margin: 0 auto 3.2em;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  .exhibitors2025 .top-menu {
    font-size: 24px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .exhibitors2025 .top-menu {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .exhibitors2025 .top-menu {
    font-size: 18px;
  }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .exhibitors2025 .top-menu {
    display: flex;
  }
  .exhibitors2025 .top-menu .menu-item {
    width: 33.3333333333%;
  }
}
.exhibitors2025 .top-menu .menu-item {
  text-align: center;
  font-weight: 700;
  position: relative;
  font-family: "Apercu Pro", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
  color: #ffffff;
  padding: 0.4em 1.2em;
  display: block;
}
.exhibitors2025 .top-menu .menu-item:after {
  position: absolute;
  top: 0;
  left: 100%;
  content: "";
  z-index: 1;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .exhibitors2025 .top-menu .menu-item:after {
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 1.125em 0 1.125em 0.833em;
    border-left-color: #ffffff;
    border-top-color: fade(#ffffff, 0);
    border-bottom-color: fade(#ffffff, 0);
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .exhibitors2025 .top-menu .menu-item:after {
    display: none;
  }
}
.exhibitors2025 .top-menu .menu-item:last-of-type:after {
  display: none;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .exhibitors2025 .top-menu .menu-item.item1 {
    background: #05186f;
    background: linear-gradient(to right, #05186f, #0B1939);
  }
  .exhibitors2025 .top-menu .menu-item.item1:after {
    border-left-color: #0B1939;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .exhibitors2025 .top-menu .menu-item.item1 {
    background: #05186f;
    background: linear-gradient(to bottom, #05186f, #0B1939);
  }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .exhibitors2025 .top-menu .menu-item.item2 {
    background: #fd4f0f;
    background: linear-gradient(to right, #fd4f0f, #FF0E0C);
  }
  .exhibitors2025 .top-menu .menu-item.item2:after {
    border-left-color: #FF0E0C;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .exhibitors2025 .top-menu .menu-item.item2 {
    background: #fd4f0f;
    background: linear-gradient(to bottom, #fd4f0f, #FF0E0C);
  }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .exhibitors2025 .top-menu .menu-item.item3 {
    background: #724116;
    background: linear-gradient(to right, #724116, #42210B);
  }
  .exhibitors2025 .top-menu .menu-item.item3:after {
    border-left-color: #42210B;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .exhibitors2025 .top-menu .menu-item.item3 {
    background: #724116;
    background: linear-gradient(to bottom, #724116, #42210B);
  }
}
.exhibitors2025 .top-menu .menu-item.disable {
  filter: brightness(0.1);
}
.exhibitors2025 .top-menu .menu-item:not(.disable):hover, .exhibitors2025 .top-menu .menu-item:not(.disable):focus, .exhibitors2025 .top-menu .menu-item:not(.disable):active {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  -webkit-transform: translateY(-4px);
  -moz-transform: translateY(-4px);
  -ms-transform: translateY(-4px);
  -o-transform: translateY(-4px);
}
.exhibitors2025 .top-menu .menu-item:not(.disable):hover, .exhibitors2025 .top-menu .menu-item:not(.disable):focus, .exhibitors2025 .top-menu .menu-item:not(.disable):active {
  z-index: 1;
}
.exhibitors2025 .top-menu .menu-item:not(.disable):hover:after, .exhibitors2025 .top-menu .menu-item:not(.disable):focus:after, .exhibitors2025 .top-menu .menu-item:not(.disable):active:after {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
}
.exhibitors2025 .flex-row {
  display: flex !important;
  flex-wrap: wrap !important;
  margin-bottom: -30px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px), (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .exhibitors2025 .flex-row {
    margin-bottom: -30px;
  }
}
.exhibitors2025 .flex-col {
  margin-bottom: 30px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px), (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .exhibitors2025 .flex-col {
    margin-bottom: 30px;
  }
}
.exhibitors2025 .sponsors-wrapper {
  margin-bottom: 0px;
  height: 100%;
  padding: 25px 32px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px), (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .exhibitors2025 .sponsors-wrapper {
    padding: 25px 25px;
  }
}
.exhibitors2025 .sponsors-wrapper .section-title {
  font-size: 29px;
  padding-bottom: 15px;
  line-height: 1.35;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .exhibitors2025 .sponsors-wrapper .section-title {
    font-size: 22px;
  }
}
.exhibitors2025 .sponsors-wrapper .sponsors-logo {
  border-radius: 0px;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .exhibitors2025 .sponsors-wrapper .sponsors-logo {
    margin-left: auto;
    margin-right: auto;
  }
}
.exhibitors2025 .sponsors-wrapper .sponsors-logo img {
  border-radius: 0px !important;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .exhibitors2025 .sponsors-wrapper .sponsors-logo img {
    margin-left: auto;
    margin-right: auto;
    max-width: 200px;
  }
}
.exhibitors2025 .sponsors-wrapper .sponsors-logo a {
  background-color: white !important;
  border-radius: 0px !important;
}
/*# sourceMappingURL=ui.css.map */