@charset "UTF-8";
/* 自動產生，請勿直接修改；請改原始檔後執行 node build-bundle.js */

/* ===== vendor/jquery-ui-1.13.2/jquery-ui.min.css ===== */
/*! jQuery UI - v1.13.2 - 2022-07-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;-ms-filter:"alpha(opacity=0)"}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;-ms-filter:"alpha(opacity=25)";opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:pointer;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;-ms-filter:"alpha(opacity=70)";font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;-ms-filter:"alpha(opacity=35)";background-image:none}.ui-state-disabled .ui-icon{-ms-filter:"alpha(opacity=35)"}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("/vendor/jquery-ui-1.13.2/images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("/vendor/jquery-ui-1.13.2/images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("/vendor/jquery-ui-1.13.2/images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("/vendor/jquery-ui-1.13.2/images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("/vendor/jquery-ui-1.13.2/images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("/vendor/jquery-ui-1.13.2/images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("/vendor/jquery-ui-1.13.2/images/ui-icons_777777_256x240.png")}.ui-icon-blank.ui-icon-blank.ui-icon-blank{background-image:none}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.003;-ms-filter:Alpha(Opacity=.3)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}

/* ===== vendor/slick/slick.css ===== */
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    /*height: 546px;*/
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


/* ===== vendor/slick/slick-theme.css ===== */

/* Slider */
.slick-loading .slick-list
{
    background: #fff url('/vendor/slick/ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('/vendor/slick/fonts/slick.eot');
    src: url('/vendor/slick/fonts/slick.eot?#iefix') format('embedded-opentype'), url('/vendor/slick/fonts/slick.woff') format('woff'), url('/vendor/slick/fonts/slick.ttf') format('truetype'), url('/vendor/slick/fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 1rem;
    height: 1rem;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    z-index: 1;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    border-style: dashed; opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
	color: gray;
    font-family: Font Awesome\ 5 Free;
    font-size: 3rem;
    line-height: 1;

    opacity: .75;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: 1.5rem;
}
[dir='rtl'] .slick-prev
{
    right: 1.5rem;
    left: auto;
}
.slick-prev:before
{
    content: "\f015";
}
[dir='rtl'] .slick-prev:before
{
    content: "\f015";
}

.slick-next
{
    right: 1.5rem;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: 1.5rem;
}
.slick-next:before
{
    content: '>';
}
[dir='rtl'] .slick-next:before
{
    content: '>';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 1.5rem;
}

.slick-dots
{
    position: absolute;
    bottom: 1.75rem;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 1rem;
    height: 1rem;
    margin: 0 0.25rem;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 1rem;
    height: 1rem;
    padding: 0.25rem;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 0.3rem;
    line-height: 1rem;

    position: absolute;
    top: 0;
    left: 0;

    width: 1rem;
    height: 1rem;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}


/* ===== vendor/fancybox-3.5.7/jquery.fancybox.min.css ===== */
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}

/* ===== css/main.css ===== */


/* 字體 */
/* Noto Sans TC 改於 _Layout.cshtml 以 <link> 載入 (避免 @import 串連延遲) */

/* 變數 */
:root {--main-color: #178197; --alt-color: #178197; --bg-color: #F8F3F0}

/* 共通樣式 */ 
iframe#mainFrame .main {padding: 0 !important;}
main.main {padding: 0 20px; min-height: 350px;}
* {background-position: center; background-repeat: no-repeat; background-size: cover;}
* {box-sizing: border-box;}
a {color: var(--main-color); cursor: pointer; text-decoration: none;}
a:focus {}
body {font-family: 'Noto Sans TC', '微軟正黑體', sans-serif;}
body, .container {margin: 0 auto; max-width: 768px; font-size: 1rem; }
.clearfix::after {clear: both; content: ''; display: block;}
.clear-both {clear: both;}
.container {height: 65px; padding: 12px 20px; position: relative; z-index: 1; background: #fff; display: flex; align-items: center; border-bottom: 2px solid var(--alt-color);}
ul.header-menu {display: inline-block; list-style: none; padding: 0; margin-top: 0;}
.d-none {display: none}
.ellipsis {overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
.phone, .tablet {display: none}
.fa, .fas {font-weight: 900; width: 30px;}
.nav__link > .fa-solid {font-size: 0;}
.nav__link > .fa-solid:before {font-size: 1.125rem}
.compensate-for-scrollbar {margin: 0 auto !important;}
/*.fancybox-button {border: none; background: #FFB933; height: 40px; width: 30%; color: #fff; text-align: center; border-radius: 5px; font-family: "Noto Sans TC", sans-serif; font-size: 1.25rem; font-style: normal; font-weight: 600; line-height: normal; cursor: pointer; margin: 0 auto; margin-top: 10px; display: inline-block;}*/
select {width: 100%; padding: 8px 10px; margin-bottom: 10px; border-radius: 5px; border: 1px solid var(--main-color); background: #FFF; color: #000; font-family: 'Noto Sans TC', sans-serif; font-size: 1rem; font-style: normal; font-weight: 400; line-height: normal;}
select#choices, select#learn-content {margin-bottom: 20px; border: none; border-radius: 0; border-bottom: 1px solid var(--main-color);}

.text-center {text-align: center}

.forgotpassword-area {padding: 0 35px 20px;}
#forgotpassword p {padding: 0!important; font-size: 0.875rem;}
.forgotpassword-area input {padding: 8px 10px; border-radius: 5px; border: 1px solid var(--main-color); width: 100%; margin: 0 0 10px 0;}
/*#forgotpassword.fancybox h3 {background: #FFB933;}*/

.goTop {position: fixed; right: 35px; bottom: 20px; z-index: 1; font-size: 15px;}
.goTopBtn {background-color: transparent; border: none; cursor: pointer; display: flex; justify-content: center; flex-wrap: wrap; color: #505050; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.09);}
.goTop i {width: 45px; flex-basis: 100%; text-align: center;}

    #nav {display: none}
	#nav.show {display: block}
	#nav.show {right: 0; top: 0px}
	#menu-hamburger {cursor: pointer; display: block; right: 20px; top: 20px; position: absolute; -webkit-user-select: none; user-select: none; z-index: 3;}
	#menu-hamburger span {background: #000; border-radius: 3px; display: block; font-size: 1px; height: 4px; margin-bottom: 6px; width: 30px;}
	#nav > ul {background: var(--main-color); right: 0; position: absolute; top: 65px; width: 60%; z-index: 1; padding: 20px 0px 20px;}
	#nav .nav__item {float: none; margin-bottom: 0; margin-left: 0; height: auto;}
	.nav__item:focus-within .nav__dropdown, .nav__item:hover .nav__dropdown {display: none}
	#nav .nav__link {color: #fff; display: block; line-height: 43px; padding: 5px 0 5px 35px; text-align: left}
	/* 英文版選單：名稱折成兩行時行距收緊，看起來仍是同一項；單行項目高度不變 (中文版不變) */
	html[lang="en"] #nav .nav__link {display: flex; align-items: center; min-height: 43px; line-height: 1.25;}
	html[lang="en"] #nav .edit .nav__link {justify-content: flex-end; line-height: 43px;} /* flex 下 text-align 無效，登入/登出維持靠右；行高同中文版，與首頁圖示對齊 */
	#nav .nav__link:hover {color: var(--alt-color); background-color: #fff;}
	#nav {background-color: transparent;}
	li.nav__item.edit a:hover {background: none !important; color: #fff !important;}
	a.homeicon {color: #fff; position: absolute; left: 45px; top: 35px; font-size: 1.5rem;}

.homeicon .fa-house:before {font-size: 1.5rem}
.homeicon .fa-house {font-size: 1px}

a.sitemapicon {color: #fff; position: absolute; left: 85px; top: 35px; font-size: 1.5rem;}
.sitemapicon .fa-sitemap:before {font-size: 1.5rem}
.sitemapicon .fa-sitemap {font-size: 1px}

/* Datespicker */
div#ui-datepicker-div {
    border: 1px solid #000 !important;
    box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.25);
    padding: 5px;
}
.ui-datepicker .ui-datepicker-header {background: var(--main-color); color: #fff;}
.ui-datepicker table {margin: 0!important;}
.ui-datepicker th {padding: .4em .3em!important;}
.ui-datepicker td {padding: 2px 3px!important;}
.ui-datepicker td a {padding: .2em .3em!important;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight {color: #FFB933!important;}
.ui-state-active, .ui-widget-content .ui-state-active {color: var(--main-color)!important;}
.ui-widget-content .ui-state-default {color: #373737!important; background: #ffff!important; border-radius: 3px;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #FFB933!important; color: #FFB933!important;}
.ui-state-active, .ui-widget-content .ui-state-active {border: 1px solid var(--main-color)!important; background: var(--main-color)!important; color: #fff!important;}

.ui-datepicker-prev span.ui-icon,.ui-datepicker-next span.ui-icon {background-image: url("/img/chevron-right-solid.svg"); background-size: contain; background-position: center;}
.ui-datepicker-prev span.ui-icon {transform: rotate(180deg);}
.ui-datepicker-prev span.ui-icon:focus,.ui-datepicker-next span.ui-icon:focus {outline: none !important;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {top: 4px!important}
.ui-datepicker-title select {padding: 2px 10px!important;}

/* Header */
.header { background-position-y: 25%; padding: 0; position: relative}
.header-en {color: #FFF; font-family: Noto Sans TC, sans-serif; font-size: 1.125rem; font-style: normal; font-weight: 700; line-height: normal; margin: 0;}

/** Header/Logo **/
.mobile-menu__logo, .logo-text {background-image: url("/img/logo.png"); background-position: 10% 50%; background-repeat: no-repeat; background-size: contain;}
.logo a{position: absolute; z-index: 1}
.logo a{/*display: block; float: left; padding: 0;*/ top: 20px;}
.logo img {width: 190px;}
.logo h1, .goTop span {clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; width: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute;}

/** Header/Slider **/
.home .header-upper {position: absolute; right: 0; z-index: 1; display: inline-block; margin-right: 92px; padding: 0; list-style: none;}
.header-upper {position: absolute; right: 0; z-index: 1; display: inline-block; margin-right: 92px; padding: 0; list-style: none;}
.header-upper a {color: #000 !important; text-shadow: none !important;}
.header-upper .nav__item {float: right; margin-left: 8px;}

/*.home .slider {left:0; position: relative; height: calc(100vh - 20px); top: 49px; width: 100%}*/ 
.home .slide {background-position-y: 25%; left: 0; height: 240px; top: 0; width: 100%}
.slider .slick-prev {left: -66px; display: none !important;;}
.slider .slick-next {right: -56px; display: none !important;;}
/*.slider {left:0; position: relative; /*height: calc(100vh - 20px); top: 49px; width: 100%}*/
.slide {left: 0; height: 400px; top: 0; width: 100%; background-size: contain; background-color: #fff;}
#home {display: none;}
.fast {height: 0;}
.fast a {color: #fff;}
.footer div.fast a {color: var(--main-color);}
.home .slide {background-image: url("/img/slider-1.jpg");}
.slide {background-image: url("/img/slider-pages.jpg");}
.slick-slide {height: auto;}
.slick-dots li.slick-active button:before {color: #f0f0f0;}
.slick-dots li button:before {color: #a0a0a0;}

/** Header/Nav **/
header nav {float: right; margin-top: 22px; margin-top: -15px;}
header nav li span {color: var(--main-color); font-size: 0.8rem; font-weight: 100; padding: 4px}

#nav .nav__item::after {content: ''; width: 85%; display: block; border-top: 1px solid #fff; margin: 0 7% 0 7%;}
#nav .nav__link {padding: 10px 45px;}
.edit .nav__link {text-align: right !important;}

.nav__item a {color: #fff; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25); font-family: Noto Sans TC, sans-serif; font-size: 1.125rem; font-style: normal; font-weight: 500; line-height: normal;display: flex; align-items: center;}
.nav__link {color: #fff; display: inline-block; font-size: 1rem; line-height: 24px; padding: 0 7px;}
.nav__dropdown {background: rgba(124, 37, 37, 0.80); display: none; margin-left: -38px; position: absolute; top: 35px; z-index: 1; list-style: none; padding: 0;}
.nav__item:last-child .nav__dropdown {margin-left: -100px}
.nav__item:nth-child(2) .nav__dropdown {margin-left: -140px;}
.nav__item:hover .nav__dropdown {display: block}
header nav li .nav__dropdown>li {float: none}
.nav__dropdown .nav__link {color: #fff; display: block; padding: 10px 28px; white-space: nowrap}
.nav__dropdown .nav__link:hover {color: #fff}
.nav__dropdown li {display: none;}
.dropdown {margin-top: 5px;}
.dropdown a {font-size: 0 ;}
.dropdown i {font-size: 18px;}
.dropdown i:hover {background:#fff; color:#000;}
.nav__item:focus-within .nav__dropdown {display:block;}
a.nav__link.\.nav__downlink:hover {background: rgba(203, 116, 116, 0.80); border-bottom: none;}
.nav__entrance {height: 30px; margin-bottom: -7px; position: relative; float: left; padding-top: 3px; margin-right: 5px;}
.nav__entrance a {color: #fff; padding: 4px 12px 4px 12px;}
.nav__entrance a:hover {color: #fff; border-radius: 5px; background: rgba(203, 116, 116, 0.80);}
.entrance__focus {color: #FFF; font-family: Noto Sans TC, sans-serif; font-size: 1.125rem; font-style: normal; font-weight: 500; line-height: normal; padding-left: 8px; letter-spacing: 5.4px;}
.en-entrance__focus {color: #FFF; font-family: Noto Sans TC, sans-serif; font-size: 1.125rem; font-style: normal; font-weight: 500; line-height: normal; padding-left: 8px; letter-spacing: 0;}

/*** Header/Nav/Mega Menu ***/
.nav__item:focus-within .nav__dropdown.nav__long, .nav__item:hover .nav__dropdown.nav__long
  {background: #fff; bottom: 0; display: flex; flex-wrap: wrap; left: auto; height: 350px; padding: 25px 30px; right: 0; margin: 0 -1px 0 0; width: 1145px; }
.nav__item:focus-within .nav__dropdown.nav__long li, .nav__item:hover .nav__dropdown.nav__long li
  {border-right: 1px solid #33817C; flex: 0 0 25%;}
.nav__item:focus-within .nav__dropdown.nav__long li:nth-child(4n), .nav__item:hover .nav__dropdown.nav__long li:nth-child(4n) {border: 0}
.nav__dropdown.nav__long .nav__link {text-align: left; white-space: normal;}
.nav__item:focus-within .nav__dropdown.organization, .nav__item:hover .nav__dropdown.organization {left: -300px; right: auto}
.nav__dropdown.nav__long.organization {height: 235px !important}
.nav-hamburger {display: none}
.nav__search :hover{background-color: none !important;}
.nav__search {margin: -30px 0 0 35px;}
.nav__search form {display: flex; align-items: center;}
.dropdown a>i {width: 28px; padding: 0 10px 0 5px;}

/** Header/Slogan **/
.slogan {color: #fff; font-family: Noto Serif TC, serif; font-size: 2rem; font-weight: 700; line-height: normal; position: absolute; border-radius: 5px; background: rgba(176, 21, 21, 0.80); padding: 15px 28px; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);}
.slogan i {font-size: 50px; padding-left: 8px;}
.home .slogan {font-size: 2rem; left: 50px; bottom: 55px; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);}
.page-slogan {color: #fff; font-family: Noto Serif TC, serif; font-size: 2.25rem; font-weight: 700; line-height: normal; letter-spacing: 1.5em; top: 75px; text-align: center; position: relative; margin: 0; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25); text-indent: 1.5em;}
.slogan-page {right: 35px; top: 68%;}
/*.slogan {
  animation: topIn 1s ease-in;
}
@keyframes topIn {
  from {
    opacity: 0;
    transform: translateY(-50%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}*/

/** Header/Icon **/
.header-link {bottom: 30px; position: absolute; max-width: 1210px; width: 100%; left: 5%;}
.home .header-link {bottom: 83px; top: auto; left: 5%;}
.header-link__icon {display: block; float: left; height: 116px; width: 20%}
.icon__image, .icon__text {float: left}
.icon__text {color: #fff; height: 100%; padding: 16px 0 0 20px; width: 130px}
.icon__class {font-size: 0.75rem; font-weight: 300}
.icon__title {font-size: 0.875rem; font-weight: 700; margin-top: 12px}
.icon__text.application {background: rgba(64, 153, 204, 0.8);}
.icon__text.ci-xiao {background: rgba(89, 188, 188, 0.8);}
.icon__text.mascot {background: rgba(48, 172, 172, 0.8);}
.icon__text.council {background: rgba(64, 151, 204, 0.8);}
.icon__text.food-bank {background: rgba(20, 185, 213, 0.8);}
.value {font-weight: 600; font-size: 0.625rem; line-height: 20px; color: #000000; margin: -18px 0 0 40px;}
 
/** Header/Marquee **/
.home .marquee {display: block}
.marquee {background: rgba(162, 197, 90, 0.58); bottom: 0; color: #fff; display: none; height: 48px; margin: 0 -35px; max-width: 1280px; overflow: hidden; padding: 10px 35px; position: absolute; width: 100%}
.marquee__inner {
    animation: marquee 25s linear infinite;
    position: relative;
    /*transform: translate3d(var(--move-initial), 0, 0);*/
    width: 180%;
}
.marquee span {float: left; padding-right: 20px; width: 33%}
.marquee:hover .marquee__inner {animation-play-state: paused;}
@keyframes marquee {
  0% {left: 100%}
  100% {left:-140%}
}

/* Hero */
.home .hero {background-repeat: no-repeat; background-position-x: left; background-position-y: bottom; padding: 20px 0; display: flex; justify-content: center; align-items: center;}
.hero {background-repeat: no-repeat; background-position-x: left; background-position-y: bottom; padding: 20px 0; display: flex; align-items: center;}
.home .hero-left {float: left; padding-right: 20px; width: 60%; margin-left: -16px;}
.home .hero-left img {width: 223px;}
.home .hero-right {margin-left: unset; width: 40%;}
.hero-left {width: 60%;}
.hero-left a {border-radius: 5px; border: 1px solid #003A42; box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.25); color: #003A42; text-align: center; font-family: "Noto Sans TC", sans-serif; font-size: 1rem; font-style: normal; font-weight: 500; line-height: normal; display: block; float: left; width: 45%; padding: 8px 5px; margin-right: 8px;}
.hero-left a:nth-child(2) {margin-bottom: 0; margin-right: 0;}
.hero-right {margin-left: auto;}
.hero-right a {color: #000; font-family: Noto Sans TC, sans-serif; font-size: 1.25rem; font-style: normal; font-weight: 400; line-height: normal; margin-bottom: 10px; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}

.people {display: flex; align-items: center; float: right; color: #000; font-family: "Noto Sans TC", sans-serif; font-size: 0.875rem; font-style: normal; font-weight: 400; line-height: normal;}
.people span {border-radius: 10px; color: transparent; font-size: 0px; width: 10px; height: 10px; display: block; background-color: #52FF00; float: right; margin-top: 3px;}
.people span.red {background-color: #ff0000;}
.people span.yellow {background-color: #f1df06;}
.people span.gray {background-color: #BFBFBF;}
/* 中文首頁英文副標不換行：字型延後載入前的系統字型較寬，換行後再縮回會使版面跳動；寬度不足 360px 的手機一行放不下，維持換行 */
@media (min-width: 360px) {.people-en {white-space: nowrap;}}
/* 英文版：標籤 + &nbsp; + 燈號同一行 (英文較長，避免燈號被擠到下一行) */
html[lang="en"] .people {white-space: nowrap;}

.namearea {padding-top: 10px;}
.namearea img {padding-right: 15px;}
.name {float: right; color: #000; font-family: "Noto Sans TC", sans-serif; font-size: 1.5rem; font-style: normal; font-weight: 700; line-height: normal;}
.name .member, .expiry {color: #000; font-family: "Noto Sans TC", sans-serif; font-size: 0.875rem; font-style: normal; font-weight: 300; line-height: normal;}
.expiry {padding-top: 10px; padding-bottom: 25px;}
.points span, .hero-right .points a {color: #000; display: inline; font-family: "Noto Sans TC", sans-serif; font-size: 2.5rem; font-style: normal; font-weight: 700; line-height: normal; padding-bottom: 5px; margin: 0}
.points {color: #000; font-family: "Noto Sans TC", sans-serif; font-size: 1rem; font-style: normal; font-weight: 300; line-height: normal;}

.nav-bar {padding-right: 55px; float: right;}
.nav-bar li {font-weight: 700; font-size: 15px; line-height: 22px; letter-spacing: 0.1em;}
.nav__img {padding-top: 6px;}
.dropdown-search {width: 100%; height: 34px; border-radius: 5px;  border: 1px solid #BA531A; padding-left: 8px}
.dropdown-enter {background-color: #fff; height: 20px; margin-top: 5px;}

.contentarea {padding: 50px 35px 50px 35px;}
.contentarea1 {padding: 30px 35px 50px 0;}
.contentarea h2 {color: #000; text-align: center; font-family: Noto Sans TC, sans-serif; font-size: 1.75rem; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 5.6px; padding-bottom: 30px; margin: 0;}
.contentarea h3 {color: #000; text-align: justify; font-family: Noto Sans TC, sans-serif; font-size: 1.25rem; font-style: normal; font-weight: 400; line-height: normal; margin: 0; padding-bottom: 20px;}

.news-more {padding: 0 15px 0 0; flex-basis: 75%; margin-top: 35px;}
.news-more ul {margin: 0; display: flex; justify-content: center;}
.news-more a {color: var(--main-color); text-align: right; font-family: Noto Sans TC, sans-serif; font-size: 1.125rem; font-style: normal; font-weight: 500; line-height: normal; float: right; margin-top: -20px;}

/* Login、Signup */
a.btn:hover {color: #fff; background: #003A42;}
.btn-login {color: #fff !important; background: #346ABC}
.btn-active {color: #fff !important; background: #003A42;}
.input-group {width: 100%; display: inline-block;}
.form-control {float: right; border: none; border-bottom: #000 1px solid; width: 100%; padding: 5px; outline: 0; border-radius: 0; background: none; margin-top: 5px; margin-bottom: 10px;}
.input-group-addon {padding-bottom: 5px;}
.form-control:hover {color: #000; background-color: #fff; border-bottom: var(--main-color) 1px solid;}
a.forgot {text-align: right; color: red; font-size: 1rem; width: 100%; display: inline-block; margin: -20px 0 20px 0;}
.button {border: none; display: block; background: #FFB933; height: 40px; width: 100%; color: #fff; text-align: center; border-radius: 5px; font-family: "Noto Sans TC", sans-serif; font-size: 1.25rem; font-style: normal; font-weight: 600; line-height: normal; cursor:pointer; margin: 0 auto;}
.fancybox-container .button {width: 200px !important; background: var(--main-color);}
.submit {display: flex; justify-content: center; margin-top: 20px;}
.sign {color: red; margin-left: -7px;}
.radio {width: 80%; float: right;}
.radio {width: 100%;}
.radio>div, .radio1>div {padding-bottom: 10px;}
.twzipcode {width: 100%;}
.form-control1 {width: calc(33% - 20px); float: left; margin-right: 15px; padding: 8px; border-radius: 5px;}
.form-county {border: 1px solid #000; padding: 13px;}
.w-1.pl-1 {margin-top: 10px;}

/* Menu */
.menu {padding-bottom: 25px;}
.menu-top {display: flex; justify-content: center;}
.menu-top a {color: var(--main-color); font-family: "Noto Sans TC", sans-serif; font-size: 1.25rem; font-style: normal; font-weight: 500; line-height: normal;    width: calc(50% - 15px); border: 2px solid var(--alt-color); padding: 10px 15px; margin-right: 14px; border-radius: 5px; text-align: center;}
.menu-top a:nth-child(2) {margin-right: 0;}
.menu-top a:hover {color: #fff; background-color: var(--alt-color);}
.menu-bottom span {width: 78px; height: 78px; margin: 10px 10px 10px 0; display: flex; justify-content: center; align-items: center; border-radius: 5px; border-top: 0.5px solid #FFF; border-left: 0.5px solid #FFF; background: var(--main-color); border: 1.5px solid #FFF; box-shadow: -2px -2px 3px 1px rgba(255, 255, 255, 0.50) inset, 1px 1px 4px 0px rgba(0, 0, 0, 0.25) inset, 1px 1px 4px 0px rgba(0, 0, 0, 0.10) inset, 1px 1px 4px 1px rgba(23, 129, 151, 0.50);}
.menu-bottom span>i {color: #fff; font-size: 45px;}
.menu-bottom {padding-top: 20px;}
.menu-bottom a {display: flex; flex-wrap: wrap; align-items: center; width: 25%; float: left; justify-content: center; padding-bottom: 5px; margin-bottom: 5px; color: var(--main-color); font-family: "Noto Sans TC", sans-serif; font-size: 1rem; font-style: normal; font-weight: 400; line-height: normal;}
.menu-bottom a:hover {background: var(--main-color); color: #fff; border-radius: 5px;}
.menu-bottom:not(.loggedin) .login {color: #346ABC}
.menu-bottom:not(.loggedin) .login:hover {background: #346ABC; color: #fff; border-radius: 5px;}
.menu-bottom:not(.loggedin) .login span {background: #346ABC}

.twoversion span>i {font-size: 40px;}
.twoversion a {padding: 0 5px;}
.twoversion span {height: 70px;}

/* Parking */
.parking h2 {margin: 0; color: var(--main-color); text-align: center; font-family: "Noto Sans TC", sans-serif; font-size: 1.25rem; font-style: normal; font-weight: 600; line-height: normal; width: 100%;}
.parking-content {border-radius: 5px; background: var(--main-color); box-shadow: -2px -2px 3px 1px rgba(255, 255, 255, 0.50) inset; color: #fff; padding: 20px 12px; display: flex; width: 100%; flex-wrap: wrap; justify-content: center; margin: 15px 0; position: relative;}
.parking-title {width: 100%; color: #FFF; text-align: center; font-family: "Noto Sans TC", sans-serif; font-size: 1rem; font-style: normal; font-weight: 400; line-height: normal; padding-bottom: 8px;}
.parking-area {width: 25%; display: flex; color: #FFF; text-align: center; font-family: 'Noto Sans TC', sans-serif; font-size: 2rem; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: 2.72px; flex-wrap: wrap; justify-content: center; padding-bottom: 6px;}
.parking-area span {color: #FFF; font-family: "Noto Sans TC", sans-serif; font-size: 0.875rem; font-style: normal; font-weight: 400; line-height: normal; width: 100%;}
/* 英文版：車位類別文字取消字距，避免 EV Charging 斷行與 Accessible 重疊 */
html[lang="en"] .parking-area span {letter-spacing: normal; font-size: 0.8125rem;}
/* 英文版：北館大客車、北館機車、南館機車三格等高 (英文標題行數不同)；數字與狀態靠下對齊 */
html[lang="en"] .parking {display: flex; flex-wrap: wrap;}
html[lang="en"] .parking-content1 {float: none; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-items: center;}
html[lang="en"] .parking-content1 .parking-area1 {margin-top: auto; padding-top: 0;}
.park {display: flex; align-items: center; float: right; color: #fff; font-family: "Noto Sans TC", sans-serif; font-size: 0.875rem; font-style: normal; font-weight: 400; line-height: normal; position: absolute; right: 30px;}
.park span {border-radius: 10px; width: 10px; height: 10px; display: block; background-color: #52FF00; float: right; margin-right: 5px;}


.parking-content1 {border-radius: 5px; background: var(--main-color); box-shadow: -2px -2px 3px 1px rgba(255, 255, 255, 0.50) inset; color: #fff; padding: 12px; display: flex; width: calc(33% - 10px); flex-wrap: wrap; justify-content: center; margin: 0 16px 15px 0; position: relative; float: left; min-height: 167.5px;}
.parking-content1:last-child {margin-right: 0;}
.parking-sec {width: 100%;}
.parking-content2 {border-radius: 5px; background: var(--main-color); box-shadow: -2px -2px 3px 1px rgba(255, 255, 255, 0.50) inset; color: #fff; padding: 12px; display: flex; width: calc(50% - 10px); flex-wrap: wrap; justify-content: center; margin: 0 16px 15px 0; position: relative; float: left; height: 145px;}
.parking-content2:nth-child(2) {margin-right: 0;}
.parking-content1 span {color: #ffffff; text-align: center; font-family: "Noto Sans TC", sans-serif; font-size: 12px; font-style: normal; font-weight: 400; line-height: normal;}
.parking-area1 {width: 100%; display: flex; color: #FFF; text-align: center; font-family: 'Noto Sans TC', sans-serif; font-size: 2rem; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: 2.72px; flex-wrap: wrap; justify-content: center; padding-bottom: 6px;}
.park1 {display: flex; align-items: center; float: right; color: #fff; font-family: "Noto Sans TC", sans-serif; font-size: 0.875rem; font-style: normal; font-weight: 400; line-height: normal;}
.park1 span {border-radius: 10px; width: 10px; height: 10px; display: block; background-color: #52FF00; float: right; margin-right: 5px;}
.parkspan2 {background-color: #FFD600!important;}
.parking-area1ex {padding-top: 17.5px;}

.parking-link a {border-radius: 5px; border: 1px solid var(--main-color); color: #000; text-align: center; font-family: "Noto Sans TC", sans-serif; font-size: 1rem; font-style: normal; font-weight: 500; line-height: normal; width: calc(33% - 10px); margin: 0 16px 15px 0; float: left; padding: 8px 8px;}
.parking-link a:last-child {margin-right: 0;}
.pay {display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.pay img {margin-right: 10px; margin-top: 10px;}
.pay img:last-child {margin-right: 0;}
.pay span {color: #505050; text-align: center; font-family: 'Noto Sans TC', sans-serif; font-size: 0.812rem; font-style: normal; font-weight: 500; line-height: normal; padding-top: 10px; width: 100%;}

/* Collectibles */
.item {border: 1px solid var(--main-color); border-radius: 5px; margin-bottom: 20px; display: flex; padding: 0 10px 0 0; align-items: center; width: calc(50% - 10px); float: left; margin-right: 20px; height: 160px;}
.item:nth-child(2n) {margin-right: 0;}
.item h2 {color: #000; text-align: left; font-family: "Noto Sans TC", sans-serif; font-size: 20px; font-style: normal; font-weight: 400; line-height: normal; /*height: 93px;*/ overflow: hidden; white-space: wrap; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.item img {padding-right: 15px; width: 170px; height: 158px; border-radius: 4px 0 0 4px; object-fit: contain; object-position: center;}

form.classification {display: flex; flex-wrap: wrap;}
.item2 {border: 1px solid var(--main-color); border-radius: 5px; margin-bottom: 20px; display: flex; padding: 0 10px 0 0; align-items: center; width: calc(50% - 10px); float: left; margin-right: 10px; height: 160px;}
.item2:nth-child(2n) {margin-right: 0;}
.item2 h2 {color: #000; text-align: left; font-family: "Noto Sans TC", sans-serif; font-size: 20px; font-style: normal; font-weight: 400; line-height: normal; /*height: 93px;*/ overflow: hidden; white-space: wrap; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.item2 img {padding-right: 15px; width: 170px; height: 158px; border-radius: 4px 0 0 4px; object-fit: cover; object-position: center;}
h2.classification-title {text-align: center; font-size: 1.25rem; font-weight: 600;}

.collectibles-img {display: flex;  justify-content: center;}
#collection .fancybox-slide--html {padding: 10px 15px !important;}
#collection .fancybox-content {padding: 40px 25px 40px; margin-top: 0;}
.pagination > .active > a {background-color: var(--main-color)!important; border-color: var(--main-color)!important;}
.collectibles {margin-top: 20px;}
.collectibles-right {float: right;}
.collectibles-right a {color: var(--main-color); text-align: center; font-family: "Noto Sans TC", sans-serif; font-size: 1rem; font-style: normal; font-weight: 500; line-height: normal; border: 2px solid #178197; padding: 10px; border-radius: 5px; float: right;}
.collectibles-right a:hover {color: #fff; background-color: var(--main-color);}
.collectibles-right a.active {background-color: var(--main-color); color: #fff;}

.fancybox h3.collectibles-fancybox__title {color: #000!important; text-align: center; font-family: "Noto Sans TC", sans-serif; font-size: 1.25rem; font-style: normal; font-weight: 600; line-height: normal; margin: 0; background: none!important; border-bottom: none; padding: 20px 0 0 0 !important;
}
.collectibles-recommendarea {display: flex; align-items: center; border-bottom: 1px solid #d6d6d6; padding: 10px 0;}
.collectibles-recommendarea img {width: 100px !important; box-sizing: border-box; margin-right: 15px;}

/* Barcode */
.barcode {background-repeat: no-repeat; background-position-x: left; background-position-y: bottom; display: flex; align-items: center; flex-wrap: wrap;}
.barcode-left {float: left; padding: 0 20px 0 20px; width: 60%;}
.barcode-right {width: 40%; text-align: right; float: right; padding: 0 20px 0 0;}
.barcode-link {width: 100%; padding-top: 20px;}
.barcode-link h2 {color: #000; text-align: left; font-family: "Noto Sans TC", sans-serif; font-size: 1.125rem; font-style: normal; font-weight: 400; line-height: normal; margin: 0; padding-bottom: 12px;}
.barcode-link a {border-radius: 5px; border: 1px solid var(--main-color); color: #000; text-align: center; font-family: "Noto Sans TC", sans-serif; font-size: 1rem; font-style: normal; font-weight: 500; line-height: normal; width: calc(33% - 16px); margin: 0 16px 15px 0; float: left; padding: 20px 8px;}
.barcode-link a:last-child {margin-right: 0;}
.barcode-link i {color: var(--main-color); width: 100%; font-size: 45px; padding-bottom: 12px;}

.management-title i {color: var(--main-color); font-size: 1.75rem; margin-right: 10px;}
.management-title {width: 100%; border-radius: 5px; border: 1px solid var(--main-color); padding: 20px 10px; color: #000; text-align: center; font-family: "Noto Sans TC", sans-serif; font-size: 1.125rem; font-style: normal; font-weight: 400; line-height: normal; margin-bottom: 20px; display: flex; justify-content: center; align-items: center;}
.management-area {color: #000; font-family: "Noto Sans TC", sans-serif; font-size: 1rem; font-style: normal; font-weight: 400; line-height: 220%; margin-bottom: 20px;}
.management select {width: 50%;}
.management input, .tickets input.button {border: none; display: block; background: #FFB933; height: 40px; min-width: 120px; color: #ffffff; text-align: center; border-radius: 5px; font-family: "Noto Sans TC", sans-serif; font-size: 1.25rem; font-style: normal; font-weight: 600; line-height: normal; margin: 0 auto; cursor: pointer;}
.shopping-form {width: 100%;}

/* Tickets */
.choose {color: #F00; text-align: center; font-family: "Noto Sans TC", sans-serif; font-size: 1.125rem; font-style: normal; font-weight: 500; line-height: normal; width: 100%; margin-bottom: 10px;}
#tickets-tabs .ui-tabs .ui-tabs-nav li {flex-basis: 50% !important; color: var(--main-color); font-family: "Noto Sans TC", sans-serif; font-size: 1rem; font-style: normal; font-weight: 500;}
#tickets-tabs li {width: 33%;}
.notice li {width: 100% !important;}
#tickets1,#tickets2 {display: flex; flex-wrap: wrap; justify-content: center;}
.tickets .ui-tabs .ui-tabs-nav {margin-bottom: 10px;}
.tickets-area {width: 100%; margin-right: 0; margin-bottom: 15px; border-radius: 5px; border: 1px solid var(--main-color); padding: 15px 5px; text-align: center; min-height: auto; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; position: relative;}
.tickets-area:nth-child(2n) {margin-right: 0;}
.tickets-area h2 {color: #000; font-family: "Noto Sans TC", sans-serif; font-size: 1.5rem; font-style: normal; font-weight: 600; margin: 0; padding-bottom: 10px; width: 100%;}
.amount1 {padding: 10px; border-radius: 5px; float: left; display: flex; justify-content: center; align-items: center; width: 50%; font-size: 1.25rem;}
.amount1 span {padding-right: 15px;}
.amount1 .count {border: none; text-align: center; width: 40%; padding-left: 14px;}
.amount1 .mark {border-radius: 50%; border: none; background-color: #D9D9D9; width: 1.875rem; height: 1.875rem; transform-origin: center; padding: 0;}
.tickets-total {color: #000; font-family: "Noto Sans TC", sans-serif; font-size: 1.125rem; font-style: normal; font-weight: 400; text-align: left; width: 100%; padding: 10px 10px 10px 10px; line-height: 180%;}
.tickets-price {width: 20%; font-size: 1.125rem; font-weight: 500;}
.tickets-price__total {width: 100%; display: flex; padding: 10px 0 20px 10px; color: #000;; text-align: center; font-family: "Noto Sans TC", sans-serif; font-size: 1.25rem; font-style: normal; font-weight: 700;}
.tickets-actualamount {border-top: 1px solid #c3c3c3; padding-top: 15px; margin-top: 15px;}
.price2 {color: #F00; text-align: right; font-family: "Noto Sans TC", sans-serif; font-size: 1.25rem; font-style: normal; font-weight: 700; line-height: normal; float: right; padding-left: 5px;}
.tickets-button {width: 100%; display: flex; justify-content: center;}
.notice {text-align: justify; font-family: "Noto Sans TC", sans-serif; font-size: 1rem; font-style: normal; font-weight: 400; line-height: normal; margin-top: 20px;}
.notice ul {margin: 0; padding-left: 20px;}
.movie-drama {width: 100%; margin: 20px 0 0 0; display: flex; align-items: center; flex-wrap: wrap;}
.movie-time {width: 100%; margin: 10px 0 20px 0; display: flex; align-items: center; flex-wrap: wrap;}
#tickets2 input.form-control {float: left; border: none; border-bottom: none; width: 10%; height: 40px; font-size: 40px !important; padding: 0; color: transparent; outline: 0; border-radius: 0; background: none; margin-top: 0; margin-bottom: 0;}
.date {display: flex; flex-wrap: wrap; align-items: center; width: 100%;}
.date input {width: 80% !important; padding: 20px 10px;}
.ticket-date {width: calc(90% - 10px); margin-left: 10px; display: flex; align-items: center;}
.ticket-date a {border: 1px solid var(--main-color); border-radius: 10px; padding: 5px; width: 100%; color: #000; text-align: center; font-family: "Noto Sans TC", sans-serif; font-size: 1rem; font-style: normal; font-weight: 400;}
.ticket-date a:last-child {margin-right: 0;}
.ticket-date span {font-size: 0.75rem;}
.movie__title {color: #000; text-align: left; font-family: "Noto Sans TC", sans-serif; font-size: 15px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 0.69px; width: 20%; padding: 0 15px 0 10px;}
.movie__select,.time__select {width: 80%; display: flex; flex-wrap: wrap;}
.time__select a {border-radius: 10px; border: 1px solid var(--main-color); padding: 5px; margin: 0 10px 10px 0;}

.ticket-date div {width: 25%; display: flex; margin-right: 10px;}
.ticket-date input,.movie__select input, .time__select input[type="radio"] {display:none;}
.ticket-date input:checked + a,.movie__select input:checked + a, .time__select input:checked + a {color: #FFF; background: var(--main-color);}
.movie__select a{color: #333; border-radius: 10px; border: 1px solid var(--main-color); margin: 0 10px 10px 0; display: inline-block; text-decoration:none}
.movie__select a label {display: inline-block; padding: 8px 15px; }
.time__select a{color: #333; border-radius: 10px; border: 1px solid var(--main-color); padding: 5px; margin: 0 10px 10px 0; display: inline-block; text-decoration:none}
.ticket-cancel {background: #FFB933 !important;}

.date-picker {width: 10%;}
.date-picker input {display: none;}
.calendar-icon {display: inline-block; cursor: pointer;}
.calendar-icon i,.date-picker2 i {width: 35px; height: 40px; font-size: 40px; color: var(--main-color)}
.date-picker2 {width: 20%; display: flex; justify-content: center;}
.bytickets__date {border: 1px solid var(--main-color)!important; width: 80%!important;}

#tickets-notice {padding: 35px 25px 35px;}
.notice-title {color: #000; text-align: center; font-family: "Noto Sans TC", sans-serif; font-size: 1.25rem; font-style: normal; font-weight: 600; line-height: normal; width: 100%; margin-bottom: 10px;}
.notice-fancybox p {height: 350px; overflow-y: auto; padding: 10px 10px 10px 0!important; margin-bottom: 20px !important;}
#style-notice p::-webkit-scrollbar {}
/* 捲軸底色*/
#style-notice p::-webkit-scrollbar-track {box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25) inset; background-color: #fff; border-radius: 10px;}
/* 捲軸寬度*/
#style-notice p::-webkit-scrollbar {width: 5px; border-radius: 10px;}
/* 捲軸本體顏色*/
#style-notice p::-webkit-scrollbar-thumb {background-color: var(--main-color); border-radius: 10px;}

/* 線上購票 */
.tickets-shopping {display: flex; width: 100%; justify-content: center; flex-wrap: wrap;}
.tickets-shopping i {color: var(--main-color); font-size: 1.75rem; margin-right: 10px;}
.tickets-shopping a {width: calc( 50% - 10px ); border-radius: 5px; border: 1px solid var(--main-color); padding: 20px 10px; color: var(--main-color); text-align: center; font-family: "Noto Sans TC", sans-serif; font-size: 1.125rem; font-style: normal; font-weight: 400; line-height: normal; margin-bottom: 20px; display: flex; justify-content: center; align-items: center; margin-right: 10px;}
.tickets-shopping a:nth-child(2) {margin-right: 0;}
.tickets-shopping a.active, .tickets-shopping a.active i {background: var(--main-color); color: #fff;}
.tickets-shopping span {color: #FFF; text-align: center; font-family: "Noto Sans TC", sans-serif; font-size: 16px; font-style: normal; font-weight: 500; line-height: 190%; /* 34.2px */ background-color: #FF0000; border-radius: 50px; width: 30px; margin-left: 5px;}
.tickets-remove {width: 100%; text-align: right; margin-bottom: 20px;}
.tickets-remove a {border: 1px solid var(--main-color); padding: 5px; border-radius: 5px;}
.tickets-remove a:hover {border: 1px solid var(--main-color); background-color: var(--main-color); color: #fff;}
.tickets__button {width: 100%;}
.tickets__button a {width: 100% !important; min-width: auto !important; padding: 8px; height: auto !important; border: none; background: #FFB933; color: #fff!important; text-align: center; border-radius: 5px; font-family: "Noto Sans TC", sans-serif; font-size: 1.25rem; font-style: normal; font-weight: 600; line-height: normal; cursor: pointer; margin: 0 auto; display: inline-block;}
#tickets__goshopping.fancybox-content {padding: 30px!important; vertical-align: top; margin-top: -5px !important;}
.goshopping-fancybox {display: flex; justify-content: center; align-items: center; color: #000; font-family: "Noto Sans TC", sans-serif; font-size: 1.125rem; font-style: normal; font-weight: 500; line-height: normal;}
.goshopping-fancybox i {color: var(--main-color);}
#tickets__goshopping.fancybox-slide--html .fancybox-close-small {color: #fff!important;}

.ticket-choices a {border-radius: 5px; border: 1px solid var(--main-color); padding: 20px 10px; color: var(--main-color); text-align: center; font-family: "Noto Sans TC", sans-serif; font-size: 1.125rem; font-style: normal; font-weight: 400; line-height: 40px; margin-bottom: 20px; display: flex; margin-right: 10px;}
.ticket-choices a .choices--fi {font-size: 1.75rem; min-width: 82px}
.ticket-choices a .choices--title {color: #000; font-size: 1.2rem}

#ticket-point-notice .button {background: #3D7F94; max-width: 160px}
#ticket-point-notice .button.button-default {background: #fff; border-radius: 5px; border: 1px solid var(--main-color); color: #3D7F94}
/* 英文版訪客提醒視窗按鈕：英文較長，字略小、可兩行，高度隨內容 (中文版不變) */
html[lang="en"] #ticket-point-notice .button {display: flex; align-items: center; justify-content: center; height: auto; min-height: 40px; padding: 4px 8px; box-sizing: border-box; font-size: 1rem; line-height: 1.2}

/* 電子郵件驗證 */
.progress-bar {display:flex; justify-content:space-between; align-items:center; max-width:400px; margin:40px auto; font-family:sans-serif; font-size:14px; color:#999; position:relative;}
.step {display:flex; flex-direction:column; align-items:center; flex:1; position:relative;}
.step:not(:last-child)::after {content:''; position:absolute; top:12px; right:-50%; width:100%; height:2px; background:#ddd; z-index:0;}
.step .circle {width:24px; height:24px; border-radius:50%; background-color:#fff; border:2px solid #ccc; display:flex; align-items:center; justify-content:center; font-size:12px; z-index:1;}
.step.active .circle {border-color:#000; font-weight:bold; color:#000;}
.step.active .label {color:#000;}
.progress-bar .label {margin-top:6px; font-size:1.25rem; color:#bbb;}
.email-box {background-color:#fff; border:2px solid #235789; border-radius:8px; padding:20px; box-shadow:0 2px 8px rgba(0,0,0,0.1); margin:0 auto 25px;}
.email-box .title {font-size: 1.5rem; font-weight:bold; display:flex; margin-bottom:10px;}
.email-box .title i {line-height: 40px}
.email-box .title span {padding-left: 20px}
.email-box .subtitle {font-size: 1.25rem; margin-bottom: 15px;}
.email-box input[type=email], .email-box input[type=text] {width:100%; padding:10px; font-size:14px; border:1px solid #ccc; border-radius:4px; margin-bottom:15px;}
.email-box button {width:100%; background-color:#2a6ecf; color:white; font-weight:bold; border:none; padding:10px; font-size:14px; border-radius:4px; cursor:pointer;}
.email-box button:hover {background-color:#1e56aa;}

.tickets-area__content {width: 100%; margin-right: 0; margin-bottom: 15px; border-radius: 5px; border: 1px solid var(--main-color); padding: 15px 20px; text-align: center; min-height: auto; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; position: relative;}
.tickets-area__content div {color: var(--main-color); text-align: left; font-family: "Noto Sans TC", sans-serif; font-size: 1.125rem; font-style: normal; font-weight: 400; line-height: normal; width: 100%;}
.tickets-area__content div.session {color: #000; font-family: "Noto Sans TC", sans-serif; font-size: 0.875rem; font-style: normal; font-weight: 400; line-height: normal; width: 60%;position: absolute; right: 15px; top: 7px; text-align: right;}
.tickets-area__content h2 {color: #000; font-family: "Noto Sans TC", sans-serif; font-size: 1.5rem; font-style: normal; font-weight: 600; margin: 0; width: 100%; width: 30%!important; padding: 0 0 0 0!important; text-align: left!important;}
.tickets-area__content .tickets-price {width: 20%!important; font-size: 1.125rem; color: #000;}
.tickets-area__content .amount1 {width: 50%!important; margin-top: 0px!important;}
.tickets-area__content .amount1 input {font-size: 1.125rem; font-weight: 500;}

.tickets-area span {position: absolute; left: 28%; top: 40%;}

a.tickets-area {text-align: center; font-family: "Noto Sans TC", sans-serif; font-size: 1.25rem; font-style: normal; font-weight: 500; line-height: normal; display: flex; flex-wrap: wrap;}
a.tickets-area:hover {background-color: var(--main-color); color: #fff;}
a.tickets-area div {font-size: 1rem; width:100%; padding-top: 5px;}

/* Mytickets */
#tickets-tabs2 li.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab {width: 25%;}
.tickets h2 {color: #000; text-align: center; font-family: "Noto Sans TC", sans-serif; font-size: 1.25rem; font-style: normal; font-weight: 500; line-height: normal; margin: 0; padding: 0 0 0 0; width: 100%;}
.tickets-area h2 {width: 30%;}
.management-title.active, .management-title.active i {background: var(--main-color); color: #fff;}
.mytickets-area {margin: 0; padding: 0; margin-bottom: 20px;}
.mytickets-content,.mytickets-content3,.mytickets-content4 {position: relative; display: flex; align-items: center; flex-wrap: wrap; font-family: "Noto Sans TC", sans-serif;}
.mytickets-content,.mytickets-content3,.mytickets-content4 {width: 100%; padding-right: 10px; display: flex; border-radius: 5px; border: 1px solid var(--main-color); margin-bottom: 15px; background: #FFF; box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.25);}
.mytickets-content img,.mytickets-content3 img,.mytickets-content4 img {float: left; object-fit: cover; width: calc(30% - 15px); margin-right: 15px; border-radius: 5px 0 0 5px;}
.mytickets-content button,.mytickets-content3 button,.mytickets-content4 button {border-radius: 25px; background: #005B67; border: none; color: #FFF; text-align: center; font-size: 0.875rem; font-weight: 500; letter-spacing: 2.73px; text-indent: 2.73px; padding: 5px 20px; float: right;}
.mytickets-left {padding: 45px 10px; color: #fff; border-radius: 5px; border: 1px solid var(--main-color); background: var(--main-color); box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.25); text-align: center; width: 30%; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.mytickets-left h3 {color: #FFF; font-size: 1.25rem; font-weight: 500; margin: 0 0 10px 0; width: 100%;}
.mytickets-left h4 {color: #FFF; font-size: 0.7rem; font-weight: 500; margin: 0; width: 100%;}
.mytickets-right {border-radius: 5px; padding-left: 20px; width: 70%;}
.mytickets-right a {position: absolute;}
.mytickets-right .use {top: 10px; right: 10px; border-radius: 25px; border: 1px solid #000; color: #005B67; text-align: center; font-family: "Noto Sans TC", sans-serif; font-size: 14px; font-weight: 500; letter-spacing: 2.73px; text-indent: 2.73px; padding: 5px 20px;}
.mytickets-right .return {top: 50px; right: 10px;}
.mytickets-right .bytickets-amount {color: #000; font-weight: 700; line-height: normal; position: absolute; bottom: 25%; font-size: 0.8rem; line-height: 120%;}
.mytickets-right .bytickets-date {color: #000; font-size: 0.75rem; font-weight: 400; position: absolute; bottom: 0; width: auto !important; right: 15px;}
.mytickets-right .mytickets-total {display: flex; color: #000; text-align: center; font-size: 1.125rem; font-weight: 500; align-items: flex-end; letter-spacing: 3px; position: absolute; top: 0px;}
.mytickets-right .mytickets-total div {color: #CF0000; font-size: 1.8rem;}
.mytickets-right span.claimed {border: 3px solid rgba(255, 0, 0, 0.3); color: rgba(255, 0, 0, 0.3); font-family: "Noto Sans TC", sans-serif; font-size: 1.25rem; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: 0.92px; position: absolute; top: 10%; right: 5%; transform: rotate(-5deg); padding: 0px 8px;}
.mytickets-right span {border: 3px solid rgba(107, 107, 107, 0.3); color: rgba(107, 107, 107, 0.3); font-family: "Noto Sans TC", sans-serif; font-size: 1.25rem; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: 0.92px; top: 10%; position: absolute; right: 5%; transform: rotate(-5deg); padding: 0px 8px;}
.movie-session {font-size: 0.9rem; position: absolute; bottom: 2px;}

.mytickets-content3 .mytickets-right .mytickets-total {font-size: 1rem; /*margin-bottom: 3px !important;*/}
.mytickets-content3 .mytickets-right .mytickets-total div {font-size: 1.75rem;}
.mytickets-content3 .mytickets-right .bytickets-amount {font-size: 0.8rem; line-height: 120%;}
.mytickets-content4 .mytickets-right .mytickets-total {font-size: 1rem; /*margin-bottom: 3px !important;*/}
.mytickets-content4 .mytickets-right .mytickets-total div {font-size: 1.75rem;}
.mytickets-content4 .mytickets-right .bytickets-amount {font-size: 0.7rem; line-height: 120%;}
.tickets-movie {background: #fff!important; color: var(--main-color)!important;}
.tickets-movie h3 {color: var(--main-color)!important;}
.tickets-movie h4 {color: var(--main-color)!important;}
.special {background: #7BD0DB !important; color: #fff !important;}

.mytickets-distinction .bytickets-date {text-align: left;}
.mytickets-distinction {border-bottom: 2px solid var(--main-color); padding: 0 0 25px 0; margin-bottom: 20px; display: flex; flex-wrap: wrap;}
.mytickets-distinction a.return {border-radius: 25px; background: #005B67; border: none; color: #FFF; text-align: center; font-size: 1rem; font-weight: 500; letter-spacing: 2.73px; text-indent: 2.73px; padding: 8px 20px; flex-basis: 100%;}
.mytickets-distinction a.return button {background: none; border: none; color: #fff; font-size: 1.125rem;}
.bytickets-date {width: 100%; text-align: center; padding: 0 0 20px 0;}
.bytickets .mytickets-distinction {border-bottom: none;}

.refund.fancybox-content {padding: 0!important;}
#return1 .fancybox-button svg,#return1 button.fancybox-slide--html .fancybox-close-small {display: none;}
.return-title {color: #fff; font-family: "Noto Sans TC", sans-serif; font-size: 1.25rem; font-style: normal; font-weight: 700; line-height: normal; text-align: center; margin-bottom: 35px; background: var(--main-color); padding: 10px 20px;}
.return-fancybox {color: #000; font-family: "Noto Sans TC", sans-serif; font-size: 1.125rem; font-style: normal; font-weight: 700; line-height: normal;}
.return-fancybox .return-amount__title {color: #000; font-family: "Noto Sans TC", sans-serif; font-size: 1.125rem; font-style: normal; font-weight: 400; line-height: 180%; letter-spacing: 0.828px; margin-top: 15px;}
.return-fancybox .bytickets-amount {font-size: 1.125rem; line-height: 180%; margin-bottom: 15px;}
.return-fancybox .tickets-price__total {display: block; padding: 20px 0 25px 0; font-size: 1.5rem; text-align: right;}
.return-fancybox .tickets-price__total .price2 {font-size: 1.5rem;}
.return-amount {color: #000; text-align: center; font-family: "Noto Sans TC", sans-serif; font-size: 1rem; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 0.736px; margin: 15px 0 25px;}
.return-amount input {width: 45px; border: none; border-bottom: 1px solid #000; text-align: center; padding-left: 15px; color: #F00; font-family: "Noto Sans TC", sans-serif; font-size: 1.25rem; letter-spacing: 0.92px;}
.return-fancybox .tickets-button input:first-child {margin-right: 15px;}
.return-fancybox .tickets-button input:first-child {border-radius: 5px; border: 1px solid var(--main-color); color: var(--main-color); background: #fff;}
.return-area {padding: 0 30px 30px;}
.session_name {color: #000; font-family: "Noto Sans TC", sans-serif; font-size: 1.125rem; font-style: normal; font-weight: 400; line-height: 180%; letter-spacing: 0.828px;}
.mytickets-bottom .session_name {padding: 15px 0 0;}
.tickets-button input.button:last-child {background: #FFB933;}

.tickets3-title {color: #000; font-family: "Noto Sans TC", sans-serif; font-size: 1.125rem; font-style: normal; font-weight: 500; line-height: 143.523%; letter-spacing: 1.6px; margin-bottom: 20px;}

/* Mytickets1 */
.mytickets-content1 {position: relative; display: flex; align-items: center; flex-wrap: wrap; font-family: "Noto Sans TC", sans-serif;}
.mytickets-content1 {width: 100%; display: flex; border-radius: 5px; border: 1px solid var(--main-color); margin-bottom: 30px; background: #FFF; box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.25);}
.mytickets-content1 button {border-radius: 25px; background: #005B67; border: none; color: #FFF; text-align: center; font-size: 0.875rem; font-weight: 500; letter-spacing: 2.73px; text-indent: 2.73px; padding: 7px 20px; float: right;}
.mytickets-top {color: #fff; border-radius: 5px; border: 1px solid var(--main-color); background: var(--main-color); box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.25); text-align: center; width: 100%; padding: 8px 18px;}
.mytickets-top h2 {color: #FFF; font-size: 1.25rem; font-weight: 500; margin: 0;}
.tickets-movie h2 {color: var(--main-color);}
.mytickets-top h3 {color: #FFF; font-size: 0.875rem; font-weight: 500; margin: 10px 0 0 0;}
.mytickets-bottom {padding: 30px 20px 30px; width: 100%;}
.mytickets-bottom .mytickets-bottom-title {color: #000; text-align: center; font-size: 1.125rem; font-weight: 500; letter-spacing: 0.828px;}
.mytickets-bottom .return-amount__title {color: #000; font-family: "Noto Sans TC", sans-serif; font-size: 1.125rem; font-style: normal; font-weight: 400; line-height: 180%; letter-spacing: 0.828px;}
.mytickets-bottom .bytickets-amount {color: #000; font-size: 1.125rem; font-weight: 700; line-height: normal;}
.mytickets-bottom .bytickets-date {color: #000; font-size: 0.75rem; font-weight: 400; position: absolute; bottom: 6px; right: 10px;}
.mytickets-bottom .mytickets-total {display: flex; color: #000; text-align: center; font-size: 1.25rem; font-weight: 500; align-items: flex-end; letter-spacing: 3px; margin: -12px 0 20px 0;}
.mytickets-bottom .mytickets-total div {color: #CF0000; font-size: 2rem;}
.mytickets-bottom img {width: 200px; margin-bottom: 30px;}
.mytickets-bottom .tickets-price__total {display: block; padding: 25px 0 0 0; font-size: 1.5rem; text-align: right;}
.mytickets-bottom .tickets-price__total .price2 {font-size: 1.5rem;}
.tickets-qrcode {width: 100%; display: flex; justify-content: center;}
.mytickets-bottom .bytickets-time {font-size: 0.875rem; font-weight: 400; line-height: 180%; letter-spacing: 0.92px; margin-top: 15px;}

.period {color: #000 !IMPORTANT; font-family: "Noto Sans TC", sans-serif; font-size: 0.875rem !important; font-style: normal; font-weight: 500; line-height: 143.523%; letter-spacing: 0.644px;}

/* Bytickets */
.bytickets h2 {color: #000; text-align: center; font-family: "Noto Sans TC", sans-serif; font-size: 2rem; font-style: normal; font-weight: 500; line-height: normal; margin: 0; padding: 0 0 15px 0; display: flex; align-items: center; justify-content: center;}
.bytickets h2>i {color: var(--main-color); font-size: 30px;}

/* Inspection */
.inspection-explain div {font-size: 1rem; text-align: center; padding-bottom: 10px; font-weight: 500;}
.inspection-explain {width: 100%; border-radius: 5px; border: 1px solid var(--main-color); padding: 20px 20px; color: #000; text-align: justify; font-family: "Noto Sans TC", sans-serif; font-size: 0.875rem; font-style: normal; font-weight: 400; line-height: normal; margin-bottom: 20px;}
.inspection-area {display: flex; align-items: center; color: #000; font-family: "Noto Sans TC", sans-serif; font-size: 1rem; font-style: normal; font-weight: 400; line-height: 220%; margin-bottom: 10px; flex-wrap: wrap; width: 100%;}
.inspection select {width: 75%; float: right; margin-bottom: 0px; font-size: 0.875rem;}
.inspection-area input {padding: 8px 10px; border-radius: 5px; border: 1px solid var(--main-color);}
.inspection-area textarea {padding: 8px 10px; border-radius: 5px; border: 1px solid var(--main-color); width: 100%; height: 160px}
#abnormal>input {padding: 8px 10px; border-radius: 5px; border: 1px solid var(--main-color); width: 100%; float: right;}

/* Exhibit */
.shopping {padding: 0 20px;}
.main-addition {padding: 0 0 !IMPORTANT;}
.hero-addition {padding: 20px 20px 0 20px;}
/* 英文版智慧展示：「Current Occupancy:」較長，右欄依文字寬度、左欄取剩餘寬度，避免文字壓到左邊按鈕 (中文版不變) */
html[lang="en"] .hero-addition .hero-left {width: auto; flex: 1 1 auto; min-width: 0;}
html[lang="en"] .hero-addition .hero-right {width: auto; flex-shrink: 0; padding-left: 8px;}
html[lang="en"] .hero-addition .breadcrumb a {width: 100%; max-width: 180px; box-sizing: border-box;}
html[lang="en"] .people span {flex-shrink: 0;}
.footer-addition {margin-top: 0px !important;}
.exhibitarea {display: inline-block; width: 100%; margin-top: 15px; padding: 0 0 15px 0;}
.exhibitarea1 {display: inline-block; width: 100%; margin-top: 15px; padding: 0 20px 15px 20px;}
.exhibit-left {width: 50%; float: left;}
.exhibit-points {color: #000; font-family: "Noto Sans TC", sans-serif; font-size: 2rem; font-style: normal; font-weight: 700; line-height: normal; display: flex; align-items: center; flex-wrap: wrap;}
.exhibit-left span {padding-right: 10px; color: #000; text-align: justify; font-family: "Noto Sans TC", sans-serif; font-size: 1rem; font-style: normal; font-weight: 400; line-height: normal;}
.exhibit-left p {color: #000; font-family: "Noto Sans TC", sans-serif; font-size: 0.8125rem; font-style: normal; font-weight: 400; line-height: normal; margin: 15px 0 0 0;}
.exhibit-right {width: 50%; float: right;}
.exhibit-right a {color: var(--main-color); text-align: center; font-family: "Noto Sans TC", sans-serif; font-size: 1rem; font-style: normal; font-weight: 500; line-height: normal; border: 2px solid #178197; padding: 10px; border-radius: 5px; width: calc(50% - 10px); margin: 0 0 10px 10px; float: right;}
.exhibit-right a:hover {color: #fff; background-color: var(--main-color);}
.exhibit-right a.active {background-color: var(--main-color); color: #fff;}
.map__background {background-image: url(/img/exhibit.png); background-repeat: no-repeat; background-size: contain; height: calc(0.53*(239vw - 17px)); max-height: 990px; position: relative;}
.map__background [class^=exhibitmap] {background-size: cover; height: 12%; position: absolute; width: 15%; color: transparent; font-size: 0.1rem;}
.exhibitmap__A {background: url("/img/exhibit1.svg"); left: 30%; top: 5%;}
.exhibitmap__B {background: url("/img/exhibit2.svg"); right: 20%; top: 15%;}
.exhibitmap__C {background: url("/img/exhibit3.svg"); left: 15%; top: 38%;}
.exhibitmap__D {background: url("/img/exhibit4.svg"); right: 14%; bottom: 39%;}
.exhibitmap__E {background: url("/img/exhibit5.svg"); left: 18%; bottom: 22%;}
.exhibitmap__F {background: url("/img/exhibit6.svg"); right: 34%; bottom: 11%;}
.qrcode__background {background-color: #EFEFEF; padding: 35px; display: flex; justify-content: center; flex-wrap: wrap;}
.qrcode__background h2 {color: #000; text-align: center; font-family: "Noto Sans TC", sans-serif; font-size: 1.25rem; font-style: normal; font-weight: 700; line-height: normal; margin: 0; width: 100%;}
.qrcode__background h3 {color: #000; text-align: center; font-family: "Noto Sans TC", sans-serif; font-size: 1rem; font-style: normal; font-weight: 400; line-height: normal; margin: 0; padding: 15px 0; width: 100%;}
.qrcode__background img {width: 290px;}
.qrcode__background p {color: #000; text-align: center; font-family: "Noto Sans TC", sans-serif; font-size: 1rem; font-style: normal; font-weight: 400; line-height: normal; margin: 0; padding: 25px 0 20px 0; width: 100%;}

/*.online__shopping {padding: 0 20px 50px 20px;}*/
.online__shopping h2 {color: #000; text-align: center; font-family: "Noto Sans TC", sans-serif; font-size: 1.25rem; font-style: normal; font-weight: 500; line-height: normal; margin: 0; padding: 0 0 15px 0; width: 100%;}
.online__shopping h3 {color: #000; font-family: "Noto Sans TC", sans-serif; font-size: 1.125rem; font-style: normal; font-weight: 600; line-height: normal; margin: 0; padding-bottom: 15px; width: 100%;}
.online__shopping p {color: #000; text-align: justify; font-family: "Noto Sans TC", sans-serif; font-size: 1rem; font-style: normal; font-weight: 400; line-height: normal; margin: 0; padding: 15px 0 20px 0;}
.size {color: #000; font-family: "Noto Sans TC", sans-serif; font-size: 1rem; font-style: normal; font-weight: 500; line-height: normal; width: 60%; text-align: left; float: left;}
.price {color: #F00; text-align: right; font-family: "Noto Sans TC", sans-serif; font-size: 1rem; font-style: normal; font-weight: 500; line-height: normal; width: 100%; float: right; margin-bottom: 10px;}
.product {width: 100%; text-align: center;}
.product img {width: 400px;}
.shopping-price {display: inline-block; width: 100%; padding-top: 20px;}
.amount {padding: 10px; border-radius: 5px; border: 1px solid #C1C1C1; float: left; display: flex; justify-content: center; align-items: center;}
.amount span {padding-right: 15px;}
.amount .count {border: none; text-align: center; width: 50%;}
.amount .mark {border-radius: 50px; border: none; background-color: #D9D9D9; width: 20px; height: 20px;}
.total-price {color: #F00; text-align: right; font-family: "Noto Sans TC", sans-serif; font-size: 1.25rem; font-style: normal; font-weight: 500; line-height: normal; padding-left: 20px; float: right; padding-top: 8px;}
.online__shopping>input {float: right; margin-top: 20px;}
.back {display: block; padding-top: 20px; color: #000; text-align: center; font-family: "Noto Sans TC", sans-serif; font-size: 1rem; font-style: normal; font-weight: 400; line-height: normal; width: 100%;}

.shoppingarea .ui-state-active a:link {background: var(--main-color)!important; color: #fff!important; border-radius: 5px;}
.shoppingarea .ui-tabs .ui-tabs-nav .ui-tabs-anchor {width: 100%; padding: 20px 10px !important; text-align: center;}
.shoppingarea .ui-tabs .ui-tabs-nav li {border: none !important; width: auto !important;}
.shoppingarea .ui-tabs .ui-tabs-nav li:last-child {margin-right: 0 !important;}
.shoppingarea .ui-tabs .ui-tabs-panel {padding: 0!important;}
.shoppingarea .ui-tabs {padding: 0!important;}
.shopping-content {position: relative; display: flex; align-items: center; border-radius: 5px; border: 1px solid var(--main-color); margin-bottom: 10px;}
.shopping-content a {width: 100%; padding-right: 20px;}
.shopping-content img {float: left; height: 106px; object-fit: cover; width: calc(30% - 15px); margin-right: 15px; border-radius: 5px 0 0 5px;}
.shopping-content h3 {color: #000; text-align: justify; font-family: "Noto Sans TC", sans-serif; font-size: 1rem; font-style: normal; font-weight: 400; line-height: normal; margin: 0; padding-top: 8px; height: 52px; overflow: hidden; white-space: wrap; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.shopping-content span {color: #000; text-align: justify; font-family: "Noto Sans TC", sans-serif; font-size: 1rem; font-style: normal; font-weight: 400; line-height: normal;}
.shopping-content i {float: right; position: absolute; right: -15px;}
.shopping-text {position: relative; width: 70%; height: 106px; display: flex; align-items: center; flex-wrap: wrap;}

.recommendarea #dividend-tabs.ui-tabs .ui-tabs-nav li {width: 33%; border-radius: 5px;}
#exchange-tabs li {width: 33%!important;}
#myproduct-dividendtabs ul {margin: 0; padding: 0; display: flex; flex-wrap: wrap; text-align: center;}
#product li {width: 33%!important; list-style: none;}
#myproduct-dividendtabs .ui-state-active a:link {background: var(--main-color) !important; color: #fff !important; border-radius: 5px; border: none !important; padding: 20px 5px !important;}

#myproduct-dividendtabs .ui-state-active a:link {background: var(--main-color) !important; color: #fff !important; border-radius: 5px; border: none !important; padding: 20px 5px !important;}
#myproduct-dividendtabs .ui-tabs .ui-tabs-nav .ui-tabs-anchor {padding: 20px 10px !important; border-bottom: none!important;}
.myproduct-area li {width: 100%;}

/* Myproduct */
.time-range {width: 100%; display: inline-block; padding-bottom: 20px;}
.time-range div {width: calc(50% - 15px); float: left; display: flex; align-items: center; flex-wrap: wrap; margin-right: 15px;}
.time-range div:nth-child(2) {padding-right: 0;}
.time-range label {padding-right: 10px; color: #000; font-family: "Noto Sans TC", sans-serif; font-size: 1rem; font-style: normal; font-weight: 400; line-height: normal;}
.hasDatepicker {border-radius: 5px; border: 1px solid #646464; background: #FFF; box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.25); height: 30px; padding: 5px; width: 160px !important;}
.myproduct-content {position: relative; display: flex; align-items: center; border-radius: 5px; border: 1px solid var(--main-color); margin-bottom: 10px;}
.myproduct-content a {width: 100%; padding-right: 15px;}
.myproduct-content img {float: left; height: 106px; object-fit: cover; width: 170px; margin-right: 20px; border-radius: 5px 0 0 5px;}
.myproduct-content h3 {color: #000; text-align: justify; font-family: "Noto Sans TC", sans-serif; font-size: 1rem; font-style: normal; font-weight: 400; line-height: normal; margin: 0; padding-top: 15px;}
.myproduct-content span {color: #000; text-align: justify; font-family: "Noto Sans TC", sans-serif; font-size: 1rem; font-style: normal; font-weight: 400; line-height: normal; position: absolute; bottom: 15%;}
.myproduct-content i {float: right; position: absolute; right: 5%; bottom: 40%;}
.myproduct-area {margin: 0; padding: 0;}

.myproduct-content2 {position: relative; display: flex; align-items: center; flex-wrap: wrap;}
.myproduct-content2 a {width: 100%; padding-right: 10px; display: flex; border-radius: 5px; border: 1px solid var(--main-color); margin-bottom: 10px;}
.myproduct-content2 img {float: left; object-fit: cover; width: calc(30% - 15px); margin-right: 15px; border-radius: 5px 0 0 5px; height: 155px;}
.myproduct-text {display: inline-block; width: 70%; position: relative;}
.myproduct-text span {border: 3px solid rgba(107, 107, 107, 0.3); color: rgba(107, 107, 107, 0.3); font-family: "Noto Sans TC", sans-serif; font-size: 1.25rem; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: 0.92px; top: 10%; position: absolute; right: 2%; transform: rotate(-5deg); padding: 0px 8px;}
.myproduct-content2 h3 {color: #000; text-align: justify; font-family: "Noto Sans TC", sans-serif; font-size: 1rem; font-style: normal; font-weight: 400; line-height: normal; margin: 0; padding: 15px 0 5px 0; height: 40px; overflow: hidden; white-space: wrap; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.myproduct-content2 i {float: right; position: absolute; right: 5%; bottom: 40%;}
.myproduct-content2 .size {text-align: left; width: auto !important; color: #000; font-family: "Noto Sans TC", sans-serif; font-size: 1rem; font-style: normal; font-weight: 500; line-height: normal; float: left;}
.myproduct-content2 .price {width: auto !important; right: 5%; color: #F00; text-align: right; font-family: "Noto Sans TC", sans-serif; font-size: 1rem; font-style: normal; font-weight: 500; line-height: normal; float: right;}
.myproduct-content2 .place {color: #000; font-family: "Noto Sans TC", sans-serif; font-size: 0.75rem; font-style: normal; font-weight: 400; line-height: normal;}
.myproduct-content2 button {border-radius: 25px; background: #005B67; border: none; color: #FFF; text-align: center; font-family: "Noto Sans TC", sans-serif; font-size: 0.875rem; font-style: normal; font-weight: 500; line-height: 143.523%; letter-spacing: 2.73px; text-indent: 2.73px; padding: 3px 15px; float: right;}
.myproduct-content2 .remind {width: auto !important; color: #000; text-align: left; font-family: "Noto Sans TC", sans-serif; font-size: 10px; font-style: normal; font-weight: 400; line-height: normal; padding-top: 5px; padding-bottom: 15px;}

.myproduct-fancybox {display: flex; justify-content: center; flex-wrap: wrap;}
.myproduct-fancybox h4 {color: #000; font-family: "Noto Sans TC", sans-serif; font-size: 1.125rem; font-style: normal; font-weight: 500; line-height: normal; margin: 0; padding-bottom: 15px; width: 100%;}
.myproduct-fancybox h5 {color: #000; text-align: justify; font-family: "Noto Sans TC", sans-serif; font-size: 1.25rem; font-style: normal; font-weight: 600; line-height: normal; margin: 0; padding-bottom: 10px; width: 100%;}
.myproduct-fancybox .size, .myproduct-fancybox .price {font-size: 1.125rem; width: 100%;}
.myproduct-fancybox p {color: #000; text-align: justify; font-family: "Noto Sans TC", sans-serif; font-size: 1rem; font-style: normal; font-weight: 400; line-height: normal; margin: 0; padding-top: 15px; width: 100%;}
#myproduct-tabs .ui-state-active a:visited {background-color: #fff !important; color: var(--main-color) !important; border-bottom: 2px solid var(--main-color) !important;}
.myproduct-qrcode {width: 100%; display: flex; justify-content: center; margin-bottom: 10px;}
.transaction-date {width: 100%; clear: both; font-size: 0.75rem;}

/* Dividend */
.dividendarea {width: 100%; display: flex; flex-wrap: wrap;}
.dividend-left {border-radius: 10px; border: 0.5px solid #FFF; background: rgba(255, 209, 121, 0.60); box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.20), -2px -2px 3px 1px rgba(255, 255, 255, 0.50) inset , 2px 2px 1px 5px rgba(192, 179, 108, 0.20) inset; width: 50%; margin: 20px 0 20px 0; display: inline-block; padding: 20px;}
.dividend-right {width: 50%; padding: 20px 0 20px 20px; /*display: flex; flex-wrap: wrap; justify-content: center;*/ text-align: center;}
.dividend-left .namearea {padding-top: 10px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.dividend-left .namearea img {padding-right: 8px; float: left;}
.dividend-left .member {padding-left: 8px; float: right; color: #FF0000; font-family: "Noto Sans TC", sans-serif; font-style: normal; font-weight: 300; line-height: normal; font-size: 0.75rem;}
.dividend-left .name {display: flex; align-items: center; font-size: 1.125rem;}
.dividend-left .expiry {text-align: center; padding-bottom: 8px; padding-top: 8px; font-weight: 600;}
.dividend-left .points {text-align: center;}
.dividend-left .points span {font-size: 1.5rem;}
.dividend-left h2 {color: #000; text-align: center; font-family: "Noto Sans TC", sans-serif; font-size: 0.75rem; font-style: normal; font-weight: 300; line-height: normal; padding-top: 10px; margin: 0;}
.dividend-right a {color: #000; text-align: center; font-family: "Noto Sans TC", sans-serif; font-size: 0.75rem; font-style: normal; font-weight: 500; line-height: normal; width: 100%;}
.right-title {display: flex; width: 100%; align-items: center;}
.right-title span {color: #000; text-align: left; font-family: "Noto Sans TC", sans-serif; font-size: 0.875rem; font-style: normal; font-weight: 500; line-height: normal; float: left; flex-basis: 70%;}
.right-title span:nth-child(2) {text-align: right; flex-basis: 30%;}
.right-content {display: flex; width: 100%; align-items: center; padding-top: 10px;}
.right-content span {color: #000; text-align: left; font-family: "Noto Sans TC", sans-serif; font-size: 0.75rem; font-style: normal; font-weight: 500; line-height: normal; float: left; flex-basis: 70%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.right-content span:nth-child(2) {text-align: right; flex-basis: 30%; font-weight: 600; font-size: 1rem;}

.general {background: rgba(121, 231, 255, 0.6); box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.20), -2px -2px 3px 1px rgba(255, 255, 255, 0.50) inset, 2px 2px 1px 5px rgba(121, 231, 255, 0.20) inset;}

#exchange-tabs .ui-state-active a:link {background: var(--main-color) !important; color: #fff !important; border-radius: 5px; border: none !important; padding: 20px 5px !important;}
#exchange-tabs .ui-tabs .ui-tabs-nav .ui-tabs-anchor {padding: 20px 10px !important; border-bottom: none!important;}
.sorting {padding: 20px 10px !important; border-bottom: none !important;}
.search-point {color: #000; font-family: "Noto Sans TC", sans-serif; font-size: 1.125rem; font-style: normal; font-weight: 400; line-height: normal; padding: 5px 0 10px 0; display: flex; align-items: center; flex-wrap: wrap;}
.search-point .points {color: #FF0000; font-family: "Noto Sans TC", sans-serif; font-size: 1.25rem; font-style: normal; font-weight: 300; line-height: normal; padding: 0 5px;}
.search-point div {float: left; flex-basis: 50%;}
.points-time {color: #F00; font-family: "Noto Sans TC", sans-serif; font-size: 0.875rem; font-style: normal; font-weight: 400; line-height: 170%; flex-basis: 50%; text-align: right;}
.dividend .online__shopping h2 {color: var(--main-color); text-align: center; font-family: "Noto Sans TC", sans-serif; font-size: 1.25rem; font-style: normal; font-weight: 500; line-height: normal; margin: 0 0 24px 0; padding: 20px 0 8px 0; width: 100%; border-bottom: 2px solid var(--main-color);}
.price1 {color: #F00; text-align: right; font-family: "Noto Sans TC", sans-serif; font-size: 1rem; font-style: normal; font-weight: 500; line-height: normal; width: 40%; float: right; margin-bottom: 10px;}
.price1 span {color: #000;}
.total-price span {color: #000; text-align: right; font-family: "Noto Sans TC", sans-serif; font-size: 0.875rem; font-style: normal; font-weight: 500; line-height: normal;}

.searcharea {border-radius: 5px; border: 1px solid var(--main-color); background: #FFF; padding: 15px; margin-bottom: 10px; color: #000; font-family: "Noto Sans TC", sans-serif; font-size: 0.9375rem; font-style: normal; font-weight: 400; line-height: normal; display: inline-block; width: 100%;}
.searcharea h3 {color: #000; font-family: "Noto Sans TC", sans-serif; font-size: 0.9375rem; font-style: normal; font-weight: 600; line-height: normal; margin: 0; padding: 0; width: auto;}
.search-left {float: left; width: 80%;}
.search-left span {float: left; color: #9D9D9D;}
.search-right {float: right; text-align: right; width: 20%;}

/* Fancy */
.fancybox-bg {background: rgba(0, 0, 0, 0.25);}
.fancybox-content {width: 650px; padding: 35px 35px 50px!important; border-radius: 5px; background: #FFF; margin-top: 15px !important;}
.fancybox h2 {float: left; width: 100%; padding-bottom: 30px;}
.fancybox h3 {color: #000; text-align: justify; font-family: "Noto Sans TC", sans-serif; font-size: 1rem; font-style: normal; font-weight: 600; line-height: normal; padding-top: 20px; margin: 0;}
.fancybox h4 {margin: 10px 0 10px 0;}
.fancybox-slide--html .fancybox-close-small {padding: 5px; right: 10px; top: 3px; color: #000;}
.fancybox img {width: 290px; height: auto;}
.fancybox p {margin: 0; line-height: 170%; padding: 10px 0; color: #000; font-family: "Noto Sans TC", sans-serif; font-size: 1rem; font-style: normal; font-weight: 400; text-align: justify;}
.fancybox-slide--html {padding: 5px 15px !important;}
.fancybox ol {margin: 0; line-height: 170%; padding: 10px 0 25px 32px; color: #000; font-family: "Noto Sans TC", sans-serif; font-size: 1rem; font-style: normal; font-weight: 400; text-align: justify; list-style-type: cjk-decimal;}
	
/* Recommend */
.recommendarea .ui-tabs .ui-tabs-nav li {margin: 0!important; padding: 0!important; width: 33%; border-radius: 0; border: none !important; text-align: center;}
.list-activity .ui-tabs .ui-tabs-nav li {width: 100%;}
.recommendarea .ui-tabs .ui-tabs-nav .ui-tabs-anchor {width: 100%; padding: 20px 10px !important; border-bottom: 2px solid #000;}
.recommendarea .ui-tabs .ui-tabs-nav .ui-tabs-anchor:hover {border: none; border-bottom: 2px solid var(--main-color); color: var(--main-color) !important; background: #fff !important;}
.recommendarea .ui-widget.ui-widget-content {padding: 0;}
.recommendarea .ui-state-active a, .ui-state-active a:visited {color: #fff !important; border-bottom: 2px solid var(--main-color); background: #fff!important;}
.recommendarea .ui-state-active a:link {background: #fff!important; color: var(--main-color)!important; border-bottom: 2px solid var(--main-color)!important;}

.dividendtabs .ui-state-active a:visited {background: #fff !important; color: var(--main-color) !important; border-bottom: 1px solid var(--main-color) !important;}
.recommendarea .ui-tabs .ui-tabs-panel {padding: 10px 10px 0 10px; padding-left: 0!important; padding-right: 0!important;}

.recommend-news {width: 100%; padding-top: 15px; display: flex; align-items: center; flex-wrap: wrap;}
.recommend-news time {flex-basis: 15%; padding-right: 20px;}
.recommend-news a {flex-basis: 85%; height: 25px; overflow: hidden; white-space: wrap; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; color: #000; font-family: "Noto Sans TC", sans-serif; font-size: 1rem; font-style: normal; font-weight: 400; line-height: normal;}
.recommend-news a:hover {color: var(--main-color) !important;}

.ui-helper-reset {line-height: 0!important;}

.recommend h2 {color: #000; text-align: center; font-family: "Noto Sans TC", sans-serif; font-size: 1.25rem; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: 2px;}
.recommend-information {color: #000; font-family: "Noto Sans TC", sans-serif; font-size: 1.125rem; font-style: normal; font-weight: 500; line-height: 240%;}
.recommend-information i {width: 30px; color: var(--main-color); font-size: 1.25rem;}
.recommend-content {display: flex; flex-wrap: wrap; justify-content: center;}
.recommend-content h3{color: #000; font-family: "Noto Sans TC", sans-serif; font-size: 1.25rem; font-style: normal; font-weight: 500; line-height: normal; width: 100%; margin: 0; padding: 15px 0 15px 0;}
.recommend-content p {color: #000; text-align: justify; font-family: "Noto Sans TC", sans-serif; font-size: 1rem; font-style: normal; font-weight: 500; line-height: 180%; width: 100%; margin: 0; padding: 5px 0 10px 0;}
.recommend-content img {width: 450px; object-fit: cover;}

/* Advice */
.radio div {width: 33%; float: left;}
.radio1 div {width: 100%; float: left;}
.radio, .radio1 {padding-top: 10px; padding-bottom: 15px;}
.radiomore {width: auto!important; float: none;}
.advice-title {color: #000; font-family: "Noto Sans TC", sans-serif; font-size: 1.125rem; font-style: normal; font-weight: 400; padding-bottom: 15px; width: 100%;}
.adviceform table {width: 100%;}
.adviceform tr>th:first-child {width: 40%;}
.adviceform tr>th,.adviceform tr>td {color: #000; font-family: "Noto Sans TC", sans-serif; font-size: 1rem; font-style: normal; font-weight: 600; padding: 0; padding-top: 10px !important; width: 12%;}
.adviceform td:first-child {color: #000; font-family: "Noto Sans TC", sans-serif; font-size: 1rem; font-style: normal; font-weight: 400; padding: 5px 0 10px 0; width: 45%;}
.adviceform {margin-bottom: 10px; width: 100%;}
/* 英文版：滿意度選項文字較長且無法逐字換行，固定欄寬並縮小字級、允許斷字 */
html[lang="en"] .adviceform table {table-layout: fixed;}
html[lang="en"] .adviceform tr>th:first-child {width: 30%;}
html[lang="en"] .adviceform tr>th {font-size: 0.6875rem; line-height: 1.2; hyphens: auto; vertical-align: bottom;}
.advice-submit {width: 100%; display: flex; justify-content: center; margin-bottom: 30px;}
.advice-submit a {padding: 6px 0;}
.advice select {margin-top: 10px;}
.adviceform input[type="radio"] {width: 20px; height: 20px;}
.apply-from textarea.form-control {font-size: 1rem; padding: 0;}
.advice-remind {padding-top: 10px;}

.noticearea.fancybox-content {vertical-align: top!important; padding: 0!important;}
.noticearea button.fancybox-button.fancybox-close-small {color: #fff !important;}
.fancybox-content {vertical-align: top; padding: 0;}
.fancybox h3 {width: 100%; color: #fff; font-family: "Noto Sans TC", sans-serif; font-size: 1.25rem; font-style: normal; font-weight: 500; line-height: normal; margin: 0; border-bottom: 1px solid #CACACA; padding: 10px 20px !important; margin-bottom: 20px; background: var(--main-color); text-align: center;}
.noticearea p {padding: 0 35px 20px !important;}

/* Environment */
.environment h2 {color: #000; font-family: "Noto Sans TC", sans-serif; font-size: 1rem; font-style: normal; font-weight: 500; line-height: normal; margin: 0; padding-bottom: 15px; float: left;}
.environment h3 {color: #000; font-family: "Noto Sans TC", sans-serif; font-size: 1rem; font-style: normal; font-weight: 500; line-height: normal; margin: 0; padding-bottom: 15px; float: right;}
.hotspot {width: 100%; overflow-x: scroll; white-space: nowrap; /*overflow: hidden;*/margin-bottom: 40px;}
.hotspot-text {border-radius: 5px; border: 2px solid #CFCFCF; background: #FFF; box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.25); width: calc(32% - 15px); padding: 14px; color: #000; font-family: "Noto Sans TC", sans-serif; font-size: 1.125rem; font-style: normal; font-weight: 500; line-height: normal; text-align: center; margin-right: 15px; display: inline-block;}
.hotspot-text1 {border-radius: 5px; border: 2px solid #CFCFCF; background: #FFF; box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.25); width: calc(32% - 15px); padding: 14px; color: #000; font-family: "Noto Sans TC", sans-serif; font-size: 1.125rem; font-style: normal; font-weight: 500; line-height: normal; text-align: center; margin-right: 15px; display: inline-block;}
.hotspot span {font-size: 1.5rem; font-weight: 600; line-height: 40px;}
.hotspot::-webkit-scrollbar {display: none;}
/* 英文版：展廳名稱較長，熱點卡片允許換行並等高 */
html[lang="en"] .hotspot {display: flex;}
html[lang="en"] .hotspot-text {flex-shrink: 0; white-space: normal;}
.content-hotspot {width: 100%; white-space: nowrap; /*overflow: hidden;*/margin-bottom: 40px; display: inline-block;}
.hotspot-left {float: left; width: 50%;}
.hotspot-right {float: right; width: 50%; padding-left: 10px; display: flex; flex-wrap: wrap;}
.hotspot-left .numerical-value {border-radius: 5px; border: 2px solid #CFCFCF; background: #FFF; box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.25); width: 100%; padding: 50px 14px; flex-wrap: wrap; color: #000; font-family: "Noto Sans TC", sans-serif; font-size: 1.125rem; font-style: normal; font-weight: 500; line-height: normal; text-align: center; margin-right: 15px; display: flex; align-items: center; justify-content: center; height: 223px;}
.hotspot-right .numerical-value {border-radius: 5px; border: 2px solid #CFCFCF; background: #FFF; box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.25); width: 100%; padding: 14px; color: #000; font-family: "Noto Sans TC", sans-serif; font-size: 1.125rem; font-style: normal; font-weight: 500; line-height: normal; text-align: center; margin-bottom: 15px; display: inline-block;}
.hotspot-left span, .hotspot-right span {color: var(--main-color); text-align: center; font-family: "Noto Sans TC", sans-serif; font-size: 32px; font-style: normal; font-weight: 700; line-height: normal;}
.hotspot-left span {width: 100%; font-size: 45px;}
.environment .ui-state-active a:link {border: 1px solid var(--main-color); background: var(--main-color) !important; color: #fff !important;}

.map {width: 100%; padding-top: 25px;}
.map img {width: 100%; margin-top: 15px;}
.map ul {padding: 0; margin: 0; display: flex; justify-content: center;}
.map li {list-style: none; display: flex; justify-content: center; border: none !important; margin: 0 !important; width: 33% !important;}
.map a {background: #fff!important; border: 1px solid var(--main-color); width: 50px; height: 50px; border-radius: 45px; color: var(--main-color)!important; display: flex; justify-content: center; align-items: center; font-family: "Noto Sans TC", sans-serif; font-size: 28px; font-style: normal; font-weight: 700; line-height: normal;}
.map .ui-tabs .ui-tabs-nav .ui-tabs-anchor {padding: 0 !important;}
.map .ui-tabs .ui-tabs-nav li {border: none !important; margin: 0 !important; background-color: transparent !important;}
.map .ui-tabs .ui-tabs-panel {border: 1px solid var(--main-color) !important;}
.mapid {border-radius: 5px; background: #FFF !important; width: 36% !important; margin-top: 15px; padding: 0 !important; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);}
.map-title {color: #FFF; text-align: center; font-family: "Noto Sans TC", sans-serif; font-size: 1rem; font-style: normal; font-weight: 500; line-height: normal; background: var(--main-color); padding: 3px 15px;}
.map .ui-tabs .ui-tabs-nav {bottom: -3.5em; position: absolute;}
.map .ui-widget.ui-widget-content {bottom: 2em;}
.map-content {color: #000; font-family: "Noto Sans TC", sans-serif; font-size: 1rem; font-style: normal; font-weight: 500; line-height: normal; padding: 10px;}
.mapid:nth-child(2) {margin: 15px auto 0;}
.mapid:nth-child(3) {margin: 15px 66.5% 0;}
.mapid__int {border-width: 10px; border-style: solid; border-color: var(--main-color) transparent transparent transparent; position: absolute; top: 99%; left: 16%;}
.mapid:nth-child(2) .mapid__int {left: 48.5%;}
.mapid:nth-child(3) .mapid__int {left: 81.5%;}

/* Learn */
.titlebar ul {list-style: none; padding-left: 0; overflow: hidden; margin: 0;}
.titlebar li {display: flex; width: 50%; float: left; justify-content: center; margin-bottom: 15px;}
.titlebar a {text-align: center; padding: 10px 20px; width: calc(100% - 10px); color: #000; display: flex; justify-content: center;}
.titlebar a:hover {color: #fff; background: var(--main-color);}
.ui-tabs {padding: 0 !important}
.ui-tabs .ui-tabs-nav {width: 100%; border: none; background: none; padding: 0 !important; display: flex; flex-wrap: wrap; justify-content: center;}
.ui-tabs .ui-tabs-nav li {margin: 0 10px 15px 0!important; padding: 0!important; width: calc(33% - 10px);}
.ui-tabs .ui-tabs-nav li:nth-child(3n) {margin-right: 0!important;}
.ui-widget.ui-widget-content {border: none!important;}
.firsttabs .ui-tabs .ui-tabs-nav .ui-tabs-anchor {width: 100%; height: 31px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; -webkit-box-orient: vertical; -webkit-line-clamp: 1; padding: 20px; border-radius: 4px;}
.firsttabs .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {cursor: pointer;}
.firsttabs .ui-tabs .ui-tabs-nav .ui-tabs-anchor:hover {background: var(--main-color); color: #fff;}
.firsttabs {width: 100%;} 
.firsttabs .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {color: #fff !important;}
.firsttabs .ui-tabs-panel {width: 100%; float: left; text-align: left; padding: 0 !important;}
.firsttabs .ui-tabs-anchor {display: flex; align-items: center; flex-wrap: wrap;}
.firsttabs .ui-tabs-anchor i {font-size: 1.75rem; text-align: center; flex-basis: 100%;}
.firsttabs .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {color: #000; background: #fff;}
.firsttabs .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {background: var(--main-color) !important; color: #fff !important;}
.firsttabs .ui-tabs .ui-tabs-nav li {border: 1px solid var(--main-color) !important; border-radius: 5px;}
/*.firsttabs .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .firsttabs .ui-button.ui-state-active:hover {border: 1px solid var(--main-color)!important; background: var(--main-color)!important; font-weight: normal; color: #fff; border-radius: 5px;}
.firsttabs .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {border: 1px solid var(--main-color)!important; background: #fff!important; font-weight: normal; color: #000; border-radius: 5px;}
.firsttabs .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {background: none;}*/
/*div#tabs p {color: #000; font-family: 'Noto Sans TC', sans-serif; font-size: 0.875rem; font-style: normal; font-weight: 400; line-height: normal; text-align: center; width: 100%; margin: 0 0 15px 0;}*/

.learn-content span {color: #000; font-family: "Noto Sans TC", sans-serif; font-size: 1.125rem; font-style: normal; font-weight: 400; line-height: normal;}
.learn h2 {color: #000; font-family: "Noto Sans TC", sans-serif; font-size: 1.125rem; font-style: normal; font-weight: 700; line-height: normal; margin: 5px 0 10px 0;}
.learn-content img {width: 100%; height: 50vh; object-fit: cover;}
.learn-text {color: #000; text-align: justify; font-family: "Noto Sans TC", sans-serif; font-size: 1rem; font-style: normal; font-weight: 300; line-height: 180%; margin: 50px 0 0 0;}
ul.position {position: absolute; margin-top: 90px !important;}
.learn-download {margin-top: 30px; float: left; width: 100%;}
.learn-download div {color: #000; text-align: justify; font-family: "Noto Sans TC", sans-serif; font-size: 1.125rem; font-style: normal; font-weight: 500; line-height: 220%;}
.learn-download a {color: #000; text-align: left; font-family: "Noto Sans TC", sans-serif; font-size: 1rem; font-style: normal; font-weight: 300; padding: 0; line-height: 200%; display: block;}
.learn-download a:hover {background: none; color: var(--main-color);}

#tabs>p {text-align: center;}

/* Player */
.player {position: relative;}

.album {
  position: relative;
  left: 50%;
  width: 15em;
  height: 15em;
  margin-bottom: -13%;
  overflow: hidden;
  transform: translate(-50%,-25%);
  background-color: #111;
  border: 1px solid #111;
  border-radius: 50%;
  box-shadow:
    0 0.0625em 0.1875em rgba(0,0,0,0.5),
    0 0 0.125em 0.3125em #ddd,
    0 0.0625em 0 0.375em #bbb,
    0 0 0.375em 0.325em rgba(0,0,0,0.3),
    0 0 0.5em 0.375em rgba(0,0,0,0.3),
    0 0.25em 1em 0.5em rgba(0,0,0,0.15),
    inset 0 0 0 0.0625em rgba(0,0,0,0.5),
    inset 0 0 0 0.1875em rgba(255,255,255,1),
    inset 0 0 0 0.375em rgba(0,0,0,0.5),
    inset 0 0 0 0.4375em rgba(255,255,255,0.2),
    inset 0 0 0 0.5em rgba(0,0,0,0.5),
    inset 0 0 0 0.5625em rgba(255,255,255,0.3),
    inset 0 0 0 0.625em rgba(0,0,0,0.5),
    inset 0 0 0 0.6875em rgba(255,255,255,0.2),
    inset 0 0 0 0.75em rgba(0,0,0,0.5),
    inset 0 0 0 0.8125em rgba(255,255,255,0.3),
    inset 0 0 0 0.875em rgba(0,0,0,0.5),
    inset 0 0 0 0.9375em rgba(255,255,255,0.3),
    inset 0 0 0 1em rgba(0,0,0,0.5),
    inset 0 0 0 1.0625em rgba(255,255,255,0.2),
    inset 0 0 0 1.125em rgba(0,0,0,0.5),
    inset 0 0 0 1.1875em rgba(255,255,255,0.3),
    inset 0 0 0 1.25em rgba(0,0,0,0.5),
    inset 0 0 0 1.3125em rgba(255,255,255,0.2),
    inset 0 0 0 1.375em rgba(255,255,255,0.2),
    inset 0 0 0 1.4375em rgba(0,0,0,0.5),
    inset 0 0 0 1.5em rgba(255,255,255,0.3),
    inset 0 0 0 1.5625em rgba(0,0,0,0.5),
    inset 0 0 0 1.625em rgba(255,255,255,0.3),
    inset 0 0 0 1.6875em rgba(0,0,0,0.5),
    inset 0 0 0 1.75em rgba(255,255,255,0.2),
    inset 0 0 0 1.8125em rgba(0,0,0,0.5),
    inset 0 0 0 1.875em rgba(255,255,255,0.2),
    inset 0 0 0 1.9375em rgba(0,0,0,0.5),
    inset 0 0 0 2em rgba(255,255,255,0.3),
    inset 0 0 0 2.0625em rgba(0,0,0,0.5),
    inset 0 0 0 2.125em rgba(0,0,0,0.5),
    inset 0 0 0 2.1875em rgba(255,255,255,0.1),
    inset 0 0 0 2.25em rgba(0,0,0,0.5),
    inset 0 0 0 2.3125em rgba(255,255,255,0.2),
    inset 0 0 0 2.375em rgba(255,255,255,0.1),
    inset 0 0 0 2.4375em rgba(0,0,0,0.5),
    inset 0 0 0 2.5em rgba(255,255,255,0.3),
    inset 0 0 0 2.5625em rgba(0,0,0,0.5),
    inset 0 0 0 2.625em rgba(255,255,255,0.2),
    inset 0 0 0 2.6875em rgba(0,0,0,0.5),
    inset 0 0 0 2.75em rgba(255,255,255,0.2),
    inset 0 0 0 2.8125em rgba(0,0,0,0.5),
    inset 0 0 0 2.875em rgba(255,255,255,0.2),
    inset 0 0 0 2.9375em rgba(0,0,0,0.5),
    inset 0 0 0 3em rgba(255,255,255,0.3),
    inset 0 0 0 3.0625em rgba(0,0,0,0.5),
    inset 0 0 0 3.125em rgba(0,0,0,0.5),
    inset 0 0 0 3.1875em rgba(255,255,255,0.2),
    inset 0 0 0 3.25em rgba(0,0,0,0.5),
    inset 0 0 0 3.3125em rgba(255,255,255,0.2),
    inset 0 0 0 3.375em rgba(255,255,255,0.1),
    inset 0 0 0 3.4375em rgba(0,0,0,0.5),
    inset 0 0 0 3.5em rgba(255,255,255,0.3);
}

.album::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%,-50%);
  background-image:
    linear-gradient(
      -45deg,
      rgba(255,255,255,0) 30%,
      rgba(255,255,255,0.125),
      rgba(255,255,255,0) 70%
    ),
    linear-gradient(
      -48deg,
      rgba(255,255,255,0) 45%,
      rgba(255,255,255,0.075),
      rgba(255,255,255,0) 55%
    ),
    linear-gradient(
      -42deg,
      rgba(255,255,255,0) 45%,
      rgba(255,255,255,0.075),
      rgba(255,255,255,0) 55%
    ),
    radial-gradient(
      circle at top left,
      rgba(0,0,0,1) 20%,
      rgba(0,0,0,0) 80%
    ),
    radial-gradient(
      circle at bottom right,
      rgba(0,0,0,1) 20%,
      rgba(0,0,0,0) 80%
    );
}

.cover,
.cover div {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  width: 6em;
  height: 6em;
  overflow: hidden;
  transform-origin: 0 0;
  transform: rotate(0) translate(-50%,-50%);
  border-radius: 50%;
  animation: spin 4s linear infinite paused;
}

.ffing .cover {
  animation-play-state: running;
}

.cover div {
  border-radius: 0;
  animation: spin 2s linear infinite reverse paused;
}

.rwing .cover div {
  animation: spin 2s linear infinite reverse running;
}

.cover::before,
.cover::after {
  content: '';
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform-origin: 0 0;
  transform: rotate(0) translate(-50%,-50%);
  border-radius: 50%;
  box-shadow: inset 0 0.0625em rgba(255,255,255,0.3);
  animation: spin 4s linear infinite reverse paused;
}

.cover::after {
  width: 0.25em;
  height: 0.3125em;
  margin-top: -0.0625em;
  background-color: #eee;
  border-radius: 0.125em;
  box-shadow:
    inset 0 -0.0625em 0.0625em rgba(0,0,0,0.5),
    inset 0.0625em -0.0625em 0.125em rgba(255,255,255,0.15),
    inset -0.0625em -0.0625em 0.125em rgba(255,255,255,0.15),
    inset 0 -0.125em 0.125em rgba(0,0,0,0.8),
    0 0.0625em 0.0625em rgba(0,0,0,0.5),
    0 0.0625em 0.25em 0.0625em rgba(0,0,0,0.15),
    0 0 0.25em 0.125em rgba(0,0,0,0.15);
}

.ffing .cover::before,
.ffing .cover::after {
  animation-play-state: running;
}

.cover img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform-origin: 0 0;
  transform: rotate(0) translate(-50%,-50%);
  animation: spin 4s linear infinite paused;
}

.paused .cover img {
  animation-play-state: paused;
}

.playing .cover img {
  animation-play-state: running;
}

.info {
  text-align: center;
  text-shadow: 0 0.0625em rgba(255,255,255,1);
}

.time {
  display: flex;
  justify-content: center;
  align-items: center;
}

.time > * {
  margin: 0 0.5em;
}

.progress {
  flex-grow: 2;
  height: 0.125em;
  background-color: #999;
  border-radius: 0.0625em;
  box-shadow: 0 0.0625em rgba(255,255,255,1);
  cursor: pointer;
}

.progress span {
  display: block;
  width: 0;
  height: 100%;
  background-color: #666;
}

.actions {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.button1 {
  appearance: none;
  outline: none;
  position: relative;
  padding: 0;
  font-size: 100%;
  background-color: transparent;
  border: none;
  cursor: pointer;
}

.button1 {
   width: 3em;
  height: 3em;
}

.button1::before {
  content: '';
  position: absolute;
  z-index: 1;
}

.button1:hover::before {
  background-color: #fcfcfc;
}
.button1:focus {border: 2px solid black}

.play-pause {
  width: 4em;
  height: 4em;
}

.rw {
  right: -0.25em;
  margin-left: 0.375em;
  transform: scaleX(-1);
}

.ff {
  left: -0.25em;
  margin-right: 0.375em;
}

.button1 .arrow {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 30%;
  height: 30%;
  overflow: hidden;
  transform: translate(-50%,-50%);
}

.button1 .arrow::before,
.button1 .arrow::after {
  content: '';
  position: absolute;
  left: -50%;
  width: 100%;
  height: 100%;
  transform: scale(1.2,0.7) rotate(45deg);
  background-color: #5F5F5F;
  box-shadow:
    inset 0 0.125em 0.125em -0.0625em rgba(0,0,0,0.15),
    0.0625em 0.0625em 0.125em rgba(255,255,255,1);
}

.button1 .arrow::after {
  left: 0;
  transform: none;
  background-color: transparent;
  box-shadow: inset 0.0625em 0 0.125em -0.0625em rgba(0,0,0,0.1);
}

.paused .play-pause .arrow {
  margin-left: 0.1875em;
}

.playing .play-pause .arrow::before,
.playing .play-pause .arrow::after {
  left: 0;
  width: 0.4375em;
  transform: none;
  background-color: #ddd;
  box-shadow:
    inset 0.0625em 0.125em 0.125em -0.0625em rgba(0,0,0,0.15),
    0.0625em 0.0625em 0.125em rgba(255,255,255,1);
}

.playing .play-pause .arrow::after {
  left: auto;
  right: 0;
}

.rw .arrow,
.ff .arrow {
  width: 20%;
  height: 20%;
  margin-left: 12%;
}

.rw .arrow:first-child,
.ff .arrow:first-child {
  margin-left: -4%;
}

.button1:active .arrow::before,
.playing .play-pause .arrow::before,
.playing .play-pause .arrow::after {
  background-color: var(--main-color);
}

@keyframes spin {
  100% { transform: rotate(360deg) translate(-50%,-50%); }
}


/* Activity */
.activity {padding: 10px 10px 0 10px;}
.activity h2 {color: var(--main-color); font-family: "Noto Serif TC", serif; font-size: 1.25rem; font-style: normal; font-weight: 900; line-height: normal; margin: 0; float: left; padding-right: 15px;}
.more {color: #000; text-align: center; font-family: "Noto Sans TC", sans-serif; font-size: 1rem; font-style: normal; font-weight: 500; line-height: normal;}
.activity-area {padding: 12px 0 5px 0; border-bottom: 1px solid #000; display: flex; flex-wrap: wrap;}
.activity-area time {color: #000; font-family: "Noto Sans TC", sans-serif; font-size: 1rem; font-style: normal; font-weight: 400; line-height: normal; flex-basis: 25%;}
.activity-area a {color: #000; font-family: "Noto Sans TC", sans-serif; font-size: 1rem; font-style: normal; font-weight: 400; line-height: normal; height: 28px; overflow: hidden; white-space: wrap; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; flex-basis: 75%;}
.activity-content {padding-bottom: 30px;}
.activity-content:nth-child(2) {padding-bottom: 0;}


.fly-in1 {
  animation: leftIn 1s ease-in;
}
@keyframes leftIn {
  from {
    opacity: 0;
    transform: translateX(-100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.video-left__box {
  animation: fly-in 3s ease-in;
}
@keyframes fly-in {
  from {
    opacity: 0;
    transform: translateY(5%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* Link */
.link {padding: 60px 35px 30px 35px;}
.link-area {text-align: center;}
.link-area img {margin-right: 15px; height: 60px; margin-bottom: 20px; max-width: 100%; object-fit: contain;}
.link-area a:last-child img {margin-right: 0;}

/* news */
.newspage {position: relative;}
.newspage h2 {color: #000; text-align: center; font-family: Noto Sans TC, sans-serif; font-size: 28px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 1.54px; margin: 0; padding-bottom: 35px;}
.newspage time {color: #000; font-family: Noto Sans TC, sans-serif; font-size: 1.25rem; font-style: normal; font-weight: 400; line-height: normal; }
.newspage i {font-size: 0; color: var(--main-color);}
.fa-print:before {font-size: 28px;}
.newspage span {position: absolute; right: 0; top: 5px;}
.newspage-content {display: flex; justify-content: center;}
.newspage-content p, .newspage-content a {color: #000; font-family: Noto Sans TC, sans-serif; font-size: 1.125rem; font-style: normal; font-weight: 300; line-height: normal; margin: 0; width: 70%;}

/* Sitemap */
.sitemap {position: absolute; right: 55px; color: #000;}
.sitemap-list {padding: 0 10px 0 30px;}
.sitemap-list li {padding: 0 0 8px 0;}
.sitemap-content ul {padding-left: 40px; margin: 0;}
.sitemap-content li {color: #000; font-family: Noto Sans TC, sans-serif; font-size: 1.125rem; font-style: normal; font-weight: 600; line-height: 200%;}
.sitemap-content p {color: #000; text-align: justify; font-family: Noto Sans TC, sans-serif; font-size: 1.125rem; font-style: normal; font-weight: 400; line-height: normal; margin: 0; padding-bottom: 15px; padding-top: 30px;}
.sitemap-content ol {margin: 0;}
.sitemap-main li {font-weight: 500;}
.sitemap-main a {color: #000; text-align: justify; font-family: Noto Sans TC, sans-serif; font-size: 1.125rem; font-style: normal; font-weight: 400; line-height: 180%; letter-spacing: 2px; text-shadow: 0 0 BLACK;}
.sitemap-content li:before {content: counters(item, ".") " ."; counter-increment: item;}
.sitemap-content ol {counter-reset: item;}
.sitemap-content li {display: block; margin-left: -40px;}
.sitemap-main {margin: 0; display: inline-block;}

/* inbox */
.inbox__text {font-weight: 400; font-size: 1.25rem; line-height: 40px; text-align: justify; width: 40%; padding-left: 35px;     float: left;}
.inbox__table {width: 40%; display: flex; flex-wrap: wrap; justify-content: center;}
.inbox__table p {font-size: 1.25rem; line-height: 40px; color: #000000;}
.inbox__table label {width: 100%; margin-top: -20px; text-align: right; padding-bottom: 20px;}
.inbox__caption {font-weight: 400; font-size: 1.125rem; line-height: 40px; color: #FF0000; margin: 0; text-align: right; padding-right: 15px;}
/*.apply-from span {width: 100%;}*/
.inbox_button {background: #FFB933; color: #fff; border: 0; border-radius: 5px; font-weight: 600; font-size: 1.25rem; cursor: pointer; padding: 7px 18px; width: 100%;}
form#Form {width: 100%; display: flex; justify-content: center; border-bottom: 1px solid #BBBBBB; padding-bottom: 50px;}
select.education__unit {float: left; margin-bottom: 30px; width: 100%; padding: 12px 18px; border: 1px solid var(--main-color); color: #000; font-size: 1rem; line-height: 1.5;}
.inbox__table > p {margin: 0 0 15px 0; width: 100%;}
.inbox__table > input {display: block;
    width: 100%;
    padding: 12px 18px;
    font-size: 1rem;
    line-height: 1.5;
    color: #000;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid var(--main-color);
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    margin-bottom: 30px;}

/* breadcrumb */
.bread {margin: 25px 40px 25px; color: #000; font-family: Noto Sans TC, sans-serif; font-size: 0.875rem; font-style: normal; font-weight: 300; line-height: normal; letter-spacing: 0.1em;}
.bread a {font-size: 0.875rem;}
.bread-first {color: #000; font-weight: 300;}
.bread-second {color: #000; font-weight: 300;}
.bread-th {color: #000; font-weight: 300;}

.breadcrumb a {border-radius: 5px; color: #ffffff; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25); border: 1.5px solid #FFF; background: var(--main-color); box-shadow: -2px -2px 3px 1px rgba(255, 255, 255, 0.50) inset, 1px 1px 4px 0px rgba(0, 0, 0, 0.25) inset, 1px 1px 4px 0px rgba(0, 0, 0, 0.10) inset, 1px 1px 4px 1px rgba(21, 167, 186, 0.50); text-align: center; font-family: "Noto Sans TC", sans-serif; font-size: 1.25rem; font-style: normal; font-weight: 500; line-height: normal; float: left; width: 220px; padding: 9px 10px; display: flex; justify-content: center; align-items: center;}
.breadcrumb span {padding-right: 10px; font-size: 1.5rem;}

/*.breadcrumb-first {color: #000; font-weight: 300;}
.breadcrumb-second {color: #000; font-weight: 300;}
.breadcrumb-th {color: #000; font-weight: 300;}*/

/* About */
.valuearea-about {background: rgba(181, 114, 114, 0.10); margin: 10px 0 0 0; padding: 46px 25px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; min-height: 198px;}
.value-area1 {float: left; display: flex; justify-content: center;  align-items: center; border-right: 3px solid #CB7474; width: 33%; flex-wrap: wrap;}
.value-area1:nth-child(3){border: none; padding-right: 0;}
.about-category {color: #000; font-family: Noto Sans TC, sans-serif; font-size: 1.125rem; font-style: normal; font-weight: 400; line-height: normal; float: left; margin: 0; padding: 0;}
.about-area {width: calc(33% - 25px); float: left; background: #FBFBFB; box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.25); border-left: 3px solid #7c2525; padding: 15px 0 15px 20px; margin-right: 25px; margin-bottom: 20px;}
.about-area i {width: 28px; font-size: 1.5rem; color: #6C6C6C;}
.value-small {color: #000; text-align: center; font-family: Noto Serif TC, serif; font-size: 1.25rem; font-style: normal; font-weight: 700; line-height: normal;}
.administ {padding: 0 15px 50px 35px;}
.adcademics .value-area1:nth-child(2) {border: none;}
.adcademics .value-area1 {width: 50%;}

.aboutpage h3 {color: #000; font-family: Noto Serif TC, serif; font-size: 1.25rem; font-style: normal; font-weight: 700; line-height: normal; margin: 0; padding-top: 50px;}
.aboutpage img {width: 100%; text-align: center; padding-top: 30px;}

.value-number__caption {color: #7C2525; font-family: Noto Serif TC, serif; font-size: 2rem; font-style: normal; font-weight: 700; line-height: 1.5;}

.slider-image li {width: auto !important;}
.slider-image .slick-prev {left: 0px;}
.slider-image .slick-next {right: 10px;}
.slider-image .slick-slide {width: 1070px!important;}

/* content */
h2.title {background: #F6CACD; color: #753255; font-size: 1.25rem; padding: 13px 0; text-align: center; margin-top: 0; margin-bottom: 0; font-weight: 700; letter-spacing: 0.1em;}
.content {box-sizing: border-box;}
.content h1 {font-family: 'Noto Serif TC', serif; font-weight: 900; font-size: 1.5rem; line-height: 40px; color: #000; text-align: center; margin: 0; padding-top: 20px;}

/** Home/Google Calendar **/
section.padding {padding: 0 35px}
.google-calendar {float:left; margin-right: 35px; width: 66%;}
.google-calendar iframe {height: 400px; width: 100%;}
#calendarTitle {font-family: Noto Sans TC, sans-serif; font-size: 1rem; font-weight: 500; line-height: 23px; letter-spacing: 0.05em;}

.facebook {float: right; width: calc(33% - 25px)}
/*.facebook {float: right; width: 30%}*/
.facebook iframe {height: 400px !important}

.content-title.video {margin-top: 70px}
.content-video {padding:20px 0 47px 35px;}
.content-video p {font-weight: 500; font-size: 0.9375rem; line-height: 22px; text-align: center;}
.content-video1 {float: left; margin-right: 22px; width: calc(33% - 22px)}
.content-video iframe {height: 17vw; width: 100%}

.grid-title {margin: 0; padding: 13px 0; color: #000; font-weight: 400; font-size: 1.25rem; text-align: center; background-color: rgba(255, 255, 255, 0.92);}
.grid-image--top {filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));}
.grid-item {float:left; padding-bottom: 35px; padding-right:10px; position: unset !important;}
.grid-title2 {font-weight: 400; font-size: 1.25rem; line-height: 29px; background: #753255; padding: 8px 0; color: #fff; text-align: center; margin-top: 0}
.grid-back {background-color: #F6DDEA; height: 207px; width: 49%;}
h2.grid-title:hover {background-color: #753255; color: #fff;}

/* news */
.news-area {float: left; width: 100%; align-items: center; display: flex; background: #FBFBFB; box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.25); border-left: 10px solid #7C2525; padding: 13px 0 13px 34px; margin-bottom: 20px;}
.news-area p {margin: 0;}
.news-area a {float: left; padding-top: 0; width: 46vw; margin-right: 15px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.news-title {width: 46vw; color: #000; text-align: justify; font-family: Noto Sans TC, sans-serif; font-size: 1rem; font-style: normal; font-weight: 400; line-height: normal; overflow:hidden;}
.news-time {padding: 0 18px 0 20px; color: #000; text-align: justify; font-family: Noto Sans TC, sans-serif; font-size: 1rem; font-style: normal; font-weight: 300; line-height: normal; letter-spacing: 1.6px;}
.news-link a {float: right; width: auto; position: relative; margin-left: 20px;}

.news-area1 {float: left; background: #FBFBFB; box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.25); height: 154px; margin-right: 18px; margin-bottom: 15px; text-align: justify; width: calc(50% - 10px); position: relative; display: flex; align-items: center;}
.news-area1:nth-child(odd) {margin-right: 0!important;}
.news__image {height: 154px; object-fit: cover; width: 154px; float: left; margin-right: 20px;}
.news-area1 time {float: right; font-weight: 300; font-size: 0.875rem; letter-spacing: 0.1em; color: #000; position: absolute; bottom: 10px; right: 20px;}
.news-title {padding-right: 20px; margin-top: -15px;}
.news__text{color: #000; text-align: justify; font-family: Noto Sans TC, sans-serif; font-size: 1rem; font-style: normal; font-weight: 400; line-height: normal;}


.news {padding: 30px 55px 15px;}
.text {padding-bottom: 32px;}
.text-num {background: #fff; border-radius: 8px; border-width: 3px; border-style: solid; border-color: #753255; color: #753255; display: inline-block; text-align: center; padding: 3px 27px; font-weight: 600; font-size: 1rem; letter-spacing: 0.1em; margin-top: 0;}
.text time:hover{background-color: #753255; color:#fff;}
.text h3 {display: inline-block; background-color: #F6DDEA; padding: 5px 32px; margin-top: 1px; border-radius: 8px; box-sizing: border-box; margin-left: 9px; width: 971px; font-weight: 400; font-size: 1rem; letter-spacing: 0.1em; max-width: calc(100% - 18px); vertical-align: top;}
.text h3:hover {background-color: #753255; color: #fff;}
.text-article {font-weight: 400; font-size: 1rem; line-height: 23px; letter-spacing: 0.1em; color: #000000; padding: 0 0 0 203px; margin-top: -8px; width: 90%; margin-bottom: 0;}

.main_title {font-weight: 500; font-size: 1.25rem; letter-spacing: 0.1em; color: #6A003E; white-space:nowrap; float: left; margin: 0; margin-right: 30px;}
.info {color: #6A003E;}
.news_title {border-bottom: 2.5px solid #6A003E;}
.text-size {float: right; margin-top:-40px;}
.text-size img {float: left; padding-left: 10px; cursor: pointer;}
.content {font-family: 'Noto Sans TC', sans-serif; font-style: normal; font-weight: 400; font-size: 1rem; line-height: 180%; text-align: justify; letter-spacing: 0.1em; color: #000000; margin-top: 6px; /*border-top: 1px solid #6A003E;*/}

@media print 
{
  a[href]:after { content: none !important; }
  img[src]:after { content: none !important; }
	
	.footer-upper {display: none  !important;}
	.text-article {padding-left: 0;}
	.text h3 {padding-left: 0;}
	.topimg p {display: none !important;}
	.page {display: block;}
	.slider {display: none;}
	.header-back {display: none;}
}

/* */
.page__btn li {
  box-sizing: border-box;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 20px;

  overflow-y: scroll;
  font-family: 'Noto Sans TC', sans-serif;
  font-style: normal;
  -webkit-user-select: none;
  backface-visibility: hidden;
  -webkit-font-smoothing: subpixel-antialiased;
}

 .page span {
    background: #ffffff;
    box-shadow: 0 0.8rem 2rem rgba(#5a6181, 0.05);
    border-radius: 0.6rem;
    font-size: 3rem;
    transition: all 0.3s ease;
  }

  .page span :hover {
      transform: scale(1.2);
      color: var(--primary);
    }

#app .page {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.6rem;
  margin: 0;}

  .page__numbers,
  .page__btn,
  .page__dots {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0.8rem;
    font-size: 1.4rem;
    cursor: pointer;
  }

  .page__dots {
    cursor: initial;
    border: 1px solid #FAC3DF;
    border-radius: 4px;
    padding: 4px 12px;
    font-size: 0.875rem;
  }
  
  .page__numbers {
    border: 1px solid #FAC3DF;
    border-radius: 4px;
    padding: 4px 12px;
    font-size: 0.875rem;}
    
   .page__numbers :hover {
      color: #AA045A;
      border: 2px solid #AA045A;
    }

  .page__btn {
    pointer-events: none;
    background-color:#F2BDD9;
    border-radius: 4px;
    color:#fff;
	padding: 18px 17px;}

.unit {border-radius: 10px; display: block; padding: 0 35px 50px;}
.unit>h3 {background:right #43AFB5 5%,#fff 95%; border-radius: 10px; float: left; width: calc(50% - 12px); box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.25);}
.unit h3>a {border-radius: 10px; display: block; padding: 27px 44px; font-weight: 500; font-size: 1.25rem; letter-spacing: 0.1em; color: #000000; border-left: 14px solid #43AFB5;}
.unit h3:nth-child(odd) {margin-right: 12px;}
.unit h3:nth-child(even) {margin-left: 12px;}

.unit1 {border-radius: 10px; display: block; padding: 0 35px 50px;}
.unit1>h3 {background:right #43AFB5 5%,#fff 95%; border-radius: 10px; float: left; width: calc(50% - 12px); box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.25);}
.unit1 h3>a {border-radius: 10px; display: block; padding: 27px 44px; font-weight: 500; font-size: 1.25rem; letter-spacing: 0.1em; color: #000000; border-left: 14px solid #43AFB5;}
.unit1 h3:nth-child(odd) {width: 30%; margin-right: 35px;}
.unit1 h3:nth-child(even) {width: 30%; margin-right: 35px;}
.unit1 h3:nth-child(3){ width:30% !important;}

/* footer */
.footer {margin-top: 40px;}
.footer-main {background-color: var(--alt-color); padding: 25px 20px;}
.footer-left {float: left;}
.footer-left {font-family: 'Noto Serif TC', serif; font-style: normal; font-weight: 900; line-height: 30px; letter-spacing: 0.1em; color: #fff; font-size: 1.125rem; padding-top: 0;}
.footer-left p{font-family: 'Noto Sans TC', sans-serif; font-style: normal; font-weight: 300; font-size: 0.875rem; line-height: 180%; letter-spacing: 0.05em; color: #fff; margin: 0; padding-top: 20px; text-align: justify;}
.footer-left a{font-family: 'Noto Sans TC', sans-serif; font-style: normal; font-weight: 300; font-size: 1rem; line-height: 30px; letter-spacing: 0.1em; color: #fff; margin: 0; display: flex; align-items: center;}
.footer-left img {padding-right: 20px; width: 190px;}
.footer-left p>a {display: inline-block;}
.declaration {padding-top: 20px;}
.declaration a {display: inline-block;}
a.footer-copyrights {font-size: 0.875rem}

.personal-declaration {font-size: 1rem; text-align: justify;}
.personal-declaration h2 {margin: 10px 0 15px; font-size: 1.125rem; background: var(--main-color); color: #fff; padding: 5px 10px; font-weight: 500;}
.personal-declaration div {padding-bottom: 20px; line-height: 170%;}
.personal-declaration div:last-child {padding-bottom: 0px;}

/* Accessibility */
.element-focusable,
.element-invisible,
.breadcrumb__title,
.event-details__registration.is-collapsed,
.form-checkbox,
.form-radio,
.pane--facets-group .pane__title.is-collapsed+.pane__content,
.pane--search-form .views-widget--filter-search_api_views_fulltext .views-widget__label {
    border: 0;
    clip: rect(0,0,0,0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute; width: 1px; z-index: 2;
}

.element-focusable:active,
.element-focusable:focus {
    background: var(--main-color); clip: auto; color: #fff; height: auto;
    margin: 2px 0; overflow: visible; padding: 20px; width: auto;
}

.element-hidden {
    display: none;
}

.stamp-entry-btn {
    align-items:center; background-color: var(--main-color); border-radius:5px;
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.5), 0 2px 4px rgba(0,0,0,0.2);
    color:#fff; display:inline-flex; gap:14px;
    height:78px; padding:0 24px; text-decoration: none; width: 100%; margin-top: 20px
}
.stamp-entry-btn.loggedin {background: #346ABC;}
.stamp-entry-btn i { font-size:2.5rem; line-height:1; margin-right: 8px }
.stamp-entry-text { font-size:1.375rem; font-weight:800; line-height:1.75rem; margin-left: auto; }
.stamp-entry-btn:hover { background-color:#157a8a; }

/* ===== css/rwd.css ===== */


/* MENU BREAKPOINT */
/* 手機版 */
@media (max-width: 767px) {	
	#nav > ul {top: 65px}
	.logo img {width: 210px;}
	.home .slogan {left: 5vw; bottom: 5vw; right: auto; padding: 10px 20px; font-size: 1.125rem;}
	.home .slogan i {font-size: 25px; padding-left: 8px;}
	.slogan {right: 5vw; padding: 10px 20px; font-size: 1.125rem;}
	.slogan i {font-size: 25px; padding-left: 8px;}
	.page-slogan { line-height: 25px; left: 20px; top: 60px; width: 90%; padding-top: 10px;}
	
    /** HEADER **/

	.hero-area {width: 100%}
	.header-link {display: none !important}
	.hero__text {height: 92px; overflow: hidden; white-space: wrap; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4;}
	.hero-left time {font-size: 1.125rem;}
	.contentarea {padding: 50px 10px 50px 10px;}
	.contentarea1 {padding: 30px 20px 50px 20px;}
	.unit {padding: 0 20px;}
	.unit h3, .unit1>h3 {margin-left: 0 !important; margin-right: 0 !important; width: 100% !important}
	.unit1 h3:nth-child(3) {width: 100% !important}
	.unitarea-admissions__en {padding: 0px 20px 15px 20px;}

	.hero h2 {text-align: center; width: 100%; padding-bottom: 15px}

	.link__title li {flex: 0 0 100%}
	.link__title h2, h2.link {padding: 20px;}
	.link__title {padding-left: 40px; padding-right: 20px;}
	
	.sitemap-title h1 {text-align: left; margin: 0;}
	.sitemap-content {margin: 0;}
	.bread {margin-left: 20px;}
	/*.service__right-title*/  
	.footer-left {width: 100% !important; float: left;} 
	.footer-right {width: 100% !important; float: left; margin: 0; padding-top: 20px;}
	.footer-mark {margin-top: 20px; float: left;}
	.footer-mark img {margin-left: 0; margin-right: 15px;}
	.footer-upper {display: block; padding: 30px 20px 30px 20px;}
	.footer-lower {display: block; padding: 20px 20px 30px 20px;}
	.footer-title {display: block;}
	
	.inbox__table > input {width: 100%;}
	.inbox__table textarea {width: 100% !important;}
	.inbox__text, .inbox__table {width: 100%;}
	.link h2 {margin-top: 40px;}
	.goTop {bottom: 20px; right: 15px;}
	#record th {padding: 10px 5px;}
	.slide {height: 50vw;}
    .radio div:last-child {width: 100%;}
	
	ol.ranks {padding-left: 20px}
	ol.ranks li {font-size: 0.9375rem !important}
	
	a.stamp-unit-card {padding: 12px 7px}
	a.stamp-unit-map span {margin-right: -5px;}
	a.stamp-unit-map {right: 14px}
}

@media (max-width: 700px) {
	.recommend-news time {flex-basis: 20%;}
	.recommend-news a {flex-basis: 80%;}
	.fancybox-content {width: 100% !important;}
}

@media (max-width: 664px) {
	.menu-bottom span {margin-right: 5px; width: calc(100% - 60px);}
}

@media (max-width: 650px) {
	.item {width: 100%; margin-right: 0;}
	.item2 {width: calc(50% - 10px); margin-right: 10px; flex-wrap: wrap; padding: 0; height: auto; justify-content: center;}
	.item2 img {width: 100%; padding: 0; border-radius: 4px 4px 0 0;}
	.firsttabs .ui-tabs .ui-tabs-nav li {width: calc(50% - 10px);}
	.firsttabs .ui-tabs .ui-tabs-nav li:nth-child(3n) {margin-right: 10px!important;}
	.firsttabs .ui-tabs .ui-tabs-nav li:nth-child(2n) {margin-right: 0px!important;}
	.learn-content img {height: 40vh;}
	.mapid {width: 100%!important;}
	.mapid:nth-child(3) {margin: 15px 0 0;}
	#language3 .learn-text {margin-top: 110px !important;}
	.time-range label {margin-bottom: 10px;}
}

@media (max-width: 644px) {
	.menu-bottom span {margin-right: 0px; width: 84px;}
}

@media (max-width: 600px) {
	#nav > ul {top: 65px;}
	.page-slogan {top: 45px;}
	.news-more {display: flex; flex-wrap: wrap; padding: 0;}
	.news-more ul {flex-basis: 100%; margin-bottom: 35px;}
	.news-more a {flex-basis: 100%; text-align: center;}
	.parking-link a {width: 100%; margin-right: 0;}
	.learn-content img {height: 35vh;}
	.barcode-left {padding: 0 20px 0 10px;}
	.qrcode__background p {text-align: justify;}
}	

@media (max-width: 570px) {
	.tickets-area span {left: 11%; top: 65%;}
}

@media (max-width: 550px) {
	.recommend-news time {flex-basis: 25%;}
	.recommend-news a {flex-basis: 75%;}
	.radio div {width: 50%;}
	.map__background {height: calc(0.53*(238vw - 17px));}
}

@media (max-width: 500px) {
	.home .slogan {font-size: 1rem; left: 3vw; right: 3vw; bottom: 0vw; display: flex; justify-content: center; align-items: center; padding: 10px 10px;}
	.home .slogan i {font-size: 1rem;}
	.page-slogan {padding-top: 0; top: 20px;}
	.slide {max-height: 100vh;}
	.learn-content img {height: 30vh;}
	.barcode-left {padding: 0 20px 0 0;}
	.barcode-right {padding: 0;}
	.name {font-size: 1.125rem;}
	.name .member, .expiry {font-size: 0.75rem;}
	.points {font-size: 0.875rem;}
	.points span {font-size: 2rem;}
	.hotspot-text {width: calc(48% - 15px);}
	.myproduct-content2 img {width: calc(40% - 15px); margin-right: 12px; height: 165px;}
	.myproduct-content2 h3 {padding: 12px 0 5px 0;}
	.recommend-content img {width: 100%;}
	.dividend-left {width: 100%;}
	.dividend-right {display: none;}
	.movie__title {width: 100%; margin-bottom: 10px;}
	.movie__select, .time__select {width: 100%; justify-content: center; margin-left: 10px;}
	.mytickets-left {width: 35%;}
	.mytickets-right {padding-left: 10px; width: 65%;}
	.hotspot-left img {width: 100%;}
	a.footer-copyrights {width: 100%;}
}

@media (max-width: 480px) {
	.tickets-area span {left: 11%; top: 76%;}
}

@media (max-width: 460px) {
	.product img {width: 100%;}
	a#ui-id-1 span, a#ui-id-3 span {display: none;}
}

@media (max-width: 450px) {
	#menu-hamburger {right: 20px;}
	.container {padding: 12px 20px;}
	.header-upper .nav__item {margin-left: 2px;}
	.home .hero-left {width: 60%; padding-right: 10px;}
	.home .hero-right {width: 40%;}
	.firsttabs .ui-tabs .ui-tabs-nav li {width: 100%; margin-right: 0!important;}
	.firsttabs .ui-tabs .ui-tabs-nav li:nth-child(3n) {margin-right: 0!important;}
	.learn-text {margin-top: 105px;}
	.recommend-news {border-bottom: 1px solid #000; padding-bottom: 10px;}
	.recommend-news time {flex-basis: 100%;}
	.recommend-news a {flex-basis: 100%; padding-top: 10px; height: 30px;}
	.form-control1 {width: calc(33% - 10px); margin-right: 10px;}
	.exhibit-right a {width: calc(80% - 10px); padding: 8px;}
	.map__background [class^=exhibitmap] {height: 15%; width: 20%;}
	.exhibitmap__A {left: 26%; top: 1%;}
	.exhibitmap__B {right: 16%; top: 10%;}
	.exhibitmap__C {left: 12%; top: 34%;}
	.exhibitmap__E {left: 13%; bottom: 24%;}	 
	.shopping-content img {width: calc(40% - 15px);}
	.shopping-text {width: 60%;}
	.shopping-price {display: flex; align-items: center; flex-wrap: wrap;}
	.total-price {width: 100%; padding-top: 10px; padding-left: 0; padding-bottom: 15px;}
	.amount {width: 100%;}
	.online__shopping {display: flex; flex-wrap: wrap; justify-content: center;}
	.online__shopping>input {float: none;}
	.time-range div {padding-right: 0px;}
	.online__shopping form {width: 100%;}
	.dividend-left {padding: 15px;}
	.search-point div {flex-basis: 100%;}
	.points-time {flex-basis: 100%; text-align: left;}
	/*.parking-content1 {width: 100%;}*/
	div#exchange-tabs li {width: 33%;}
	.mytickets-left {width: 40%;}
	.mytickets-right {width: 60%;}
	/*.mytickets-right .mytickets-total {margin: -45px 0 0px 0;}
	.mytickets-content3 .mytickets-right .mytickets-total {margin: -35px 0 0px 0;}*/
	
	.parking-content1 .parking-title {font-size: 0.8rem;}
	.parking-content1 span {font-size: 10px;}
	.parking-area1 {font-size: 1.8rem;}
	.park1 {font-size: 0.7rem;}
	#language3 .learn-text {margin-top: 170px !important;}
	.fancybox-content {margin-top: 75px !important;}
	.mytickets-left h4 {width: auto; font-size: 0.6rem;}
	.myproduct-content2 img {height: 175px;}
}

@media (max-width: 440px) {
	.ticket-date div:first-child {display: none;}
	.header-upper span {display: none;}
}
	
@media (max-width: 420px) {
	.activity-area time,.activity-area a {flex-basis: 100%;}
	.hero-left {width: 60%;}
	.hero-right {width: 40%;}
	.park {position: initial; justify-content: flex-end; width: 100%; padding-right: 12px;}
	/*.parking-area {width: 50%;}*/
	.namearea img {padding-right: 10px;}
	.expiry {padding-bottom: 0;}
	.menu-bottom a {width: 33%;}
	.twoversion a {width: 25%;}
	.parking-content2 {width: 100%;}
	.barcode-left img {width: 100%;}
	/*.barcode-link a {width: 100%; margin: 0 0 15px 0; display: flex; justify-content: center; align-items: center;}
	.barcode-link i {width: auto; padding: 0 10px 0 0;}*/
	.map__background {height: calc(0.53*(237vw - 17px));}
	.time-range div {width: 100%; margin-bottom: 10px; margin-right: 0;}
	.time-range label {margin-bottom: 0px; width: 40%;}
	.time-range .hasDatepicker {width: 60% !important;}
	.mytickets-bottom img {width: 100%;}
	.mytickets-content button,.mytickets-content3 button,.mytickets-content4 button {padding: 5px 15px;}
	.mytickets-right .use {padding: 5px 15px;}
	/*#exchange-tabs .ui-state-active a:link {padding: 10px 10px !important; display: inline-flex; justify-content: center; align-items: center; flex-wrap: wrap; height: 60px !important;}
	#exchange-tabs .sorting {padding: 10px 10px !important; display: inline-flex; justify-content: center; align-items: center; flex-wrap: wrap; height: 60px !important;}*/
	.sorting span {display: none;}
	.item2 {width: 100%; margin-right: 0; padding: 0; height: 160px; justify-content: left;}
	.item2 img {padding: 0 15px 0 0; width: 170px;}
	/* 英文版：分類名稱較長 (Telecommunications、Books and Documents)，不換到圖片下方，於右側換行 */
	html[lang="en"] .item2 {flex-wrap: nowrap;}
	html[lang="en"] .item2 img {flex-shrink: 0;}
	html[lang="en"] .item2 h2 {flex: 1 1 0; min-width: 0; padding-right: 10px; overflow-wrap: anywhere; hyphens: auto;}
}

@media (max-width: 400px) {
	.breadcrumb a {width: 180px;}
	.footer-left p {text-align: left;}
	.learn-content img {height: 25vh;}
	.hotspot-text {width: calc(55% - 15px); margin-right: 10px;}
	.qrcode__background img {width: 100%;}
	.myproduct-content2 .remind {padding-bottom: 10px;}
	.inspection select {width: 100%;}
	.tickets-shopping a {padding: 20px 2px;}
	.home .hero-left img {width: 210px;}
	.tickets-area span {left: 10%;}
	.menu .btn-large {font-size: 1.3rem}
	.menu .btn-large span i {font-size: 2rem}
}

@media (max-width: 389px) {
	.radio div {width: 100%;}
	.stamp-entry-btn i { font-size:2.2rem; margin-right: 5px }
}

@media (max-width: 380px) {
	.hero-left img {width: 110%;}
    .compensate-for-scrollbar {margin-right: 17px !important;}
	.fancybox img {width: 100%;}
	.barcode-left img {width: 110%;}
	.mytickets-left h3 {font-size: 1.125rem;}
	/*.mytickets-right .mytickets-total {margin: -50px 0 10px 0;}*/
	.twoversion a {font-size: 0.9rem;}
	.home .hero-left img {width: 100% !important}
}

@media (max-width: 370px) {
	.size {width: 100%;}
	.price {width: 100%; text-align: left; float: left; padding-top: 10px;}
	.price1 {width: 100%; text-align: left; float: left; padding-top: 10px;}
	
	.stamp-entry-btn i { margin-right: 4px }
}


@media (max-width: 350px) {
	.breadcrumb a {width: 165px;}
	.tickets-shopping a {width: 100%; margin-right: 0;}
}

/* ===== css/stamp.css ===== */


@media (max-width: 1366px) {
	
}
.hero.stamp {align-items: normal}
.stamp .people {float: unset}

.stamp-route-card {
    align-items: flex-start; background: #fff; border: 0.0625rem solid #188196;
    border-radius: 0.3125rem; box-sizing: border-box; color: #000;
    display: flex; gap: 1rem; margin: 0.75rem auto;
    padding: 1rem; text-decoration: none; width: 100%; position:relative;
}

.stamp-route-body {
    display: flex; flex: 1; flex-direction: column;
    gap: 0.625rem; min-width: 0;
}

.stamp-route-icon {
    object-fit: cover; width: 4.25rem; 
}

.stamp-route-title {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    width: 100%;
}

.stamp-route-title-pill {
    background: #188196; border-radius: 0.3125rem; box-shadow: 0 0.1875rem 0 rgba(0,0,0,0.15);
    color: #fff; font-size: 1rem; font-weight: 700;
    line-height: 1.25rem; padding: 0.375rem 0.875rem;
    
	flex: 1 1 auto;
    min-width: 0;
}

.stamp-route-point {
    border: 0.0625rem solid #ff8a00; border-radius: 0.25rem;
	color: #ff8a00;
    font-size: 0.75rem; line-height: 1rem; margin-left: auto;
    padding: 0.25rem 0.5rem; white-space: nowrap;
}

.stamp-route-desc {
    color: #000; font-size: 0.875rem; line-height: 1.25rem; text-align: left;
}

.stamp-route-desc-muted {
    color: #6b6b6b; font-size: 0.8125rem; line-height: 1.125rem;
}

.stamp-route-desc-strong {
    color: #000; font-size: 0.9375rem; font-weight: 700;
    line-height: 1.25rem;
}

.stamp .stamp-my-btn {
    align-items:center; display:inline-flex; gap:0.5rem; justify-content:center; margin-top:0.375rem;
    height:2.25rem; padding:0 0.875rem;
    background-color:#188196; border:0.0625rem solid #157a8a; border-radius:0.375rem;
    color:#ffffff; font-size:0.875rem; font-weight:700; line-height:1.125rem;
    box-shadow:inset 0 0.0625rem 0 rgba(255,255,255,0.25), 0 0.125rem 0.25rem rgba(0,0,0,0.15); text-decoration: none; white-space:nowrap;
    transition:background-color 0.2s ease, box-shadow 0.2s ease;
}

.stamp .stamp-route-card.is-completed {
    background-color:#eef8f9;
    border-color:#8bc9d1;
}

// Stamp Route
.stamp .stamp-unit-list { margin:16px auto 0; padding:0 16px; }

.stamp-route-icon-wrap {aspect-ratio: 3.4 / 1; overflow: hidden;}
.stamp-route-iconpath {width: 100%; height: 100%; object-fit: cover;}

/* =========================
   Stamp Unit Card (Root)
   ========================= */
.stamp-unit-card {
  align-items:center;   gap:12px;
  border:1px solid #1e8a9a;
  border-radius:5px;
  display:flex; 
  padding:12px 14px; position: relative; margin-bottom: 12px;
}

.stamp-unit-card .checked { display:none; }
.stamp-unit-card.is-completed .box { display:none; }
.stamp-unit-card.is-completed .checked { display:block; }

/* =========================
   Checkbox (Left)
   ========================= */
.stamp-unit-checkbox {
  align-items:center;
  display:flex;
  flex-shrink:0;
}



/* =========================
   Content Wrapper (Center)
   ========================= */
.stamp-unit-content {
  display:flex;
  flex:1;
  flex-direction:column;
  gap:4px;
}


/* =========================
   Floor Info
   ========================= */
.stamp-unit-floor {
  color:#555;
  font-size:0.75rem;
  line-height:1.125rem;
}
.stamp-unit-name { font-size:1rem;  font-weight:600;  line-height:1.5rem; }



/* =========================
   Route Icon (Right)
   ========================= */
.stamp-unit-icon {
  align-items:center;
  display:flex;
  flex-shrink:0;
  justify-content:center;
  width:58px; margin-left: auto;
}

.stamp-unit-icon img { width:40px; }

.stamp-unit-hall {background: #188196; color: #fff; min-width: 217px; font-size: 1rem; line-height: 1.2rem;
	display: flex; align-items: center; font-weight: bold;
	padding: 6px 12px 6px 0; max-width: calc(100vw - 200px);
}
.stamp-unit-hall-icon {margin: auto 10px auto 17px}
	
.stamp.stamp-route .stamp-unit-card.is-completed {
    background-color:#eef8f9; border-color:#8bc9d1;
}

.stamp-redeem-btn {
  background-color:#346ABC;
  border:0;
  border-radius:5px;
  color:#fff;
  font-size:1rem;
  font-weight:600;
  height:40px;
  line-height:1.5rem; display: block; margin: auto;
  max-width: 389px; width: 100%;
}
.stamp-redeem-btn.is-disabled {
  background-color:#346ABC;
  cursor:not-allowed;
  opacity:0.34;
}

.stamp-route-status {
    bottom:0px;
    position:absolute;
    right:12px;
}
 .stamp-route-status img { height:32px;  width:auto; }

.points {text-align: right}

.stamp-unit-container {position: relative}

.stamp-unit-map {
    position: absolute; right: 21px; top: 18px;
    color:#188196;
    font-size:33px;
    font-weight:900;
    text-decoration:none;
}
.stamp-unit-map span {color: #727171; font-size:20px; display: inline-block; padding-top: 4px; vertical-align: top}
#floor-map-image {width: 100%}


















/* ===== css/fontawesome/fa-subset.css ===== */
/*!
 * Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2023 Fonticons, Inc.
 */
/* 精簡版，由 build-fontawesome.js 自動產生，請勿直接修改 */

.fa{font-family:var(--fa-style-family,"Font Awesome 6 Free");font-weight:var(--fa-style,900)}.fa,.fa-brands,.fa-classic,.fa-regular,.fa-sharp,.fa-solid,.fab,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.fa-classic,.fa-regular,.fa-solid,.far,.fas{font-family:"Font Awesome 6 Free"}.fa-brands,.fab{font-family:"Font Awesome 6 Brands"}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-2xs{font-size:.625em;line-height:.1em;vertical-align:.225em}.fa-xs{font-size:.75em;line-height:.08333em;vertical-align:.125em}.fa-sm{font-size:.875em;line-height:.07143em;vertical-align:.05357em}.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:-.075em}.fa-xl{font-size:1.5em;line-height:.04167em;vertical-align:-.125em}.fa-2xl{font-size:2em;line-height:.03125em;vertical-align:-.1875em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:var(--fa-li-margin,2.5em);padding-left:0}.fa-ul>li{position:relative}.fa-li{left:calc(var(--fa-li-width, 2em)*-1);position:absolute;text-align:center;width:var(--fa-li-width,2em);line-height:inherit}.fa-border{border-radius:var(--fa-border-radius,.1em);border:var(--fa-border-width,.08em) var(--fa-border-style,solid) var(--fa-border-color,#eee);padding:var(--fa-border-padding,.2em .25em .15em)}.fa-pull-left{float:left;margin-right:var(--fa-pull-margin,.3em)}.fa-pull-right{float:right;margin-left:var(--fa-pull-margin,.3em)}.fa-beat{-webkit-animation-name:fa-beat;animation-name:fa-beat;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,ease-in-out);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-bounce{-webkit-animation-name:fa-bounce;animation-name:fa-bounce;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))}.fa-fade{-webkit-animation-name:fa-fade;animation-name:fa-fade;-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-beat-fade,.fa-fade{-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s)}.fa-beat-fade{-webkit-animation-name:fa-beat-fade;animation-name:fa-beat-fade;-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-flip{-webkit-animation-name:fa-flip;animation-name:fa-flip;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,ease-in-out);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-shake{-webkit-animation-name:fa-shake;animation-name:fa-shake;-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,linear);animation-timing-function:var(--fa-animation-timing,linear)}.fa-shake,.fa-spin{-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal)}.fa-spin{-webkit-animation-name:fa-spin;animation-name:fa-spin;-webkit-animation-duration:var(--fa-animation-duration,2s);animation-duration:var(--fa-animation-duration,2s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,linear);animation-timing-function:var(--fa-animation-timing,linear)}.fa-spin-reverse{--fa-animation-direction:reverse}.fa-pulse,.fa-spin-pulse{-webkit-animation-name:fa-spin;animation-name:fa-spin;-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,steps(8));animation-timing-function:var(--fa-animation-timing,steps(8))}@media (prefers-reduced-motion:reduce){.fa-beat,.fa-beat-fade,.fa-bounce,.fa-fade,.fa-flip,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse{-webkit-animation-delay:-1ms;animation-delay:-1ms;-webkit-animation-duration:1ms;animation-duration:1ms;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s}}@-webkit-keyframes fa-beat{0%,90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(var(--fa-beat-scale,1.25))}}@keyframes fa-beat{0%,90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(var(--fa-beat-scale,1.25))}}@-webkit-keyframes fa-bounce{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}10%{-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{-webkit-transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{-webkit-transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em));transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@keyframes fa-bounce{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}10%{-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{-webkit-transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{-webkit-transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em));transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@-webkit-keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@-webkit-keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));transform:scale(var(--fa-beat-fade-scale,1.125))}}@keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));transform:scale(var(--fa-beat-fade-scale,1.125))}}@-webkit-keyframes fa-flip{50%{-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@keyframes fa-flip{50%{-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@-webkit-keyframes fa-shake{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}4%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}8%,24%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}12%,28%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}20%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}32%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}36%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}40%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes fa-shake{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}4%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}8%,24%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}12%,28%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}20%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}32%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}36%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}40%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1);transform:scale(-1)}.fa-rotate-by{-webkit-transform:rotate(var(--fa-rotate-angle,none));transform:rotate(var(--fa-rotate-angle,none))}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%;z-index:var(--fa-stack-z-index,auto)}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:var(--fa-inverse,#fff)}

.fa-0:before{content:"\30"}.fa-info:before{content:"\f129"}.fa-circle-minus:before,.fa-minus-circle:before{content:"\f056"}.fa-school-circle-exclamation:before{content:"\e56c"}.fa-users-rectangle:before{content:"\e594"}.fa-caret-right:before{content:"\f0da"}.fa-pen-ruler:before,.fa-pencil-ruler:before{content:"\f5ae"}.fa-swatchbook:before{content:"\f5c3"}.fa-circle-exclamation:before,.fa-exclamation-circle:before{content:"\f06a"}.fa-headphones-alt:before,.fa-headphones-simple:before{content:"\f58f"}.fa-sitemap:before{content:"\f0e8"}.fa-circle-dollar-to-slot:before,.fa-donate:before{content:"\f4b9"}.fa-check-square:before,.fa-square-check:before{content:"\f14a"}.fa-users:before{content:"\f0c0"}.fa-stamp:before{content:"\f5bf"}.fa-school:before{content:"\f549"}.fa-angle-right:before{content:"\f105"}.fa-user:before{content:"\f007"}.fa-bullhorn:before{content:"\f0a1"}.fa-star:before{content:"\f005"}.fa-passport:before{content:"\f5ab"}.fa-map-location-dot:before,.fa-map-marked-alt:before{content:"\f5a0"}.fa-handshake:before{content:"\f2b5"}.fa-check-circle:before,.fa-circle-check:before{content:"\f058"}.fa-user-tie:before{content:"\f508"}.fa-seedling:before,.fa-sprout:before{content:"\f4d8"}.fa-atlas:before,.fa-book-atlas:before{content:"\f558"}.fa-language:before{content:"\f1ab"}.fa-file-signature:before{content:"\f573"}.fa-file-contract:before{content:"\f56c"}.fa-screwdriver-wrench:before,.fa-tools:before{content:"\f7d9"}.fa-arrow-alt-circle-up:before,.fa-circle-up:before{content:"\f35b"}.fa-wallet:before{content:"\f555"}.fa-parking:before,.fa-square-parking:before{content:"\f540"}.fa-pen:before{content:"\f304"}.fa-phone:before{content:"\f095"}.fa-pen-fancy:before{content:"\f5ac"}.fa-headphones:before{content:"\f025"}.fa-comment-dollar:before{content:"\f651"}.fa-envelope:before{content:"\f0e0"}.fa-circle-info:before,.fa-info-circle:before{content:"\f05a"}.fa-calendar-check:before{content:"\f274"}.fa-cart-shopping:before,.fa-shopping-cart:before{content:"\f07a"}.fa-folder-tree:before{content:"\f802"}.fa-ticket:before{content:"\f145"}.fa-home-alt:before,.fa-home-lg-alt:before,.fa-home:before,.fa-house:before{content:"\f015"}.fa-cutlery:before,.fa-utensils:before{content:"\f2e7"}.fa-sun:before{content:"\f185"}.fa-angle-down:before{content:"\f107"}.fa-toolbox:before{content:"\f552"}.fa-bed:before{content:"\f236"}.fa-location-dot:before,.fa-map-marker-alt:before{content:"\f3c5"}.fa-list-check:before,.fa-tasks:before{content:"\f0ae"}.fa-computer:before{content:"\e4e5"}.fa-chalkboard-teacher:before,.fa-chalkboard-user:before{content:"\f51c"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-cogs:before,.fa-gears:before{content:"\f085"}.fa-qrcode:before{content:"\f029"}.fa-calendar:before{content:"\f133"}.fa-circle-plus:before,.fa-plus-circle:before{content:"\f055"}.fa-book:before{content:"\f02d"}.fa-angle-left:before{content:"\f104"}.fa-briefcase:before{content:"\f0b1"}.fa-thumbs-up:before{content:"\f164"}.fa-print:before{content:"\f02f"}
.fa-sr-only,.fa-sr-only-focusable:not(:focus),.sr-only,.sr-only-focusable:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:host,:root{--fa-style-family-brands:"Font Awesome 6 Brands";--fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands"}.fa-brands,.fab{font-weight:400}:host,:root{--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Free"}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:400;font-display:swap;src:url(/css/webfonts/fa-regular-400.subset.woff2) format("woff2")}.fa-regular,.far{font-weight:400}:host,:root{--fa-style-family-classic:"Font Awesome 6 Free";--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Free"}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:swap;src:url(/css/webfonts/fa-solid-900.subset.woff2) format("woff2")}.fa-solid,.fas{font-weight:900}

/* ===== Content/PagedList.css ===== */
.pagination-container{
    text-align:center;
}

.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.428571429;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  color:#000;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-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:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  background-color: #eeeeee;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #BA531A;
  border-color: #BA531A;
}

.pagination > .disabled > span,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #999999;
  cursor: not-allowed;
  background-color: #ffffff;
  border-color: #dddddd;
}

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 1.125rem;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-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: 0.75rem;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-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:before,
.pager:after {
  display: table;
  content: " ";
}

.pager:after {
  clear: both;
}

.pager:before,
.pager:after {
  display: table;
  content: " ";
}

.pager:after {
  clear: both;
}

.pager li {
  display: inline;
}

.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 15px;
}

.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}

.pager .next > a,
.pager .next > span {
  float: right;
}

.pager .previous > a,
.pager .previous > span {
  float: left;
}

.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #999999;
  cursor: not-allowed;
  background-color: #ffffff;
}