/*! * froala_editor v2.9.8 (https://www.froala.com/wysiwyg-editor) * License https://froala.com/wysiwyg-editor/terms/ * Copyright 2014-2020 Froala Labs */ .clearfix::after{clear:both;display:block;content:"";height:0}.hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.fr-element,.fr-element:focus{outline:0 solid transparent}.fr-box.fr-basic .fr-element{color:#000;padding:16px;box-sizing:border-box;overflow-x:auto;min-height:52px}.fr-box.fr-basic.fr-rtl .fr-element{text-align:right}.fr-element{background:0 0;position:relative;z-index:2;-webkit-user-select:auto}.fr-element a{user-select:auto;-o-user-select:auto;-moz-user-select:auto;-khtml-user-select:auto;-webkit-user-select:auto;-ms-user-select:auto}.fr-element.fr-disabled{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}.fr-element [contenteditable=true]{outline:0 solid transparent}.fr-box a.fr-floating-btn{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;height:32px;width:32px;background:#fff;color:#1e88e5;-webkit-transition:background .2s ease 0s,color .2s ease 0s,transform .2s ease 0s;-moz-transition:background .2s ease 0s,color .2s ease 0s,transform .2s ease 0s;-ms-transition:background .2s ease 0s,color .2s ease 0s,transform .2s ease 0s;-o-transition:background .2s ease 0s,color .2s ease 0s,transform .2s ease 0s;outline:0;left:0;top:0;line-height:32px;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);text-align:center;display:block;box-sizing:border-box;border:0}.fr-box a.fr-floating-btn svg{-webkit-transition:transform .2s ease 0s;-moz-transition:transform .2s ease 0s;-ms-transition:transform .2s ease 0s;-o-transition:transform .2s ease 0s;fill:#1e88e5}.fr-box a.fr-floating-btn i,.fr-box a.fr-floating-btn svg{font-size:14px;line-height:32px}.fr-box a.fr-floating-btn.fr-btn+.fr-btn{margin-left:10px}.fr-box a.fr-floating-btn:hover{background:#ebebeb;cursor:pointer}.fr-box a.fr-floating-btn:hover svg{fill:#1e88e5}.fr-box .fr-visible a.fr-floating-btn{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}iframe.fr-iframe{width:100%;border:0;position:relative;display:block;z-index:2;box-sizing:border-box}.fr-wrapper{position:relative;z-index:1}.fr-wrapper::after{clear:both;display:block;content:"";height:0}.fr-wrapper .fr-placeholder{position:absolute;font-size:12px;color:#aaa;z-index:1;display:none;top:0;left:0;right:0;overflow:hidden;pointer-events:none}.fr-wrapper.show-placeholder .fr-placeholder{display:block;position:relative}.fr-wrapper ::-moz-selection{background:#b5d6fd;color:#000}.fr-wrapper ::selection{background:#b5d6fd;color:#000}.fr-box.fr-basic .fr-wrapper{background:#fff;border:0;border-top:0;top:0;left:0}.fr-box.fr-basic.fr-top .fr-wrapper{border-top:0;border-radius:0 0 2px 2px;-moz-border-radius:0 0 2px 2px;-webkit-border-radius:0 0 2px 2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16)}.fr-box.fr-basic.fr-bottom .fr-wrapper{border-bottom:0;border-radius:2px 2px 0 0;-moz-border-radius:2px 2px 0 0;-webkit-border-radius:2px 2px 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;box-shadow:0 -1px 3px rgba(0,0,0,.12),0 -1px 1px 1px rgba(0,0,0,.16)}@media (min-width:992px){.fr-box.fr-document{min-width:calc(21cm + 30px + 30px)}.fr-box.fr-document .fr-wrapper{text-align:left;padding:30px;min-width:21cm;background:#EFEFEF}.fr-box.fr-document .fr-wrapper .fr-element{text-align:left;background:#FFF;width:21cm;margin:auto;min-height:26cm!important;padding:1cm 2cm;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);z-index:auto}.fr-box.fr-document .fr-wrapper .fr-element hr{margin-left:-2cm;margin-right:-2cm;background:#EFEFEF;height:1cm;outline:0;border:0}.fr-box.fr-document .fr-wrapper .fr-element img{z-index:1}}.fr-tooltip{position:absolute;top:0;left:0;padding:0 8px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;box-shadow:0 3px 6px rgba(0,0,0,.16),0 2px 2px 1px rgba(0,0,0,.14);background:#222;color:#fff;font-size:11px;line-height:22px;font-family:Arial,Helvetica,sans-serif;-webkit-transition:opacity .2s ease 0s;-moz-transition:opacity .2s ease 0s;-ms-transition:opacity .2s ease 0s;-o-transition:opacity .2s ease 0s;-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"alpha(Opacity=0)";left:-3000px;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;z-index:2147483647;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fr-tooltip.fr-visible{-webkit-opacity:1;-moz-opacity:1;opacity:1;-ms-filter:"alpha(Opacity=0)"}.fr-toolbar .fr-btn-wrap,.fr-popup .fr-btn-wrap{float:left;white-space:nowrap;position:relative}.fr-toolbar .fr-btn-wrap.fr-hidden,.fr-popup .fr-btn-wrap.fr-hidden{display:none}.fr-toolbar .fr-command.fr-btn,.fr-popup .fr-command.fr-btn{background:0 0;color:#222;-moz-outline:0;outline:0;border:0;line-height:1;cursor:pointer;text-align:left;margin:0 2px;-webkit-transition:background .2s ease 0s;-moz-transition:background .2s ease 0s;-ms-transition:background .2s ease 0s;-o-transition:background .2s ease 0s;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;z-index:2;position:relative;box-sizing:border-box;text-decoration:none;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;float:left;padding:0;width:38px;height:38px}.fr-toolbar .fr-command.fr-btn::-moz-focus-inner,.fr-popup .fr-command.fr-btn::-moz-focus-inner{border:0;padding:0}.fr-toolbar .fr-command.fr-btn.fr-btn-text,.fr-popup .fr-command.fr-btn.fr-btn-text{width:auto}.fr-toolbar .fr-command.fr-btn i,.fr-popup .fr-command.fr-btn i,.fr-toolbar .fr-command.fr-btn svg,.fr-popup .fr-command.fr-btn svg{display:block;font-size:14px;width:14px;margin:12px;text-align:center;float:none}.fr-toolbar .fr-command.fr-btn span.fr-sr-only,.fr-popup .fr-command.fr-btn span.fr-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.fr-toolbar .fr-command.fr-btn span,.fr-popup .fr-command.fr-btn span{font-size:14px;display:block;line-height:17px;min-width:34px;float:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;height:17px;font-weight:700;padding:0 2px}.fr-toolbar .fr-command.fr-btn img,.fr-popup .fr-command.fr-btn img{margin:12px;width:14px}.fr-toolbar .fr-command.fr-btn.fr-active,.fr-popup .fr-command.fr-btn.fr-active{color:#1e88e5;background:0 0}.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection,.fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection{width:auto}.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection span,.fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection span{font-weight:400}.fr-toolbar .fr-command.fr-btn.fr-dropdown i,.fr-popup .fr-command.fr-btn.fr-dropdown i,.fr-toolbar .fr-command.fr-btn.fr-dropdown span,.fr-popup .fr-command.fr-btn.fr-dropdown span,.fr-toolbar .fr-command.fr-btn.fr-dropdown img,.fr-popup .fr-command.fr-btn.fr-dropdown img,.fr-toolbar .fr-command.fr-btn.fr-dropdown svg,.fr-popup .fr-command.fr-btn.fr-dropdown svg{margin-left:8px;margin-right:16px}.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active,.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active{color:#222;background:#d6d6d6}.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover,.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover,.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:focus,.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:focus{background:#d6d6d6!important;color:#222!important}.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover::after,.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover::after,.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:focus::after,.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:focus::after{border-top-color:#222!important}.fr-toolbar .fr-command.fr-btn.fr-dropdown::after,.fr-popup .fr-command.fr-btn.fr-dropdown::after{position:absolute;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #222;right:4px;top:17px;content:""}.fr-toolbar .fr-command.fr-btn.fr-disabled,.fr-popup .fr-command.fr-btn.fr-disabled{color:#bdbdbd;cursor:default}.fr-toolbar .fr-command.fr-btn.fr-disabled::after,.fr-popup .fr-command.fr-btn.fr-disabled::after{border-top-color:#bdbdbd!important}.fr-toolbar .fr-command.fr-btn.fr-hidden,.fr-popup .fr-command.fr-btn.fr-hidden{display:none}.fr-toolbar.fr-disabled .fr-btn,.fr-popup.fr-disabled .fr-btn,.fr-toolbar.fr-disabled .fr-btn.fr-active,.fr-popup.fr-disabled .fr-btn.fr-active{color:#bdbdbd}.fr-toolbar.fr-disabled .fr-btn.fr-dropdown::after,.fr-popup.fr-disabled .fr-btn.fr-dropdown::after,.fr-toolbar.fr-disabled .fr-btn.fr-active.fr-dropdown::after,.fr-popup.fr-disabled .fr-btn.fr-active.fr-dropdown::after{border-top-color:#bdbdbd}.fr-toolbar.fr-rtl .fr-command.fr-btn,.fr-popup.fr-rtl .fr-command.fr-btn,.fr-toolbar.fr-rtl .fr-btn-wrap,.fr-popup.fr-rtl .fr-btn-wrap{float:right}.fr-toolbar.fr-inline>.fr-command.fr-btn:not(.fr-hidden),.fr-toolbar.fr-inline>.fr-btn-wrap:not(.fr-hidden){display:inline-flex;float:none}.fr-desktop .fr-command:hover,.fr-desktop .fr-command:focus,.fr-desktop .fr-command.fr-btn-hover,.fr-desktop .fr-command.fr-expanded{outline:0;color:#222;background:#ebebeb}.fr-desktop .fr-command:hover::after,.fr-desktop .fr-command:focus::after,.fr-desktop .fr-command.fr-btn-hover::after,.fr-desktop .fr-command.fr-expanded::after{border-top-color:#222!important}.fr-desktop .fr-command.fr-selected{color:#222;background:#d6d6d6}.fr-desktop .fr-command.fr-active:hover,.fr-desktop .fr-command.fr-active:focus,.fr-desktop .fr-command.fr-active.fr-btn-hover,.fr-desktop .fr-command.fr-active.fr-expanded{color:#1e88e5;background:#ebebeb}.fr-desktop .fr-command.fr-active.fr-selected{color:#1e88e5;background:#d6d6d6}.fr-desktop .fr-command.fr-disabled:hover,.fr-desktop .fr-command.fr-disabled:focus,.fr-desktop .fr-command.fr-disabled.fr-selected{background:0 0}.fr-desktop.fr-disabled .fr-command:hover,.fr-desktop.fr-disabled .fr-command:focus,.fr-desktop.fr-disabled .fr-command.fr-selected{background:0 0}.fr-toolbar.fr-mobile .fr-command.fr-blink,.fr-popup.fr-mobile .fr-command.fr-blink{background:0 0}.fr-command.fr-btn.fr-options{width:16px;margin-left:-5px}.fr-command.fr-btn.fr-options.fr-btn-hover,.fr-command.fr-btn.fr-options:hover,.fr-command.fr-btn.fr-options:focus{border-left:solid 1px #fafafa}.fr-command.fr-btn+.fr-dropdown-menu{display:inline-block;position:absolute;right:auto;bottom:auto;height:auto;z-index:4;-webkit-overflow-scrolling:touch;overflow:hidden;zoom:1;border-radius:0 0 2px 2px;-moz-border-radius:0 0 2px 2px;-webkit-border-radius:0 0 2px 2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-command.fr-btn+.fr-dropdown-menu.test-height .fr-dropdown-wrapper{-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;height:auto;max-height:275px}.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper{background:#fff;padding:0;margin:auto;display:inline-block;text-align:left;position:relative;box-sizing:border-box;-webkit-transition:max-height .2s ease 0s;-moz-transition:max-height .2s ease 0s;-ms-transition:max-height .2s ease 0s;-o-transition:max-height .2s ease 0s;margin-top:0;float:left;max-height:0;height:0;margin-top:0!important}.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content{overflow:auto;position:relative;max-height:275px}.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list{list-style-type:none;margin:0;padding:0}.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li{padding:0;margin:0;font-size:15px}.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a{padding:0 24px;line-height:200%;display:block;cursor:pointer;white-space:nowrap;color:inherit;text-decoration:none}.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active{background:#d6d6d6}.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-disabled{color:#bdbdbd;cursor:default}.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a .fr-shortcut{float:right;margin-left:32px;font-weight:700;-webkit-opacity:.75;-moz-opacity:.75;opacity:.75;-ms-filter:"alpha(Opacity=0)"}.fr-command.fr-btn:not(.fr-active)+.fr-dropdown-menu{left:-3000px!important}.fr-command.fr-btn.fr-active+.fr-dropdown-menu{display:inline-block;box-shadow:0 3px 6px rgba(0,0,0,.16),0 2px 2px 1px rgba(0,0,0,.14)}.fr-command.fr-btn.fr-active+.fr-dropdown-menu .fr-dropdown-wrapper{height:auto;max-height:275px}.fr-bottom>.fr-command.fr-btn+.fr-dropdown-menu{border-radius:2px 2px 0 0;-moz-border-radius:2px 2px 0 0;-webkit-border-radius:2px 2px 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-toolbar.fr-rtl .fr-dropdown-wrapper,.fr-popup.fr-rtl .fr-dropdown-wrapper{text-align:right!important}body.prevent-scroll{overflow:hidden}body.prevent-scroll.fr-mobile{position:fixed;-webkit-overflow-scrolling:touch}.fr-modal{color:#222;font-family:Arial,Helvetica,sans-serif;position:fixed;overflow-x:auto;overflow-y:scroll;top:0;left:0;bottom:0;right:0;width:100%;z-index:2147483640;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;line-height:1.2}.fr-modal.fr-middle .fr-modal-wrapper{margin-top:0;margin-bottom:0;margin-left:auto;margin-right:auto;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);position:absolute}.fr-modal .fr-modal-wrapper{border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;margin:20px auto;display:inline-block;background:#fff;min-width:300px;box-shadow:0 5px 8px rgba(0,0,0,.19),0 4px 3px 1px rgba(0,0,0,.14);border:0;border-top:5px solid #222;overflow:hidden;width:90%;position:relative}@media (min-width:768px) and (max-width:991px){.fr-modal .fr-modal-wrapper{margin:30px auto;width:70%}}@media (min-width:992px){.fr-modal .fr-modal-wrapper{margin:50px auto;width:960px}}.fr-modal .fr-modal-wrapper .fr-modal-head{background:#fff;box-shadow:0 3px 6px rgba(0,0,0,.16),0 2px 2px 1px rgba(0,0,0,.14);border-bottom:0;overflow:hidden;position:absolute;width:100%;min-height:42px;z-index:3;-webkit-transition:height .2s ease 0s;-moz-transition:height .2s ease 0s;-ms-transition:height .2s ease 0s;-o-transition:height .2s ease 0s}.fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-close{padding:12px;width:20px;font-size:30px;cursor:pointer;line-height:18px;color:#222;box-sizing:content-box;position:absolute;top:0;right:0;-webkit-transition:color .2s ease 0s;-moz-transition:color .2s ease 0s;-ms-transition:color .2s ease 0s;-o-transition:color .2s ease 0s}.fr-modal .fr-modal-wrapper .fr-modal-head h4{font-size:18px;padding:12px 10px;margin:0;font-weight:400;line-height:18px;display:inline-block;float:left}.fr-modal .fr-modal-wrapper div.fr-modal-body{height:100%;min-height:150px;overflow-y:auto;padding-bottom:10px}.fr-modal .fr-modal-wrapper div.fr-modal-body:focus{outline:0}.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command{height:36px;line-height:1;color:#1e88e5;padding:10px;cursor:pointer;text-decoration:none;border:0;background:0 0;font-size:16px;outline:0;-webkit-transition:background .2s ease 0s;-moz-transition:background .2s ease 0s;-ms-transition:background .2s ease 0s;-o-transition:background .2s ease 0s;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command+button{margin-left:24px}.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:hover,.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:focus{background:#ebebeb;color:#1e88e5}.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:active{background:#d6d6d6;color:#1e88e5}.fr-modal .fr-modal-wrapper div.fr-modal-body button::-moz-focus-inner{border:0}.fr-desktop .fr-modal-wrapper .fr-modal-head i:hover{background:#ebebeb}.fr-overlay{position:fixed;top:0;bottom:0;left:0;right:0;background:#000;-webkit-opacity:.5;-moz-opacity:.5;opacity:.5;-ms-filter:"alpha(Opacity=0)";z-index:2147483639}.fr-popup{position:absolute;display:none;color:#222;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;font-family:Arial,Helvetica,sans-serif;box-sizing:border-box;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;margin-top:10px;z-index:2147483635;text-align:left;border:0;border-top:5px solid #222;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.2}.fr-popup .fr-input-focus{background:#f5f5f5}.fr-popup.fr-above{margin-top:-10px;border-top:0;border-bottom:5px solid #222;box-shadow:0 -1px 3px rgba(0,0,0,.12),0 -1px 1px 1px rgba(0,0,0,.16)}.fr-popup.fr-active{display:block}.fr-popup.fr-hidden{-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"alpha(Opacity=0)"}.fr-popup.fr-empty{display:none!important}.fr-popup .fr-hs{display:block!important}.fr-popup .fr-hs.fr-hidden{display:none!important}.fr-popup .fr-input-line{position:relative;padding:8px 0}.fr-popup .fr-input-line input[type=text],.fr-popup .fr-input-line textarea{width:100%;margin:0 0 1px;border:0;border-bottom:solid 1px #bdbdbd;color:#222;font-size:14px;padding:6px 0 2px;background:rgba(0,0,0,0);position:relative;z-index:2;box-sizing:border-box}.fr-popup .fr-input-line input[type=text]:focus,.fr-popup .fr-input-line textarea:focus{border-bottom:solid 2px #1e88e5;margin-bottom:0}.fr-popup .fr-input-line input+label,.fr-popup .fr-input-line textarea+label{position:absolute;top:0;left:0;font-size:12px;color:rgba(0,0,0,0);-webkit-transition:color .2s ease 0s;-moz-transition:color .2s ease 0s;-ms-transition:color .2s ease 0s;-o-transition:color .2s ease 0s;z-index:3;width:100%;display:block;background:#fff}.fr-popup .fr-input-line input.fr-not-empty:focus+label,.fr-popup .fr-input-line textarea.fr-not-empty:focus+label{color:#1e88e5}.fr-popup .fr-input-line input.fr-not-empty+label,.fr-popup .fr-input-line textarea.fr-not-empty+label{color:gray}.fr-popup input,.fr-popup textarea{user-select:text;-o-user-select:text;-moz-user-select:text;-khtml-user-select:text;-webkit-user-select:text;-ms-user-select:text;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;outline:0}.fr-popup textarea{resize:none}.fr-popup .fr-buttons{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);padding:0 2px;white-space:nowrap;line-height:0;border-bottom:0}.fr-popup .fr-buttons::after{clear:both;display:block;content:"";height:0}.fr-popup .fr-buttons .fr-btn{display:inline-block;float:none}.fr-popup .fr-buttons .fr-btn i{float:left}.fr-popup .fr-buttons .fr-separator{display:inline-block;float:none}.fr-popup .fr-layer{width:225px;box-sizing:border-box;margin:10px;display:none}@media (min-width:768px){.fr-popup .fr-layer{width:300px}}.fr-popup .fr-layer.fr-active{display:inline-block}.fr-popup .fr-action-buttons{z-index:7;height:36px;text-align:right}.fr-popup .fr-action-buttons button.fr-command{height:36px;line-height:1;color:#1e88e5;padding:10px;cursor:pointer;text-decoration:none;border:0;background:0 0;font-size:16px;outline:0;-webkit-transition:background .2s ease 0s;-moz-transition:background .2s ease 0s;-ms-transition:background .2s ease 0s;-o-transition:background .2s ease 0s;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-popup .fr-action-buttons button.fr-command+button{margin-left:24px}.fr-popup .fr-action-buttons button.fr-command:hover,.fr-popup .fr-action-buttons button.fr-command:focus{background:#ebebeb;color:#1e88e5}.fr-popup .fr-action-buttons button.fr-command:active{background:#d6d6d6;color:#1e88e5}.fr-popup .fr-action-buttons button::-moz-focus-inner{border:0}.fr-popup .fr-checkbox{position:relative;display:inline-block;width:16px;height:16px;line-height:1;box-sizing:content-box;vertical-align:middle}.fr-popup .fr-checkbox svg{margin-left:2px;margin-top:2px;display:none;width:10px;height:10px}.fr-popup .fr-checkbox span{border:solid 1px #222;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;width:16px;height:16px;display:inline-block;position:relative;z-index:1;box-sizing:border-box;-webkit-transition:background .2s ease 0s,border-color .2s ease 0s;-moz-transition:background .2s ease 0s,border-color .2s ease 0s;-ms-transition:background .2s ease 0s,border-color .2s ease 0s;-o-transition:background .2s ease 0s,border-color .2s ease 0s}.fr-popup .fr-checkbox input{position:absolute;z-index:2;-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"alpha(Opacity=0)";border:0 none;cursor:pointer;height:16px;margin:0;padding:0;width:16px;top:1px;left:1px}.fr-popup .fr-checkbox input:checked+span{background:#1e88e5;border-color:#1e88e5}.fr-popup .fr-checkbox input:checked+span svg{display:block}.fr-popup .fr-checkbox input:focus+span{border-color:#1e88e5}.fr-popup .fr-checkbox-line{font-size:14px;line-height:1.4px;margin-top:10px}.fr-popup .fr-checkbox-line label{cursor:pointer;margin:0 5px;vertical-align:middle}.fr-popup.fr-rtl{direction:rtl;text-align:right}.fr-popup.fr-rtl .fr-action-buttons{text-align:left}.fr-popup.fr-rtl .fr-input-line input+label,.fr-popup.fr-rtl .fr-input-line textarea+label{left:auto;right:0}.fr-popup.fr-rtl .fr-buttons .fr-separator.fr-vs{float:right}.fr-popup .fr-arrow{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #222;position:absolute;top:-9px;left:50%;margin-left:-5px;display:inline-block}.fr-popup.fr-above .fr-arrow{top:auto;bottom:-9px;border-bottom:0;border-top:5px solid #222}.fr-text-edit-layer{width:250px;box-sizing:border-box;display:block!important}.fr-toolbar{color:#222;background:#fff;position:relative;z-index:4;font-family:Arial,Helvetica,sans-serif;box-sizing:border-box;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:0 2px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);text-align:left;border:0;border-top:5px solid #222;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.2}.fr-toolbar::after{clear:both;display:block;content:"";height:0}.fr-toolbar.fr-rtl{text-align:right}.fr-toolbar.fr-inline{display:none;white-space:nowrap;position:absolute;margin-top:10px}.fr-toolbar.fr-inline .fr-arrow{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #222;position:absolute;top:-9px;left:50%;margin-left:-5px;display:inline-block}.fr-toolbar.fr-inline.fr-above{margin-top:-10px;box-shadow:0 -1px 3px rgba(0,0,0,.12),0 -1px 1px 1px rgba(0,0,0,.16);border-bottom:5px solid #222;border-top:0}.fr-toolbar.fr-inline.fr-above .fr-arrow{top:auto;bottom:-9px;border-bottom:0;border-top-color:inherit;border-top-style:solid;border-top-width:5px}.fr-toolbar.fr-top{top:0;border-radius:2px 2px 0 0;-moz-border-radius:2px 2px 0 0;-webkit-border-radius:2px 2px 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16)}.fr-toolbar.fr-bottom{bottom:0;border-radius:0 0 2px 2px;-moz-border-radius:0 0 2px 2px;-webkit-border-radius:0 0 2px 2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16)}.fr-separator{background:#ebebeb;display:block;vertical-align:top;float:left}.fr-separator+.fr-separator{display:none}.fr-separator.fr-vs{height:34px;width:1px;margin:2px}.fr-separator.fr-hs{clear:both;height:1px;width:calc(100% - (2 * 2px));margin:0 2px}.fr-separator.fr-hidden{display:none!important}.fr-rtl .fr-separator{float:right}.fr-toolbar.fr-inline .fr-separator.fr-hs{float:none}.fr-toolbar.fr-inline .fr-separator.fr-vs{float:none;display:inline-block}.fr-visibility-helper{display:none;margin-left:0!important}@media (min-width:768px){.fr-visibility-helper{margin-left:1px!important}}@media (min-width:992px){.fr-visibility-helper{margin-left:2px!important}}@media (min-width:1200px){.fr-visibility-helper{margin-left:3px!important}}.fr-opacity-0{-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"alpha(Opacity=0)"}.fr-box{position:relative}.fr-sticky{position:-moz-sticky;position:-ms-sticky;position:-o-sticky;position:sticky}.fr-sticky-off{position:relative}.fr-sticky-on{position:fixed}.fr-sticky-on.fr-sticky-ios{position:absolute;left:0;right:0;width:auto!important}.fr-sticky-dummy{display:none}.fr-sticky-on+.fr-sticky-dummy,.fr-sticky-box>.fr-sticky-dummy{display:block}span.fr-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.clearfix::after{clear:both;display:block;content:"";height:0}.hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.fr-box .fr-counter{position:absolute;bottom:0;padding:5px;right:0;color:#ccc;content:attr(data-chars);font-size:15px;font-family:"Times New Roman",Georgia,Serif;z-index:1;background:#fff;border-top:solid 1px #ebebeb;border-left:solid 1px #ebebeb;border-radius:2px 0 0;-moz-border-radius:2px 0 0;-webkit-border-radius:2px 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-box.fr-rtl .fr-counter{left:0;right:auto;border-left:0;border-right:solid 1px #ebebeb;border-radius:0 2px 0 0;-moz-border-radius:0 2px 0 0;-webkit-border-radius:0 2px 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-box.fr-code-view .fr-counter{display:none}.clearfix::after{clear:both;display:block;content:"";height:0}.hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}textarea.fr-code{display:none;width:100%;resize:none;-moz-resize:none;-webkit-resize:none;box-sizing:border-box;border:0;padding:10px;margin:0;font-family:"Courier New",monospace;font-size:14px;background:#fff;color:#000;outline:0}.fr-box.fr-rtl textarea.fr-code{direction:rtl}.fr-box .CodeMirror{display:none}.fr-box.fr-code-view textarea.fr-code{display:block}.fr-box.fr-code-view.fr-inline{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16)}.fr-box.fr-code-view .fr-element,.fr-box.fr-code-view .fr-placeholder,.fr-box.fr-code-view .fr-iframe{display:none}.fr-box.fr-code-view .CodeMirror{display:block}.fr-box.fr-inline.fr-code-view .fr-command.fr-btn.html-switch{display:block}.fr-box.fr-inline .fr-command.fr-btn.html-switch{position:absolute;top:0;right:0;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);display:none;background:#fff;color:#222;-moz-outline:0;outline:0;border:0;line-height:1;cursor:pointer;text-align:left;padding:12px;-webkit-transition:background .2s ease 0s;-moz-transition:background .2s ease 0s;-ms-transition:background .2s ease 0s;-o-transition:background .2s ease 0s;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;z-index:2;box-sizing:border-box;text-decoration:none;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}.fr-box.fr-inline .fr-command.fr-btn.html-switch i{font-size:14px;width:14px;text-align:center}.fr-box.fr-inline .fr-command.fr-btn.html-switch.fr-desktop:hover{background:#ebebeb}.clearfix::after{clear:both;display:block;content:"";height:0}.hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.fr-popup .fr-colors-tabs{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);margin-bottom:5px;line-height:16px;margin-left:-2px;margin-right:-2px}.fr-popup .fr-colors-tabs .fr-colors-tab{display:inline-block;width:50%;cursor:pointer;text-align:center;color:#222;font-size:13px;padding:8px 0;position:relative}.fr-popup .fr-colors-tabs .fr-colors-tab:hover,.fr-popup .fr-colors-tabs .fr-colors-tab:focus{color:#1e88e5}.fr-popup .fr-colors-tabs .fr-colors-tab[data-param1=background]::after{position:absolute;bottom:0;left:0;width:100%;height:2px;background:#1e88e5;content:'';-webkit-transition:transform .2s ease 0s;-moz-transition:transform .2s ease 0s;-ms-transition:transform .2s ease 0s;-o-transition:transform .2s ease 0s}.fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab{color:#1e88e5}.fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab[data-param1=text]~[data-param1=background]::after{-webkit-transform:translate3d(-100%,0,0);-moz-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);-o-transform:translate3d(-100%,0,0)}.fr-popup .fr-color-hex-layer{width:100%;margin:0;padding:10px}.fr-popup .fr-color-hex-layer .fr-input-line{float:left;width:calc(100% - 50px);padding:8px 0 0}.fr-popup .fr-color-hex-layer .fr-action-buttons{float:right;width:50px}.fr-popup .fr-color-hex-layer .fr-action-buttons button.fr-command{background-color:#1e88e5;color:#FFF!important;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;font-size:13px;height:32px}.fr-popup .fr-color-hex-layer .fr-action-buttons button.fr-command:hover{background-color:#166dba;color:#FFF}.fr-popup .fr-separator+.fr-colors-tabs{box-shadow:none;margin-left:2px;margin-right:2px}.fr-popup .fr-color-set{line-height:0;display:none}.fr-popup .fr-color-set.fr-selected-set{display:block}.fr-popup .fr-color-set>span{display:inline-block;width:32px;height:32px;position:relative;z-index:1}.fr-popup .fr-color-set>span>i,.fr-popup .fr-color-set>span>svg{text-align:center;line-height:32px;height:32px;width:32px;font-size:13px;position:absolute;bottom:0;cursor:default;left:0}.fr-popup .fr-color-set>span .fr-selected-color{color:#fff;font-family:FontAwesome;font-size:13px;font-weight:400;line-height:32px;position:absolute;top:0;bottom:0;right:0;left:0;text-align:center;cursor:default}.fr-popup .fr-color-set>span:hover,.fr-popup .fr-color-set>span:focus{outline:1px solid #222;z-index:2}.fr-rtl .fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab[data-param1=text]~[data-param1=background]::after{-webkit-transform:translate3d(100%,0,0);-moz-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);-o-transform:translate3d(100%,0,0)}.clearfix::after{clear:both;display:block;content:"";height:0}.hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.fr-drag-helper{background:#1e88e5;height:2px;margin-top:-1px;-webkit-opacity:.2;-moz-opacity:.2;opacity:.2;-ms-filter:"alpha(Opacity=0)";position:absolute;z-index:2147483640;display:none}.fr-drag-helper.fr-visible{display:block}.fr-dragging{-webkit-opacity:.4;-moz-opacity:.4;opacity:.4;-ms-filter:"alpha(Opacity=0)"}.clearfix::after{clear:both;display:block;content:"";height:0}.hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.fr-popup .fr-emoticon{display:inline-block;font-size:20px;width:20px;padding:5px;line-height:1;cursor:default;font-weight:400;font-family:"Apple Color Emoji","Segoe UI Emoji",NotoColorEmoji,"Segoe UI Symbol","Android Emoji",EmojiSymbols;box-sizing:content-box}.fr-popup .fr-emoticon img{height:20px}.fr-popup .fr-link:focus{outline:0;background:#ebebeb}.clearfix::after{clear:both;display:block;content:"";height:0}.hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.fr-popup .fr-file-upload-layer{border:dashed 2px #bdbdbd;padding:25px 0;position:relative;font-size:14px;letter-spacing:1px;line-height:140%;box-sizing:border-box;text-align:center}.fr-popup .fr-file-upload-layer:hover{background:#ebebeb}.fr-popup .fr-file-upload-layer.fr-drop{background:#ebebeb;border-color:#1e88e5}.fr-popup .fr-file-upload-layer .fr-form{-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"alpha(Opacity=0)";position:absolute;top:0;bottom:0;left:0;right:0;z-index:2147483640;overflow:hidden;margin:0!important;padding:0!important;width:100%!important}.fr-popup .fr-file-upload-layer .fr-form input{cursor:pointer;position:absolute;right:0;top:0;bottom:0;width:500%;height:100%;margin:0;font-size:400px}.fr-popup .fr-file-progress-bar-layer{box-sizing:border-box}.fr-popup .fr-file-progress-bar-layer>h3{font-size:16px;margin:10px 0;font-weight:400}.fr-popup .fr-file-progress-bar-layer>div.fr-action-buttons{display:none}.fr-popup .fr-file-progress-bar-layer>div.fr-loader{background:#bcdbf7;height:10px;width:100%;margin-top:20px;overflow:hidden;position:relative}.fr-popup .fr-file-progress-bar-layer>div.fr-loader span{display:block;height:100%;width:0;background:#1e88e5;-webkit-transition:width .2s ease 0s;-moz-transition:width .2s ease 0s;-ms-transition:width .2s ease 0s;-o-transition:width .2s ease 0s}.fr-popup .fr-file-progress-bar-layer>div.fr-loader.fr-indeterminate span{width:30%!important;position:absolute;top:0;-webkit-animation:loading 2s linear infinite;animation:loading 2s linear infinite}.fr-popup .fr-file-progress-bar-layer.fr-error>div.fr-loader{display:none}.fr-popup .fr-file-progress-bar-layer.fr-error>div.fr-action-buttons{display:block}@keyframes loading{from{left:-25%}to{left:100%}}@-webkit-keyframes loading{from{left:-25%}to{left:100%}}body.fr-fullscreen{overflow:hidden;height:100%;width:100%;position:fixed}.fr-box.fr-fullscreen{margin:0!important;position:fixed;top:0;left:0;bottom:0;right:0;z-index:2147483630!important;width:auto!important}.fr-box.fr-fullscreen .fr-toolbar.fr-top{top:0!important}.fr-box.fr-fullscreen .fr-toolbar.fr-bottom{bottom:0!important}.fr-fullscreen-wrapper{z-index:2147483640!important;width:100%!important;margin:0!important;padding:0!important;overflow:visible!important}.clearfix::after{clear:both;display:block;content:"";height:0}.hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal{text-align:left;padding:20px 20px 10px}.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table{border-collapse:collapse;font-size:14px;line-height:1.5;width:100%}.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table+table{margin-top:20px}.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tr{border:0}.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table th,.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table td{padding:6px 0 4px}.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody tr{border-bottom:solid 1px #ebebeb}.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:first-child{width:60%;color:#646464}.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:nth-child(n+2){letter-spacing:.5px}.clearfix::after{clear:both;display:block;content:"";height:0}.hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.fr-element img{cursor:pointer;padding:0 1px}.fr-image-resizer{position:absolute;border:solid 1px #1e88e5;display:none;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;box-sizing:content-box}.fr-image-resizer.fr-active{display:block}.fr-image-resizer .fr-handler{display:block;position:absolute;background:#1e88e5;border:solid 1px #fff;z-index:4;box-sizing:border-box}.fr-image-resizer .fr-handler.fr-hnw{cursor:nw-resize}.fr-image-resizer .fr-handler.fr-hne{cursor:ne-resize}.fr-image-resizer .fr-handler.fr-hsw{cursor:sw-resize}.fr-image-resizer .fr-handler.fr-hse{cursor:se-resize}.fr-image-resizer .fr-handler{width:12px;height:12px}.fr-image-resizer .fr-handler.fr-hnw{left:-6px;top:-6px}.fr-image-resizer .fr-handler.fr-hne{right:-6px;top:-6px}.fr-image-resizer .fr-handler.fr-hsw{left:-6px;bottom:-6px}.fr-image-resizer .fr-handler.fr-hse{right:-6px;bottom:-6px}@media (min-width:1200px){.fr-image-resizer .fr-handler{width:10px;height:10px}.fr-image-resizer .fr-handler.fr-hnw{left:-5px;top:-5px}.fr-image-resizer .fr-handler.fr-hne{right:-5px;top:-5px}.fr-image-resizer .fr-handler.fr-hsw{left:-5px;bottom:-5px}.fr-image-resizer .fr-handler.fr-hse{right:-5px;bottom:-5px}}.fr-image-overlay{position:fixed;top:0;left:0;bottom:0;right:0;z-index:2147483640;display:none}.fr-popup .fr-image-upload-layer{border:dashed 2px #bdbdbd;padding:25px 0;position:relative;font-size:14px;letter-spacing:1px;line-height:140%;text-align:center}.fr-popup .fr-image-upload-layer:hover{background:#ebebeb}.fr-popup .fr-image-upload-layer.fr-drop{background:#ebebeb;border-color:#1e88e5}.fr-popup .fr-image-upload-layer .fr-form{-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"alpha(Opacity=0)";position:absolute;top:0;bottom:0;left:0;right:0;z-index:2147483640;overflow:hidden;margin:0!important;padding:0!important;width:100%!important}.fr-popup .fr-image-upload-layer .fr-form input{cursor:pointer;position:absolute;right:0;top:0;bottom:0;width:500%;height:100%;margin:0;font-size:400px}.fr-popup .fr-image-progress-bar-layer>h3{font-size:16px;margin:10px 0;font-weight:400}.fr-popup .fr-image-progress-bar-layer>div.fr-action-buttons{display:none}.fr-popup .fr-image-progress-bar-layer>div.fr-loader{background:#bcdbf7;height:10px;width:100%;margin-top:20px;overflow:hidden;position:relative}.fr-popup .fr-image-progress-bar-layer>div.fr-loader span{display:block;height:100%;width:0;background:#1e88e5;-webkit-transition:width .2s ease 0s;-moz-transition:width .2s ease 0s;-ms-transition:width .2s ease 0s;-o-transition:width .2s ease 0s}.fr-popup .fr-image-progress-bar-layer>div.fr-loader.fr-indeterminate span{width:30%!important;position:absolute;top:0;-webkit-animation:loading 2s linear infinite;animation:loading 2s linear infinite}.fr-popup .fr-image-progress-bar-layer.fr-error>div.fr-loader{display:none}.fr-popup .fr-image-progress-bar-layer.fr-error>div.fr-action-buttons{display:block}.fr-image-size-layer .fr-image-group .fr-input-line{width:calc(50% - 5px);display:inline-block}.fr-image-size-layer .fr-image-group .fr-input-line+.fr-input-line{margin-left:10px}.fr-uploading{-webkit-opacity:.4;-moz-opacity:.4;opacity:.4;-ms-filter:"alpha(Opacity=0)"}@keyframes loading{from{left:-25%}to{left:100%}}@-webkit-keyframes loading{from{left:-25%}to{left:100%}}.clearfix::after{clear:both;display:block;content:"";height:0}.hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.fr-modal-head .fr-modal-head-line::after{clear:both;display:block;content:"";height:0}.fr-modal-head .fr-modal-head-line i.fr-modal-more,.fr-modal-head .fr-modal-head-line svg.fr-modal-more{float:left;opacity:1;-webkit-transition:padding .2s ease 0s,width .2s ease 0s,opacity .2s ease 0s;-moz-transition:padding .2s ease 0s,width .2s ease 0s,opacity .2s ease 0s;-ms-transition:padding .2s ease 0s,width .2s ease 0s,opacity .2s ease 0s;-o-transition:padding .2s ease 0s,width .2s ease 0s,opacity .2s ease 0s;padding:12px}.fr-modal-head .fr-modal-head-line i.fr-modal-more.fr-not-available,.fr-modal-head .fr-modal-head-line svg.fr-modal-more.fr-not-available{opacity:0;width:0;padding:12px 0}.fr-modal-head .fr-modal-tags{display:none;text-align:left}.fr-modal-head .fr-modal-tags a{display:inline-block;opacity:0;padding:6px 8px;margin:8px 0 8px 8px;text-decoration:none;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;color:#1e88e5;-webkit-transition:opacity .2s ease 0s,background .2s ease 0s;-moz-transition:opacity .2s ease 0s,background .2s ease 0s;-ms-transition:opacity .2s ease 0s,background .2s ease 0s;-o-transition:opacity .2s ease 0s,background .2s ease 0s;cursor:pointer}.fr-modal-head .fr-modal-tags a:focus{outline:0}.fr-modal-head .fr-modal-tags a.fr-selected-tag{background:#d6d6d6}div.fr-modal-body .fr-preloader{display:block;margin:50px auto}div.fr-modal-body div.fr-image-list{text-align:center;margin:0 10px;padding:0}div.fr-modal-body div.fr-image-list::after{clear:both;display:block;content:"";height:0}div.fr-modal-body div.fr-image-list .fr-list-column{float:left;width:calc((100% - 10px) / 2)}@media (min-width:768px) and (max-width:1199px){div.fr-modal-body div.fr-image-list .fr-list-column{width:calc((100% - 20px) / 3)}}@media (min-width:1200px){div.fr-modal-body div.fr-image-list .fr-list-column{width:calc((100% - 30px) / 4)}}div.fr-modal-body div.fr-image-list .fr-list-column+.fr-list-column{margin-left:10px}div.fr-modal-body div.fr-image-list div.fr-image-container{position:relative;width:100%;display:block;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;overflow:hidden}div.fr-modal-body div.fr-image-list div.fr-image-container:first-child{margin-top:10px}div.fr-modal-body div.fr-image-list div.fr-image-container+div{margin-top:10px}div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::after{position:absolute;-webkit-opacity:.5;-moz-opacity:.5;opacity:.5;-ms-filter:"alpha(Opacity=0)";-webkit-transition:opacity .2s ease 0s;-moz-transition:opacity .2s ease 0s;-ms-transition:opacity .2s ease 0s;-o-transition:opacity .2s ease 0s;background:#000;content:"";top:0;left:0;bottom:0;right:0;z-index:2}div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::before{content:attr(data-deleting);color:#fff;top:0;left:0;bottom:0;right:0;margin:auto;position:absolute;z-index:3;font-size:15px;height:20px}div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty{height:95px;background:#ccc;z-index:1}div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty::after{position:absolute;margin:auto;top:0;bottom:0;left:0;right:0;content:attr(data-loading);display:inline-block;height:20px}div.fr-modal-body div.fr-image-list div.fr-image-container img{width:100%;vertical-align:middle;position:relative;z-index:2;-webkit-opacity:1;-moz-opacity:1;opacity:1;-ms-filter:"alpha(Opacity=0)";-webkit-transition:opacity .2s ease 0s,filter .2s ease 0s;-moz-transition:opacity .2s ease 0s,filter .2s ease 0s;-ms-transition:opacity .2s ease 0s,filter .2s ease 0s;-o-transition:opacity .2s ease 0s,filter .2s ease 0s;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0)}div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected img{-webkit-opacity:.75;-moz-opacity:.75;opacity:.75;-ms-filter:"alpha(Opacity=0)"}div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-delete-img,div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-insert-img{display:inline-block}div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img,div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img{display:none;top:50%;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-transition:background .2s ease 0s,color .2s ease 0s;-moz-transition:background .2s ease 0s,color .2s ease 0s;-ms-transition:background .2s ease 0s,color .2s ease 0s;-o-transition:background .2s ease 0s,color .2s ease 0s;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);position:absolute;cursor:pointer;margin:0;width:36px;height:36px;line-height:36px;text-decoration:none;z-index:3}div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img{background:#b8312f;color:#fff;left:50%;-webkit-transform:translateY(-50%) translateX(25%);-moz-transform:translateY(-50%) translateX(25%);-ms-transform:translateY(-50%) translateX(25%);-o-transform:translateY(-50%) translateX(25%)}div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img{background:#fff;color:#1e88e5;left:50%;-webkit-transform:translateY(-50%) translateX(-125%);-moz-transform:translateY(-50%) translateX(-125%);-ms-transform:translateY(-50%) translateX(-125%);-o-transform:translateY(-50%) translateX(-125%)}.fr-desktop .fr-modal-wrapper .fr-modal-head .fr-modal-tags a:hover{background:#ebebeb}.fr-desktop .fr-modal-wrapper .fr-modal-head .fr-modal-tags a.fr-selected-tag{background:#d6d6d6}.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover img{-webkit-opacity:.75;-moz-opacity:.75;opacity:.75;-ms-filter:"alpha(Opacity=0)"}.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-delete-img,.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-insert-img{display:inline-block}.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img:hover{background:#bf4644;color:#fff}.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img:hover{background:#ebebeb}.clearfix::after{clear:both;display:block;content:"";height:0}.hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.fr-line-breaker{cursor:text;border-top:1px solid #1e88e5;position:fixed;z-index:2;display:none}.fr-line-breaker.fr-visible{display:block}.fr-line-breaker a.fr-floating-btn{position:absolute;left:calc(50% - (32px / 2));top:-16px}.clearfix::after{clear:both;display:block;content:"";height:0}.hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.fr-quick-insert{position:absolute;z-index:2147483639;white-space:nowrap;padding-right:5px;margin-left:-5px;box-sizing:content-box}.fr-quick-insert.fr-on a.fr-floating-btn svg{-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg)}.fr-quick-insert.fr-hidden{display:none}.fr-qi-helper{position:absolute;z-index:3;padding-left:16px;white-space:nowrap}.fr-qi-helper a.fr-btn.fr-floating-btn{text-align:center;display:inline-block;color:#222;-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"alpha(Opacity=0)";-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0)}.fr-qi-helper a.fr-btn.fr-floating-btn.fr-size-1{-webkit-opacity:1;-moz-opacity:1;opacity:1;-ms-filter:"alpha(Opacity=0)";-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}.clearfix::after{clear:both;display:block;content:"";height:0}.hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.fr-modal .fr-modal-wrapper .fr-modal-body .fr-special-characters-modal{text-align:left;padding:20px 20px 10px}.fr-modal .fr-modal-wrapper .fr-modal-body .fr-special-characters-modal .fr-special-characters-list{margin-bottom:20px}.fr-modal .fr-modal-wrapper .fr-modal-body .fr-special-characters-modal .fr-special-characters-title{font-weight:700;font-size:14px;padding:6px 0 4px;margin:0 0 5px}.fr-modal .fr-modal-wrapper .fr-modal-body .fr-special-characters-modal .fr-special-character{display:inline-block;font-size:16px;width:20px;height:20px;padding:5px;line-height:20px;cursor:default;font-weight:400;box-sizing:content-box;text-align:center;border:1px solid #ccc;margin:-1px 0 0 -1px}.clearfix::after{clear:both;display:block;content:"";height:0}.hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.fr-element table td.fr-selected-cell,.fr-element table th.fr-selected-cell{border:1px double #1e88e5}.fr-element table tr{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}.fr-element table td,.fr-element table th{user-select:text;-o-user-select:text;-moz-user-select:text;-khtml-user-select:text;-webkit-user-select:text;-ms-user-select:text}.fr-element .fr-no-selection table td,.fr-element .fr-no-selection table th{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}.fr-table-resizer{cursor:col-resize;position:absolute;z-index:3;display:none}.fr-table-resizer.fr-moving{z-index:2}.fr-table-resizer div{-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"alpha(Opacity=0)";border-right:1px solid #1e88e5}.fr-no-selection{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}.fr-popup .fr-table-colors-hex-layer{width:100%;margin:0;padding:10px}.fr-popup .fr-table-colors-hex-layer .fr-input-line{float:left;width:calc(100% - 50px);padding:8px 0 0}.fr-popup .fr-table-colors-hex-layer .fr-action-buttons{float:right;width:50px}.fr-popup .fr-table-colors-hex-layer .fr-action-buttons button{background-color:#1e88e5;color:#FFF;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;font-size:13px;height:32px}.fr-popup .fr-table-colors-hex-layer .fr-action-buttons button:hover{background-color:#166dba;color:#FFF}.fr-popup .fr-table-size .fr-table-size-info{text-align:center;font-size:14px;padding:8px}.fr-popup .fr-table-size .fr-select-table-size{line-height:0;padding:0 5px 5px;white-space:nowrap}.fr-popup .fr-table-size .fr-select-table-size>span{display:inline-block;padding:0 4px 4px 0;background:0 0}.fr-popup .fr-table-size .fr-select-table-size>span>span{display:inline-block;width:18px;height:18px;border:1px solid #ddd}.fr-popup .fr-table-size .fr-select-table-size>span.hover{background:0 0}.fr-popup .fr-table-size .fr-select-table-size>span.hover>span{background:rgba(30,136,229,.3);border:solid 1px #1e88e5}.fr-popup .fr-table-size .fr-select-table-size .new-line::after{clear:both;display:block;content:"";height:0}.fr-popup.fr-above .fr-table-size .fr-select-table-size>span{display:inline-block!important}.fr-popup .fr-table-colors-buttons{margin-bottom:5px}.fr-popup .fr-table-colors{line-height:0;display:block}.fr-popup .fr-table-colors>span{display:inline-block;width:32px;height:32px;position:relative;z-index:1}.fr-popup .fr-table-colors>span>i{text-align:center;line-height:32px;height:32px;width:32px;font-size:13px;position:absolute;bottom:0;cursor:default;left:0}.fr-popup .fr-table-colors>span:focus{outline:1px solid #222;z-index:2}.fr-popup.fr-desktop .fr-table-size .fr-select-table-size>span>span{width:12px;height:12px}.fr-insert-helper{position:absolute;z-index:9999;white-space:nowrap}.clearfix::after{clear:both;display:block;content:"";height:0}.hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.fr-element .fr-video{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}.fr-element .fr-video::after{position:absolute;content:'';z-index:1;top:0;left:0;right:0;bottom:0;cursor:pointer;display:block;background:rgba(0,0,0,0)}.fr-element .fr-video.fr-active>*{z-index:2;position:relative}.fr-element .fr-video>*{box-sizing:content-box;max-width:100%;border:0}.fr-box .fr-video-resizer{position:absolute;border:solid 1px #1e88e5;display:none;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}.fr-box .fr-video-resizer.fr-active{display:block}.fr-box .fr-video-resizer .fr-handler{display:block;position:absolute;background:#1e88e5;border:solid 1px #fff;z-index:4;box-sizing:border-box}.fr-box .fr-video-resizer .fr-handler.fr-hnw{cursor:nw-resize}.fr-box .fr-video-resizer .fr-handler.fr-hne{cursor:ne-resize}.fr-box .fr-video-resizer .fr-handler.fr-hsw{cursor:sw-resize}.fr-box .fr-video-resizer .fr-handler.fr-hse{cursor:se-resize}.fr-box .fr-video-resizer .fr-handler{width:12px;height:12px}.fr-box .fr-video-resizer .fr-handler.fr-hnw{left:-6px;top:-6px}.fr-box .fr-video-resizer .fr-handler.fr-hne{right:-6px;top:-6px}.fr-box .fr-video-resizer .fr-handler.fr-hsw{left:-6px;bottom:-6px}.fr-box .fr-video-resizer .fr-handler.fr-hse{right:-6px;bottom:-6px}@media (min-width:1200px){.fr-box .fr-video-resizer .fr-handler{width:10px;height:10px}.fr-box .fr-video-resizer .fr-handler.fr-hnw{left:-5px;top:-5px}.fr-box .fr-video-resizer .fr-handler.fr-hne{right:-5px;top:-5px}.fr-box .fr-video-resizer .fr-handler.fr-hsw{left:-5px;bottom:-5px}.fr-box .fr-video-resizer .fr-handler.fr-hse{right:-5px;bottom:-5px}}.fr-popup .fr-video-size-layer .fr-video-group .fr-input-line{width:calc(50% - 5px);display:inline-block}.fr-popup .fr-video-size-layer .fr-video-group .fr-input-line+.fr-input-line{margin-left:10px}.fr-popup .fr-video-upload-layer{border:dashed 2px #bdbdbd;padding:25px 0;position:relative;font-size:14px;letter-spacing:1px;line-height:140%;text-align:center}.fr-popup .fr-video-upload-layer:hover{background:#ebebeb}.fr-popup .fr-video-upload-layer.fr-drop{background:#ebebeb;border-color:#1e88e5}.fr-popup .fr-video-upload-layer .fr-form{-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"alpha(Opacity=0)";position:absolute;top:0;bottom:0;left:0;right:0;z-index:2147483640;overflow:hidden;margin:0!important;padding:0!important;width:100%!important}.fr-popup .fr-video-upload-layer .fr-form input{cursor:pointer;position:absolute;right:0;top:0;bottom:0;width:500%;height:100%;margin:0;font-size:400px}.fr-popup .fr-video-progress-bar-layer>h3{font-size:16px;margin:10px 0;font-weight:400}.fr-popup .fr-video-progress-bar-layer>div.fr-action-buttons{display:none}.fr-popup .fr-video-progress-bar-layer>div.fr-loader{background:#bcdbf7;height:10px;width:100%;margin-top:20px;overflow:hidden;position:relative}.fr-popup .fr-video-progress-bar-layer>div.fr-loader span{display:block;height:100%;width:0;background:#1e88e5;-webkit-transition:width .2s ease 0s;-moz-transition:width .2s ease 0s;-ms-transition:width .2s ease 0s;-o-transition:width .2s ease 0s}.fr-popup .fr-video-progress-bar-layer>div.fr-loader.fr-indeterminate span{width:30%!important;position:absolute;top:0;-webkit-animation:loading 2s linear infinite;animation:loading 2s linear infinite}.fr-popup .fr-video-progress-bar-layer.fr-error>div.fr-loader{display:none}.fr-popup .fr-video-progress-bar-layer.fr-error>div.fr-action-buttons{display:block}.fr-video-overlay{position:fixed;top:0;left:0;bottom:0;right:0;z-index:2147483640;display:none} /*! * froala_editor v2.9.8 (https://www.froala.com/wysiwyg-editor) * License https://froala.com/wysiwyg-editor/terms/ * Copyright 2014-2020 Froala Labs */ .clearfix::after{clear:both;display:block;content:"";height:0}.hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}img.fr-rounded,.fr-img-caption.fr-rounded img{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}img.fr-bordered,.fr-img-caption.fr-bordered img{border:solid 5px #CCC}img.fr-bordered{box-sizing:content-box}.fr-img-caption.fr-bordered img{box-sizing:border-box}img.fr-shadow,.fr-img-caption.fr-shadow img{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16)}.fr-view{word-wrap:break-word}.fr-view span[style~="color:"] a{color:inherit}.fr-view strong{font-weight:700}.fr-view table{border:0;border-collapse:collapse;empty-cells:show;max-width:100%}.fr-view table td{min-width:5px}.fr-view table.fr-dashed-borders td,.fr-view table.fr-dashed-borders th{border-style:dashed}.fr-view table.fr-alternate-rows tbody tr:nth-child(2n){background:#f5f5f5}.fr-view table td,.fr-view table th{border:1px solid #ddd}.fr-view table td:empty,.fr-view table th:empty{height:20px}.fr-view table td.fr-highlighted,.fr-view table th.fr-highlighted{border:1px double red}.fr-view table td.fr-thick,.fr-view table th.fr-thick{border-width:2px}.fr-view table th{background:#e6e6e6}.fr-view hr{clear:both;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;page-break-after:always}.fr-view .fr-file{position:relative}.fr-view .fr-file::after{position:relative;content:"\1F4CE";font-weight:400}.fr-view pre{white-space:pre-wrap;word-wrap:break-word;overflow:visible}.fr-view[dir=rtl] blockquote{border-left:0;border-right:solid 2px #5e35b1;margin-right:0;padding-right:5px;padding-left:0}.fr-view[dir=rtl] blockquote blockquote{border-color:#00bcd4}.fr-view[dir=rtl] blockquote blockquote blockquote{border-color:#43a047}.fr-view blockquote{border-left:solid 2px #5e35b1;margin-left:0;padding-left:5px;color:#5e35b1}.fr-view blockquote blockquote{border-color:#00bcd4;color:#00bcd4}.fr-view blockquote blockquote blockquote{border-color:#43a047;color:#43a047}.fr-view span.fr-emoticon{font-weight:400;font-family:"Apple Color Emoji","Segoe UI Emoji",NotoColorEmoji,"Segoe UI Symbol","Android Emoji",EmojiSymbols;display:inline;line-height:0}.fr-view span.fr-emoticon.fr-emoticon-img{background-repeat:no-repeat!important;font-size:inherit;height:1em;width:1em;min-height:20px;min-width:20px;display:inline-block;margin:-.1em .1em .1em;line-height:1;vertical-align:middle}.fr-view .fr-text-gray{color:#AAA!important}.fr-view .fr-text-bordered{border-top:solid 1px #222;border-bottom:solid 1px #222;padding:10px 0}.fr-view .fr-text-spaced{letter-spacing:1px}.fr-view .fr-text-uppercase{text-transform:uppercase}.fr-view .fr-class-highlighted{background-color:#ff0}.fr-view .fr-class-code{border-color:#ccc;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background:#f5f5f5;padding:10px;font-family:"Courier New",Courier,monospace}.fr-view .fr-class-transparency{opacity:.5}.fr-view img{position:relative;max-width:100%}.fr-view img.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}.fr-view img.fr-dib.fr-fil{margin-left:0;text-align:left}.fr-view img.fr-dib.fr-fir{margin-right:0;text-align:right}.fr-view img.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}.fr-view img.fr-dii.fr-fil{float:left;margin:5px 25px 5px 0;max-width:calc(100% - 5px)}.fr-view img.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}.fr-view span.fr-img-caption{position:relative;max-width:100%}.fr-view span.fr-img-caption.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}.fr-view span.fr-img-caption.fr-dib.fr-fil{margin-left:0;text-align:left}.fr-view span.fr-img-caption.fr-dib.fr-fir{margin-right:0;text-align:right}.fr-view span.fr-img-caption.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}.fr-view span.fr-img-caption.fr-dii.fr-fil{float:left;margin:5px 25px 5px 0;max-width:calc(100% - 5px)}.fr-view span.fr-img-caption.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}.fr-view .fr-video{text-align:center;position:relative}.fr-view .fr-video.fr-rv{padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}.fr-view .fr-video.fr-rv>iframe,.fr-view .fr-video.fr-rv object,.fr-view .fr-video.fr-rv embed{position:absolute!important;top:0;left:0;width:100%;height:100%}.fr-view .fr-video>*{box-sizing:content-box;max-width:100%;border:0}.fr-view .fr-video.fr-dvb{display:block;clear:both}.fr-view .fr-video.fr-dvb.fr-fvl{text-align:left}.fr-view .fr-video.fr-dvb.fr-fvr{text-align:right}.fr-view .fr-video.fr-dvi{display:inline-block}.fr-view .fr-video.fr-dvi.fr-fvl{float:left}.fr-view .fr-video.fr-dvi.fr-fvr{float:right}.fr-view a.fr-strong{font-weight:700}.fr-view a.fr-green{color:green}.fr-view .fr-img-caption{text-align:center}.fr-view .fr-img-caption .fr-img-wrap{padding:0;display:inline-block;margin:auto;text-align:center;width:100%}.fr-view .fr-img-caption .fr-img-wrap img{display:block;margin:auto;width:100%}.fr-view .fr-img-caption .fr-img-wrap>span{margin:auto;display:block;padding:5px 5px 10px;font-size:14px;font-weight:initial;box-sizing:border-box;-webkit-opacity:.9;-moz-opacity:.9;opacity:.9;-ms-filter:"alpha(Opacity=0)";width:100%;text-align:center}.fr-view button.fr-rounded,.fr-view input.fr-rounded,.fr-view textarea.fr-rounded{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-view button.fr-large,.fr-view input.fr-large,.fr-view textarea.fr-large{font-size:24px}.fr-view ul,.fr-view ol{list-style-position:inside}a.fr-view.fr-strong{font-weight:700}a.fr-view.fr-green{color:green}img.fr-view{position:relative;max-width:100%}img.fr-view.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}img.fr-view.fr-dib.fr-fil{margin-left:0;text-align:left}img.fr-view.fr-dib.fr-fir{margin-right:0;text-align:right}img.fr-view.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}img.fr-view.fr-dii.fr-fil{float:left;margin:5px 25px 5px 0;max-width:calc(100% - 5px)}img.fr-view.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}span.fr-img-caption.fr-view{position:relative;max-width:100%}span.fr-img-caption.fr-view.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}span.fr-img-caption.fr-view.fr-dib.fr-fil{margin-left:0;text-align:left}span.fr-img-caption.fr-view.fr-dib.fr-fir{margin-right:0;text-align:right}span.fr-img-caption.fr-view.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}span.fr-img-caption.fr-view.fr-dii.fr-fil{float:left;margin:5px 25px 5px 0;max-width:calc(100% - 5px)}span.fr-img-caption.fr-view.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)} /*! * froala_editor v2.9.8 (https://www.froala.com/wysiwyg-editor) * License https://froala.com/wysiwyg-editor/terms/ * Copyright 2014-2020 Froala Labs */ .clearfix::after{clear:both;display:block;content:"";height:0}.hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.fr-quick-insert{position:absolute;z-index:2147483639;white-space:nowrap;padding-right:5px;margin-left:-5px;box-sizing:content-box}.fr-quick-insert.fr-on a.fr-floating-btn svg{-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg)}.fr-quick-insert.fr-hidden{display:none}.fr-qi-helper{position:absolute;z-index:3;padding-left:16px;white-space:nowrap}.fr-qi-helper a.fr-btn.fr-floating-btn{text-align:center;display:inline-block;color:#222;-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"alpha(Opacity=0)";-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0)}.fr-qi-helper a.fr-btn.fr-floating-btn.fr-size-1{-webkit-opacity:1;-moz-opacity:1;opacity:1;-ms-filter:"alpha(Opacity=0)";-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)} /*! * froala_editor v2.9.8 (https://www.froala.com/wysiwyg-editor) * License https://froala.com/wysiwyg-editor/terms/ * Copyright 2014-2020 Froala Labs */ .clearfix::after{clear:both;display:block;content:"";height:0}.hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.fr-popup .fr-colors-tabs{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);margin-bottom:5px;line-height:16px;margin-left:-2px;margin-right:-2px}.fr-popup .fr-colors-tabs .fr-colors-tab{display:inline-block;width:50%;cursor:pointer;text-align:center;color:#222;font-size:13px;padding:8px 0;position:relative}.fr-popup .fr-colors-tabs .fr-colors-tab:hover,.fr-popup .fr-colors-tabs .fr-colors-tab:focus{color:#1e88e5}.fr-popup .fr-colors-tabs .fr-colors-tab[data-param1=background]::after{position:absolute;bottom:0;left:0;width:100%;height:2px;background:#1e88e5;content:'';-webkit-transition:transform .2s ease 0s;-moz-transition:transform .2s ease 0s;-ms-transition:transform .2s ease 0s;-o-transition:transform .2s ease 0s}.fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab{color:#1e88e5}.fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab[data-param1=text]~[data-param1=background]::after{-webkit-transform:translate3d(-100%,0,0);-moz-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);-o-transform:translate3d(-100%,0,0)}.fr-popup .fr-color-hex-layer{width:100%;margin:0;padding:10px}.fr-popup .fr-color-hex-layer .fr-input-line{float:left;width:calc(100% - 50px);padding:8px 0 0}.fr-popup .fr-color-hex-layer .fr-action-buttons{float:right;width:50px}.fr-popup .fr-color-hex-layer .fr-action-buttons button.fr-command{background-color:#1e88e5;color:#FFF!important;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;font-size:13px;height:32px}.fr-popup .fr-color-hex-layer .fr-action-buttons button.fr-command:hover{background-color:#166dba;color:#FFF}.fr-popup .fr-separator+.fr-colors-tabs{box-shadow:none;margin-left:2px;margin-right:2px}.fr-popup .fr-color-set{line-height:0;display:none}.fr-popup .fr-color-set.fr-selected-set{display:block}.fr-popup .fr-color-set>span{display:inline-block;width:32px;height:32px;position:relative;z-index:1}.fr-popup .fr-color-set>span>i,.fr-popup .fr-color-set>span>svg{text-align:center;line-height:32px;height:32px;width:32px;font-size:13px;position:absolute;bottom:0;cursor:default;left:0}.fr-popup .fr-color-set>span .fr-selected-color{color:#fff;font-family:FontAwesome;font-size:13px;font-weight:400;line-height:32px;position:absolute;top:0;bottom:0;right:0;left:0;text-align:center;cursor:default}.fr-popup .fr-color-set>span:hover,.fr-popup .fr-color-set>span:focus{outline:1px solid #222;z-index:2}.fr-rtl .fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab[data-param1=text]~[data-param1=background]::after{-webkit-transform:translate3d(100%,0,0);-moz-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);-o-transform:translate3d(100%,0,0)} @charset "UTF-8"; @media (min-width: 992px) { .container { max-width: 992px; } } @media (min-width: 1030px) { .container { max-width: 1030px; } } @media (min-width: 1200px) { .container { max-width: 1030px !important; } } .breadcrumb-item + .breadcrumb-item::before { display: none; } html { height: 100%; } body { font-family: Microsoft JhengHei, 微軟正黑體, sans-serif; width: 100%; display: flex; flex-direction: column; min-height: 100%; } html, body, p, ol, ul, li, blockquote, figure, fieldset, legend, textarea, pre, iframe, hr, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; } img { max-width: 100%; border: none; height: auto; } button { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } button:focus { outline: 0; box-shadow: none !important; } a, button, select, label { cursor: pointer; font-family: inherit; outline: none; } a:hover, button:hover, select:hover, label:hover { text-decoration: none; } input[type=password], input[type=email], input[type=date], input[type=text], input[type=file], input[type=url], textarea { outline: none; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: inherit; box-shadow: none; } a { color: #888; text-decoration: none; } a:hover { color: #ff7065; transition: 180ms color; } .hide, [v-cloak] { display: none; } .ad-desktop { display: block; } @media screen and (max-width: 768px) { .ad-desktop { display: none; } } .ad-mobile { display: none; } @media screen and (max-width: 768px) { .ad-mobile { display: flex; } } .ad { z-index: 1; width: 100%; max-width: 100%; overflow: hidden; text-align: center; } .ad:empty { display: none; } .ad img { display: block; width: 100%; height: auto; } .ad.ad-lb { display: none; position: fixed; top: 0; left: 0; z-index: 3; height: 100vh; min-width: 100%; background-color: rgba(0, 0, 0, 0.7); } .ad.ad-lb .ad-content { position: relative; display: flex; justify-content: center; transform: scale(0.646); } @media screen and (max-width: 414px) { .ad.ad-lb .ad-content { transform: scale(0.5); } } @media screen and (max-width: 360px) { .ad.ad-lb .ad-content { transform: scale(0.4); } } .ad.ad-lb .ad-content .close-ad { position: absolute; bottom: -90px; color: #fff; background: rgba(0, 0, 0, 0.7); text-align: center; padding: 15px; width: 100%; font-size: 36px; font-weight: bold; cursor: pointer; max-width: 640px; } .ad.ad-lb .ad-content iframe { max-width: none; } .ad.ad-fixed-bottom { text-align: center; position: fixed; bottom: 0; left: 0; z-index: 10; justify-content: center; } .ad.ad-fixed-bottom > div { position: relative; display: inline-block; } .ad.ad-fixed-bottom .close-ad { position: absolute; right: 0; top: 0; z-index: 1; color: #fff; background-color: rgba(0, 0, 0, 0.6); padding: 5px; width: 32px; cursor: pointer; } .ad iframe { max-width: 100%; } #app { flex: 1; } .star-full { background-image: url("/dist/images/star-full.svg"); background-size: cover; background-repeat: no-repeat; } .star-half { background-image: url("/dist/images/star-half.svg"); background-size: cover; background-repeat: no-repeat; } .star-null { background-image: url("/dist/images/star-empty.svg"); background-size: cover; background-repeat: no-repeat; } /* fg-ui */ /*
7
*/ .fg-avatar { position: relative; display: inline-block; box-shadow: 0px 3px 5px 0 rgba(0, 0, 0, 0.2); border-radius: 100%; width: 115px; height: 115px; padding: 4px; } @media screen and (max-width: 768px) { .fg-avatar { width: 22.1875vw; height: 22.1875vw; box-shadow: 0px 0.46875vw 0.78125vw 0 rgba(0, 0, 0, 0.2); padding: 0.78125vw; } } .fg-avatar .fg-avatar-img { border-radius: 100%; box-shadow: 0 0 0 3px #fff; width: 100%; height: 100%; background-color: #eee; background-image: url("/dist/images/default-avatar.png"); background-size: cover; background-repeat: no-repeat; background-position: center; } @media screen and (max-width: 768px) { .fg-avatar .fg-avatar-img { box-shadow: 0 0 0 0.46875vw #fff; } } .fg-avatar .fg-avatar-text { display: flex; align-items: center; justify-content: center; position: absolute; opacity: 0.75; background-size: cover; width: 100%; color: #fff; left: 0%; bottom: 0%; font-size: 16px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } @media screen and (max-width: 768px) { .fg-avatar .fg-avatar-text { width: 7.8125vw; height: 7.8125vw; font-size: 3.375vw; } } .fg-avatar .fg-level { display: flex; align-items: center; justify-content: center; position: absolute; background: url("/dist/images/level-bg.svg") no-repeat center center; background-size: cover; width: 35px; height: 35px; color: #fff; right: -6%; bottom: 3.5%; font-size: 16px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } @media screen and (max-width: 768px) { .fg-avatar .fg-level { width: 7.8125vw; height: 7.8125vw; font-size: 3.375vw; } } .fg-avatar.fg-avatar-lg { width: 80px; height: 80px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); padding: 4px; } .fg-avatar.fg-avatar-lg .fg-avatar-img { box-shadow: 0 0 0 3px #fff; } .fg-avatar.fg-avatar-lg .fg-level { width: 29px; height: 29px; font-size: 13px; min-width: 25px; min-height: 25px; } .fg-avatar.fg-avatar-md { width: 65px; height: 65px; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2); padding: 3px; } .fg-avatar.fg-avatar-md .fg-avatar-img { box-shadow: 0px 0px 0px 2px #fff; } .fg-avatar.fg-avatar-md .fg-level { width: 25px; height: 25px; font-size: 12px; } .fg-avatar.no-border { box-shadow: none; padding: 0; } .fg-avatar.no-border .fg-avatar-img { box-shadow: none; } .fg-award, .fg-pro-award, .fg-tab-award, .fg-fa-award, .fg-exp-award { background-size: contain; background-repeat: no-repeat; background-position: center; } .fg-award { background-image: url("https://front-www.fashionguide.com.tw/award/fg-award/fg-award.svg"); } .fg-award.fg-year-2017 { background-image: url("https://front-www.fashionguide.com.tw/award/fg-award/fg-award-2017.svg"); } .fg-award.fg-year-2018 { background-image: url("https://front-www.fashionguide.com.tw/award/fg-award/fg-award-2018.svg"); } .fg-award.fg-year-2019 { background-image: url("https://front-www.fashionguide.com.tw/award/fg-award/fg-award-2019.svg"); } .fg-award.fg-year-2020 { background-image: url("https://front-www.fashionguide.com.tw/award/fg-award/fg-award-2020.svg"); } .fg-award.fg-year-2021 { background-image: url("https://front-www.fashionguide.com.tw/award/fg-award/fg-award-2021.svg"); } .fg-pro-award { background-image: url("https://front-www.fashionguide.com.tw/award/pro-award/fg-pro-award.svg"); } .fg-pro-award.fg-year-2017 { background-image: url("https://front-www.fashionguide.com.tw/award/pro-award/fg-pro-award-2017.svg"); } .fg-pro-award.fg-year-2018 { background-image: url("https://front-www.fashionguide.com.tw/award/pro-award/fg-pro-award-2018.svg"); } .fg-pro-award.fg-year-2019 { background-image: url("https://front-www.fashionguide.com.tw/award/pro-award/fg-pro-award-2019.svg"); } .fg-pro-award.fg-year-2020 { background-image: url("https://front-www.fashionguide.com.tw/award/pro-award/fg-pro-award-2020.svg"); } .fg-pro-award.fg-year-2021 { background-image: url("https://front-www.fashionguide.com.tw/award/pro-award/fg-pro-award-2021.svg"); } .fg-tab-award { background-image: url("/dist/images/fg-tab.svg"); } .fg-exp-award { background-image: url("https://front-www.fashionguide.com.tw/award/exp-award/fg-exp-award-2020.png"); } .fg-exp-award.fg-year-2018 { background-image: url("https://front-www.fashionguide.com.tw/award/exp-award/fg-exp-award-2018.png"); } .fg-exp-award.fg-year-2019 { background-image: url("https://front-www.fashionguide.com.tw/award/exp-award/fg-exp-award-2019.png"); } .fg-exp-award.fg-year-2020 { background-image: url("https://front-www.fashionguide.com.tw/award/exp-award/fg-exp-award-2020.png"); } .fg-exp-award.fg-year-2021 { background-image: url("https://front-www.fashionguide.com.tw/award/exp-award/fg-exp-award-2021.png"); } .fg-fa-award { background-image: url("https://front-www.fashionguide.com.tw/award/fa-award/flight.png"); } .fg-fa-award.fg-year-2019 { background-image: url("https://front-www.fashionguide.com.tw/award/fa-award/fg-fa-award-2019.png"); } .fg-fa-award.fg-year-2020 { background-image: url("https://front-www.fashionguide.com.tw/award/fa-award/fg-fa-award-2020.png"); } .fg-fa-award.fg-year-2021 { background-image: url("https://front-www.fashionguide.com.tw/award/fa-award/fg-fa-award-2021.png"); } /* */ .fg-btn { display: inline-flex; align-items: center; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 14px; min-height: 22px; background: none; box-shadow: none; border: 0; cursor: pointer; transition: 400ms; line-height: normal; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } @media screen and (max-width: 768px) { .fg-btn { font-size: 3.75vw; min-height: 6.25vw; } } .fg-btn.fg-btn-md { min-height: 30px; font-size: 16px; } @media screen and (max-width: 768px) { .fg-btn.fg-btn-md { font-size: 4.21875vw; min-height: 8.4375vw; } } .fg-btn .fa { font-weight: inherit; text-align: center; } .fg-btn.pink { color: #ff8a82; border-color: #ff8a82; } .fg-btn.blue { color: #5fd4df; border-color: #5fd4df; } .fg-btn.gray { color: #ccc; border-color: #ccc; } .fg-btn .fg-btn-icon { display: flex; align-items: center; justify-content: center; } .fg-btn span { white-space: nowrap; } .fg-btn-a { border: 1px solid; border-radius: 100px; padding: 0 10px; } @media screen and (max-width: 768px) { .fg-btn-a { padding: 0 1.875vw; } } .fg-btn-a.no-border { border: 1px solid transparent; } .fg-btn-a.fg-btn-md { padding: 0 28px; } @media screen and (max-width: 768px) { .fg-btn-a.fg-btn-md { padding: 0 5.9375vw; } } .fg-btn-a .fg-btn-icon { margin-right: 6px; } @media screen and (max-width: 768px) { .fg-btn-a .fg-btn-icon { margin-right: 1.5625vw; } } .fg-btn-a .fg-btn-icon.loading { display: none; } .fg-btn-a.loading .fg-btn-icon:first-child { display: none; } .fg-btn-a.loading .fg-btn-icon.loading { display: inline-block; } .fg-btn-a.icon-right .fg-btn-icon { margin-left: 6px; margin-right: 0; } @media screen and (max-width: 768px) { .fg-btn-a.icon-right .fg-btn-icon { margin-left: 1.5625vw; } } .fg-btn-a.pink:hover { background-color: #ff8a82; color: #fff; } .fg-btn-a.pink.fg-hover { background-color: #ff8a82; color: #fff; } .fg-btn-a.pink.fg-hover:hover { background-color: #ff7065; color: #fff; } .fg-btn-a.blue:hover { background-color: #5fd4df; color: #fff; } .fg-btn-a.blue.fg-hover { background-color: #5fd4df; color: #fff; } .fg-btn-a.blue.fg-hover:hover { background-color: #4acedb; color: #fff; } .fg-btn-a.gray:hover { background-color: #ccc; color: #fff; } .fg-btn-a.gray.fg-hover { background-color: #ccc; color: #fff; } .fg-btn-a.gray.fg-hover:hover { background-color: #aaa; color: #fff; } .fg-btn-b, .fg-btn-c { border: 0; padding: 0; } .fg-btn-b .fg-btn-icon, .fg-btn-c .fg-btn-icon { margin: 0 6px 0 0; border: 1px solid; border-radius: 100%; width: 24px; font-size: 12px; height: 24px; } .fg-btn-b.no-border .fg-btn-icon, .fg-btn-c.no-border .fg-btn-icon { border: 0; } @media screen and (max-width: 768px) { .fg-btn-b .fg-btn-icon, .fg-btn-c .fg-btn-icon { width: 7.03125vw; height: 7.03125vw; font-size: 3.59375vw; line-height: 7.03125vw; margin: 0 1.5625vw 0 0; } } .fg-btn-b span, .fg-btn-c span { line-height: inherit; } .fg-btn-b.icon-right .fg-btn-icon, .fg-btn-c.icon-right .fg-btn-icon { margin: 0 0 0 6px; } @media screen and (max-width: 768px) { .fg-btn-b.icon-right .fg-btn-icon, .fg-btn-c.icon-right .fg-btn-icon { margin: 0 0 0 2.1875vw; } } .fg-btn-b.disabled, .fg-btn-c.disabled { color: #ccc; cursor: text; } .fg-btn-b.disabled .fg-btn-icon, .fg-btn-c.disabled .fg-btn-icon { border-color: #ccc; color: #fff; background-color: #ccc; } .fg-btn-b.pink .fg-btn-icon, .fg-btn-c.pink .fg-btn-icon { border-color: #ff8a82; } .fg-btn-b.pink.fg-hover .fg-btn-icon, .fg-btn-c.pink.fg-hover .fg-btn-icon { color: #fff; background-color: #ff8a82; } .fg-btn-b.pink.fg-hover:hover, .fg-btn-c.pink.fg-hover:hover { color: #ff7065; } .fg-btn-b.pink.fg-hover:hover .fg-btn-icon, .fg-btn-c.pink.fg-hover:hover .fg-btn-icon { background-color: #ff7065; } .fg-btn-b.blue .fg-btn-icon, .fg-btn-c.blue .fg-btn-icon { border-color: #5fd4df; } .fg-btn-b.blue.fg-hover .fg-btn-icon, .fg-btn-c.blue.fg-hover .fg-btn-icon { color: #fff; background-color: #5fd4df; } .fg-btn-b.blue.fg-hover:hover, .fg-btn-c.blue.fg-hover:hover { color: #4acedb; } .fg-btn-b.blue.fg-hover:hover .fg-btn-icon, .fg-btn-c.blue.fg-hover:hover .fg-btn-icon { background-color: #4acedb; } .fg-btn-b.gray .fg-btn-icon, .fg-btn-c.gray .fg-btn-icon { border-color: #ccc; } .fg-btn-b.gray.fg-hover .fg-btn-icon, .fg-btn-c.gray.fg-hover .fg-btn-icon { color: #fff; background-color: #ccc; } .fg-btn-b.gray.fg-hover:hover, .fg-btn-c.gray.fg-hover:hover { color: #aaa; } .fg-btn-b.gray.fg-hover:hover .fg-btn-icon, .fg-btn-c.gray.fg-hover:hover .fg-btn-icon { background-color: #aaa; } .fg-btn-b:hover .fg-btn-icon, .fg-btn-c:hover .fg-btn-icon { transition: 400ms background-color; } .fg-btn-b:hover.pink .fg-btn-icon, .fg-btn-c:hover.pink .fg-btn-icon { background-color: #ff8a82; color: #fff; } .fg-btn-b:hover.blue .fg-btn-icon, .fg-btn-c:hover.blue .fg-btn-icon { background-color: #5fd4df; color: #fff; } .fg-btn-b:hover.gray .fg-btn-icon, .fg-btn-c:hover.gray .fg-btn-icon { background-color: #ccc; color: #fff; } /* */ .icon-btn { display: flex; align-items: center; justify-content: center; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; background-color: transparent; padding: 0; text-align: center; width: 24px; height: 24px; vertical-align: middle; transition: 400ms; cursor: pointer; } @media screen and (max-width: 768px) { .icon-btn { width: 7.03125vw; height: 7.03125vw; } } .icon-btn.circle-border { border-radius: 100%; } .icon-btn .fa { font-size: 13px; vertical-align: middle; } .resize-group { display: flex; float: right; margin-left: auto; display: none; } .resize-group .resize-btn { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #aaa; font-weight: bold; line-height: 22px; padding: 0; vertical-align: middle; } @media screen and (max-width: 768px) { .resize-group .resize-btn { line-height: 6.71875vw; } } .resize-group .resize-normal { background-color: #fff; width: 45px; border-top-left-radius: 100px; border-bottom-left-radius: 100px; color: #aaa; font-size: 12px; } @media screen and (max-width: 768px) { .resize-group .resize-normal { width: 12.8125vw; font-size: 4.375vw; } } .resize-group .resize-enlarge { position: relative; width: 45px; border-top-right-radius: 100px; border-bottom-right-radius: 100px; border-left: 0; color: #fff; font-size: 18px; background-color: #aaa; text-align: left; padding-left: 10px; } @media screen and (max-width: 768px) { .resize-group .resize-enlarge { padding-left: 3.125vw; width: 12.8125vw; font-size: 5.625vw; } } .resize-group .resize-enlarge sup { position: absolute; top: -5px; font-size: 14px; font-weight: normal; } @media screen and (max-width: 768px) { .resize-group .resize-enlarge sup { font-size: inherit; } } @-webkit-keyframes placeholder-shimmer { 0% { background-position: -500px 0; } 100% { background-position: 100% 0; } } @keyframes placeholder-shimmer { 0% { background-position: -500px 0; } 100% { background-position: 100% 0; } } @-webkit-keyframes rotate-arrow-right-down { 0% { transform: rotate(0deg); } 50% { transform: rotate(45deg); } 100% { transform: rotate(90deg); } } @keyframes rotate-arrow-right-down { 0% { transform: rotate(0deg); } 50% { transform: rotate(45deg); } 100% { transform: rotate(90deg); } } @-webkit-keyframes rotate-arrow-down-right { 0% { transform: rotate(90deg); } 50% { transform: rotate(45deg); } 100% { transform: rotate(0deg); } } @keyframes rotate-arrow-down-right { 0% { transform: rotate(90deg); } 50% { transform: rotate(45deg); } 100% { transform: rotate(0deg); } } @-webkit-keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } @keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } /* */ .m-sidebar-nav { display: none; align-items: center; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 1.25vw 0; } @media screen and (max-width: 768px) { .m-sidebar-nav { display: flex; } } .m-sidebar-nav .m-sidebar-nav-icon { background-image: url("/dist/images/point-menu.svg"); background-size: contain; background-position: center; background-repeat: no-repeat; width: 6.25vw; height: 6.25vw; } .m-sidebar-nav .m-sidebar-nav-title { font-size: 4.375vw; color: #5fd4df; padding: 0 2.8125vw; } .m-sidebar-nav .m-sidebar-nav-icon-right { margin-left: auto; background: #5fd4df; width: 9.375vw; height: 9.375vw; display: flex; align-items: center; justify-content: center; font-size: 4.375vw; color: #fff; } .swal2-container * { font-family: Microsoft JhengHei, 微軟正黑體, sans-serif; } .swal2-container .swal2-popup .swal2-close { background: transparent; color: #ff7065; font-size: 30px; width: 30px; height: 30px; line-height: initial; border-radius: 100%; top: 18px; right: 18px; } .swal2-container .swal2-popup .swal2-close:hover { color: #ff7065; } @media screen and (max-width: 768px) { .swal2-container .swal2-popup .swal2-close { font-size: 7.8125vw; width: 7.8125vw; height: 7.8125vw; top: 2.8125vw; right: 2.8125vw; } } .swal2-container .swal2-popup .swal2-close svg, .swal2-container .swal2-popup .swal2-close i { position: absolute; top: 0; left: 0; } .swal2-container .swal2-popup.fg-alert .swal2-title { color: #fff; font-size: 26px; font-weight: normal; border-bottom: 1px solid #fff; padding-bottom: 20px; line-height: 1.31; margin: 0; } @media screen and (max-width: 768px) { .swal2-container .swal2-popup.fg-alert .swal2-title { font-size: 5.625vw; } } .swal2-container .swal2-popup.fg-alert .swal2-title:empty { display: none; } .swal2-container .swal2-popup.fg-alert .swal2-content { color: #fff; font-size: 16px; line-height: 1.5; padding: 25px 0; } @media screen and (max-width: 768px) { .swal2-container .swal2-popup.fg-alert .swal2-content { font-size: 4.375vw; padding: 4.6875vw 0; } } .swal2-container .swal2-popup.fg-alert .swal2-content .swal2-input, .swal2-container .swal2-popup.fg-alert .swal2-content .swal2-textarea { background-color: #fff; border: 0; color: #666; } .swal2-container .swal2-popup.fg-alert .swal2-actions { margin: 0; } .swal2-container .swal2-popup.fg-alert .swal2-actions button { background-color: #ffffff; color: #ff8a82; font-size: 16px; padding: 7px 20px; min-width: 150px; border-radius: 1000px; } @media screen and (max-width: 768px) { .swal2-container .swal2-popup.fg-alert .swal2-actions button { font-size: 4.375vw; border-width: 0.46875vw; padding: 0.78125vw 4.6875vw; } } .swal2-container .swal2-popup.fg-alert .swal2-actions.swal2-loading .swal2-styled.swal2-confirm { min-width: 0; } .swal2-container .swal2-popup.fg-iframe #swal2-content iframe { width: 100%; height: 90vh; } .swal2-container .swal2-popup.fg-iframe #swal2-content .login-close-icon { color: #ff8a82; right: 10px; position: absolute; top: 10px; width: 2rem; } .swal2-container .swal2-popup.fg-iframe #swal2-content .login-close-icon i { font-family: "Font Awesome 5 Free"; } .swal2-container .swal2-popup.fg-iframe #swal2-content .login-close-icon .fa-circle { font-size: 30px; } .swal2-container .swal2-popup.fg-iframe #swal2-content .login-close-icon .fa-times { font-size: 15px; line-height: 1; top: 20%; } .swal2-container .swal2-popup.fg-lb { border-radius: 0; border: 3px solid #ff8a82; } @media screen and (max-width: 768px) { .swal2-container .swal2-popup.fg-lb { padding: 9.375vw !important; } } .swal2-container .swal2-popup.fg-lb .swal2-title { font-size: 26px; color: #333; padding: 0 20px; border-left: 3px solid #ff8a82; line-height: 30px; text-align: left; margin-bottom: 33px; width: 100%; } @media screen and (max-width: 768px) { .swal2-container .swal2-popup.fg-lb .swal2-title { font-size: 6.875vw; line-height: 9.375vw; border-width: 0.78125vw; padding: 0 4.6875vw; } } .swal2-container .swal2-popup.fg-lb .swal2-content #swal2-content { font-weight: normal; font-size: 16px; line-height: 2.13; color: #333; text-align: left; } @media screen and (max-width: 768px) { .swal2-container .swal2-popup.fg-lb .swal2-content #swal2-content { font-size: 4.375vw; } } /*
最新文章 今日熱門
*/ .fg-tabs { display: flex; width: 100%; border-bottom: 1px solid #888; white-space: nowrap; max-width: 100%; overflow-x: auto; overflow-y: hidden; } .fg-tabs .fg-tab-item { position: relative; font-size: 14px; color: #888; display: inline-block; line-height: 30px; padding: 5px 9.5px; cursor: pointer; } @media screen and (max-width: 768px) { .fg-tabs .fg-tab-item { font-size: 4.375vw; padding-bottom: 1.71875vw; padding: 1.71875vw 3.046875vw; } } .fg-tabs .fg-tab-item:hover { color: #ff7065; } .fg-tabs .fg-tab-item.active { color: #ff7065; } .fg-tabs .fg-tab-item.active:after { content: ""; position: absolute; background-color: #ff7065; height: 4px; width: 100%; left: 0; bottom: -1px; } /* 美妝 */ .tag { display: inline-block; font-size: 14px; line-height: 22px; padding: 0 16px; border: 1px solid; border-radius: 100px; cursor: pointer; transition: 400ms background-color; } @media screen and (max-width: 768px) { .tag { font-size: 4.375vw; line-height: 6.875vw; padding: 0 3.125vw; } } .tag.tag-icon { display: inline-flex; align-items: center; padding: 0 16px 0 0; } .tag.tag-icon .tag-icon { display: inline-flex; align-items: center; font-size: 0.6em; margin-left: -2px; } @media screen and (max-width: 768px) { .tag.tag-icon .tag-icon { margin-left: 0; } } .tag.cat-tag { color: #ff8a82; border-color: #ff8a82; } .tag.cat-tag:hover { background-color: #ff8a82; color: #fff; } .tag.cat-tag:hover .tag-icon-inverse { color: #ff8a82; } .tag.cat-tag.orange { color: #ff9f36; border-color: #ff9f36; } .tag.cat-tag.orange:hover { background-color: #ff9f36; color: #fff; } .tag.cat-tag.orange:hover .tag-icon-inverse { color: #ff9f36; } .tag.cat-tag.pink { color: #ff7bbd; border-color: #ff7bbd; } .tag.cat-tag.pink:hover { background-color: #ff7bbd; color: #fff; } .tag.cat-tag.pink:hover .tag-icon-inverse { color: #ff7bbd; } .tag.cat-tag.gray { color: #888; border-color: #888; } .tag.cat-tag.gray:hover { background-color: #888; color: #fff; } .tag.cat-tag.gray:hover .tag-icon-inverse { color: #888; } .tag.cat-tag.green { color: #a9d445; border-color: #a9d445; } .tag.cat-tag.green:hover { background-color: #a9d445; color: #fff; } .tag.cat-tag.green:hover .tag-icon-inverse { color: #a9d445; } .tag.cat-tag.blue { color: #5fd4df; border-color: #5fd4df; } .tag.cat-tag.blue:hover { background-color: #5fd4df; color: #fff; } .tag.cat-tag.blue:hover .tag-icon-inverse { color: #5fd4df; } .tag.cat-tag.purple { color: #d48edf; border-color: #d48edf; } .tag.cat-tag.purple:hover { background-color: #d48edf; color: #fff; } .tag.cat-tag.purple:hover .tag-icon-inverse { color: #d48edf; } /*

最新文章

*/ .block-title { font-size: 26px; color: #333; padding: 0 20px; border-left: 3px solid #ff8a82; line-height: 30px; font-weight: bold; } @media screen and (max-width: 768px) { .block-title { font-size: 6.875vw; line-height: 9.375vw; border-width: 0.78125vw; padding: 0 4.6875vw; } } .fr-box { border: 1px solid #ccc; } .fr-box .fr-wrapper { box-shadow: none !important; } .fr-box .fr-toolbar { padding: 8px 0; box-shadow: none; border: 0; border-bottom: 1px solid #ccc; z-index: 1; } .fr-box .fr-toolbar .fr-separator { margin: 0; } .fr-box .fr-toolbar .fr-btn { font-size: 16px; text-align: center; color: #ff7065; } .fr-box .fr-toolbar .fr-btn.fr-active { color: #f45656; } .fr-box .fr-toolbar .fr-btn.fr-dropdown::after { border-top-color: #ff7065; } .fr-box .fr-toolbar .fr-popup .fr-colors-buttons { display: none; } .fr-box .fr-toolbar .fr-popup .fr-color-set .fr-select-color { cursor: pointer; } .fr-box .fr-toolbar .fr-popup .fr-color-set .fr-select-color:hover, .fr-box .fr-toolbar .fr-popup .fr-color-set .fr-select-color:focus { outline: 1px solid transparent; opacity: 0.9; } .fr-box .fr-toolbar .fr-popup .fr-color-set .fr-select-color svg, .fr-box .fr-toolbar .fr-popup .fr-color-set .fr-select-color i { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #ff7065; width: 16px; height: 16px; cursor: pointer; } .fr-popup { border-color: #ff7065 !important; } .fr-popup .fr-arrow { border-color: transparent; border-bottom-color: #ff7065; } .fr-popup.fr-above .fr-arrow { border-color: transparent; border-top-color: #ff7065; } .fr-popup .fr-btn.fr-dropdown::after { border-top-color: #ff7065 !important; } .fr-popup .fr-btn.fr-dropdown.fr-active { color: #f45656; } .fr-popup .fr-btn.fr-dropdown.fr-active:hover, .fr-popup .fr-btn.fr-dropdown.fr-active:active, .fr-popup .fr-btn.fr-dropdown.fr-active:focus { color: #f45656 !important; } .fr-popup .fr-btn.fr-dropdown.fr-active:hover::after, .fr-popup .fr-btn.fr-dropdown.fr-active:active::after, .fr-popup .fr-btn.fr-dropdown.fr-active:focus::after { border-top-color: #f45656 !important; } .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active { color: #f45656; } .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:active, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:focus { color: #f45656 !important; } .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover::after, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:active::after, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:focus::after { border-top-color: #f45656 !important; } .fr-popup .fr-buttons { box-shadow: none; } .fr-popup .fr-buttons .fr-btn { text-align: center; color: #ff7065; } .fr-popup .fr-input-line input[type=text] { margin: 6px 0 0; padding: 0; min-height: 32px; } .fr-popup .fr-input-line input[type=text]:focus { border-bottom: 1px solid #ff7065; } .fr-popup .fr-input-line input.fr-not-empty:focus + label { color: #ff7065; } .fr-popup .fr-action-buttons button.fr-command { color: #ff7065; } .fr-popup .fr-action-buttons button.fr-command:hover { color: #ff7065; } .fr-popup .fr-image-upload-layer { margin: 0 10px 10px; } .tooltips-award { position: absolute; z-index: 1; background: #fff; border: 1px solid #ff8a82; box-shadow: 0px 3px 2px 0 rgba(255, 138, 130, 0.35); border-radius: 5px; display: none; transform: translateX(-50%); max-width: 510px; width: 100%; } .tooltips-award .tooltips-wrapper { display: flex; align-items: center; max-width: 510px; padding: 30px 50px; } .tooltips-award .tooltips-wrapper div { background: url("https://front-www.fashionguide.com.tw/award/fg-award/fg-award.svg") no-repeat center; background-size: contain; width: 180px; height: 205px; flex: 0 0 auto; } .tooltips-award .tooltips-wrapper div.year-2017 { background-image: url("https://front-www.fashionguide.com.tw/award/fg-award/fg-award-2017.svg"); } .tooltips-award .tooltips-wrapper div.year-2018 { background-image: url("https://front-www.fashionguide.com.tw/award/fg-award/fg-award-2018.svg"); } .tooltips-award .tooltips-wrapper div.year-2019 { background-image: url("https://front-www.fashionguide.com.tw/award/fg-award/fg-award-2019.svg"); } .tooltips-award .tooltips-wrapper div.year-2020 { background-image: url("https://front-www.fashionguide.com.tw/award/fg-award/fg-award-2020.svg"); } .tooltips-award .tooltips-wrapper div.year-2021 { background-image: url("https://front-www.fashionguide.com.tw/award/fg-award/fg-award-2021.svg"); } .tooltips-award .tooltips-wrapper p { font-size: 14px; line-height: 1.86; padding: 0 0 0 30px; color: #333; } .tooltips-award.tooltips-fg-award .tooltips-wrapper div { background: url("https://front-www.fashionguide.com.tw/award/fg-award/fg-award.svg") no-repeat center; background-size: contain; } .tooltips-award.tooltips-fg-award .tooltips-wrapper div.year-2017 { background-image: url("https://front-www.fashionguide.com.tw/award/fg-award/fg-award-2017.svg"); } .tooltips-award.tooltips-fg-award .tooltips-wrapper div.year-2018 { background-image: url("https://front-www.fashionguide.com.tw/award/fg-award/fg-award-2018.svg"); } .tooltips-award.tooltips-fg-award .tooltips-wrapper div.year-2019 { background-image: url("https://front-www.fashionguide.com.tw/award/fg-award/fg-award-2019.svg"); } .tooltips-award.tooltips-fg-award .tooltips-wrapper div.year-2020 { background-image: url("https://front-www.fashionguide.com.tw/award/fg-award/fg-award-2020.svg"); } .tooltips-award.tooltips-fg-award .tooltips-wrapper div.year-2021 { background-image: url("https://front-www.fashionguide.com.tw/award/fg-award/fg-award-2021.svg"); } .tooltips-award.tooltips-pro-award .tooltips-wrapper div { background: url("https://front-www.fashionguide.com.tw/award/pro-award/fg-pro-award.svg") no-repeat center; background-size: contain; } .tooltips-award.tooltips-pro-award .tooltips-wrapper div.year-2017 { background-image: url("https://front-www.fashionguide.com.tw/award/pro-award/fg-pro-award-2017.svg"); } .tooltips-award.tooltips-pro-award .tooltips-wrapper div.year-2018 { background-image: url("https://front-www.fashionguide.com.tw/award/pro-award/fg-pro-award-2018.svg"); } .tooltips-award.tooltips-pro-award .tooltips-wrapper div.year-2019 { background-image: url("https://front-www.fashionguide.com.tw/award/pro-award/fg-pro-award-2019.svg"); } .tooltips-award.tooltips-pro-award .tooltips-wrapper div.year-2020 { background-image: url("https://front-www.fashionguide.com.tw/award/pro-award/fg-pro-award-2020.svg"); } .tooltips-award.tooltips-pro-award .tooltips-wrapper div.year-2021 { background-image: url("https://front-www.fashionguide.com.tw/award/pro-award/fg-pro-award-2021.svg"); } .aspect-ratio-image { position: relative; /*因為容器所有子元素需要絕對定位*/ height: 0; /*容器高度是由padding來控制，盒模型原理告訴你一切*/ width: 100%; display: block; } .aspect-ratio-image.aspect-ratio-16-9 { padding-top: 56.25%; } .aspect-ratio-image.aspect-ratio-4-3 { padding-top: 75%; } .aspect-ratio-video.aspect-ratio-16-9 { position: relative; padding-bottom: 56.25%; overflow: hidden; } .aspect-ratio-video.aspect-ratio-16-9 iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .text-fg-gray-lightest { color: #eee; } .text-fg-gray-lighter { color: #ccc; } .text-fg-gray-light { color: #aaa; } .text-fg-gray-dark { color: #888; } .text-fg-gray-darker { color: #666; } .text-fg-gray-darkest { color: #333; } .text-fg-lightest { color: #fff7f7; } .text-fg-lighter { color: #ffeeee; } .text-fg-light { color: #ffaead; } .text-fg-dark { color: #ff8a82; } a.text-fg-dark:hover { color: #f45656; } .text-fg-darker { color: #ff7065; } .text-fg-darkest { color: #f45656; } .fg-table .fg-row { background: #fff; border-bottom: 1px solid #ccc; display: flex; align-items: center; padding: 6px 0; margin: 15px 0 0 0; } @media screen and (max-width: 768px) { .fg-table .fg-row { padding: 3.90625vw 0; margin-top: 0; } } .fg-table .fg-row .fg-column-left { display: flex; align-items: center; justify-content: center; font-size: 14px; color: #333; width: 100px; flex: 0 0 auto; } @media screen and (max-width: 768px) { .fg-table .fg-row .fg-column-left { font-size: 3.4375vw; width: 23.4375vw; } } .fg-table .fg-row .fg-column-right { display: flex; flex-wrap: wrap; align-items: center; padding: 0 0 0 15px; flex: 1; font-size: 14px; color: #333; border-left: 1px solid #ccc; min-height: 27px; overflow: hidden; } @media screen and (max-width: 768px) { .fg-table .fg-row .fg-column-right { font-size: 3.4375vw; padding: 0 0 0 3.75vw; min-height: 7.8125vw; } } .fg-table .fg-row .fg-column-right input[type=text], .fg-table .fg-row .fg-column-right input[type=password], .fg-table .fg-row .fg-column-right input[type=date] { font-size: inherit; color: inherit; border: 0; width: 100%; padding: 0; flex: 1; } .fg-table .fg-row .fg-column-right input[type=text]::-moz-placeholder, .fg-table .fg-row .fg-column-right input[type=password]::-moz-placeholder, .fg-table .fg-row .fg-column-right input[type=date]::-moz-placeholder { font-size: inherit; color: #ccc; } .fg-table .fg-row .fg-column-right input[type=text]:-ms-input-placeholder, .fg-table .fg-row .fg-column-right input[type=password]:-ms-input-placeholder, .fg-table .fg-row .fg-column-right input[type=date]:-ms-input-placeholder { font-size: inherit; color: #ccc; } .fg-table .fg-row .fg-column-right input[type=text]::placeholder, .fg-table .fg-row .fg-column-right input[type=password]::placeholder, .fg-table .fg-row .fg-column-right input[type=date]::placeholder { font-size: inherit; color: #ccc; } .fg-table .fg-row .fg-column-right.row-reset-password { padding: 0; } .fg-table .fg-row .fg-column-right.row-reset-password input { width: 50%; padding: 0 15px; } .fg-table .fg-row .fg-column-right.row-reset-password input:first-child { border-right: 1px solid #ccc; } @media screen and (max-width: 768px) { .fg-table .fg-row .fg-column-right.row-reset-password input { padding: 0 3.75vw; } } .fg-table .fg-row .fg-column-right .fg-table-text { overflow: hidden; white-space: nowrap; word-break: break-all; text-overflow: ellipsis; display: block; flex: 1; padding-right: 20px; } @media screen and (max-width: 768px) { .fg-table .fg-row .fg-column-right .fg-table-text { padding-right: 3.125vw; } } .fg-table .fg-row-non-grid { background: #fff; display: flex; align-items: center; } @media screen and (max-width: 768px) { .fg-table .fg-row-non-grid { margin-top: 0; } } .fg-table .fg-row-non-grid .fg-column-left { display: flex; align-items: center; justify-content: flex-end; flex: 0 0 auto; min-height: 54px; font-size: 16px; color: #333; } @media screen and (max-width: 768px) { .fg-table .fg-row-non-grid .fg-column-left { justify-content: flex-start; min-height: 40px; align-items: flex-end; padding: 0 0 2px 33px; font-size: 4.375vw; } } .fg-table .fg-row-non-grid .fg-column-right { min-height: 54px; padding-left: 10px; border-left: 3px solid #f9f9f9; font-size: 16px; color: #333; overflow: hidden; } @media screen and (max-width: 768px) { .fg-table .fg-row-non-grid .fg-column-right { min-height: auto; padding-left: 0; border-left: 0; font-size: 4.375vw; } } .fg-table .fg-row-non-grid .fg-column-right input[type=text], .fg-table .fg-row-non-grid .fg-column-right input[type=date] { width: 100%; height: 40px; background-color: #f9f9f9; padding: 0 18px; border: 0; border-radius: 20px; font-size: inherit; color: inherit; } .fg-table .fg-row-non-grid .fg-column-right input[type=text]::-moz-placeholder, .fg-table .fg-row-non-grid .fg-column-right input[type=date]::-moz-placeholder { font-size: inherit; color: #ccc; } .fg-table .fg-row-non-grid .fg-column-right input[type=text]:-ms-input-placeholder, .fg-table .fg-row-non-grid .fg-column-right input[type=date]:-ms-input-placeholder { font-size: inherit; color: #ccc; } .fg-table .fg-row-non-grid .fg-column-right input[type=text]::placeholder, .fg-table .fg-row-non-grid .fg-column-right input[type=date]::placeholder { font-size: inherit; color: #ccc; } @media screen and (max-width: 768px) { .fg-table .fg-row-non-grid .fg-column-right input[type=text]::-moz-placeholder, .fg-table .fg-row-non-grid .fg-column-right input[type=date]::-moz-placeholder { font-size: 4.0625vw; } .fg-table .fg-row-non-grid .fg-column-right input[type=text]:-ms-input-placeholder, .fg-table .fg-row-non-grid .fg-column-right input[type=date]:-ms-input-placeholder { font-size: 4.0625vw; } .fg-table .fg-row-non-grid .fg-column-right input[type=text]::placeholder, .fg-table .fg-row-non-grid .fg-column-right input[type=date]::placeholder { font-size: 4.0625vw; } } .fg-table .fg-row-non-grid .fg-column-right .fg-table-text { display: flex; align-items: center; justify-content: flex-start; font-size: 16px; word-break: break-all; text-overflow: ellipsis; } @media screen and (max-width: 768px) { .fg-table .fg-row-non-grid .fg-column-right .fg-table-text { padding-left: 6.25vw; font-size: 4.375vw; } } .fg-table .fg-row-non-grid .fg-column-right .fg-input-radio-frame { width: 100%; height: 40px; display: flex; align-items: center; background-color: #f9f9f9; margin-right: 15px; border: 0; border-radius: 20px; } .fg-table .fg-row-non-grid .fg-column-right .fg-column-message { display: flex; align-items: center; justify-content: flex-end; padding-right: 30px; font-size: 14px; color: #5fd4df; text-align: right; } @media screen and (max-width: 768px) { .fg-table .fg-row-non-grid .fg-column-right .fg-column-message { font-size: 4.375vw; } } .fg-table .fg-row-non-grid .fg-column-right .fg-column-message .fg-column-message-icon { padding: 2px; border: 1px solid; border-radius: 100px; } .fg-table .fg-row-non-grid .fg-column-right .fg-column-alert { visibility: hidden; display: none; align-items: center; justify-content: flex-end; padding-right: 30px; font-size: 14px; color: #ff8a82; text-align: right; } @media screen and (max-width: 768px) { .fg-table .fg-row-non-grid .fg-column-right .fg-column-alert { font-size: 4.375vw; } } .fg-table .fg-row-non-grid .fg-column-right .fg-column-alert .fg-column-alert-icon { padding: 2px; } .fg-table .fg-row-non-grid .row-reset-password { min-height: 54px; padding-left: 10px; border-left: 3px solid #f9f9f9; font-size: 16px; color: #333; overflow: hidden; } @media screen and (max-width: 768px) { .fg-table .fg-row-non-grid .row-reset-password { min-height: 100px; padding-left: 0; border-left: 0; font-size: 4.375vw; } } .fg-table .fg-row-non-grid .row-reset-password input[type=password] { width: 100%; height: 40px; background-color: #f9f9f9; padding: 0 18px; border: 0; border-radius: 20px; font-size: 16px; color: inherit; } .fg-table .fg-row-non-grid .row-reset-password input[type=password]::-moz-placeholder { font-size: inherit; color: #ccc; } .fg-table .fg-row-non-grid .row-reset-password input[type=password]:-ms-input-placeholder { font-size: inherit; color: #ccc; } .fg-table .fg-row-non-grid .row-reset-password input[type=password]::placeholder { font-size: inherit; color: #ccc; } @media screen and (max-width: 768px) { .fg-table .fg-row-non-grid .row-reset-password input[type=password]::-moz-placeholder { font-size: 4.0625vw; } .fg-table .fg-row-non-grid .row-reset-password input[type=password]:-ms-input-placeholder { font-size: 4.0625vw; } .fg-table .fg-row-non-grid .row-reset-password input[type=password]::placeholder { font-size: 4.0625vw; } } @media screen and (max-width: 768px) { .fg-table .fg-row-non-grid .row-reset-password input[type=password] { font-size: 4.375vw; } } .fg-table .input-check-group { padding: 0 0 0 18px; margin: 4px 20px 4px 0; } @media screen and (max-width: 768px) { .fg-table .input-check-group { margin: 1.5625vw 3.125vw 1.5625vw 0; } } .fg-table .input-check-group:last-child { margin-right: 0; } .fg-table .input-check-group label { padding-left: 22px; margin-bottom: 0; font-size: 16px; } @media screen and (max-width: 768px) { .fg-table .input-check-group label { padding-left: 5.78125vw; font-size: 4.375vw; } } @media screen and (max-width: 768px) { .fg-table .input-check-group label:before { width: 3.75vw; height: 3.75vw; } } ::-moz-placeholder { font-family: inherit; color: #888; } :-ms-input-placeholder { font-family: inherit; color: #888; } ::placeholder { font-family: inherit; color: #888; } /*
*/ .input-icon-group { position: relative; } .input-icon-group input { width: 100%; line-height: 33px; height: 33px; font-size: 16px; padding: 0 46px 0 15px; color: #333; border: 1px solid #ccc; } .input-icon-group a, .input-icon-group svg, .input-icon-group i { position: absolute; top: 0; right: 15px; height: 35px; color: #ff8a82; font-size: 20px; } .input-icon-group a svg, .input-icon-group a i { position: relative; top: initial; right: initial; } /* checkbox group */ .input-check-group label { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; padding-left: 20px; font-size: 16px; color: #333; } @media screen and (max-width: 768px) { .input-check-group label { font-size: 3.4375vw; padding-left: 6.25vw; } } .input-check-group label:before { content: ""; position: absolute; left: 0; top: 50%; width: 16px; height: 16px; transform: translate(0, -50%); background-size: 65%; background-repeat: no-repeat; background-position: center; } @media screen and (max-width: 768px) { .input-check-group label:before { width: 4.375vw; height: 4.375vw; } } .input-check-group input[type=checkbox] + label:before { border-radius: 2px; } .input-check-group input[type=radio] + label:before { border-radius: 100%; } .input-check-group input[type=checkbox], .input-check-group input[type=radio] { position: absolute; left: -9999px; } .input-check-group input[type=checkbox] + label:before, .input-check-group input[type=radio] + label:before { background-image: none; background-color: #fff; border: 2px solid #ccc; } .input-check-group input[type=checkbox]:checked + label:before, .input-check-group input[type=radio]:checked + label:before { background-image: url("/dist/images/correct-symbol.svg"); background-color: #ff8a82; border: 0; } .input-check-group input[type=checkbox]:disabled + label:before, .input-check-group input[type=radio]:disabled + label:before { background-color: #ccc; border: 0; } .input-check-group input[type=checkbox]:disabled + label, .input-check-group input[type=radio]:disabled + label { color: #ccc; } /*
*/ .fg-select { display: flex; position: relative; height: 25px; width: auto; cursor: pointer; overflow: hidden; } @media screen and (max-width: 768px) { .fg-select { height: 7.5vw; } } .fg-select .fg-select-icon { position: absolute; color: #ff8a82; font-size: 16px; height: 100%; right: 0; top: 0; right: 10px; } @media screen and (max-width: 768px) { .fg-select .fg-select-icon { font-size: 3.5vw; right: 3.125vw; } } .fg-select:before, .fg-select:after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); bottom: 0; right: 10px; width: 0; height: 0; border: solid; border-width: 7px 5px 0; border-color: #ff8a82 transparent transparent; z-index: 1; pointer-events: none; } @media screen and (max-width: 768px) { .fg-select:before, .fg-select:after { border-width: 1.5625vw 1.09375vw 0; right: 3.125vw; } } .fg-select select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #ccc; border-radius: 0; width: 100%; height: 100%; color: #333; font-size: 14px; padding: 0 28px 0 10px; background: #fff; max-width: 100%; } @media screen and (max-width: 768px) { .fg-select select { font-size: 3.4375vw; padding: 0 8.125vw 0 3.125vw; } } .fg-select select::-ms-expand { display: none; } .fg-select-round-corner { width: 100%; height: 40px; display: flex; position: relative; cursor: pointer; } .fg-select-round-corner .fg-select-icon { height: 100%; position: absolute; top: 0; right: 10px; font-size: 16px; color: #ff8a82; } @media screen and (max-width: 768px) { .fg-select-round-corner .fg-select-icon { right: 3.125vw; font-size: 3.5vw; } } .fg-select-round-corner:before, .fg-select-round-corner:after { width: 0; height: 0; content: ""; position: absolute; top: 50%; transform: translateY(-50%); bottom: 0; right: 33px; border: solid; border-width: 7px 5px 0; border-color: #ff8a82 transparent transparent; z-index: 1; pointer-events: none; } @media screen and (max-width: 768px) { .fg-select-round-corner:before, .fg-select-round-corner:after { border-width: 1.5625vw 1.09375vw 0; } } .fg-select-round-corner select { width: 100%; height: 100%; max-width: 100%; -webkit-appearance: none; padding: 0 18px; background: #f9f9f9; -moz-appearance: none; appearance: none; border: 0px; border-radius: 20px; font-size: 16px; color: #333; } @media screen and (max-width: 768px) { .fg-select-round-corner select { font-size: 4.375vw; } } .fg-select-round-corner select::-ms-expand { display: none; } /* components */ #header { position: relative; width: 100%; z-index: 20; } #header .header-wrapper { position: relative; z-index: 2; background-color: #fff; } #header .header-wrapper ul { list-style: none; display: inline-block; padding: 0; } #header .header-wrapper .nav-row-top { position: relative; z-index: 3; background: #fff; border-top: 5px solid #ff8a82; border-bottom: 1px solid #ff8a82; } @media screen and (max-width: 1024px) { #header .header-wrapper .nav-row-top { background-color: #ff8a82; border: 0; } } #header .header-wrapper .nav-row-top .nav-top-wrapper { display: flex; align-items: center; max-width: 1030px; width: 100%; min-height: 75px; margin: 0 auto; padding: 0 15px; } @media screen and (max-width: 1024px) { #header .header-wrapper .nav-row-top .nav-top-wrapper { max-width: 100%; padding: 0 30px; min-height: 70px; } } @media screen and (max-width: 768px) { #header .header-wrapper .nav-row-top .nav-top-wrapper { min-height: 14.0625vw; padding: 0 4.6875vw; } } #header .header-wrapper .nav-row-top .brand svg, #header .header-wrapper .nav-row-top .brand i { display: inline-block; vertical-align: middle; width: 100%; height: auto; max-width: 240px; } @media screen and (max-width: 768px) { #header .header-wrapper .nav-row-top .brand svg, #header .header-wrapper .nav-row-top .brand i { max-width: 48.4375vw; } } #header .header-wrapper .nav-row-top .brand svg .cls-1, #header .header-wrapper .nav-row-top .brand i .cls-1 { fill: #ff8a82; } @media screen and (max-width: 1024px) { #header .header-wrapper .nav-row-top .brand svg .cls-1, #header .header-wrapper .nav-row-top .brand i .cls-1 { fill: #fff; } } #header .header-wrapper .nav-row-top .brand svg .cls-2, #header .header-wrapper .nav-row-top .brand i .cls-2 { fill: #888; } @media screen and (max-width: 1024px) { #header .header-wrapper .nav-row-top .brand svg .cls-2, #header .header-wrapper .nav-row-top .brand i .cls-2 { fill: #fff; } } #header .header-wrapper .nav-row-top .brand svg .cls-3, #header .header-wrapper .nav-row-top .brand i .cls-3 { fill: #666; } @media screen and (max-width: 1024px) { #header .header-wrapper .nav-row-top .brand svg .cls-3, #header .header-wrapper .nav-row-top .brand i .cls-3 { fill: #fff; } } #header .header-wrapper .nav-row-top .header-info { margin-left: auto; } #header .header-wrapper .nav-row-top .header-info ul { display: flex; align-items: center; } #header .header-wrapper .nav-row-top .header-info ul li { display: flex; align-items: center; height: 30px; } @media screen and (max-width: 1024px) { #header .header-wrapper .nav-row-top .header-info ul li { height: auto; } } #header .header-wrapper .nav-row-top .header-info ul li.user-info { font-size: 14px; margin-right: 15px; } @media screen and (max-width: 1024px) { #header .header-wrapper .nav-row-top .header-info ul li.user-info { margin-right: 0; } } #header .header-wrapper .nav-row-top .header-info ul li.user-info .account-data { position: relative; display: none; border-radius: 100%; } @media screen and (max-width: 1024px) { #header .header-wrapper .nav-row-top .header-info ul li.user-info .account-data { display: none; } } #header .header-wrapper .nav-row-top .header-info ul li.user-info .account-data .account-desc { display: flex; align-items: center; } #header .header-wrapper .nav-row-top .header-info ul li.user-info .account-data .account-desc .header-user-avatar { background-image: url("/dist/images/default-avatar.png"); background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 100%; width: 30px; height: 30px; } #header .header-wrapper .nav-row-top .header-info ul li.user-info .account-data .account-desc .header-user-level { display: flex; align-items: center; justify-content: center; margin-left: -4px; background-image: url("/dist/images/level-bg.svg"); background-repeat: no-repeat; background-position: center; background-size: cover; width: 25px; height: 25px; font-size: 12px; text-align: center; color: #fff; } #header .header-wrapper .nav-row-top .header-info ul li.user-info .account-data .account-desc .header-user-nickname { color: #ff7065; font-size: 14px; margin-left: 4px; } #header .header-wrapper .nav-row-top .header-info ul li.user-info .account-data .gscore-info { display: flex; align-items: center; color: #ff8a82; height: 24px; margin-left: 18px; position: relative; background: #ffeeee; border-top-right-radius: 100px; border-bottom-right-radius: 100px; padding: 0 10px 0 5px; } #header .header-wrapper .nav-row-top .header-info ul li.user-info .account-data .gscore-info:before { content: ""; position: absolute; left: -26px; width: 1.875em; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-right-style: solid; border-right-width: 12px; border-right-color: #ffeeee; } #header .header-wrapper .nav-row-top .header-info ul li.user-info .account-data .gscore-info img { width: auto; height: 18px; margin: 0 3px 0 5px; } #header .header-wrapper .nav-row-top .header-info ul li.user-info .account-center { color: #ff7065; display: flex; align-items: center; justify-content: center; cursor: pointer; } #header .header-wrapper .nav-row-top .header-info ul li.user-info .account-center .header-user-avatar { background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 100%; width: 30px; height: 30px; } #header .header-wrapper .nav-row-top .header-info ul li.user-info .account-center span { font-size: 14px; } @media screen and (max-width: 1024px) { #header .header-wrapper .nav-row-top .header-info ul li.user-info .account-center span { display: none; } } #header .header-wrapper .nav-row-top .header-info ul li.user-info .account-center svg, #header .header-wrapper .nav-row-top .header-info ul li.user-info .account-center i { font-size: 21px; margin-right: 9px; vertical-align: middle; } @media screen and (max-width: 1024px) { #header .header-wrapper .nav-row-top .header-info ul li.user-info .account-center svg, #header .header-wrapper .nav-row-top .header-info ul li.user-info .account-center i { font-size: 25px; color: #fff; margin: 0; } } @media screen and (max-width: 768px) { #header .header-wrapper .nav-row-top .header-info ul li.user-info .account-center svg, #header .header-wrapper .nav-row-top .header-info ul li.user-info .account-center i { font-size: 6.25vw; } } #header .header-wrapper .nav-row-top .header-info ul li.search { padding: 0 15px; border-left: 1px solid #ffafae; } @media screen and (max-width: 1024px) { #header .header-wrapper .nav-row-top .header-info ul li.search { border: none; } } @media screen and (max-width: 768px) { #header .header-wrapper .nav-row-top .header-info ul li.search { padding: 0 3.90625vw; } } #header .header-wrapper .nav-row-top .header-info ul li.search label { color: #ff7065; display: flex; align-items: center; justify-content: center; cursor: pointer; } @media screen and (max-width: 1024px) { #header .header-wrapper .nav-row-top .header-info ul li.search label { color: #fff; } } #header .header-wrapper .nav-row-top .header-info ul li.search label svg, #header .header-wrapper .nav-row-top .header-info ul li.search label i { vertical-align: middle; font-size: 20px; } @media screen and (max-width: 1024px) { #header .header-wrapper .nav-row-top .header-info ul li.search label svg, #header .header-wrapper .nav-row-top .header-info ul li.search label i { font-size: 25px; } } @media screen and (max-width: 768px) { #header .header-wrapper .nav-row-top .header-info ul li.search label svg, #header .header-wrapper .nav-row-top .header-info ul li.search label i { font-size: 6.25vw; } } #header .header-wrapper .nav-row-top .header-info ul li.search label svg path, #header .header-wrapper .nav-row-top .header-info ul li.search label i path { fill: #ff8a82; } @media screen and (max-width: 1024px) { #header .header-wrapper .nav-row-top .header-info ul li.search label svg path, #header .header-wrapper .nav-row-top .header-info ul li.search label i path { fill: #fff; } } #header .header-wrapper .nav-row-top .header-info ul li.social-icons { display: flex; align-items: center; border-left: 1px solid #ffafae; border-right: 1px solid #ffafae; padding: 0 15px; } @media screen and (max-width: 1024px) { #header .header-wrapper .nav-row-top .header-info ul li.social-icons { display: none; } } #header .header-wrapper .nav-row-top .header-info ul li.social-icons a { display: flex; align-items: center; justify-content: center; padding: 0 5px; font-size: 22.86px; color: #666; } #header .header-wrapper .nav-row-top .header-info ul li.social-icons a:first-child { padding-left: 0; } #header .header-wrapper .nav-row-top .header-info ul li.social-icons a:last-child { padding-right: 0; } #header .header-wrapper .nav-row-top .header-info ul li.social-icons a svg { width: 21px; height: 21px; border-radius: 4px; } #header .header-wrapper .nav-row-top .header-info ul li.social-icons a svg .tiktok-cls-1 { opacity: 0.95; fill: #666; } #header .header-wrapper .nav-row-top .header-info ul li.menu { display: none; color: #fff; } @media screen and (max-width: 1024px) { #header .header-wrapper .nav-row-top .header-info ul li.menu { display: flex; align-items: center; justify-content: center; } #header .header-wrapper .nav-row-top .header-info ul li.menu label { display: flex; align-items: center; justify-content: center; font-size: 28.58px; } } @media screen and (max-width: 1024px) and (max-width: 768px) { #header .header-wrapper .nav-row-top .header-info ul li.menu label { font-size: 7.14375vw; } } #header .header-wrapper .nav-row-top .header-info ul.logged-in li.user-info .account-data { display: flex; align-items: center; } @media screen and (max-width: 1024px) { #header .header-wrapper .nav-row-top .header-info ul.logged-in li.user-info .account-data { display: none; } } #header .header-wrapper .nav-row-top .header-info ul.logged-in li.user-info .account-center { display: none; } @media screen and (max-width: 1024px) { #header .header-wrapper .nav-row-top .header-info ul.logged-in li.user-info .account-center { display: flex; } } #header .header-wrapper .nav-row-bottom { position: relative; z-index: 1; color: #333; text-align: center; border-bottom: 1px solid #ff8a82; background: #fff; } @media screen and (max-width: 1024px) { #header .header-wrapper .nav-row-bottom { transition: transform 0.5s ease-in-out; border: 0; z-index: 9; position: fixed; overflow-y: scroll; background: #ff8a82; max-width: 440px; max-height: 100vh; min-height: 100vh; width: 100%; color: #fff; top: 0; right: 0; transform: translateX(100%); } } @media screen and (max-width: 768px) { #header .header-wrapper .nav-row-bottom { max-width: 68.75vw; } } #header .header-wrapper .nav-row-bottom .nav-column { max-width: 1030px; display: flex; margin: 0 auto; justify-content: space-between; padding: 0 15px; } @media screen and (max-width: 1024px) { #header .header-wrapper .nav-row-bottom .nav-column { max-width: 100%; width: 100%; text-align: left; margin-bottom: 80px; flex-direction: column; padding: 0; } } #header .header-wrapper .nav-row-bottom .nav-column .nav-item, #header .header-wrapper .nav-row-bottom .nav-column .nav-item-m { line-height: 50px; padding: 0 14px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #header .header-wrapper .nav-row-bottom .nav-column .nav-item:nth-child(3), #header .header-wrapper .nav-row-bottom .nav-column .nav-item-m:nth-child(3) { padding-left: 0; } #header .header-wrapper .nav-row-bottom .nav-column .nav-item:last-child, #header .header-wrapper .nav-row-bottom .nav-column .nav-item-m:last-child { padding-right: 0; } @media screen and (max-width: 1024px) { #header .header-wrapper .nav-row-bottom .nav-column .nav-item, #header .header-wrapper .nav-row-bottom .nav-column .nav-item-m { width: 100%; border-bottom: 1px solid #ffafae; padding: 0; line-height: 70px; } } @media screen and (max-width: 768px) { #header .header-wrapper .nav-row-bottom .nav-column .nav-item, #header .header-wrapper .nav-row-bottom .nav-column .nav-item-m { line-height: 14.0625vw; } } #header .header-wrapper .nav-row-bottom .nav-column .nav-item .nav-title, #header .header-wrapper .nav-row-bottom .nav-column .nav-item-m .nav-title { display: flex; } #header .header-wrapper .nav-row-bottom .nav-column .nav-item .nav-title .arrow-column, #header .header-wrapper .nav-row-bottom .nav-column .nav-item-m .nav-title .arrow-column { display: none; width: 80px; text-align: center; } @media screen and (max-width: 1024px) { #header .header-wrapper .nav-row-bottom .nav-column .nav-item .nav-title .arrow-column, #header .header-wrapper .nav-row-bottom .nav-column .nav-item-m .nav-title .arrow-column { display: block; visibility: hidden; } } @media screen and (max-width: 768px) { #header .header-wrapper .nav-row-bottom .nav-column .nav-item .nav-title .arrow-column, #header .header-wrapper .nav-row-bottom .nav-column .nav-item-m .nav-title .arrow-column { width: 13.28125vw; } } #header .header-wrapper .nav-row-bottom .nav-column .nav-item .nav-title .arrow-column svg, #header .header-wrapper .nav-row-bottom .nav-column .nav-item .nav-title .arrow-column i, #header .header-wrapper .nav-row-bottom .nav-column .nav-item-m .nav-title .arrow-column svg, #header .header-wrapper .nav-row-bottom .nav-column .nav-item-m .nav-title .arrow-column i { display: none; } @media screen and (max-width: 1024px) { #header .header-wrapper .nav-row-bottom .nav-column .nav-item .nav-title .arrow-column svg, #header .header-wrapper .nav-row-bottom .nav-column .nav-item .nav-title .arrow-column i, #header .header-wrapper .nav-row-bottom .nav-column .nav-item-m .nav-title .arrow-column svg, #header .header-wrapper .nav-row-bottom .nav-column .nav-item-m .nav-title .arrow-column i { display: inline-block; -webkit-animation-name: rotate-arrow-down-right; animation-name: rotate-arrow-down-right; transition: transform 400ms; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } } @media screen and (max-width: 768px) { #header .header-wrapper .nav-row-bottom .nav-column .nav-item .nav-title .arrow-column svg, #header .header-wrapper .nav-row-bottom .nav-column .nav-item .nav-title .arrow-column i, #header .header-wrapper .nav-row-bottom .nav-column .nav-item-m .nav-title .arrow-column svg, #header .header-wrapper .nav-row-bottom .nav-column .nav-item-m .nav-title .arrow-column i { font-size: 3.125vw; } } #header .header-wrapper .nav-row-bottom .nav-column .nav-item .nav-title .arrow-column .rotate-down, #header .header-wrapper .nav-row-bottom .nav-column .nav-item-m .nav-title .arrow-column .rotate-down { -webkit-animation-name: rotate-arrow-right-down; animation-name: rotate-arrow-right-down; transition: transform 400ms; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #header .header-wrapper .nav-row-bottom .nav-column .nav-item .nav-title .nav-link-fg span, #header .header-wrapper .nav-row-bottom .nav-column .nav-item-m .nav-title .nav-link-fg span { font-size: 12px; color: #ff8a82; } @media screen and (max-width: 1024px) { #header .header-wrapper .nav-row-bottom .nav-column .nav-item .nav-title .nav-link-fg span, #header .header-wrapper .nav-row-bottom .nav-column .nav-item-m .nav-title .nav-link-fg span { font-size: 1.25vw; color: #fff; } } @media screen and (max-width: 768px) { #header .header-wrapper .nav-row-bottom .nav-column .nav-item .nav-title .nav-link-fg span, #header .header-wrapper .nav-row-bottom .nav-column .nav-item-m .nav-title .nav-link-fg span { font-size: 3.75vw; color: #fff; } } #header .header-wrapper .nav-row-bottom .nav-column .nav-item .nav-title .nav-link-fg.highlight, #header .header-wrapper .nav-row-bottom .nav-column .nav-item-m .nav-title .nav-link-fg.highlight { color: #ff8a82; } #header .header-wrapper .nav-row-bottom .nav-column .nav-item .nav-title .nav-link-fg:hover, #header .header-wrapper .nav-row-bottom .nav-column .nav-item-m .nav-title .nav-link-fg:hover { color: #ff8a82; } @media screen and (max-width: 1024px) { #header .header-wrapper .nav-row-bottom .nav-column .nav-item .nav-title .nav-link-fg, #header .header-wrapper .nav-row-bottom .nav-column .nav-item-m .nav-title .nav-link-fg { color: #fff; z-index: 2; } #header .header-wrapper .nav-row-bottom .nav-column .nav-item .nav-title .nav-link-fg:hover, #header .header-wrapper .nav-row-bottom .nav-column .nav-item-m .nav-title .nav-link-fg:hover { color: #fff; } } #header .header-wrapper .nav-row-bottom .nav-column .nav-item .sub-nav, #header .header-wrapper .nav-row-bottom .nav-column .nav-item-m .sub-nav { position: absolute; max-height: 40px; width: 100%; left: 0; text-align: center; background-color: #ff8a82; display: none; } @media screen and (max-width: 1024px) { #header .header-wrapper .nav-row-bottom .nav-column .nav-item .sub-nav, #header .header-wrapper .nav-row-bottom .nav-column .nav-item-m .sub-nav { position: relative; max-height: none; border-top: 1px solid #ffafae; } } #header .header-wrapper .nav-row-bottom .nav-column .nav-item .sub-nav .sub-nav-wrapper, #header .header-wrapper .nav-row-bottom .nav-column .nav-item-m .sub-nav .sub-nav-wrapper { display: flex; justify-content: center; width: 100%; } @media screen and (max-width: 1024px) { #header .header-wrapper .nav-row-bottom .nav-column .nav-item .sub-nav .sub-nav-wrapper, #header .header-wrapper .nav-row-bottom .nav-column .nav-item-m .sub-nav .sub-nav-wrapper { flex-direction: column; } } #header .header-wrapper .nav-row-bottom .nav-column .nav-item .sub-nav .sub-nav-wrapper .sub-nav-item, #header .header-wrapper .nav-row-bottom .nav-column .nav-item-m .sub-nav .sub-nav-wrapper .sub-nav-item { display: flex; margin: 0 16px; line-height: 40px; color: #fff; } #header .header-wrapper .nav-row-bottom .nav-column .nav-item .sub-nav .sub-nav-wrapper .sub-nav-item span, #header .header-wrapper .nav-row-bottom .nav-column .nav-item-m .sub-nav .sub-nav-wrapper .sub-nav-item span { font-size: 12px; padding-right: 4px; } @media screen and (max-width: 1024px) { #header .header-wrapper .nav-row-bottom .nav-column .nav-item .sub-nav .sub-nav-wrapper .sub-nav-item span, #header .header-wrapper .nav-row-bottom .nav-column .nav-item-m .sub-nav .sub-nav-wrapper .sub-nav-item span { font-size: 1.25vw; padding-right: 0.3125vw; } } @media screen and (max-width: 768px) { #header .header-wrapper .nav-row-bottom .nav-column .nav-item .sub-nav .sub-nav-wrapper .sub-nav-item span, #header .header-wrapper .nav-row-bottom .nav-column .nav-item-m .sub-nav .sub-nav-wrapper .sub-nav-item span { font-size: 3.75vw; padding-right: 0.625vw; } } @media screen and (max-width: 1024px) { #header .header-wrapper .nav-row-bottom .nav-column .nav-item .sub-nav .sub-nav-wrapper .sub-nav-item, #header .header-wrapper .nav-row-bottom .nav-column .nav-item-m .sub-nav .sub-nav-wrapper .sub-nav-item { width: 100%; line-height: 70px; margin: 0; padding: 0 0 0 140px; font-weight: normal; } } @media screen and (max-width: 768px) { #header .header-wrapper .nav-row-bottom .nav-column .nav-item .sub-nav .sub-nav-wrapper .sub-nav-item, #header .header-wrapper .nav-row-bottom .nav-column .nav-item-m .sub-nav .sub-nav-wrapper .sub-nav-item { line-height: 14.0625vw; padding: 0 0 0 18.75vw; } } #header .header-wrapper .nav-row-bottom .nav-column .nav-item .sub-nav .sub-nav-wrapper .sub-nav-item:first-child, #header .header-wrapper .nav-row-bottom .nav-column .nav-item-m .sub-nav .sub-nav-wrapper .sub-nav-item:first-child { margin-left: 0; } #header .header-wrapper .nav-row-bottom .nav-column .nav-item .sub-nav .sub-nav-wrapper .sub-nav-item:last-child, #header .header-wrapper .nav-row-bottom .nav-column .nav-item-m .sub-nav .sub-nav-wrapper .sub-nav-item:last-child { margin-right: 0; } @media screen and (max-width: 1024px) { #header .header-wrapper .nav-row-bottom .nav-column .nav-item .sub-nav .sub-nav-wrapper .sub-nav-item.active, #header .header-wrapper .nav-row-bottom .nav-column .nav-item-m .sub-nav .sub-nav-wrapper .sub-nav-item.active { background-color: #ff7065; } } #header .header-wrapper .nav-row-bottom .nav-column .nav-item .sub-nav .sub-nav-wrapper .sub-nav-item.active:before, #header .header-wrapper .nav-row-bottom .nav-column .nav-item-m .sub-nav .sub-nav-wrapper .sub-nav-item.active:before { content: ""; position: absolute; display: block; width: 0; height: 0; left: calc(50% - 7px); bottom: -1px; border: 7px solid transparent; border-bottom-color: #fff; } @media screen and (max-width: 1024px) { #header .header-wrapper .nav-row-bottom .nav-column .nav-item .sub-nav .sub-nav-wrapper .sub-nav-item.active:before, #header .header-wrapper .nav-row-bottom .nav-column .nav-item-m .sub-nav .sub-nav-wrapper .sub-nav-item.active:before { border: none; } } #header .header-wrapper .nav-row-bottom .nav-column .nav-item.dot, #header .header-wrapper .nav-row-bottom .nav-column .nav-item.dot-2, #header .header-wrapper .nav-row-bottom .nav-column .nav-item-m.dot, #header .header-wrapper .nav-row-bottom .nav-column .nav-item-m.dot-2 { color: #ff8a82; font-size: 30px; } @media screen and (max-width: 1024px) { #header .header-wrapper .nav-row-bottom .nav-column .nav-item.dot, #header .header-wrapper .nav-row-bottom .nav-column .nav-item.dot-2, #header .header-wrapper .nav-row-bottom .nav-column .nav-item-m.dot, #header .header-wrapper .nav-row-bottom .nav-column .nav-item-m.dot-2 { display: none; } } @media screen and (max-width: 1024px) { #header .header-wrapper .nav-row-bottom .nav-column .nav-item.has-sub .arrow-column, #header .header-wrapper .nav-row-bottom .nav-column .nav-item-m.has-sub .arrow-column { visibility: visible; display: block; } } #header .header-wrapper .nav-row-bottom .nav-column .nav-item.origin-active.has-sub, #header .header-wrapper .nav-row-bottom .nav-column .nav-item-m.origin-active.has-sub { padding-bottom: 39px; } @media screen and (max-width: 1024px) { #header .header-wrapper .nav-row-bottom .nav-column .nav-item.origin-active.has-sub, #header .header-wrapper .nav-row-bottom .nav-column .nav-item-m.origin-active.has-sub { padding-bottom: 0; } } #header .header-wrapper .nav-row-bottom .nav-column .nav-item.active.has-sub .nav-title .nav-link-fg:before, #header .header-wrapper .nav-row-bottom .nav-column .nav-item-m.active.has-sub .nav-title .nav-link-fg:before { content: ""; position: absolute; display: block; width: 0; height: 0; left: calc(50% - 7px); bottom: 0; border: 7px solid transparent; border-bottom-color: #ff8a82; } @media screen and (max-width: 1024px) { #header .header-wrapper .nav-row-bottom .nav-column .nav-item.active.has-sub .nav-title .nav-link-fg:before, #header .header-wrapper .nav-row-bottom .nav-column .nav-item-m.active.has-sub .nav-title .nav-link-fg:before { border: none; } } #header .header-wrapper .nav-row-bottom .nav-column .nav-item.active .nav-title .arrow-column svg, #header .header-wrapper .nav-row-bottom .nav-column .nav-item.active .nav-title .arrow-column i, #header .header-wrapper .nav-row-bottom .nav-column .nav-item-m.active .nav-title .arrow-column svg, #header .header-wrapper .nav-row-bottom .nav-column .nav-item-m.active .nav-title .arrow-column i { transform: rotate(90deg); } #header .header-wrapper .nav-row-bottom .nav-column .nav-item.active .nav-title .nav-link-fg, #header .header-wrapper .nav-row-bottom .nav-column .nav-item-m.active .nav-title .nav-link-fg { color: #ff8a82; } @media screen and (max-width: 1024px) { #header .header-wrapper .nav-row-bottom .nav-column .nav-item.active .nav-title .nav-link-fg, #header .header-wrapper .nav-row-bottom .nav-column .nav-item-m.active .nav-title .nav-link-fg { color: #fff; } } #header .header-wrapper .nav-row-bottom .nav-column .nav-item.active .sub-nav, #header .header-wrapper .nav-row-bottom .nav-column .nav-item-m.active .sub-nav { display: block; } #header .header-wrapper .nav-row-bottom .nav-column .nav-item a, #header .header-wrapper .nav-row-bottom .nav-column .nav-item-m a { font-size: 16px; cursor: pointer; position: relative; display: inline-block; } @media screen and (max-width: 768px) { #header .header-wrapper .nav-row-bottom .nav-column .nav-item a, #header .header-wrapper .nav-row-bottom .nav-column .nav-item-m a { font-size: 4.375vw; } } #header .header-wrapper .nav-row-bottom .nav-column .nav-item-m { display: none; } @media screen and (max-width: 1024px) { #header .header-wrapper .nav-row-bottom .nav-column .nav-item-m { display: flex; } } #header .header-wrapper .nav-row-bottom .nav-column .nav-item-m.item-close { padding-right: 30px; } @media screen and (max-width: 768px) { #header .header-wrapper .nav-row-bottom .nav-column .nav-item-m.item-close { padding-right: 5.25vw; } } #header .header-wrapper .nav-row-bottom .nav-column .nav-item-m.item-close label { margin-left: auto; width: 20px; height: 70px; } @media screen and (max-width: 768px) { #header .header-wrapper .nav-row-bottom .nav-column .nav-item-m.item-close label { width: 5.625vw; height: 14.0625vw; } } #header .header-wrapper .nav-row-bottom .nav-column .nav-item-m.item-close label svg, #header .header-wrapper .nav-row-bottom .nav-column .nav-item-m.item-close label i { fill: #fff; } #header .header-wrapper .nav-row-bottom .nav-column .nav-item-m.item-home { padding-left: 80px; } @media screen and (max-width: 768px) { #header .header-wrapper .nav-row-bottom .nav-column .nav-item-m.item-home { padding-left: 13.28125vw; } } #header .header-wrapper .nav-row-bottom .nav-column .nav-item-m.item-home a { color: #fff; } #header .header-wrapper .nav-overlay { display: none; position: fixed; top: 0; left: 0; z-index: 8; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); opacity: 0; transition: opacity 0.5s ease-in-out; pointer-events: none; } @media screen and (max-width: 1024px) { #header .header-wrapper .nav-overlay { display: block; } } @media screen and (max-width: 1024px) { #header .header-wrapper #toggle-menu:checked ~ .nav-row-bottom { transform: translateX(0%); z-index: 9; box-shadow: -3px 0 10px rgba(0, 0, 0, 0.2); } #header .header-wrapper #toggle-menu:checked ~ .nav-overlay { transition: opacity 0.5s ease-in-out; pointer-events: auto; opacity: 1; pointer-events: auto; } } #header .header-search { position: absolute; width: 100%; background: #fff; border-bottom: 2px solid #5fd4df; display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 2; transform: translateY(-100%); transition: transform 0.5s ease-in-out; } @media screen and (max-width: 768px) { #header .header-search { border-bottom: 1.5625vw solid #5fd4df; } } #header .header-search .search-input-wrapper { width: 100%; max-width: 500px; padding: 70px 0; } @media screen and (max-width: 768px) { #header .header-search .search-input-wrapper { padding: 12.1875vw 4.6875vw 10.625vw; max-width: 100%; } } #header .header-search .search-input-wrapper .search-input-group { position: relative; } #header .header-search .search-input-wrapper .search-input-group input { width: 100%; border: 1px solid #ccc; height: 36px; font-size: 16px; color: #333; padding: 0 48px 0 14px; margin: 0; } @media screen and (max-width: 768px) { #header .header-search .search-input-wrapper .search-input-group input { height: 10.9375vw; font-size: 4.375vw; padding: 0 15.3125vw 0 4.375vw; } } #header .header-search .search-input-wrapper .search-input-group input::-moz-placeholder { color: #ccc; } #header .header-search .search-input-wrapper .search-input-group input:-ms-input-placeholder { color: #ccc; } #header .header-search .search-input-wrapper .search-input-group input::placeholder { color: #ccc; } #header .header-search .search-input-wrapper .search-input-group button { position: absolute; top: 0; right: 0; height: 100%; font-size: 19px; color: #fff; background-color: #ff8a82; border: 1px solid #ccc; border-left: 0; width: 35px; padding: 0; } @media screen and (max-width: 768px) { #header .header-search .search-input-wrapper .search-input-group button { width: 11.09375vw; font-size: 6.25vw; } } #header .header-search .close-header-search { display: flex; align-items: center; justify-content: center; background-color: #5fd4df; font-size: 24px; color: #fff; width: 40px; height: 30px; } @media screen and (max-width: 768px) { #header .header-search .close-header-search { position: relative; width: 10.9375vw; height: 10.9375vw; font-size: 7.25vw; bottom: -1.5625vw; } } #header #toggle-header-search:checked ~ .header-search { transform: translateY(0%); } #sticky-nav { display: none; position: sticky; top: 0; z-index: 10; background-color: #fff; overflow-y: hidden; overflow-x: auto; } @media screen and (max-width: 768px) { #sticky-nav { display: block; } } #sticky-nav::-webkit-scrollbar { display: none; } #sticky-nav .sticky-nav-wrapper { display: table; white-space: nowrap; border-bottom: 1px solid #ff8a82; height: 9.375vw; width: 100%; } #sticky-nav .sticky-nav-wrapper span { font-size: 3.75vw; padding-right: 0.625vw; } #sticky-nav .sticky-nav-wrapper a { display: inline-flex; align-items: center; position: relative; font-size: 4.375vw; height: 9.375vw; color: #ff8a82; white-space: nowrap; padding: 0 2.34375vw; } #sticky-nav .sticky-nav-wrapper a:first-child { margin-left: 2.34375vw; } #sticky-nav .sticky-nav-wrapper a:last-child { margin-right: 2.34375vw; } #sticky-nav .sticky-nav-wrapper a.active::after { content: ""; position: absolute; transform: translateX(-50%); bottom: 0; left: 50%; width: 0; height: 0; border: solid; border-width: 0 1.5625vw 1.5625vw; border-color: transparent transparent #ff8a82; } #breadcrumb .breadcrumb-content { display: flex; flex-wrap: wrap; align-items: center; list-style: none; padding: 19px 0; width: 100%; } @media screen and (max-width: 768px) { #breadcrumb .breadcrumb-content { padding: 0; } } #breadcrumb .breadcrumb-content .breadcrumb-item { display: flex; align-items: center; font-size: 14px; line-height: 2; color: #666; } @media screen and (max-width: 768px) { #breadcrumb .breadcrumb-content .breadcrumb-item { font-size: 4.375vw; } #breadcrumb .breadcrumb-content .breadcrumb-item:nth-child(3) svg, #breadcrumb .breadcrumb-content .breadcrumb-item:nth-child(3) i { display: none; } #breadcrumb .breadcrumb-content .breadcrumb-item:nth-child(n+4) { display: none; } } #breadcrumb .breadcrumb-content .breadcrumb-item .breadcrumb-home-link, #breadcrumb .breadcrumb-content .breadcrumb-item .icon-arrow-right { font-size: inherit; line-height: inherit; color: inherit; } #breadcrumb .breadcrumb-content .breadcrumb-item .icon-arrow-right { padding: 0 10px; } @media screen and (max-width: 768px) { #breadcrumb .breadcrumb-content .breadcrumb-item .icon-arrow-right { padding: 0 3.125vw; } } #breadcrumb .breadcrumb-content .breadcrumb-item a { color: inherit; } #breadcrumb .breadcrumb-content .breadcrumb-item a:hover { color: #ff7065; } .ad-header { display: flex; justify-content: center; } .ad-header .ad-mobile { display: none; } @media screen and (max-width: 768px) { .ad-header .ad-mobile { display: block; } } .ad-footer { text-align: center; border-top: 1px solid #ccc; } .ad-footer .ad-title { display: flex; align-items: center; width: 100%; max-width: 1000px; margin: 0 auto 30px auto; /* 目前 CSS 只針對 電腦版調整， 解決 精選試用心得 手機版面消失問題後， 要將 ad-footer 以下共用 CSS 整合 */ } .ad-footer .ad-desktop { display: flex; justify-content: space-between; list-style: none; width: 100%; max-width: 1000px; margin: 0 auto; } @media screen and (max-width: 768px) { .ad-footer .ad-desktop { display: none; } } .ad-footer .ad-desktop .ad-item { display: flex; flex-direction: column; align-items: center; max-width: 200px; } .ad-footer .ad-desktop .ad-item iframe { max-width: 100%; } .ad-footer .ad-desktop .ad-item .ad-img { display: block; width: 200px; height: 200px; background-size: cover; background-position: center; background-repeat: no-repeat; border: 1px solid #eee; } @media screen and (max-width: 960px) { .ad-footer .ad-desktop .ad-item .ad-img { width: 160px; height: 160px; } } .ad-footer .ad-desktop .ad-item .ad-info { padding-top: 10px; } .ad-footer .ad-desktop .ad-item .ad-info .ad-title { display: block; color: #333; font-size: 16px; font-weight: bold; } .ad-footer .ad-desktop .ad-item .ad-info .ad-desc { display: block; color: #888; font-size: 14px; } .ad-footer .ad-mobile { display: none; } @media screen and (max-width: 768px) { .ad-footer .ad-mobile { display: block; } .ad-footer .ad-mobile:empty { display: none; } } .ad-footer-expert { text-align: center; } .ad-footer-expert .ad-mobile { display: none; } @media screen and (max-width: 768px) { .ad-footer-expert .ad-mobile { display: block; } } #footer { width: 100%; bottom: 0; } @media screen and (max-width: 768px) { #footer { position: relative; } } #footer .footer-top { background-color: #ff8a82; } #footer .footer-top .container { min-height: 80px; align-items: center; justify-content: center; flex-direction: row; } @media screen and (max-width: 768px) { #footer .footer-top .container { min-height: 14.0625vw; padding: 0 4.6875vw; } } #footer .footer-top .container .brand { display: flex; align-items: center; margin-right: 25px; } @media screen and (max-width: 768px) { #footer .footer-top .container .brand { display: none; } } #footer .footer-top .container .brand svg, #footer .footer-top .container .brand i { display: inline-block; vertical-align: middle; width: 100%; height: auto; max-width: 216px; } @media screen and (max-width: 768px) { #footer .footer-top .container .brand svg, #footer .footer-top .container .brand i { max-width: 48.4375vw; } } #footer .footer-top .container .brand svg .cls-1, #footer .footer-top .container .brand svg .cls-2, #footer .footer-top .container .brand i .cls-1, #footer .footer-top .container .brand i .cls-2 { fill: #fff; } #footer .footer-top .container .brand span { padding-left: 12px; font-size: 20px; color: #fff; } @media screen and (max-width: 768px) { #footer .footer-top .container .brand span { display: none; } } #footer .footer-top .container .social-icons { display: flex; align-items: center; padding: 0 15px; border-right: 1px solid #fff; border-left: 1px solid #fff; min-height: 35px; } @media screen and (max-width: 768px) { #footer .footer-top .container .social-icons { border: 0; padding: 0; width: 80%; justify-content: space-between; min-height: 0; } } #footer .footer-top .container .social-icons a { padding: 0 5px; font-size: 22.86px; color: #fff; display: inline-flex; } @media screen and (max-width: 768px) { #footer .footer-top .container .social-icons a { padding: 0 1.71875vw; font-size: 8.0359375vw; } } #footer .footer-top .container .social-icons a:first-child { padding-left: 0; } #footer .footer-top .container .social-icons a:last-child { padding-right: 0; } #footer .footer-top .container .social-icons a svg { width: 21px; height: 21px; border-radius: 5px; } #footer .footer-top .container .social-icons a svg .tiktok-cls-1 { opacity: 0.95; fill: #fff; } @media screen and (max-width: 768px) { #footer .footer-top .container .social-icons a svg { width: 26px; height: 26px; } } #footer .footer-bottom { background-color: #333; } #footer .footer-bottom .container { min-height: 90px; align-items: center; justify-content: center; } @media screen and (max-width: 768px) { #footer .footer-bottom .container { min-height: 54.6875vw; padding: 0 4.6875vw; } } #footer .footer-bottom .container .links { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin: 0 0 9.5px; } @media screen and (max-width: 768px) { #footer .footer-bottom .container .links { margin: 0 0 5vw; } } #footer .footer-bottom .container .links a { font-size: 14px; color: #ff8a82; } @media screen and (max-width: 768px) { #footer .footer-bottom .container .links a { font-size: 4.375vw; line-height: 2; } } #footer .footer-bottom .container .links .vertical-hr { height: 16px; padding: 0 1px; margin: 0 10px; background-color: #ff8a82; } @media screen and (max-width: 768px) { #footer .footer-bottom .container .links .vertical-hr { height: 5vw; margin: 0 2.34375vw; } } #footer .footer-bottom .container .legal-copyright { color: #aaa; font-size: 13px; line-height: 1.45; } @media screen and (max-width: 768px) { #footer .footer-bottom .container .legal-copyright { font-size: 3.4375vw; } } @media screen and (max-width: 768px) { #footer .footer-bottom .container .legal-copyright span { display: block; } } #izooto-subscription-prompt .iz_prompt_overlay .iz_prompt_containr { padding: 1rem; } #izooto-subscription-prompt .iz_prompt_overlay .iz_prompt_containr .iz_img_container { padding-left: 0; } #izooto-subscription-prompt .iz_prompt_overlay .iz_prompt_containr .iz_img_container .iz_img { width: 50px; } #izooto-subscription-prompt .iz_prompt_overlay .iz_prompt_containr .iz_text_container { width: 83%; } #izooto-subscription-prompt .iz_prompt_overlay .iz_prompt_containr .iz_text_container .iz_title { font-size: 18px; line-height: 1.5; margin-bottom: 1rem; } #izooto-subscription-prompt .iz_prompt_overlay .iz_prompt_containr .iz_text_container .iz_description { display: none; } #izooto-subscription-prompt .iz_prompt_overlay .iz_prompt_containr .iz_buttons_container { padding-left: 0; padding-bottom: 0; padding-top: 0; display: flex; justify-content: space-around; flex-direction: row-reverse; margin-left: 0; } #izooto-subscription-prompt .iz_prompt_overlay .iz_prompt_containr .iz_buttons_container .iz_allow_button { min-width: 120px; max-width: 120px; } #izooto-subscription-prompt .iz_prompt_overlay .iz_prompt_containr .iz_buttons_container .iz_block_button { min-width: 120px; max-width: 120px; background-color: transparent; } main { margin: 0; padding: 0; } main .container .full-content a { display: flex; width: 100%; align-items: center; justify-content: center; }